@charset "UTF-8";
/*Fonts*/
/*The following already exist as part of the Book Styling Delete when able*/
@font-face {
  font-family: "SignPainter-Regular";
  src: url("https://content.demiplane.com/fonts/SignPainter Regular.otf") format("opentype");
}
@font-face {
  font-family: "SignPainter-Bold";
  src: url("https://content.demiplane.com/fonts/SignPainter Bold.otf") format("opentype");
}
@font-face {
  font-family: "AmericanCaptain";
  src: url("https://content.demiplane.com/fonts/American Captain.ttf") format("truetype");
}
@font-face {
  font-family: "HouseSlant";
  src: url("https://content.demiplane.com/fonts/HouseSlant-Regular.otf") format("opentype");
}
@font-face {
  font-family: "FuturaBook";
  src: url("https://content.demiplane.com/fonts/FuturaStd-Book.otf") format("opentype");
}
@font-face {
  font-family: "Futura-CondBook";
  src: url("https://content.demiplane.com/fonts/Futura PT Cond Book.ttf") format("truetype");
}
@font-face {
  font-family: "FuturaHeavy";
  src: url("https://content.demiplane.com/fonts/FuturaStd-Heavy.otf") format("opentype");
}
@font-face {
  font-family: "Futura-HOblique";
  src: url("https://content.demiplane.com/fonts/FuturaStd-HeavyOblique.otf") format("opentype");
}
@font-face {
  font-family: "JoannaNovaBookItalic";
  src: url("https://content.demiplane.com/fonts/Joanna Nova Book Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Futura-BoldCond";
  src: url("https://content.demiplane.com/fonts/FuturaStd-CondensedBold.otf") format("opentype");
}
@font-face {
  font-family: "Futura-MediumCond";
  src: url("https://content.demiplane.com/fonts/FuturaStdCondensed.otf") format("opentype");
}
@font-face {
  font-family: "JoannaNovaBold";
  src: url("https://content.demiplane.com/fonts/Joanna Nova Bold.otf") format("opentype");
}
@font-face {
  font-family: "JoannaNova";
  src: url("https://content.demiplane.com/fonts/Joanna Nova Regular.otf") format("opentype");
}
@font-face {
  font-family: "Inter";
  src: url("https://content.demiplane.com/fonts/Inter-Regular.otf") format("opentype");
}
@font-face {
  font-family: "RobotoBoldCond";
  src: url("https://content.demiplane.com/fonts/RobotoCondensed-Bold.ttf") format("truetype");
}
/*Design Variables*/
:root {
  /*Color Variables*/
  --fallout-gold: #DDB724;
  --fallout-orange: #DD8C2D;
  --fallout-blue: #6185A9;
  --fallout-green: #41AD7C;
  --fallout-pink: #DBAB96;
  --base-background: #F3F3F1;
  --base-text-color: #000;
  --page-header-category-color: #fff;
  --page-header-color: #fff;
  --page-header-subtitle-color: var(--fallout-gold);
  --page-header-description-color: #FFF;
  --page-table-header-bgcolor: #000;
  --page-table-header-text-color: #000;
  --page-table-cell-text-color: #000;
  --page-table-cell-color: #F4E1AC;
  --page-table-cell-color-alt: #FAF1D7;
  --card-title-color: #000;
  --card-background: #D9D9D9;
  --card-background-hover: #F4EDDD;
  --card-description-color: #000;
  --top-nav-button-color: #868686;
  --top-nav-dropdown-arrow-color: #868686;
  --top-nav-button-hover-color: #FFF;
  --top-nav-dropdown-arrow-hover-color: #fff;
  --listing-header-column-color: #252525;
  --listing-row-color: #000;
  --listing-row-name-color: #000;
  --listing-row-bg: #FFF;
  --listing-row-expanded-color: #FFF;
  --listing-row-expanded-bg: #000;
  --listing-row-name-expanded-color: #FFF;
  --listing-expanded-details-bg: #E3E3E3;
  --listing-details-header-name-color: #000;
  --header-tag-bg: var(--fallout-gold);
  --header-tag-color: #FFF;
  --table-label-color: #000;
  --table-header-column-color: #FFF;
  --table-header-bg: #000;
  --table-row-color: #000;
  --table-row-bg: #F4E1AC;
  --table-row-bg-alt: #FAF1D7;
  --pagination-color: #000;
  --pagination-current-color: #fff;
  --primer-back-button-color: #000;
  --primer-back-button-bg: var(--fallout-gold);
  --upsell-header-color: #000;
  --upsell-description-color: #000;
  --upsell-unlock-button-color: #000;
  --upsell-unlock-button-bg: #fff;
  --upsell-unlock-button-bg-hover: var(--fallout-gold);
  --origin-card-bg: #E4E3E1;
  --origin-card-bg-hover: #FAF1D7;
  --toc-header-color: #000;
  --toc-li-color: #8D8D8D;
  --drawer-bg: #FAFAFA;
  --drawer-font-color: #000;
  --cta-text-color: #FFF;
  --breadcrumbs-bg: #151515;
  --breadcrumbs-font-color: #A3A3A3;
  --breadcrumbs--separator-color: #A3A3A3;
  --breadcrumbs-link-hover: var(--fallout-gold);
  --breadcrumbs-location-color: #fff;
  /*Book Colors*/
  --fallout-lightorange: #f9e9d7;
  --fallout-bookorange: #f3d2ae;
  --fallout-darkorange: #de8e2f;
  --fallout-yellow: #fbe556;
  --fallout-dark-yellow: #e1b91e;
  --fallout-light-yellow: #f1e3b2;
  --fallout-white-yellow: #f8f1da;
  --fallout-white-blue: #e7ebee;
  --fallout-lightblue: #c4ccdb;
  --fallout-darkblue: #314b83;
  --fallout-lightgreen: #c3dfcb;
  --fallout-white-green: #dfeee6;
  --fallout-offblack: #0b0c0d;
  --fallout-iconic-blue: #315ac2;
  /*Font-Variables*/
  --base-text: "JoannaNova";
  --page-header-category: "HouseSlant";
  --page-header: "HouseSlant";
  --page-header-subtitle: "Futura-CondBook";
  --page-header-description: "JoannaNova";
  --page-table-header-text: "Futura-BoldCond";
  --page-table-cell-text: "FuturaBook";
  --card-title: "Futura-CondBook";
  --card-description-color: "JoannaNova";
  --top-nav-button-font: "Futura-BoldCond";
  --listing-header-column: "Futura-BoldCond";
  --listing-row-font: "FuturaBook";
  --listing-row-name-font: "HouseSlant";
  --listing-details-header-name-font: "Futura-CondBook";
  --listing-details-font: "FuturaBook";
  --header-tag-font: "FuturaHeavy";
  --table-label-font: "Futura-HOblique";
  --table-header-column-font: "Futura-BoldCond";
  --table-row-font: "FuturaBook";
  --pagination-font: "FuturaHeavy";
  --primer-back-button: "HouseSlant";
  --upsell-header: "Futura-BoldCond";
  --upsell-description: "FuturaBook";
  --upsell-unlock-button: "FuturaHeavy";
  --toc-header: "SignPainter-Regular";
  --toc-li: "Futura-MediumCond";
  --drawer-header: "Futura-MediumCond";
  --cta-text: "Futura-BoldCond";
  --cta-button-font: "Futura-BoldCond";
  --breadcrumbs-font: "Futura-MediumCond";
  --breadcrumbs-separator-font: "FuturaHeavy";
  --breadcrumbs-location-font: "Futura-BoldCond";
  /*Input Variables*/
  --search-bar-bg: #151515;
  --search-bar-border: #3F3F3F;
  --search-bar-font: "FuturaBook";
  --search-bar-color: #fff;
  --search-bar-svg: var(--fallout-gold);
  --dropdown-bg: #151515;
  --dropdown-border: #3F3F3F;
  --dropdown-font: "FuturaBook";
  --dropdown-font-color: #868686;
  --dropdown-arrow: var(--fallout-gold);
  --dropdown-label-color: #FFF;
  --dropdown-label-font: "Futura-BoldCond";
  --listbox-bg: #030303;
  --listbox-border: rgba(44, 44, 44, .4);
  --listbox-font-color: #868686;
  --listbox-bg-hover: #222222;
  --listbox-font-hover: var(--fallout-gold);
  --carousel-btn-bg: var(--fallout-gold);
  --carousel-btn-font: "FuturaHeavy";
  --carousel-btn-color: #000;
  --carousel-btn-border: #000;
  --carousel-btn-bg-hover: #FFF;
  --carousel-btn-color-hover: #000;
  --carousel-btn-border-hover: #000;
  --carousel-vertical-divider-color: var(--fallout-gold);
  --carousel-card-font: "Futura-BoldCond";
  --carousel-card-color: #FFF;
  --mobile-nav-bottom-border-color: var(--fallout-gold);
  /*Font Size Variables*/
  --base-font: 18px;
  --font-scale: 1.2;
  --font-size-1: var(--base-font);
  --font-size-2: calc(var(--base-font) * var(--font-scale));
  --font-size-3: calc(var(--font-size-2) * var(--font-scale));
  --font-size-4: calc(var(--font-size-3) * var(--font-scale));
  --font-size-5: calc(var(--font-size-4) * var(--font-scale));
  --font-size-6: calc(var(--font-size-5) * var(--font-scale));
  --font-size-7: calc(var(--font-size-6) * var(--font-scale));
  --font-size-8: calc(var(--font-size-7) * var(--font-scale));
  --font-size-small-1: calc(var(--base-font) / var(--font-scale));
  --font-size-small-2: calc(var(--font-size-small-1) / var(--font-scale));
  --font-size-small-3: calc(var(--font-size-small-2) / var(--font-scale));
  /* Compendium / Link */
  --compendium-text: "FuturaBook";
  --compendium-link-text: "FuturaBook";
  --compendium-button: var(--page-header-category);
  --compendium-button-textcolor: #fff;
  --compendium-border-color: var(--fallout-gold);
  --compendium-navigate-color: var(--fallout-gold);
  --compendium-reset-button: "FuturaBook";
  --compendium-reset-button-bgcolor: var(--fallout-gold);
  --compendium-reset-button-bgcolor-hover: var(--fallout-orange);
  --character-reset-button-textcolor: #fff;
  /* Character Link */
  --character-link-button: "FuturaBook";
  --character-link-button-bgcolor: var(--fallout-gold);
  --character-link-button-bgcolor-hover: var(--fallout-gold);
  --character-link-button-textcolor: #fff;
}

/*
Search Results Header Image (/nexus/{asset_slug}/search-header-background.png?format=webp)

Source Library Header Image (/nexus/{asset_slug}/sources-page-background.jpg?format=webp)

Element Details Pages Header Image ( /nexus/{asset_slug}/element-details-image-header.png?format=webp)

Listings Header Image ( /nexus/{asset_slug}/listing-background.png?format=webp)

Library Header Image ( /nexus/{asset_slug}/library-background.png?format=webp)

Nexus Logo for Character Intergration (/nexus/{asset_slug}/link_logo.png ) (254px90px (I'd export at 2x or 4x resolution)

Background for character creation integration (/nexus/{nexusAssetSlug}/link_bg.jpg?format=webp) (864px by 180px) (I'd export at 2x) https://files.slack.com/files-pri/T02H5CENL-F08AJ4VS50A/image.png?is_viewed=1
 */
/* Body Backgrounds */
.body-background {
  background-color: var(--base-background);
  background-image: url("https://content.demiplane.com/nexus/falloutrpg/main-background.jpg?format=webp");
  background-size: cover;
}

/* Header Tags */
.element-display-header-tag {
  border-radius: 0px;
  /*background-color: var(--header-tag-bg);*/
  color: var(--header-tag-color);
  font-family: var(--header-tag-font);
  text-align: center;
  letter-spacing: 1px;
  font-size: 15px;
  padding: 8px 16px;
}

/*BASIC BOOK ELEMENTS*/
.main-holder .fallout-dice {
  color: transparent !important;
  background-image: url(https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/vaultboy-dice.png?format=webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-size: var(--font-size-2);
  padding: 2px;
  line-height: 1.4;
}

.element-display-container-drawer p,
.element-display-container-tooltip p {
  margin-top: 10px;
  font-family: var(--listing-details-font);
  font-size: 16px;
  line-height: auto;
}
.element-display-container-drawer ul,
.element-display-container-tooltip ul {
  list-style-position: inside;
  list-style-type: none;
  margin-left: 20px;
}
.element-display-container-drawer ul li:before,
.element-display-container-tooltip ul li:before {
  content: " \25FC";
  color: var(--fallout-gold);
  position: absolute;
  left: -20px;
}
.element-display-container-drawer ul li,
.element-display-container-tooltip ul li {
  position: relative;
  margin-top: 8px;
  font-family: var(--listing-details-font);
  font-size: 16px;
  line-height: auto;
}
.element-display-container-drawer ul li strong,
.element-display-container-tooltip ul li strong {
  text-transform: capitalize;
  font-family: "FuturaHeavy" !important;
  font-weight: 400;
}
.element-display-container-drawer ul li > strong > span.uppercase,
.element-display-container-tooltip ul li > strong > span.uppercase {
  color: var(--base-text-color) !important;
}

.element-display-container-drawer a.tooltip-link,
.listing-row-details .element-display-container-page a.tooltip-link,
.element-display-container-tooltip a.tooltip-link {
  font-style: oblique !important;
  text-transform: capitalize !important;
  color: #297acc;
  border-bottom: 2px dashed var(--fallout-gold) !important;
}

.element-display-container-tooltip a.tooltip-link {
  color: var(--fallout-gold) !important;
}

/*Core Book Styles*/
.reader-container .body-background {
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/fobg-1.jpg") !important;
  background-size: cover;
}

.main-holder {
  container-type: inline-size;
  container-name: mainHolder;
  padding-left: 20px;
  padding-right: 20px;
}

.main-holder.reader-page {
  margin: 20px auto 50px;
}

.main-holder .force-clear {
  clear: both;
}

ul,
ol {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

/*Images*/
.book-image-center {
  max-width: 100%;
  margin: 20px auto;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.book-image-left {
  max-width: 100%;
  margin: 15px 20px 15px 0px;
  float: left;
}

.book-image-right {
  max-width: 100%;
  margin: 15px 0px 15px 20px;
  float: right;
}

@container mainHolder (max-width: 600px) {
  .book-image-left {
    float: none;
    display: block;
    margin: 0 auto;
  }
  .book-image-right {
    float: none;
    display: block;
    margin: 0 auto;
  }
}
.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;
}

.force-image-right {
  float: right;
  margin: 0px 0px 15px 35px;
}

.force-image-left {
  float: left;
  margin: 0px 35px 15px 0px;
}

.book-image-center {
  margin-left: auto;
  margin-right: auto;
}

.force-image-left {
  float: left;
}

.force-image-right {
  float: right;
}

.image-with-subtitle-center {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px !important;
}

.image-with-subtitle-center a {
  font-family: GoodOTCondBold;
  font-size: var(--font-size-1);
  text-transform: none;
}

.image-with-subtitle-center p {
  font-family: GoodOTCondBold;
  text-transform: uppercase;
}

@container mainHolder (max-width: 600px) {
  .image-with-subtitle-left,
  .image-with-subtitle-right {
    float: none;
    display: block;
    margin: 0 auto;
  }
}
/*Body*/
.main-holder p {
  margin-block-start: 25px;
  margin-block-end: 25px;
}

.main-holder p.centered {
  text-align: center;
}

.main-holder p,
.main-holder li {
  font-family: "FuturaBook";
  font-size: var(--font-size-1);
  line-height: 1.4;
  color: var(--fallout-offblack);
}
.main-holder p strong,
.main-holder li strong {
  font-family: "FuturaHeavy";
}
.main-holder p a,
.main-holder li a {
  color: var(--fallout-iconic-blue);
  text-decoration: none;
  font-family: "FuturaHeavy";
  border-bottom: 1px solid var(--fallout-yellow);
}
.main-holder p a:hover,
.main-holder li a:hover {
  background-color: var(--fallout-yellow);
  border-bottom: 1px solid var(--fallout-iconic-blue);
  transition: all 0.2s;
}
.main-holder p tooltip,
.main-holder p .tooltip-convert, .main-holder p .tooltip-link,
.main-holder li tooltip,
.main-holder li .tooltip-convert,
.main-holder li .tooltip-link {
  color: var(--fallout-darkorange);
  border-bottom: 1px dashed var(--fallout-darkorange);
  font-family: "FuturaHeavy";
}

/*Lists*/
.main-holder ol,
.main-holder ul {
  margin-top: 30px;
  margin-bottom: 30px;
}
.main-holder ol li:not(:last-child),
.main-holder ul li:not(:last-child) {
  margin-bottom: 20px;
}
.main-holder ol li > strong:first-child,
.main-holder ul li > strong:first-child {
  text-transform: none;
  letter-spacing: 0px;
}

.main-holder ul li {
  list-style: square;
}
.main-holder ul li::marker {
  color: var(--fallout-darkorange);
  font-size: 1.5rem;
  line-height: 0px;
}

.main-holder ul.yellow li::marker {
  color: var(--fallout-dark-yellow);
}

.main-holder ul.green li::marker {
  color: var(--fallout-green);
}

.main-holder ul.blue li::marker {
  color: var(--fallout-blue);
}

.main-holder ol > li > strong:first-child {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.main-holder ol li::marker {
  font-family: "FuturaHeavy";
}

/*Headings and Headers*/
.main-holder .Chapter-Number {
  font-family: "SignPainter-Bold";
  font-size: var(--font-size-4);
  background: var(--fallout-darkorange);
  clip-path: polygon(5% 30%, 70% 10%, 74% 88%, 0% 90%);
  width: fit-content;
  color: white;
  padding: 20px 130px 10px 50px;
  margin: 20px auto;
}

.main-holder .Chapter-Number.yellow {
  background: var(--fallout-dark-yellow);
}

.main-holder .Chapter-Number.green {
  background: var(--fallout-green);
}

.main-holder .Chapter-Number.blue {
  background: var(--fallout-blue);
}

.main-holder h1.normal {
  font-family: "HouseSlant";
  font-weight: normal;
  font-size: calc(var(--font-size-7) * 1.5);
  text-align: center;
  color: var(--fallout-offblack);
  line-height: 1;
  padding-bottom: 10px;
  margin: 20px auto 50px;
  border-image-slice: 0 0 64 0;
  border-image-width: 0px 50px 25px 50px;
  border-image-outset: 0px 0px 20px 0px;
  border-image-repeat: stretch stretch;
  border-image-source: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/star-n-line.png");
}

.main-holder h2.normal {
  font-family: "HouseSlant";
  font-weight: normal;
  font-size: var(--font-size-5);
  color: white;
  background: var(--fallout-darkorange);
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/white-halftone-3.png");
  background-size: 50%;
  background-position: -50%;
  background-repeat: no-repeat;
  padding: 10px 10px 10px 15px;
  margin: 40px -15px 20px;
  line-height: 1;
  clip-path: polygon(0% 0%, 90% 0%, calc(90% - 50px) 100%, 0% 100%);
}

.main-holder h2.yellow {
  background: var(--fallout-dark-yellow);
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/white-halftone-3.png");
  background-size: 50%;
  background-position: -50%;
  background-repeat: no-repeat;
}

.main-holder h2.green {
  background: var(--fallout-green);
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/white-halftone-3.png");
  background-size: 50%;
  background-position: -50%;
  background-repeat: no-repeat;
}

.main-holder h2.blue {
  background: var(--fallout-blue);
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/white-halftone-3.png");
  background-size: 50%;
  background-position: -50%;
  background-repeat: no-repeat;
}

.main-holder h3.normal {
  border-top: 2px black solid;
  border-bottom: 2px black solid;
  text-transform: uppercase;
  padding: 10px;
  font-family: "Futura-CondBook";
  font-size: var(--font-size-5);
  color: var(--fallout-offblack);
  margin: 50px 0px 20px;
  letter-spacing: 1.5px;
  min-width: 55%;
  width: fit-content;
  line-height: 1;
}

.main-holder h4.normal {
  font-family: "FuturaHeavy";
  letter-spacing: 1px;
  color: var(--fallout-offblack);
  font-size: calc(var(--font-size-1) * 1.1);
  margin: 50px 0px -10px;
  text-transform: uppercase;
}

.main-holder h4.table-header {
  font-family: "Futura-HOblique";
  text-transform: none;
  color: var(--fallout-offblack);
  font-size: var(--font-size-1);
  margin: 20px 0px 10px;
}

/*Sidebars*/
.main-holder .vt-sidebar-block {
  background: var(--fallout-darkblue);
  color: white;
  border: 2px dashed white;
  padding: 45px 30px 30px;
  border-radius: 40px;
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/blue-sidebar-interior.jpg");
  background-size: cover;
  border-image-slice: 353 226 66 53;
  border-image-width: 120px 80px 30px 30px;
  border-image-outset: 25px 10px 8px 10px;
  border-image-repeat: stretch stretch;
  border-image-source: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/commonwealth-sidebar-border.png");
  margin: 20px;
}
.main-holder .vt-sidebar-block h3 {
  color: var(--fallout-yellow);
  font-size: var(--font-size-5);
  font-family: "AmericanCaptain";
  font-weight: normal;
  line-height: 1;
}
.main-holder .vt-sidebar-block p {
  color: white;
  font-size: var(--font-size-1);
}

.main-holder .sidebar-block.vt-sidebar-block > h3 {
  line-height: 1;
}

.sidebar-block {
  margin: 10px;
  padding: 10px;
  margin-bottom: 20px;
}

.main-holder .sidebar-block > h3 {
  margin-bottom: 0px;
  line-height: 1;
}

.example-block {
  margin: 30px 10px;
}

.main-holder .example-block.yellow {
  background-color: var(--fallout-dark-yellow);
  padding: 10px 75px 10px 20px;
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/white-halftone-4.png");
  clip-path: polygon(0% 0%, 95% 5%, 90% 95%, 0% 100%);
}
.main-holder .example-block.yellow tooltip,
.main-holder .example-block.yellow .tooltip-convert, .main-holder .example-block.yellow .tooltip-link {
  filter: brightness(50%);
}

.main-holder .read-aloud-block {
  background: var(--fallout-lightgreen);
  /*color: black;*/
  padding: 20px;
  margin: 30px 30px 30px 0px;
  box-shadow: 2px 2px 5px grey;
}
.main-holder .read-aloud-block p {
  font-family: "JoannaNovaBookItalic";
  font-size: var(--font-size-2);
}
.main-holder .read-aloud-block p strong {
  font-family: "JoannaNovaBookItalic";
}
.main-holder .read-aloud-block h4 {
  color: var(--fallout-green);
  font-size: var(--font-size-5);
  font-family: "SignPainter-Regular";
  text-transform: none !important;
  font-weight: normal;
  margin-bottom: -10px;
  margin-top: 10px;
  filter: brightness(93%);
}

.sidebar-block {
  background: var(--fallout-lightorange);
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/orange-sidebar-bg.jpg");
  background-size: cover;
  border-image-slice: 60 0 130 93;
  border-image-width: 20px 40px 70px 50px;
  border-image-outset: 15px 58px 61px 30px;
  border-image-repeat: stretch stretch;
  border-image-source: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/orange-sidebar-border-2.png");
  padding: 30px 30px 10px;
  margin: 30px 5px 60px;
}
.sidebar-block ol {
  margin: 30px 0px 30px -10px;
}
.sidebar-block ol ul > li {
  margin: 5px !important;
}
.sidebar-block p a {
  border-bottom: 1px solid var(--fallout-iconic-blue);
}
.sidebar-block ul {
  margin-right: 2em;
}
.sidebar-block h3 {
  color: var(--fallout-darkorange);
  font-size: var(--font-size-6);
  font-family: "SignPainter-Regular";
  text-transform: none !important;
  font-weight: normal;
  margin-bottom: -10px;
}
.sidebar-block h4 {
  color: var(--fallout-darkorange);
  text-transform: none !important;
  font-family: "FuturaHeavy";
  font-size: var(--font-size-2);
  margin-top: 30px;
  margin-bottom: -10px;
}
.sidebar-block h4.table-header {
  margin-bottom: 5px !important;
  color: var(--fallout-offblack) !important;
}
.sidebar-block .flow-chart {
  text-align: center;
}
.sidebar-block .flow-chart p {
  background-color: var(--fallout-darkorange);
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/white-halftone.png");
  background-size: 200%;
  background-repeat: no-repeat;
  max-width: 80%;
  margin: 20px auto;
  clip-path: polygon(5% 20%, 80% 10%, 90% 80%, 10% 80%);
  padding: 30px 100px;
  color: white;
  font-weight: bold;
  z-index: 5;
}
.sidebar-block .flow-chart p .tooltip-convert,
.sidebar-block .flow-chart p tooltip, .sidebar-block .flow-chart p .tooltip-link {
  color: var(--fallout-white-yellow);
}
.sidebar-block .flow-chart p:first-child {
  margin-top: 30px;
}
.sidebar-block .flow-chart .arrow {
  height: 30px;
  width: 40px;
  margin: -41px auto -40px;
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/flow-chart-arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(3deg);
  z-index: 0;
}

.orange-sidebar-block.yellow,
.sidebar-block.yellow {
  background: var(--fallout-white-yellow);
  background-image: none;
  background-size: contain;
  border-image-source: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/yellow-border.png");
}
.orange-sidebar-block.yellow h3,
.sidebar-block.yellow h3 {
  color: var(--fallout-dark-yellow);
}
.orange-sidebar-block.yellow h4,
.sidebar-block.yellow h4 {
  color: var(--fallout-dark-yellow);
  text-transform: none;
  text-shadow: 2px 2px 5px white;
  margin: 30px 0px -10px;
}
.orange-sidebar-block.yellow ul li::marker,
.sidebar-block.yellow ul li::marker {
  color: var(--fallout-dark-yellow);
}

.sidebar-block.green-sidebar-block {
  background: var(--fallout-white-green);
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/green-fill.jpg");
  background-size: cover;
  background-position: bottom;
  border-image-source: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/green-border.png");
}
.sidebar-block.green-sidebar-block h3 {
  color: var(--fallout-green);
}
.sidebar-block.green-sidebar-block h4 {
  color: var(--fallout-green);
}
.sidebar-block.green-sidebar-block ul li::marker {
  color: var(--fallout-green);
}

.sidebar-block.blue-sidebar-block {
  background: var(--fallout-white-blue);
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/blue-fill.jpg");
  background-size: cover;
  background-position: bottom;
  border-image-source: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/blue-border.png");
}
.sidebar-block.blue-sidebar-block h3 {
  color: var(--fallout-blue);
}
.sidebar-block.blue-sidebar-block h4 {
  color: var(--fallout-blue);
}
.sidebar-block.blue-sidebar-block ul li::marker {
  color: var(--fallout-blue);
}

/*Fallout Dice*/
.main-holder .fallout-dice {
  color: transparent;
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/vaultboy-dice.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-size: var(--font-size-2);
  padding: 2px;
  line-height: 1.4;
}

.main-holder .fallout-dice.d6-1 {
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/one damage dice.png");
}

.main-holder .fallout-dice.d6-2 {
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/two damange dice.png");
}

.main-holder .fallout-dice.d6-blank {
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/blank dice.png");
}

/*Tables*/
.main-holder table {
  border-spacing: 0;
  min-width: 50%;
  margin-bottom: 40px;
}
.main-holder table tbody,
.main-holder table thead {
  text-align: left;
  font-size: var(--font-size-1);
  padding: 5px;
}
.main-holder table thead {
  background: #1d1d1b;
  color: white;
}
.main-holder table thead p {
  color: white;
  font-family: "FuturaHeavy";
  text-transform: uppercase;
  font-size: var(--font-size-small-1);
}
.main-holder table tbody tr:nth-child(odd) {
  background: var(--fallout-bookorange);
}
.main-holder table tbody tr:nth-child(even) {
  background: var(--fallout-lightorange);
}
.main-holder p.subhead,
.main-holder tr.subhead p {
  text-transform: none !important;
}
.main-holder tbody tr:hover {
  filter: saturate(1.2) brightness(1.1);
}

/**General Table**/
.main-holder table td,
table th {
  padding: 10px;
}
.main-holder table td p,
table th p {
  padding: 0px;
  margin: 0px;
}

.main-holder .simplebar-content > table {
  overflow-x: auto;
  -webkit-overflow-scrolling: scroll;
}

.main-holder table {
  margin-bottom: 1em !important;
}

/**Table Centering**/
.main-holder table.center-first-last tbody td:first-child,
.main-holder table.center-first-last tbody td:last-child,
.main-holder table.center-first-last th:first-child,
.main-holder table.center-first-last th:last-child {
  text-align: center;
}

.main-holder table.center-2 tbody td:nth-child(2),
.main-holder table.center-2 th:nth-child(2) {
  text-align: center;
}

.main-holder table.center-3 tbody td:nth-child(3),
.main-holder table.center-3 th:nth-child(3) {
  text-align: center;
}

.main-holder table.center-4 tbody td:nth-child(4),
.main-holder table.center-4 th:nth-child(4) {
  text-align: center;
}

.main-holder table.center-5 tbody td:nth-child(5),
.main-holder table.center-5 th:nth-child(5) {
  text-align: center;
}

.main-holder table.center-6 tbody td:nth-child(6),
.main-holder table.center-6 th:nth-child(6) {
  text-align: center;
}

.main-holder table.center-last tbody td:last-child,
.main-holder table.center-last th:last-child {
  text-align: center;
}

.main-holder table.center-first tbody td:first-child,
.main-holder table.center-first th:first-child {
  text-align: center;
}

.main-holder table.no-center-first tbody td:not(:first-child),
.main-holder table.no-center-first th:not(:first-child) {
  text-align: center;
}

.main-holder table.center-data tbody,
.main-holder table.center-data thead {
  text-align: center;
}

.main-holder table td.Body-Sub-Header-Row {
  text-align: left !important;
}

.main-holder table.secondary-center td:not(:first-child) p,
.main-holder table.secondary-center th:not(:first-child) p {
  text-align: center;
}

/**Table Variants**/
.main-holder table.yellow-table tbody tr:nth-child(odd),
.main-holder table.Table-Style-Yellow tbody tr:nth-child(odd) {
  background: var(--fallout-light-yellow);
}
.main-holder table.yellow-table tbody tr:nth-child(even),
.main-holder table.Table-Style-Yellow tbody tr:nth-child(even) {
  background: var(--fallout-white-yellow);
}
.main-holder table.yellow-table th.CellOverride-24,
.main-holder table.Table-Style-Yellow th.CellOverride-24 {
  border-bottom: 1px solid white;
}
.main-holder table.yellow-table th.CellOverride-24 p,
.main-holder table.Table-Style-Yellow th.CellOverride-24 p {
  text-align: center;
}

.main-holder table th.underline-th {
  border-bottom: 1px solid white;
  padding: 0px !important;
}

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

.main-holder table.blue-table tbody tr:nth-child(odd),
.main-holder table.Table-Style-Blue tbody tr:nth-child(odd) {
  background: var(--fallout-lightblue);
}
.main-holder table.blue-table tbody tr:nth-child(even),
.main-holder table.Table-Style-Blue tbody tr:nth-child(even) {
  background: var(--fallout-white-blue);
}
.main-holder table.blue-table th.CellOverride-24,
.main-holder table.Table-Style-Blue th.CellOverride-24 {
  border-bottom: 1px solid white;
}
.main-holder table.blue-table th.CellOverride-24 p,
.main-holder table.Table-Style-Blue th.CellOverride-24 p {
  text-align: center;
}
.main-holder table.blue-table tbody td p .tooltip-convert,
.main-holder table.blue-table tbody td p tooltip, .main-holder table.blue-table tbody td p .tooltip-link,
.main-holder table.Table-Style-Blue tbody td p .tooltip-convert,
.main-holder table.Table-Style-Blue tbody td p tooltip,
.main-holder table.Table-Style-Blue tbody td p .tooltip-link {
  filter: brightness(0.8);
}

.main-holder table.green-table tbody tr:nth-child(odd),
.main-holder table.Table-Style-Green tbody tr:nth-child(odd) {
  background: var(--fallout-lightgreen);
}
.main-holder table.green-table tbody tr:nth-child(even),
.main-holder table.Table-Style-Green tbody tr:nth-child(even) {
  background: var(--fallout-white-green);
}
.main-holder table.green-table th.CellOverride-24,
.main-holder table.Table-Style-Green th.CellOverride-24 {
  border-bottom: 1px solid white;
}
.main-holder table.green-table th.CellOverride-24 p,
.main-holder table.Table-Style-Green th.CellOverride-24 p {
  text-align: center;
}

.main-holder table.three-col {
  margin-bottom: 0px;
}
.main-holder table.three-col p {
  font-size: var(--font-size-small-1);
}
.main-holder table.three-col tbody td {
  padding: 5px;
}
.main-holder table.three-col th:nth-child(even),
.main-holder table.three-col td:nth-child(even) {
  border-right: 1px solid;
  text-align: right;
}
.main-holder table.three-col td:nth-child(odd),
.main-holder table.three-col th:nth-child(odd) {
  text-align: center;
  max-width: 57px;
}

.main-holder table.upgrades tbody td strong {
  text-transform: uppercase;
  letter-spacing: 1px;
}

/*Misc*/
.uppercase {
  text-transform: uppercase;
}

/*Perks*/
.perk-block {
  clear: both;
  overflow: hidden;
  margin: 30px 0px;
  padding: 10px 10px;
  background-color: transparent;
}
.perk-block h4 {
  font-family: "FuturaHeavy";
  letter-spacing: 1px;
  font-size: var(--font-size-2);
  color: var(--fallout-offblack);
  text-transform: uppercase;
}
.perk-block p:first-of-type {
  margin: 20px 0px 5px;
}
.perk-block p:nth-of-type(2) {
  margin: 5px 0px;
}
.perk-block div.book-image-right, .perk-block div.force-image-right {
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/yellow-halftone.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.perk-block div.force-image-right {
  background-position: 60px;
  background-size: 70%;
}

/*NPCs*/
.statblock-block {
  box-shadow: -3px 0px var(--fallout-green);
  background: var(--fallout-white-green);
  background-size: contain;
  background-position: bottom;
  border-image-slice: 60 53 200 103;
  border-image-width: 0px 10px 80px 0px;
  border-image-outset: 0px 10px 34px 0px;
  border-image-repeat: stretch stretch;
  border-image-source: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/green-border.png");
  padding: 30px 30px 10px;
  margin: 40px 30px;
  background-color: var(--fallout-white-green);
  border-left: thick solid var(--fallout-green);
  border-bottom: thick solid var(--fallout-green);
}
.statblock-block h3 {
  font-family: "SignPainter-Bold";
  text-transform: none;
  font-size: var(--font-size-5);
  color: var(--fallout-green);
  font-weight: normal;
  margin: 0px 0px 10px;
}
.statblock-block div > table {
  width: 100%;
}
.statblock-block div > table th p {
  text-align: center;
}
.statblock-block div > table tbody tr:nth-child(odd) {
  background: var(--fallout-lightgreen);
}
.statblock-block div > table tbody tr:nth-child(even) {
  background: var(--fallout-white-green);
}
.statblock-block p.Stat-Block-Level {
  font-family: "Futura-HOblique";
  margin: 0px;
  line-height: 1.5;
}
.statblock-block table.special {
  margin-top: 20px;
}
.statblock-block table.special th p {
  font-size: var(--font-size-2);
}
.statblock-block table.special tbody p,
.statblock-block table.special thead p {
  text-align: center;
}
.statblock-block table.special tbody td:nth-child(even) {
  background: var(--fallout-white-green);
}
.statblock-block table.special tbody tr:nth-child(even) {
  background: var(--fallout-lightgreen);
}
.statblock-block ul {
  margin: 5px 0px;
}

.statblock-block.yellow {
  box-shadow: -3px 0px var(--fallout-dark-yellow);
  border-image-source: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/yellow-border.png");
  padding: 30px 30px 10px;
  margin: 40px 30px;
  background-color: var(--fallout-white-yellow);
  border-left: thick solid var(--fallout-dark-yellow);
  border-bottom: thick solid var(--fallout-dark-yellow);
}
.statblock-block.yellow h3 {
  color: var(--fallout-dark-yellow);
}
.statblock-block.yellow table tbody tr:nth-child(odd) {
  background: var(--fallout-light-yellow);
}
.statblock-block.yellow table tbody tr:nth-child(even) {
  background: var(--fallout-white-yellow);
}
.statblock-block.yellow table.special tbody td:nth-child(even) {
  background: var(--fallout-white-yellow);
}
.statblock-block.yellow table.special tbody tr:nth-child(even) {
  background: var(--fallout-light-yellow);
}

.statblock-block {
  /*Base styling for when SPECIAL is included. Add the class no-special to blocks that don't have SPECIAL*/
}
.statblock-block > div:nth-of-type(3) table td,
.statblock-block > div:nth-of-type(4) table td {
  width: 30%;
}
.statblock-block > div:nth-of-type(1) table {
  /*Special*/
  margin-top: 20px;
}
.statblock-block > div:nth-of-type(1) table th p {
  font-size: var(--font-size-1);
}
.statblock-block > div:nth-of-type(1) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-green);
}
.statblock-block > div:nth-of-type(2) table {
  /*Skills*/
}
.statblock-block > div:nth-of-type(2) table td:nth-child(odd) {
  width: 40%;
}
.statblock-block > div:nth-of-type(2) table td:nth-child(2) {
  border-right: 1px solid var(--fallout-offblack);
}
.statblock-block > div:nth-of-type(2) table td:nth-child(3) {
  padding-left: 20px;
}
.statblock-block > div:nth-of-type(2) table td:last-child {
  text-align: right;
}
.statblock-block > div:nth-of-type(1) table p,
.statblock-block > div:nth-of-type(3) table p,
.statblock-block > div:nth-of-type(4) table p,
.statblock-block > div:nth-of-type(5) table p {
  text-align: center;
}
.statblock-block > div:nth-of-type(1) table td:nth-of-type(even),
.statblock-block > div:nth-of-type(3) table td:nth-of-type(even),
.statblock-block > div:nth-of-type(4) table td:nth-of-type(even),
.statblock-block > div:nth-of-type(5) table td:nth-of-type(even) {
  background-color: var(--fallout-white-green);
}
.statblock-block > div:last-of-type table {
  /*Inventory*/
}
.statblock-block > div:last-of-type table td p {
  text-align: left;
  padding: 0px 15px;
}

.statblock-block.yellow {
  /*Base styling for when SPECIAL is included. Add the class no-special to blocks that don't have SPECIAL*/
}
.statblock-block.yellow > div:nth-of-type(1) table {
  /*Special*/
}
.statblock-block.yellow > div:nth-of-type(1) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-yellow);
}

.statblock-block.blue {
  box-shadow: -3px 0px var(--fallout-blue);
  border-image-source: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/blue-border.png");
  padding: 30px 30px 10px;
  background-color: #dde2e6;
  border-left: thick solid var(--fallout-darkblue);
  border-bottom: thick solid var(--fallout-darkblue);
}
.statblock-block.blue h3 {
  color: var(--fallout-blue);
}

/*Blocks without the SPECIAL first table should get the special class*/
.main-holder .statblock-block.no-special > div table th:has(> p:empty), .main-holder .statblock-block.no-special > div table td:empty {
  background-color: var(--fallout-white-green) !important;
}
.main-holder .statblock-block.no-special > div[data-simplebar=init]:first-of-type table {
  /*Core Stats*/
  margin-top: 20px;
}
.main-holder .statblock-block.no-special > div[data-simplebar=init]:first-of-type table th p {
  font-size: var(--font-size-1);
}
.main-holder .statblock-block.no-special > div[data-simplebar=init]:first-of-type table tbody td:nth-child(2),
.main-holder .statblock-block.no-special > div[data-simplebar=init]:first-of-type table tbody td:nth-child(5) {
  background-color: var(--fallout-white-green);
}
.main-holder .statblock-block.no-special > div[data-simplebar=init]:first-of-type table tbody td:nth-child(4),
.main-holder .statblock-block.no-special > div[data-simplebar=init]:first-of-type table tbody td:nth-child(6) {
  background-color: var(--fallout-lightgreen);
}
.main-holder .statblock-block.no-special > div:nth-of-type(2) table tbody td,
.main-holder .statblock-block.no-special > div:nth-of-type(3) table tbody td {
  width: 20%;
}
.main-holder .statblock-block.no-special > div:nth-of-type(2) table tbody td:nth-child(even),
.main-holder .statblock-block.no-special > div:nth-of-type(3) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-green);
}
.main-holder .statblock-block.no-special > div:nth-of-type(2) table tbody td:nth-child(odd),
.main-holder .statblock-block.no-special > div:nth-of-type(3) table tbody td:nth-child(odd) {
  background-color: var(--fallout-lightgreen);
}
.main-holder .statblock-block.no-special > div:nth-of-type(2) table tbody td,
.main-holder .statblock-block.no-special > div:nth-of-type(3) table tbody td {
  border: none;
}
.main-holder .statblock-block.no-special > div:nth-of-type(4) table tbody tr:nth-child(even) td,
.main-holder .statblock-block.no-special > div:nth-of-type(5) table tbody tr:nth-child(even) td,
.main-holder .statblock-block.no-special > div:nth-of-type(6) table tbody tr:nth-child(even) td {
  background-color: var(--fallout-white-green);
}
.main-holder .statblock-block.no-special > div:nth-of-type(4) table tbody tr:nth-child(odd) td,
.main-holder .statblock-block.no-special > div:nth-of-type(5) table tbody tr:nth-child(odd) td,
.main-holder .statblock-block.no-special > div:nth-of-type(6) table tbody tr:nth-child(odd) td {
  background-color: var(--fallout-lightgreen);
}
.main-holder .statblock-block.no-special > div:nth-of-type(1) table p,
.main-holder .statblock-block.no-special > div:nth-of-type(2) table p,
.main-holder .statblock-block.no-special > div:nth-of-type(3) table p {
  text-align: center;
}
.main-holder .statblock-block.no-special > div:last-of-type table {
  /*Inventory*/
}
.main-holder .statblock-block.no-special > div:last-of-type table td p {
  text-align: left !important;
  padding: 0px 15px;
}

.main-holder .statblock-block.no-special .Split-Table {
  background-color: var(--fallout-white-green);
}

.main-holder .statblock-block.no-special > div:nth-of-type(1) table p.Table-Body,
.main-holder .statblock-block.no-special > div:nth-of-type(2) table p.Table-Body,
.main-holder .statblock-block.no-special > div:nth-of-type(3) table p.Table-Body {
  text-align: center !important;
}

.statblock-block.no-special.yellow > div:nth-of-type(1) table {
  /*Core Stats*/
}
.statblock-block.no-special.yellow > div:nth-of-type(1) table th:nth-child(3) {
  background-color: var(--fallout-white-yellow);
}
.statblock-block.no-special.yellow > div:nth-of-type(1) table tbody td:nth-child(2),
.statblock-block.no-special.yellow > div:nth-of-type(1) table tbody td:nth-child(5) {
  background-color: var(--fallout-white-yellow);
}
.statblock-block.no-special.yellow > div:nth-of-type(1) table tbody td:nth-child(1),
.statblock-block.no-special.yellow > div:nth-of-type(1) table tbody td:nth-child(4),
.statblock-block.no-special.yellow > div:nth-of-type(1) table tbody td:nth-child(6) {
  background-color: var(--fallout-light-yellow);
}
.statblock-block.no-special.yellow > div:nth-of-type(1) table tbody td:nth-child(3),
.statblock-block.no-special.yellow > div:nth-of-type(1) table thead td {
  background-color: var(--fallout-white-yellow);
  border-left: 1px solid var(--fallout-white-yellow);
  border-right: 1px solid var(--fallout-white-yellow);
}
.statblock-block.no-special.yellow > div:nth-of-type(2) table tbody td:nth-child(odd),
.statblock-block.no-special.yellow > div:nth-of-type(3) table tbody td:nth-child(odd),
.statblock-block.no-special.yellow > div:nth-of-type(4) table tbody td:nth-child(odd) {
  background-color: var(--fallout-light-yellow);
}
.statblock-block.no-special.yellow > div:nth-of-type(2) table tbody td:nth-child(even),
.statblock-block.no-special.yellow > div:nth-of-type(3) table tbody td:nth-child(even),
.statblock-block.no-special.yellow > div:nth-of-type(4) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-yellow);
}
.statblock-block.no-special.yellow > div:nth-of-type(5) table tbody tr:nth-child(odd) td,
.statblock-block.no-special.yellow > div:nth-of-type(6) table tbody tr:nth-child(odd) td {
  background-color: var(--fallout-light-yellow);
}
.statblock-block.no-special.yellow > div:nth-of-type(5) table tbody tr:nth-child(even) td,
.statblock-block.no-special.yellow > div:nth-of-type(6) table tbody tr:nth-child(even) td {
  background-color: var(--fallout-white-yellow);
}

/*Misc*/
.vault-tec {
  width: 150px;
  height: 50px;
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/vault tec logo white.png");
  background-size: contain;
  background-position: center;
  margin: auto;
  background-repeat: no-repeat;
}

.main-holder .tag-skill {
  color: transparent;
  background-color: var(--fallout-offblack);
  height: 7px;
  width: 7px;
  display: inline-block;
  vertical-align: middle;
}

.main-holder p.table-subnote {
  font-size: var(--font-size-small-1);
  line-height: 1;
  margin: 10px 0px;
}

.main-holder .vaultboy-right-image {
  min-width: 220px;
  float: right;
  padding: 20px;
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/yellow-halftone.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.main-holder .vaultboy-right-image img {
  float: none;
  margin: auto;
}

.sidebar-block .sidebar-portrait-image img {
  margin: -10px -60px 0px 20px;
  padding: 0px;
  transform: rotate(1deg);
  box-shadow: -1px -1px 5px #7f7f7f;
  max-width: 300px;
}

.main-holder .sidebar-block.green-sidebar-block {
  background-image: none;
}

.main-holder .list-collection ul {
  margin: 10px 0px 25px;
  max-width: 90%;
}
.main-holder .list-collection ul li {
  margin-bottom: 10px;
}

/*Pregen Download*/
.main-holder p.download {
  background-color: black;
  width: fit-content;
  margin: -8px 30px 0px 0px;
  color: white;
  padding: 10px 20px;
  box-shadow: 0px 0px 5px grey;
  float: left;
}
.main-holder p.download:hover {
  transform: rotate(-3deg);
}
.main-holder p.download:hover a {
  border-color: var(--fallout-darkorange);
}
.main-holder p.download a {
  color: white;
}
.main-holder p.download a:hover {
  background-color: transparent;
  border-color: var(--fallout-darkorange);
}

/* Credits */
.main-holder .credits {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: -20px;
}
.main-holder .credits div {
  max-width: 46%;
}
.main-holder .credits .Credits-Position {
  font-family: "FuturaHeavy";
  margin-bottom: -15px;
  margin-top: 40px;
}
.main-holder .credits .thanks {
  margin-top: 0px;
}

.main-holder .sub-credits {
  border-top: 1px solid var(--fallout-offblack);
  margin: 20px 0px;
  padding: 20px 0 10px;
}
.main-holder .sub-credits p {
  font-size: calc(var(--font-size-1) * 0.94);
  margin: 10px 0px;
}

.main-holder .demiplane-credits {
  border-top: 1px solid var(--fallout-offblack);
  margin: 20px 0px;
  padding: 20px 0;
}
.main-holder .demiplane-credits p {
  font-size: var(--font-size-small-1);
  margin-top: 10px;
}
.main-holder .demiplane-credits h2 {
  font-size: var(--font-size-small-1);
  font-family: "FuturaHeavy";
  font-weight: normal;
  text-transform: none;
  color: var(--fallout-offblack);
}

.main-holder .table-subnote {
  margin-top: -0.3em !important;
  line-height: 1.2 !important;
}

/*Book Updates - Tables - Adds fixes for statblock table styling */
/*Targets the SPECIAL block on blocks with images*/
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table { /*SPECIAL*/
  margin-top: 20px;
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table th p, .main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table td p {
  font-size: var(--font-size-small-1);
  text-align: center !important;
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table td {
  max-width: 14%;
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-green) !important;
  border: none;
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody td:nth-child(odd) {
  background-color: var(--fallout-light-green);
  border: none;
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table {
  /*Skills*/
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tbody td p {
  text-align: left;
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table td:nth-child(odd) {
  width: 40%;
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table td:nth-child(even) {
  width: 12%;
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table td:nth-child(2) {
  border-right: 1px solid var(--fallout-offblack);
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table td:nth-child(3) {
  padding-left: 20px;
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tr:last-child td:last-child p {
  text-align: right;
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tbody tr:nth-child(odd) td {
  background-color: var(--fallout-lightgreen);
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tbody tr:nth-child(even) td {
  background-color: var(--fallout-white-green);
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(6) table {
  /*DR*/
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(6) table thead th {
  min-width: 25%;
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(6) table tbody td p {
  text-align: center;
}
.main-holder .statblock-block:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(6) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-green);
}

.main-holder .statblock-block p.Tables_Stat-Block-Level-Span, .main-holder .statblock-block p.Tables_Stat-Block-Level {
  margin-bottom: 0px;
}

/*Targets the SPECIAL block on blocks with no images*/
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table { /*SPECIAL*/
  margin-top: 20px;
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table th p, .main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table td p {
  font-size: var(--font-size-small-1);
  text-align: center;
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table td {
  max-width: 14%;
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-green);
  border: none;
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table tbody td:nth-child(odd) {
  background-color: var(--fallout-light-green);
  border: none;
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table {
  /*Skills*/
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody td p {
  text-align: left;
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table td:nth-child(odd) {
  width: 40%;
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table td:nth-child(even) {
  width: 12%;
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table td:nth-child(2) {
  border-right: 1px solid var(--fallout-offblack);
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table td:nth-child(3) {
  padding-left: 20px;
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tr:last-child td:last-child p {
  text-align: right;
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody tr:nth-child(odd) td {
  background-color: var(--fallout-lightgreen);
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody tr:nth-child(even) td {
  background-color: var(--fallout-white-green);
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(5) table {
  /*DR*/
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(5) table thead th {
  min-width: 25%;
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(5) table tbody td p {
  text-align: center;
}
.main-holder .statblock-block:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(5) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-green);
}

/*Targets non-special block on blocks with images*/
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init] table th {
  background-color: var(--fallout-offblack);
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table { /*NO SPECIAL*/
  margin-top: 20px;
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table th p, .main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table td p {
  font-size: var(--font-size-small-1);
  text-align: center;
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody td {
  width: 16% !important;
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody td:nth-child(odd) {
  background-color: var(--fallout-white-green) !important;
  border: none;
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody td:nth-child(even) {
  background-color: var(--fallout-light-green) !important;
  border: none;
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table {
  /*Stats*/
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tbody td {
  min-width: 30%;
  max-width: 30%;
  border: none;
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tbody td p {
  text-align: center !important;
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tbody tr td:nth-child(odd) {
  background-color: var(--fallout-lightgreen);
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tbody tr td:nth-child(even) {
  background-color: var(--fallout-white-green);
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table {
  /*DR*/
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table thead th, .main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table tbody td {
  min-width: 25%;
  max-width: 25%;
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table tbody td p {
  text-align: center !important;
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-green);
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(5) table {
  /*Attacks*/
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(5) table tbody td p {
  text-align: left;
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(6) table {
  /*Abilitieis*/
}
.main-holder .statblock-block.no-special:has(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(6) table tbody td p {
  text-align: left;
}

/*Targets non-special block on blocks withOUT images*/
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init] table th {
  background-color: var(--fallout-offblack);
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table { /*NO SPECIAL*/
  margin-top: 20px;
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table th p, .main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table td p {
  font-size: var(--font-size-small-1);
  text-align: center;
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table td {
  max-width: 14%;
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table tbody td:nth-child(odd) {
  background-color: var(--fallout-white-green);
  border: none;
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table tbody td:nth-child(even) {
  background-color: var(--fallout-light-green);
  border: none;
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table {
  /*Stats*/
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody td {
  min-width: 30%;
  max-width: 30%;
  border: none;
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody td p {
  text-align: center !important;
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody tr td:nth-child(odd) {
  background-color: var(--fallout-lightgreen);
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody tr td:nth-child(even) {
  background-color: var(--fallout-white-green);
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table {
  /*DR*/
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table thead th, .main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tbody td {
  min-width: 25%;
  max-width: 25%;
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tbody td p {
  text-align: center;
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-green);
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table {
  /*Attacks*/
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table tbody td p {
  text-align: left;
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(5) table {
  /*Abilitieis*/
}
.main-holder .statblock-block.no-special:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(5) table tbody td p {
  text-align: left;
}

/*Targets non-special block on blocks with images - yellow variant*/
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table { /*NO SPECIAL*/
  margin-top: 20px;
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table th p, .main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table td p {
  font-size: var(--font-size-small-1);
  text-align: center;
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table tbody td:nth-child(odd) {
  background-color: var(--fallout-white-yellow);
  border: none;
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table tbody td:nth-child(even) {
  background-color: var(--fallout-light-yellow);
  border: none;
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table thead th:nth-of-type(3), .main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table tbody td:nth-of-type(3) {
  background-color: var(--fallout-white-yellow) !important;
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table {
  /*Stats*/
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody td {
  min-width: 30%;
  max-width: 30%;
  border: none;
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody tr td:nth-child(odd) {
  background-color: var(--fallout-light-yellow);
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody tr td:nth-child(even) {
  background-color: var(--fallout-white-yellow);
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table {
  /*Carry Melee*/
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table thead th, .main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tbody td {
  min-width: 25%;
  max-width: 25%;
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tbody td p {
  text-align: center;
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-yellow);
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table {
  /*DR*/
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table thead th, .main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table tbody td {
  min-width: 25%;
  max-width: 25%;
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table tbody td p {
  text-align: center !important;
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-yellow);
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table tbody td:nth-child(odd) {
  background-color: var(--fallout-light-yellow);
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table {
  /*Attacks*/
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table tbody td p {
  text-align: left;
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(5) table {
  /*Abilitieis*/
}
.main-holder .statblock-block.no-special.yellow:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(5) table tbody td p {
  text-align: left;
}

/* Blue Variants*/
/*Targets the SPECIAL block on blocks with no images*/
.main-holder .statblock-block.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table { /*SPECIAL*/ }
.main-holder .statblock-block.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-blue);
  border: none;
}
.main-holder .statblock-block.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table tbody td:nth-child(odd) {
  background-color: var(--fallout-lightblue);
  border: none;
}
.main-holder .statblock-block.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table {
  /*Skills*/
}
.main-holder .statblock-block.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody tr:nth-child(odd) td {
  background-color: var(--fallout-lightblue);
}
.main-holder .statblock-block.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody tr:nth-child(even) td {
  background-color: var(--fallout-white-blue);
}
.main-holder .statblock-block.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table {
  /*HP Init Defense*/
}
.main-holder .statblock-block.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-blue);
}
.main-holder .statblock-block.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table {
  /*Weight Melee Luck*/
}
.main-holder .statblock-block.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-blue);
}
.main-holder .statblock-block.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(5) table {
  /*DR*/
}
.main-holder .statblock-block.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(5) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-blue);
}

/*Targets non-special block on blocks withOUT images*/
.main-holder .statblock-block.no-special.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init] table th {
  background-color: var(--fallout-offblack);
}
.main-holder .statblock-block.no-special.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table { /*NO SPECIAL*/ }
.main-holder .statblock-block.no-special.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table tbody td:nth-child(odd) {
  background-color: var(--fallout-white-blue);
  border: none;
}
.main-holder .statblock-block.no-special.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(1) table tbody td:nth-child(even) {
  background-color: var(--fallout-lightblue);
  border: none;
}
.main-holder .statblock-block.no-special.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table {
  /*Stats*/
}
.main-holder .statblock-block.no-special.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody tr td:nth-child(odd) {
  background-color: var(--fallout-lightblue);
}
.main-holder .statblock-block.no-special.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(2) table tbody tr td:nth-child(even) {
  background-color: var(--fallout-white-blue);
}
.main-holder .statblock-block.no-special.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table {
  /*DR*/
}
.main-holder .statblock-block.no-special.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-blue);
}
.main-holder .statblock-block.no-special.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(3) table tbody td:nth-child(odd) {
  background-color: var(--fallout-lightblue);
}
.main-holder .statblock-block.no-special.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-blue);
}
.main-holder .statblock-block.no-special.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(4) table tbody td:nth-child(odd) {
  background-color: var(--fallout-lightblue);
}
.main-holder .statblock-block.no-special.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(5) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-blue);
}
.main-holder .statblock-block.no-special.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(5) table tbody td:nth-child(odd) {
  background-color: var(--fallout-lightblue);
}
.main-holder .statblock-block.no-special.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(6) table tbody td:nth-child(even) {
  background-color: var(--fallout-white-blue);
}
.main-holder .statblock-block.no-special.blue:not(.book-image-center, .book-image-right, .book-image-left) > div[data-simplebar=init]:nth-of-type(6) table tbody td:nth-child(odd) {
  background-color: var(--fallout-lightblue);
}

.main-holder table.Table-Style-Green tr:first-of-type:not(:only-child) th:not(:first-of-type) {
  padding: 0px;
  border-bottom: 1px solid white;
}

.main-holder table.Table-Style-Green th:not(:first-child, :last-child) {
  padding: 0px;
}

/* Responsive */
@container mainHolder (max-width: 800px) {
  /* Adjust minimum cell width for table cells with longer content on smaller sizes for readability.*/
  .main-holder table tbody td p:has(> :nth-child(1)) {
    min-width: 100px !important;
  }
  .main-holder table tbody td p:has(> :nth-child(2)) {
    min-width: 150px !important;
  }
}
@container mainHolder (max-width: 700px) {
  .main-holder .table-header {
    text-align: center;
  }
  .main-holder table {
    margin: auto;
  }
}
@container mainHolder (max-width: 600px) {
  .main-holder table td p, .main-holder table th p {
    font-size: var(--font-size-small-1);
  }
  .main-holder h2.normal {
    clip-path: polygon(0% 0%, 100% 0%, calc(100% - 50px) 100%, 0% 100%);
  }
  .main-holder .Chapter-Number {
    margin: 1em auto 0.5em;
    position: relative;
    left: 30px;
  }
  .main-holder h1.normal {
    border-image-width: 0px 20px 20px;
  }
  .main-holder .force-image-right,
  .main-holder .force-image-left {
    float: none;
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }
  .main-holder .sidebar-block.orange-sidebar-block,
  .main-holder .sidebar-block.green,
  .main-holder .sidebar-block.yellow,
  .main-holder .sidebar-block.blue {
    background-image: none;
    border-image-width: 20px 30px 60px;
    border-image-outset: 15px 40px 50px 20px;
  }
  .statblock-block,
  .statblock-block.no-special {
    box-shadow: none;
    margin: 10px 0px 50px;
    border-image-width: 20px 30px 60px;
    border-image-outset: 15px 25px 40px 15px;
  }
  .main-holder .vaultboy-right-image {
    float: none;
    margin: 10px auto -50px auto;
    max-width: 100%;
  }
  .example-block.yellow {
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
  }
  .main-holder h3.normal {
    text-align: center;
    margin: auto;
    margin-top: 1.2em !important;
  }
  .main-holder .perk-block .book-image-right, .main-holder .perk-block .force-image-right {
    float: right;
    margin-left: 3px;
    max-width: 230px;
  }
  .main-holder .perk-block .force-image-right {
    margin-left: 15px;
  }
  .main-holder .vaultboy-right-image {
    margin-top: 2em;
  }
  .main-holder .three-col td {
    padding: 2px 5px !important;
    letter-spacing: -0.1px;
  }
  .main-holder .three-col th p {
    font-size: var(--font-size-small-2) !important;
  }
  .main-holder table td p:has(> :nth-child(1)) {
    min-width: 100px;
  }
  .main-holder .statblock-block table td p:has(> :nth-child(1)) {
    min-width: 50px;
  }
  .main-holder table td p:has(> :nth-child(2)) {
    min-width: 200px;
  }
  .main-holder .vt-sidebar-block h3 {
    max-width: 85%;
  }
  .main-holder .statblock-block.blue {
    margin: 10px 0px 50px;
    border-image-slice: 0 23 200 103;
    border-image-width: 0px 0px 80px 0px;
    border-image-outset: 0px 2px 34px 0px;
  }
}
@container mainHolder (max-width: 500px) {
  .main-holder h2.normal {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    line-height: 1;
  }
  .main-holder h1.normal {
    border-image-width: 0px 10px 15px;
    font-size: var(--font-size-7);
  }
  .main-holder .sidebar-block .flow-chart p {
    font-size: var(--font-size-small-1);
    padding: 30px 50px 30px 20px;
    max-width: 100%;
    background-size: 250%;
    background-position: top right;
  }
  .main-holder .statblock-block table th p {
    font-size: var(--font-size-small-2) !important;
  }
  .main-holder .statblock-block table p,
  .main-holder .statblock-block table li {
    font-size: var(--font-size-small-1);
  }
  .main-holder .statblock-block table ul {
    margin-left: -10px;
  }
  .main-holder .perk-block .book-image-right, .main-holder .perk-block .force-image-right {
    float: none;
    margin: 0px auto 5px;
  }
  .main-holder .perk-block h4, .main-holder .perk-block p:nth-child(3), .main-holder .perk-block p:nth-child(4) {
    text-align: center;
  }
  .main-holder table ul li {
    font-size: var(--font-size-small-1);
  }
  .main-holder .statblock-block p.Tables_Stat-Block-Level-Span, .main-holder .statblock-block p em strong, .main-holder .statblock-block p.Stat-Block-Level {
    font-size: var(--font-size-small-1);
  }
  .main-holder .book-styled-block.quote-block {
    max-width: 100%;
  }
}
@container mainHolder (max-width: 400px) {
  .main-holder h1.normal {
    font-size: var(--font-size-7);
  }
  .main-holder .sidebar-block .flow-chart p {
    padding: 30px 40px 30px 20px;
    max-width: 100%;
    background-size: 330%;
    background-position: top right;
  }
  .main-holder table p {
    font-size: var(--font-size-small-1);
  }
  .main-holder .sidebar-block h3 {
    font-size: var(--font-size-5);
  }
  .main-holder .Chapter-Number {
    margin: 1em -1em 0.5em;
    position: relative;
    left: 70px;
  }
  .main-holder .statblock-block {
    padding: 20px 10px;
    margin: 10px -15px 20px;
  }
  .main-holder .statblock-block table th p {
    font-size: 10px !important;
  }
  .main-holder .credits {
    gap: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .main-holder .credits > div {
    max-width: 100%;
  }
  .main-holder .credits .Credits-Position {
    margin-top: 0px;
  }
  .main-holder .sidebar-block.vt-sidebar-block > h3 {
    padding-top: 0px;
    padding-right: 20px;
    font-size: var(--font-size-3);
    margin-bottom: -10px;
  }
  .main-holder table th p {
    font-size: var(--font-size-small-2) !important;
  }
  .main-holder .sidebar-block.orange-sidebar-block,
  .main-holder .sidebar-block.green,
  .main-holder .sidebar-block.yellow,
  .main-holder .sidebar-block.blue {
    border-image-width: 5px 15px 50px 30px;
    border-image-outset: 2px 22px 50px 15px;
  }
  .main-holder .sidebar-block.orange-sidebar-block ul, .main-holder .sidebar-block.orange-sidebar-block ol,
  .main-holder .sidebar-block.green ul,
  .main-holder .sidebar-block.green ol,
  .main-holder .sidebar-block.yellow ul,
  .main-holder .sidebar-block.yellow ol,
  .main-holder .sidebar-block.blue ul,
  .main-holder .sidebar-block.blue ol {
    margin: 0px 5px 10px -15px;
  }
  .main-holder h4.normal {
    text-align: center;
  }
  .main-holder .sidebar-block.blue-sidebar-block {
    border-image-width: 5px 15px 50px 0px;
    border-image-outset: 2px 22px 50px 0px;
  }
  .main-holder .read-aloud-block {
    transform: rotate(0deg);
    margin: 15px 0px;
  }
}
/*End Book Style*/
/*Reminder notice*/
/*.main-holder .statblock-block:before {
    display: block;
    content: "!!! Statblock styling to be finalized after dev table updates. !!!";
    position: relative;
    font-family: "Futura";
    text-transform: uppercase;
    font-size: var(--font-size-small-3);
    text-align: center;
}*/
[data-cy=demiplane-nexus-top-nav] > div {
  background: url(https://images.demiplane.com/nexus/falloutrpg/navigation-texture-bg.png?format=webp);
  background-size: 50% 50%;
  background-repeat: repeat;
  /*[alt="nexus nav background"] {
      width: 700px !important;
      margin-left: 500px;
  }*/
}
[data-cy=demiplane-nexus-top-nav] [role=menubutton],
[data-cy=demiplane-nexus-top-nav] .nexus-nav-menu-btn {
  border-radius: 0px;
}
[data-cy=demiplane-nexus-top-nav] [role=menubutton] h3,
[data-cy=demiplane-nexus-top-nav] .nexus-nav-menu-btn h3 {
  color: var(--top-nav-button-color) !important;
  font-weight: 600;
  letter-spacing: 0.2px;
}
[data-cy=demiplane-nexus-top-nav] [role=menubutton] span:has(svg),
[data-cy=demiplane-nexus-top-nav] .nexus-nav-menu-btn span:has(svg) {
  margin-left: 0px;
}
[data-cy=demiplane-nexus-top-nav] [role=menubutton]:hover,
[data-cy=demiplane-nexus-top-nav] .nexus-nav-menu-btn:hover {
  border-bottom: 2px solid #fff;
}
[data-cy=demiplane-nexus-top-nav] [role=menubutton]:hover svg > path,
[data-cy=demiplane-nexus-top-nav] .nexus-nav-menu-btn:hover svg > path {
  color: var(--top-nav-dropdown-arrow-hover-color);
}

/* Elements Dropdown 
Basic Stylings Are Carried over from Source Dropdown*/
#general-rule-menu-popper {
  background: url("https://images.demiplane.com/nexus/falloutrpg/nav-menu-rules-bg.png?format=webp");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: bottom right;
  height: 270px;
}

/*Origin Cards*/
.nexus-general-rule-menu-inner {
  /* Specific Origin Image Positioning */
  /* Hide View All */
  /*Hover States*/
}
.nexus-general-rule-menu-inner > div {
  width: 120px;
}
.nexus-general-rule-menu-inner > div > div {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  width: 130px;
  height: 220px;
  padding: 0px;
}
.nexus-general-rule-menu-inner > div > div a {
  display: flex;
  background-color: transparent;
  background-size: 110px 256px;
  background-position: bottom center;
  width: 110px;
  height: 220px;
  padding: 6px 6px 0px 6px;
  overflow: visible;
}
.nexus-general-rule-menu-inner > div > div a > div {
  border-radius: 0px;
  background-color: transparent;
  background-size: contain;
  height: 100%;
  width: 100%;
  overflow: visible;
  position: relative;
}
.nexus-general-rule-menu-inner > div > div a > div > span {
  width: 120px !important;
  height: 160px !important;
  overflow: hidden !important;
  position: absolute;
  left: -20px !important;
  top: 20px !important;
}
.nexus-general-rule-menu-inner > div > div a > div > span img {
  transform: scale(1.3) !important;
  position: static !important;
  margin-top: 25px !important;
  margin-left: 10px !important;
}
.nexus-general-rule-menu-inner > div > div a > div > div {
  background-color: #14223B;
  width: 110px;
  height: 40px;
  align-content: center;
}
.nexus-general-rule-menu-inner > div > div a > div > div p {
  font-family: "Futura-BoldCond";
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  line-height: 14px;
}
.nexus-general-rule-menu-inner > div:nth-child(odd) > div a {
  background-image: url("https://content.demiplane.com/nexus/falloutrpg/menu-outline1.svg");
  background-image: none;
}
.nexus-general-rule-menu-inner > div:nth-child(odd) > div a > div {
  background-image: url("https://images.demiplane.com/nexus/falloutrpg/menu-bg1.png?format=webp");
}
.nexus-general-rule-menu-inner > div:nth-child(even) > div a {
  background-image: url("https://content.demiplane.com/nexus/falloutrpg/menu-outline2.svg");
  background-image: none;
}
.nexus-general-rule-menu-inner > div:nth-child(even) > div a > div {
  background-image: url("https://images.demiplane.com/nexus/falloutrpg/menu-bg2.png?format=webp");
}
.nexus-general-rule-menu-inner > div:nth-child(even) > div a > div > div {
  width: 104px;
}
.nexus-general-rule-menu-inner .Ghoul-primer-button-container > span {
  left: -10px !important;
}
.nexus-general-rule-menu-inner .Ghoul-primer-button-container > span img {
  margin-top: 30px !important;
  margin-left: 0px !important;
}
.nexus-general-rule-menu-inner .Mutant-primer-button-container > span {
  width: 105px !important;
  right: 0px !important;
  left: 0px !important;
}
.nexus-general-rule-menu-inner .Mutant-primer-button-container > span img {
  transform: scale(1.4) !important;
  margin-right: 0px !important;
  margin-left: -8px !important;
  margin-top: 30px !important;
}
.nexus-general-rule-menu-inner .Survivor-primer-button-container > span {
  width: 130px !important;
  right: 0px !important;
  left: -25px !important;
}
.nexus-general-rule-menu-inner .Survivor-primer-button-container > span img {
  margin-top: 30px !important;
}
.nexus-general-rule-menu-inner .Dweller-primer-button-container > span {
  width: 110px !important;
  right: 0px !important;
  left: -15px !important;
}
.nexus-general-rule-menu-inner .Dweller-primer-button-container > span img {
  transform: scale(1.5) !important;
  margin-top: 40px !important;
  margin-left: 30px !important;
}
.nexus-general-rule-menu-inner div:has(> a.general-primer-button-container-view-all) {
  display: none;
}
.nexus-general-rule-menu-inner > div:nth-child(odd):hover a {
  background-image: url("https://content.demiplane.com/nexus/falloutrpg/menu-outline1.svg");
}
.nexus-general-rule-menu-inner > div:nth-child(odd):hover a > div > div {
  background-color: #fff;
}
.nexus-general-rule-menu-inner > div:nth-child(odd):hover a > div > div p {
  color: #000;
}
.nexus-general-rule-menu-inner > div:nth-child(odd):hover a img {
  filter: brightness(1.25);
}
.nexus-general-rule-menu-inner > div:nth-child(even):hover a {
  background-image: url("https://content.demiplane.com/nexus/falloutrpg/menu-outline2.svg");
}
.nexus-general-rule-menu-inner > div:nth-child(even):hover a > div > div {
  background-color: #fff;
}
.nexus-general-rule-menu-inner > div:nth-child(even):hover a > div > div p {
  color: #000;
}
.nexus-general-rule-menu-inner > div:nth-child(even):hover a img {
  filter: brightness(1.25);
}

/* Rule Links */
#general-rule-menu-popper .nexus-general-menu-game-rules-outer-grid {
  padding: 0px;
  width: 200px;
  margin-left: 20px;
  margin-right: 100px;
}
#general-rule-menu-popper .nexus-general-menu-game-rules-inner-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  padding-left: 0px;
  margin-top: 20px;
}
#general-rule-menu-popper .nexus-general-menu-game-rules-container,
#general-rule-menu-popper .nexus-general-menu-game-rules-container-second-half {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#general-rule-menu-popper .nexus-general-menu-game-rules-container a > p,
#general-rule-menu-popper .nexus-general-menu-game-rules-container-second-half a > p {
  font-family: "FuturaHeavy";
  margin: 0px;
  font-size: 16px;
}
#general-rule-menu-popper .nexus-general-menu-game-rules-container a:hover p,
#general-rule-menu-popper .nexus-general-menu-game-rules-container-second-half a:hover p {
  color: var(--fallout-gold);
}

/*Mobile Dropdown Game Menu*/
.mobile-dropdown-menu > ul > li:not(li:last-child) .nexus-nav-menu-btn > h3 {
  font-family: "Futura-BoldCond";
  color: var(--fallout-gold) !important;
  letter-spacing: 0.5px;
}
.mobile-dropdown-menu > ul > li:not(li:last-child) svg > path {
  fill: var(--fallout-yellow);
}
.mobile-dropdown-menu > ul li[aria-label="game rules accordion"] .nexus-nav-menu-btn {
  border-bottom: none !important;
}

/* SOURCE DROPDOWN NAVMENU */
#nexus-general-sources-menu {
  background: url("https://images.demiplane.com/nexus/falloutrpg/nav-menu-library-bg.png?format=webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 270px;
}

#nexus-general-sources-menu,
#general-rule-menu-popper {
  /*source Cards*/
  /*Unentitled Lock Icon*/
  /*Unentitled Grit Overlay*/
}
#nexus-general-sources-menu .nexus-general-menu-wrapper,
#nexus-general-sources-menu .nexus-general-rule-menu-wrapper,
#general-rule-menu-popper .nexus-general-menu-wrapper,
#general-rule-menu-popper .nexus-general-rule-menu-wrapper {
  padding: 0px 30px;
  margin: 0px 10px 10px 10px;
  box-sizing: border-box;
  border-image: url("https://images.demiplane.com/nexus/falloutrpg/navmenu-dashed-border.png?format=webp") !important;
  border-image-slice: 15 15 15 15 !important;
  border-image-width: 5px 5px 5px 5px !important;
  border-image-outset: 0px 0px 0px 0px !important;
  border-image-repeat: stretch stretch !important;
}
#nexus-general-sources-menu .nexus-general-menu-title-container,
#nexus-general-sources-menu .nexus-general-rule-menu-title-container,
#nexus-general-sources-menu .nexus-general-menu-game-rules-title-container,
#general-rule-menu-popper .nexus-general-menu-title-container,
#general-rule-menu-popper .nexus-general-rule-menu-title-container,
#general-rule-menu-popper .nexus-general-menu-game-rules-title-container {
  margin-top: 10px;
  align-items: flex-end;
}
#nexus-general-sources-menu .nexus-general-menu-title-container h2,
#nexus-general-sources-menu .nexus-general-rule-menu-title-container h2,
#nexus-general-sources-menu .nexus-general-menu-game-rules-title-container h2,
#general-rule-menu-popper .nexus-general-menu-title-container h2,
#general-rule-menu-popper .nexus-general-rule-menu-title-container h2,
#general-rule-menu-popper .nexus-general-menu-game-rules-title-container h2 {
  font-family: "Futura-MediumCond";
  letter-spacing: 1.4px;
  line-height: 24px;
  margin: 0px;
}
#nexus-general-sources-menu .nexus-general-menu-title-container a > h6,
#nexus-general-sources-menu .nexus-general-rule-menu-title-container a > h6,
#nexus-general-sources-menu .nexus-general-menu-game-rules-title-container a > h6,
#general-rule-menu-popper .nexus-general-menu-title-container a > h6,
#general-rule-menu-popper .nexus-general-rule-menu-title-container a > h6,
#general-rule-menu-popper .nexus-general-menu-game-rules-title-container a > h6 {
  font-family: "Futura-MediumCond";
  letter-spacing: 2px;
  color: var(--fallout-gold);
  font-size: 12px;
  line-height: 12px;
}
#nexus-general-sources-menu .nexus-general-menu-title-container a > h6:hover,
#nexus-general-sources-menu .nexus-general-rule-menu-title-container a > h6:hover,
#nexus-general-sources-menu .nexus-general-menu-game-rules-title-container a > h6:hover,
#general-rule-menu-popper .nexus-general-menu-title-container a > h6:hover,
#general-rule-menu-popper .nexus-general-rule-menu-title-container a > h6:hover,
#general-rule-menu-popper .nexus-general-menu-game-rules-title-container a > h6:hover {
  color: #fff;
}
#nexus-general-sources-menu .nexus-general-menu-sources-inner,
#general-rule-menu-popper .nexus-general-menu-sources-inner {
  margin-top: 10px;
}
#nexus-general-sources-menu .nexus-general-menu-sources-inner > div,
#general-rule-menu-popper .nexus-general-menu-sources-inner > div {
  margin: 0px 10px;
  height: 192px;
}
#nexus-general-sources-menu .source-menu-source-container,
#general-rule-menu-popper .source-menu-source-container {
  width: 120px;
  height: 192px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
  transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) outline 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
#nexus-general-sources-menu .source-menu-source-container .source-menu-source-image-container,
#nexus-general-sources-menu .source-menu-source-container span,
#general-rule-menu-popper .source-menu-source-container .source-menu-source-image-container,
#general-rule-menu-popper .source-menu-source-container span {
  max-height: 156px;
  overflow: hidden;
}
#nexus-general-sources-menu .source-menu-source-container img,
#general-rule-menu-popper .source-menu-source-container img {
  border-radius: 0px;
  filter: brightness(1);
  transform: scale(1);
  transition-duration: 500ms;
  transition-property: transform filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#nexus-general-sources-menu .source-menu-source-container p,
#general-rule-menu-popper .source-menu-source-container p {
  margin-top: 0px;
  box-sizing: border-box;
  display: flex;
  height: 36px;
  font-family: "Futura-MediumCond";
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 17px;
  letter-spacing: 2px;
  padding: 4px;
  transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
#nexus-general-sources-menu .source-menu-source-container:hover,
#general-rule-menu-popper .source-menu-source-container:hover {
  outline: 3px solid #fff !important;
  background-color: #fff;
}
#nexus-general-sources-menu .source-menu-source-container:hover img,
#general-rule-menu-popper .source-menu-source-container:hover img {
  filter: brightness(1.25);
  transform: scale(1.075);
}
#nexus-general-sources-menu .source-menu-source-container:hover p,
#general-rule-menu-popper .source-menu-source-container:hover p {
  background-color: #fff;
  color: #000;
}
#nexus-general-sources-menu div:has(> svg),
#general-rule-menu-popper div:has(> svg) {
  width: 18px;
  height: 24px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0px;
  bottom: 0px;
  background: url("https://content.demiplane.com/nexus/falloutrpg/lock.svg");
  background-repeat: no-repeat;
}
#nexus-general-sources-menu div:has(> svg) svg path,
#general-rule-menu-popper div:has(> svg) svg path {
  fill: transparent;
}
#nexus-general-sources-menu .source-menu-source-container:has(svg) .source-menu-source-image-container:after,
#general-rule-menu-popper .source-menu-source-container:has(svg) .source-menu-source-image-container:after {
  content: "";
  position: absolute;
  width: 120px;
  height: 156px;
  top: 0px;
  background: url("https://images.demiplane.com/nexus/falloutrpg/unentitled-source-overlay.png?format=webp");
  background-size: contain;
  opacity: 0.8;
}

/* blank component for button */
button {
  font-family: "FuturaHeavy";
}

.listing-filter-button {
  background-color: #FFF;
  border-width: 3px !important;
  justify-content: center;
  flex-direction: row-reverse;
  border-radius: 0px;
  gap: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color cubic-bezier(0.4, 0, 0.2, 1);
}
.listing-filter-button svg path {
  stroke: #C11313 !important;
}
.listing-filter-button .listing-filter-btn-label {
  color: #000;
  font-family: "FuturaHeavy" !important;
}

.listing-filter-button:has(> svg) {
  flex-direction: row;
  justify-content: space-evenly;
  gap: 0px;
}
.listing-filter-button:has(> svg) svg path {
  stroke: transparent !important;
  fill: #000;
}

.listing-filter-button:hover {
  border: 3px solid var(--fallout-gold);
  background: #fffde5;
}

.listings-reset-btn {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0px;
  border: 3px solid var(--fallout-gold);
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.listings-reset-btn .listings-reset-btn-label {
  color: var(--fallout-gold);
  font-family: "FuturaHeavy" !important;
}

.listings-reset-btn:hover {
  background-color: var(--fallout-gold);
}
.listings-reset-btn:hover .listings-reset-btn-label {
  color: #000;
}

.element-display-footer-details-btn {
  margin-left: 10px;
  border-radius: 0px;
  background-color: #FFF;
  color: #000;
  border: 3px solid #000;
  font-family: "FuturaHeavy";
  font-size: 15px;
}

.element-display-footer-details-btn:hover {
  background-color: #000;
  color: #FFF;
}

/*Pagination*/
/* Pagination */
.listing-pagination-seperator,
.listing-pagination-total,
div:has(> .search-results-pagination-current) + div,
.search-results-pagination-pages {
  color: var(--pagination-color);
  font-family: var(--pagination-font);
  font-size: 14px;
  letter-spacing: 1px;
}

.listing-pagination-current,
.listing-pagination-current,
.search-results-pagination-current {
  width: 24px;
  height: 24px;
  border-radius: 20px;
  background-color: var(--pagination-color);
  color: var(--pagination-current-color);
  font-family: var(--pagination-font);
  font-size: 14px;
  letter-spacing: 1px;
}

.listing-pagination-left-arrow svg,
.search-results-pagination-back svg,
.listing-pagination-right-arrow svg,
.search-results-pagination-forward svg {
  fill: var(--pagination-color);
}

/*back button*/
.primer-header-container > div > div:first-child button,
.sources-slug-header-content-container .sources-slug-back-to-sources-button button,
div:has(> button.details-back-button) button {
  background-color: var(--primer-back-button-bg);
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/white-halftone-3.png");
  background-size: 200px 90px;
  background-position: bottom right 40px;
  background-repeat: no-repeat;
  border-radius: 0px;
  border: none;
  color: var(--primer-back-button-color);
  font-family: var(--primer-back-button);
  font-size: 25px;
  padding: 0px 20px 0px 10px;
  clip-path: polygon(0 10%, 100% 0, 94% 91%, 5% 100%);
  width: max-content;
}
.primer-header-container > div > div:first-child button div:has(> svg),
.sources-slug-header-content-container .sources-slug-back-to-sources-button button div:has(> svg),
div:has(> button.details-back-button) button div:has(> svg) {
  margin-right: 0px;
}
.primer-header-container > div > div:first-child button div:has(> svg) svg,
.sources-slug-header-content-container .sources-slug-back-to-sources-button button div:has(> svg) svg,
div:has(> button.details-back-button) button div:has(> svg) svg {
  fill: transparent;
  background-image: url("https://content.demiplane.com/nexus/falloutrpg/backbutton-arrow.svg");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center center;
}
.primer-header-container > div > div:first-child button:hover,
.sources-slug-header-content-container .sources-slug-back-to-sources-button button:hover,
div:has(> button.details-back-button) button:hover {
  background-image: none;
  background-color: #fff;
}

/* View Source Button Styling */
button.source-card-details-unlocked-btn,
button.source-card-details-locked-btn,
button.sources-slug-view-source-button {
  border-radius: 0px;
  background-color: #FFF;
  border: 3px solid #000;
  font-family: "FuturaHeavy";
  letter-spacing: 1px;
  color: #000;
}

button.source-card-details-unlocked-btn:hover,
button.source-card-details-locked-btn:hover,
button.sources-slug-view-source-button:hover {
  background-color: #000 !important;
  background: unset;
  color: #FFF;
}

/* Gift Button */
button.source-card-gift-button,
button.sources-slug-gift-button {
  border-radius: 0px;
  border: 3px solid rgb(226, 72, 146);
  background-color: #E0E0E0 !important;
  background-image: url("https://content.demiplane.com/nexus/falloutrpg/gift-button.svg");
  background-position: center;
  background-repeat: no-repeat;
}
button.source-card-gift-button > svg > path,
button.sources-slug-gift-button > svg > path {
  fill: transparent;
}

button.source-card-gift-button:hover,
button.sources-slug-gift-button:hover {
  background-image: url("https://content.demiplane.com/nexus/falloutrpg/gift-button-h.svg");
  background-color: rgb(226, 72, 146) !important;
}

/* Buy Button */
.source-car-add-to-cart-btn {
  border-radius: 0px;
}
.source-car-add-to-cart-btn svg {
  margin-left: -10px;
}
.source-car-add-to-cart-btn span {
  color: #fff;
  left: 36px;
}

.source-car-add-to-cart-btn:hover {
  filter: brightness(1.4);
}

/* TEXT INPUTS */
/*Search Bar*/
/*Navbar Search Lacks a class at the top of the container*/
[data-cy=demiplane-nexus-top-nav] div.MuiPaper-root:has(#global-search-wrapper-container) > div,
.listing-search-bar > div,
.sources-search-bar > div,
.library-search-bar > div,
.falloutrpg-search-bar > div,
.listing-filter-box:has([type=number]) > div {
  background-color: var(--search-bar-bg);
  border: 1px solid var(--search-bar-border);
  border-radius: 0px;
}
[data-cy=demiplane-nexus-top-nav] div.MuiPaper-root:has(#global-search-wrapper-container) #global-search-icon-container,
.listing-search-bar #global-search-icon-container,
.sources-search-bar #global-search-icon-container,
.library-search-bar #global-search-icon-container,
.falloutrpg-search-bar #global-search-icon-container,
.listing-filter-box:has([type=number]) #global-search-icon-container {
  margin: 0px;
  padding: 0px 6px;
}
[data-cy=demiplane-nexus-top-nav] div.MuiPaper-root:has(#global-search-wrapper-container) svg path,
.listing-search-bar svg path,
.sources-search-bar svg path,
.library-search-bar svg path,
.falloutrpg-search-bar svg path,
.listing-filter-box:has([type=number]) svg path {
  fill: var(--search-bar-svg);
}
[data-cy=demiplane-nexus-top-nav] div.MuiPaper-root:has(#global-search-wrapper-container) #global-search-input-container,
.listing-search-bar #global-search-input-container,
.sources-search-bar #global-search-input-container,
.library-search-bar #global-search-input-container,
.falloutrpg-search-bar #global-search-input-container,
.listing-filter-box:has([type=number]) #global-search-input-container {
  margin-left: 0px;
}
[data-cy=demiplane-nexus-top-nav] div.MuiPaper-root:has(#global-search-wrapper-container) input,
.listing-search-bar input,
.sources-search-bar input,
.library-search-bar input,
.falloutrpg-search-bar input,
.listing-filter-box:has([type=number]) input {
  color: var(--search-bar-color);
  font-family: var(--search-bar-font);
}
[data-cy=demiplane-nexus-top-nav] div.MuiPaper-root:has(#global-search-wrapper-container) #global-search-nexus-container [aria-haspopup=listbox],
.listing-search-bar #global-search-nexus-container [aria-haspopup=listbox],
.sources-search-bar #global-search-nexus-container [aria-haspopup=listbox],
.library-search-bar #global-search-nexus-container [aria-haspopup=listbox],
.falloutrpg-search-bar #global-search-nexus-container [aria-haspopup=listbox],
.listing-filter-box:has([type=number]) #global-search-nexus-container [aria-haspopup=listbox] {
  color: var(--fallout-gold);
  font-family: var(--search-bar-font);
}

.listing-filter-container > div .listings-filter-label {
  color: var(--dropdown-label-color);
  font-family: var(--dropdown-label-font);
  text-transform: uppercase;
}
.listing-filter-container > div .listing-filter-box {
  border-radius: 0px;
  background-color: var(--dropdown-bg);
  border: 1px solid var(--dropdown-border);
}
.listing-filter-container > div .listing-filter-box input,
.listing-filter-container > div .listing-filter-box [role=button] {
  font-family: var(--dropdown-font);
  color: var(--dropdown-font-color);
  text-transform: capitalize;
  border: none;
}
.listing-filter-container > div .listing-filter-box svg {
  fill: var(--dropdown-arrow);
}
.listing-filter-container > div .listing-filter-box fieldset {
  border-color: transparent;
}
.listing-filter-container > div .listing-filter-box.Mui-focused fieldset {
  border-color: var(--fallout-gold);
}

div:has(> [role=listbox]) {
  border-radius: 0px;
  border: 1px solid var(--listbox-border);
  border-top: none;
}
div:has(> [role=listbox]) [role=listbox] {
  background-color: var(--listbox-bg);
}
div:has(> [role=listbox]) li {
  color: var(--listbox-font-color);
  font-family: var(--dropdown-font);
  text-transform: capitalize;
  letter-spacing: 0.5px;
}
div:has(> [role=listbox]) li:hover {
  color: var(--listbox-font-hover);
  background-color: var(--listbox-bg-hover);
}

.main-holder:has(> .tooltip-sidebar-unlock-container) {
  background-color: transparent;
}
.main-holder:has(> .tooltip-sidebar-unlock-container) .tooltip-sidebar-unlock-container {
  background-color: transparent;
  background-image: url(https://images.demiplane.com/nexus/falloutrpg/listing-details-bg.png?format=webp);
  background-size: 90%;
  padding: 30px;
  margin-bottom: 30px;
  box-shadow: none;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.32), -5px -1px 5px rgba(0, 0, 0, 0.09);
  /* Book Cover */
  /* Content */
}
.main-holder:has(> .tooltip-sidebar-unlock-container) .tooltip-sidebar-unlock-container > div:first-child {
  border: none;
}
.main-holder:has(> .tooltip-sidebar-unlock-container) .tooltip-sidebar-unlock-container > div:last-child {
  /* Unlock Button */
  /* Description */
}
.main-holder:has(> .tooltip-sidebar-unlock-container) .tooltip-sidebar-unlock-container > div:last-child div:has(> svg) {
  display: flex;
}
.main-holder:has(> .tooltip-sidebar-unlock-container) .tooltip-sidebar-unlock-container > div:last-child svg > path {
  fill: var(--upsell-header-color);
}
.main-holder:has(> .tooltip-sidebar-unlock-container) .tooltip-sidebar-unlock-container > div:last-child .tooltip-sidebar-unlock-title {
  font-family: var(--upsell-header);
  font-size: var(--font-size-3);
  color: var(--upsell-header-color);
}
.main-holder:has(> .tooltip-sidebar-unlock-container) .tooltip-sidebar-unlock-container > div:last-child .tooltip-sidebar-unlock-unlock-btn {
  background-color: var(--upsell-unlock-button-bg);
  color: var(--upsell-unlock-button-color);
  border-radius: 0px;
  border: 3px solid #000;
  font-family: var(--upsell-unlock-button);
  text-transform: uppercase;
  width: max-content;
}
.main-holder:has(> .tooltip-sidebar-unlock-container) .tooltip-sidebar-unlock-container > div:last-child .tooltip-sidebar-unlock-unlock-btn:hover {
  background-color: var(--upsell-unlock-button-bg-hover);
  border-color: var(--upsell-unlock-button-bg-hover);
}
.main-holder:has(> .tooltip-sidebar-unlock-container) .tooltip-sidebar-unlock-container > div:last-child .tooltip-sidebar-unlock-desc {
  font-family: var(--upsell-description);
  color: var(--upsell-description-color);
  font-size: var(--font-size-1);
}

@media (max-width: 600px) {
  .tooltip-sidebar-unlock-container > div {
    align-items: center;
  }
  .tooltip-sidebar-unlock-container > div > div:has(h1) {
    justify-content: center;
  }
  .tooltip-sidebar-unlock-container h1 {
    max-width: max-content;
  }
}
.body-background .cta-text {
  color: var(--cta-text-color);
  font-family: var(--cta-text);
  text-wrap: balance;
  margin-bottom: -20px;
}
.body-background [data-cy=nexus-cta-button-container] [data-cy=nexus-cta-create-account-btn] button, .body-background [data-cy=nexus-cta-button-container] [data-cy=nexus-cta-sign-in-btn] button {
  font-family: var(--cta-button-font);
  border-radius: 0px;
}
.body-background [data-cy=nexus-cta-button-container] [data-cy=nexus-cta-sign-in-btn] button {
  background: rgba(0, 0, 0, 0.2) !important;
}

/*Breadcrumbs Element */
.demiplane-breadcrumbs-container {
  background-color: var(--breadcrumbs-bg);
  border-radius: 0px;
}
.demiplane-breadcrumbs-container ol.MuiBreadcrumbs-ol {
  /* link text */
  /* separator */
  /* Breadcrumb Location Text */
}
.demiplane-breadcrumbs-container ol.MuiBreadcrumbs-ol li.MuiBreadcrumbs-li > a {
  font-family: var(--breadcrumbs-font);
  color: var(--breadcrumbs-font-color);
  letter-spacing: 1px;
  text-transform: uppercase;
}
.demiplane-breadcrumbs-container ol.MuiBreadcrumbs-ol li.MuiBreadcrumbs-separator {
  font-family: var(--breadcrumbs-separator-font);
  color: var(--breadcrumbs--separator-color);
}
.demiplane-breadcrumbs-container ol.MuiBreadcrumbs-ol li.MuiBreadcrumbs-li:last-child > span {
  font-family: var(--breadcrumbs-location-font);
  color: var(--breadcrumbs-location-color);
  text-transform: uppercase;
}
.demiplane-breadcrumbs-container li.MuiBreadcrumbs-li:hover a {
  color: var(--breadcrumbs-link-hover) !important;
}

/* FOOTER */
.footer-desktop-outer-container > div:last-child {
  background-color: var(--fallout-gold);
}
.footer-desktop-outer-container > div:last-child p, .footer-desktop-outer-container > div:last-child a {
  color: #0E3579;
}
.footer-desktop-outer-container > div:last-child > div > div:last-child > div {
  color: #0E3579;
}

.footer-mobile-container > div:last-child {
  background-color: var(--fallout-gold);
}
.footer-mobile-container > div:last-child p, .footer-mobile-container > div:last-child a {
  color: #0E3579;
}
.footer-mobile-container > div:last-child > div:last-child > div {
  color: #0E3579;
  margin-top: 10px;
}

.toc-long-description p, .toc-long-description ul li, .promo-container p, .promo-container ul li {
  font-family: "FuturaBook";
  font-size: var(--font-size-1);
  line-height: 1.5;
  color: var(--fallout-offblack);
  margin-block-end: 15px;
  text-align: left;
  font-weight: normal;
}
.toc-long-description p strong, .toc-long-description ul li strong, .promo-container p strong, .promo-container ul li strong {
  font-family: "Futura-BoldCond";
}
.toc-long-description p em, .promo-container p em {
  font-family: "JoannaNova";
}
.toc-long-description p em strong, .promo-container p em strong {
  font-family: "JoannaNova";
}
.toc-long-description p.purchase-info, .promo-container p.purchase-info {
  border-top: 2px solid var(--fallout-orange);
  font-style: italic;
  font-family: "Futura-CondBook";
  padding-top: 10px;
  font-size: var(--font-size-2);
  margin-top: 30px;
}
.toc-long-description .image-with-subtitle-center, .promo-container .image-with-subtitle-center {
  max-width: 80%;
}
.toc-long-description .image-with-subtitle-center p, .promo-container .image-with-subtitle-center p {
  font-family: "Futura-BoldCond";
  text-align: center;
}
.toc-long-description h4, .promo-container h4 {
  border-top: 2px black solid;
  border-bottom: 2px black solid;
  text-transform: uppercase;
  padding: 10px;
  font-family: "Futura-CondBook";
  font-size: var(--font-size-5);
  color: var(--fallout-offblack);
  margin: 40px auto;
  letter-spacing: 1.5px;
  min-width: 55%;
  width: fit-content;
  line-height: 1;
}
.toc-long-description ul, .promo-container ul {
  margin-block-start: 10px;
  margin-block-end: 10px;
}

.element-details-body-background {
  /* Header */
  /* Page Content Title */
}
.element-details-body-background .simplebar-content > div > div:first-child > div:first-child {
  background-color: #000;
  background-image: url("https://images.demiplane.com/nexus/falloutrpg/source-library-header.jpg");
  background-size: cover !important;
  background-position: center center !important;
  padding-left: 20px;
  /*back button*/
  /* Header Text */
}
.element-details-body-background .simplebar-content > div > div:first-child > div:first-child div:has(> button) {
  width: max-content;
  left: 0px;
}
.element-details-body-background .simplebar-content > div > div:first-child > div:first-child div:has(> button) button {
  background-color: var(--primer-back-button-bg);
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/white-halftone-3.png");
  background-size: 200px 90px;
  background-position: bottom right 40px;
  background-repeat: no-repeat;
  border-radius: 0px;
  border: none;
  color: var(--primer-back-button-color);
  font-family: var(--primer-back-button);
  font-size: 25px;
  padding: 0px 20px 0px 10px;
  clip-path: polygon(0 10%, 100% 0, 94% 91%, 5% 100%);
}
.element-details-body-background .simplebar-content > div > div:first-child > div:first-child div:has(> button) button div:has(> svg) {
  margin-right: 0px;
}
.element-details-body-background .simplebar-content > div > div:first-child > div:first-child div:has(> button) button div:has(> svg) svg {
  fill: transparent;
  background-image: url("https://content.demiplane.com/nexus/falloutrpg/backbutton-arrow.svg");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center center;
}
.element-details-body-background .simplebar-content > div > div:first-child > div:first-child div:has(> button) button:hover {
  background-image: none;
  background-color: #fff;
}
.element-details-body-background .simplebar-content > div > div:first-child > div:first-child .element-header-title > h1 {
  max-width: 80%;
  font-family: var(--page-header);
  color: var(--page-header-color);
  font-weight: 400;
  font-size: var(--font-size-8) !important;
  letter-spacing: 3px;
  line-height: normal !important;
}
.element-details-body-background .simplebar-content > div > div:first-child > div:first-child .element-header-source-name > h2 {
  font-size: var(--font-size-5) !important;
  font-family: var(--page-header-subtitle);
  color: var(--page-header-subtitle-color);
  line-height: auto !important;
  text-transform: uppercase;
  margin-top: 20px;
}
.element-details-body-background .element-display-header > .element-display-header-top-row {
  gap: 5px;
}
.element-details-body-background .element-display-header > .element-display-header-top-row .elem-disp-header-thumb-container-page {
  box-sizing: border-box;
  background-color: #C3B9B6;
  display: flex;
  border-radius: 30px;
  width: 60px !important;
  height: 60px;
  margin: 0px;
  justify-content: center;
  align-items: center;
}
.element-details-body-background .element-display-header > .element-display-header-top-row .elem-disp-header-thumb-container-page span {
  width: 40px !important;
  height: 40px !important;
}
.element-details-body-background .element-display-header > .element-display-header-top-row .elem-disp-header-name-page h1 {
  font-family: var(--listing-row-name-font);
  font-weight: 400;
  color: var(--listing-row-name-color);
  line-height: 1em;
}

@media (max-width: 1024px) {
  .element-details-body-background .simplebar-content > div > div:first-child > div:first-child {
    background-image: none;
    background-color: transparent;
  }
}
/* PRIMER LIBRARIES */
/* Library Header Defaults */
.library-title {
  font-family: var(--page-header);
  font-weight: 400;
  line-height: normal !important;
  color: var(--page-header-color);
}

.library-description {
  font-family: "JoannaNova"; /**THIS SHOULD BE A VARIABLE*/
  color: rgb(255, 255, 255);
}

.corporation-library-header-background {
  min-height: 500px;
}

.library-description.library-corporation-description {
  font-size: var(--font-size-1);
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6), -5px -5px 5px rgba(0, 0, 0, 0.6);
}

/* Origin Library */
.origin-library-body-background {
  background-color: var(--base-background) !important;
  background-image: url("https://images.demiplane.com/nexus/falloutrpg/main-background.jpg?format=webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-attachment: fixed;
}

.primer-body-container > div > div > div > div > h2 {
  font-family: "HouseSlant";
  font-weight: normal;
  font-size: var(--font-size-5);
  color: white;
  background: var(--fallout-dark-yellow);
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/white-halftone-3.png");
  background-size: 50%;
  background-position: -50%;
  background-repeat: no-repeat;
  padding: 10px 10px 10px 15px;
  margin: 40px -15px 20px;
  line-height: 1;
  clip-path: polygon(0% 0%, 90% 0%, calc(90% - 50px) 100%, 0% 100%);
}
.primer-body-container > div > div > div > div > h3 {
  border-top: 2px black solid;
  border-bottom: 2px black solid;
  text-transform: uppercase;
  padding: 10px;
  font-family: "Futura-CondBook";
  font-size: var(--font-size-5);
  color: var(--fallout-offblack);
  margin: 50px 0px 20px;
  letter-spacing: 1.5px;
  min-width: 55%;
  width: fit-content;
  line-height: 1;
}
.primer-body-container > div > div > div > div > h4 {
  font-family: "FuturaHeavy";
  letter-spacing: 1px;
  color: var(--fallout-offblack);
  font-size: calc(var(--font-size-1) * 1.1);
  margin: 50px 0px -10px;
  text-transform: uppercase;
}

/* Origins Header */
.origin-library-header-background {
  background-color: #000 !important;
  background-image: url("https://images.demiplane.com/nexus/falloutrpg/origins-bg.jpg?format=webp") !important;
  background-size: cover !important;
  background-position: center center !important;
}

.default-library-card-content-origin {
  background-color: transparent;
  border-radius: 0px;
  height: 465px !important;
  width: 535px !important;
  justify-content: flex-end;
  padding-top: 40px;
  max-width: unset;
  max-height: unset;
  position: relative;
  flex: unset;
  /* Image Container */
  /* Card Content Container */
}
.default-library-card-content-origin .default-library-card-image-container-origin {
  display: flex !important;
  justify-content: center;
  z-index: 2;
  overflow: visible;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  padding: 10px !important;
  border-radius: 0px;
  height: 425px;
  width: 230px !important;
  min-width: unset;
  max-width: unset;
  position: absolute;
  top: 0px;
  left: 0px;
}
.default-library-card-content-origin .default-library-card-image-container-origin span {
  display: flex !important;
  position: static !important;
  border-radius: 0px;
  overflow: visible !important;
  width: 100% !important;
  height: 100% !important;
  background-image: none;
  background-size: 80% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.default-library-card-content-origin .default-library-card-image-container-origin span img {
  margin-top: 40px !important;
  object-fit: contain !important;
}
.default-library-card-content-origin .default-library-card-image-container-origin:nth-child(even) > span {
  background-image: url(https://images.demiplane.com/nexus/falloutrpg/origin-bg1.png?format=webp) !important;
}
.default-library-card-content-origin .default-library-card-text-container-origin {
  width: 360px;
  height: 390px;
  margin-left: -20px;
  padding: 30px 20px 30px 60px;
  border-radius: 0px;
  background-color: var(--origin-card-bg);
  background-image: linear-gradient(0deg, rgba(150, 150, 150, 0.2), rgba(150, 150, 150, 0.2)), url("https://images.demiplane.com/nexus/falloutrpg/origin-card-bg-.png?format=webp");
  background-size: auto;
  background-repeat: repeat !important;
  box-shadow: -7px 5px 0px #C3C3C3;
  position: relative;
  transition: background-image 250ms cubic-bezier(0.4, 0, 0.2, 1);
  /* View/Unlock Button */
}
.default-library-card-content-origin .default-library-card-text-container-origin .default-library-card-name-origin {
  font-family: "Futura-MediumCond";
  font-size: var(--font-size-4);
  padding: 8px 0px;
  font-weight: 400;
  letter-spacing: 0.5px;
  color: #000;
  border: 2px solid #000;
  border-left: none;
  border-right: none;
  text-transform: uppercase;
}
.default-library-card-content-origin .default-library-card-text-container-origin .default-library-card-description-container-origin {
  padding-top: 10px;
  height: 100%;
}
.default-library-card-content-origin .default-library-card-text-container-origin .default-library-card-description-origin {
  font-family: "JoannaNova";
  font-size: var(--font-size-1);
  line-height: normal;
  color: #000;
}
.default-library-card-content-origin .default-library-card-text-container-origin .default-library-card-button-container-origin {
  display: flex;
  justify-content: center;
  margin-bottom: -40px;
}
.default-library-card-content-origin .default-library-card-text-container-origin .default-library-card-button-container-origin > a {
  display: flex;
  justify-content: center;
  filter: drop-shadow(2px 4px 0px #C3C3C3) !important;
}
.default-library-card-content-origin .default-library-card-text-container-origin .default-library-card-button-container-origin > a button {
  display: flex;
  width: max-content !important;
  height: max-content !important;
  min-width: unset;
  clip-path: polygon(3% 10%, 100% 3%, 87% 92%, 10% 98%);
  background-color: black;
  background-image: url(https://images.demiplane.com/nexus/falloutrpg/fallout-button-halftone-2-low-opacity.png?format=webp);
  background-size: 150%;
  padding: 16px 30px !important;
}
.default-library-card-content-origin .default-library-card-text-container-origin .default-library-card-button-container-origin > a button p {
  font-family: var(--page-header);
  font-size: 26px;
  font-weight: 400;
}

/* Origin Image Yellow Swatch Backdrop */
.default-library-card-content-origin:nth-child(odd) .default-library-card-image-container-origin > span {
  background-image: url(https://images.demiplane.com/nexus/falloutrpg/origin-bg1.png?format=webp) !important;
}

.default-library-card-content-origin:nth-child(even) .default-library-card-image-container-origin > span {
  background-image: url(https://images.demiplane.com/nexus/falloutrpg/origin-bg2.png?format=webp) !important;
}

/* Card Hover */
.default-library-card-content-origin:hover .default-library-card-text-container-origin {
  background-image: linear-gradient(0deg, #FAF1D7, #FAF1D7), url("https://images.demiplane.com/nexus/falloutrpg/origin-card-bg-.png?format=webp");
  box-shadow: -7px 5px 0px #f9db86;
}
.default-library-card-content-origin:hover .default-library-card-button-container-origin a {
  filter: drop-shadow(-7px 5px 0px #BFA12C) !important;
}
.default-library-card-content-origin:hover .default-library-card-button-container-origin a button {
  background-color: var(--fallout-gold);
}
.default-library-card-content-origin:hover .default-library-card-button-container-origin a button p {
  color: #000 !important;
}

.default-library-card-content-origin:nth-child(odd):hover .default-library-card-image-container-origin {
  background-image: url(https://images.demiplane.com/nexus/falloutrpg/origin-bg-stroke1.png?format=webp) !important;
}

.default-library-card-content-origin:nth-child(even):hover .default-library-card-image-container-origin {
  background-image: url(https://images.demiplane.com/nexus/falloutrpg/origin-bg-stroke2.png?format=webp) !important;
}

@media (max-width: 600px) {
  .default-library-card-content-origin {
    justify-content: center;
    align-items: flex-end;
  }
  .default-library-card-image-container-origin {
    left: 60px !important;
    margin-left: 0px;
    max-width: 100px;
    max-height: 300px;
  }
  .default-library-card-text-container-origin {
    margin-left: 0px !important;
    padding: 20px !important;
    max-width: 90%;
    max-height: 250px;
    margin-left: auto !important;
    margin-right: auto !important;
    z-index: 2;
  }
}
/* Regions Library */
.region-library-header-background {
  background-color: black;
  background-image: url(https://images.demiplane.com/nexus/falloutrpg/regions-header.jpg?format=webp) !important;
  background-position: center !important;
  background-size: cover !important;
}

.default-library-card-text-container-region {
  /* View/Unlock Button */
}
.default-library-card-text-container-region .default-library-card-button-container-region {
  display: flex;
  justify-content: center;
  margin-bottom: -5px;
}
.default-library-card-text-container-region .default-library-card-button-container-region > a {
  display: flex;
  justify-content: center;
  filter: drop-shadow(2px 4px 0px #C3C3C3) !important;
}
.default-library-card-text-container-region .default-library-card-button-container-region > a button {
  display: flex;
  width: max-content !important;
  height: max-content !important;
  min-width: unset;
  clip-path: polygon(3% 10%, 100% 3%, 87% 92%, 10% 98%);
  background-color: black;
  background-image: url(https://images.demiplane.com/nexus/falloutrpg/fallout-button-halftone-2-low-opacity.png?format=webp);
  background-size: 150%;
  padding: 16px 30px !important;
}
.default-library-card-text-container-region .default-library-card-button-container-region > a button p {
  font-family: var(--page-header);
  font-size: 26px;
  font-weight: 400;
}

/* Corporations Library */
.corporation-library-header-background {
  background-color: black;
  background-image: url(https://images.demiplane.com/nexus/falloutrpg/corporations-header.jpg?format=webp) !important;
  background-position: center !important;
  background-size: cover !important;
}

.default-library-card-text-container-corporation {
  /* View/Unlock Button */
}
.default-library-card-text-container-corporation .default-library-card-button-container-corporation {
  display: flex;
  justify-content: center;
  margin-bottom: -5px;
}
.default-library-card-text-container-corporation .default-library-card-button-container-corporation > a {
  display: flex;
  justify-content: center;
  filter: drop-shadow(2px 4px 0px #C3C3C3) !important;
}
.default-library-card-text-container-corporation .default-library-card-button-container-corporation > a button {
  display: flex;
  width: max-content !important;
  height: max-content !important;
  min-width: unset;
  clip-path: polygon(3% 10%, 100% 3%, 87% 92%, 10% 98%);
  background-color: black;
  background-image: url(https://images.demiplane.com/nexus/falloutrpg/fallout-button-halftone-2-low-opacity.png?format=webp);
  background-size: 150%;
  padding: 16px 30px !important;
}
.default-library-card-text-container-corporation .default-library-card-button-container-corporation > a button p {
  font-family: var(--page-header);
  font-size: 26px;
  font-weight: 400;
}

/**LIBRARY SEARCH BAR**/
.library-search-bar-container {
  border-radius: 0px;
  background-color: var(--search-bar-bg);
  border: 1px solid var(--search-bar-border);
}

.library-search-bar > div {
  background-color: var(--search-bar-bg);
  border: 0px;
  border-radius: 0px;
  margin: 0;
  padding-left: 10px;
}
.library-search-bar svg path {
  fill: var(--search-bar-svg);
}
.library-search-bar input {
  color: var(--search-bar-color);
  font-family: var(--search-bar-font);
}

.default-library-card-content-region,
.default-library-card-content-corporation {
  min-width: 350px;
  max-width: 350px;
  min-height: 500px;
  max-height: 500px;
  flex: unset;
  border-radius: 14px;
  border: 7px solid #D6D6D6;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /*pushes content of cards to top*/
  background-image: url(https://images.demiplane.com/nexus/falloutrpg/FO4-speckle-bg.jpg?format=webp);
}
.default-library-card-content-region .default-library-card-image-container-corporation,
.default-library-card-content-corporation .default-library-card-image-container-corporation {
  background-image: url("https://content.demiplane.com/elements/falloutrpg/corporations/default-corporation-header.jpg");
  background-size: cover;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  min-width: unset;
  max-width: unset;
  height: 230px;
  max-height: 230px;
}
.default-library-card-content-region .default-library-card-image-container-corporation img,
.default-library-card-content-corporation .default-library-card-image-container-corporation img {
  object-fit: contain !important;
  padding: 20px !important;
}
.default-library-card-content-region .default-library-card-text-container-region,
.default-library-card-content-region .default-library-card-text-container-corporation,
.default-library-card-content-corporation .default-library-card-text-container-region,
.default-library-card-content-corporation .default-library-card-text-container-corporation {
  justify-content: space-between;
}
.default-library-card-content-region .default-library-card-text-container-region .default-library-card-name-region,
.default-library-card-content-region .default-library-card-text-container-region .default-library-card-name-corporation,
.default-library-card-content-region .default-library-card-text-container-corporation .default-library-card-name-region,
.default-library-card-content-region .default-library-card-text-container-corporation .default-library-card-name-corporation,
.default-library-card-content-corporation .default-library-card-text-container-region .default-library-card-name-region,
.default-library-card-content-corporation .default-library-card-text-container-region .default-library-card-name-corporation,
.default-library-card-content-corporation .default-library-card-text-container-corporation .default-library-card-name-region,
.default-library-card-content-corporation .default-library-card-text-container-corporation .default-library-card-name-corporation {
  color: black;
  font-family: "Futura-MediumCond"; /*Also, MAKE THIS INTO A VARIABLE?*/
  font-size: 30px;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
  border-color: black;
  border-style: solid;
  border-bottom-width: 2px;
  border-top-width: 2px;
  border-left-width: 0;
  border-right-width: 0;
}
.default-library-card-content-region .default-library-card-text-container-region .default-library-card-description-container-region,
.default-library-card-content-region .default-library-card-text-container-region .default-library-card-description-container-corporation,
.default-library-card-content-region .default-library-card-text-container-corporation .default-library-card-description-container-region,
.default-library-card-content-region .default-library-card-text-container-corporation .default-library-card-description-container-corporation,
.default-library-card-content-corporation .default-library-card-text-container-region .default-library-card-description-container-region,
.default-library-card-content-corporation .default-library-card-text-container-region .default-library-card-description-container-corporation,
.default-library-card-content-corporation .default-library-card-text-container-corporation .default-library-card-description-container-region,
.default-library-card-content-corporation .default-library-card-text-container-corporation .default-library-card-description-container-corporation {
  height: 100%;
}
.default-library-card-content-region .default-library-card-text-container-region .default-library-card-description-region,
.default-library-card-content-region .default-library-card-text-container-region .default-library-card-description-corporation,
.default-library-card-content-region .default-library-card-text-container-corporation .default-library-card-description-region,
.default-library-card-content-region .default-library-card-text-container-corporation .default-library-card-description-corporation,
.default-library-card-content-corporation .default-library-card-text-container-region .default-library-card-description-region,
.default-library-card-content-corporation .default-library-card-text-container-region .default-library-card-description-corporation,
.default-library-card-content-corporation .default-library-card-text-container-corporation .default-library-card-description-region,
.default-library-card-content-corporation .default-library-card-text-container-corporation .default-library-card-description-corporation {
  color: black;
  font-family: var(--base-text);
  margin: 0px !important;
}
.default-library-card-content-region .default-library-card-text-container-region .default-library-card-button-container-region > a,
.default-library-card-content-region .default-library-card-text-container-region .default-library-card-button-container-corporation > a,
.default-library-card-content-region .default-library-card-text-container-corporation .default-library-card-button-container-region > a,
.default-library-card-content-region .default-library-card-text-container-corporation .default-library-card-button-container-corporation > a,
.default-library-card-content-corporation .default-library-card-text-container-region .default-library-card-button-container-region > a,
.default-library-card-content-corporation .default-library-card-text-container-region .default-library-card-button-container-corporation > a,
.default-library-card-content-corporation .default-library-card-text-container-corporation .default-library-card-button-container-region > a,
.default-library-card-content-corporation .default-library-card-text-container-corporation .default-library-card-button-container-corporation > a {
  display: flex;
  justify-content: center;
  filter: drop-shadow(2px 4px 0px #C3C3C3) !important;
}
.default-library-card-content-region .default-library-card-text-container-region button.default-library-card-entitled-button-region,
.default-library-card-content-region .default-library-card-text-container-region button.default-library-card-entitled-button-corporation,
.default-library-card-content-region .default-library-card-text-container-corporation button.default-library-card-entitled-button-region,
.default-library-card-content-region .default-library-card-text-container-corporation button.default-library-card-entitled-button-corporation,
.default-library-card-content-corporation .default-library-card-text-container-region button.default-library-card-entitled-button-region,
.default-library-card-content-corporation .default-library-card-text-container-region button.default-library-card-entitled-button-corporation,
.default-library-card-content-corporation .default-library-card-text-container-corporation button.default-library-card-entitled-button-region,
.default-library-card-content-corporation .default-library-card-text-container-corporation button.default-library-card-entitled-button-corporation {
  display: flex;
  width: max-content !important;
  height: max-content !important;
  min-width: unset;
  clip-path: polygon(3% 10%, 100% 3%, 87% 92%, 10% 98%);
  background-color: black;
  background-image: url(https://images.demiplane.com/nexus/falloutrpg/fallout-button-halftone-2-low-opacity.png?format=webp);
  background-size: 150%;
  padding: 16px 30px !important;
}
.default-library-card-content-region .default-library-card-text-container-region button.default-library-card-entitled-button-region p,
.default-library-card-content-region .default-library-card-text-container-region button.default-library-card-entitled-button-corporation p,
.default-library-card-content-region .default-library-card-text-container-corporation button.default-library-card-entitled-button-region p,
.default-library-card-content-region .default-library-card-text-container-corporation button.default-library-card-entitled-button-corporation p,
.default-library-card-content-corporation .default-library-card-text-container-region button.default-library-card-entitled-button-region p,
.default-library-card-content-corporation .default-library-card-text-container-region button.default-library-card-entitled-button-corporation p,
.default-library-card-content-corporation .default-library-card-text-container-corporation button.default-library-card-entitled-button-region p,
.default-library-card-content-corporation .default-library-card-text-container-corporation button.default-library-card-entitled-button-corporation p {
  font-family: var(--page-header);
  font-size: 26px;
  font-weight: 400;
}

.default-library-card-content-region:hover,
.default-library-card-content-corporation:hover {
  background-color: white;
  background-image: none;
}
.default-library-card-content-region:hover .default-library-card-image-container-region,
.default-library-card-content-region:hover .default-library-card-image-container-corporation,
.default-library-card-content-corporation:hover .default-library-card-image-container-region,
.default-library-card-content-corporation:hover .default-library-card-image-container-corporation {
  filter: brightness(1.3);
  transition: filter 200ms ease-in;
}
.default-library-card-content-region:hover .default-library-card-button-container-region > a,
.default-library-card-content-region:hover .default-library-card-button-container-corporation > a,
.default-library-card-content-corporation:hover .default-library-card-button-container-region > a,
.default-library-card-content-corporation:hover .default-library-card-button-container-corporation > a {
  filter: drop-shadow(2px 4px 0px #BFA12C) !important;
}
.default-library-card-content-region:hover button.default-library-card-entitled-button-region,
.default-library-card-content-region:hover button.default-library-card-entitled-button-corporation,
.default-library-card-content-corporation:hover button.default-library-card-entitled-button-region,
.default-library-card-content-corporation:hover button.default-library-card-entitled-button-corporation {
  filter: drop-shadow(2px 4px 0px #BFA12C) !important;
  background-color: var(--fallout-gold) !important;
}
.default-library-card-content-region:hover button.default-library-card-entitled-button-region p,
.default-library-card-content-region:hover button.default-library-card-entitled-button-corporation p,
.default-library-card-content-corporation:hover button.default-library-card-entitled-button-region p,
.default-library-card-content-corporation:hover button.default-library-card-entitled-button-corporation p {
  color: black;
}

/* -----------IMAGE GRAYSCALING: UNTESTED ON UNPURCHASED CONTENT !!! Mellie confirmed on unpurchased!---------------------*/
.default-library-card-content-region:has(.default-library-card-unentitled-button-label-region) img, .default-library-card-content-corporation:has(.default-library-card-unentitled-button-label-corporation) img {
  filter: grayscale(100%);
}

.default-library-card-image-container-region {
  width: 100%;
  min-width: unset;
  max-width: unset;
}
.default-library-card-image-container-region img {
  border-radius: 8px 8px 0px 0px !important;
}

/*Ultimate Bundle*/
.sources-ultimate-bundle-box {
  display: none;
}

/* LISTING PAGES */
/* Header */
.listing-header-background {
  background-size: cover !important;
  background-position: center center !important;
}

.listing-header-background > div > div {
  padding: 24px 0px;
}

.listing-header-title {
  font-family: var(--page-header);
  font-size: 80px;
  line-height: normal !important;
  color: var(--page-header-color);
  margin: 0px;
}

[data-cy=listing-carousel-container] {
  /*Carousel Card*/
}
[data-cy=listing-carousel-container] .listing-carousel-all-btn-container {
  border-right: 2px solid var(--carousel-vertical-divider-color);
}
[data-cy=listing-carousel-container] .listing-carousel-all-btn {
  border-radius: 0px;
  border: 1px solid var(--carousel-btn-border);
  background: var(--carousel-btn-bg);
  color: var(--carousel-btn-color);
  font-family: var(--carousel-btn-font);
  transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1), border 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
[data-cy=listing-carousel-container] .listing-carousel-all-btn:hover {
  border: 1px solid var(--carousel-btn-border-hover);
  background: var(--carousel-btn-bg-hover);
  color: var(--carousel-btn-color-hover);
}
[data-cy=listing-carousel-container] .simplebar-content-wrapper {
  scrollbar-width: thin;
  scrollbar-color: var(--fallout-gold) transparent;
}
[data-cy=listing-carousel-container] .carousel-card-unselected,
[data-cy=listing-carousel-container] .carousel-card-selected {
  border-radius: 0px;
}
[data-cy=listing-carousel-container] .carousel-card-unselected .carousel-card-image,
[data-cy=listing-carousel-container] .carousel-card-selected .carousel-card-image {
  background-color: lightgray;
  border-radius: 40px;
}
[data-cy=listing-carousel-container] .carousel-card-unselected p,
[data-cy=listing-carousel-container] .carousel-card-selected p {
  color: var(--carousel-card-color);
  font-family: var(--carousel-card-font);
}

/* Listing Header Row */
.listing-category-label {
  color: var(--listing-header-column-color);
  font-family: var(--listing-header-column);
}

.listing-header-row svg path {
  fill: var(--listing-header-column-color) !important;
}

/* Listing Row */
.listing-row-container {
  box-sizing: border-box;
  background-color: var(--listing-row-bg);
  border: 2px solid #979797;
  border-radius: 0px !important;
  outline: 5px solid transparent;
}
.listing-row-container span {
  color: var(--listing-row-color);
  font-family: var(--listing-row-font);
  font-weight: 600;
  letter-spacing: 1px;
}
.listing-row-container .listing-cell-name span {
  font-family: var(--listing-row-name-font);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
}
.listing-row-container .listing-cell-shortDescription span {
  font-weight: 400;
}
.listing-row-container .listing-cell-sources > span {
  font-family: "FuturaBook";
  color: #767676;
  font-weight: 400;
}
.listing-row-container .listing-row-arrow-icon {
  background: url("https://content.demiplane.com/nexus/falloutrpg/listing-down-arrow.svg");
  width: 24px;
  height: 24px;
}
.listing-row-container .listing-row-arrow-icon svg {
  display: none;
}

.listing-row-container:not(.Mui-expanded):hover {
  outline: 5px solid #000;
  border: 2px solid transparent !important;
}
.listing-row-container:not(.Mui-expanded):hover .listing-row-arrow-icon {
  background: url("https://content.demiplane.com/nexus/falloutrpg/listing-down-arrow-hover.svg");
}

/* Expanded Listing */
.listing-row-container:has([aria-expanded=true]) {
  background-color: var(--listing-row-expanded-bg);
  border: none;
  padding: 8px 0px 0px 0px;
}
.listing-row-container:has([aria-expanded=true]) span {
  color: var(--listing-row-name-expanded-color);
}
.listing-row-container:has([aria-expanded=true]) .listing-cell-sources > span {
  color: var(--fallout-gold);
}
.listing-row-container:has([aria-expanded=true]) .listing-row-arrow-icon {
  background: url("https://content.demiplane.com/nexus/falloutrpg/listing-up-arrow.svg");
}
.listing-row-container:has([aria-expanded=true]) .listing-row-details {
  border-image-source: url("https://images.demiplane.com/nexus/falloutrpg/listing-expanded-border.png?format=webp");
  border-image-slice: 20 20 20 20;
  border-image-width: 0px 10px 10px 10px;
  border-image-outset: 0px 0px 0px 0px;
  border-image-repeat: repeat repeat;
  border-radius: 0px;
  background-color: var(--listing-expanded-details-bg);
  background-image: url("https://images.demiplane.com/nexus/falloutrpg/listing-details-bg.png?format=webp");
  background-size: 100% auto;
}
.listing-row-container:has([aria-expanded=true]) .element-display-header-top-row {
  border-bottom: 1px solid #000;
  padding: 10px 0px;
}
.listing-row-container:has([aria-expanded=true]) .elem-disp-header-thumb-container-listingRow {
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.listing-row-container:has([aria-expanded=true]) .elem-disp-header-thumb-container-listingRow span, .listing-row-container:has([aria-expanded=true]) .elem-disp-header-thumb-container-listingRow img {
  width: 40px !important;
  height: 40px !important;
}
.listing-row-container:has([aria-expanded=true]) .elem-disp-header-name-listingRow h1 {
  color: var(--listing-details-header-name-color);
  font-family: var(--listing-details-header-name-font);
  letter-spacing: 1px;
  font-size: 30px;
}
.listing-row-container:has([aria-expanded=true]) .element-display-header-bottom-separator {
  background: none;
}
.listing-row-container:has([aria-expanded=true]) .element-display-image-container-page {
  margin-bottom: 0px;
}
.listing-row-container:has([aria-expanded=true]) .page-inner-holder {
  max-width: 80%;
  margin-bottom: 30px;
}
.listing-row-container:has([aria-expanded=true]) .main-holder {
  max-width: 80%;
  min-width: 300px;
  padding-bottom: 20px;
  margin-left: 20px;
  background-image: url("https://content.demiplane.com/nexus/falloutrpg/dotted-seperator.svg");
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position: bottom left -30px !important;
}
.listing-row-container:has([aria-expanded=true]) .element-display-footer {
  position: static;
  margin: 15px 0;
  padding: 10px 0px;
}
.listing-row-container:has([aria-expanded=true]) .general-element-display-footer-listing {
  background: none;
  padding-left: 20px;
}
.listing-row-container:has([aria-expanded=true]) .general-element-display-footer-listing > div > div:before {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  top: 6px;
  width: 16px;
  height: 32px;
  background-color: #000;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.listing-cell-elementThumbnail span {
  border-radius: 26px;
}

.listing-row-container .element-display-container-page {
  background-image: url(https://images.demiplane.com/nexus/falloutrpg/VT-Restricted-Distressed.png?format=webp), url(https://images.demiplane.com/nexus/falloutrpg/VT-Classified-Distressed.png?format=webp), url(https://images.demiplane.com/nexus/falloutrpg/VT-Property-Distressed.png?format=webp);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 30%, 30%, 20%;
  background-position: 1000px 200px, 700px 1000px, 1200px 1600px;
}
.listing-row-container .element-display-container-page h2 {
  font-family: var(--page-header);
  font-size: var(--font-size-4);
  font-weight: normal;
}

.listing-row-container.Mui-expanded:hover {
  border: none;
  outline: none;
}

/* No Search Items Found */
.listing-no-results-header-text {
  font-family: var(--page-header);
  color: var(--fallout-blue);
}

.listing-no-results-subheader-text {
  font-family: var(--page-header-subtitle);
  text-transform: initial;
  margin-top: 10px;
}

@media (max-width: 900px) {
  .listing-header-background > div > div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 0px;
  }
  .listing-header-background > div > div .listing-header-title {
    display: block;
    line-height: 80px;
  }
  .listing-row-details .element-display-container-page {
    display: flex !important;
    flex-direction: column !important;
  }
  .listing-row-details .main-holder {
    max-width: 100% !important;
    padding: 0px 20px !important;
    margin: 0px !important;
    background-size: auto !important;
  }
  .listing-row-details .main-holder .page-inner-holder {
    max-width: 100%;
    margin: 0px !important;
    padding-bottom: 0px;
  }
  .listing-row-details .main-holder .page-inner-holder .statblock-block {
    border-image: none;
    margin: 0px;
  }
  .listing-row-details .element-display-image-container {
    width: 100%;
    padding: 20px;
  }
  .listing-row-details .element-display-image-container > span {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
  }
  .listing-row-details .element-display-image-container > span img {
    position: static !important;
    object-fit: scale-down !important;
  }
}
@media (max-width: 600px) {
  .listing-row-details .element-display-container-page {
    flex-direction: column-reverse !important;
  }
  /* Mobile Filter Drawer */
  div[title=FILTER] > .MuiDrawer-paper {
    background-image: url("https://images.demiplane.com/nexus/falloutrpg/tooltip-bg.png");
    background-size: 100%;
    /* Header */
    /* Filter Options */
  }
  div[title=FILTER] > .MuiDrawer-paper > div:first-child {
    background-color: #DDB724;
    border-bottom: 4px solid rgba(0, 0, 0, 0.5);
  }
  div[title=FILTER] > .MuiDrawer-paper > div:first-child > div > div {
    color: var(--card-title-color);
    font-family: var(--page-header);
    font-weight: 400;
    letter-spacing: 1px;
  }
  div[title=FILTER] > .MuiDrawer-paper > div:first-child p {
    border-radius: 0px;
    background-color: #FFF;
    padding: 2px 8px;
    color: #000;
    border: 3px solid #000;
    font-family: "FuturaHeavy";
    letter-spacing: 1px;
  }
  div[title=FILTER] > .MuiDrawer-paper > div:nth-child(2) {
    border-image-source: url("https://images.demiplane.com/nexus/falloutrpg/tooltip-content-border.png?format=webp");
    border-image-slice: 20 20 20 20;
    border-image-width: 0px 0px 10px 0px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: repeat repeat;
  }
  div[title=FILTER] > .MuiDrawer-paper > div:nth-child(2) > div {
    display: flex;
    justify-content: center;
    padding: 10px 0px 20px 0px;
  }
  div[title=FILTER] > .MuiDrawer-paper > div:nth-child(2) p {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0px;
    border: 3px solid var(--fallout-gold);
    padding: 10px;
    color: var(--fallout-gold);
    font-family: "FuturaHeavy" !important;
    margin-top: 0px;
  }
  div[title=FILTER] > .MuiDrawer-paper > div:last-child .simplebar-content > div .listings-filter-label {
    color: var(--dropdown-label-color);
    font-family: var(--dropdown-label-font);
    text-transform: uppercase;
  }
  div[title=FILTER] > .MuiDrawer-paper > div:last-child .simplebar-content > div .listing-filter-input-text {
    margin-left: 0px;
  }
  div[title=FILTER] > .MuiDrawer-paper > div:last-child .simplebar-content > div fieldset {
    border-color: var(--fallout-gold);
  }
  div[title=FILTER] > .MuiDrawer-paper > div:last-child .simplebar-content > div .listing-filter-box:has(.MuiSelect-multiple) {
    border-radius: 0px;
    background-color: var(--dropdown-bg);
    border: 1px solid var(--dropdown-border);
  }
  div[title=FILTER] > .MuiDrawer-paper > div:last-child .simplebar-content > div .listing-filter-box:has(.MuiSelect-multiple) input,
  div[title=FILTER] > .MuiDrawer-paper > div:last-child .simplebar-content > div .listing-filter-box:has(.MuiSelect-multiple) [role=button] {
    font-family: var(--dropdown-font);
    color: var(--dropdown-font-color);
    background-color: transparent;
    text-transform: capitalize;
    border: none;
  }
  div[title=FILTER] > .MuiDrawer-paper > div:last-child .simplebar-content > div .listing-filter-box:has(.MuiSelect-multiple) svg {
    fill: var(--dropdown-arrow);
  }
  div[title=FILTER] > .MuiDrawer-paper > div:last-child .simplebar-content > div .listing-filter-box:has(.MuiSelect-multiple) fieldset {
    border-color: transparent;
  }
}
[data-cy=primer-header] {
  position: relative;
}

.primer-header-container {
  background-color: #000;
  background-size: cover !important;
  background-position: center center !important;
  min-height: unset;
  /*back button*/
  /*Header Layout */
  /* Header Title/Source/Desc */
}
.primer-header-container > div:first-child > div:first-child button {
  background-color: var(--primer-back-button-bg);
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/white-halftone-3.png");
  background-size: 200px 90px;
  background-position: bottom right 40px;
  background-repeat: no-repeat;
  border-radius: 0px;
  border: none;
  color: var(--primer-back-button-color);
  font-family: var(--primer-back-button);
  font-size: 25px;
  padding: 0px 20px 0px 10px;
  clip-path: polygon(0 10%, 100% 0, 94% 91%, 5% 100%);
}
.primer-header-container > div:first-child > div:first-child button div:has(> svg) {
  margin-right: 0px;
}
.primer-header-container > div:first-child > div:first-child button div:has(> svg) svg {
  fill: transparent;
  background-image: url("https://content.demiplane.com/nexus/falloutrpg/backbutton-arrow.svg");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center center;
}
.primer-header-container > div:first-child > div:first-child button:hover {
  background-image: none;
  background-color: #fff;
}
.primer-header-container .primer-header-block-origin,
.primer-header-container .primer-header-block-corporation {
  display: flex;
  flex-direction: row;
  /* Header Text */
}
.primer-header-container .primer-header-block-origin > div,
.primer-header-container .primer-header-block-corporation > div {
  justify-content: center;
  gap: 30px;
}
.primer-header-container .primer-header-block-region {
  display: flex;
  flex-direction: row;
  /* Header Text */
}
.primer-header-container .primer-header-block-region > div {
  display: flex;
  justify-content: flex-start;
  row-gap: 20px;
  height: 400px;
  margin-left: 0px;
  margin-bottom: 40px;
}
.primer-header-container .primer-header-block-origin .primer-header-title-text > h1,
.primer-header-container .primer-header-block-region .primer-header-title-text > h1,
.primer-header-container .primer-header-block-corporation .primer-header-title-text > h1 {
  font-family: var(--page-header);
  color: var(--page-header-color);
  font-size: var(--font-size-8);
  font-weight: 400;
  letter-spacing: 3px;
  line-height: normal !important;
}
.primer-header-container .primer-header-block-origin .primer-header-sources > h2,
.primer-header-container .primer-header-block-region .primer-header-sources > h2,
.primer-header-container .primer-header-block-corporation .primer-header-sources > h2 {
  font-size: var(--font-size-5);
  font-family: var(--page-header-subtitle);
  color: var(--page-header-subtitle-color);
  line-height: auto !important;
  text-transform: uppercase;
}
.primer-header-container .primer-header-block-origin .primer-description-origin,
.primer-header-container .primer-header-block-origin .primer-description-corporation,
.primer-header-container .primer-header-block-region .primer-description-origin,
.primer-header-container .primer-header-block-region .primer-description-corporation,
.primer-header-container .primer-header-block-corporation .primer-description-origin,
.primer-header-container .primer-header-block-corporation .primer-description-corporation {
  font-family: var(--page-header-description);
  font-size: var(--font-size-1);
  line-height: 1.5em !important;
  color: var(--page-header-description-color);
}
.primer-header-container .primer-header-block-origin .primer-description-origin a,
.primer-header-container .primer-header-block-origin .primer-description-corporation a,
.primer-header-container .primer-header-block-region .primer-description-origin a,
.primer-header-container .primer-header-block-region .primer-description-corporation a,
.primer-header-container .primer-header-block-corporation .primer-description-origin a,
.primer-header-container .primer-header-block-corporation .primer-description-corporation a {
  color: var(--fallout-gold);
  text-decoration: none;
  font-family: "FuturaHeavy";
  border-bottom: 1px solid var(--fallout-yellow);
}
.primer-header-container .primer-header-block-origin .primer-description-origin a:hover,
.primer-header-container .primer-header-block-origin .primer-description-corporation a:hover,
.primer-header-container .primer-header-block-region .primer-description-origin a:hover,
.primer-header-container .primer-header-block-region .primer-description-corporation a:hover,
.primer-header-container .primer-header-block-corporation .primer-description-origin a:hover,
.primer-header-container .primer-header-block-corporation .primer-description-corporation a:hover {
  background-color: var(--fallout-yellow);
  color: var(--fallout-iconic-blue);
  border-bottom: 1px solid var(--fallout-iconic-blue);
  transition: all 0.2s;
}
.primer-header-container .primer-header-block-origin .primer-description-corporation,
.primer-header-container .primer-header-block-region .primer-description-corporation,
.primer-header-container .primer-header-block-corporation .primer-description-corporation {
  color: var(--base-color);
}
.primer-header-container .primer-header-block-origin .primer-description-region,
.primer-header-container .primer-header-block-region .primer-description-region,
.primer-header-container .primer-header-block-corporation .primer-description-region {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6), -5px -5px 5px rgba(0, 0, 0, 0.6);
  font-family: var(--page-header-description);
  font-size: var(--font-size-1);
  line-height: 1.5em !important;
  color: var(--page-header-description-color);
}
.primer-header-container .primer-header-block-origin .primer-description-region a,
.primer-header-container .primer-header-block-region .primer-description-region a,
.primer-header-container .primer-header-block-corporation .primer-description-region a {
  color: var(--fallout-gold);
  text-decoration: none;
  font-family: "FuturaHeavy";
  border-bottom: 1px solid var(--fallout-yellow);
}
.primer-header-container .primer-header-block-origin .primer-description-region a:hover,
.primer-header-container .primer-header-block-region .primer-description-region a:hover,
.primer-header-container .primer-header-block-corporation .primer-description-region a:hover {
  background-color: var(--fallout-yellow);
  color: var(--fallout-iconic-blue);
  border-bottom: 1px solid var(--fallout-iconic-blue);
  transition: all 0.2s;
}
.primer-header-container .primer-header-top-border:empty,
.primer-header-container .primer-header-bottom-border:empty {
  display: none;
}

/* Header Images */
/* Origin */
.primer-header-container > div:last-child {
  max-height: 600px;
  overflow-y: hidden;
  position: relative;
}

/* Corporations */
.primer-header-container-corporation > div:last-child span {
  display: flex !important;
  align-content: flex-start;
  max-height: 500px;
}

/* Origin Gradient */
.primer-header-container-origin:after {
  content: "";
  background-color: transparent;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0px;
}

.primer-body-container {
  background-color: var(--base-background);
  background-image: url("https://images.demiplane.com/nexus/falloutrpg/main-background.jpg");
  background-size: cover;
  background-attachment: fixed;
}
.primer-body-container .reader-container {
  display: flex;
  justify-content: center;
}
.primer-body-container .reader-container .main-holder {
  width: 800px;
}

@media (max-width: 1600px) {
  .primer-header-block-origin > div {
    max-width: 50%;
    position: static;
    margin-left: 30px;
  }
  .primer-header-block-origin > div > div:first-child {
    overflow: hidden;
    max-height: 400px;
    position: absolute;
    right: 0px;
    bottom: 0px;
  }
}
@media (max-width: 900px) {
  .primer-header-block-origin > div {
    max-width: 80%;
    position: static;
    gap: 10px !important;
    margin: auto;
  }
  .primer-header-block-origin > div > div:first-child {
    overflow: hidden;
    max-height: 200px;
    max-width: 300px;
    position: static;
    top: 0px;
  }
}
@media (max-width: 500px) {
  .primer-header-title-text > h1 {
    font-size: var(--font-size-6) !important;
  }
  .primer-header-sources > h2 {
    font-size: var(--font-size-4) !important;
  }
  .primer-description-origin > p {
    font-size: var(--font-size-1) !important;
  }
  .primer-header-container-origin:after {
    display: none;
  }
}
/* Regions Header */
.primer-header-container-region .primer-header-block-region .primer-header-title .primer-header-title-text h1, .primer-header-container-corporation .primer-header-block-corporation .primer-header-title .primer-header-title-text h1 {
  line-height: 1;
  text-shadow: 3px 3px 1px #000;
}
.primer-header-container-region .primer-header-block-region .primer-header-sources h2, .primer-header-container-corporation .primer-header-block-corporation .primer-header-sources h2 {
  text-shadow: 1px 1px 3px #000;
}

.primer-header-container-region, .primer-header-container-corporation {
  container-type: inline-size;
  container-name: primerHeader;
  background-size: cover !important;
}

@container primerHeader (max-width: 700px) {
  .primer-header-block-region {
    margin-bottom: -150px;
    margin-top: 50px;
  }
  .primer-header-block-region .primer-description-region {
    display: none;
  }
}
@container primerHeader (max-width: 1600px) {
  .primer-header-block-corporation {
    margin-top: -100px;
  }
  .primer-header-block-corporation .primer-header-title h1 {
    margin-top: -160px;
  }
  .primer-header-block-corporation .primer-header-sources {
    margin-top: -100px;
  }
  .primer-header-block-corporation .primer-description-corporation {
    display: none;
  }
}
@container primerHeader (max-width: 450px) {
  .primer-header-block-corporation .primer-header-sources {
    margin-top: -40px;
    margin-bottom: -40px;
  }
}
/* SOURCE LIBRARY */
/* Pseudo "Header" Section*/
.sources-content-container > div:first-child {
  background-color: transparent;
  background-image: url("https://images.demiplane.com/nexus/falloutrpg/source-library-header.jpg?format=webp");
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat;
  max-height: 400px !important;
}

.sources-content-container .sources-header-container {
  margin-bottom: 100px;
}
.sources-content-container .sources-header-container .sources-title {
  font-family: var(--page-header);
  color: var(--page-header-color);
}

.sources-tab-list-container-desktop .sources-view-tab-list button {
  font-family: "Futura-BoldCond";
  text-transform: uppercase;
  color: var(--page-header-color);
}
.sources-tab-list-container-desktop .sources-view-tab-list span {
  background-color: var(--fallout-gold);
}

/* Header Adjustment Not Logged In*/
.sources-content-container:not(:has(.sources-tab-list-container-desktop)) .sources-header {
  margin-bottom: 200px;
}

/* Source Cards Desktop */
.source-category-accordion {
  margin-top: 100px !important;
}

.source-category-accordion,
.toc-long-description + div > .MuiAccordion-root {
  /* Sources Cards */
}
.source-category-accordion .sources-source-type-header,
.toc-long-description + div > .MuiAccordion-root .sources-source-type-header {
  border-bottom: 2px solid #000;
  padding-bottom: 20px;
}
.source-category-accordion .sources-source-type-header p,
.source-category-accordion .sources-source-type-header .sources-source-type-name,
.toc-long-description + div > .MuiAccordion-root .sources-source-type-header p,
.toc-long-description + div > .MuiAccordion-root .sources-source-type-header .sources-source-type-name {
  font-family: "Futura-MediumCond";
  font-size: 40px;
  line-height: normal;
  font-weight: 400;
  letter-spacing: 1px;
  color: #000;
  text-transform: uppercase;
}
.source-category-accordion .source-slug-source-type-container,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding-top: 20px;
  row-gap: 50px;
}
.source-category-accordion .source-slug-source-type-container .source-card,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card {
  display: flex;
  justify-content: flex-end;
  border-radius: 0px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #E0E0E0 !important;
  background: linear-gradient(0deg, #E0E0E0 20%, rgba(224, 224, 224, 0) 60%), url("https://images.demiplane.com/nexus/falloutrpg/source-card-bg.jpg?format=webp") !important;
  background-size: 100% !important;
  padding: 20px;
  position: relative;
  overflow: visible;
  height: 550px;
  width: 300px;
  /* Source Image and Information Copy */
  /* Source Price */
  /* View & Purchase Buttons*/
}
.source-category-accordion .source-slug-source-type-container .source-card > div:first-child,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card > div:first-child {
  position: absolute;
  width: 70%;
  height: 300px;
  top: -20px;
  left: 30px;
  width: 80%;
  height: 80%;
}
.source-category-accordion .source-slug-source-type-container .source-card > div:first-child .product-image-container,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card > div:first-child .product-image-container {
  min-height: 300px;
  border-radius: 0px !important;
}
.source-category-accordion .source-slug-source-type-container .source-card > div:first-child .product-image-container a,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card > div:first-child .product-image-container a {
  border-radius: 0px !important;
}
.source-category-accordion .source-slug-source-type-container .source-card > div:first-child .product-image-container img,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card > div:first-child .product-image-container img {
  object-fit: scale-down !important;
  border-radius: 0px !important;
}
.source-category-accordion .source-slug-source-type-container .source-card > div:first-child .product-tag,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card > div:first-child .product-tag {
  /*Preorder Tag */
  /* Source Title */
  /* Source Description */
}
.source-category-accordion .source-slug-source-type-container .source-card > div:first-child .product-tag div:has(.product-preorder-tag),
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card > div:first-child .product-tag div:has(.product-preorder-tag) {
  margin-top: -29px;
  width: 100%;
}
.source-category-accordion .source-slug-source-type-container .source-card > div:first-child .product-tag div:has(.product-preorder-tag) .product-preorder-tag,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card > div:first-child .product-tag div:has(.product-preorder-tag) .product-preorder-tag {
  width: max-content;
  height: max-content;
  flex: unset;
  background-color: var(--fallout-gold);
  border-radius: 0px;
  border: none;
}
.source-category-accordion .source-slug-source-type-container .source-card > div:first-child .product-tag div:has(.product-preorder-tag) .product-preorder-tag p,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card > div:first-child .product-tag div:has(.product-preorder-tag) .product-preorder-tag p {
  font-family: "Futura-BoldCond";
  color: #000;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 17px;
  margin: 8px !important;
}
.source-category-accordion .source-slug-source-type-container .source-card > div:first-child .product-tag div:has(h3),
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card > div:first-child .product-tag div:has(h3) {
  margin-top: 10px;
}
.source-category-accordion .source-slug-source-type-container .source-card > div:first-child .product-tag div:has(h3) h3,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card > div:first-child .product-tag div:has(h3) h3 {
  font-family: "Futura-BoldCond";
  font-weight: 400;
  text-transform: capitalize;
}
.source-category-accordion .source-slug-source-type-container .source-card > div:first-child .product-tag > p,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card > div:first-child .product-tag > p {
  margin: 0px;
  max-height: 5lh;
  overflow: hidden;
  font-family: "FuturaBook";
  color: #000;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 18px;
  overflow: hidden;
  text-align: center;
}
.source-category-accordion .source-slug-source-type-container .source-card .product-card-price,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card .product-card-price {
  font-family: "Futura-BoldCond";
  letter-spacing: 2px;
  color: #000;
}
.source-category-accordion .source-slug-source-type-container .source-card .sources-product-card-buttons-container,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card .sources-product-card-buttons-container {
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: center;
  /*View Button */
  /* Remove Margins, Just Adjust Flex Gap */
  /* View and Details Button Background-adjustment */
}
.source-category-accordion .source-slug-source-type-container .source-card .sources-product-card-buttons-container > a,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card .sources-product-card-buttons-container > a {
  flex-grow: 3;
  height: 40px;
}
.source-category-accordion .source-slug-source-type-container .source-card .sources-product-card-buttons-container > a > button,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card .sources-product-card-buttons-container > a > button {
  height: 40px;
}
.source-category-accordion .source-slug-source-type-container .source-card .sources-product-card-buttons-container > button,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card .sources-product-card-buttons-container > button {
  margin: 0px;
}
.source-category-accordion .source-slug-source-type-container .source-card .sources-product-card-buttons-container button.source-card-details-unlocked-btn,
.source-category-accordion .source-slug-source-type-container .source-card .sources-product-card-buttons-container button.source-card-details-locked-btn,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card .sources-product-card-buttons-container button.source-card-details-unlocked-btn,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card .sources-product-card-buttons-container button.source-card-details-locked-btn {
  background-color: #E0E0E0;
}
.source-category-accordion .source-slug-source-type-container .source-card .sources-product-card-buttons-container button.source-card-details-unlocked-btn:hover,
.source-category-accordion .source-slug-source-type-container .source-card .sources-product-card-buttons-container button.source-card-details-locked-btn:hover button.sources-slug-view-source-button:hover,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card .sources-product-card-buttons-container button.source-card-details-unlocked-btn:hover,
.toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card .sources-product-card-buttons-container button.source-card-details-locked-btn:hover button.sources-slug-view-source-button:hover {
  background-color: #000 !important;
}

@media (max-width: 1025px) {
  /* Header Adjustment Not Logged In*/
  .sources-content-container:not(:has(.sources-tab-list-container-desktop)) .sources-header-container {
    margin: 0px;
    height: 200px;
  }
  .sources-content-container:not(:has(.sources-tab-list-container-desktop)) .sources-header {
    height: 100%;
    justify-content: space-around;
    margin-bottom: 0px;
  }
  .sources-content-container:not(:has(.sources-tab-list-container-desktop)) .sources-header .sources-title {
    max-height: max-content;
  }
  .source-card {
    width: 400px !important;
    height: 300px !important;
    padding-top: 10px !important;
  }
  .source-card > div:first-child {
    position: static !important;
    width: 100% !important;
  }
  .source-card > div:first-child > div {
    flex: 2;
  }
  .source-card > div:first-child > .product-image-container {
    min-height: unset !important;
    flex: 1;
  }
  .source-card > div:first-child > .product-image-container > svg {
    margin-top: 6px;
    margin-right: -6px;
    max-height: 50px;
  }
  .source-card > div:first-child .product-tag {
    display: flex;
    flex-direction: column;
  }
  .source-card > div:first-child .product-tag > div:first-child {
    margin-top: 0px !important;
    position: static;
  }
  .source-card > div:first-child .product-tag > div:first-child > .product-preorder-tag {
    position: static;
  }
}
@media (max-width: 900px) {
  .sources-content-container .sources-header-container {
    margin: 10px;
  }
  .sources-content-container .sources-header-container .sources-title {
    margin-bottom: 16px;
  }
  .source-slug-source-type-container {
    row-gap: 20px !important;
  }
  .source-card .product-image-container {
    min-height: unset !important;
    flex: 1;
  }
  .source-card .product-image-container svg {
    margin-top: 0px !important;
    margin-right: -6px !important;
  }
  .source-card .product-tag {
    flex: 1.5 !important;
  }
  .source-card .product-tag > div:has(.product-preorder-tag) .product-preorder-tag {
    width: 100% !important;
    max-width: unset;
  }
  .source-card .product-tag div:has(h3) h3 {
    text-align: center;
  }
  .source-card .product-tag div:has(h3) > div {
    margin-top: 10px;
    width: 100%;
    justify-content: center;
    font-family: "Futura-BoldCond";
    letter-spacing: 2px;
    color: #000;
  }
}
/* Bundle Page Styling */
/* BUNDLE DESKTOP */
.source-slug-body-background:has(.toc-long-description + div > .MuiAccordion-root) {
  /* Bundle Header */
  /* Bundle Card Container Compact Mode */
}
.source-slug-body-background:has(.toc-long-description + div > .MuiAccordion-root) .sources-slug-header-content-container div:has(> .sources-slug-header) {
  position: relative;
  height: 300px;
  row-gap: 0px !important;
  justify-content: space-evenly;
  padding: 10px;
}
.source-slug-body-background:has(.toc-long-description + div > .MuiAccordion-root) .sources-slug-header-content-container div:has(> .sources-slug-header):before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(7, 13, 28, 0.6);
  filter: blur(25px);
  z-index: -1;
}
.source-slug-body-background:has(.toc-long-description + div > .MuiAccordion-root) .toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card {
  height: 500px;
  width: 250px;
}
.source-slug-body-background:has(.toc-long-description + div > .MuiAccordion-root) .toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card .product-image-container {
  min-height: 220px !important;
  max-height: 220px;
}

@media (max-width: 1025px) {
  .source-slug-body-background:has(.toc-long-description + div > .MuiAccordion-root) .toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card {
    height: 280px !important;
    width: 400px !important;
  }
  .source-slug-body-background:has(.toc-long-description + div > .MuiAccordion-root) .toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card .product-image-container {
    display: flex;
    align-items: flex-start;
    min-height: unset !important;
    max-height: unset !important;
  }
  .source-slug-body-background:has(.toc-long-description + div > .MuiAccordion-root) .toc-long-description + div > .MuiAccordion-root .source-slug-source-type-container .source-card .product-image-container > svg {
    margin-top: 0px;
    margin-right: -6px;
    max-height: 50px;
  }
}
/* SOURCE TOC */
.source-slug-body-background {
  container-type: inline-size;
  container-name: sourceBody;
  /* Header */
  /* ToC Contents */
}
.source-slug-body-background .sources-slug-header-content-container {
  background-color: #000;
  background-image: url("https://images.demiplane.com/nexus/falloutrpg/source-toc-header-bg.jpg");
  background-size: cover;
  /* Source Details Wrapper */
  /* Source Cover Image */
  /* Header Text Content */
}
.source-slug-body-background .sources-slug-header-content-container > div > div > div:last-child {
  padding-bottom: 1em;
}
.source-slug-body-background .sources-slug-header-content-container > div > div > div:last-child > div:first-child {
  max-height: 100%;
}
.source-slug-body-background .sources-slug-header-content-container > div > div > div:last-child > div:first-child img {
  height: 314px !important;
  object-fit: scale-down !important;
  max-height: unset !important;
  min-height: unset !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.source-slug-body-background .sources-slug-header-content-container > div > div > div:last-child > div:last-child {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 2em;
}
.source-slug-body-background .sources-slug-header-content-container .sources-slug-header {
  font-family: var(--page-header);
  color: var(--page-header-color);
  font-weight: 400;
  letter-spacing: 1px;
}
.source-slug-body-background .sources-slug-header-content-container .sources-slug-purchase-button {
  border-radius: 0px;
  background-color: rgb(50, 127, 54);
  font-family: "FuturaHeavy";
}
.source-slug-body-background .sources-slug-header-content-container .sources-slug-purchase-button svg {
  margin-left: -4px;
}
.source-slug-body-background .sources-slug-header-content-container .sources-slug-purchase-button:hover {
  filter: brightness(1.25);
}
.source-slug-body-background .sources-slug-header-content-container .source-header-original-price {
  font-family: "Futura-BoldCond";
  letter-spacing: 2px;
  font-size: var(--font-size-3);
  color: var(--page-header-color);
}
.source-slug-body-background .sources-slug-header-content-container .sources-slug-view-source-button {
  height: 40px !important;
  margin-bottom: 0px !important;
}
.source-slug-body-background .sources-slug-header-content-container .sources-slug-source-description {
  font-family: var(--page-header-description);
  color: var(--page-header-description-color);
  line-height: auto;
}
.source-slug-body-background .sources-slug-toc-container {
  background-color: transparent;
  border-radius: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 10px;
  padding-bottom: 30px;
}
.source-slug-body-background .sources-slug-toc-container .sources-slug-toc-header {
  color: var(--base-text-color);
  font-family: var(--page-header);
  font-weight: 400;
  letter-spacing: 1px;
  font-size: calc(var(--font-size-7) * 1.5);
  width: max-content;
  padding-bottom: 40px;
  margin-bottom: 30px;
  background: url("https://images.demiplane.com/nexus/falloutrpg/star-n-line.png?format=webp");
  background-size: 125%;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.source-slug-body-background .sources-slug-toc-container .toc-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  row-gap: 20px;
}
.source-slug-body-background .sources-slug-toc-container .toc-container .toc-column {
  min-width: max-content;
  flex-grow: 1;
}
.source-slug-body-background .sources-slug-toc-container .toc-container h4.toc-header {
  width: 70%;
}
.source-slug-body-background .sources-slug-toc-container .toc-container h4.toc-header > a, .source-slug-body-background .sources-slug-toc-container .toc-container h4.toc-header > span.toc-link {
  display: block;
  font-family: var(--toc-header);
  color: var(--toc-header-color);
  font-size: var(--font-size-3);
  font-weight: 400;
  text-decoration: none;
  padding: 4px 12px 4px 0px;
  margin-top: 30px;
}
.source-slug-body-background .sources-slug-toc-container .toc-container h4.toc-header > a:hover {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #DE9239 100%);
}
.source-slug-body-background .sources-slug-toc-container .toc-container ul {
  width: max-content;
  list-style-type: none;
  list-style-position: inside;
  padding-left: 0px;
  margin-top: 10px;
  columns: 2;
}
.source-slug-body-background .sources-slug-toc-container .toc-container li {
  margin-bottom: 8px;
}
.source-slug-body-background .sources-slug-toc-container .toc-container li > a, .source-slug-body-background .sources-slug-toc-container .toc-container li > span.toc-link {
  display: block;
  font-family: var(--toc-li);
  font-size: var(--font-size-1);
  color: var(--toc-li-color);
  font-weight: 400;
  letter-spacing: 0.5px;
  text-decoration: none;
  padding: 4px 12px 4px 0px;
}
.source-slug-body-background .sources-slug-toc-container .toc-container li > a:hover {
  color: #000;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #DEDEDE 50%);
}

/*Responsive*/
@container sourceBody (max-width: 1000px) {
  .source-slug-body-background .sources-slug-toc-container .toc-container {
    flex-wrap: wrap;
  }
  .source-slug-body-background .sources-slug-toc-container .toc-container .toc-column, .source-slug-body-background .sources-slug-toc-container .toc-container ul {
    min-width: 80%;
    margin: auto;
  }
}
@container sourceBody (max-width: 600px) {
  .source-slug-body-background .sources-slug-toc-container .sources-slug-toc-header {
    font-size: var(--font-size-7);
    padding-bottom: 15px;
    background-size: 100%;
    margin-bottom: 10px;
  }
}
@container sourceBody (max-width: 500px) {
  .source-slug-body-background .sources-slug-toc-container .sources-slug-toc-header {
    font-size: var(--font-size-6);
  }
  .source-slug-body-background .sources-slug-toc-container .toc-container h4.toc-header {
    width: 90%;
  }
  .source-slug-body-background .sources-slug-toc-container .toc-container ul {
    columns: 1;
    margin-top: 10px;
  }
}
/* SEARCH BAR */
/* Pseudo Header */
.search-results-title {
  font-family: var(--page-header);
  color: var(-page-header-color);
  font-weight: 400;
  letter-spacing: 1px;
}

.falloutrpg-search-bar {
  margin-right: 0px;
}

/* Search Results */
/*Result Card */
.search-result-item-container {
  background-color: var(--listing-row-bg);
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%), url(https://images.demiplane.com/nexus/falloutrpg/listing-details-bg.png?format=webp);
  border: 3px solid #000;
  border-radius: 0px;
}
.search-result-item-container .search-result-title > div {
  font-family: var(--listing-row-name-font);
  color: var(--listing-row-name-color);
  font-weight: 400;
  letter-spacing: 0.7px;
}
.search-result-item-container .search-result-nexus,
.search-result-item-container .search-result-data-type,
.search-result-item-container .search-result-source {
  border-radius: 0px;
  color: #fff;
  padding: 0.25rem;
  font-size: 0.75rem;
  width: max-content;
}
.search-result-item-container .search-result-nexus {
  background-color: var(--fallout-blue);
}
.search-result-item-container .search-result-data-type {
  background-color: var(--fallout-green);
}
.search-result-item-container .search-result-source {
  background-color: var(--fallout-orange);
}
.search-result-item-container .search-result-content-container span > global-not-highlighted {
  font-family: var(--listing-details-font);
  color: var(--base-text-color);
}
.search-result-item-container .search-result-content-container span > global-highlighted {
  background-color: var(--fallout-yellow);
  color: var(--base-text-color);
  font-weight: 600;
}

.compendium-link-page-container .compendium-link-text,
.compendium-link-page-container .link-character-page_containerItem,
.link-character-page__inactive__contentContainer .compendium-link-text,
.link-character-page__inactive__contentContainer .link-character-page_containerItem {
  font-family: var(--compendium-link-text);
}
.compendium-link-page-container button,
.link-character-page__inactive__contentContainer button {
  font-family: var(--compendium-button);
  color: var(--compendium-button-textcolor);
  font-size: 24px;
  background-color: transparent;
  border: none;
  background-image: url(https://content.demiplane.com/nexus/falloutrpg/link-2-bg.png?format=webp);
  display: flex;
  width: 240px;
  height: 60px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.compendium-link-page-container button:hover,
.link-character-page__inactive__contentContainer button:hover {
  filter: brightness(1.2);
  background-color: transparent;
  background-image: url(https://content.demiplane.com/nexus/falloutrpg/link-2-bg.png?format=webp);
  display: flex;
  width: 240px;
  height: 60px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.link-character-page_pageContainer .link-character-page__active__createCharacterButton {
  font-family: var(--character-link-button);
  font-weight: 600;
  color: var(--character-link-button-textcolor);
  background-color: var(--character-link-button-bgcolor);
  border-top: none;
}
.link-character-page_pageContainer .link-character-page__active__createCharacterButton:hover {
  background-color: var(--character-link-button-bgcolor-hover);
  opacity: 1;
}

.search-results-body-background .category-link .category-link-name {
  font-family: var(--compendium-text);
  width: 100%;
  padding-top: 3px;
}
.search-results-body-background .category-link .category-link-icon-wrapper svg {
  color: var(--compendium-navigate-color);
}
.search-results-body-background .MuiGrid-item:has(.category-link) {
  border-color: var(--compendium-border-color);
}
.search-results-body-background .nexus-compendium-reset-button {
  font-family: var(--compendium-reset-button);
  font-weight: 600;
  color: var(--compendium-button-textcolor);
  background-color: var(--compendium-reset-button-bgcolor);
  border-top: none;
}
.search-results-body-background .nexus-compendium-reset-button:hover {
  background-color: var(--compendium-reset-button-bgcolor-hover);
  opacity: 1;
}

[data-cy=toc-nav-container] {
  /* TOC Nav Header */
}
[data-cy=toc-nav-container] > div:first-child > div {
  font-family: "AmericanCaptain";
  font-weight: 400;
  font-size: var(--font-size-3);
}
[data-cy=toc-nav-container] li #label {
  font-family: "Futura-MediumCond";
  font-weight: 400;
  font-size: var(--font-size-1) !important;
  letter-spacing: 0.5px;
  padding: 0px 0px 2px 0px;
}
[data-cy=toc-nav-container] ul > li:has(> div.Mui-expanded) > div #label {
  font-family: "SignPainter-Regular";
  font-weight: 400;
  font-size: var(--font-size-3) !important;
  padding: 8px 0px 4px 0px;
}

/* DRAWER */
/* Desktop Settings */
/* Background Colors */
.element-display-drawer-base-desktop,
.element-display-drawer-base-small {
  background: var(--drawer-bg) !important;
  border: 1px solid #000;
  border-radius: 0px;
  /* Font & SVG colors */
  /* Content */
  /* Footer */
}
.element-display-drawer-base-desktop .element-drawer-base-arrow-container,
.element-display-drawer-base-desktop .element-display-drawer-header-container,
.element-display-drawer-base-desktop .element-display-drawer-outer-content-container,
.element-display-drawer-base-desktop .general-element-display-footer-float,
.element-display-drawer-base-small .element-drawer-base-arrow-container,
.element-display-drawer-base-small .element-display-drawer-header-container,
.element-display-drawer-base-small .element-display-drawer-outer-content-container,
.element-display-drawer-base-small .general-element-display-footer-float {
  background: var(--drawer-bg) !important;
}
.element-display-drawer-base-desktop .element-drawer-base-arrow-container button,
.element-display-drawer-base-small .element-drawer-base-arrow-container button {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 40px;
  overflow-x: hidden;
  padding-right: 0px;
}
.element-display-drawer-base-desktop .element-drawer-base-arrow-container svg > path,
.element-display-drawer-base-small .element-drawer-base-arrow-container svg > path {
  fill: var(--drawer-font-color);
}
.element-display-drawer-base-desktop .element-display-header-top-row,
.element-display-drawer-base-small .element-display-header-top-row {
  padding: 10px 0px;
  margin-bottom: 0px;
  border: 3px solid #000;
  border-left: none;
  border-right: none;
}
.element-display-drawer-base-desktop .element-display-header-top-row .elem-disp-header-thumb-container-drawer,
.element-display-drawer-base-small .element-display-header-top-row .elem-disp-header-thumb-container-drawer {
  border-radius: 30px;
}
.element-display-drawer-base-desktop .element-display-header-top-row .elem-disp-header-name-drawer > h1,
.element-display-drawer-base-small .element-display-header-top-row .elem-disp-header-name-drawer > h1 {
  font-family: var(--drawer-header);
  font-weight: 400;
  font-size: var(--font-size-3);
  line-height: auto;
  color: var(--drawer-font-color);
}
.element-display-drawer-base-desktop .element-display-header-top-row .element-display-header-bottom-separator,
.element-display-drawer-base-small .element-display-header-top-row .element-display-header-bottom-separator {
  background: transparent;
}
.element-display-drawer-base-desktop .element-display-image-container,
.element-display-drawer-base-small .element-display-image-container {
  margin-bottom: 5px;
  margin-top: 5px;
  max-height: 300px;
}
.element-display-drawer-base-desktop .statblock-block,
.element-display-drawer-base-desktop .example-block,
.element-display-drawer-base-small .statblock-block,
.element-display-drawer-base-small .example-block {
  border-image: none;
  margin-bottom: 0px;
}
.element-display-drawer-base-desktop .statblock-block strong,
.element-display-drawer-base-desktop .example-block strong,
.element-display-drawer-base-small .statblock-block strong,
.element-display-drawer-base-small .example-block strong {
  color: #000;
}
.element-display-drawer-base-desktop p > em,
.element-display-drawer-base-desktop p > strong,
.element-display-drawer-base-desktop li > strong,
.element-display-drawer-base-small p > em,
.element-display-drawer-base-small p > strong,
.element-display-drawer-base-small li > strong {
  color: #000;
}
.element-display-drawer-base-desktop .element-tooltip-wrapper > span strong,
.element-display-drawer-base-small .element-tooltip-wrapper > span strong {
  color: var(--fallout-green);
}
.element-display-drawer-base-desktop .element-display-footer-drawer,
.element-display-drawer-base-small .element-display-footer-drawer {
  margin: 1px 0px;
  width: 100%;
  border-top: 2px solid #000;
}
.element-display-drawer-base-desktop .element-display-footer-drawer .general-element-display-footer-float,
.element-display-drawer-base-small .element-display-footer-drawer .general-element-display-footer-float {
  padding: 10px 10px;
}
.element-display-drawer-base-desktop .main-holder,
.element-display-drawer-base-small .main-holder {
  width: auto !important;
}

/* Core Book Drawer */
/* Core Book Drawer */
.element-display-float-outer {
  /* Font & SVG colors */
  /* Footer */
}
.element-display-float-outer .element-display-float-inner {
  border-radius: 0px;
  border: 1px solid #000;
  background: var(--drawer-bg) !important;
}
.element-display-float-outer .element-display-float-inner .element-display-float-close-container,
.element-display-float-outer .element-display-float-inner .element-display-float-header-container,
.element-display-float-outer .element-display-float-inner .simplebar-scrollable-y,
.element-display-float-outer .element-display-float-inner .element-display-footer,
.element-display-float-outer .element-display-float-inner .general-element-display-footer-float,
.element-display-float-outer .element-display-float-inner > div {
  background: var(--drawer-bg) !important;
  border-radius: 0px;
}
.element-display-float-outer .element-display-float-inner .element-display-container-drawer .element-display-image-container.element-display-image-container-drawer {
  margin-bottom: 5px;
  max-height: 300px;
  margin-top: 5px;
}
.element-display-float-outer .element-display-float-inner .statblock-block li strong,
.element-display-float-outer .element-display-float-inner p strong {
  color: #000;
}
.element-display-float-outer .element-display-float-inner ul {
  margin-left: -10px;
}
.element-display-float-outer .element-display-float-inner ul li strong {
  color: #000;
}
.element-display-float-outer .element-display-float-inner .example-block strong {
  color: #000;
}
.element-display-float-outer .element-display-float-close-container svg > path {
  fill: var(--drawer-font-color);
}
.element-display-float-outer .element-display-header-top-row {
  padding: 10px 0px;
  margin-bottom: 0px;
  border: 3px solid #000;
  border-left: none;
  border-right: none;
}
.element-display-float-outer .element-display-header-top-row .elem-disp-header-thumb-container-drawer {
  border-radius: 30px;
}
.element-display-float-outer .element-display-header-top-row .elem-disp-header-name-drawer > h1 {
  font-family: var(--drawer-header);
  font-weight: 400;
  font-size: var(--font-size-3);
  line-height: auto;
  color: var(--drawer-font-color);
}
.element-display-float-outer .element-display-header-top-row .element-display-header-bottom-separator {
  background: transparent;
}
.element-display-float-outer .general-element-display-footer-float {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  margin: 1px 0px;
  width: 100%;
  height: 100%;
  border-top: 2px solid #000;
}
.element-display-float-outer .general-element-display-footer-float > div {
  border-radius: 0px;
  width: 100%;
}
.element-display-float-outer .main-holder {
  width: auto !important;
}

/*Tooltip*/
[role=tooltip] .tooltip-container {
  overflow: visible !important;
}
[role=tooltip] .tooltip-container > .tooltip-hovercard-container {
  background-image: url("https://images.demiplane.com/nexus/falloutrpg/tooltip-bg.png?format=webp");
  background-size: cover;
  background-position: center center;
  background-repeat: repeat-y;
  margin: 20px 20px 40px 20px;
  border-radius: 20px;
  filter: drop-shadow(0px 20px 25px rgba(0, 0, 0, 0.2));
}
[role=tooltip] .tooltip-container > .tooltip-hovercard-container > .element-tooltip-header-outer {
  margin-bottom: 8px !important;
}
[role=tooltip] .tooltip-container > .tooltip-hovercard-container > .element-tooltip-header-outer > .element-tooltp-header-background {
  background-color: #DDB724 !important;
  background-image: url("https://images.demiplane.com/nexus/falloutrpg/tooltip-header-bg.png?format=webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  filter: none;
  border-radius: 0px;
}
[role=tooltip] .tooltip-container > .tooltip-hovercard-container > .element-tooltip-header-outer > .element-tooltip-header-inner > div:has(img) {
  background-color: #fff;
  border-radius: 30px;
}
[role=tooltip] .tooltip-container > .tooltip-hovercard-container > .element-tooltip-header-outer > .element-tooltip-header-inner > .element-tooltip-header-details .element-tooltip-header-element-name {
  color: #000;
  font-family: var(--page-header);
  letter-spacing: 2px;
}
[role=tooltip] .tooltip-container > .tooltip-hovercard-container > .element-tooltip-header-outer > .element-tooltip-header-inner > .element-tooltip-header-right-container .element-tooltip-header-tag-container {
  align-items: center;
}
[role=tooltip] .tooltip-container > .tooltip-hovercard-container > .element-tooltip-header-outer > .element-tooltip-header-inner > .element-tooltip-header-right-container .element-tooltip-header-tag-container .element-tooltip-tag-title {
  border-radius: 0px;
  /*background-color: #3FAC7B;*/
  color: var(--header-tag-color);
  font-family: var(--header-tag-font);
  text-align: center;
  font-size: 15px;
  padding: 8px 16px;
  width: max-content;
}
[role=tooltip] .tooltip-container > .tooltip-hovercard-container > .element-tooltip-header-outer > .element-tooltip-header-inner > .element-tooltip-header-right-container .element-tooltip-header-tag-container .element-tooltip-tag-system {
  color: #0E3579;
  font-family: "RobotoBoldCond";
}
[role=tooltip] .tooltip-hovercard-container > div:nth-child(2) {
  margin-top: 0px !important;
}
[role=tooltip] .element-display-container-tooltip .main-holder {
  background-color: transparent;
  border-image-source: url("https://images.demiplane.com/nexus/falloutrpg/tooltip-content-border.png?format=webp");
  border-image-slice: 20 20 20 20;
  border-image-width: 10px 10px 10px 10px;
  border-image-outset: 0px 0px 0px 0px;
  border-image-repeat: repeat repeat;
  margin: 8px !important;
  padding: 1px 10px !important;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
[role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder > p,
[role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder > ul > li, [role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder > ol > li, [role=tooltip] .element-display-container-tooltip > .main-holder > div > p,
[role=tooltip] .element-display-container-tooltip > .main-holder > div > ul > li, [role=tooltip] .element-display-container-tooltip > .main-holder > div > ol > li {
  color: #fff !important;
}
[role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder > p li,
[role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder > ul > li li, [role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder > ol > li li, [role=tooltip] .element-display-container-tooltip > .main-holder > div > p li,
[role=tooltip] .element-display-container-tooltip > .main-holder > div > ul > li li, [role=tooltip] .element-display-container-tooltip > .main-holder > div > ol > li li {
  color: #fff;
}
[role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder > p a,
[role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder > ul > li a, [role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder > ol > li a, [role=tooltip] .element-display-container-tooltip > .main-holder > div > p a,
[role=tooltip] .element-display-container-tooltip > .main-holder > div > ul > li a, [role=tooltip] .element-display-container-tooltip > .main-holder > div > ol > li a {
  color: var(--fallout-gold);
}
[role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder a > em,
[role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder a > strong, [role=tooltip] .element-display-container-tooltip > .main-holder > div a > em,
[role=tooltip] .element-display-container-tooltip > .main-holder > div a > strong {
  color: var(--fallout-gold);
}
[role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder strong, [role=tooltip] .element-display-container-tooltip > .main-holder > div strong {
  color: rgb(150, 222, 255);
}
[role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder > h4, [role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder h4.normal, [role=tooltip] .element-display-container-tooltip > .main-holder > div > h4, [role=tooltip] .element-display-container-tooltip > .main-holder > div h4.normal {
  color: var(--fallout-gold);
}
[role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder .example-block em, [role=tooltip] .element-display-container-tooltip > .main-holder > div .example-block em {
  color: #fff;
}
[role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder .example-block.yellow p, [role=tooltip] .element-display-container-tooltip > .main-holder > div .example-block.yellow p {
  color: #000;
}
[role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder .example-block.yellow p em, [role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder .example-block.yellow p strong, [role=tooltip] .element-display-container-tooltip > .main-holder > div .example-block.yellow p em, [role=tooltip] .element-display-container-tooltip > .main-holder > div .example-block.yellow p strong {
  color: #000;
}
[role=tooltip] .element-display-container-tooltip > .main-holder > .tooltip-inner-holder p > span.fallout-dice, [role=tooltip] .element-display-container-tooltip > .main-holder > div p > span.fallout-dice {
  filter: brightness(1.3);
}
[role=tooltip] .element-display-tooltip-read-more-outer {
  background-color: transparent;
  background-image: url("https://images.demiplane.com/nexus/falloutrpg/tooltip-bg.png?format=webp");
  background-size: cover;
  background-position: bottom center;
  background-repeat: repeat-y;
}
[role=tooltip] .element-display-tooltip-read-more-outer .element-display-tooltip-read-more-inner {
  margin-top: -10px;
  width: max-content;
  height: max-content;
  padding: 4px 60px;
  background-color: var(--fallout-gold);
  background-image: url("https://content.demiplane.com/compendium/falloutrpg/core-rulebook/css/white-halftone-3.png?format=webp");
  clip-path: polygon(7% 0, 96% 5%, 100% 100%, 0% 100%);
  background-size: cover;
}
[role=tooltip] .element-display-tooltip-read-more-outer .element-display-tooltip-read-more-inner .element-tooltip-read-more-text {
  font-family: "HouseSlant";
  font-size: 18px;
  color: #000;
  text-align: center;
  letter-spacing: 2px;
}
[role=tooltip] .element-display-tooltip-read-more-outer:after {
  content: "";
  position: absolute;
  width: 97.9%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-color: transparent;
  margin: 0px 8px 8px 8px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-image-source: url("https://images.demiplane.com/nexus/falloutrpg/tooltip-content-border.png?format=webp");
  border-image-slice: 0 20 20 20;
  border-image-width: 0px 10px 10px 10px;
  border-image-outset: 0px 0px 0px 0px;
  border-image-repeat: repeat repeat;
}

/*# sourceMappingURL=nexus.css.map */