@font-face {
  font-family: "brush-tip-c-regular";
  src: url(/assets/games/sot/brush-tip-c-regular-922bbb2bbb80ec53e464bf0b04319e1c3760934baf261c6e0be8b8d6456d945a.woff) format("woff"), url(/assets/games/sot/brush-tip-c-regular-c76e9c1a405aa43400747220112294180afcd5c32e95bc018f0c215b6a277993.woff2) format("woff2");
}
.font-brush-tip-c {
  font-family: brush-top-c-regular;
}

@font-face {
  font-family: "brush-tip-terrence-regular";
  src: url(/assets/games/sot/brush-tip-terrence-regular-3a67c7d67ddbd1b7bbf0bbb77902338edf25a2c776247dac7556e7016b046309.woff) format("woff"), url(/assets/games/sot/brush-tip-terrence-regular-95a31da078c14a3e7f177beb53f9aaf60cb25f8da72fdd23ca4fcc1755918303.woff2) format("woff2");
}
.font-brush-tip-terrence {
  font-family: brush-top-terrence-regular;
}

@font-face {
  font-family: "brush-tip-texe-regular";
  src: url(/assets/games/sot/brush-tip-texe-regular-f499819ff8d8a8a6113896f2604fa72d3971f90136166b198569a8c726ff4235.woff) format("woff"), url(/assets/games/sot/brush-tip-texe-regular-d221fb860f07bbc5d560cf6f37afbb204fcf4c35ebad0588a9a3c03ab4bcb103.woff2) format("woff2");
}
.font-brush-tip-texe {
  font-family: brush-top-texe-regular;
}

@font-face {
  font-family: "brush-tip-travis-regular";
  src: url(/assets/games/sot/brush-tip-travis-regular-06e6493df59c4ff56cd40e429923336480d16915d2c9da0e81003df3ebf4510b.woff) format("woff"), url(/assets/games/sot/brush-tip-travis-regular-d4b8b606c6eb2036aab5ab071cf0ec2c0b4d3cea00e34d007e85893b8599e7d8.woff2) format("woff2");
}
.font-brush-tip-travis {
  font-family: brush-top-travis-regular;
}

@font-face {
  font-family: "windlass-upper";
  src: url(/assets/games/sot/windlass-dbbdea696df83f348ceb0d27f24eed22b57ec386f92f81c875aa6746350cd9a2.woff) format("woff"), url(/assets/games/sot/windlass-e8cfa0cb13b24e1798616950a9ff6777ecb41b2c3de901eadf6d531988242537.woff2) format("woff2");
}
.font-windlass-upper {
  font-family: windlass-upper;
}

@font-face {
  font-family: "windlass-lower";
  src: url(/assets/games/sot/windlass-lower-44bc3e357fb79d14cfc142c4524a17650074e95d6a9583c9b62468bccaae32c3.woff) format("woff"), url(/assets/games/sot/windlass-lower-847ee43f421da9684df5bac37f005e33673a7a1817a5ae62e0a042428b927952.woff2) format("woff2");
}
.font-windlass, .font-windlass-lower {
  font-family: windlass-lower;
}

@font-face {
  font-family: "windlass-extended";
  src: url(/assets/games/sot/windlass-extended-d2ec0bf01281aeb831b5ac5e85aa73dd6f8ae299c7ff845e69174315f478bd23.woff) format("woff"), url(/assets/games/sot/windlass-extended-ab6165a2ef1b28627678bed90c37189545116e9725c9ae120bb5606bb6cb6207.woff2) format("woff2");
}
.font-windlass-extended {
  font-family: windlass-extended;
  letter-spacing: 0.04rem;
}

@font-face {
  font-family: "1350-primitive-russian-regular";
  src: url(/assets/games/sot/1350-primitive-russian-regular-cd046c16b64e1943ec1540227a96a174cec2f4c933eeeb36175f39d5e088638c.woff) format("woff"), url(/assets/games/sot/1350-primitive-russian-regular-0073848a2543f1ba45c36a4c3870bb8130e130efd218c11c7eee1bc799bf45f2.woff2) format("woff2");
}
.font-primitive-russian {
  font-family: "1350-primitive-russian-regular";
}

@font-face {
  font-family: "aphrosine-bold";
  src: url(/assets/games/sot/aphrosine-bold-627aba0fdaada1f41c8a0d3e23a5b03fa4ba978faf323a2550fae8bac35bbb57.woff) format("woff"), url(/assets/games/sot/aphrosine-bold-ca6324c0a23946941458f087586beec4e3cbd6b378def043f1094f5d04cca1dc.woff2) format("woff2");
}
.font-aphrosine-bold {
  font-family: aphrosine-bold;
}

@font-face {
  font-family: "pf-davinci-script-pro-regular";
  src: url(/assets/games/sot/pf-davinci-script-pro-regular-ba555fde03debec9323b9841b8a206c706a87966af4ef93313dd2fb4642b9328.woff) format("woff"), url(/assets/games/sot/pf-davinci-script-pro-regular-ebd3f408b68b71b59437539dc0205f8254a57ccc1599524e8829c6f8ae6371cf.woff2) format("woff2");
}
.font-davinci-script {
  font-family: pf-davinci-script-pro-regular;
}

@font-face {
  font-family: "p22-operina-pro-regular";
  src: url(/assets/games/sot/p22-operina-pro-regular-04de2dc97a5bbac1f4967c83e6dce286ace1ed7e302380fd36fb870daf39265e.woff) format("woff"), url(/assets/games/sot/p22-operina-pro-regular-5997ecff5969f2abdd5494091fb5ab9b17f7d836dafab35642fe7e051ba798d2.woff2) format("woff2");
}
.font-operina {
  font-family: p22-operina-pro-regular;
}

@font-face {
  font-family: "manuskript-antiqua-d-regular";
  src: url(/assets/games/sot/manuskript-antiqua-d-regular-d62b7b23137b37596d805315bec8467d48b65b8db6c38bc594a68c8425c8dd7b.woff) format("woff"), url(/assets/games/sot/manuskript-antiqua-d-regular-a4541bcc051f4c303b99af0c0bdd2c72faa69a9ab631e373c672d85c31e06e94.woff2) format("woff2");
}
.font-manuskript-antiqua {
  font-family: manuskript-antiqua-d-regular;
  letter-spacing: 0.04rem;
}

@font-face {
  font-family: "basquiat-irregular-wide";
  src: url(/assets/games/sot/basquiat-irregular-wide-b284c52ffc409fab450761fe6d92fc075d688c922574adbc92071732118c3e9e.woff) format("woff"), url(/assets/games/sot/basquiat-irregular-wide-26600f04f6bc3651551669eda0fdff1302d6aa667805158d54ff331992e83755.woff2) format("woff2");
}
.font-basquiat-irregular {
  font-family: basquiat-irregular-wide;
}

@font-face {
  font-family: "brush-tip-texe-regular-game";
  src: url(/assets/games/sot/brush-tip-texe-regular-game-79a030d9e96e475c88c87710401a1facfc360e4ec5e2e2eeb1fa6bd2c963bd20.woff2) format("woff2");
}
.font-brush-tip-texe-game {
  font-family: brush-tip-texe-regular-game;
}

.clock-face-container {
  --size: 400px;
  width: var(--size, 200px);
  height: var(--size, 200px);
}

.clock-static {
  width: 100%;
  height: 100%;
}
.clock-static .now-marker {
  --size: 8px;
  width: calc(var(--size) * 2);
  height: calc(var(--size) * 2);
  margin-left: calc((var(--size, 20px)) * -1);
}
.clock-static .now-marker::before {
  position: absolute;
  content: "";
  top: calc(var(--size) * -0.7);
  border-left: var(--size, 20px) solid transparent;
  border-right: var(--size, 20px) solid transparent;
  border-bottom: calc(var(--size, 20px) * 0.7) solid rgba(255, 255, 255, 0.9);
}
.clock-static .center-display {
  background: rgba(51, 51, 51, 0.8);
  padding: 0.25rem 0.5rem;
  transform: translate(-50%, -50%);
}

.clock-face {
  width: 100%;
  height: 100%;
  transform: rotate(var(--rotate, 0deg));
  background: repeating-conic-gradient(rgba(0, 0, 0, 0), #030416 0turn, #030416 0.1041666667turn, #1a1a2e 0.125turn, rgb(62.8333333333, 62.8333333333, 111.1666666667) 0.1875turn, #f7bb38 0.2083333333turn, #a8d8ea 0.2291666667turn, #397ABC 0.8333333333turn, #EA9F5E 0.8541666667turn, #EA9F5E 0.9027777778turn, #1a1a2e 0.9236111111turn, #1a1a2e 0.9270833333turn, #030416 0.9479166667turn);
  border-radius: 50%; /* Create a circular shape */
}
.clock-face .now-handles, .clock-face .marker-handles {
  transform: rotate(var(--rotate, 0deg));
}
.clock-face .now-handles .handle, .clock-face .marker-handles .handle {
  position: absolute;
  background: #7df9ff;
  border: 1px solid rgba(17, 17, 17, 0.6666666667);
  width: 4px;
  transform: translateX(-50%);
  height: calc(var(--size) / 2);
}
.clock-face .marker-handles .handle {
  height: calc(var(--size) / 2 * 1.25);
  width: 5px;
  background: #fee191;
  transform: translate(-50%, -50%);
}
.clock-face .clock-handles > div {
  transform: rotate(var(--rotate, 0deg));
}
.clock-face .clock-handles > div[data-i="4"] {
  color: black;
}
.clock-face .clock-handles > div[data-i="5"] {
  color: black;
}
.clock-face .clock-handles > div[data-i="6"] {
  color: black;
}
.clock-face .clock-handles > div[data-i="7"] {
  color: black;
}
.clock-face .clock-handles > div[data-i="8"] {
  color: black;
}
.clock-face .clock-handles > div[data-i="9"] {
  color: black;
}
.clock-face .clock-handles > div[data-i="10"] {
  color: black;
}
.clock-face .clock-handles > div[data-i="11"] {
  color: black;
}
.clock-face .clock-handles > div[data-i="12"] {
  color: black;
}
.clock-face .clock-handles > div[data-i="13"] {
  color: black;
}
.clock-face .clock-handles > div[data-i="14"] {
  color: black;
}
.clock-face .clock-handles > div[data-i="15"] {
  color: black;
}
.clock-face .clock-handles > div[data-i="16"] {
  color: black;
}
.clock-face .clock-handles > div[data-i="17"] {
  color: black;
}
.clock-face .clock-handles > div[data-i="18"] {
  color: black;
}
.clock-face .clock-handles > div[data-i="19"] {
  color: black;
}
.clock-face .clock-handles > div[data-i="20"] {
  color: black;
}
.clock-face .clock-notches > div {
  width: 4px;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-top: 0px;
  height: 8px;
  transform: rotate(var(--rotate, 0deg));
}
.clock-face .clock-notches > div[data-i="4"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face .clock-notches > div[data-i="5"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face .clock-notches > div[data-i="6"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face .clock-notches > div[data-i="7"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face .clock-notches > div[data-i="8"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face .clock-notches > div[data-i="9"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face .clock-notches > div[data-i="10"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face .clock-notches > div[data-i="11"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face .clock-notches > div[data-i="12"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face .clock-notches > div[data-i="13"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face .clock-notches > div[data-i="14"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face .clock-notches > div[data-i="15"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face .clock-notches > div[data-i="16"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face .clock-notches > div[data-i="17"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face .clock-notches > div[data-i="18"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face .clock-notches > div[data-i="19"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face .clock-notches > div[data-i="20"] {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.8);
}
.clock-face.running {
  transition: transform 1000ms linear;
}

@property --magic-border-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.magic-border {
  --magic-border-angle: 0deg;
  background: repeating-conic-gradient(from var(--magic-border-angle, 0deg), var(--l, rgba(0, 0, 0, 0) 0% 70%, rgba(0, 0, 255, 0.4980392157))) border-box;
  filter: var(--f, url(#magic-border-glow-1));
  animation: magic-border var(--d, 2s) linear infinite;
}

@keyframes magic-border {
  to {
    --magic-border-angle: 360deg ;
  }
}
.bubble-char {
  position: relative;
}
.bubble-char .bubble {
  font-family: brush-tip-texe-regular;
  font-size: 2.3rem;
  line-height: 3rem;
  position: relative;
  right: -333px;
  margin-bottom: -100px;
}

@media (max-width: 767.98px) {
  .bubble-char {
    margin-right: 0 !important;
  }
  .bubble-char .bubble {
    right: auto;
    margin-bottom: 1rem;
  }
  .bubble-char .bubble-bottom-left:before {
    right: 32px;
    left: auto;
  }
}
.ship-header .ship-title-icons {
  max-width: 300px;
}

@media (max-width: 1199.98px) {
  .ship-header .ship-title-icons {
    max-width: 250px;
  }
  .ship-header .ship-title-icon {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 991.98px) {
  .ship-header .ship-title-icons {
    max-width: 120px;
  }
  .ship-header .ship-title-icon {
    width: 40px;
    height: 40px;
  }
}
.page_password, .bubbleouter {
  position: relative;
}
.page_password form, .bubbleouter form {
  position: absolute;
  bottom: 54px;
  left: 50%;
  transform: translateX(-50%);
}
.page_password form input, .bubbleouter form input {
  opacity: 0.8;
}
.page_password form input:focus, .bubbleouter form input:focus {
  opacity: 1;
}
.page_password .bubblewrap .bubble, .bubbleouter .bubblewrap .bubble {
  font-family: brush-tip-texe-regular;
  font-size: 2.3rem;
  line-height: 3rem;
  position: relative;
  right: -333px;
  margin-bottom: -100px;
}

.mkay .bubble {
  position: relative;
  top: -50px;
  left: -10px;
}

.bubble {
  position: relative;
  font-family: sans-serif;
  font-size: 18px;
  line-height: 24px;
  width: 300px;
  background: var(--bs-gray-300);
  color: rgb(var(--bs-black-rgb));
  border-radius: 20px;
  padding: 18px 18px 12px 18px;
  text-align: center;
  color: #000;
}
.bubble.bubble-small {
  padding: 10px 18px 10px 18px;
}

.bubble-bottom-left:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 24px solid var(--bs-gray-300);
  border-right: 12px solid transparent;
  border-top: 12px solid var(--bs-gray-300);
  border-bottom: 20px solid transparent;
  left: 32px;
  bottom: -24px;
  transform: skewX(325deg);
}

html[data-bs-theme=dark] .bubble {
  background: var(--bs-gray-700);
  color: rgb(var(--bs-white-rgb));
}
html[data-bs-theme=dark] .bubble.bubble-bottom-left:before {
  border-left-color: var(--bs-gray-700);
  border-top-color: var(--bs-gray-700);
}

.sot-data-container [data-sotid] {
  transition: background-color 100ms linear;
}
.sot-data-container.no-primary [data-sotid].last-clicked:hover,
.sot-data-container [data-sotid]:not(.no-hover):hover {
  background-color: rgba(11, 11, 11, 0.3);
}
.sot-data-container [data-sotid].last-clicked:not(.no-primary) {
  background-color: rgba(var(--bs-primary-rgb), 0.2);
}
.sot-data-container [data-sotid].emote-select-active {
  background-color: rgba(var(--bs-warning-rgb), 0.2) !important;
}
.sot-data-container.no-primary [data-sotid].last-clicked {
  background: unset;
}
.sot-data-container [data-missing-item]:hover {
  --bs-bg-opacity: 0.15 !important;
}
.sot-data-container [data-missing-item].last-clicked {
  --bs-bg-opacity: 0.4 !important;
}

.sot-world-wrapper {
  background: #62A6EE;
}
.sot-world-wrapper .optslide-target-outer {
  margin-left: 0;
  transition: margin-left 500ms ease-in-out;
}
.sot-world-wrapper .optslide-target {
  left: 0;
  transition: left 500ms ease-in-out;
}
.sot-world-wrapper .canvas-layer {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.sot-world-wrapper .canvas-layer canvas {
  display: block;
}
.sot-world-wrapper .canvas-layer.clickthru {
  pointer-events: none;
}
.sot-world-wrapper .canvas-layer.fadeable {
  transition: opacity 100ms linear;
}
.sot-world-wrapper .hud-top,
.sot-world-wrapper .hud-bottom {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 501;
}
.sot-world-wrapper .hud-top .shaded-bg,
.sot-world-wrapper .hud-bottom .shaded-bg {
  background: rgba(11, 11, 11, 0.8);
}
.sot-world-wrapper .hud-top .hud-topleft,
.sot-world-wrapper .hud-top .hud-topcenter,
.sot-world-wrapper .hud-top .hud-topright,
.sot-world-wrapper .hud-top .hud-bottomleft,
.sot-world-wrapper .hud-top .hud-bottomcenter,
.sot-world-wrapper .hud-top .hud-bottomright,
.sot-world-wrapper .hud-bottom .hud-topleft,
.sot-world-wrapper .hud-bottom .hud-topcenter,
.sot-world-wrapper .hud-bottom .hud-topright,
.sot-world-wrapper .hud-bottom .hud-bottomleft,
.sot-world-wrapper .hud-bottom .hud-bottomcenter,
.sot-world-wrapper .hud-bottom .hud-bottomright {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  background: rgba(11, 11, 11, 0.8);
  opacity: 0.5;
  transition: all 250ms linear;
}
.sot-world-wrapper .hud-top .hud-topleft:hover,
.sot-world-wrapper .hud-top .hud-topcenter:hover,
.sot-world-wrapper .hud-top .hud-topright:hover,
.sot-world-wrapper .hud-top .hud-bottomleft:hover,
.sot-world-wrapper .hud-top .hud-bottomcenter:hover,
.sot-world-wrapper .hud-top .hud-bottomright:hover,
.sot-world-wrapper .hud-bottom .hud-topleft:hover,
.sot-world-wrapper .hud-bottom .hud-topcenter:hover,
.sot-world-wrapper .hud-bottom .hud-topright:hover,
.sot-world-wrapper .hud-bottom .hud-bottomleft:hover,
.sot-world-wrapper .hud-bottom .hud-bottomcenter:hover,
.sot-world-wrapper .hud-bottom .hud-bottomright:hover {
  opacity: 0.9;
}
.sot-world-wrapper .hud-top .hud-topleft:empty,
.sot-world-wrapper .hud-top .hud-topcenter:empty,
.sot-world-wrapper .hud-top .hud-topright:empty,
.sot-world-wrapper .hud-top .hud-bottomleft:empty,
.sot-world-wrapper .hud-top .hud-bottomcenter:empty,
.sot-world-wrapper .hud-top .hud-bottomright:empty,
.sot-world-wrapper .hud-bottom .hud-topleft:empty,
.sot-world-wrapper .hud-bottom .hud-topcenter:empty,
.sot-world-wrapper .hud-bottom .hud-topright:empty,
.sot-world-wrapper .hud-bottom .hud-bottomleft:empty,
.sot-world-wrapper .hud-bottom .hud-bottomcenter:empty,
.sot-world-wrapper .hud-bottom .hud-bottomright:empty {
  padding: 0;
}
.sot-world-wrapper .hud-top .hud-bottomleft,
.sot-world-wrapper .hud-bottom .hud-bottomleft {
  background: none;
}
.sot-world-wrapper .hud-top {
  top: 0;
}
.sot-world-wrapper .hud-bottom {
  bottom: 0;
}

#sot-world .island {
  position: absolute;
  min-height: 10px;
  min-width: 10px;
  transform: translate(-50%, -50%);
}
#sot-world .island img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 100ms linear;
  filter: drop-shadow(0 0 1px #222);
}
#sot-world .island.no-shadow img {
  filter: none;
}
#sot-world.no-island-shadows .island img {
  filter: none;
}

.contains-pimage img[data-src]:not(.loaded) {
  background-image: url(/assets/games/sot-extra/reapers_mark_loading-15d1a8d309c1787bd1279af9742a6bd2caac68ebf8018138d0da6eee6187a7dc.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.repbar .rb-item .rb-icon {
  position: relative;
  text-align: center;
}
.repbar .rb-item .rb-icon .rb-rank {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.repbar .rb-item .rb-completion big, .repbar .rb-item .rb-completion small {
  display: block;
}
.repbar .rb-item .rb-completion big {
  font-size: 1.25rem;
}
.repbar .rb-item .rb-completion small {
  font-size: 0.75rem;
}

@media (min-width: 1400px) {
  .repbar .rb-icon img {
    width: 64px;
    height: 64px;
  }
}
.flameheart_forever .active {
  font-weight: bold;
  color: var(--bs-info);
}

.quickSearch input[data-role=query] {
  border-top: none;
  border-left: none;
  border-right: none;
  position: relative;
  z-index: 98;
}
.quickSearch input[data-role=query]:focus {
  border-bottom-color: var(--bs-gray-900);
  box-shadow: 0 0 0 0.25rem rgba(243, 156, 18, 0.25);
  clip-path: inset(-0.25rem -0.25rem -0.1rem -0.25rem);
}

.containsImmediateWikitext > p:last-child {
  margin-bottom: 0;
}

.pv-net-worth table td, .pv-net-worth table th {
  text-align: end;
}

:root {
  --gold-color: #F4D246;
  --gold-border-color: rgba(244,210,70, 0.5);
  --doubloon-color: #5E83A5;
  --doubloon-border-color: rgba(94,131,165, 0.9);
  --ancient-color: #EDF171;
  --ancient-border-color: #6B7341;
  --legendary-color: #8AFDFE;
  --legendary-border-color: #8AFDFE;
  --athena-color: #4CDEC7;
  --athena-color-contrast: var(--bs-dark);
  --reaper-color: #E03724;
  --reaper-color-contrast: var(--bs-white);
  --hoarder-color: #E1F300;
  --hoarder-color-contrast: var(--bs-black);
  --merchant-color: #3EABDE;
  --merchant-color-contrast: var(--bs-black);
  --souls-color: #CD475B;
  --souls-color-contrast: var(--bs-white);
  --hunter-color: #5E7E86;
  --hunter-color-contrast: var(--bs-white);
  --guardian-color: #4ACF74;
  --guardian-color-contrast: var(--bs-black);
  --servant-color: #C3893C;
  --servant-color-contrast: var(--bs-black);
  --talltale-color: #F8E590;
  --talltale-color-contrast: var(--bs-black);
  --bilgerat-color: #BE9710;
  --bilgerat-color-contrast: var(--bs-black);
  --achievement-color: #F4D246;
  --achievement-color-contrast: var(--bs-black);
}

.text-athena {
  color: var(--athena-color);
}

.text-reaper {
  color: var(--reaper-color);
}

.text-hoarder {
  color: var(--hoarder-color);
}

.text-merchant {
  color: var(--merchant-color);
}

.text-souls {
  color: var(--souls-color);
}

.text-hunter {
  color: var(--hunter-color);
}

.text-guardian {
  color: var(--guardian-color);
}

.text-servant {
  color: var(--servant-color);
}

.text-talltale {
  color: var(--talltale-color);
}

.text-bilgerat {
  color: var(--bilgerat-color);
}

.text-achievement {
  color: var(--achievement-color);
}

.text-twitch {
  color: #6441a5;
}

.text-legendary {
  color: var(--legendary-color);
  text-shadow: 0 0 20px var(--legendary-border-color), -2px -2px 1px #1f1f1f, 2px 2px 1px #1f1f1f, -2px 2px 1px #1f1f1f, 2px -2px 1px #1f1f1f;
}
.text-legendary::after {
  text-shadow: none;
}
.text-legendary::before {
  text-shadow: none;
}

.text-gold {
  color: var(--gold-color);
  text-shadow: 0 0 20px var(--gold-border-color), -2px -2px 1px #1f1f1f, 2px 2px 1px #1f1f1f, -2px 2px 1px #1f1f1f, 2px -2px 1px #1f1f1f;
}
.text-gold::after {
  text-shadow: none;
}
.text-gold::before {
  text-shadow: none;
}

.text-doubloons {
  color: var(--doubloon-color);
  text-shadow: 0 0 20px var(--doubloon-border-color), -2px -2px 1px #1f1f1f, 2px 2px 1px #1f1f1f, -2px 2px 1px #1f1f1f, 2px -2px 1px #1f1f1f;
}
.text-doubloons::after {
  text-shadow: none;
}
.text-doubloons::before {
  text-shadow: none;
}

.text-ancient {
  color: var(--ancient-color);
  /*  color: #31444E;*/
  /*  color: #6B7341;*/
  text-shadow: 0 0 20px var(--ancient-border-color), -2px -2px 1px #31444E, 2px 2px 1px #31444E, -2px 2px 1px #31444E, 2px -2px 1px #31444E;
}
.text-ancient::after {
  text-shadow: none;
}
.text-ancient::before {
  text-shadow: none;
}

.image-tip .tooltip-inner {
  padding: 0;
  border: 2px solid var(--bs-body-color);
  background-color: #212529 !important;
  max-width: none !important;
}
.image-tip .tooltip-inner img {
  border-radius: 4px;
}

.tip-no-mw .tooltip-inner {
  max-width: none !important;
}

.table-pv-compare .statsub td {
  padding: 0.1rem 0.25rem;
}
.table-pv-compare .stat:hover td:first-child {
  --bs-table-accent-bg: none !important;
}
.table-pv-compare .statsub td:nth-child(n+2) {
  background-color: rgba(var(--bs-dark-rgb), 0.3) !important;
}

.pv-nav .pv-chest-nav,
.pv-nav .pv-nav-main {
  font-size: 0.92rem;
}
.pv-nav .pv-chest-nav .nav-item:hover .nav-link > span,
.pv-nav .pv-nav-main .nav-item:hover .nav-link > span {
  text-decoration: underline;
}
.pv-nav .pv-chest-nav .nav-item .nav-link,
.pv-nav .pv-nav-main .nav-item .nav-link {
  text-decoration: none;
  padding: 0rem 0rem 0rem 0.8rem;
  position: relative;
}
.pv-nav .pv-chest-nav .nav-item .nav-link > span,
.pv-nav .pv-nav-main .nav-item .nav-link > span {
  display: inline-block;
  padding: 0.5rem 0.8rem 0.5rem 0.3rem;
}
.pv-nav .pv-chest-nav .nav-item .nav-link i,
.pv-nav .pv-nav-main .nav-item .nav-link i {
  font-size: 1.3rem;
  position: relative;
  bottom: -2px;
}
.pv-nav .pv-nav-main .nav-item .nav-link {
  padding: 0rem 0rem 0rem 0.55rem;
}
.pv-nav .pv-nav-main .nav-item .nav-link > span {
  padding: 0.5rem 0.55rem 0.4rem 0.3rem;
}
@media (min-width: 1400px) {
  .pv-nav .pv-chest-nav,
  .pv-nav .pv-nav-main {
    font-size: 1rem;
  }
  .pv-nav .pv-nav-main .nav-item .nav-link {
    padding: 0rem 0rem 0rem 0.9rem;
  }
  .pv-nav .pv-nav-main .nav-item .nav-link > span {
    padding: 0.5rem 0.9rem 0.4rem 0.3rem;
  }
}
.threed-carousel {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 936px;
  margin: 0px auto;
}
.threed-carousel .tdc-viewport {
  width: 100%;
  height: 100%;
  margin: auto;
}
.threed-carousel .tdc-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.threed-carousel .tdc-images.transition img {
  transition: all 100ms linear;
}
.threed-carousel .tdc-images img {
  transform: translate(-50%, -50%) scale(var(--scale));
}

.guild-swatch .guild-badge {
  position: relative;
  display: inline-block;
}
.guild-swatch .guild-badge .icon {
  position: absolute;
  top: 36%;
  left: 28.5%;
  height: 43%;
  width: 43%;
}
.guild-swatch .guild-badge .level {
  position: absolute;
  left: 50%;
  bottom: 4.5%;
  width: 30%;
  height: 21%;
  transform: translateX(-50%);
  font-size: 29px;
}

html[data-bs-theme=dark] .nav-tabs.pv-index-nav .nav-link {
  color: #bbb;
  padding: 0.5rem 1.5rem;
}
html[data-bs-theme=dark] .nav-tabs.pv-index-nav .nav-link.active {
  color: #eee;
}

.sotwiki-generated-markdown blockquote,
.sotwiki-generated-markdown-list blockquote,
.user-generated-markdown blockquote {
  border-left: 4px solid #515151;
  padding-left: 0.75rem;
  margin-bottom: 0.5rem;
}
.sotwiki-generated-markdown p,
.sotwiki-generated-markdown-list p,
.user-generated-markdown p {
  margin-bottom: 0.5rem;
}
.sotwiki-generated-markdown *,
.sotwiki-generated-markdown-list *,
.user-generated-markdown * {
  max-width: 100%;
}

.generated-markdown-nolastmargin > *:last-child {
  margin-bottom: 0;
}

.generated-markdown-p-nomargin p {
  margin-bottom: 0;
}

.sotwiki-generated-markdown-list li > p {
  margin-bottom: 0;
}

.generated-markdown-narrow-margins p, .generated-markdown-narrow-margins ul, .generated-markdown-narrow-margins pre {
  margin-bottom: 0.5rem;
}

.sot-changelog-markdown img {
  display: block;
}

.image-comparison-slider {
  max-width: 700px;
  margin: 20px auto;
  overflow: hidden;
  background-color: inherit;
}
.image-comparison-slider img {
  width: 100%;
  height: 100%;
  background-color: inherit;
  object-fit: cover;
  object-position: left top;
}
.image-comparison-slider .images-container {
  position: relative;
  display: flex;
}
.image-comparison-slider .images-container .before-image {
  position: absolute;
}
.image-comparison-slider .slider {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.image-comparison-slider .slider-line {
  position: absolute;
  background: #fff;
}
.image-comparison-slider .slider-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  color: #fff;
}
.image-comparison-slider.compare-horizontal .images-container .before-image {
  left: 0;
  height: 50%;
}
.image-comparison-slider.compare-horizontal .slider-line {
  height: 4px;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.image-comparison-slider.compare-horizontal .slider-icon {
  transform: translate(-50%, -50%);
}
.image-comparison-slider.compare-horizontal .slider {
  transform: rotateZ(90deg);
}
.image-comparison-slider:not(.compare-horizontal) .images-container .before-image {
  top: 0;
  width: 50%;
}
.image-comparison-slider:not(.compare-horizontal) .slider-line {
  height: 100%;
  width: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.image-comparison-slider:not(.compare-horizontal) .slider-icon {
  transform: translate(-50%, -50%) rotateZ(90deg);
}

.cannon-metrics-display > div.inner {
  background-color: rgba(255, 255, 255, 0.05);
  transition: background-color 100ms linear;
}
.cannon-metrics-display .caret-trigger {
  color: #bebebe;
  transition: color 100ms linear;
}
.cannon-metrics-display:hover {
  cursor: pointer;
}
.cannon-metrics-display:hover .caret-trigger {
  color: #9e9e9e;
}
.cannon-metrics-display:hover .caret-trigger:hover {
  color: #F39C12;
}
.cannon-metrics-display:hover > div.inner {
  background-color: rgba(0, 0, 0, 0.2);
}
.cannon-metrics-display.flash-danger .inner {
  animation: cannon-metrics-display-error-flash 600ms ease-out 1;
}

@keyframes cannon-metrics-display-error-flash {
  0% {
    background-color: rgba(231, 76, 60, 0.7);
  }
  20% {
    background-color: rgba(231, 76, 60, 0.7);
  }
}
.paragon-drop-shadow {
  animation: paragon-drop-shadow var(--anim-duration, 1.5s) linear infinite alternate;
}

@keyframes paragon-drop-shadow {
  from {
    filter: drop-shadow(-0.1em -0.2em 0.6em rgba(138, 253, 254, 0.4));
  }
  45% {
    filter: drop-shadow(-0.1em -0.2em 0.4em rgba(138, 253, 254, 0.6));
  }
  to {
    filter: drop-shadow(-0.1em -0.2em 0.6em rgba(138, 253, 254, 0.4));
  }
}
.guild-paragon-drop-shadow {
  animation: guild-paragon-drop-shadow var(--anim-duration, 1.5s) linear infinite alternate;
}

@keyframes guild-paragon-drop-shadow {
  from {
    filter: drop-shadow(-0.1em -0.2em 1.8em rgba(138, 253, 254, 0.3333333333));
  }
  45% {
    filter: drop-shadow(-0.1em 0.2em 1.5em rgba(138, 253, 254, 0.5333333333));
  }
  to {
    filter: drop-shadow(-0.1em -0.2em 1.8em rgba(138, 253, 254, 0.3333333333));
  }
}
.hc-paragon-drop-shadow {
  animation: hc-paragon-drop-shadow var(--anim-duration, 1.5s) linear infinite alternate;
}

@keyframes hc-paragon-drop-shadow {
  from {
    filter: drop-shadow(-0.1em -0.2em 0.6em rgba(138, 253, 254, 0.2666666667));
  }
  45% {
    filter: drop-shadow(-0.1em -0.2em 0.4em rgba(138, 253, 254, 0.4));
  }
  to {
    filter: drop-shadow(-0.1em -0.2em 0.6em rgba(138, 253, 254, 0.2666666667));
  }
}
.sot-emote-loadout-selector .emote-page {
  position: relative;
  width: 900px;
}
.sot-emote-loadout-selector .emote-page .emote-fake-slot {
  width: 1px;
}
.sot-emote-loadout-selector .emote-page .emote-slot {
  width: 35%;
  height: 96px;
  background: #303030;
}
.sot-emote-loadout-selector .emote-page .emote-slot.empty-slot {
  opacity: 0.75;
  justify-content: center;
}
.sot-emote-loadout-selector .emote-page .emote-slot.empty-slot .slot-img-ctn {
  display: none;
}
.sot-emote-loadout-selector .emote-page .emote-slot.empty-slot [data-slot-v=name] {
  color: var(--bs-gray-400);
  font-weight: normal;
}
.sot-emote-loadout-selector div[data-role=emotes] {
  max-height: 666px;
}
.sot-emote-loadout-selector div[data-role=emotes] div[data-role=emotes-list] {
  overflow-y: auto;
}
.sot-emote-loadout-selector div[data-role=emotes] .emote-equipped {
  opacity: 0.5;
}
.sot-emote-loadout-selector div[data-role=emotes] .hide-equipped .emote-equipped {
  display: none !important;
}

.focus-tall:focus {
  height: 50vh;
}