/* FONTS */
@font-face {
  font-family: "FuturaHeavy";
  src: url("https://content.demiplane.com/fonts/FuturaStd-Heavy.otf") format("opentype");
}
@font-face {
  font-family: "Futura-BoldCond";
  src: url("https://content.demiplane.com/fonts/FuturaStd-CondensedBold.otf") format("opentype");
}
@font-face {
  font-family: "Sofachrome Light";
  src: url("https://content.demiplane.com/fonts/Sofachrome Light.otf") format("opentype");
}
@font-face {
  font-family: "Penumbra";
  src: url("https://content.demiplane.com/fonts/Penumbra Serif Std Semibold.otf") format("opentype");
}
@font-face {
  font-family: "Plantin";
  src: url("https://content.demiplane.com/fonts/Plantin Regular.otf") format("opentype");
}
@font-face {
  font-family: "Plantin";
  font-weight: bold;
  src: url("https://content.demiplane.com/fonts/Plantin Semibold.otf") format("opentype");
}
@font-face {
  font-family: "Laski Sans";
  src: url("https://content.demiplane.com/fonts/Laski Sans Regular.otf") format("opentype");
}
@font-face {
  font-family: "Laski Sans";
  font-weight: bold;
  src: url("https://content.demiplane.com/fonts/Laski Sans Bold.otf") format("opentype");
}
@font-face {
  font-family: Gotham;
  src: url("https://content.demiplane.com/fonts/Gotham-Medium.otf") format("opentype");
}
@font-face {
  font-family: Gotham-Bold;
  src: url("https://content.demiplane.com/fonts/Gotham-Bold.otf") format("opentype");
}
@font-face {
  font-family: Inter;
  src: url("https://content.demiplane.com/fonts/Inter-Regular.otf") format("opentype");
}
@font-face {
  font-family: Idlewild;
  src: url("https://content.demiplane.com/fonts/Idlewild-Medium.otf") format("opentype");
}
@font-face {
  font-family: OCRAStd;
  src: url("https://content.demiplane.com/fonts/OCRAStd.otf") format("opentype");
}
@font-face {
  font-family: ArrowSymbols1;
  src: url("https://content.demiplane.com/fonts/Arrow Symbols 1.ttf") format("truetype");
}
@font-face {
  font-family: "Arno Pro Semibold";
  src: url("https://content.demiplane.com/fonts/Arno Pro Semibold Caption.ttf") format("truetype");
}
@font-face {
  font-family: "Calluna Sans";
  src: url("https://content.demiplane.com/fonts/CallunaSans-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Gandhi Sans Bold";
  src: url("https://content.demiplane.com/fonts/GandhiSans-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Albertus Nova";
  src: url("https://content.demiplane.com/fonts/Monotype - Albertus Nova Bold.otf") format("opentype");
}
@font-face {
  font-family: "Rustix-Regular";
  src: url("https://content.demiplane.com/fonts/rustix-regular.ttf") format("truetype");
}
@font-face {
  font-family: "Komikazoom";
  src: url("https://content.demiplane.com/fonts/KAMIKZOM.ttf") format("truetype");
}
@font-face {
  font-family: "Rustix";
  src: url("https://content.demiplane.com/fonts/rustix-regular.ttf") format("truetype");
}
@font-face {
  font-family: "AlbertusNovaHeader";
  src: url("https://content.demiplane.com/fonts/AlbertusNova-Header-Amp.otf") format("opentype");
}
@font-face {
  font-family: "Aptifer Slab LT Pro";
  src: url("https://content.demiplane.com/fonts/Aptifer+Slab+LT+Pro.otf") format("opentype");
}
@font-face {
  font-family: "Aptifer Sans LT Pro";
  src: url("https://content.demiplane.com/fonts/Aptifer Sans LT W01.ttf") format("truetype");
}
@font-face {
  font-family: "Aptifer Sans LT Pro Black";
  src: url("https://content.demiplane.com/fonts/Aptifer-Sans-LT-Pro-Black.ttf") format("truetype");
}
@font-face {
  font-family: "AptiferSansLTW01-Bold";
  src: url("https://content.demiplane.com/fonts/Aptifer Sans LT W01.ttf") format("truetype");
}
@font-face {
  font-family: "Aptifer Sans LT Pro Bold";
  src: url("https://content.demiplane.com/fonts/Aptifer-Sans-LT-Pro-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "LTAuthenticSans";
  src: url("https://content.demiplane.com/fonts/LTAuthenticSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "LTAuthenticSans";
  src: url("https://content.demiplane.com/fonts/LTAuthenticSans-Bold.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "LTAuthenticSans";
  src: url("https://content.demiplane.com/fonts/LTAuthenticSans-Italic.ttf") format("truetype");
  font-style: italic;
}
@font-face {
  font-family: "LTAuthenticSans";
  src: url("https://content.demiplane.com/fonts/LTAuthenticSans-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "LTAuthenticSans-Medium";
  src: url("https://content.demiplane.com/fonts/LTAuthenticSans-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "LTAuthenticSans-Medium";
  src: url("https://content.demiplane.com/fonts/LTAuthenticSans-MediumItalic.ttf") format("truetype");
  font-style: italic;
}
@font-face {
  font-family: JMH Typewriter;
  src: url("https://content.demiplane.com/fonts/JMH Typewriter.ttf") format("truetype");
}
@font-face {
  font-family: Quentin;
  src: url("https://content.demiplane.com/fonts/Quentin.otf") format("opentype");
}
@font-face {
  font-family: Vaderlands;
  src: url("https://content.demiplane.com/fonts/Vaderlands.otf") format("opentype");
}
@font-face {
  font-family: Quelity-Regular;
  src: url("https://content.demiplane.com/fonts/Quelity-Regular.otf") format("opentype");
}
@font-face {
  font-family: Quelity-Bold;
  src: url("https://content.demiplane.com/fonts/Quelity-Bold.otf") format("opentype");
}
@font-face {
  font-family: MinionPro-Regular;
  src: url("https://content.demiplane.com/fonts/MinionPro-Regular.otf") format("opentype");
}
@font-face {
  font-family: MinionPro-Bold;
  src: url("https://content.demiplane.com/fonts/MinionPro-Bold.otf") format("opentype");
}
@font-face {
  font-family: JMH Typewriter;
  src: url("https://content.demiplane.com/fonts/JMH Typewriter.ttf") format("truetype");
}
@font-face {
  font-family: JMH Typewriter-Bold;
  src: url("https://content.demiplane.com/fonts/JMH Typewriter-Bold.ttf") format("truetype");
}
@font-face {
  font-family: Georgia Bold;
  src: url("https://content.demiplane.com/fonts/Georgia Bold.ttf") format("truetype");
}
@font-face {
  font-family: Bodoni Ornaments;
  src: url("https://content.demiplane.com/fonts/Bodoni Ornaments.ttf") format("truetype");
}
@font-face {
  font-family: Dontheus;
  src: url("https://content.demiplane.com/fonts/Dontheus.otf") format("opentype");
}
@font-face {
  font-family: "vendetta";
  src: url("https://use.typekit.net/af/0bff7a/00000000000000007735b22d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/0bff7a/00000000000000007735b22d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/0bff7a/00000000000000007735b22d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "vendetta";
  src: url("https://use.typekit.net/af/dbf4f7/00000000000000007735b22e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/dbf4f7/00000000000000007735b22e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/dbf4f7/00000000000000007735b22e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
}
@font-face {
  font-family: "vendetta";
  src: url("https://use.typekit.net/af/6f23c4/00000000000000007735b233/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/6f23c4/00000000000000007735b233/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/6f23c4/00000000000000007735b233/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
}
@font-face {
  font-family: "mrs-eaves";
  src: url("https://use.typekit.net/af/feb931/00000000000000007735b2fd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/feb931/00000000000000007735b2fd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/feb931/00000000000000007735b2fd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "mrs-eaves";
  src: url("https://use.typekit.net/af/23ea79/00000000000000007735b2ff/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/23ea79/00000000000000007735b2ff/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/23ea79/00000000000000007735b2ff/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "mrs-eaves";
  src: url("https://use.typekit.net/af/962d4f/00000000000000007735b300/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/962d4f/00000000000000007735b300/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/962d4f/00000000000000007735b300/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "mrs-eaves";
  src: url("https://use.typekit.net/af/d2a097/00000000000000007735b301/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/d2a097/00000000000000007735b301/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/d2a097/00000000000000007735b301/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "mrs-eaves-roman-small-caps";
  src: url("https://use.typekit.net/af/0057f0/00000000000000007735b2f9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/0057f0/00000000000000007735b2f9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/0057f0/00000000000000007735b2f9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: Bodoni72;
  src: url("https://content.demiplane.com/fonts/Bodoni 72.ttf") format("truetype");
}
@font-face {
  font-family: Cormorant;
  src: url("https://content.demiplane.com/fonts/Cormorant-Regular.ttf") format("truetype");
}
@font-face {
  font-family: GillSans;
  src: url("https://content.thethedemiplane.com/fonts/GillSansNova-Book-Baseline.otf") format("opentype");
}
@font-face {
  font-family: GillSans-Baseline;
  src: url("https://content.demiplane.com/fonts/GillSansNova-Book-Baseline.otf") format("opentype");
}
@font-face {
  font-family: EBGaramond;
  src: url("https://content.demiplane.com/fonts/EBGaramond-Regular.ttf") format("truetype");
}
@font-face {
  font-family: Yrsa;
  src: url("https://content.demiplane.com/fonts/Yrsa-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: IvyMode-Regular;
  src: url("https://content.demiplane.com/fonts/IvyMode-Regular.ttf") format("truetype");
}
@font-face {
  font-family: IvyMode-Bold;
  src: url("https://content.demiplane.com/fonts/IvyMode-Bold.ttf") format("truetype");
}
@font-face {
  font-family: Overpass;
  src: url("https://content.demiplane.com/fonts/Overpass-Regular.ttf") format("truetype");
}
@font-face {
  font-family: Overpass-Black;
  src: url("https://content.demiplane.com/fonts/Overpass-Black.ttf") format("truetype");
}
@font-face {
  font-family: Eveleth-Clean;
  src: url("https://content.demiplane.com/fonts/EvelethCleanRegular.otf") format("opentype");
}
/* GENERAL */
.character-card-info-container {
  max-width: calc(100% - 80px);
}

.char-lib-container {
  max-width: 1880px;
  margin: auto;
  padding-bottom: 120px;
  background: #202020;
}

.char-lib-container .simplebar-scrollbar:before {
  opacity: 1;
  background: #666666;
}

.simplebar-track.simplebar-horizontal {
  position: relative;
  margin-top: 4px;
}

div[data-cy=char-lib-no-chars-stack] {
  justify-content: flex-start;
  margin-top: 36px;
}

.character-card-badge-container.pathfinder2e-card-badge-container {
  font-family: "Gin";
  position: absolute;
  bottom: 0px;
  right: 24px;
  background: #204c74;
  color: #fcfcfc;
  height: fit-content;
  margin-top: auto;
  padding: 0px 8px;
  border-radius: 8px 8px 0px 0px;
  font-size: 12px;
}

.character-card-badge-container.undefined-card-badge-container {
  font-family: "Gin";
  position: absolute;
  bottom: 0px;
  right: 24px;
  background: #204c74;
  color: #fcfcfc;
  height: fit-content;
  margin-top: auto;
  padding: 0px 8px;
  border-radius: 8px 8px 0px 0px;
  font-size: 12px;
}

.nexus-selector-container button.char-lib-nexus-selected {
  border-color: #00abff !important;
  filter: brightness(1.2);
}

.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation1:not(.MuiPaper-rounded) {
  background: #202020;
}

.nexus-selector-container {
  gap: 20px;
}

.nexus-selector-container div {
  margin: 0px !important;
}

.character-card:hover {
  filter: brightness(1.2);
  translate: 0px -2px;
  transition: ease all 0.2s;
}

.disabled-characters-container .character-card {
  filter: grayscale(0.5) !important;
  opacity: 0.75;
}

.disabled-characters-container .character-card:hover {
  filter: none !important;
  translate: 0px 0px;
}

.my-nexus-char-accordion-nexus-name {
  line-height: 1;
}

.char-lib-section > div:first-child > div:first-child + div > div:first-child {
  padding-bottom: 32px;
}

.char-lib-container .divider {
  border-color: gray;
}

.my-nexus-char-accordion-arrow-btn svg {
  color: white;
}

.char-lib-nexus-selector-box > div:first-child {
  border-radius: 24px !important;
}

.nexus-selector-container button > div:first-child {
  height: 140px;
  width: 140px;
  border-radius: 8px;
  border: 1px solid #353535;
}

.char-lib-nexus-selector-box {
  margin-bottom: 32px;
  position: relative;
}

.char-lib-nexus-selector-box > div:first-child:after {
  content: "";
  position: absolute;
  height: 100%;
  background: linear-gradient(270deg, #202020, transparent);
  width: 64px;
  right: 0px;
  top: 0px;
}

.characters-search-box-wrapper {
  min-width: 100%;
  background: rgb(15, 15, 15);
  justify-content: center;
  display: flex;
}

input.characters-search-box-input {
  font-size: 16px;
  text-transform: uppercase;
  color: white;
  position: relative;
}

.characters-search-box-outer-container {
  width: 100%;
  padding: 0px 16px;
}

.nexus-selector-container > div:last-child {
  padding-right: 64px;
}

.char-lib-nexus-selector-box .simplebar-content-wrapper::-webkit-scrollbar {
  display: block !important;
}

.char-lib-section:nth-of-type > div:first-child {
  background: #252525;
  padding-bottom: 32px;
  border-radius: 16px !important;
}

.char-lib-characters-stack + div h2 {
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: -14px;
  text-transform: uppercase;
}

.nexus-selector-container button img {
  border-radius: 8px;
}

.nexus-selector-container button {
  border: 1.5px solid #353535 !important;
  border-radius: 8px;
}

.nexus-selector-container button:hover {
  filter: none !important;
  border-color: var(--green) !important;
  transition: ease all 0.3s;
}

.nexus-selector-container .char-lib-neuxs-selected {
  filter: brightness(1.2);
  border-color: rgb(0, 171, 255) !important;
}

.char-lib-section > div:first-child > div:first-child {
  min-height: 64px;
  margin-bottom: 0px !important;
}

/* Responsive */
@media only screen and (max-width: 499px) {
  .char-lib-section > div:first-child > div:first-child + div > div:first-child > div:first-child > div:first-child > div:first-child {
    padding-left: 8px;
    padding-right: 8px;
  }
  .char-lib-section > div:first-child > div:first-child > div:first-child {
    gap: 24px;
    align-items: center;
    padding-left: 12px;
    margin-right: 16px !important;
  }
  .char-lib-container .divider {
    display: none;
  }
}
/* Character Cards */
.char-lib-characters-stack {
  gap: 16px;
  margin: 0px;
  width: 100%;
}

.char-lib-characters-stack > div {
  padding: 0px !important;
  min-width: 350px;
  max-width: 350px;
}

.disabled-characters-container {
  gap: 16px;
}

.disabled-characters-container > div {
  min-width: 350px;
  max-width: 350px;
}

.character-card {
  border-radius: 0px;
  padding: 8px;
  gap: 16px;
  align-items: flex-start;
  height: unset;
  min-height: 80px;
  min-width: 350px;
  width: 350px;
}

.character-card-image-container:first-of-type {
  border-radius: 0px;
  margin: 0px;
  height: 64px !important;
  width: 64px !important;
  min-height: 64px !important;
  min-width: 64px !important;
}

.character-card-image-container:first-of-type span {
  height: 64px;
  width: 64px;
}

.character-card-image-container:last-of-type {
  display: none;
}

.character-card-info-container div {
  margin: 0px;
}

.character-card-info-container h4 {
  line-height: 1;
  font-size: 18px;
  padding-top: 6px;
}

.character-card-info-container h6 {
  line-height: 1;
  margin-top: 10px;
  font-size: 13px;
  max-width: 34ch;
}

button[data-cy=character-card-kabob-btn] {
  margin: 0px;
  z-index: 9;
}

.char-lib-section > div:first-child > div:first-child > div:first-child {
  gap: 24px;
  align-items: center;
}

.char-lib-section > div:first-child > div:first-child > div:first-child > div:first-child {
  margin: 0px;
}

.char-lib-section > div:first-child > div:first-child > div:first-child h6 {
  padding-top: 6px;
  font-size: 13px;
  line-height: 1;
}

.char-lib-section > div:first-child > div:first-child > div:first-child h6:hover {
  color: #FFD84D;
}

/* Active Game States */
.active-alienrpg .section-alienrpg > div:first-child {
  min-height: calc(100vh - 800px);
}

.active-candelaobscura .section-candelaobscura > div:first-child {
  min-height: calc(100vh - 800px);
}

.active-avatarlegends .section-avatarlegends > div:first-child {
  min-height: calc(100vh - 800px);
}

.active-pathfinder2e .section-pathfinder2e > div:first-child {
  min-height: calc(100vh - 780px);
}

.active-vampire .section-vampire > div:first-child {
  min-height: calc(100vh - 780px);
}

.active-marvelrpg .section-marvelrpg > div:first-child {
  min-height: calc(100vh - 780px);
}

.active-alienrpg .nexus-selector-container button:not(.char-lib-nexus-selected):not(.nexus-selector-all-toggle-btn) {
  filter: grayscale(0.5) opacity(0.5);
}

.active-candelaobscura .nexus-selector-container button:not(.char-lib-nexus-selected):not(.nexus-selector-all-toggle-btn) {
  filter: grayscale(0.5) opacity(0.5);
}

.active-avatarlegends .nexus-selector-container button:not(.char-lib-nexus-selected):not(.nexus-selector-all-toggle-btn) {
  filter: grayscale(0.5) opacity(0.5);
}

.active-pathfinder2e .nexus-selector-container button:not(.char-lib-nexus-selected):not(.nexus-selector-all-toggle-btn) {
  filter: grayscale(0.5) opacity(0.5);
}

.active-vampire .nexus-selector-container button:not(.char-lib-nexus-selected):not(.nexus-selector-all-toggle-btn) {
  filter: grayscale(0.5) opacity(0.5);
}

.active-marvelrpg .nexus-selector-container button:not(.char-lib-nexus-selected):not(.nexus-selector-all-toggle-btn) {
  filter: grayscale(0.5) opacity(0.5);
}

/* ALIEN */
.section-alienrpg > div:first-child {
  border-radius: 16px;
  background-color: black !important;
  background-image: linear-gradient(180deg, black 0%, transparent 50%), linear-gradient(90deg, rgba(1, 1, 1, 0.5882352941) 150%, transparent), url(https://content.demiplane.com/nexus/alienrpg/alienrpg-my-characters-bg.webp) !important;
  background-size: cover, cover, 1920px !important;
  background-position: top center, top center, bottom -64px center !important;
  background-repeat: no-repeat !important;
}

.section-alienrpg .my-nexus-char-accordion-nexus-name {
  font-family: "Idlewild";
  font-size: 21px;
  letter-spacing: 3px;
}
.section-alienrpg .my-nexus-char-accordion-create-char-btn {
  color: #a8c5bd !important;
}
.section-alienrpg .my-nexus-char-accordion-create-char-btn:hover {
  color: #b65d2c !important;
}
.section-alienrpg .character-card-info-container h4 {
  font-family: "OCRAStd";
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0px;
  color: #a8c5bd !important;
}
.section-alienrpg .character-card-info-container h6 {
  font-family: "Gotham";
  color: #FDFDFD;
  font-size: 10px;
}
.section-alienrpg .character-card {
  border: none;
  clip-path: polygon(12px 0%, calc(100% - 12px) 0%, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0% calc(100% - 12px), 0% 12px);
  padding: 8px;
  background: #a8c5bd;
  position: relative;
}
.section-alienrpg .character-card:after {
  content: "";
  width: calc(100% - 3px);
  height: calc(100% - 3px);
  left: 1.5px;
  top: 1.5px;
  z-index: -1;
  background: url(https://content.demiplane.com/nexus/alienrpg/texture-scanline-lines.png?format=webp) !important;
  background-size: cover !important;
  background-position: top -64px center !important;
  background-repeat: no-repeat !important;
  background-color: black !important;
  clip-path: polygon(12px 0%, calc(100% - 12px) 0%, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0% calc(100% - 12px), 0% 12px) !important;
  position: absolute;
}
.section-alienrpg .character-card-image-container:first-of-type {
  clip-path: polygon(12px 0%, calc(100% - 12px) 0%, 100% 0px, 100% calc(100% - 12px), calc(100% - 0px) 100%, 12px 100%, 0% calc(100% - 12px), 0% 12px);
}

/* END ALIEN */
/* AVATAR LEGENDS */
.section-avatarlegends.char-lib-section > div:first-child > div:first-child > div:first-child h6 {
  padding-top: 0px !important;
  color: #b9cfeb;
}

.section-avatarlegends.char-lib-section > div:first-child > div:first-child > div:first-child h6:hover {
  color: #cbbd7d;
}

.section-avatarlegends > div:first-child {
  border-radius: 16px;
  background-color: #151b24 !important;
  background-image: linear-gradient(180deg, rgba(20, 29, 40, 0.6666666667) 0%, transparent 50%), linear-gradient(90deg, rgba(0, 0, 0, 0) 150%, transparent), url(https://content.demiplane.com/nexus/avatarlegends/al-characters-bg.jpg?format=webp) !important;
  background-size: cover, cover, 100% auto !important;
  background-position: top center, top center, top center !important;
  background-repeat: no-repeat !important;
}

.section-avatarlegends .character-card-image-container:first-of-type img {
  border-radius: 50%;
  padding: 3px !important;
  height: 60px !important;
  width: 60px !important;
  min-height: 60px !important;
  min-width: 60px !important;
  outline: 1px solid #cbbd7d !important;
  outline-offset: -3px;
}
.section-avatarlegends .character-card {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #1F344D;
  --mask: conic-gradient(at 16px 16px, #000 75%, #0000 0) -8px -8px;
  -webkit-mask: var(--mask);
  mask: var(--mask);
}
.section-avatarlegends .character-card:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  border-image: url(https://content.demiplane.com/nexus/avatarlegends/al-dark-sidebar-border-alt.png?format=webp) !important;
  border-image-slice: 30 30 30 30 !important;
  border-image-width: 14px 14px 14px 14px !important;
  border-image-outset: 0px 0px 0px 0px !important;
  border-image-repeat: round round !important;
}
.section-avatarlegends .my-nexus-char-accordion-nexus-name {
  font-family: "Albertus Nova";
  font-weight: 400;
  font-variant: small-caps !important;
  text-transform: none;
  font-size: 26px;
}
.section-avatarlegends .character-card-info-container h4 {
  font-family: "Komikazoom";
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.section-avatarlegends .character-card-info-container h6 {
  color: #b9cfeb;
  font-family: "Calluna Sans";
  font-weight: 700;
  font-size: 13px;
}

/* END AVATAR LEGENDS */
/* CANDELA OBSCURA */
.section-candelaobscura.char-lib-section > div:first-child > div:first-child > div:first-child h6 {
  padding-top: 0px !important;
  color: #e7d2b8;
}

.section-candelaobscura.char-lib-section > div:first-child > div:first-child > div:first-child h6:hover {
  color: #ffc484;
}

.section-candelaobscura > div:first-child {
  border-radius: 16px;
  background-color: #282523 !important;
  background-image: linear-gradient(180deg, rgba(17, 16, 16, 0.8196078431) 0%, transparent 50%), linear-gradient(90deg, rgba(40, 37, 35, 0.7490196078) 150%, transparent), url(https://content.demiplane.com/nexus/candelaobscura/co-my-characters-bg.jpg?format=webp) !important;
  background-size: cover, cover, 100% auto !important;
  background-position: top center !important;
  background-repeat: no-repeat !important;
}

.section-candelaobscura .character-card {
  border: 1px solid #baa088;
  background: #baa088;
  filter: drop-shadow(0px 0px 8px #252525);
  -webkit-mask-image: radial-gradient(circle at top left, transparent 0, transparent 10px, black 11px), radial-gradient(circle at top right, transparent 0, transparent 10px, black 11px), radial-gradient(circle at bottom left, transparent 0, transparent 10px, black 11px), radial-gradient(circle at bottom right, transparent 0, transparent 10px, black 11px);
  -webkit-mask-position: top left, top right, bottom left, bottom right;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 51% 51%;
  mask-image: radial-gradient(circle at top left, transparent 0, transparent 10px, black 11px), radial-gradient(circle at top right, transparent 0, transparent 10px, black 11px), radial-gradient(circle at bottom left, transparent 0, transparent 10px, black 11px), radial-gradient(circle at bottom right, transparent 0, transparent 10px, black 11px);
  mask-position: top left, top right, bottom left, bottom right;
  mask-repeat: no-repeat;
  mask-size: 51% 51%;
  position: relative;
}
.section-candelaobscura .character-card:after {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, transparent), url(https://content.demiplane.com/nexus/candelaobscura/co-top-green-l.jpg?format=webp);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 1px);
  z-index: -1;
  top: 0px;
  right: 0px;
  -webkit-mask-image: radial-gradient(circle at top left, transparent 0, transparent 10px, black 11px), radial-gradient(circle at top right, transparent 0, transparent 10px, black 11px), radial-gradient(circle at bottom left, transparent 0, transparent 10px, black 11px), radial-gradient(circle at bottom right, transparent 0, transparent 10px, black 11px);
  -webkit-mask-position: top left, top right, bottom left, bottom right;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 51% 51%;
  mask-image: radial-gradient(circle at top left, transparent 0, transparent 10px, black 11px), radial-gradient(circle at top right, transparent 0, transparent 10px, black 11px), radial-gradient(circle at bottom left, transparent 0, transparent 10px, black 11px), radial-gradient(circle at bottom right, transparent 0, transparent 10px, black 11px);
  mask-position: top left, top right, bottom left, bottom right;
  mask-repeat: no-repeat;
  mask-size: 51% 51%;
}
.section-candelaobscura .character-card-image-container:first-of-type {
  -webkit-mask-image: radial-gradient(circle at top left, transparent 0, transparent 10px, black 11px), radial-gradient(circle at top right, transparent 0, transparent 0px, black 10px), radial-gradient(circle at bottom left, transparent 0, transparent 10px, black 11px), radial-gradient(circle at bottom right, transparent 0, transparent 0px, black 0px);
  -webkit-mask-position: top left, top right, bottom left, bottom right;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 51% 51%;
  mask-image: radial-gradient(circle at top left, transparent 0, transparent 10px, black 11px), radial-gradient(circle at top right, transparent 0, transparent 0px, black 10px), radial-gradient(circle at bottom left, transparent 0, transparent 10px, black 11px), radial-gradient(circle at bottom right, transparent 0, transparent 0px, black 0px);
  mask-position: top left, top right, bottom left, bottom right;
  mask-repeat: no-repeat;
  mask-size: 51% 51%;
}
.section-candelaobscura .my-nexus-char-accordion-nexus-name {
  font-family: "vendetta";
  font-weight: 700;
  font-variant: none !important;
  text-transform: uppercase;
  font-size: 32px;
}
.section-candelaobscura .character-card-info-container h4 {
  font-family: "Quelity-Bold";
  font-weight: 400;
  font-size: 19px;
  letter-spacing: 0.5px;
}
.section-candelaobscura .character-card-info-container h6 {
  color: rgb(241, 206, 134);
  font-family: "vendetta";
}

/* END Candela Obscura */
/* Cosmere RPG */
.section-cosmererpg > div:first-child {
  border-radius: 16px;
  background-color: black !important;
  background-image: linear-gradient(90deg, #08152a 0%, transparent 20%), linear-gradient(0deg, #08152a 0%, transparent 10%), url(https://content.demiplane.com/nexus/stormlightrpg/character/blue-bg-f.jpg?format=webp) !important;
  background-size: cover, cover, 1920px !important;
  background-position: top center, top center, top center, top -36px center !important;
  background-repeat: no-repeat !important;
}

.section-cosmererpg .my-nexus-char-accordion-nexus-name {
  font-family: "Penumbra";
  text-transform: uppercase;
  font-size: 25px;
  letter-spacing: 0px;
}
.section-cosmererpg .my-nexus-char-accordion-create-char-btn {
  color: #add2fa !important;
}
.section-cosmererpg .my-nexus-char-accordion-create-char-btn:hover {
  color: #C7A75E !important;
}
.section-cosmererpg .character-card-info-container h4 {
  font-family: "Penumbra";
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  color: white !important;
}
.section-cosmererpg .character-card-info-container h6 {
  font-family: "Laski Sans";
  color: #C7A75E;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 800;
}
.section-cosmererpg .character-card {
  border: none;
  padding: 8px;
  position: relative;
  border-radius: 16px;
  border: 1.5px double #C7A75E;
  background-color: #263C5E;
  background-image: url("https://content.demiplane.com/nexus/stormlightrpg/footer-background-2.webp");
  background-position: top;
  background-blend-mode: overlay;
  background-size: cover;
}
.section-cosmererpg .character-card:hover {
  box-shadow: 0px 0px 10px #1359ad;
}
.section-cosmererpg .character-card-image-container:first-of-type {
  border-radius: 0px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

/* END Cosmere */
/* cyberpunk */
@font-face {
  font-family: "Industry Inc";
  src: url("https://content.demiplane.com/fonts/Industry Inc.ttf") format("truetype");
}
@font-face {
  font-family: "Futura PT";
  src: url("https://content.demiplane.com/fonts/Futura PT Book.ttf") format("truetype");
}
.section-cyberpunkred.char-lib-section > div:first-child > div:first-child > div:first-child h6 {
  padding-top: 0px !important;
  color: #c82434;
}

.section-cyberpunkred > div:first-child {
  border-radius: 16px;
  background-color: #081619 !important;
  background-image: url(https://content.demiplane.com/nexus/cyberpunkred/character/character.jpg?format=webp) !important;
  background-size: cover, cover, 100% auto !important;
  background-position: top center, top center, top center !important;
  background-repeat: no-repeat !important;
}

.section-cyberpunkred .character-card-image-container {
  box-shadow: 0px 0px 9px 0px #FF3B3B;
}
.section-cyberpunkred .character-card {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #E3241A;
  clip-path: polygon(100% 0, 100% 85%, 96% 100%, 0 98%, 0 0);
}
.section-cyberpunkred .character-card::after {
  content: "";
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  top: 1px;
  left: 1px;
  background-color: #1d0d0f;
  position: absolute;
  z-index: -2;
  clip-path: polygon(100% 0, 100% 85%, 96% 100%, 0 98%, 0 0);
}
.section-cyberpunkred .my-nexus-char-accordion-nexus-name {
  font-family: "Industry inc";
  font-weight: 700;
  font-variant: none !important;
  text-transform: uppercase;
  font-size: 24px;
}
.section-cyberpunkred .character-card-info-container h4 {
  font-family: "Industry inc";
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
}
.section-cyberpunkred .character-card-info-container h6 {
  color: #c82434;
  font-family: "Futura PT";
  font-weight: 700;
  font-size: 12px;
  max-width: 40ch;
}

/* END cyberpubk */
/* DAGGERHEART */
.section-daggerheart > div:first-child {
  border-radius: 16px;
  background-color: black !important;
  background-image: linear-gradient(180deg, rgba(56, 34, 123, 0.5215686275) 0%, transparent 50%), linear-gradient(90deg, rgba(30, 24, 77, 0.7215686275) 150%, transparent), linear-gradient(0deg, #1e184d 0%, transparent), url(https://content.demiplane.com/nexus/daggerheart/dh-my-characters-bg.webp) !important;
  background-size: cover, cover, 1920px !important;
  background-position: top center, top center, top center, top -36px center !important;
  background-repeat: no-repeat !important;
}

.section-daggerheart .my-nexus-char-accordion-nexus-name {
  font-family: IvyMode-Bold;
  text-transform: uppercase;
  font-size: 26px;
  letter-spacing: 0px;
}
.section-daggerheart .my-nexus-char-accordion-create-char-btn {
  color: #f3c267 !important;
}
.section-daggerheart .my-nexus-char-accordion-create-char-btn:hover {
  color: #e38c3e !important;
}
.section-daggerheart .character-card-info-container h4 {
  font-family: "IvyMode-Bold";
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  color: white !important;
}
.section-daggerheart .character-card-info-container h6 {
  font-family: "Eveleth-Clean";
  color: #81ccc3;
  font-size: 9px;
  letter-spacing: 1px;
}
.section-daggerheart .character-card {
  border: none;
  padding: 8px;
  background: #0a0f21;
  position: relative;
  border-radius: 16px;
  border: 1.5px solid #f3c267;
}
.section-daggerheart .character-card-image-container:first-of-type {
  border-radius: 0px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

/* END DAGGERHEART */
/* START Fallout */
.section-falloutrpg {
  /* Section BG */
  /* Nexus Name */
  /* Create Character Buttons */
  /* Character Tile */
}
.section-falloutrpg > div.Mui-expanded,
.section-falloutrpg > div:not(.Mui-expanded) > div[role=button] {
  border-radius: 13px;
  border-radius: 13px;
  background: linear-gradient(271deg, rgba(0, 0, 0, 0) 74.92%, rgba(0, 0, 0, 0.2) 94.79%), linear-gradient(89deg, rgba(0, 0, 0, 0) 79.74%, rgba(0, 0, 0, 0.2) 97.63%), linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url(https://images.demiplane.com/nexus/falloutrpg/fallout-character-select-bg.png?format=webp) !important;
  background-size: cover !important;
  background-position: center center !important;
}
.section-falloutrpg h2.my-nexus-char-accordion-nexus-name {
  color: #FFF;
  font-family: "Futura-BoldCond";
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0px;
}
.section-falloutrpg h6.my-nexus-char-accordion-create-char-btn {
  color: #DDB724;
  leading-trim: both;
  text-edge: cap;
  font-family: "FuturaHeavy";
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.section-falloutrpg h6.my-nexus-char-accordion-create-char-btn:hover {
  color: #65B3CF !important;
}
.section-falloutrpg .char-lib-characters-stack > div {
  height: 95px;
}
.section-falloutrpg .falloutrpg-character-card {
  position: relative;
  border: 1px solid #696969;
  max-height: 71px;
  overflow: visible;
  gap: 22px;
  background-color: #173460;
  background-image: url("https://images.demiplane.com/nexus/falloutrpg/fallout-character-card-bg.png?format=webp");
  background-size: cover;
  background-position: center;
  /* Bottom card Border */
  /* Portrait Border */
}
.section-falloutrpg .falloutrpg-character-card:before {
  content: "";
  width: 350px;
  height: 15px;
  background-color: #DDB724;
  background-image: url("https://images.demiplane.com/nexus/falloutrpg/speckle-pattern.png?format=webp"), url("https://images.demiplane.com/nexus/falloutrpg/vaulttech-logo.png?format=webp");
  background-size: 100%, 25px;
  background-position: center center;
  background-repeat: no-repeat no-repeat;
  background-blend-mode: plus-lighter, normal;
  position: absolute;
  bottom: -16px;
  left: -1px;
  border: 0.8px solid #DDB724;
  border-top-color: #9A8019;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.section-falloutrpg .falloutrpg-character-card .character-card-image-container {
  overflow: visible;
  margin-top: 4px;
  margin-left: 2px;
  filter: drop-shadow(0px 0.903px 0.903px rgba(0, 0, 0, 0.5));
  /* Portrait BG */
  /* Paperclip */
}
.section-falloutrpg .falloutrpg-character-card .character-card-image-container:before {
  content: "";
  display: block;
  position: absolute;
  width: 70px;
  height: 70px;
  left: 1px;
  top: -1px;
  background-image: url("https://images.demiplane.com/nexus/falloutrpg/pleasestandby.jpg?format=webp");
  background-repeat: no-repeat;
  background-size: cover;
  border: 3px solid #E1DDD1;
  filter: drop-shadow(1px 1px 1px #000);
  transform: rotate(6deg);
}
.section-falloutrpg .falloutrpg-character-card .character-card-image-container:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 30px;
  left: 60px;
  top: 6px;
  background-image: url("https://images.demiplane.com/nexus/falloutrpg/paperclip.png?format=webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 30px;
  filter: drop-shadow(1px 1px 1px #000);
}
.section-falloutrpg .falloutrpg-character-card .character-card-image-container span {
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.7));
}
.section-falloutrpg .falloutrpg-character-card .character-card-image-container span img {
  border: 3px solid #E1DDD1 !important;
}
.section-falloutrpg .falloutrpg-character-card .character-card-info-container {
  /* Character Name */
  /* Options Kabob Button */
  /* Character Details */
}
.section-falloutrpg .falloutrpg-character-card .character-card-info-container > div:first-child {
  gap: 4px;
}
.section-falloutrpg .falloutrpg-character-card .character-card-info-container h4[data-cy=falloutrpg-character-card-character-name] {
  color: #FFF;
  font-family: "Futura-BoldCond";
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0px;
  overflow: hidden;
  max-height: 2.5lh;
}
.section-falloutrpg .falloutrpg-character-card .character-card-info-container button[data-cy=character-card-kabob-btn] svg path {
  fill: #DDB724;
  stroke: #AFA065;
  stroke-width: 0.5px;
}
.section-falloutrpg .falloutrpg-character-card .character-card-info-container h6[data-cy=falloutrpg-character-card-character-description] {
  color: #DDB724;
  leading-trim: both;
  text-edge: cap;
  font-family: "FuturaHeavy";
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0px;
}

/* END Fallout */
/* MARVEL */
.section-marvelrpg > div:first-child {
  border-radius: 16px;
  background-color: #151d30 !important;
  background-image: linear-gradient(180deg, rgba(21, 29, 48, 0.6666666667) 0%, transparent 50%), linear-gradient(90deg, rgba(21, 29, 48, 0.6) 20%, transparent), url(https://content.demiplane.com/nexus/marvelrpg/mmrpg-characters-bg.jpg?format=webp) !important;
  background-size: cover, cover, 100% auto !important;
  background-position: top center, top center, top center !important;
  background-repeat: no-repeat !important;
}

.section-marvelrpg .character-card-image-container:first-of-type img {
  clip-path: polygon(0% 18px, 18px 0%, 100% 0%, 100% calc(100% - 0px), calc(100% - 18px) 100%, 0% 100%);
}
.section-marvelrpg .character-card {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #ed1c24;
  clip-path: polygon(0% 20px, 20px 0%, 100% 0%, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0% 100%);
}
.section-marvelrpg .character-card:after {
  content: "";
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: #282523 !important;
  clip-path: polygon(0% 18px, 18px 0%, 100% 0%, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0% 100%);
  background-image: linear-gradient(180deg, rgba(76, 9, 21, 0.7411764706) 0%, transparent 50%), linear-gradient(90deg, rgba(76, 9, 21, 0.7411764706) 20%, transparent), url(https://content.demiplane.com/nexus/marvelrpg/mm-sheet-crimson-bg.png?format=webp) !important;
  background-size: cover, cover, 1020px !important;
  background-position: top center, top center, center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  z-index: -1;
}
.section-marvelrpg .my-nexus-char-accordion-nexus-name {
  font-family: "Aptifer Sans LT Pro";
  font-weight: 700;
  font-variant: none !important;
  text-transform: uppercase;
  font-size: 27px;
}
.section-marvelrpg .character-card-info-container h4 {
  font-family: "LTAuthenticSans";
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.section-marvelrpg .character-card-info-container h6 {
  color: #CFCFCF;
  font-family: "Aptifer Slab LT Pro";
  font-weight: 700;
  font-size: 12px;
  max-width: 40ch;
}

/* END Marvel */
/* PATHFINDER */
.section-pathfinder2e.char-lib-section > div:first-child > div:first-child > div:first-child h6 {
  padding-top: 0px !important;
  color: rgb(241, 206, 134);
}

.section-pathfinder2e > div:first-child {
  border-radius: 16px;
  background-color: #131416 !important;
  background-image: linear-gradient(180deg, rgba(16, 16, 16, 0.8) 0%, transparent 25%), linear-gradient(90deg, rgba(16, 16, 16, 0.8) 150%, transparent), url(https://content.demiplane.com/nexus/pathfinder-2e/pf-my-characters-bg.jpg?format=webp) !important;
  background-size: cover, cover, 100% auto !important;
  background-position: top center !important;
  background-repeat: no-repeat !important;
}

.section-pathfinder2e .character-card {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 50%, transparent), url(https://content.demiplane.com/nexus/pathfinder-2e/pf-core-green-texture.jpg?format=webp);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border: 1.5px solid #f1ce86;
  filter: drop-shadow(0px 0px 8px #252525);
  padding-right: 24px;
  border-right: none;
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
}
.section-pathfinder2e .character-card:after {
  content: "";
  display: block;
  height: 102%;
  width: 68px;
  background: url(https://content.demiplane.com/nexus/pathfinder-2e/pf-character-card-end.png?format=webp);
  background-size: auto 100.5%;
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  right: -10px;
  top: -0.75px;
  z-index: -1;
}
.section-pathfinder2e .my-nexus-char-accordion-nexus-name {
  font-family: taroca;
  font-weight: 400;
  font-variant: none !important;
  text-transform: uppercase;
  font-size: 30px;
}
.section-pathfinder2e .character-card-info-container h4 {
  font-family: "Gin";
  font-weight: 400;
  letter-spacing: 0.5px;
}
.section-pathfinder2e .character-card-info-container h6 {
  color: rgb(241, 206, 134);
  font-family: "GoodOTCondBold";
}

/* END Pathfinder */
/* STARFINDER */
.section-starfinder2e.char-lib-section > div:first-child > div:first-child > div:first-child h6 {
  padding-top: 0px !important;
  color: #C4E7EF;
}

.section-starfinder2e > div:first-child {
  border-radius: 16px;
  background-color: #131416 !important;
  background-image: linear-gradient(180deg, rgba(16, 16, 16, 0.8) 0%, transparent 25%), linear-gradient(90deg, rgba(16, 16, 16, 0.8) 20%, transparent), url("https://content.demiplane.com/nexus/starfinder2e/library-classes-background2.jpg") !important;
  background-size: cover !important;
  background-position: bottom center !important;
  background-repeat: no-repeat !important;
}

.section-starfinder2e .character-card {
  background: rgba(0, 0, 0, 0.3);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border: 2px outset #C4E7EF;
  padding-right: 24px;
  border-right-color: #B9509F;
  border-bottom-color: #B9509F;
  border-radius: 5px;
}
.section-starfinder2e .my-nexus-char-accordion-nexus-name {
  font-family: "Sofachrome Light";
  font-weight: 400;
  font-variant: none !important;
  text-transform: uppercase;
  font-size: 25px;
  letter-spacing: 1px;
}
.section-starfinder2e .character-card-info-container h4 {
  font-family: "Audiowide";
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: var(--font-size-1);
}
.section-starfinder2e .character-card-info-container h6 {
  color: #e283cb;
  font-family: "GoodOTCondBold";
}
.section-starfinder2e .character-card-image-container {
  border: thin ridge #9CD9E6;
  box-shadow: 0px 0px 3px #C4E7EF;
  border-radius: 10px 5px;
}
.section-starfinder2e .character-card:hover {
  box-shadow: 0px 0px 8px #C4E7EF;
  border-color: #C4E7EF;
  transition: all 0.4s;
}

/*End Starfinder*/
/* VAMPIRE */
.section-vampire.char-lib-section > div:first-child > div:first-child > div:first-child h6 {
  padding-top: 0px !important;
  color: #c82434;
}

.section-vampire > div:first-child {
  border-radius: 16px;
  background-color: #081619 !important;
  background-image: linear-gradient(180deg, rgba(1, 1, 1, 0.6666666667) 0%, transparent 50%), linear-gradient(90deg, rgba(16, 16, 16, 0.6666666667) 20%, transparent), linear-gradient(0deg, #010101 0%, transparent 20%), linear-gradient(90deg, rgba(16, 16, 16, 0.6666666667) 20%, transparent), url(https://content.demiplane.com/nexus/vampire/city-unlife-bg.jpg?format=webp) !important;
  background-size: cover, cover, 100% auto !important;
  background-position: top center, top center, top center !important;
  background-repeat: no-repeat !important;
}

.section-vampire .character-card-image-container:first-of-type img {
  border: 1px solid #68111a !important;
}
.section-vampire .character-card {
  background-image: url(https://content.demiplane.com/nexus/vampire/vtm-marble-red.jpg?format=webp);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: black;
  border: 1px solid #68111a !important;
}
.section-vampire .my-nexus-char-accordion-nexus-name {
  font-family: "Bodoni72";
  font-weight: 700;
  font-variant: none !important;
  text-transform: uppercase;
  font-size: 24px;
}
.section-vampire .character-card-info-container h4 {
  font-family: "Cormorant";
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.section-vampire .character-card-info-container h6 {
  color: #c82434;
  font-family: "GillSans-Baseline";
  font-weight: 700;
  font-size: 12px;
  max-width: 40ch;
}

/* END Vampire */

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