@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap");
@font-face {
  font-family: "Boo Meringue";
  src: url("/assets/fonts/boo-meringue/Boo_Meringue.woff2") format("woff"); }
@font-face {
  font-family: "Gamerock";
  src: url("/assets/fonts/gamerock/Gamerock.otf") format("opentype"); }
@font-face {
  font-family: "Trattarello";
  src: url("/assets/fonts/trattarello/trattarello.woff2") format("woff"); }
:root {
  --rayn-color-primary: #e65100;
  --rayn-color-secondary: #ffc107; }

:root {
  --bs-body-font-size: .9rem; }

body {
  font-family: "Libre Baskerville";
  background: var(--bs-body-bg); }

h1 {
  font-family: "Gamerock";
  font-weight: normal; }

h2, h3, h4, h5 {
  font-family: "Trattarello";
  font-weight: 100;
  letter-spacing: 1px; }
  h2.alt, h3.alt, h4.alt, h5.alt {
    font-family: "Boo Meringue";
    font-weight: 100;
    letter-spacing: 3px; }

.font-trattarello, .btn-rayn {
  font-family: "Trattarello";
  font-weight: 100;
  letter-spacing: 1px; }

.font-boo {
  font-family: "Boo Meringue";
  font-weight: 100;
  letter-spacing: 3px; }

.font-gamerock {
  font-family: "Gamerock";
  font-weight: normal; }

.text-primary {
  color: var(--rayn-color-primary) !important; }

.text-secondary {
  color: var(--rayn-color-secondary) !important; }

.text-abyss {
  color: #c62828; }

.text-path-light {
  color: #ffeb3b;
  text-shadow: 0 0 4px #ffeb3b; }

.text-path-darkness {
  color: #cfd8dc;
  text-shadow: 0 0 4px #cfd8dc; }

.text-path-abyss {
  color: #c62828;
  text-shadow: 0 0 4px #c62828; }

.badge.badge-light {
  background: #ffeb3b;
  box-shadow: 0 0 0 4px #ffeb3b; }
.badge.badge-darkness {
  background: #cfd8dc;
  box-shadow: 0 0 0 4px #cfd8dc; }
.badge.badge-abyss {
  background: #c62828;
  box-shadow: 0 0 0 4px #c62828; }

.btn-block {
  display: block;
  width: 100%; }

.btn.btn-rayn-outline-secondary {
  color: var(--rayn-color-secondary);
  border-color: var(--rayn-color-secondary); }
  .btn.btn-rayn-outline-secondary:hover, .btn.btn-rayn-outline-secondary:active, .btn.btn-rayn-outline-secondary:focus {
    background: var(--rayn-color-secondary);
    color: var(--bs-body-bg); }

h2.alt {
  font-size: 2em; }

.global-wrapper {
  overflow-x: hidden;
  background: var(--bs-body-bg);
  position: relative;
  z-index: 2; }

.header-main {
  position: fixed;
  background: #222;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 666; }
  .header-main .sidebar-toggle {
    padding: 4px 10px;
    font-size: 23px;
    cursor: pointer; }

.sidebar-overlay {
  position: fixed;
  z-index: 666;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7); }

.main-sidebar {
  position: fixed;
  z-index: 666;
  width: 90%;
  max-width: 385px;
  background: #222222;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateX(-110%);
  transition: transform 250ms; }
  .main-sidebar.show {
    transform: translateX(0); }
  .main-sidebar .sidebar-links {
    height: calc(100% - 55px);
    overflow-y: auto;
    padding-bottom: 60px; }
  .main-sidebar ul {
    padding: 0;
    margin: 0; }
    .main-sidebar ul li {
      list-style: none; }
      .main-sidebar ul li.section-name {
        color: var(--rayn-color-secondary);
        padding-left: 10px;
        font-size: 0.8em; }
      .main-sidebar ul li a {
        padding: 4px 20px;
        font-family: "Trattarello";
        font-weight: 100;
        letter-spacing: 1px;
        color: white;
        font-size: 1.5em;
        text-decoration: none !important;
        display: inline-block;
        position: relative; }
        .main-sidebar ul li a.current:after {
          content: "";
          height: 6px;
          width: 6px;
          position: absolute;
          right: 4px;
          border-radius: 100%;
          top: 50%;
          margin-top: -3px;
          background: var(--rayn-color-primary); }

.close-icon {
  padding: 15px;
  cursor: pointer; }
  .close-icon i {
    background: #505050;
    width: 21px;
    height: 21px;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%; }

.form-control {
  border-radius: 0;
  background: #101010;
  border: 1px solid #393939;
  color: white; }
  .form-control:focus, .form-control:active {
    border-color: #393939;
    background: #393939;
    box-shadow: none;
    color: white; }

.result-item b, .result-item strong {
  font-family: "Boo Meringue";
  font-weight: normal;
  letter-spacing: 2px;
  font-size: 1.4rem;
  color: var(--rayn-color-secondary); }

.item-result-details ul {
  padding-left: 0;
  margin-bottom: 0; }
  .item-result-details ul li {
    list-style: none;
    padding-left: 0;
    font-size: 14px; }
    .item-result-details ul li:last-child {
      margin-bottom: 1rem; }
    .item-result-details ul li > span:not(.show-info) {
      color: var(--rayn-color-primary);
      text-transform: uppercase; }

.sheet-view-overlay {
  position: fixed;
  z-index: 666;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6); }

.sheet-view-wrapper .sheet-view {
  position: fixed;
  z-index: 666;
  opacity: 0;
  width: 100%;
  height: 95%;
  bottom: -150vh;
  left: 0;
  background: #222222;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  padding: 25px;
  overflow-y: auto;
  transition: transform 250ms, opacity 250ms, bottom 250ms; }
  .sheet-view-wrapper .sheet-view.visible {
    bottom: 0;
    opacity: 1; }
  .sheet-view-wrapper .sheet-view:not(:last-child) {
    pointer-events: none;
    transform: scale(0.9) translateY(-71px);
    opacity: 0.7; }
  .sheet-view-wrapper .sheet-view .close {
    position: absolute;
    padding: 15px;
    top: 0;
    right: 0;
    z-index: 10; }
  .sheet-view-wrapper .sheet-view .card {
    background: none !important;
    border: none !important; }
    .sheet-view-wrapper .sheet-view .card .card-body {
      padding-left: 0;
      padding-right: 0; }
    .sheet-view-wrapper .sheet-view .card .content-to-toggle {
      display: block !important; }
    .sheet-view-wrapper .sheet-view .card .toggle-icon {
      display: none !important; }

.show-info {
  color: var(--rayn-color-secondary) !important;
  border-bottom: 1px dotted;
  cursor: pointer;
  text-transform: none !important;
  position: relative; }
  .show-info.is-loading > span {
    opacity: 0.3; }
  .show-info.is-loading > svg {
    display: block; }
  .show-info > svg {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: -2px; }
    .show-info > svg path {
      fill: var(--rayn-color-secondary); }

.loader-content {
  position: fixed;
  background: #342c2a;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 666;
  opacity: 0.95; }
  .loader-content img {
    height: 150px;
    animation: rotate 2500ms infinite linear; }

.to-fav {
  margin-left: 4px;
  position: relative;
  top: -2px;
  cursor: pointer; }
  .to-fav:hover {
    opacity: 0.7; }

.info-category {
  text-align: justify;
  font-size: 13px;
  padding: 0 5px; }

.hero-wrapper {
  transition: opacity 100ms, transform 100ms; }

.ptr--ptr {
  box-shadow: none !important; }
  .ptr--ptr:not(.ptr--pull):not(.ptr-release) .ptr--text {
    opacity: 0 !important; }

.ptr--text {
  color: rgba(255, 255, 255, 0.31) !important; }

.ptr--icon {
  color: rgba(255, 255, 255, 0.31) !important;
  transition: none !important; }
  .ptr--icon img {
    position: relative;
    top: 28px;
    width: 40px;
    animation: rotate 2500ms infinite linear; }

#footer-main {
  background: rgba(0, 0, 0, 0.23);
  color: #ccc;
  padding: 20px;
  font-size: 0.9em;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%; }
  #footer-main a {
    color: var(--rayn-color-secondary); }

.current-version-link {
  color: white;
  text-decoration: none;
  font-size: 10px;
  margin-top: -1px;
  display: block; }

.character-card {
  position: relative; }
  .character-card .current-path-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex; }
  .character-card .current-path {
    font-family: "Trattarello";
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px; }
    .character-card .current-path.current-path-light {
      background: #ffeb3b;
      color: black; }
    .character-card .current-path.current-path-darkness {
      background: #cfd8dc;
      color: black; }
    .character-card .current-path.current-path-abyss {
      background: #c62828;
      color: black; }
    .character-card .current-path.current-path-tri {
      background: sandybrown; }
    .character-card .current-path:first-child {
      border-top-left-radius: 4px; }
    .character-card .current-path:last-child {
      border-bottom-right-radius: 10px; }
  .character-card .character-card-avatar {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-size: 134%;
    background-position: center 20%;
    border: 1px solid grey; }
@media(min-width: 450px) {
  .character-card .character-card-avatar {
    width: 80px;
    height: 80px; } }
.character-spec {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px; }
  .character-spec span.spec-value {
    font-family: "Trattarello";
    font-weight: 100;
    letter-spacing: 1px;
    font-size: calc(1rem + 1.5vw);
    display: block;
    text-align: center; }
  .character-spec small {
    font-size: 0.775em; }

.form-group label:not(.btn) {
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.53); }

.btn-group-vertical > div {
  width: 100%; }
  .btn-group-vertical > div label {
    border-radius: 0;
    width: 100%; }
  .btn-group-vertical > div:not(:last-child) label {
    border-bottom: 0; }
  .btn-group-vertical > div:first-child label {
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius); }
  .btn-group-vertical > div:last-child label {
    border-bottom-left-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius); }
.btn-group-vertical .btn-check:checked + .btn, .btn-group-vertical .btn.active, .btn-group-vertical .btn.show, .btn-group-vertical .btn:first-child:active, .btn-group-vertical :not(.btn-check) + .btn:active {
  background: var(--rayn-color-secondary);
  color: var(--bs-body-bg); }

.input-spinner-wrapper {
  display: flex; }
  .input-spinner-wrapper.type-vertical {
    flex-direction: column;
    align-items: center; }
    .input-spinner-wrapper.type-vertical .btn:first-child {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .input-spinner-wrapper.type-vertical .btn:last-child {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
  .input-spinner-wrapper input {
    width: 41px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px; }

.multiselect__tags {
  background: #303030 !important;
  border: 1px solid #444 !important; }

.multiselect__spinner {
  background: #303030 !important; }
  .multiselect__spinner .multiselect__spinner::before, .multiselect__spinner .multiselect__spinner::after {
    border-color: var(--rayn-color-secondary) !important; }

.multiselect__input, .multiselect__single {
  background: #303030 !important;
  color: white !important; }

.multiselect__content-wrapper {
  background: #303030 !important;
  border-color: #444 !important;
  color: var(--rayn-color-secondary) !important; }

.multiselect__tag {
  background: var(--rayn-color-secondary) !important;
  color: black !important; }

.multiselect__option--highlight {
  background: var(--rayn-color-secondary) !important;
  color: black !important; }
  .multiselect__option--highlight:after {
    background: var(--rayn-color-secondary) !important;
    color: rgba(0, 0, 0, 0.41) !important; }

.card .dropd-wrapper {
  position: absolute;
  right: 11px;
  top: 8px; }

.dropd-wrapper .dropdown-toggle {
  padding: 4px 8px; }

.dropd-wrapper .dropdown-toggle:after {
  display: none !important; }

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease; }

.fade-enter-from,
.fade-leave-to {
  opacity: 0; }

.fade-down-enter-active,
.fade-down-leave-active {
  transition: opacity 0.3s ease, transform 0.3s ease; }

.fade-down-enter-from,
.fade-down-leave-to {
  opacity: 0;
  transform: translateY(-20px); }

.fade-up-enter-active,
.fade-up-leave-active {
  transition: opacity 0.3s ease, transform 0.3s ease; }

.fade-up-enter-from,
.fade-up-leave-to {
  opacity: 0;
  transform: translateY(20px); }

[v-cloak] {
  display: none; }

.do-refresh {
  position: relative;
  top: 2px; }
  .do-refresh:active {
    opacity: 0.5; }

@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes animloader {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

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