div[data-cy="my-library-drawer-library-container"]:before {
    content: "This Early Access feature is a work in progress, so the reading experience could be inconsistent. For better results in the meantime, visit the 'Sources' menu to access the Digital Reader for each NEXUS.";
    display: block;
    background: #272831;
    border-top: 3px solid #3276b5;
    border-bottom: 3px solid #3276b5;
    color: white;
    padding: 16px;
    line-height: normal;
    text-align: center;
}.book-image-left {
    max-width: 100%;
    margin-right:15px;
    float:left;
    margin-bottom: 10px;
}

@media only screen and (max-width: 600px) {
  .book-image-left {
    float: none;
    display: block;
    margin: 0 auto;
  }
}.book-image-right {
    max-width: 100%;
    margin-left:15px;
    float:right;
    margin-bottom: 10px;
}

@media only screen and (max-width: 600px) {
  .book-image-right {
    float: none;
    display: block;
    margin: 0 auto;
  }
}.two-column-right {
    flex: 50%;
    flex-wrap: wrap;
    padding: 20px 30px;
}.callout-block-header {
  display: flex;
}.brown-center {
    background-color: #E0DACB;
    width: 100%;
    height: 14px;
    margin-top: 24px;
    margin-left: -10px;
}.standard-table tr td, .standard-table tr th {
    text-align: left;
}

.standard-table p {
  margin: 0;
}.super-text {
    font-size: 50%;
}.toc-long-description {
    margin-left: 20px;
    margin-right: 20px;
    padding: 5px 0px;
    line-height: 26px;
    letter-spacing: 0.02em;
    color: #363737;
}

.toc-long-description p {
  padding-top: 10px;
  color: #363737;
}

.toc-long-description strong {
  color: #363737;
}

.toc-long-description ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    color: #676767;
}.sources-slug-source-description {
  color: #FFFFFF;
  font-family: Roboto;
  margin-bottom: 1.125rem;
}.Table-Header-Sub {
    background-color: #D1CBBB;
    font-weight: bold;
    color: #393636;
    text-align: left;
} .stat-block-stat-body {
  border-bottom: 1.5px solid black;
    padding-bottom: 5px;
    overflow:hidden;
}.configClasses {
  border-bottom: 1.5px solid black;
  padding-bottom: 5px;
  overflow:hidden;
}.Tables_Table-Row-2, .Table-Row-2 {
  background-color: #F0EBDF;
  color: #393636;
}.th {
  color:white;
  background-color: #5e0000;
}.Stat-Body, .Stat-Blocks_Stat-Hanging, .Stat-Body-secondary, .Stat-Block_Stat-Body, .Stat-Traits, .Stat-Body-Secondary {
  margin-bottom: .5em !important;
  margin-top: .5em !important;
}

.Stat-Blocks_Stat-Hanging-divider, .Stat-Body-Secondary-divider, .Stat-Block_Stat-Body-divider, .Stat-Body-divider, .Stat-Block_Stat-Body-Secondary-divider, .Stat-Body-Secondary-divider, .Stat-Body-Secondary-Indent {
  margin-top: .5em !important;
}

.divider-reversed {
  margin-bottom: .5em !important;
}.heading-block {
    margin-bottom: 10px;
    color: #5C1C16;
    border-radius: 8px;
    background: #FDFDFD;
    padding: 24px;
    padding-top:10px;
    padding-bottom:10px;
    font-family: sabon;
    font-style: italic;
    font-weight: normal;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.02em;
}.table td {
  text-align: left;
}.table-td {
  padding: 10px;
}.callout-block-content {
  background-color: #E0DACB;
  padding:20px;
}

.callout-block-content h5 {
  margin-top: 0px;
  text-align: center;
}.red {
  color: #5C1C16;
}.brown-left {
    width: 155px;
    height: 81px;
    margin-bottom: -43px;
    margin-left: -25px;
    background-repeat: no-repeat;
}.brown-right {
    width: 170px;
    height: 81px;
    margin-bottom: -43px;
    margin-right: -19px;
    background-repeat: no-repeat;
    margin-left: -2px;
}.trait-holder {
  background-color: #e9e4dc;
  padding: 16px;
  margin-bottom: 13px;
  border-radius: 4px;
  overflow: hidden;
}.uncommon-tag {
  background-color: #98513d;
}.h4 {
  color: #a76652;
  font-weight: normal;
  font-size: 20px;
}.primer-header-top-border{
  background-image: url(https://content.demiplane.com/nexus/pathfinder-2e/primer-top-border.png);
} .main-holder a {
    color: #0f5cbc ;
    text-decoration: none;
    border-bottom: 1px solid #1B9AF0;
}

.main-holder a:visited {
    color: #006699 ;
    text-decoration: none;
    border-bottom: 1px solid #1B9AF0;
}

.main-holder a:hover {
    color: #1B9AF0;
}.primer-header-bottom-border{
  background-image: url(https://content.demiplane.com/nexus/pathfinder-2e/primer-bottom-border.png);
  background-repeat: no-repeat;
  margin-top: 5px;
}.level-header {
    background-color: #002664;
    padding: 8px;
    padding-left: 15px;
    font-size: 20px !important;
    color: #ede3c6 !important;
    border-radius: 16px 8px 0px 0px;
}.dark-red-border .two-column-left {
    border-right: 1px solid #5C1C16;
}

@media screen and (max-width: 600px) {
  .dark-red-border .two-column-left {
    border-bottom: 1px solid #5C1C16;
    border-right: none;
  }
}/* MOBILE */

.listings-filter-label {
  margin-top: 35px;
}  .pfn-horizontal-divider {
  border: 0;
  border-bottom: solid 1.75px rgb(92, 28, 22);
  height: 5px;
  overflow: visible;
  padding: 0;
  margin-top: 50px;
  margin-bottom: 50px;
  color: #CCC;
  text-align: center;
}

.pfn-horizontal-divider::after {
    content: "";
    display: block;
    position: relative;
    top: -2px;
    height: 16px;
    background: url(https://content.demiplane.com/elements/pathfinder-2e/archetypes/PFN-Center-Flourish.png) center bottom no-repeat;
    background-size: contain;
} .main-holder {
 background-color: #ECE9E4;
 font-family: 'Nunito', sans-serif !important;
 font-size: 18px;
 color: #393636;
 margin: 0px auto;
 padding-top: 32px;
 padding-bottom: 6rem;
 line-height:normal;
} 

.MuiDrawer-paper .main-holder {
    padding-left: 16px;
    padding-right: 16px;
}
@media screen and (max-width: 800px) {
  .main-holder {
     padding-left: 16px;
     padding-right: 16px;
  }
}


.main-holder H1, .main-holder H2, .main-holder H3, .main-holder H4, .main-holder H5 {
    font-family: gin, serif;
    text-transform: uppercase;
    color: #393636;
    font-weight: normal;
}


.main-holder h3 {
  font-size: 24px;
  font-weight: normal;
  color: #5d0000;
}

.main-holder.drawer h3 {
  color: #FDFDFD;
}

.main-holder.tooltip h3 {
  color: #FDFDFD;
}

.main-holder h4 {
  color: #a76652;
  font-weight: normal;
  font-size: 20px;
}

.main-holder h5 {
  font-size: 1em;
}

.main-holder strong {
  color: inherit;
}

.main-holder img {
  z-index: 1000;
}

.main-holder table {
    width: 100%;
    background-color: #f0eeea;
    /* border: 1px solid black; */
    border-collapse: collapse;
    text-align: center;
    margin-bottom: 20px;
}

.main-holder table th {
    color: white;
    background-color: #5e0000;
}

.main-holder table td, table th {
    padding: 10px;
}

.main-holder table h1, table h2, table h3, table h4, table h5 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.main-holder table p {
    margin: 0px;
}

.main-holder p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.main-holder ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

.main-holder ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

.main-holder > h1 {
    font-family: taroca;
    font-weight: normal;
    font-size: 36px;
    color: #5d0000;
}

.main-holder > h2 {
    font-family: taroca;
    color: #002564;
    font-size: 26px;
}

.main-holder > H1, .main-holder > H2, .main-holder > H3, .main-holder > H4, .main-holder > H5 {
    margin-top: 50px;
    margin-bottom: 10px;
}

.main-holder > p {
  line-height: 26px;
}

.main-holder.tooltip {
  background: transparent;
  padding-top: 1rem;
  padding-bottom: 0;
}

.main-holder.page {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0;
}

.main-holder.drawer {
  background: transparent;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.main-holder.tooltip .divider-reversed {
  border-top: 1.5px solid white;
}

.main-holder.drawer .divider-reversed {
  border-top: 1.5px solid white;
}.ancestries-item {
  font-family: Roboto;
  font-style: normal;
  color: white;
  display: flex;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 6px;
  margin-bottom: 16px;
  position:relative;
}

.ancestries-item h5 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 8px;
  color: white;
}

.ancestries-item p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  margin:0;
  margin-top: 0px;
  font-size: 14px;
  line-height: 16px;
}.toc-entry {
    margin-left: 20px;
    margin-right: 20px;
    padding: 5px 0px;
}

.toc-entry p {
  padding-top: 10px;
}

.toc-entry ul {
    column-count: 4;
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    color: #676767;
}

@media screen and (max-width: 768px) {
    .toc-entry ul {
        column-count: 2;
    }
}

@media screen and (max-width: 375px) {
    .toc-entry ul {
        column-count: 1;
    }
}.two-column-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}.main-holder table th {
    color: white;
    background-color: #800008;
}.class-feature {
    color: #5d0000 !important;
    font-size: 24px !important;
}
.Formula {
    padding: 15px;
    font-weight: bold;
    border-top: 1px solid #d5b7a7;
    border-bottom: 1px solid #d5b7a7;
    background-color: #eae4d8;
    margin-top: 10px;
}/*  delete this */ .toc-column {
  float: left;
  width: 50%;
}

@media screen and (max-width: 768px) {
  .toc-column {
    width: 100%;
  }
}
.primer-header-block-heritage {
  display: flex;
  padding-top: 50px;
}.toc-header {
    margin-top: 20px !important;
    margin-bottom: 0px;
    border-bottom: 1px solid #800008;
    font-size: 1.3em;
    color:#002664 !important;
}

.toc-header a {
    color:#002664 !important;
    text-decoration: none !important;
}
.toc-header a:visited {
    color:#002664 !important;
}.table {
  width: 100%;
  background-color: #F0EBDF;
  /*border: 1px solid black;*/
  border-collapse: collapse;
  text-align:center;
  margin-bottom:20px;
}.Tables_Table-Row-1, .Table-Row-1 {
  background-color: #E0DACB;
  color: #393636;
}.main-holder table th {
    color: white;
    background-color: #800008;
}.reader-container {
  background-color: #ECE9E4;
  width: 100%;
}.book-image-center {
    max-width: 100%;
    margin: 0px auto;
    display: block;
    margin-bottom: 10px;
    position: relative;
}.icon {
    display: inline-block;
}.information {
    background-color: #d1d3d4;
    padding: 25px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.information h5:first-of-type {
    background-color: #002664;
    color: #d3c484;
    padding: 10px;
    padding-left: 25px;
    font-size: 17px;
    margin-top: -25px;
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: 0px;
}.sources-slug-header-small{
  flex: 1;
  color: #FDFDFD;
  font-size: 2.5rem;
  text-align: center;
  font-family: Taroca;
  font-weight: normal;
  margin: 0;
  line-height: 1.167;
  letter-spacing: -0.01562em;
}.right-header {
    float: right;
}.callout-block {
    margin-bottom: 20px;
}.primer-header-block-archetype {
  display: flex;
  padding-top: 50px;
}.sources-source-type-header {
  height: 45px;
  display: flex;
  align-items: center;
  border-radius: 20px 10px 0 0;
  background-color: #800008;
}.light-red-border .two-column-left {
    border-right: 1px solid #D85058;
}

@media screen and (max-width: 600px) {
  .light-red-border .two-column-left {
    border-bottom: 1px solid #D85058;
    border-right: none;
  }
}.skill-block {
    background-color:#E7DFD1;
    width:90%;
    padding: 1px 10px 1px 20px;
    margin:10px auto
}
.skill-block p:first-of-type {
    text-align:center;
    font-weight:bold;
}.sidebar-body-condensed li::marker {
   content: none !important;
}.header-centered {
    text-align: center;
}.header-left-aligned {
    text-align: left !important;
}.excerpt-footnote {
font-size: 12px;
    margin-top: -5px;
}.excerpt-bold {
font-weight:bold;
font-size: .9em;
margin-top: 40px;
}
.toc-link-block {
    font-family: goodOtCondBold;
    text-transform: uppercase;
}.side-header tr td:nth-child(1) {
    background-color: #5e0000;
    color: white;
}
.side-header tr th, .side-header tr td {
    text-align: center !important;
}

table.side-header tr:nth-child(odd) {
    background-color: #ede3c8;
}.with-clearfix {
    overflow: auto;
}.sidebar-float-right {
    max-width: 350px;
    float: right;
    margin-left: 20px;
}.one-action-icon {
    background-image: url(https://content.demiplane.com/compendium/pathfinder-2e/core-rulebook/zIzwJMUoBhjjNAy/single_action.svg);
    margin-bottom: -3px;
    width: 21px;
    height: 21px;
}.reaction-icon {
    background-image: url(https://content.demiplane.com/compendium/pathfinder-2e/core-rulebook/zIzwJMUoBhjjNAy/reaction.svg);
    margin-bottom: -4px;
    width: 26px;
    height: 21px;
}.two-action-icon {
    background-image: url(https://content.demiplane.com/compendium/pathfinder-2e/core-rulebook/zIzwJMUoBhjjNAy/two_action.svg);
    margin-bottom: -3px;
    width: 33px;
    height: 21px;
}.three-action-icon {
    background-image: url(https://content.demiplane.com/compendium/pathfinder-2e/core-rulebook/zIzwJMUoBhjjNAy/three_action.svg);
    margin-bottom: -4px;
    width: 44px;
    height: 21px;
}.check-bonuses-calculating-results {
    background-color: #5C1C16 !important;
    border-radius: 8px;
    font-size: 1em;
    padding: 20px 10px;
    margin: 20px 0px;
    text-align: left !important;
    color: #fdfdfd;
}.Tables_Table-Footer {
    background-color: #D1CBBB;
    text-align: left;
    color: #393636;
}.Stat-Body-divider {
    border-bottom: 1.5px solid black;
    padding-bottom: 12px;
    overflow: hidden;
}.sidebar {
  background: #FDFDFD;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0px 2px 12px rgb(0 0 0 / 20%);
  color: #5C1C16;
  margin-bottom: 20px;
}

.sidebar h5, .sidebar h3 {
    color: #5C1C16;
}

.sidebar > p {
    line-height: 24px;
}.class-sidebar {
    background: #FDFDFD;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 20%);
    color: #5C1C16;
    word-break: break-word;
}

.class-sidebar p {
    margin: 0px;
}.free-action-icon {
    background-image: url(https://content.demiplane.com/compendium/pathfinder-2e/core-rulebook/zIzwJMUoBhjjNAy/free_action.svg);
    margin-bottom: -3px;
    width: 21px;
    height: 21px;
}.main-holder .split-header {
    border-bottom: 1.5px solid black;
    padding-bottom: 5px;
    overflow: hidden;


}

.trait-holder .split-header {
    margin-bottom: 5px;
    margin-top: 0px;
    font-family: goodOtCondBold;
    font-size: 22px;
    color: #393636;
}@font-face {
    font-family: Nunito;
    src: url("https://content.demiplane.com/fonts/Nunito-Regular.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: gin;
    src: url("https://content.demiplane.com/fonts/Gin.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: goodOt;
    src: url("https://content.demiplane.com/fonts/GoodOT.otf") format("opentype");
}
@font-face {
    font-family: goodOtBold;
    src: url("https://content.demiplane.com/fonts/GoodOT-Bold.otf") format("opentype");
}
@font-face {
    font-family: goodOtCondBold;
    src: url("https://content.demiplane.com/fonts/GoodOT-CondBold.otf") format("opentype");
}
@font-face {
    font-family: sabon;
    src: url("https://content.demiplane.com/fonts/SabonLTStd-Italic.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: taroca;
    src: url("https://content.demiplane.com/fonts/Taroca.ttf") format("truetype");
    font-display: swap;
}.check-results-uppercase-header {
    text-transform: uppercase;
    font-family: Gin;
    font-size: 1.2em;
}

.check-results-header {
    border-bottom: 2px solid #ede3c6;
    font-weight: bold;
}.quick-builder-header {
  font-family: Taroca;
  font-size: 1.4em;
  color: #F1CE86 !important;
  padding-bottom: 30px;
  text-align:center;
  margin-top: 29px;
  background-image: url(https://content.demiplane.com/compendium/pathfinder-2e/core-rulebook/zIzwJMUoBhjjNAy/divider.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}.tags {
  margin-bottom: 15px;
}.quick-build-column .two-column-left {
    max-width: 300px;
    flex: 50%;
    flex-wrap: wrap;
    text-align: center;
    padding: 0px;
    background-image: url(https://content.demiplane.com/compendium/pathfinder-2e/core-rulebook/zIzwJMUoBhjjNAy/divider.png);
    background-repeat: no-repeat;
    background-position: center bottom 7px;
    padding-bottom: 20px;
}

.quick-build-column .two-column-left > h1{
 font-family: gin, serif;
 font-size: 1.6em;
}

.quick-build-column .two-column-right {
    margin-left: 20px;
    padding:0px;
}

.quick-build-column p:not(:last-child) {
    border-bottom: 1.5px solid #D85058;
    padding-bottom: 15px;
}

/* Light Mode */

.Stat-Body-divider, .Stat-Block_Stat-Body-divider, .Stat-Block_Stat-Body-Secondary-divider, .Stat-Body-Secondary-divider,
.Stat-Block_Stat-Body-Secondary-Body-Divider-Indent, .Stat-Body-divider-Justify, Stat-Block_Stat-Body-Indent-divider,
.Stat-Body-Indent-divider, .Stat-Body-Secondary-Body-Divider, .Stat-Blocks_Stat-Body-divider, .Stat-Blocks_Stat-Hanging-divider,
.Stat-Blocks_Stat-Body-indent-divider, .Stat-Block_Stat-Body-divider-Justify, .Stat-Blocks_Stat-Outcome-divider,
.Stat-Blocks_Stat-Hanging-indent-divider {
        border-bottom: 1.5px solid black;
    padding-bottom: 12px;
    overflow:hidden;
}

.list-divider {
    border-bottom: 1.5px solid black;
    padding-bottom: 12px;
    margin-bottom: -9px;
    overflow:hidden;
}

.divider-reversed {
    border-top: 1.5px solid black;
    padding-top: 12px;
    overflow:hidden;
}

/* Dark Mode */

.main-holder.drawer .Stat-Body-divider, .main-holder.drawer .Stat-Block_Stat-Body-divider, .main-holder.drawer .Stat-Block_Stat-Body-Secondary-divider, .main-holder.drawer .Stat-Body-Secondary-divider,
.main-holder.drawer .Stat-Block_Stat-Body-Secondary-Body-Divider-Indent, .main-holder.drawer .Stat-Body-divider-Justify, .main-holder.drawer .main-holder.drawer .Stat-Block_Stat-Body-Indent-divider,
.main-holder.drawer .main-holder.drawer.Stat-Body-Indent-divider, .main-holder.drawer .Stat-Body-Secondary-Body-Divider, .main-holder.drawer .Stat-Blocks_Stat-Body-divider, .main-holder.drawer .Stat-Blocks_Stat-Hanging-divider,
.main-holder.drawer .Stat-Blocks_Stat-Body-indent-divider, .main-holder.drawer .Stat-Block_Stat-Body-divider-Justify, .main-holder.drawer .Stat-Blocks_Stat-Outcome-divider,
.main-holder.drawer .Stat-Blocks_Stat-Hanging-indent-divider{
        border-bottom: 1.5px solid #676767;
}

.main-holder.drawer .list-divider {
    border-bottom: 1.5px solid #676767;
}

.main-holder.drawer .divider-reversed {
    border-top: 1.5px solid #676767;
}

.main-holder.tooltip .Stat-Body-divider, .main-holder.tooltip .Stat-Block_Stat-Body-divider, .main-holder.tooltip .Stat-Block_Stat-Body-Secondary-divider, .main-holder.tooltip .Stat-Body-Secondary-divider,
.main-holder.tooltip .Stat-Block_Stat-Body-Secondary-Body-Divider-Indent, .main-holder.tooltip .Stat-Body-divider-Justify, .main-holder.tooltip .main-holder.tooltip .Stat-Block_Stat-Body-Indent-divider,
.main-holder.tooltip .main-holder.tooltip.Stat-Body-Indent-divider, .main-holder.tooltip .Stat-Body-Secondary-Body-Divider, .main-holder.tooltip .Stat-Blocks_Stat-Body-divider, .main-holder.tooltip .Stat-Blocks_Stat-Hanging-divider,
.main-holder.tooltip .Stat-Blocks_Stat-Body-indent-divider, .main-holder.tooltip .Stat-Block_Stat-Body-divider-Justify, .main-holder.tooltip .Stat-Blocks_Stat-Outcome-divider,
.main-holder.tooltip .Stat-Blocks_Stat-Hanging-indent-divider{
        border-bottom: 1.5px solid #676767;
}

.main-holder.tooltip .list-divider {
    border-bottom: 1.5px solid #676767;
}

.main-holder.tooltip .divider-reversed {
    border-top: 1.5px solid #676767;
}.small-caps {
    font-variant:small-caps;
}.trait-tag {
    display: inline-block;
    border-style: solid;
    border-left-width: 4px;
    border-right-width: 4px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    font-family: goodOtCondBold;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color:white;
    border-color: #d9c484;
}

.trait-tag.normal {
    background-color: #5e0000;
}

.trait-tag.uncommon {
    background-color: #98513d;
}

.trait-tag.rare {
    background-color: #002664;
}

.trait-tag.unique {
    background-color: #54166e;
}

.trait-tag.alignment {
    background-color: #576293;
}

.trait-tag.size {
    background-color: #3b7b59;
}.primer-subheader-archetype {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}.creatureListingThumbnail-aberration {
  background-color: #663954;
}

.creatureListingThumbnail-animal {
  background-color: #4a633a;
}

.creatureListingThumbnail-astral {
  background-color: #3f444a;
}

.creatureListingThumbnail-beast {
  background-color: #783918;
}

.creatureListingThumbnail-celestial {
  background-color: #827440;
}

.creatureListingThumbnail-construct {
  background-color: #483838;
}

.creatureListingThumbnail-dragon {
  background-color: #8f2b14;
}

.creatureListingThumbnail-elemental {
  background-color: #22747c;
}

.creatureListingThumbnail-ethereal {
  background-color: #3b604e;
}

.creatureListingThumbnail-fey {
  background-color: #4a3356;
}

.creatureListingThumbnail-fiend {
  background-color: #6f0422;
}

.creatureListingThumbnail-fungus {
  background-color: #6c7235;
}

.creatureListingThumbnail-giant, .creatureListingThumbnail-giant.creatureListingThumbnail-humanoid {
  background-color: #6b5558;
}

.creatureListingThumbnail-humanoid {
  background-color: #29476f;
}

.creatureListingThumbnail-kami {
  background-color: #364e4b;
}

.creatureListingThumbnail-monitor {
  background-color: #614633;
}

.creatureListingThumbnail-negative {
  background-color: #4c3f4e;
}

.creatureListingThumbnail-ooze {
  background-color: #4c5159;
}

.creatureListingThumbnail-petitioner {
  background-color: #703233;
}

.creatureListingThumbnail-plant {
  background-color: #374c17;
}

.creatureListingThumbnail-positive {
  background-color: #6c6344;
}

.creatureListingThumbnail-shadow {
  background-color: #474747;
}

.creatureListingThumbnail-spirit {
  background-color: #734d70;
}

.creatureListingThumbnail-time {
  background-color: #68422e;
}

.creatureListingThumbnail-undead {
  background-color: #2b3e48;
}
.primer-description-heritage {
  font-family: Sabon LT Std;
  font-style: italic;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: .02em;
  color: #E0E0E0;
}

@media screen and (max-width: 1599px) {
  .primer-description-heritage {
    text-align: center;
  }
}.two-column-left {
    flex: 50%;
    flex-wrap: wrap;
    padding: 20px 30px;
}

@media screen and (max-width: 600px) {
  .two-column-left {
    flex: 100%;
    flex-wrap: wrap;
    padding: 20px 30px;
  }
}.library-card-background-archetype{
  background-image: url('https://content.demiplane.com/nexus/pathfinder-2e/library-card-background.png');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px 0 0 8px;
}.library-card-background-ancestry{
  background-image: url('https://content.demiplane.com/nexus/pathfinder-2e/library-card-background.png');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px 0 0 8px;
}.library-card-background-class{
  background-image: url('https://content.demiplane.com/nexus/pathfinder-2e/library-card-background.png');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px 0 0 8px;
}.primer-header-block-class {
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (min-width: 1600px) {
  .primer-header-block-class {
    padding-top: 50px;
  }
} .primer-description-class {
  font-family: sabon;
  font-style: italic;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: .02em;
  color: #E0E0E0;
}

@media screen and (max-width: 1599px) {
  .primer-description-class {
    text-align: center;
  }
}      :root{
--readaloud-color: #3c6c3b;
}



.readaloud-block {
    color: var(--readaloud-color);
    border-top: 1px solid var(--readaloud-color);
    border-bottom: 1px solid var(--readaloud-color);
    overflow: hidden;
    font-family: GoodOT;
    font-size: 20px;
}.sources-slug-header {
  flex: 1;
  color: #FDFDFD;
  font-size: 4rem;
  text-align: start;
  font-family: Taroca;
  font-weight: normal;
  margin: 0;
  line-height: 1.167;
  letter-spacing: -0.01562em;
}.red-block {
     background-color: #5C1C16;
     border-radius: 8px;
     padding: 20px;
     margin: 20px 0px;
     color: #fdfdfd;
}

.red-block h3, .red-block h2, .red-block h1, .red-block strong  {
     color: #fdfdfd !important;
}

.red-block a {
    color: #f1ce86 !important;
    border-bottom: 1px solid #f1ce86 !important;
}

.red-block a:visited {
    color: #f1ce86 !important;
    border-bottom: 1px solid #ccae72 !important;
}

.red-block h5 {
color:white;
margin-bottom:3px;
} .listing-cell-level > span {
  font-weight: 700 !important;
  margin-bottom: 0px;
}.itemListingThumbnail-adjustments {
  background-color: #555040;
}

.itemListingThumbnail-adventuring-gear {
  background-color: #604834;
}

.itemListingThumbnail-alchemical-items {
  background-color: #2e6230;
}

.itemListingThumbnail-armor {
  background-color: #294e7c;
}

.itemListingThumbnail-assistive-items {
  background-color: #5a3c3c;
}

.itemListingThumbnail-companion-items {
  background-color: #6b365a;
}

.itemListingThumbnail-consumables {
  background-color: #826c1a;
}

.itemListingThumbnail-curses {
  background-color: #47583d;
}

.itemListingThumbnail-customizations {
  background-color: #623f3f;
}

.itemListingThumbnail-grimoires {
  background-color: #2f3f4e;
}

.itemListingThumbnail-held-items {
  background-color: #206c6b;
}

.itemListingThumbnail-materials {
  background-color: #454d42;
}

.itemListingThumbnail-other {
  background-color: #565656;
}

.itemListingThumbnail-relics {
  background-color: #5c6530;
}

.itemListingThumbnail-runes {
  background-color: #864811;
}

.itemListingThumbnail-shields {
  background-color: #4e4747;
}

.itemListingThumbnail-siege-weapons {
  background-color: #6f3232;
}

.itemListingThumbnail-snares {
  background-color: #412a2c;
}

.itemListingThumbnail-spellhearts {
  background-color: #684a24;
}

.itemListingThumbnail-staves {
  background-color: #3f4166;
}

.itemListingThumbnail-structures {
  background-color: #406051;
}

.itemListingThumbnail-talismans {
  background-color: #621514;
}

.itemListingThumbnail-tattoos {
  background-color: #655255;
}

.itemListingThumbnail-wands {
  background-color: #4f476e;
}

.itemListingThumbnail-weapons {
  background-color: #703b11;
}

.itemListingThumbnail-worn-items {
  background-color: #5b652a;
}



















.image-with-subtitle-left {
    float: left;
    font-family: Gin;
    text-align: center;
    padding-bottom: 20px;
}

.image-with-subtitle-right {
    float: right;
    font-family: Gin;
    text-align: center;
    padding-bottom: 20px;
}

.image-with-subtitle-center {
    font-family: Gin;
    text-align: center;
    padding-bottom: 20px;
}

.image-subtitle-small p {
    max-width: 200px;
    padding-bottom: 20px;
    margin: auto !important;
    margin-top: 20px !important;
}

@media only screen and (max-width: 600px) {
  .image-with-subtitle-left, .image-with-subtitle-right {
    float: none;
    display: block;
    margin: 0 auto;
  }
}.primer-header-sources{
  font-family: Nunito;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  padding: 20px 0px;
  color: #D1D1D1;
}.primer-header-block-ancestry {
  display: flex;
  padding-top: 50px;
}.primer-subheader-class {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}.primer-subheader-ancestry {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}.reader-link:link {
  color: #0f5cbc ;
  text-decoration: none ;
  border-bottom: 1px solid #1B9AF0;
}
.reader-link:visited { 
  color: #006699 ;
  text-decoration: none;
  border-bottom: 1px solid #1B9AF0;
}

.reader-link:hover {
  color: #1B9AF0;
}.primer-subheader-heritage {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}.primer-description-ancestry {
  font-family: sabon;
  font-style: italic;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: .02em;
  color: #E0E0E0;
}

@media screen and (max-width: 1599px) {
  .primer-description-ancestry {
    text-align: center;
  }
}.toc-placeholder {
  padding: 20px;
}

.toc-placeholder-header {
  font-size: 28px;
  margin-bottom: 20px;
}

.toc-placeholder p {
  color: #252525;
  margin-top: 10px;
  margin-bottom: 20px;
}.listing-row.Mui-expanded {
  background-color: #4C4544 !important;
}    .library-card-background-heritage{
  background-image: url('https://content.demiplane.com/nexus/pathfinder-2e/library-card-background.png');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px 0 0 8px;
}.primer-description-archetype {
  font-family: sabon;
  font-style: italic;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: .02em;
  color: #E0E0E0;
}

@media screen and (max-width: 1599px) {
  .primer-description-archetype {
    text-align: center;
  }
}.library-ancestries-description, .library-ancestry-description{
  font-family: Sabon;
  font-style: italic;
  font-size: 22px;
  line-height: 170%;
  color: #fdfdfd; 
}
@media screen and (max-width: 800px) {
  .library-ancestries-description, .library-ancestry-description {
     font-size: 18px;
  }
}/*old*/

.tooltip-link {
  font-weight: bold !important;
}

/* Spells Dark Mode */

.main-holder.drawer .tooltip-link[category="spell"] {

    color: #A485F9 !important;
    text-decoration-color: #A485F9 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #A485F9 !important;
    font-style: italic !important;
}

.main-holder.drawer .tooltip-link[category="spell"]:hover {
  color: #A485F9 !important;
}

.main-holder.tooltip .tooltip-link[category="spell"] {

    color: #A485F9 !important;
    text-decoration-color: #A485F9 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #A485F9 !important;
    font-style: italic !important;
}

.main-holder.tooltip .tooltip-link[category="spell"]:hover {
  color: #A485F9 !important;
}

.red-block .tooltip-link[category="spell"] {

    color: #A485F9 !important;
    text-decoration-color: #A485F9 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #A485F9 !important;
    font-style: italic !important;
}

.red-block .tooltip-link[category="spell"]:hover {
  color: #A485F9 !important;
}

/* Spells Light Mode */

.tooltip-link[category="spell"] {

    color: #734EDA !important;
    text-decoration-color: #734EDA !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #734EDA !important;
    font-style: italic !important;
}

.tooltip-link[category="spell"]:hover {
  color: #734EDA !important;
}

/* Backgrounds Dark Mode */

.main-holder.drawer .tooltip-link[category="background"] {

    color: #FF9E1F !important;
    text-decoration-color: #FF9E1F !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #FF9E1F !important;
    font-style: italic !important;
}

.main-holder.drawer .tooltip-link[category="background"]:hover {
  color: #FF9E1F !important;
}

.main-holder.tooltip .tooltip-link[category="background"] {

    color: #FF9E1F !important;
    text-decoration-color: #FF9E1F !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #FF9E1F !important;
    font-style: italic !important;
}

.main-holder.tooltip .tooltip-link[category="background"]:hover {
  color: #FF9E1F !important;
}

.red-block .tooltip-link[category="background"] {

    color: #FF9E1F !important;
    text-decoration-color: #FF9E1F !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #FF9E1F !important;
    font-style: italic !important;
}

.red-block .tooltip-link[category="background"]:hover {
  color: #FF9E1F !important;
}

/*Backgrounds Light Mode*/

.tooltip-link[category="background"] {

    color: #C6752A !important;
    text-decoration-color: #C6752A !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #C6752A !important;
}

.tooltip-link[category="background"]:hover {
  color: #C6752A !important;
}


/* Feats Dark Mode */

.main-holder.drawer .tooltip-link[category="feat"] {

    color: #FF9E1F !important;
    text-decoration-color: #FF9E1F !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #FF9E1F !important;
    font-style: italic !important;
}

.main-holder.drawer .tooltip-link[category="feat"]:hover {
  color: #FF9E1F !important;
}

.main-holder.tooltip .tooltip-link[category="feat"] {

    color: #FF9E1F !important;
    text-decoration-color: #FF9E1F !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #FF9E1F !important;
    font-style: italic !important;
}

.main-holder.tooltip .tooltip-link[category="feat"]:hover {
  color: #FF9E1F !important;
}

.red-block .tooltip-link[category="feat"] {

    color: #FF9E1F !important;
    text-decoration-color: #FF9E1F !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #FF9E1F !important;
    font-style: italic !important;
}

.red-block .tooltip-link[category="feat"]:hover {
  color: #FF9E1F !important;
}

/* Feats Light Mode */

.tooltip-link[category="feat"] {

    color: #C6752A !important;
    text-decoration-color: #C6752A !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #C6752A !important;
}

.tooltip-link[category="feat"]:hover {
  color: #C6752A !important;
}

/* Creatures Dark Mode */

.main-holder.drawer .tooltip-link[category="creature"] {

    color: #F26363 !important;
    text-decoration-color: #F26363 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #F26363 !important;
    font-style: italic !important;
}

.main-holder.drawer .tooltip-link[category="creature"]:hover {
  color: #F26363 !important;
}

.main-holder.tooltip .tooltip-link[category="creature"] {

    color: #F26363 !important;
    text-decoration-color: #F26363 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #F26363 !important;
    font-style: italic !important;
}

.main-holder.tooltip .tooltip-link[category="creature"]:hover {
  color: #F26363 !important;
}

.red-block .tooltip-link[category="creature"] {

    color: #F26363 !important;
    text-decoration-color: #F26363 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #F26363 !important;
    font-style: italic !important;
}

.red-block .tooltip-link[category="creature"]:hover {
  color: #F26363 !important;
}

/* Creatures Light Mode */

.tooltip-link[category="creature"] {

    color: #E02E2E !important;
    text-decoration-color: #E02E2E !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #E02E2E !important;
}

.tooltip-link[category="creature"]:hover {
  color: #E02E2E !important;
}


/* Items Dark Mode */

.main-holder.drawer .tooltip-link[category="item"] {

    color: #4F98F3 !important;
    text-decoration-color: #4F98F3 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #4F98F3 !important;
    font-style: italic !important;
}

.main-holder.drawer .tooltip-link[category="item"]:hover {
  color: #4F98F3 !important;
}

.main-holder.tooltip .tooltip-link[category="item"] {

    color: #4F98F3 !important;
    text-decoration-color: #4F98F3 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #4F98F3 !important;
    font-style: italic !important;
}

.main-holder.tooltip .tooltip-link[category="item"]:hover {
  color: #4F98F3 !important;
}

.red-block .tooltip-link[category="item"] {

    color: #4F98F3 !important;
    text-decoration-color: #4F98F3 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #4F98F3 !important;
    font-style: italic !important;
}

.red-block .tooltip-link[category="item"]:hover {
  color: #4F98F3 !important;
}

/* Items Light Mode */

.tooltip-link[category="item"] {

    color: #1070E5 !important;
    text-decoration-color: #1070E5 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #1070E5 !important;
}

.tooltip-link[category="item"]:hover {
  color: #1070E5 !important;
}

/*NEW*/
.tooltip-link {
  font-weight: bold !important;
}

/* Spells Dark Mode */

.main-holder.drawer-collapsed .tooltip-link-spell, .main-holder.drawer-expanded .tooltip-link-spell{

    color: #A485F9 !important;
    text-decoration-color: #A485F9 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #A485F9 !important;
    font-style: italic !important;
}

.main-holder.drawer-collapsed .tooltip-link-spell:hover,  .main-holder.drawer-expanded .tooltip-link-spell:hover{
  color: #A485F9 !important;
}

.main-holder.tooltip .tooltip-link-spell {

    color: #A485F9 !important;
    text-decoration-color: #A485F9 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #A485F9 !important;
    font-style: italic !important;
}

.main-holder.tooltip .tooltip-link-spell:hover {
  color: #A485F9 !important;
}

.red-block .tooltip-link-spell {

    color: #A485F9 !important;
    text-decoration-color: #A485F9 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #A485F9 !important;
    font-style: italic !important;
}

.red-block .tooltip-link-spell:hover {
  color: #A485F9 !important;
}

/* Spells Light Mode */

.tooltip-link-spell {

    color: #734EDA !important;
    text-decoration-color: #734EDA !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #734EDA !important;
    font-style: italic !important;
}

.tooltip-link-spell:hover {
  color: #734EDA !important;
}

/* Backgrounds Dark Mode */

.main-holder.drawer-expanded .tooltip-link-background, .main-holder.drawer-collapsed .tooltip-link-background {

    color: #FF9E1F !important;
    text-decoration-color: #FF9E1F !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #FF9E1F !important;
    font-style: italic !important;
}

.main-holder.drawer-expanded .tooltip-link-background:hover, .main-holder.drawer-collapsed .tooltip-link-background:hover{
  color: #FF9E1F !important;
}

.main-holder.tooltip .tooltip-link-background {

    color: #FF9E1F !important;
    text-decoration-color: #FF9E1F !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #FF9E1F !important;
    font-style: italic !important;
}

.main-holder.tooltip .tooltip-link-background:hover {
  color: #FF9E1F !important;
}

.red-block .tooltip-link-background {

    color: #FF9E1F !important;
    text-decoration-color: #FF9E1F !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #FF9E1F !important;
    font-style: italic !important;
}

.red-block .tooltip-link-background:hover {
  color: #FF9E1F !important;
}

/*Backgrounds Light Mode*/

.tooltip-link-background {

    color: #C6752A !important;
    text-decoration-color: #C6752A !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #C6752A !important;
}

.tooltip-link-background:hover {
  color: #C6752A !important;
}


/* Feats Dark Mode */

.main-holder.drawer-collapsed .tooltip-link-feat, .main-holder.drawer-expanded .tooltip-link-feat {

    color: #FF9E1F !important;
    text-decoration-color: #FF9E1F !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #FF9E1F !important;
    font-style: italic !important;
}

.main-holder.drawer-collapsed .tooltip-link-feat:hover, .main-holder.drawer-expanded .tooltip-link-feat:hover {
  color: #FF9E1F !important;
}

.main-holder.tooltip .tooltip-link-feat {

    color: #FF9E1F !important;
    text-decoration-color: #FF9E1F !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #FF9E1F !important;
    font-style: italic !important;
}

.main-holder.tooltip .tooltip-link-feat:hover {
  color: #FF9E1F !important;
}

.red-block .tooltip-link-feat {

    color: #FF9E1F !important;
    text-decoration-color: #FF9E1F !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #FF9E1F !important;
    font-style: italic !important;
}

.red-block .tooltip-link-feat:hover {
  color: #FF9E1F !important;
}

/* Feats Light Mode */

.tooltip-link-feat {

    color: #C6752A !important;
    text-decoration-color: #C6752A !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #C6752A !important;
}

.tooltip-link-feat:hover {
  color: #C6752A !important;
}

/* Creatures Dark Mode */

.main-holder.drawer-collapsed .tooltip-link-creature, .main-holder.drawer-expanded .tooltip-link-creature {

    color: #F26363 !important;
    text-decoration-color: #F26363 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #F26363 !important;
    font-style: italic !important;
}

.main-holder.drawer-collapsed .tooltip-link-creature:hover, .main-holder.drawer-expanded .tooltip-link-creature:hover {
  color: #F26363 !important;
}

.main-holder.tooltip .tooltip-link-creature {

    color: #F26363 !important;
    text-decoration-color: #F26363 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #F26363 !important;
    font-style: italic !important;
}

.main-holder.tooltip .tooltip-link-creature:hover {
  color: #F26363 !important;
}

.red-block .tooltip-link-creature {

    color: #F26363 !important;
    text-decoration-color: #F26363 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #F26363 !important;
    font-style: italic !important;
}

.red-block .tooltip-link-creature:hover {
  color: #F26363 !important;
}

/* Creatures Light Mode */

.tooltip-link-creature {

    color: #E02E2E !important;
    text-decoration-color: #E02E2E !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #E02E2E !important;
}

.tooltip-link-creature:hover {
  color: #E02E2E !important;
}


/* Items Dark Mode */

.main-holder.drawer-expanded .tooltip-link-item, .main-holder.drawer-collapsed .tooltip-link-item {

    color: #4F98F3 !important;
    text-decoration-color: #4F98F3 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #4F98F3 !important;
    font-style: italic !important;
}

.main-holder.drawer-expanded .tooltip-link-item:hover, .main-holder.drawer-collapsed .tooltip-link-item:hover {
  color: #4F98F3 !important;
}

.main-holder.tooltip .tooltip-link-item {

    color: #4F98F3 !important;
    text-decoration-color: #4F98F3 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #4F98F3 !important;
    font-style: italic !important;
}

.main-holder.tooltip .tooltip-link-item:hover {
  color: #4F98F3 !important;
}

.red-block .tooltip-link-item {

    color: #4F98F3 !important;
    text-decoration-color: #4F98F3 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #4F98F3 !important;
    font-style: italic !important;
}

.red-block .tooltip-link-item:hover {
  color: #4F98F3 !important;
}

/* Items Light Mode */

.tooltip-link-item {

    color: #1070E5 !important;
    text-decoration-color: #1070E5 !important;
    cursor: pointer !important;
    border-bottom: 1.5px dotted #1070E5 !important;
}

.tooltip-link-item:hover {
  color: #1070E5 !important;
}.ancestries-table tr  td:nth-child(odd){
    background-color:#E0DACB;
}
.ancestries-table td[colspan]{
 background-color:#5e0000 !important;

}

.ancestries-table td[colspan] h3{
 color:white;

}

.ancestries-table td{
  vertical-align: top;
  width: 114px;
  text-align: center;
}.listing-cell-name {
  font-family: 'goodOTCondBold' !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 18px !important;
  letter-spacing: -0.02em !important;
  color: #2C272B !important;
  text-transform: uppercase;
  overflow: hidden;
}

.listing-cell-name > span {
  font-family: 'goodOTCondBold' !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 18px !important;
  letter-spacing: -0.02em !important;
  color: #2C272B !important;
  text-transform: uppercase;
}

.Mui-expanded .listing-cell-name {
  color: #ED1C24 !important;
}.library-archetypes-description, .library-archetype-description{
  font-family: Sabon;
  font-style: italic;
  font-size: 22px;
  line-height: 170%;
  color: #fdfdfd;
}
@media screen and (max-width: 800px) {
  .library-archetypes-description, .library-archetype-description {
     font-size: 18px;
  }
}.library-classes-description, .library-class-description{
  font-family: Sabon;
  font-style: italic;
  font-size: 22px;
  line-height: 170%;
  color: #fdfdfd; 
}
@media screen and (max-width: 800px) {
  .library-classes-description, .library-class-description {
     font-size: 18px;
  }
}.class-table td[colspan] {
    background-color: #002664!important;
}

.class-table td[colspan] h3 {
    color: white;
}

.class-table tr td:nth-child(odd) {
    background-color: #EDE3C8;
}
.class-table td {
    vertical-align: top;
    width: 25%;
}.listing-category-label {
  color: #000000 !important;
  font-family: 'goodOTCondBold' !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: bold !important;
  line-height: 24px !important;
  display: flex !important;
  align-items: center;
  text-transform: uppercase;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}.spell-listing-cell-icon > span {
  border-radius: 8px;
}.search-results-title {
  font-family: 'Taroca' !important;
  font-size: 50px !important;
  color: white !important;
  text-transform: uppercase !important;
  margin-top: 30px !important;
  margin-bottom: 20px !important;
}

.search-result-item-container {
    background-color: #2c2722 !important;
    border-radius: 0px !important;
}

.search-results-no-results-text {
  font-family: 'Gin' !important;
  text-transform: uppercase !important;
}

.search-result-nexus {
  color: #77aae3 !important;
}

.search-result-title {
  font-family: 'Gin' !important;
}

.search-result-data-type, .search-result-source, .search-result-nexus {
  font-family: 'GoodOTCondBold' !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
}

.search-result-content-container span, .search-result-content-container .ais-Snippet-nonHighlighted, .search-result-content-container .ais-Snippet-Highlighted {
  font-family: 'Nunito' !important;
}@media screen and (max-width: 1200px) { 
  .spell-listing-header-cell-traditions { 
    display: none !important;
  } 
  .spell-listing-cell-traditions { 
    display: none !important;
  } 
}

@media screen and (max-width: 780px) { 
  .spell-listing-header-cell-details { 
    display: none !important;
  } 
  .spell-listing-cell-details { 
    display: none !important;
  } 
}

@media screen and (max-width: 1050px) { 
  .item-listing-header-cell-price { 
    display: none !important;
  } 
  .item-listing-cell-price { 
    display: none !important;
  } 
}

@media screen and (max-width: 1050px) { 
  .item-listing-header-cell-price { 
    display: none !important;
  } 
  .item-listing-cell-price { 
    display: none !important;
  } 
}

@media screen and (max-width: 780px) { 
  .item-listing-header-cell-details { 
    display: none !important;
  } 
  .item-listing-cell-details { 
    display: none !important;
  } 
}

@media screen and (max-width: 780px) { 
  .feat-listing-header-cell-benefits { 
    display: none !important;
  } 
  .feat-listing-cell-benefits { 
    display: none !important;
  } 
}

@media screen and (max-width: 780px) { 
  .creature-listing-header-cell-details { 
    display: none !important;
  } 
  .creature-listing-cell-details { 
    display: none !important;
  } 
}

@media screen and (max-width: 780px) { 
  .background-listing-header-cell-details { 
    display: none !important;
  } 
  .background-listing-cell-details { 
    display: none !important;
  } 
}div[aria-labelledby="sources-adventure-paths"] {
  margin-top: -30px;
}

.sources-source-type-header .sources-source-type-name {
  margin-top: 0px;
}

.sources-source-type-name {
  color: #FDFDFD;
  width: 100%;
  display: flex;
  font-size: 1.5rem;
  font-family: gin;
  margin-left: 1rem;
  margin-bottom: 0rem;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
  letter-spacing: 0.01071em;
  padding-left: 12px;
  margin-top: 40px;
}

.sources-source-sub-type-name {
  font-family: 'Gin';
  font-size: 22px;
  margin-top: 40px;
  margin-bottom: 20px !important;
} .listing-cell {
  margin-bottom: 0 !important;
  font-family: Nunito !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 18px !important;
  align-items: center;
  color: #161616 !important;
  margin-block-start: 0;
  margin-block-end: 0;
  display: flex;
}

.listing-cell > span {
  font-family: Nunito !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 18px !important;
  color: #161616 !important;
  margin-bottom: 0px;
}

.Mui-expanded .listing-cell {
  color: #FDFDFD !important;
}

.Mui-expanded .listing-cell > span {
  color: #FDFDFD !important;
}

.background-listing-cell-name{
  padding-left: 1.5rem;
}.background-listing-header-cell-name {
 padding-left: 1.5rem;
}.library-heritages-description, .library-heritage-description{
  font-family: Sabon LT Std;
  font-style: italic;
  font-size: 22px;
  line-height: 170%;
  color: #252525; 
}
@media screen and (max-width: 800px) {
  .library-heritages-description, .library-heritage-description {
     font-size: 18px;
  }
} .element-header-source-name {
  margin-left: 1.50rem;
  margin-bottom: 1rem;
  display: flex;
  font-family: Nunito;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 44px;
  color: #f1ce86;
  padding: 0;
}

.pathfinder2e-element-header-source-name {
  margin-left: 1.50rem;
  margin-bottom: 1rem;
  display: flex;
  font-family: Nunito;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 44px;
  color: #f1ce86;
  padding: 0;
}.toc-container:after {
  content: "";
  display: table;
  clear: both;
}
.toc-container a {
    color: #393636!important;
}

.toc-container a:visited {
    color: #676767!important;
}

.toc-container a:hover {
    color: #1B9AF0!important;
}

.toc-container p {
  color: #393636!important;
}

.toc-container .reader-link {
  border-bottom: none;
}

.toc-author-byline {
  font-weight: bold;
  font-style: italic;
}

.toc-subheader-small {
  font-size: 18px;
  margin-top: 20px;
}