@charset "UTF-8";
/*
<規約>
Block: ケバブ
Element, Modifier: キャメル
*/
/* Libraries CDN */
/* Webfont CDN */
/* IKMR Strap */
/*
<注意>
下記クラスを単体で作成することを禁止
.show
.open
.active
.remove
.removed
.wrap
.has-child
.for-desktop
.for-mobile
.selected
*/
/* Webfont CDN */
/* Variables / Mixins */
/*----------------------------------------
 Colors
-----------------------------------------*/
/* theme */
/* sns */
/* function */
/* badge */
/* zimei */
/*----------------------------------------
 Font
-----------------------------------------*/
/* weight */
/* size */
/*----------------------------------------
 Line height
-----------------------------------------*/
/*----------------------------------------
 Border
-----------------------------------------*/
/*----------------------------------------
 z-index
-----------------------------------------*/
/*----------------------------------------
 ease
-----------------------------------------*/
/*----------------------------------------
 breakpoints
-----------------------------------------*/
/* Reset CSS */
/*----------------------------------------
 Eric Meyer’s “Reset CSS” 2.0
-----------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*, *::before, *::after {
  box-sizing: border-box;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

a *, a:hover * {
  color: inherit;
}

button {
  font-size: inherit;
  font-family: inherit;
  border: none;
  padding: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
}

:focus {
  outline: none;
}

svg, path, i {
  pointer-events: none;
}
svg::selection, path::selection, i::selection {
  background: transparent;
}

svg {
  display: block;
}

b, strong {
  font-weight: 700;
}

input[type=search],
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

picture,
object {
  display: contents;
}

a img,
a svg,
a i,
a[data-href] > span,
a[data-href] > div {
  pointer-events: none;
}

input,
button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  color: inherit;
  border-radius: 0;
  -webkit-appearance: none;
}

input[type=checkbox] {
  display: none;
  appearance: checkbox;
}

hr {
  margin: 0;
  border: 0;
  height: 1px;
}

/* Theme */
html, body, button {
  font-family: "navigo", "source-han-sans-japanese", sans-serif;
}

html {
  scroll-behavior: smooth;
}

html, body {
  overscroll-behavior: auto none;
}

body {
  color: #f6fafa;
  background: #041919;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  font-feature-settings: "palt";
  letter-spacing: 0.012rem;
}

small, .small {
  font-size: 0.75rem;
}

strong, .strong {
  font-weight: 700;
}

.cl-theme {
  color: #07cdcd;
}
.cl-theme--light {
  color: rgb(83.48, 219.4, 219.4);
}
.cl-theme--dark {
  color: rgb(4.76, 144.2, 144.2);
}
.cl-theme--darkMore {
  color: rgb(2.24, 75.8, 75.8);
}
.cl-theme--black {
  color: rgb(1.19, 47.3, 47.3);
}
.cl-theme--alt {
  color: #a16cf6;
}
.cl-theme--altLight {
  color: rgb(188.2, 153.44, 247.28);
}
.cl-theme--altDark {
  color: rgb(109.48, 78.24, 172.08);
}
.cl-theme--altDarkMore {
  color: rgb(51.52, 44.76, 88.92);
}
.cl-theme--altBlack {
  color: rgb(27.37, 30.81, 54.27);
}

.bg-theme {
  background: #07cdcd;
}
.bg-theme--light {
  background: rgb(83.48, 219.4, 219.4);
}
.bg-theme--dark {
  background: rgb(4.76, 144.2, 144.2);
}
.bg-theme--darkMore {
  background: rgb(2.24, 75.8, 75.8);
}
.bg-theme--black {
  background: rgb(1.19, 47.3, 47.3);
}
.bg-theme--alt {
  background: #a16cf6;
}
.bg-theme--altLight {
  background: rgb(188.2, 153.44, 247.28);
}
.bg-theme--altDark {
  background: rgb(109.48, 78.24, 172.08);
}
.bg-theme--altDarkMore {
  background: rgb(51.52, 44.76, 88.92);
}
.bg-theme--altBlack {
  background: rgb(27.37, 30.81, 54.27);
}

@media print {
  body {
    width: 1024px;
  }
  table {
    white-space: pre-wrap;
  }
}
/* Animation */
[data-ripple] {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  pointer-events: initial;
}
[data-ripple] .ripple {
  position: absolute;
  border-radius: 50%;
  transform: scale(0);
  animation: ripple 2s cubic-bezier(0.075, 0.82, 0.165, 1);
  background-color: #f6fafa;
  z-index: 222;
}
[data-ripple] > * {
  pointer-events: none;
}

[data-ripple=light] .ripple {
  background-color: #f6fafa;
  mix-blend-mode: soft-light;
}

[data-ripple=dark] .ripple {
  background-color: #102a2a;
  mix-blend-mode: hard-light;
}

@keyframes ripple {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.68;
  }
  to {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}
[data-spin] {
  animation: spin 0.75s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* Utils */
.b, .blockquote span {
  display: block;
}

.c, .zimei-badges, .zimei-tab__next, .zimei-tab__prev, .render-json-data__list li, .render-json-data__body, .render-json-data__title, .noxa--infoArea, .shibitosu-star__tooltipMark, .shibitosu-star__tooltip li, .shibitosu-star__tooltip, .shibitosu-star__shika, .shibitosu-star__level--absolute::after, .shibitosu-grid-area, .shibitosu-zodiac--sui::before, .shibitosu-zodiac--sui::after, .shibitosu-zodiac--gon::before, .shibitosu-zodiac--gon::after, .shibitosu-zodiac--do::before, .shibitosu-zodiac--do::after, .shibitosu-zodiac--ka::before, .shibitosu-zodiac--ka::after, .shibitosu-zodiac--moku::before, .shibitosu-zodiac--moku::after, .table--index__paginationNumber span, .table--index__paginationNumber a, .table--index__pagination ul, .table--index__pagination, .table--innerEditButton, .tab__next__span, .tab__next, .tab__prev__span, .tab__prev, .tab__buttons, .sub-header__content, .sub-app__content, .sub-app, .snackbar--removable__button, .snackbar--removable__item, .snackbar__item, .snackbar, .selectbox__arrow, .selectbox__placeholder, .selectbox__activeItem--single, .selectbox__activeItem, .selectbox__active--single, .selectbox__active, .scroll-back, .navigation__groupLabel, .navigation__index, .navigation__title, .navigation__logo, .modal__close, .modal, .modal-container, .main-app__content, .main-app__function, .main-app__hamburger, .main-app, .main-app__title--sm, .main-app__title, .loading--full, .header__buttons, .header__content, .header, .form__timeIcon, .form__calendarClear, .form__calendar, .form__date, .form__textInputClear, .datepicker__footer, .datepicker__cell.selected::before, .datepicker__cell.current span::before, .datepicker__cell span, .datepicker__cell, .datepicker__container, .datepicker__prev, .datepicker__next, .datepicker__header, .datepicker, .datepicker-container, .checkbox__label, .checkbox, .card--inner__body, .button-group, .button__content, .badge-group, .badge, .alert__item, .alert--removable__button, .alert--removable__item, .alert {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c--jStart, .sub-header__content, .header__content, .checkbox__label, .checkbox {
  justify-content: flex-start;
}
.c--jEnd {
  justify-content: flex-end;
}
.c--jBetween {
  justify-content: space-between;
}
.c--jEvenly {
  justify-content: space-evenly;
}
.c--aStart {
  align-items: flex-start;
}
.c--aEnd {
  align-items: flex-end;
}
.c--aStretch {
  align-items: stretch;
}
.c--aBaseline {
  align-items: baseline;
}
.c--col, .loading--full {
  flex-direction: column;
}
.c--colRev {
  flex-direction: column-reverse;
}
.c--rowRev {
  flex-direction: row-reverse;
}
.c--wrap {
  flex-wrap: wrap;
}
.c--nowrap {
  flex-wrap: nowrap;
}
.c__fix, .button--squareDense, .button--square {
  flex: 0 0 auto;
}
.c__auto, .navigation__content, .footer {
  flex: 1 0 auto;
}
.c__autoFix {
  flex: 1 0 0;
}
.c__flex {
  flex: 1 1 auto;
}

.cl--white {
  color: #f6fafa;
}
.cl--hoary {
  color: #cbd8d8;
}
.cl--light {
  color: #9fb3b2;
}
.cl--deep {
  color: #283b3b;
}
.cl--dark {
  color: #102a2a;
}
.cl--deepDark {
  color: #041919;
}
.cl--black {
  color: #000f0f;
}

.cl-function--info {
  color: #0862ff;
}
.cl-function--warning {
  color: #ffc107;
}
.cl-function--error {
  color: #f14336;
}
.cl-function--success {
  color: #28b446;
}

.bg--white {
  background: #f6fafa;
}
.bg--hoary {
  background: #cbd8d8;
}
.bg--light {
  background: #9fb3b2;
}
.bg--deep {
  background: #283b3b;
}
.bg--dark {
  background: #102a2a;
}
.bg--deepDark {
  background: #041919;
}
.bg--black {
  background: #000f0f;
}

.bg-function--info {
  background: #0862ff;
}
.bg-function--warning {
  background: #ffc107;
}
.bg-function--error {
  background: #f14336;
}
.bg-function--success {
  background: #28b446;
}

.grad-light--horiz:not(:disabled) {
  background: linear-gradient(to right, #f6fafa 0%, #9fb3b2 100%);
}
.grad-light--vert:not(:disabled) {
  background: linear-gradient(to bottom, #f6fafa 0%, #9fb3b2 100%);
}

.grad-dark--horiz:not(:disabled) {
  background: linear-gradient(to right, #283b3b 0%, #102a2a 100%);
}
.grad-dark--vert:not(:disabled) {
  background: linear-gradient(to bottom, #283b3b 0%, #102a2a 100%);
}

.container {
  width: 100%;
  padding-right: 32px;
  padding-left: 48px;
  margin-right: auto;
  margin-left: auto;
  transition: max-width 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1500px) {
  .container {
    max-width: 1440px;
  }
}
.disable-sidebar .container {
  max-width: 100% !important;
}

@media (min-width: 576px) {
  .d-none-up--sm {
    display: none;
  }
}
@media (min-width: 768px) {
  .d-none-up--md {
    display: none;
  }
}
@media (min-width: 992px) {
  .d-none-up--lg, .main-app__functions.for-mobile {
    display: none;
  }
}
@media (min-width: 1200px) {
  .d-none-up--xl {
    display: none;
  }
}
@media (min-width: 1500px) {
  .d-none-up--xxl {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .d-none-down--sm {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .d-none-down--md {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .d-none-down--lg, .main-app__functions.for-desktop {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .d-none-down--xl {
    display: none;
  }
}
@media (max-width: 1499.98px) {
  .d-none-down--xxl {
    display: none;
  }
}

.d-contents {
  display: contents;
}

.ellipsis, .tab__button, .selectbox__placeholder, .selectbox__list li, .selectbox__activeItem--single em, .selectbox__activeItem em, .form__date span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.ellipsis-multiple {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  visibility: visible;
}
.ellipsis-multiple--1 {
  -webkit-line-clamp: 1;
}
.ellipsis-multiple--2 {
  -webkit-line-clamp: 2;
}
.ellipsis-multiple--3 {
  -webkit-line-clamp: 3;
}
.ellipsis-multiple--4 {
  -webkit-line-clamp: 4;
}
.ellipsis-multiple--5 {
  -webkit-line-clamp: 5;
}

.ellipsis-wrapper, .selectbox__activeItem--single, .selectbox__activeItem, .selectbox, .main-app__title--sm, .main-app__title {
  min-width: 0;
}

.fw--thin {
  font-weight: 100;
}
.fw--light {
  font-weight: 300;
}
.fw--more {
  font-weight: 500;
}
.fw--bold-less {
  font-weight: 600;
}
.fw--bold {
  font-weight: 700;
}
.fw--black {
  font-weight: 900;
}

.grid {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 16px 16px;
}
@media (min-width: 768px) {
  .grid {
    gap: 16px 16px;
  }
}
@media (min-width: 992px) {
  .grid {
    gap: 16px 16px;
  }
}
@media (min-width: 1200px) {
  .grid {
    gap: 16px 16px;
  }
}
.grid__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  order: 0;
}
.grid__item--away {
  order: 1;
}
.grid__item[data-grid-col="1"] {
  flex: 0 1 100%;
  width: 100%;
}
.grid__item[data-grid-col="2"] {
  flex: 0 1 calc((100% - 16px * 1) / 2);
  width: calc((100% - 16px * 1) / 2);
}
.grid__item[data-grid-col="3"] {
  flex: 0 1 calc((100% - 16px * 2) / 3);
  width: calc((100% - 16px * 2) / 3);
}
.grid__item[data-grid-col="4"] {
  flex: 0 1 calc((100% - 16px * 3) / 4);
  width: calc((100% - 16px * 3) / 4);
}
.grid__item[data-grid-col="5"] {
  flex: 0 1 calc((100% - 16px * 4) / 5);
  width: calc((100% - 16px * 4) / 5);
}
.grid__item[data-grid-col="6"] {
  flex: 0 1 calc((100% - 16px * 5) / 6);
  width: calc((100% - 16px * 5) / 6);
}
.grid__item[data-grid-col="7"] {
  flex: 0 1 calc((100% - 16px * 6) / 7);
  width: calc((100% - 16px * 6) / 7);
}
.grid__item[data-grid-col="8"] {
  flex: 0 1 calc((100% - 16px * 7) / 8);
  width: calc((100% - 16px * 7) / 8);
}
@media (min-width: 576px) {
  .grid__item[data-grid-sm-col="1"] {
    flex: 0 1 100%;
    width: 100%;
  }
  .grid__item[data-grid-sm-col="2"] {
    flex: 0 1 calc((100% - 16px * 1) / 2);
    width: calc((100% - 16px * 1) / 2);
  }
  .grid__item[data-grid-sm-col="3"] {
    flex: 0 1 calc((100% - 16px * 2) / 3);
    width: calc((100% - 16px * 2) / 3);
  }
  .grid__item[data-grid-sm-col="4"] {
    flex: 0 1 calc((100% - 16px * 3) / 4);
    width: calc((100% - 16px * 3) / 4);
  }
  .grid__item[data-grid-sm-col="5"] {
    flex: 0 1 calc((100% - 16px * 4) / 5);
    width: calc((100% - 16px * 4) / 5);
  }
  .grid__item[data-grid-sm-col="6"] {
    flex: 0 1 calc((100% - 16px * 5) / 6);
    width: calc((100% - 16px * 5) / 6);
  }
  .grid__item[data-grid-sm-col="7"] {
    flex: 0 1 calc((100% - 16px * 6) / 7);
    width: calc((100% - 16px * 6) / 7);
  }
  .grid__item[data-grid-sm-col="8"] {
    flex: 0 1 calc((100% - 16px * 7) / 8);
    width: calc((100% - 16px * 7) / 8);
  }
}
@media (min-width: 768px) {
  .grid__item[data-grid-md-col="1"] {
    flex: 0 1 100%;
    width: 100%;
  }
  .grid__item[data-grid-md-col="2"] {
    flex: 0 1 calc((100% - 16px * 1) / 2);
    width: calc((100% - 16px * 1) / 2);
  }
  .grid__item[data-grid-md-col="3"] {
    flex: 0 1 calc((100% - 16px * 2) / 3);
    width: calc((100% - 16px * 2) / 3);
  }
  .grid__item[data-grid-md-col="4"] {
    flex: 0 1 calc((100% - 16px * 3) / 4);
    width: calc((100% - 16px * 3) / 4);
  }
  .grid__item[data-grid-md-col="5"] {
    flex: 0 1 calc((100% - 16px * 4) / 5);
    width: calc((100% - 16px * 4) / 5);
  }
  .grid__item[data-grid-md-col="6"] {
    flex: 0 1 calc((100% - 16px * 5) / 6);
    width: calc((100% - 16px * 5) / 6);
  }
  .grid__item[data-grid-md-col="7"] {
    flex: 0 1 calc((100% - 16px * 6) / 7);
    width: calc((100% - 16px * 6) / 7);
  }
  .grid__item[data-grid-md-col="8"] {
    flex: 0 1 calc((100% - 16px * 7) / 8);
    width: calc((100% - 16px * 7) / 8);
  }
}
@media (min-width: 992px) {
  .grid__item[data-grid-lg-col="1"] {
    flex: 0 1 100%;
    width: 100%;
  }
  .grid__item[data-grid-lg-col="2"] {
    flex: 0 1 calc((100% - 16px * 1) / 2);
    width: calc((100% - 16px * 1) / 2);
  }
  .grid__item[data-grid-lg-col="3"] {
    flex: 0 1 calc((100% - 16px * 2) / 3);
    width: calc((100% - 16px * 2) / 3);
  }
  .grid__item[data-grid-lg-col="4"] {
    flex: 0 1 calc((100% - 16px * 3) / 4);
    width: calc((100% - 16px * 3) / 4);
  }
  .grid__item[data-grid-lg-col="5"] {
    flex: 0 1 calc((100% - 16px * 4) / 5);
    width: calc((100% - 16px * 4) / 5);
  }
  .grid__item[data-grid-lg-col="6"] {
    flex: 0 1 calc((100% - 16px * 5) / 6);
    width: calc((100% - 16px * 5) / 6);
  }
  .grid__item[data-grid-lg-col="7"] {
    flex: 0 1 calc((100% - 16px * 6) / 7);
    width: calc((100% - 16px * 6) / 7);
  }
  .grid__item[data-grid-lg-col="8"] {
    flex: 0 1 calc((100% - 16px * 7) / 8);
    width: calc((100% - 16px * 7) / 8);
  }
}
@media (min-width: 1200px) {
  .grid__item[data-grid-xl-col="1"] {
    flex: 0 1 100%;
    width: 100%;
  }
  .grid__item[data-grid-xl-col="2"] {
    flex: 0 1 calc((100% - 16px * 1) / 2);
    width: calc((100% - 16px * 1) / 2);
  }
  .grid__item[data-grid-xl-col="3"] {
    flex: 0 1 calc((100% - 16px * 2) / 3);
    width: calc((100% - 16px * 2) / 3);
  }
  .grid__item[data-grid-xl-col="4"] {
    flex: 0 1 calc((100% - 16px * 3) / 4);
    width: calc((100% - 16px * 3) / 4);
  }
  .grid__item[data-grid-xl-col="5"] {
    flex: 0 1 calc((100% - 16px * 4) / 5);
    width: calc((100% - 16px * 4) / 5);
  }
  .grid__item[data-grid-xl-col="6"] {
    flex: 0 1 calc((100% - 16px * 5) / 6);
    width: calc((100% - 16px * 5) / 6);
  }
  .grid__item[data-grid-lg-col="7"] {
    flex: 0 1 calc((100% - 16px * 6) / 7);
    width: calc((100% - 16px * 6) / 7);
  }
  .grid__item[data-grid-lg-col="8"] {
    flex: 0 1 calc((100% - 16px * 7) / 8);
    width: calc((100% - 16px * 7) / 8);
  }
}
.grid__content {
  width: 100%;
  height: 100%;
}

[data-hover] {
  transition: filter 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}

[data-hover=hue] {
  filter: hue-rotate(0deg);
}
[data-hover=hue]:hover {
  filter: hue-rotate(-32deg);
}
[data-hover=hue]:active {
  filter: hue-rotate(-64deg);
}

[data-hover=dark] {
  position: relative;
  border-radius: inherit;
}
[data-hover=dark]::after {
  background-color: #000f0f;
  border-radius: inherit;
  bottom: 0;
  color: inherit;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
[data-hover=dark]:hover::after {
  opacity: 0.08;
}
[data-hover=dark]:active:after {
  opacity: 0.32;
}

[data-hover=light] {
  position: relative;
  border-radius: inherit;
}
[data-hover=light]::after {
  background-color: #f6fafa;
  border-radius: inherit;
  bottom: 0;
  color: inherit;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
[data-hover=light]:hover::after {
  opacity: 0.08;
}
[data-hover=light]:active:after {
  opacity: 0.32;
}

[data-hover=image] img:not([data-hover=image-non-target]) {
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
[data-hover=image]:hover img:not([data-hover=image-non-target]) {
  transform: scale(1.1);
}

.scrollbar--y, .sub-app__sidebarContent, .selectbox__list, .modal, .form__text textarea, .datepicker {
  overflow-y: scroll;
  overflow-x: hidden;
}
.scrollbar--y::-webkit-scrollbar, .sub-app__sidebarContent::-webkit-scrollbar, .selectbox__list::-webkit-scrollbar, .modal::-webkit-scrollbar, .form__text textarea::-webkit-scrollbar, .datepicker::-webkit-scrollbar {
  overflow-x: hidden;
  width: 16px;
  background-color: #000f0f;
  border-radius: 0 12px 12px 0;
}
.scrollbar--y:hover::-webkit-scrollbar-thumb, .sub-app__sidebarContent:hover::-webkit-scrollbar-thumb, .selectbox__list:hover::-webkit-scrollbar-thumb, .modal:hover::-webkit-scrollbar-thumb, .form__text textarea:hover::-webkit-scrollbar-thumb, .datepicker:hover::-webkit-scrollbar-thumb {
  background-color: rgba(40, 59, 59, 0.32);
}
.scrollbar--y::-webkit-scrollbar-thumb, .sub-app__sidebarContent::-webkit-scrollbar-thumb, .selectbox__list::-webkit-scrollbar-thumb, .modal::-webkit-scrollbar-thumb, .form__text textarea::-webkit-scrollbar-thumb, .datepicker::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 12px;
  background-color: rgba(40, 59, 59, 0);
  border-top: 12px solid #000f0f;
  border-bottom: 12px solid #000f0f;
  border-left: 4px solid #000f0f;
  border-right: 4px solid #000f0f;
}
.scrollbar--y::-webkit-scrollbar-thumb:hover, .sub-app__sidebarContent::-webkit-scrollbar-thumb:hover, .selectbox__list::-webkit-scrollbar-thumb:hover, .modal::-webkit-scrollbar-thumb:hover, .form__text textarea::-webkit-scrollbar-thumb:hover, .datepicker::-webkit-scrollbar-thumb:hover {
  background-color: rgba(40, 59, 59, 0.68);
}
.scrollbar--y::-webkit-scrollbar-thumb:active, .sub-app__sidebarContent::-webkit-scrollbar-thumb:active, .selectbox__list::-webkit-scrollbar-thumb:active, .modal::-webkit-scrollbar-thumb:active, .form__text textarea::-webkit-scrollbar-thumb:active, .datepicker::-webkit-scrollbar-thumb:active {
  background-color: #283b3b;
}
@media (max-width: 991.98px) {
  .scrollbar--y::-webkit-scrollbar-thumb, .sub-app__sidebarContent::-webkit-scrollbar-thumb, .selectbox__list::-webkit-scrollbar-thumb, .modal::-webkit-scrollbar-thumb, .form__text textarea::-webkit-scrollbar-thumb, .datepicker::-webkit-scrollbar-thumb {
    background-color: #283b3b !important;
  }
}
.scrollbar--x, .shibitosu-container, .table-wrapper {
  overflow-x: scroll;
}
.scrollbar--x::-webkit-scrollbar, .shibitosu-container::-webkit-scrollbar, .table-wrapper::-webkit-scrollbar {
  overflow-y: hidden;
  height: 16px;
  background-color: #000f0f;
  border-radius: 0 0 12px 12px;
}
.scrollbar--x:hover::-webkit-scrollbar-thumb, .shibitosu-container:hover::-webkit-scrollbar-thumb, .table-wrapper:hover::-webkit-scrollbar-thumb {
  background-color: rgba(40, 59, 59, 0.32);
}
.scrollbar--x::-webkit-scrollbar-thumb, .shibitosu-container::-webkit-scrollbar-thumb, .table-wrapper::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 12px;
  background-color: rgba(40, 59, 59, 0);
  border-top: 4px solid #000f0f;
  border-bottom: 4px solid #000f0f;
  border-left: 12px solid #000f0f;
  border-right: 12px solid #000f0f;
}
.scrollbar--x::-webkit-scrollbar-thumb:hover, .shibitosu-container::-webkit-scrollbar-thumb:hover, .table-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(40, 59, 59, 0.68);
}
.scrollbar--x::-webkit-scrollbar-thumb:active, .shibitosu-container::-webkit-scrollbar-thumb:active, .table-wrapper::-webkit-scrollbar-thumb:active {
  background-color: #283b3b;
}
@media (max-width: 991.98px) {
  .scrollbar--x::-webkit-scrollbar-thumb, .shibitosu-container::-webkit-scrollbar-thumb, .table-wrapper::-webkit-scrollbar-thumb {
    background-color: #283b3b !important;
  }
}
.scrollbar--sidebar, .main-app__sidebarContent {
  overflow-y: scroll;
  overflow-x: hidden;
}
.scrollbar--sidebar::-webkit-scrollbar, .main-app__sidebarContent::-webkit-scrollbar {
  overflow-x: hidden;
  width: 16px;
  background-color: #102a2a;
  border-radius: 0;
}
.scrollbar--sidebar:hover::-webkit-scrollbar-thumb, .main-app__sidebarContent:hover::-webkit-scrollbar-thumb {
  background-color: rgba(159, 179, 178, 0.32);
}
.scrollbar--sidebar::-webkit-scrollbar-thumb, .main-app__sidebarContent::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 0;
  background-color: rgba(159, 179, 178, 0);
  border: 4px solid #102a2a;
}
.scrollbar--sidebar::-webkit-scrollbar-thumb:hover, .main-app__sidebarContent::-webkit-scrollbar-thumb:hover {
  background-color: rgba(159, 179, 178, 0.68);
}
.scrollbar--sidebar::-webkit-scrollbar-thumb:active, .main-app__sidebarContent::-webkit-scrollbar-thumb:active {
  background-color: #9fb3b2;
}
@media (max-width: 991.98px) {
  .scrollbar--sidebar::-webkit-scrollbar-thumb, .main-app__sidebarContent::-webkit-scrollbar-thumb {
    background-color: #9fb3b2 !important;
  }
}
.scrollbar--white::-webkit-scrollbar, .sub-app__sidebarContent::-webkit-scrollbar {
  background-color: #f6fafa;
}
.scrollbar--white::-webkit-scrollbar-thumb, .sub-app__sidebarContent::-webkit-scrollbar-thumb {
  border-color: #f6fafa;
}
.scrollbar--dark::-webkit-scrollbar, .table-wrapper::-webkit-scrollbar, .selectbox__list::-webkit-scrollbar, .modal::-webkit-scrollbar, .datepicker::-webkit-scrollbar {
  background-color: #102a2a;
}
.scrollbar--dark:hover::-webkit-scrollbar-thumb, .table-wrapper:hover::-webkit-scrollbar-thumb, .selectbox__list:hover::-webkit-scrollbar-thumb, .modal:hover::-webkit-scrollbar-thumb, .datepicker:hover::-webkit-scrollbar-thumb {
  background-color: rgba(159, 179, 178, 0.32);
}
.scrollbar--dark::-webkit-scrollbar-thumb, .table-wrapper::-webkit-scrollbar-thumb, .selectbox__list::-webkit-scrollbar-thumb, .modal::-webkit-scrollbar-thumb, .datepicker::-webkit-scrollbar-thumb {
  border-color: #102a2a;
  background-color: rgba(159, 179, 178, 0);
}
.scrollbar--dark::-webkit-scrollbar-thumb:hover, .table-wrapper::-webkit-scrollbar-thumb:hover, .selectbox__list::-webkit-scrollbar-thumb:hover, .modal::-webkit-scrollbar-thumb:hover, .datepicker::-webkit-scrollbar-thumb:hover {
  background-color: rgba(159, 179, 178, 0.68);
}
.scrollbar--dark::-webkit-scrollbar-thumb:active, .table-wrapper::-webkit-scrollbar-thumb:active, .selectbox__list::-webkit-scrollbar-thumb:active, .modal::-webkit-scrollbar-thumb:active, .datepicker::-webkit-scrollbar-thumb:active {
  background-color: #9fb3b2;
}
@media (max-width: 991.98px) {
  .scrollbar--dark::-webkit-scrollbar-thumb, .table-wrapper::-webkit-scrollbar-thumb, .selectbox__list::-webkit-scrollbar-thumb, .modal::-webkit-scrollbar-thumb, .datepicker::-webkit-scrollbar-thumb {
    background-color: #9fb3b2 !important;
  }
}

.shadow--sm {
  box-shadow: 0 1px 2px rgba(0, 15, 15, 0.32);
}
.shadow--md, .selectbox__list {
  box-shadow: 0 2px 4px rgba(0, 15, 15, 0.32);
}
.shadow--lg {
  box-shadow: 0 3px 6px rgba(0, 15, 15, 0.32);
}
.shadow--xl {
  box-shadow: 0 12px 12px rgba(0, 15, 15, 0.32);
}
.shadow--footer {
  box-shadow: 0 -2px 6px rgba(0, 15, 15, 0.32);
}

.shadow-filter--sm {
  filter: drop-shadow(0 1px 2px rgba(0, 15, 15, 0.32));
}
.shadow-filter--md {
  filter: drop-shadow(0 2px 4px rgba(0, 15, 15, 0.32));
}
.shadow-filter--lg {
  filter: drop-shadow(0 3px 6px rgba(0, 15, 15, 0.32));
}
.shadow-filter--xl {
  filter: drop-shadow(0 12px 12px rgba(0, 15, 15, 0.32));
}
.shadow-filter--footer {
  filter: drop-shadow(0 -2px 6px rgba(0, 15, 15, 0.32));
}

.mt--xxs {
  margin-top: 2px;
}
.mt--xs {
  margin-top: 4px;
}
.mt--sm {
  margin-top: 8px;
}
.mt--md {
  margin-top: 16px;
}
.mt--lg {
  margin-top: 32px;
}
.mt--xl {
  margin-top: 64px;
}

.mb--xxs {
  margin-bottom: 2px;
}
.mb--xs {
  margin-bottom: 4px;
}
.mb--sm {
  margin-bottom: 8px;
}
.mb--md {
  margin-bottom: 16px;
}
.mb--lg {
  margin-bottom: 32px;
}
.mb--xl {
  margin-bottom: 64px;
}

.mr--xxs {
  margin-right: 2px;
}
.mr--xs {
  margin-right: 4px;
}
.mr--sm {
  margin-right: 8px;
}
.mr--md {
  margin-right: 16px;
}
.mr--lg {
  margin-right: 32px;
}
.mr--xl {
  margin-right: 64px;
}

.ml--xxs {
  margin-left: 2px;
}
.ml--xs {
  margin-left: 4px;
}
.ml--sm {
  margin-left: 8px;
}
.ml--md {
  margin-left: 16px;
}
.ml--lg {
  margin-left: 32px;
}
.ml--xl {
  margin-left: 64px;
}

.my--xxs {
  margin-top: 2px;
  margin-bottom: 2px;
}
.my--xs {
  margin-top: 4px;
  margin-bottom: 4px;
}
.my--sm {
  margin-top: 8px;
  margin-bottom: 8px;
}
.my--md {
  margin-top: 16px;
  margin-bottom: 16px;
}
.my--lg {
  margin-top: 32px;
  margin-bottom: 32px;
}
.my--xl {
  margin-top: 64px;
  margin-bottom: 64px;
}

.mx--xxs {
  margin-left: 2px;
  margin-right: 2px;
}
.mx--xs {
  margin-left: 4px;
  margin-right: 4px;
}
.mx--sm {
  margin-left: 8px;
  margin-right: 8px;
}
.mx--md {
  margin-left: 16px;
  margin-right: 16px;
}
.mx--lg {
  margin-left: 32px;
  margin-right: 32px;
}
.mx--xl {
  margin-left: 64px;
  margin-right: 64px;
}

.m--xxs {
  margin: 2px;
}
.m--xs {
  margin: 4px;
}
.m--sm {
  margin: 8px;
}
.m--md {
  margin: 16px;
}
.m--lg {
  margin: 32px;
}
.m--xl {
  margin: 64px;
}

.pt--xxs {
  padding-top: 2px;
}
.pt--xs {
  padding-top: 4px;
}
.pt--sm {
  padding-top: 8px;
}
.pt--md {
  padding-top: 16px;
}
.pt--lg {
  padding-top: 32px;
}
.pt--xl {
  padding-top: 64px;
}

.pb--xxs {
  padding-bottom: 2px;
}
.pb--xs {
  padding-bottom: 4px;
}
.pb--sm {
  padding-bottom: 8px;
}
.pb--md {
  padding-bottom: 16px;
}
.pb--lg {
  padding-bottom: 32px;
}
.pb--xl {
  padding-bottom: 64px;
}

.pr--xxs {
  padding-right: 2px;
}
.pr--xs {
  padding-right: 4px;
}
.pr--sm {
  padding-right: 8px;
}
.pr--md {
  padding-right: 16px;
}
.pr--lg {
  padding-right: 32px;
}
.pr--xl {
  padding-right: 64px;
}

.pl--xxs {
  padding-left: 2px;
}
.pl--xs {
  padding-left: 4px;
}
.pl--sm {
  padding-left: 8px;
}
.pl--md {
  padding-left: 16px;
}
.pl--lg {
  padding-left: 32px;
}
.pl--xl {
  padding-left: 64px;
}

.py--xxs {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py--xs {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py--sm {
  padding-top: 8px;
  padding-bottom: 8px;
}
.py--md {
  padding-top: 16px;
  padding-bottom: 16px;
}
.py--lg {
  padding-top: 32px;
  padding-bottom: 32px;
}
.py--xl {
  padding-top: 64px;
  padding-bottom: 64px;
}

.px--xxs {
  padding-left: 2px;
  padding-right: 2px;
}
.px--xs {
  padding-left: 4px;
  padding-right: 4px;
}
.px--sm {
  padding-left: 8px;
  padding-right: 8px;
}
.px--md {
  padding-left: 16px;
  padding-right: 16px;
}
.px--lg {
  padding-left: 32px;
  padding-right: 32px;
}
.px--xl {
  padding-left: 64px;
  padding-right: 64px;
}

.p--xxs {
  padding: 2px;
}
.p--xs {
  padding: 4px;
}
.p--sm {
  padding: 8px;
}
.p--md {
  padding: 16px;
}
.p--lg {
  padding: 32px;
}
.p--xl {
  padding: 64px;
}

.gap--xxs {
  gap: 2px;
}
.gap--xs {
  gap: 4px;
}
.gap--sm, .badge-group {
  gap: 8px;
}
.gap--md, .button-group {
  gap: 16px;
}
.gap--lg {
  gap: 32px;
}

.tx--center {
  text-align: center;
}
.tx--left {
  text-align: left;
}
.tx--right {
  text-align: right;
}

[data-toggle-fade] {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
}

[data-toggle-fade]:not([data-toggle-fade=active]) {
  pointer-events: none;
}

[data-toggle-fade=active] {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1);
}

[data-toggle-switch-content] {
  position: absolute !important;
}

[data-slide-toggle] {
  cursor: pointer;
}

[data-slide-toggle-icon-up] {
  position: absolute !important;
}

[data-toggle-loading-button] {
  position: absolute !important;
  left: 0;
  right: 0;
  margin: auto;
}

@media (min-width: 992px) {
  [data-close-sidebar=sidebar] {
    display: none;
  }
}

.preload,
.preload * {
  transition: none !important;
}

.frame, .render-json-data, .shibitosu-miya__name, .shibitosu-miya__age, .table--inner, .tab, .skeleton--inputDense, .skeleton--input, .card--inner {
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .frame--sidebar {
    overflow: hidden;
  }
}

.fluid {
  max-width: 100%;
  height: auto;
}

.pointer {
  cursor: pointer;
}

.disabled {
  pointer-events: none;
  opacity: 0.32;
  filter: grayscale(1);
}

[data-show-class].show {
  visibility: visible;
}

[data-show-class] {
  visibility: hidden;
}

.relative {
  position: relative;
}

.absolute, .render-json-data__inner .render-json-data__inner::after, .table--innerEditButton {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.absolute-center {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.fixed, .scrim, .modal-container, .loading--full, .datepicker-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
}

.transform-3d {
  transform-style: preserve-3d;
  perspective: 1500px;
}

.exclusion {
  mix-blend-mode: exclusion;
  background-blend-mode: exclusion;
}

.frosted-glass--light {
  background: linear-gradient(to bottom, rgba(246, 250, 250, 0.68) 0%, rgba(159, 179, 178, 0.68) 100%);
  backdrop-filter: blur(8px);
}
.frosted-glass--dark {
  background: linear-gradient(to bottom, rgba(16, 42, 42, 0.87) 0%, rgba(0, 15, 15, 0.87) 100%);
  backdrop-filter: blur(8px);
}

@media print {
  .print-none {
    display: none;
  }
}

input:-internal-autofill-selected {
  box-shadow: 0 0 0px 48px #f6fafa inset;
  -webkit-text-fill-color: #000f0f;
}

/*
<注意>
ここまで @extend 禁止
Blocksのクラス以外 @extend 許可
*/
/* Blocks */
.alert {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border: none;
  border-radius: 12px;
  padding: calc(8px * 2);
  gap: 8px;
}
.alert--info {
  color: rgb(84.16, 146.64, 253.4);
  background: rgba(8, 98, 255, 0.32);
}
.alert--warning {
  color: rgb(252.12, 211.24, 84.76);
  background: rgba(255, 193, 7, 0.32);
}
.alert--error {
  color: rgb(242.6, 125.56, 116.72);
  background: rgba(241, 67, 54, 0.32);
}
.alert--success {
  color: rgb(105.92, 202.4, 127.6);
  background: rgba(40, 180, 70, 0.32);
}
.alert--removable {
  position: relative;
  padding-right: calc(8px + 40px);
}
.alert--removable__item {
  align-items: flex-start;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: calc(8px + 40px);
  padding: 8px;
  height: 100%;
}
.alert--removable__button {
  font-size: 1.25rem;
  width: 32px;
  height: 32px;
  border-radius: calc(12px / 2);
}
.alert__item {
  justify-content: flex-start;
}

.badge {
  font-size: 0.625rem;
  font-weight: 700;
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  min-height: 16px;
  border-radius: 8px;
}
.badge:has(i:first-child) {
  padding-left: calc(8px * 0.6666666667);
}
.badge--primary {
  border: 1px solid rgb(83.48, 219.4, 219.4);
  background: rgba(83.48, 219.4, 219.4, 0.17);
  color: rgb(83.48, 219.4, 219.4) !important;
}
.badge--alt {
  border: 1px solid rgb(188.2, 153.44, 247.28);
  background: rgba(188.2, 153.44, 247.28, 0.17);
  color: rgb(188.2, 153.44, 247.28) !important;
}
.badge--info {
  border: 1px solid rgb(84.16, 146.64, 253.4);
  background: rgba(84.16, 146.64, 253.4, 0.17);
  color: rgb(84.16, 146.64, 253.4) !important;
}
.badge--warning {
  border: 1px solid rgb(252.12, 211.24, 84.76);
  background: rgba(252.12, 211.24, 84.76, 0.17);
  color: rgb(252.12, 211.24, 84.76) !important;
}
.badge--error {
  border: 1px solid rgb(242.6, 125.56, 116.72);
  background: rgba(242.6, 125.56, 116.72, 0.17);
  color: rgb(242.6, 125.56, 116.72) !important;
}
.badge--success {
  border: 1px solid rgb(105.92, 202.4, 127.6);
  background: rgba(105.92, 202.4, 127.6, 0.17);
  color: rgb(105.92, 202.4, 127.6) !important;
}
.badge--default {
  border: 1px solid #f6fafa;
  background: rgba(246, 250, 250, 0.17);
  color: #f6fafa !important;
}
.badge__supple {
  font-size: 0.75rem;
}

.badge-group {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.blockquote {
  position: relative;
  padding-left: 20px;
  color: #9fb3b2;
}
.blockquote::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 100%;
  border-radius: 2px 0 0 2px;
  background: #9fb3b2;
  left: 0;
}
.blockquote span {
  font-size: 0.75rem;
  color: #9fb3b2;
  margin-top: 8px;
  font-weight: 500;
}

.breadcrumbs {
  height: 100%;
  font-size: 0.75rem;
}
.breadcrumbs__current {
  filter: opacity(0.68);
}

.button {
  border-radius: calc(12px / 2);
  overflow: hidden;
}
.button:has(> .disable-button) {
  pointer-events: none;
}
.button--primary {
  color: #f6fafa !important;
  background: #07cdcd;
}
.button--inversion {
  color: rgb(4.76, 144.2, 144.2) !important;
  background: #f6fafa;
}
.button--alt {
  color: #f6fafa !important;
  background: #a16cf6;
}
.button--default {
  color: #f6fafa !important;
  box-shadow: 0 0 0 1px rgba(159, 179, 178, 0.32) inset;
  background: transparent;
}
.button--danger {
  color: #f6fafa !important;
  background: #f14336;
}
.button--twitter {
  color: #f6fafa !important;
  background: #1da1f2;
}
.button--google {
  border-radius: 2px;
}
.button--google:focus, .button--google:focus-visible, .button--google:focus-within {
  outline: rgba(66, 133, 244, 0.32) solid 4px;
}
.button--square {
  width: 40px;
  height: 40px;
  padding: 0;
}
.button--squareDense {
  width: 32px;
  height: 32px;
  padding: 0;
}
.button--dense {
  height: 32px;
}
.button--dropdown {
  padding-right: calc(16px / 2);
}
.button--round {
  border-radius: calc(40px / 2);
}
.button--round.button--dense {
  border-radius: calc(32px / 2);
}
.button--gridContent {
  min-height: 96px;
}
.button--gridContent i, .button--gridContent svg {
  font-size: 2rem;
}
.button__content {
  width: auto;
  height: inherit;
  min-height: 40px;
  padding: calc(16px / 2) 16px;
  font-size: 0.875rem;
  border-radius: calc(12px / 2);
  overflow: hidden;
}
.button__content:has(> svg:first-child), .button__content:has(> i:first-child) {
  padding-left: calc(16px * 0.6666666667);
}
.button__content:has(> svg:last-child), .button__content:has(> i:last-child) {
  padding-right: calc(16px * 0.6666666667);
}
.button__content[data-hover]::after {
  border-radius: calc(12px / 2 - 1px);
}
.button__content.disable-button {
  position: relative;
  pointer-events: none;
}
.button__content.disable-button::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(16, 42, 42, 0.32);
}
.button__content--jumbotron {
  padding: 16px;
  min-height: calc(40px * 2);
}
.button--square .button__content {
  padding: 0 !important;
}
.button--squareDense .button__content {
  font-size: 0.75rem;
  padding: 0 !important;
  min-height: 32px;
}
.button--dense .button__content {
  min-height: 0 !important;
  font-size: 0.75rem;
}

.button-group {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.button-group--right {
  justify-content: flex-end;
}
.card {
  border-radius: 12px;
  width: 100%;
}
.card--inner {
  box-shadow: 0 0 0 1px #283b3b;
  background: #142e2e;
}
.card--inner__title {
  justify-content: flex-start;
  font-size: 0.875rem;
  border-radius: 12px 12px 0 0;
  padding: 12px;
}
.card--inner__body {
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  position: relative;
  padding: 12px;
}
.card__body {
  padding: 16px;
}
.card__body--sm {
  padding: calc(16px / 2);
}
.card__canvas {
  width: 100% !important;
  height: auto !important;
  max-width: 640px;
  max-height: 480px;
  margin: 0 auto;
}

.checkbox {
  position: relative;
  line-height: 1;
}
.checkbox__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.checkbox__label {
  gap: 8px;
  cursor: pointer;
  padding: 8px 12px 8px 8px;
  border-radius: calc(12px / 2);
}

.datepicker-container {
  z-index: 8887;
  visibility: hidden;
  transition: visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
}
.datepicker-container.open {
  transition: visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1);
  visibility: visible;
}

.datepicker {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: auto;
  position: relative;
  z-index: 8887;
  transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), filter 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
  transform-origin: 50% 0;
  transform: translateY(-16px) scaleX(0.9);
  filter: opacity(0);
  visibility: hidden;
}
.datepicker:not(.open) > * {
  pointer-events: none !important;
}
.datepicker.open {
  transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), filter 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translateY(0) scaleX(1);
  filter: opacity(1);
  visibility: visible;
}
.datepicker {
  width: calc(100% - 64px);
  max-width: 360px;
  height: auto;
  max-height: 420px;
  border-radius: 12px;
}
@media (max-height: 480px) {
  .datepicker {
    max-height: calc(100% - 64px);
  }
}
.datepicker__header {
  justify-content: space-between;
  padding: 8px 0 8px 8px;
}
.datepicker__prev, .datepicker__next {
  width: 32px;
  height: 32px;
  cursor: pointer;
  border-radius: calc(12px / 2);
}
.datepicker__yearAndMonth {
  padding: 0 16px;
}
.datepicker__yearAndMonth span {
  font-weight: 700;
}
.datepicker__yearAndMonth span:first-child {
  margin-right: 8px;
}
.datepicker__container {
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  min-height: 300px;
}
.datepicker__cell {
  position: relative;
  background: #102a2a;
  width: 14.2857142857%;
  padding: 8px;
}
.datepicker__cell[data-datepicker-date] {
  cursor: pointer;
}
.datepicker__cell:nth-child(7n-6) {
  color: rgb(242.6, 125.56, 116.72);
  background: rgba(163.88, 50.36, 41.52, 0.32);
}
.datepicker__cell:nth-child(7n) {
  color: rgb(84.16, 146.64, 253.4);
  background: rgba(5.44, 71.44, 178.2, 0.32);
}
.datepicker__cell:nth-child(1) {
  aspect-ratio: initial;
}
.datepicker__cell:nth-child(2) {
  aspect-ratio: initial;
}
.datepicker__cell:nth-child(3) {
  aspect-ratio: initial;
}
.datepicker__cell:nth-child(4) {
  aspect-ratio: initial;
}
.datepicker__cell:nth-child(5) {
  aspect-ratio: initial;
}
.datepicker__cell:nth-child(6) {
  aspect-ratio: initial;
}
.datepicker__cell:nth-child(7) {
  aspect-ratio: initial;
}
.datepicker__cell:nth-child(1) {
  color: rgba(242.6, 125.56, 116.72, 0.32);
}
.datepicker__cell:nth-child(2) {
  color: rgba(159, 179, 178, 0.32);
}
.datepicker__cell:nth-child(3) {
  color: rgba(159, 179, 178, 0.32);
}
.datepicker__cell:nth-child(4) {
  color: rgba(159, 179, 178, 0.32);
}
.datepicker__cell:nth-child(5) {
  color: rgba(159, 179, 178, 0.32);
}
.datepicker__cell:nth-child(6) {
  color: rgba(159, 179, 178, 0.32);
}
.datepicker__cell:nth-child(7) {
  color: rgba(84.16, 146.64, 253.4, 0.32);
}
.datepicker__cell span {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 9;
}
.datepicker__cell.current span {
  font-weight: 700;
}
.datepicker__cell.current span::before {
  content: "";
  position: absolute;
  width: calc(100% - 16px);
  left: 8px;
  bottom: 0px;
  border: 2px solid;
  z-index: calc(9 - 1);
}
.datepicker__cell.selected {
  font-weight: 700;
  pointer-events: none;
}
.datepicker__cell.selected::before {
  content: "";
  position: absolute;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  left: 4px;
  bottom: 4px;
  background: rgba(159, 179, 178, 0.68);
  z-index: calc(9 - 1);
  border-radius: calc(12px / 2);
  mix-blend-mode: overlay;
}
.datepicker__footer {
  justify-content: flex-end;
  padding: 16px 0 16px 16px;
}

.footer {
  padding: 32px 0;
  position: relative;
  z-index: calc(210 - 1);
  width: calc(100% - 8px);
  max-height: calc(50dvh - 40px);
  margin-left: auto;
  border-radius: 12px 0 0 0;
}
.footer__container {
  padding: 0 32px;
}
.footer__link:hover {
  text-decoration: underline !important;
}

.form__control {
  border-radius: 12px;
  width: 100%;
  flex: 1 1 auto;
  min-width: 0;
}
.form__control:has(input:disabled), .form__control:has(textarea:disabled), .form__control:has(select:disabled) {
  pointer-events: none;
}
.form__text {
  position: relative;
}
.form__text label {
  font-size: 0.75rem;
}
.form__text input, .form__text textarea {
  border: 2px solid rgba(159, 179, 178, 0.32);
  border-radius: 12px;
  width: 100%;
  background: #000f0f;
  color: #f6fafa;
}
.form__text input::placeholder, .form__text textarea::placeholder {
  color: rgba(246, 250, 250, 0.32);
}
.form__text input:hover, .form__text textarea:hover {
  border-color: rgba(161, 108, 246, 0.47);
}
.form__text input:focus, .form__text input:active, .form__text textarea:focus, .form__text textarea:active {
  border-color: #a16cf6;
}
.form__text input[readonly]:not(.select-dropdown), .form__text input:read-only:not(.select-dropdown), .form__text textarea[readonly]:not(.select-dropdown), .form__text textarea:read-only:not(.select-dropdown) {
  border-color: transparent;
  opacity: 0.68;
}
.form__text input.has-error, .form__text textarea.has-error {
  border-color: #f14336;
  background: rgba(242.6, 125.56, 116.72, 0.32);
}
.form__text input {
  height: 40px;
  padding: 0 8px;
}
.form__text textarea {
  display: block;
  min-width: 100%;
  max-width: 100%;
  height: 16rem;
  resize: none;
  padding: 8px;
  padding-right: 0;
  border-radius: 12px calc(12px - 4px) calc(12px - 4px) 12px;
}
.form__text small {
  font-size: 0.75rem;
}
.form__text--dense input, .form__text--dense textarea {
  font-size: 0.75rem;
  height: 32px;
}
.form__text.has-clear input, .form__text.has-clear textarea {
  padding-right: calc(8px + 40px * 1);
}
.form__text--dense.has-clear input, .form__text--dense.has-clear textarea {
  padding-right: calc(8px + 32px);
}
.form__textInputClear {
  position: absolute;
  width: 40px;
  height: calc(100% - 4px);
  right: 2px;
  top: 2px;
  background: transparent;
  cursor: pointer;
  border-radius: 0 calc(12px - 2px) calc(12px - 2px) 0;
}
.form__textInputClear svg, .form__textInputClear i {
  color: #283b3b;
}
.form__text .form__textInputClear {
  width: 32px;
}
.form__date {
  justify-content: flex-start;
  position: relative;
  border: 2px solid rgba(159, 179, 178, 0.32);
  border-radius: 12px;
  width: 100%;
  padding: 0 8px;
  padding-right: calc(8px + 40px * 2);
  height: 40px;
  cursor: pointer;
  background: #000f0f;
  color: #f6fafa;
}
.form__date span {
  max-width: 100%;
}
.form__date::placeholder {
  color: rgba(16, 42, 42, 0.32);
}
.form__date:hover {
  border-color: rgba(161, 108, 246, 0.47);
}
.form__date:focus, .form__date:active {
  border-color: #a16cf6;
}
.form__date.readonly {
  background: #f6fafa;
  border-color: #cbd8d8;
}
.form__date.open {
  border-color: #a16cf6;
}
.form__date[data-hover=light]::after {
  border-radius: calc(12px - 2px);
}
.form__calendar {
  position: absolute;
  width: 40px;
  height: 100%;
  right: 0;
  top: 0;
  cursor: pointer;
  border-radius: 0 calc(12px - 2px) calc(12px - 2px) 0;
}
.form__calendar svg, .form__calendar i {
  color: #9fb3b2;
}
.form__calendarClear {
  position: absolute;
  width: 40px;
  height: 100%;
  right: 40px;
  top: 0;
  cursor: pointer;
  border-radius: 0;
}
.form__calendarClear svg, .form__calendarClear i {
  color: #9fb3b2;
}
.form__time {
  position: relative;
  width: 100%;
}
.form__time input[type=time] {
  padding-right: calc(8px + 40px);
  color-scheme: dark;
}
.form__time input[type=time]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
}
.form__timeIcon {
  pointer-events: none;
  position: absolute;
  width: 40px;
  height: 100%;
  right: 0;
  top: 0;
}
.form__timeIcon svg, .form__timeIcon i {
  color: #9fb3b2;
}

.header {
  justify-content: space-between;
  align-items: stretch;
  margin-left: auto;
  min-height: 48px;
  z-index: 220;
  border-radius: 0 0 0 12px;
}
@media (max-width: 991.98px) {
  .header {
    display: none;
  }
}
.header__content {
  padding: 0 8px;
  overflow: hidden;
}
.header__buttons {
  justify-self: flex-end;
}
.header__button, .header__buttonContent {
  border-radius: 0 !important;
}

ul.list {
  list-style: square;
  padding-left: 14px;
}
ul.list li {
  padding-left: 4px;
}

ol.list {
  list-style: decimal;
  padding-left: 16px;
}
ol.list li {
  padding-left: 2px;
}

.loading--full {
  z-index: 9999;
  -webkit-backdrop-filter: brightness(0.68) grayscale(1);
  backdrop-filter: brightness(0.68) grayscale(1);
  background: rgba(0, 15, 15, 0.32);
  color: #f6fafa;
  font-size: 2rem;
}

@keyframes l-main-app-underline {
  0% {
    transform-origin: 0% 50%;
    transform: scaleX(0);
  }
  49% {
    transform-origin: 0% 50%;
  }
  50% {
    transform-origin: 100% 50%;
    transform: scaleX(1);
  }
  99% {
    transform-origin: 100% 50%;
  }
  100% {
    transform-origin: 0% 50%;
    transform: scaleX(0);
  }
}
.main-app__link:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -2px;
  left: 0;
  right: 0;
  transform-origin: 0% 50%;
  transform: scaleX(0);
}

.main-app__link:hover:after {
  animation: l-main-app-underline 0.75s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.main-app__title--sm, .main-app__title {
  justify-content: flex-start;
  font-weight: 500;
}

.main-app__sidebarContent {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
}

.main-app {
  align-items: stretch;
  min-height: 100vh;
}
.main-app__sidebar {
  width: 256px;
  height: 100vh;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: calc(-1 * 256px);
  transform: translateX(calc(1 * 256px));
  transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  z-index: 1111;
  box-shadow: 2px 0 4px rgba(0, 15, 15, 0.32);
}
@media (max-width: 991.98px) {
  .main-app__sidebar {
    transform: translateX(calc(24px * -1));
  }
  .main-app__sidebar.show {
    transform: translateX(256px);
  }
}
@media (min-width: 992px) {
  .main-app__sidebar.disable-sidebar {
    transform: translateX(0);
  }
}
.main-app__sidebarContent {
  height: inherit;
  position: relative;
  z-index: calc(110 - 1);
}
.main-app__main {
  padding-bottom: 96px;
}
@media (max-width: 991.98px) {
  .main-app__main {
    padding-left: 32px;
  }
}
.main-app__hamburger {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 110;
  border-radius: 12px;
}
@media (min-width: 992px) {
  .main-app__hamburger {
    display: none;
  }
}
.main-app__functions {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(24px * -1);
  z-index: calc(110 - 2);
}
.main-app__function {
  width: 24px;
  height: 64px;
  transition: left 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  font-size: 0.75rem;
}
.main-app__function:first-child {
  border-top-right-radius: 12px;
}
.main-app__function:last-child {
  border-bottom-right-radius: 12px;
}
.main-app__content {
  align-items: stretch;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 992px) {
  .main-app__content {
    transition: width 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    margin-left: auto;
  }
}
.main-app__content:not(.disable-sidebar) {
  width: calc(100% - (256px));
}
@media (max-width: 991.98px) {
  .main-app__content:not(.disable-sidebar) {
    width: 100%;
  }
}
.main-app__title {
  font-size: 1.375rem;
}
.main-app__title svg, .main-app__title i {
  font-size: 1.375rem;
}
.main-app__title--sm {
  font-size: 1.125rem;
}
.main-app__title--sm svg, .main-app__title--sm i {
  font-size: 1.125rem;
}
.main-app__link {
  position: relative;
  font-weight: 500;
}
.main-app__link:after {
  background: #f6fafa;
  height: 1px;
}
.main-app__link--white:after {
  background: #f6fafa;
}
.main-app__link--dark:after {
  background: #102a2a;
}
.main-app__link--black:after {
  background: #000f0f;
}
.main-app__link--themeDark:after {
  background: rgb(4.76, 144.2, 144.2);
}
.main-app__pre > code {
  display: block;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", ui-monospace, monospace;
  font-size: 0.625rem;
  word-break: break-all;
  white-space: pre-wrap;
  background-color: #000f0f;
  color: rgb(83.48, 219.4, 219.4);
  text-shadow: 0 0 4px #07cdcd, 0 0 8px rgb(2.24, 75.8, 75.8);
  padding: 8px;
  border-radius: calc(12px / 2);
}

.modal-container {
  z-index: 8888;
  visibility: hidden;
  transition: visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
}
.modal-container.open {
  transition: visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1);
  visibility: visible;
}

.modal {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: auto;
  position: relative;
  z-index: 8888;
  transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), filter 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
  transform-origin: 50% 0;
  transform: translateY(-16px) scaleX(0.9);
  filter: opacity(0);
  visibility: hidden;
}
.modal:not(.open) > * {
  pointer-events: none !important;
}
.modal.open {
  transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), filter 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translateY(0) scaleX(1);
  filter: opacity(1);
  visibility: visible;
}
.modal {
  width: calc(100% - 64px);
  max-width: 560px;
  height: auto;
  max-height: 560px;
  border-radius: 12px;
}
@media (max-height: 624px) {
  .modal {
    max-height: calc(100% - 64px);
  }
}
.modal__header {
  padding: 16px calc(16px * 2) calc(16px * 0.6666666667) 16px;
  border-bottom: 1px solid #283b3b;
  position: sticky;
  top: 0;
  z-index: calc(2 + 1);
}
.modal__body {
  padding: 16px 0 16px 16px;
  flex: 1 1 auto;
  z-index: 2;
}
.modal__body > .modal__body {
  padding: calc(16px / 2) 0 calc(16px / 2) calc(16px / 2);
  border-radius: 12px;
}
.modal__footer {
  padding: 16px 0 16px 16px;
  border-top: 1px solid #283b3b;
  position: sticky;
  bottom: 0;
  z-index: calc(2 + 1);
}
.modal__close {
  position: absolute;
  right: 0;
  top: 8px;
  font-size: 1.25rem;
  width: 32px;
  height: 32px;
  color: #f6fafa;
  background: transparent;
  border-radius: calc(12px / 2);
}

.navigation__header {
  position: sticky;
  top: 0;
  z-index: 2;
}
.navigation__close {
  width: 100%;
}
@media (min-width: 992px) {
  .navigation__close {
    display: none;
  }
}
.navigation__logo {
  justify-content: flex-start;
  padding: 16px;
  height: 96px;
}
.navigation__title {
  justify-content: flex-start;
  padding: calc(16px / 2) 16px;
  border-radius: 0 12px 12px 0;
  opacity: 0.68;
}
.navigation__title.has-child {
  opacity: 1;
}
.navigation__index {
  justify-content: flex-start;
  position: relative;
  min-height: 40px;
  font-size: 0.875rem;
  padding: 8px 16px 8px 24px;
  border-radius: 0 12px 12px 0;
}
.navigation__index.active {
  font-weight: 700;
}
.navigation__index.active::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid rgba(246, 250, 250, 0.14);
  border-left: 4px solid #a16cf6;
  border-radius: inherit;
  background: rgba(246, 250, 250, 0.14);
}
.navigation__index--nested {
  min-height: 34px;
  padding-left: 34px;
  font-size: 0.75rem;
}
.navigation__group {
  position: relative;
  margin-right: 8px;
  padding: 8px 0 8px 0;
}
.navigation__groupLabel {
  justify-content: flex-start;
  min-height: 32px;
  padding: 4px 16px 6px 20px;
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(246, 250, 250, 0.86);
}
.navigation__subList {
  margin: 2px 0 0;
  padding: 0;
  list-style: none;
}
.navigation__footer {
  position: sticky;
  bottom: 0;
  z-index: 2;
}
.navigation__footer .navigation__index {
  border-radius: 0;
}

.policy-doc {
  line-height: 1.8;
}
.policy-doc p {
  margin: 0;
}
.policy-doc p + p {
  margin-top: 8px;
}
.policy-doc__list {
  margin: 8px 0 0;
  padding-left: 0;
  list-style-position: inside;
}
.policy-doc__list li + li {
  margin-top: 6px;
}
.policy-doc ul.policy-doc__list {
  list-style-type: disc;
}
.policy-doc ol.policy-doc__list {
  list-style-type: decimal;
}
.policy-doc__note {
  margin-top: 8px;
  font-size: 0.875rem;
  color: #9fb3b2;
  line-height: 1.6;
}

.scrim {
  z-index: 999;
  -webkit-backdrop-filter: brightness(0.68) grayscale(1);
  backdrop-filter: brightness(0.68) grayscale(1);
  background: rgba(0, 15, 15, 0.32);
}

.scroll-back {
  width: 40px;
  height: 40px;
  border-radius: 12px 12px 0 0;
  position: sticky;
  bottom: -40px;
  margin-right: 16px;
  margin-left: auto;
  margin-top: auto;
  z-index: 210;
  transition: bottom 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.scroll-back.active {
  bottom: 0;
}
.scroll-back.hide {
  bottom: -40px;
}
.scroll-back svg, .scroll-back i {
  pointer-events: none;
}

.selectbox__active--single, .selectbox__active {
  justify-content: flex-start;
  flex-wrap: wrap;
  border: 2px solid rgba(159, 179, 178, 0.32);
  border-radius: 12px;
  width: 100%;
  position: relative;
  cursor: pointer;
  background: #000f0f;
}
.selectbox__active--single::placeholder, .selectbox__active::placeholder {
  color: rgba(246, 250, 250, 0.32);
}
.selectbox__active--single:hover, .selectbox__active:hover {
  border-color: rgba(161, 108, 246, 0.47);
}
.readonly.selectbox__active--single, .readonly.selectbox__active {
  background: #f6fafa;
  border-color: #102a2a;
}
.open.selectbox__active--single, .open.selectbox__active {
  border-color: #a16cf6;
}

@keyframes l-selectbox-active-show {
  from {
    transform-origin: 0 0;
    transform: translateX(-16px);
    filter: opacity(0.1);
  }
  to {
    transform-origin: 0 0;
    transform: translateX(0);
    filter: opacity(1);
  }
}
@keyframes l-selectbox-inactive-list-show {
  from {
    transform-origin: 0 0;
    transform: translateX(-16px);
    filter: opacity(0.1);
  }
  to {
    transform-origin: 0 0;
    transform: translateX(0);
    filter: opacity(1);
  }
}
@keyframes l-selectbox-active-hide {
  from {
    transform-origin: 50% 50%;
    transform: scale(1);
    filter: opacity(1);
  }
  to {
    transform-origin: 50% 50%;
    transform: scale(0.9);
    filter: opacity(0.1);
  }
}
@keyframes l-selectbox-inactive-list-hide {
  from {
    transform-origin: 0 0;
    filter: opacity(1);
  }
  to {
    transform-origin: 0 0;
    filter: opacity(0.1);
  }
}
@keyframes l-selectbox-single-active-show {
  from {
    filter: opacity(0.1);
  }
  to {
    filter: opacity(1);
  }
}
.selectbox.has-error .selectbox__active, .selectbox.has-error .selectbox__active--single {
  border-color: #f14336;
  background: rgba(242.6, 125.56, 116.72, 0.32);
}
.selectbox.has-error .selectbox__active:hover, .selectbox.has-error .selectbox__active.open, .selectbox.has-error .selectbox__active--single:hover, .selectbox.has-error .selectbox__active--single.open {
  border-color: #f14336;
}
.selectbox select {
  display: none;
}
.selectbox--dense {
  font-size: 0.75rem;
}
.selectbox__single {
  position: relative;
}
.selectbox__multiple {
  position: relative;
}
.selectbox__active {
  padding: calc(8px / 2);
  padding-right: 48px;
  min-height: 48px;
}
.selectbox__active--single {
  padding: calc(8px / 2) 8px;
  padding-right: 48px;
  min-height: 40px;
}
.selectbox--dense .selectbox__active--single {
  padding: calc(8px / 2) 8px;
  padding-right: 40px;
  min-height: 32px;
}
.selectbox__activeItem {
  justify-content: flex-start;
  padding: calc(8px / 4) 8px;
  background: #102a2a;
  border-radius: 12px;
  margin: calc(8px / 2);
}
.selectbox__activeItem.show {
  animation: l-selectbox-active-show 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.selectbox__activeItem.remove {
  animation: l-selectbox-active-hide 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.selectbox__activeItem em {
  margin-right: 8px;
  font-size: 0.75rem;
  font-weight: 700;
}
.selectbox__activeItem svg, .selectbox__activeItem i {
  color: #f6fafa;
  filter: opacity(0.1);
  transition: filter 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.selectbox__activeItem:hover svg, .selectbox__activeItem:hover i {
  filter: opacity(1);
}
.selectbox__activeItem--single.show {
  animation: l-selectbox-single-active-show 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.selectbox__activeItem--single em {
  font-weight: 500;
}
.selectbox__list {
  max-height: 253px;
  max-width: 100%;
  min-width: 256px;
  border-radius: 12px;
  position: fixed;
  background: #102a2a;
  z-index: 8886;
  transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), top 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), bottom 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), right 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), filter 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
  transform-origin: 50% 0;
  transform: translateY(-16px) scaleX(0.9);
  filter: opacity(0);
  visibility: hidden;
}
.selectbox__list:not(.open) {
  pointer-events: none;
}
.selectbox__list.open {
  transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), top 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), bottom 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), right 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), filter 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translateY(0) scaleX(1);
  filter: opacity(1);
  visibility: visible;
}
.selectbox__list li {
  cursor: pointer;
  font-weight: 500;
  padding: 12px 16px;
  border-radius: 0;
  transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), filter 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.selectbox__list li:first-child {
  border-radius: 12px 0 0 0;
}
.selectbox__list li:last-child {
  border-radius: 0 0 0 12px;
}
.selectbox__list li.show {
  animation: l-selectbox-inactive-list-show 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.selectbox__list li.remove {
  animation: l-selectbox-inactive-list-hide 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.selectbox__list li.removed {
  filter: opacity(0.1);
  pointer-events: none;
}
.selectbox__placeholder {
  position: absolute;
  left: 8px;
  color: rgba(246, 250, 250, 0.32);
  font-weight: 500;
}
.selectbox__placeholder.hide {
  display: none;
}
.selectbox__arrow {
  position: absolute;
  width: 40px;
  height: 100%;
  right: 0;
  top: 0;
  background: #000f0f;
  cursor: pointer;
  border-radius: 0 calc(12px - 2px) calc(12px - 2px) 0;
}
.selectbox__arrow svg, .selectbox__arrow i {
  color: #f6fafa;
}
.selectbox--dense .selectbox__arrow {
  width: 32px;
}

.skeleton--inputDense, .skeleton--input {
  position: relative;
  border-radius: 12px;
  width: 100%;
  padding: 0 8px;
  background: rgba(40, 59, 59, 0.68);
  min-width: 80px;
}
.skeleton--inputDense::before, .skeleton--input::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, transparent, rgba(159, 179, 178, 0.32), transparent);
  position: absolute;
  top: 0;
  left: 0;
  animation: skeleton-animation 1.25s linear infinite;
}

.skeleton--legend {
  position: relative;
  overflow: hidden;
  width: 64px;
  height: 16px;
  background: rgba(40, 59, 59, 0.68);
  border-radius: 4px;
}
.skeleton--legend::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, transparent, rgba(159, 179, 178, 0.32), transparent);
  position: absolute;
  top: 0;
  left: 0;
  animation: skeleton-animation 1.25s linear infinite;
}
.skeleton--input {
  height: 40px;
}
.skeleton--inputDense {
  height: 32px;
}

@keyframes skeleton-animation {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes l-snackbar-show {
  from {
    transform-origin: 0 0;
    transform: translateY(16px);
    filter: opacity(0.1);
  }
  to {
    transform-origin: 0 0;
    transform: translateY(0);
    filter: opacity(1);
  }
}
@keyframes l-snackbar-hide {
  from {
    transform-origin: 50% 50%;
    transform: scale(1);
    filter: opacity(1);
  }
  to {
    transform-origin: 50% 50%;
    transform: scale(0.9);
    filter: opacity(0.1);
  }
}
.snackbar {
  justify-content: flex-start;
  position: fixed;
  bottom: 16px;
  left: 0;
  right: 0;
  width: 100%;
  min-height: calc(16px + 40px);
  z-index: 1211;
  padding: 0 calc(16px + 40px) 0 16px;
  background: #000f0f;
  color: #f6fafa;
  border-radius: 12px;
  max-width: 640px;
  width: calc(100% - 32px);
  margin: auto;
}
.snackbar.show {
  animation: l-snackbar-show 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
.snackbar.hide {
  animation: l-snackbar-hide 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
.snackbar__item {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.snackbar--removable {
  position: relative;
  padding-right: 40px;
}
.snackbar--removable__item {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: calc(16px + 40px);
  padding: 4px;
  height: 100%;
}
.snackbar--removable__button {
  font-size: 1.25rem;
  width: 32px;
  height: 32px;
  border-radius: calc(12px / 2);
}
.snackbar__tag {
  font-size: 0.625rem;
  font-weight: bold;
}

.sub-app__sidebarContent {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
}

.sub-app {
  align-items: flex-start;
  gap: 32px;
}
@media (max-width: 991.98px) {
  .sub-app {
    flex-direction: column;
  }
}
.sub-app__sidebar {
  width: 256px;
}
@media (min-width: 992px) {
  .sub-app__sidebar {
    position: sticky;
    top: 120px;
  }
}
.sub-app__sidebarContent {
  height: inherit;
  max-height: calc(100dvh - 136px);
  position: relative;
  border-radius: 12px;
  padding: 8px 0;
  z-index: calc(110 - 1);
}
.sub-app__content {
  align-items: stretch;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 992px) {
  .sub-app__content {
    margin-left: auto;
  }
}
.sub-app__content:not(.disable-sidebar) {
  width: calc(100% - (256px + 32px));
}
@media (max-width: 991.98px) {
  .sub-app__content:not(.disable-sidebar) {
    width: 100%;
  }
}
.sub-app__main {
  padding-bottom: 96px;
}

.sub-header__content {
  padding: 8px;
  overflow: hidden;
}
.sub-header__title {
  padding: 8px 16px;
}

.tab__next, .tab__prev {
  width: 32px;
  height: auto;
  background: #f6fafa;
  position: sticky;
  z-index: 8;
}
.disable-tab-button.tab__next, .disable-tab-button.tab__prev {
  pointer-events: none;
  color: #9fb3b2;
  background: #cbd8d8;
}

.tab {
  width: 100%;
}
.tab__buttons {
  max-width: calc(100% - 32px * 2);
  height: 32px;
  justify-content: space-between;
  transition: transform 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
  width: 100%;
}
.tab__prev {
  padding: 0 8px;
  left: 0;
  border-right: 2px solid #cbd8d8;
  border-radius: 12px 0 0 0;
}
.tab__next {
  padding: 0 8px;
  position: sticky;
  right: 0;
  border-left: 2px solid #cbd8d8;
  border-radius: 0 12px 0 0;
}
.tab__button {
  padding: 0 8px;
  flex: 1 0 auto;
  background: #cbd8d8;
  color: #9fb3b2;
  font-size: 0.75rem;
  min-width: 120px;
  height: 32px;
  border-bottom: 2px solid #cbd8d8;
  z-index: calc(8 - 1);
}
@media (max-width: 575.98px) {
  .tab__button {
    min-width: 64px;
  }
}
.tab__button.active {
  pointer-events: none;
  background: #f6fafa;
  color: #102a2a;
  border-color: #f6fafa;
  font-weight: 700;
}
.tab__contents {
  position: relative;
}
.tab__content:not(.active) {
  position: absolute;
}
.tab__meta {
  padding: 4px 8px;
}

.table {
  width: 100%;
  font-size: 0.875rem;
  white-space: nowrap;
  border-top: 1px solid #283b3b;
}
.table--headerStickyX th:first-child, .table--headerStickyX td:first-child {
  position: sticky;
  top: 0;
  bottom: 0;
  left: 0;
}
.table--headerStickyX th:first-child::after, .table--headerStickyX td:first-child::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background: #283b3b;
}
.table > tr > th, .table > tr > td, .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td {
  padding: calc(16px / 2) 16px;
  background: #102a2a;
}
.table > tr > th, .table > thead > tr > th, .table > tbody > tr > th {
  font-weight: 500;
  border-bottom: 2px solid #283b3b;
  text-align: left;
  white-space: nowrap;
}
.table > tr > td, .table > thead > tr > td, .table > tbody > tr > td {
  vertical-align: middle;
}
.table > tr > td.wrap, .table > thead > tr > td.wrap, .table > tbody > tr > td.wrap {
  white-space: normal;
  min-width: 256px;
}
.table > tr:not(:last-child) > td, .table > thead > tr:not(:last-child) > td, .table > tbody > tr:not(:last-child) > td {
  border-bottom: 1px solid #283b3b;
}
.table--inner {
  min-width: 100%;
  white-space: nowrap;
  border-radius: 12px;
  table-layout: fixed;
}
.table--inner:not(.only-view) {
  box-shadow: 0 0 0 1px rgba(40, 59, 59, 0.47);
}
.table--inner > tr > th, .table--inner > tr > td, .table--inner > thead > tr > th, .table--inner > thead > tr > td, .table--inner > tbody > tr > th, .table--inner > tbody > tr > td {
  padding: calc(12px / 3) 12px;
  background: #041919;
  vertical-align: middle;
}
.table--inner > tr:not(:last-child) > th, .table--inner > tr:not(:last-child) > td, .table--inner > thead > tr:not(:last-child) > th, .table--inner > thead > tr:not(:last-child) > td, .table--inner > tbody > tr:not(:last-child) > th, .table--inner > tbody > tr:not(:last-child) > td {
  border-bottom: 1px solid rgba(40, 59, 59, 0.68);
}
.table--inner > tr > th, .table--inner > thead > tr > th, .table--inner > tbody > tr > th {
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
}
.table--innerEditButtonWrapper {
  padding: 0 !important;
  border-bottom: 0 !important;
  position: relative;
}
.table--innerEditButton {
  font-size: 0.75rem;
  border-left: 1px solid rgba(40, 59, 59, 0.68);
}
.table--innerEditButton svg, .table--innerEditButton i {
  color: #f6fafa;
}
.table--index__pagination {
  justify-content: flex-end;
  padding: 8px;
  border-top: 1px solid #283b3b;
  position: sticky;
  left: 0;
}
.table--index__pagination ul {
  justify-content: flex-start;
  border-radius: 20px;
  padding: 4px;
  gap: 8px;
  background: rgba(16, 42, 42, 0.68);
  box-shadow: 0 0 0 1px #283b3b;
}
.table--index__paginationNumber span, .table--index__paginationNumber a {
  min-width: 32px;
  height: 32px;
  border-radius: 16px;
  padding: 8px;
}
.table--index__paginationNumber span.active, .table--index__paginationNumber a.active {
  position: relative;
  font-weight: 500;
}
.table--index__paginationNumber span.active::after, .table--index__paginationNumber a.active::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 2px;
  bottom: -4px;
  border-radius: inherit;
  background: #a16cf6;
}

.table-wrapper {
  justify-content: flex-start;
}

.shibitosu-zodiac--sui::before, .shibitosu-zodiac--sui::after, .shibitosu-zodiac--gon::before, .shibitosu-zodiac--gon::after, .shibitosu-zodiac--do::before, .shibitosu-zodiac--do::after, .shibitosu-zodiac--ka::before, .shibitosu-zodiac--ka::after, .shibitosu-zodiac--moku::before, .shibitosu-zodiac--moku::after {
  font-family: "Font Awesome 7 Duotone";
  position: absolute;
  width: 10px;
  height: 10px;
  bottom: -14px;
  left: calc(50% - 5px);
  font-size: 0.75rem;
  font-weight: 900;
}

@keyframes l-json-data-fade-in {
  from {
    filter: opacity(0);
  }
  to {
    filter: opacity(1);
  }
}
.shibitosu {
  min-width: calc(980px - 60px);
  background: #041919;
  border-radius: 4px 4px 0 0;
}

.shibitosu-wrapper {
  flex: 1 0 auto;
  max-width: 980px;
}
@media (min-width: 1500px) {
  .shibitosu-wrapper {
    position: sticky;
    top: 32px;
    align-self: flex-start;
  }
}

.shibitosu-container {
  border-radius: 4px;
}
.shibitosu-container::-webkit-scrollbar {
  border-radius: 0 0 4px 4px;
}
.shibitosu-container::-webkit-scrollbar-thumb {
  border-radius: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
}

.shibitosu-grid-area {
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
}

@media (max-width: 1499.98px) {
  .shibitosu-grid-link {
    display: none;
  }
}

.shibitosu-display-date-input {
  width: 10rem;
  max-width: 100%;
}
.shibitosu-display-date-input input {
  width: 100%;
}

.shibitosu-chart-headerToggleContent {
  overflow: hidden;
}

.shibitosu-chart-headerBody {
  padding: 16px;
}

.shibitosu-chart-boardBody {
  position: relative;
  padding-bottom: 34px;
}

.shibitosu-chart-headerToggleButton {
  position: absolute;
  bottom: 4px;
  left: 50%;
  z-index: 3;
  display: inline-grid;
  align-items: center;
  justify-items: center;
  grid-template: 1fr/1fr;
  width: 64px;
  height: 24px;
  border: 0;
  border-radius: 12px;
  background: none;
  box-shadow: none;
  color: #f6fafa;
  padding: 0;
  text-align: center;
  transform: translateX(-50%);
}

.shibitosu-chart-headerToggleButton > .shibitosu-chart-headerToggleIcon {
  position: static !important;
  grid-area: 1/1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  place-self: center;
  width: 24px !important;
  height: 24px !important;
  justify-self: center;
  color: #f6fafa;
  line-height: 1;
  text-align: center;
}
.shibitosu-chart-headerToggleButton > .shibitosu-chart-headerToggleIcon::before, .shibitosu-chart-headerToggleButton > .shibitosu-chart-headerToggleIcon::after {
  line-height: 1;
}

.shibitosu-explanation-area {
  flex: 1 1 auto;
  min-width: calc(100% - 980px - 32px);
  width: 100%;
  position: sticky;
  top: 32px;
}
@media (max-width: 1499.98px) {
  .shibitosu-explanation-area {
    display: none;
  }
}
.shibitosu-explanation-area > div {
  animation: l-json-data-fade-in 0.75s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.shibitosu-miya {
  position: relative;
  width: 25%;
  height: auto;
}
.shibitosu-miya--important .shibitosu-miya__stars {
  backdrop-filter: saturate(2) brightness(1.25);
}
.shibitosu-miya__stars {
  align-self: flex-end;
  flex-direction: row-reverse;
  margin-bottom: auto;
  width: 100%;
  position: relative;
}
.shibitosu-miya__attribute {
  padding: 4px;
  border-bottom: 1px solid rgba(7, 205, 205, 0.47);
  background: rgba(0, 15, 15, 0.17);
  height: 32px;
  font-size: 0.75rem;
}
.shibitosu-miya__badge {
  font-size: 0.75rem;
  background: rgba(83.48, 219.4, 219.4, 0.32);
  color: #f6fafa;
  border-radius: 2px;
  border: 1px solid rgba(7, 205, 205, 0.47);
  padding: 2px 8px;
  line-height: 1;
}
.shibitosu-miya__badge--hisei, .shibitosu-miya__badge--hisei-rishin, .shibitosu-miya__badge--hisei-koushin {
  min-width: 4.5em;
  padding: 2px 4px;
  text-align: center;
  font-size: 0.625rem;
}
.shibitosu-miya__badge--hisei-rishin {
  background: rgba(161, 108, 246, 0.24);
  border-color: rgba(161, 108, 246, 0.68);
  color: #a16cf6;
}
.shibitosu-miya__badge--hisei-koushin {
  background: rgba(255, 193, 7, 0.24);
  border-color: rgba(255, 193, 7, 0.68);
  color: #ffc107;
}
.shibitosu-miya__hisei {
  padding: 6px 8px;
  border-top: 1px solid rgba(7, 205, 205, 0.47);
  background: rgba(0, 15, 15, 0.17);
  font-size: 0.625rem;
}
.shibitosu-miya__hiseiTable {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
.shibitosu-miya__hiseiTable td {
  text-align: center;
}
.shibitosu-miya__hiseiRow--title .shibitosu-miya__hiseiLabel,
.shibitosu-miya__hiseiRow--title .shibitosu-miya__hiseiValue {
  border-bottom: 1px solid rgba(7, 205, 205, 0.47);
  padding-bottom: 4px;
}
.shibitosu-miya__hiseiRow:not(.shibitosu-miya__hiseiRow--title) .shibitosu-miya__hiseiLabel,
.shibitosu-miya__hiseiRow:not(.shibitosu-miya__hiseiRow--title) .shibitosu-miya__hiseiValue {
  padding-top: 4px;
}
.shibitosu-miya__hiseiLabel {
  width: 5.25em;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}
.shibitosu-miya__hiseiValue {
  vertical-align: top;
  padding-left: 0;
  min-width: 0;
  text-align: center;
}
.shibitosu-miya__hiseiValue .shibitosu-miya__hiseiText {
  justify-content: center;
  width: 100%;
}
.shibitosu-miya__hiseiText {
  font-size: 0.625rem;
}
.shibitosu-miya__nameBadge {
  position: absolute;
  top: 0;
  padding: 8px 10px;
  line-height: 1;
}
.shibitosu-miya__nameBadge > span {
  filter: drop-shadow(0 1px 4px #07cdcd) drop-shadow(0 2px 4px #07cdcd);
}
.shibitosu-miya__nameBadge--right {
  right: 0;
  border-left: 1px solid rgba(7, 205, 205, 0.47);
}
.shibitosu-miya__nameBadge--left {
  left: 0;
  border-right: 1px solid rgba(7, 205, 205, 0.47);
}
.shibitosu-miya__nameBadge--disabled {
  filter: none;
}
.shibitosu-miya__nameBadge--disabled span {
  filter: opacity(0.17);
}
.shibitosu-miya__nameBadge:not(.shibitosu-miya__badge) {
  min-width: 46px;
  font-weight: 500;
}
.shibitosu-miya__badge.shibitosu-miya__nameBadge {
  min-width: 34px;
  padding: 2px 4px;
  font-size: 0.625rem;
  filter: none;
  top: 6px;
}
.shibitosu-miya__badge.shibitosu-miya__nameBadge--right {
  right: 6px;
}
.shibitosu-miya__badge.shibitosu-miya__nameBadge--left {
  left: 6px;
}
.shibitosu-miya__age {
  position: relative;
  padding: 4px;
  border-top: 1px solid rgba(7, 205, 205, 0.47);
  border-bottom: 1px solid rgba(7, 205, 205, 0.47);
  background: rgba(0, 15, 15, 0.17);
  font-size: 0.75rem;
}
.shibitosu-miya__age--edit {
  background: rgba(83.48, 219.4, 219.4, 0.09);
}
.shibitosu-miya__name {
  position: relative;
  padding: 4px 4px 20px;
  background: rgba(0, 15, 15, 0.17);
  font-size: 0.75rem;
}
.shibitosu-miya__name--edit {
  background: rgba(83.48, 219.4, 219.4, 0.09);
}
.shibitosu-miya[data-miya="01_miya"] {
  border-top-left-radius: 4px;
  border-bottom: 0.5px solid rgba(7, 205, 205, 0.47);
  border-right: 0.5px solid rgba(7, 205, 205, 0.47);
}
.shibitosu-miya[data-miya="02_miya"], .shibitosu-miya[data-miya="03_miya"] {
  border-bottom: 0.5px solid rgba(7, 205, 205, 0.47);
  border-left: 0.5px solid rgba(7, 205, 205, 0.47);
  border-right: 0.5px solid rgba(7, 205, 205, 0.47);
}
.shibitosu-miya[data-miya="04_miya"] {
  border-top-right-radius: 4px;
  border-bottom: 0.5px solid rgba(7, 205, 205, 0.47);
  border-left: 0.5px solid rgba(7, 205, 205, 0.47);
}
.shibitosu-miya[data-miya="05_miya"], .shibitosu-miya[data-miya="06_miya"] {
  width: 100%;
  height: 100%;
  border-top: 0.5px solid rgba(7, 205, 205, 0.47);
  border-bottom: 0.5px solid rgba(7, 205, 205, 0.47);
  border-left: 0.5px solid rgba(7, 205, 205, 0.47);
}
.shibitosu-miya[data-miya="07_miya"] {
  border-top: 0.5px solid rgba(7, 205, 205, 0.47);
  border-left: 0.5px solid rgba(7, 205, 205, 0.47);
}
.shibitosu-miya[data-miya="08_miya"], .shibitosu-miya[data-miya="09_miya"] {
  border-top: 0.5px solid rgba(7, 205, 205, 0.47);
  border-left: 0.5px solid rgba(7, 205, 205, 0.47);
  border-right: 0.5px solid rgba(7, 205, 205, 0.47);
}
.shibitosu-miya[data-miya="10_miya"] {
  border-top: 0.5px solid rgba(7, 205, 205, 0.47);
  border-right: 0.5px solid rgba(7, 205, 205, 0.47);
}
.shibitosu-miya[data-miya="11_miya"], .shibitosu-miya[data-miya="12_miya"] {
  width: 100%;
  height: 100%;
  border-top: 0.5px solid rgba(7, 205, 205, 0.47);
  border-bottom: 0.5px solid rgba(7, 205, 205, 0.47);
  border-right: 0.5px solid rgba(7, 205, 205, 0.47);
}
.shibitosu-miya__note {
  padding: 8px;
  border-radius: 0;
}
.shibitosu-miya__note--edit {
  cursor: pointer;
}
.shibitosu-miya__note--edit p {
  border: 1px solid rgba(7, 205, 205, 0.47);
}
.shibitosu-miya__note--edit > * {
  pointer-events: none;
}
.shibitosu-miya__note p {
  font-size: 0.625rem;
  padding: 4px 8px;
  border-radius: calc(12px * 0.6666666667);
  background: #000f0f;
}

.shibitosu-miya-wrapper {
  width: 25%;
}

.shibitosu-star {
  width: 14.2857142857%;
  background: rgba(0, 15, 15, 0.17);
  font-weight: 500;
  position: relative;
  font-size: 0.875rem;
  cursor: pointer;
}
.shibitosu-star--edit {
  background: rgba(83.48, 219.4, 219.4, 0.09);
}
.shibitosu-star--add {
  order: 9999;
  min-height: 96px;
  background: rgba(83.48, 219.4, 219.4, 0.09);
}
.shibitosu-star--disabled {
  pointer-events: none;
  cursor: default;
}
.shibitosu-star__level {
  padding: 24px 0 8px;
}
.shibitosu-star__level--absolute {
  position: relative;
}
.shibitosu-star__level--absolute::after {
  position: absolute;
  content: "";
  height: 2px;
  background: #f6fafa;
  width: 8px;
  bottom: 6px;
}
.shibitosu-star__level--1 {
  filter: drop-shadow(0 1px 4px #07cdcd) drop-shadow(0 2px 4px #07cdcd);
}
.shibitosu-star__level--2 {
  filter: drop-shadow(0 1px 4px #07cdcd);
}
.shibitosu-star__level--3 {
  filter: drop-shadow(0 0 1px #000f0f) drop-shadow(0 1px 4px #000f0f) drop-shadow(0 2px 4px rgb(75.8, 2.24, 2.24));
}
.shibitosu-star__name {
  padding: 0 0 16px;
  margin: auto;
  writing-mode: vertical-lr;
}
.shibitosu-star__shika {
  position: absolute;
  bottom: 0;
  width: 24px;
  height: 24px;
  text-align: center;
  left: calc(50% - 12px);
  bottom: 8px;
  font-size: 0.75rem;
  background: rgba(83.48, 219.4, 219.4, 0.32);
  color: #f6fafa;
  border-radius: 2px;
  border: 1px solid rgba(7, 205, 205, 0.47);
  line-height: 1;
}
.shibitosu-star:has([data-shika]) {
  padding-bottom: 24px;
}
.shibitosu-star__main {
  font-size: 1rem;
  font-weight: 500;
}
.shibitosu-star__tooltip {
  opacity: 0;
  visibility: hidden;
  transition: opacity calc(0.5s / 2) cubic-bezier(0.075, 0.82, 0.165, 1) calc(0.5s / 2), visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
  position: absolute;
  background: #000f0f;
  z-index: 110;
  white-space: nowrap;
  line-height: 1;
  left: 0;
  top: -32px;
  width: 100%;
  height: 31px;
  gap: 12px;
}
.shibitosu-star[data-tips]:hover + .shibitosu-star__tooltip {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1);
  z-index: calc(110 + 1);
}
.shibitosu-star__tooltipMark {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 8px;
  left: calc(50% - 4px);
  z-index: 110;
  color: #07cdcd;
}
.shibitosu-star[data-tips]:hover .shibitosu-star__tooltipMark {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.shibitosu-miya__hisei .shibitosu-star__shika.shibitosu-miya__hiseiShika {
  position: static;
  left: auto;
  bottom: auto;
  width: auto;
  min-width: 2em;
  height: calc(1em + 4px);
  padding: 2px 4px;
  font-size: inherit;
  flex-shrink: 0;
  white-space: nowrap;
}

.shibitosu-basic-information {
  border: 0.5px solid rgba(7, 205, 205, 0.47);
  width: 100%;
  height: 100%;
  background: #041919;
}
.shibitosu-basic-information__data {
  border-radius: 12px;
  background: #000f0f;
  font-size: 0.75rem;
}
.shibitosu-basic-information__data--edit {
  flex: 1 1 auto;
  justify-content: flex-start;
  border: 1px solid rgba(7, 205, 205, 0.47);
  padding: 0 8px;
  min-height: 32px;
}
.shibitosu-basic-information__data--edit[data-hover]::after {
  border-radius: calc(12px / 2 - 1px);
}
.shibitosu-basic-information__data--edit > * {
  pointer-events: none;
}
.shibitosu-basic-information__data--show {
  flex: 1 1 auto;
  justify-content: flex-start;
  padding: 0 8px;
  min-height: 32px;
}
.shibitosu-basic-information__title {
  white-space: nowrap;
  font-size: 0.75rem;
}
.shibitosu-basic-information__container {
  width: calc(50% - 18px);
}
.shibitosu-basic-information__divider {
  margin: 0 16px;
  width: 1px;
  height: unset;
  background: rgba(7, 205, 205, 0.47);
}

.shibitosu-basic-information-wrapper {
  width: 50%;
  position: relative;
  isolation: isolate;
  overflow: visible;
}

.shibitosu-hisei-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}
.shibitosu-hisei-overlay__panel {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s linear 0.5s;
}
.shibitosu-hisei-overlay__svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.shibitosu-hisei-overlay__line {
  stroke: rgba(7, 205, 205, 0.82);
  stroke-width: 1px;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}
.shibitosu-hisei-overlay__line--warning {
  stroke: rgba(255, 193, 7, 0.92);
}
.shibitosu-hisei-overlay__polygon {
  fill: rgba(83.48, 219.4, 219.4, 0.14);
  stroke: none;
}
.shibitosu-hisei-overlay__sourcePoint {
  fill: rgba(7, 205, 205, 0.96);
  filter: drop-shadow(0 0 6px rgba(7, 205, 205, 0.82));
}
.shibitosu-hisei-overlay__targetPoint {
  fill: rgba(7, 205, 205, 0.96);
  filter: drop-shadow(0 0 6px rgba(7, 205, 205, 0.82));
  stroke: none;
}
.shibitosu-hisei-overlay__targetPoint--warning {
  fill: rgba(255, 193, 7, 0.96);
  filter: drop-shadow(0 0 6px rgba(255, 193, 7, 0.82));
}

.shibitosu-hisei-overlay__panel .shibitosu-miya__hisei {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 240px;
  max-width: calc(100% - 24px);
  padding: 8px;
  border: 1px solid rgba(7, 205, 205, 0.58);
  border-top: 1px solid rgba(7, 205, 205, 0.58);
  border-radius: calc(12px * 0.6666666667);
  background: rgba(0, 15, 15, 0.93);
  box-shadow: 0 8px 20px rgba(0, 15, 15, 0.58);
  backdrop-filter: blur(4px);
}

.shibitosu:has(.shibitosu-miya[data-miya="01_miya"]:hover) .shibitosu-hisei-overlay__panel[data-source-miya="01_miya"], .shibitosu:has(.shibitosu-miya[data-miya="01_miya"]:focus-within) .shibitosu-hisei-overlay__panel[data-source-miya="01_miya"] {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s linear;
}
.shibitosu:has(.shibitosu-miya[data-miya="02_miya"]:hover) .shibitosu-hisei-overlay__panel[data-source-miya="02_miya"], .shibitosu:has(.shibitosu-miya[data-miya="02_miya"]:focus-within) .shibitosu-hisei-overlay__panel[data-source-miya="02_miya"] {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s linear;
}
.shibitosu:has(.shibitosu-miya[data-miya="03_miya"]:hover) .shibitosu-hisei-overlay__panel[data-source-miya="03_miya"], .shibitosu:has(.shibitosu-miya[data-miya="03_miya"]:focus-within) .shibitosu-hisei-overlay__panel[data-source-miya="03_miya"] {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s linear;
}
.shibitosu:has(.shibitosu-miya[data-miya="04_miya"]:hover) .shibitosu-hisei-overlay__panel[data-source-miya="04_miya"], .shibitosu:has(.shibitosu-miya[data-miya="04_miya"]:focus-within) .shibitosu-hisei-overlay__panel[data-source-miya="04_miya"] {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s linear;
}
.shibitosu:has(.shibitosu-miya[data-miya="05_miya"]:hover) .shibitosu-hisei-overlay__panel[data-source-miya="05_miya"], .shibitosu:has(.shibitosu-miya[data-miya="05_miya"]:focus-within) .shibitosu-hisei-overlay__panel[data-source-miya="05_miya"] {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s linear;
}
.shibitosu:has(.shibitosu-miya[data-miya="06_miya"]:hover) .shibitosu-hisei-overlay__panel[data-source-miya="06_miya"], .shibitosu:has(.shibitosu-miya[data-miya="06_miya"]:focus-within) .shibitosu-hisei-overlay__panel[data-source-miya="06_miya"] {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s linear;
}
.shibitosu:has(.shibitosu-miya[data-miya="07_miya"]:hover) .shibitosu-hisei-overlay__panel[data-source-miya="07_miya"], .shibitosu:has(.shibitosu-miya[data-miya="07_miya"]:focus-within) .shibitosu-hisei-overlay__panel[data-source-miya="07_miya"] {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s linear;
}
.shibitosu:has(.shibitosu-miya[data-miya="08_miya"]:hover) .shibitosu-hisei-overlay__panel[data-source-miya="08_miya"], .shibitosu:has(.shibitosu-miya[data-miya="08_miya"]:focus-within) .shibitosu-hisei-overlay__panel[data-source-miya="08_miya"] {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s linear;
}
.shibitosu:has(.shibitosu-miya[data-miya="09_miya"]:hover) .shibitosu-hisei-overlay__panel[data-source-miya="09_miya"], .shibitosu:has(.shibitosu-miya[data-miya="09_miya"]:focus-within) .shibitosu-hisei-overlay__panel[data-source-miya="09_miya"] {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s linear;
}
.shibitosu:has(.shibitosu-miya[data-miya="10_miya"]:hover) .shibitosu-hisei-overlay__panel[data-source-miya="10_miya"], .shibitosu:has(.shibitosu-miya[data-miya="10_miya"]:focus-within) .shibitosu-hisei-overlay__panel[data-source-miya="10_miya"] {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s linear;
}
.shibitosu:has(.shibitosu-miya[data-miya="11_miya"]:hover) .shibitosu-hisei-overlay__panel[data-source-miya="11_miya"], .shibitosu:has(.shibitosu-miya[data-miya="11_miya"]:focus-within) .shibitosu-hisei-overlay__panel[data-source-miya="11_miya"] {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s linear;
}
.shibitosu:has(.shibitosu-miya[data-miya="12_miya"]:hover) .shibitosu-hisei-overlay__panel[data-source-miya="12_miya"], .shibitosu:has(.shibitosu-miya[data-miya="12_miya"]:focus-within) .shibitosu-hisei-overlay__panel[data-source-miya="12_miya"] {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s linear;
}

.shibitosu-switch-button {
  position: fixed;
  bottom: 32px;
  right: 32px;
  z-index: 9999;
}

.shibitosu-zodiac--moku {
  position: relative;
}
.shibitosu-zodiac--moku::before {
  content: "\f06c";
  color: #0db39a;
  filter: drop-shadow(0px 0px 4px rgb(8.84, 126.52, 109.52));
}
.shibitosu-zodiac--moku::after {
  content: "\10f06c";
  color: rgba(13, 179, 154, 0.47);
  filter: drop-shadow(0px 0px 4px rgb(8.84, 126.52, 109.52));
}
.shibitosu-zodiac--ka {
  position: relative;
}
.shibitosu-zodiac--ka::before {
  content: "\f06d";
  color: #fc3b50;
  filter: drop-shadow(0px 0px 4px rgb(171.36, 44.92, 59.2));
}
.shibitosu-zodiac--ka::after {
  content: "\10f06d";
  color: rgba(252, 59, 80, 0.47);
  filter: drop-shadow(0px 0px 4px rgb(171.36, 44.92, 59.2));
}
.shibitosu-zodiac--do {
  position: relative;
}
.shibitosu-zodiac--do::before {
  content: "\f6fd";
  color: #cfcd5a;
  filter: drop-shadow(0px 0px 4px rgb(140.76, 144.2, 66));
}
.shibitosu-zodiac--do::after {
  content: "\10f6fd";
  color: rgba(207, 205, 90, 0.47);
  filter: drop-shadow(0px 0px 4px rgb(140.76, 144.2, 66));
}
.shibitosu-zodiac--gon {
  position: relative;
}
.shibitosu-zodiac--gon::before {
  content: "\f3a5";
  color: #b1cdfc;
  filter: drop-shadow(0px 0px 4px rgb(120.36, 144.2, 176.16));
}
.shibitosu-zodiac--gon::after {
  content: "\10f3a5";
  color: #b1cdfc;
  color: rgba(177, 205, 252, 0.47);
  filter: drop-shadow(0px 0px 4px rgb(120.36, 144.2, 176.16));
}
.shibitosu-zodiac--sui {
  position: relative;
}
.shibitosu-zodiac--sui::before {
  content: "\f043";
  color: #148fc9;
  filter: drop-shadow(0px 0px 4px rgb(13.6, 102.04, 141.48));
}
.shibitosu-zodiac--sui::after {
  content: "\10f043";
  color: #148fc9;
  color: rgba(20, 143, 201, 0.47);
  filter: drop-shadow(0px 0px 4px rgb(13.6, 102.04, 141.48));
}

.shichusuimei-zodiac-table {
  padding-bottom: 16px;
  font-size: 0.75rem;
}

.shichusuimei-zodiac-table-wrapper {
  border-radius: 4px;
}
.shichusuimei-zodiac-table-wrapper::-webkit-scrollbar {
  border-radius: 0 0 4px 4px;
  background-color: #000f0f;
}
.shichusuimei-zodiac-table-wrapper:hover::-webkit-scrollbar-thumb {
  background-color: rgba(40, 59, 59, 0.32);
}
.shichusuimei-zodiac-table-wrapper::-webkit-scrollbar-thumb {
  border-radius: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-color: #000f0f;
  background-color: rgba(40, 59, 59, 0);
}
.shichusuimei-zodiac-table-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(40, 59, 59, 0.68);
}
.shichusuimei-zodiac-table-wrapper::-webkit-scrollbar-thumb:active {
  background-color: #283b3b;
}
@media (max-width: 991.98px) {
  .shichusuimei-zodiac-table-wrapper::-webkit-scrollbar-thumb {
    background-color: #283b3b !important;
  }
}

.shichusuimei-zodiac-table {
  border-radius: 4px;
  background: #092323;
  border-top: none;
}
.shichusuimei-zodiac-table > tr > th, .shichusuimei-zodiac-table > tr > td, .shichusuimei-zodiac-table > thead > tr > th, .shichusuimei-zodiac-table > thead > tr > td, .shichusuimei-zodiac-table > tbody > tr > th, .shichusuimei-zodiac-table > tbody > tr > td {
  background: #092323;
}
.shichusuimei-zodiac-table > tr > th, .shichusuimei-zodiac-table > thead > tr > th, .shichusuimei-zodiac-table > tbody > tr > th {
  border-bottom-color: rgba(7, 205, 205, 0.47);
}
.shichusuimei-zodiac-table > tr:not(:last-child) > td, .shichusuimei-zodiac-table > thead > tr:not(:last-child) > td, .shichusuimei-zodiac-table > tbody > tr:not(:last-child) > td {
  border-bottom-color: rgba(7, 205, 205, 0.47);
}
.shichusuimei-zodiac-table.table--headerStickyX th:first-child::after, .shichusuimei-zodiac-table.table--headerStickyX td:first-child::after {
  background: rgba(7, 205, 205, 0.47);
}

.shichusuimei-zodiac-wrapper {
  display: inline-flex;
  align-items: center;
  padding-bottom: 16px;
}

.shichusuimei-zodiac-text {
  font-size: 1rem;
  font-weight: 500;
}

.shichusuimei-primary--1 {
  filter: drop-shadow(0 1px 4px #07cdcd) drop-shadow(0 2px 4px #07cdcd);
  font-size: 1rem;
}
.shichusuimei-primary--2 {
  filter: drop-shadow(0 1px 4px #07cdcd);
  font-size: 0.875rem;
}
.shichusuimei-primary--3 {
  filter: drop-shadow(0 1px 4px #a16cf6);
  font-size: 0.875rem;
}

.sanmeigaku-zodiac-table {
  padding-bottom: 16px;
  font-size: 0.75rem;
}

.sanmeigaku-zodiac-table-wrapper {
  border-radius: 4px;
}
.sanmeigaku-zodiac-table-wrapper::-webkit-scrollbar {
  border-radius: 0 0 4px 4px;
  background-color: #000f0f;
}
.sanmeigaku-zodiac-table-wrapper:hover::-webkit-scrollbar-thumb {
  background-color: rgba(40, 59, 59, 0.32);
}
.sanmeigaku-zodiac-table-wrapper::-webkit-scrollbar-thumb {
  border-radius: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-color: #000f0f;
  background-color: rgba(40, 59, 59, 0);
}
.sanmeigaku-zodiac-table-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(40, 59, 59, 0.68);
}
.sanmeigaku-zodiac-table-wrapper::-webkit-scrollbar-thumb:active {
  background-color: #283b3b;
}
@media (max-width: 991.98px) {
  .sanmeigaku-zodiac-table-wrapper::-webkit-scrollbar-thumb {
    background-color: #283b3b !important;
  }
}

.sanmeigaku-zodiac-table {
  border-radius: 4px;
  background: #092323;
  border-top: none;
}
.sanmeigaku-zodiac-table > tr > th, .sanmeigaku-zodiac-table > tr > td, .sanmeigaku-zodiac-table > thead > tr > th, .sanmeigaku-zodiac-table > thead > tr > td, .sanmeigaku-zodiac-table > tbody > tr > th, .sanmeigaku-zodiac-table > tbody > tr > td {
  background: #092323;
}
.sanmeigaku-zodiac-table > tr > th, .sanmeigaku-zodiac-table > thead > tr > th, .sanmeigaku-zodiac-table > tbody > tr > th {
  border-bottom-color: rgba(7, 205, 205, 0.47);
}
.sanmeigaku-zodiac-table > tr:not(:last-child) > td, .sanmeigaku-zodiac-table > thead > tr:not(:last-child) > td, .sanmeigaku-zodiac-table > tbody > tr:not(:last-child) > td {
  border-bottom-color: rgba(7, 205, 205, 0.47);
}
.sanmeigaku-zodiac-table.table--headerStickyX th:first-child::after, .sanmeigaku-zodiac-table.table--headerStickyX td:first-child::after {
  background: rgba(7, 205, 205, 0.47);
}

.sanmeigaku-zodiac-wrapper {
  display: inline-flex;
  align-items: center;
  padding-bottom: 16px;
}

.sanmeigaku-zodiac-text {
  font-size: 1rem;
  font-weight: 500;
}

.sanmeigaku-primary--1 {
  filter: drop-shadow(0 1px 4px #07cdcd) drop-shadow(0 2px 4px #07cdcd);
  font-size: 1rem;
}
.sanmeigaku-primary--2 {
  filter: drop-shadow(0 1px 4px #07cdcd);
  font-size: 0.875rem;
}
.sanmeigaku-primary--3 {
  filter: drop-shadow(0 1px 4px #a16cf6);
  font-size: 0.875rem;
}

.sanmeigaku-uchuban-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(7, 205, 205, 0.34);
  background: radial-gradient(circle at 50% 42%, rgba(7, 205, 205, 0.18), transparent 54%), radial-gradient(circle at 50% 50%, rgba(246, 250, 250, 0.07), transparent 62%), rgba(4, 25, 25, 0.62);
  box-shadow: inset 0 0 0 1px rgba(246, 250, 250, 0.04), inset 0 0 48px rgba(7, 205, 205, 0.08);
}

.sanmeigaku-uchuban-card > .card--inner__body {
  position: relative;
  z-index: 1;
}

.sanmeigaku-uchuban-chart {
  overflow: hidden;
  border-radius: 8px;
}

.sanmeigaku-yosen-star {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.sanmeigaku-yosen-star__imageFrame {
  flex: 0 0 104px;
  width: 104px;
  background: #000f0f;
}

.sanmeigaku-yosen-star__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/2;
  object-fit: cover;
  border-radius: 3px;
}

.sanmeigaku-yosen-star__name {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  max-width: 220px;
}

.sanmeigaku-yosen-star__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  width: 100%;
  text-shadow: none;
}

.sanmeigaku-yosen-star__label {
  color: rgba(159, 179, 178, 0.64);
  font-size: 0.625rem;
  line-height: 1.2;
}

.sanmeigaku-yosen-star__title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  line-height: 1.3;
}

.sanmeigaku-yosen-star__badges {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
}

.sanmeigaku-yosen-star__meaning,
.sanmeigaku-yosen-star__description {
  display: -webkit-box;
  overflow: hidden;
  color: rgba(246, 250, 250, 0.72);
  font-size: 0.75rem;
  line-height: 1.35;
  text-overflow: ellipsis;
  text-shadow: none;
  -webkit-box-orient: vertical;
}

.sanmeigaku-yosen-star__meaning {
  -webkit-line-clamp: 2;
}

.sanmeigaku-yosen-star__description {
  color: rgba(159, 179, 178, 0.82);
  width: min(100%, 14em);
  min-height: 4.05em;
  max-height: 4.05em;
  -webkit-line-clamp: 3;
  white-space: normal;
  word-break: break-all;
}

.sanmeigaku-yosen-star__more {
  display: inline-flex;
  align-items: baseline;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f6fafa;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 500;
  text-align: left;
}

.sanmeigaku-yosen-readingModalBody {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-right: 16px;
}

.sanmeigaku-yosen-readingModalSection {
  padding: 14px 16px;
  border: 1px solid rgba(7, 205, 205, 0.2);
  border-radius: 4px;
  background: rgba(0, 15, 15, 0.16);
}

.sanmeigaku-yosen-readingModalTitle {
  margin-bottom: 8px;
  color: rgba(159, 179, 178, 0.64);
  font-size: 0.75rem;
  line-height: 1.2;
}

.sanmeigaku-yosen-readingModalList {
  margin: 0;
  padding-left: 0;
  color: #f6fafa;
  font-size: 0.875rem;
  line-height: 1.55;
  list-style: none;
}

.sanmeigaku-yosen-readingModalItem {
  display: block;
}

.sanmeigaku-yosen-readingModalItem + .sanmeigaku-yosen-readingModalItem {
  margin-top: 7px;
}

.sanmeigaku-yosen-readingModalTerm {
  display: inline;
  margin-right: 8px;
  color: #a16cf6;
  font-weight: 500;
}

.sanmeigaku-yosen-readingModalText {
  color: rgba(246, 250, 250, 0.9);
}

.sanmeigaku-yosen-readingModalBadges {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: baseline;
}

.sanmeigaku-yosen-readingModalBody__text {
  margin: 0;
  color: rgba(246, 250, 250, 0.9);
  font-size: 1rem;
  line-height: 1.8;
}

.sanmeigaku-yosen-readingModalBody__close {
  border: 0;
  background: transparent;
  color: #f6fafa;
  cursor: pointer;
}

.noxa--welcomeMain {
  max-width: 640px;
  padding-left: 32px;
  padding-right: 32px;
}
@media (max-width: 991.98px) {
  .noxa--welcomeMain {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.disable-sidebar .noxa--welcomeMain.container {
  max-width: 640px !important;
}
.noxa--background {
  background: repeating-linear-gradient(0deg, #041919, #041919 1px, rgb(2.5931034483, 16.2068965517, 16.2068965517) 1px, rgb(2.5931034483, 16.2068965517, 16.2068965517) 2px);
}
.noxa--infoArea {
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 12px;
  border-radius: 12px;
}
.noxa--infoArea__divider {
  width: 1px;
  height: unset;
  background: rgba(7, 205, 205, 0.47);
}

.render-json-data__text, .render-json-data__list, .render-json-data__title, .render-json-data__inner .render-json-data__inner {
  position: relative;
  z-index: 10;
}

.render-json-data__inner .render-json-data__inner {
  border-radius: inherit;
}
.render-json-data__inner .render-json-data__inner::after {
  content: "";
  z-index: calc(10 - 1);
  background: rgb(12.4827586207, 32.7672413793, 32.7672413793);
  border-radius: inherit;
}
.render-json-data__inner .render-json-data__inner .render-json-data__inner::after {
  background: rgb(8.9655172414, 23.5344827586, 23.5344827586);
}
.render-json-data__inner .render-json-data__inner .render-json-data__inner .render-json-data__inner::after {
  background: rgb(5.4482758621, 14.3017241379, 14.3017241379);
}
.render-json-data__title {
  justify-content: flex-start;
  font-size: 0.875rem;
  border-radius: 12px 12px 0 0;
  padding: 8px 12px;
}
.render-json-data__body {
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  position: relative;
  z-index: calc(10 + 1);
  padding: 12px;
}
.render-json-data__list:not(:first-child) {
  margin-top: 12px;
}
.render-json-data__list li {
  align-items: baseline;
  justify-content: flex-start;
}
.render-json-data__list li:not(:first-child) {
  margin-top: 8px;
}
.render-json-data__icon {
  font-size: 0.75rem;
}
.render-json-data__text {
  font-size: 0.75rem;
}

@keyframes illustration-noise-shift {
  0% {
    background-position: 0 0, 0 0, 100% 100%, 0 0;
    opacity: 0.22;
  }
  25% {
    background-position: 31px -17px, 4% 2%, 95% 102%, 0 2px;
    opacity: 0.3;
  }
  50% {
    background-position: -19px 43px, 7% -2%, 101% 96%, 0 4px;
    opacity: 0.26;
  }
  75% {
    background-position: 47px 21px, -3% 5%, 98% 105%, 0 1px;
    opacity: 0.32;
  }
  100% {
    background-position: -27px -39px, 0 0, 100% 100%, 0 5px;
    opacity: 0.24;
  }
}
@keyframes illustration-noise-ambient {
  0%, 100% {
    filter: contrast(1.28) brightness(1.02) saturate(1.06);
  }
  45% {
    filter: contrast(1.44) brightness(1.12) saturate(1.18);
  }
  68% {
    filter: contrast(1.34) brightness(1.08) saturate(1.12);
  }
}
.zimei-star-art__imageFrame,
.zimei-star-card__imageFrame,
.liuren-card__imageFrame,
.liuren-reference-card__imageFrame,
.sanmeigaku-yosen-star__imageFrame,
.reading-selector-card__imageFrame {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 3px;
}

.zimei-star-art__imageFrame::after,
.zimei-star-card__imageFrame::after,
.liuren-card__imageFrame::after,
.liuren-reference-card__imageFrame::after,
.sanmeigaku-yosen-star__imageFrame::after,
.reading-selector-card__imageFrame::after {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: 3px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='132' viewBox='0 0 88 132'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74 .92' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .72 0'/%3E%3C/filter%3E%3Crect width='88' height='132' filter='url(%23n)'/%3E%3C/svg%3E"), radial-gradient(ellipse at 24% 22%, rgba(7, 205, 205, 0.22) 0, rgba(7, 205, 205, 0.08) 28%, transparent 58%), radial-gradient(ellipse at 74% 78%, rgba(161, 108, 246, 0.24) 0, rgba(161, 108, 246, 0.08) 34%, transparent 64%), repeating-linear-gradient(0deg, rgba(246, 250, 250, 0.1) 0 1px, transparent 1px 5px);
  background-size: 88px 132px, 145% 128%, 136% 150%, 100% 5px;
  background-position: 0 0, 0 0, 100% 100%, 0 0;
  mix-blend-mode: screen;
  content: "";
  animation: illustration-noise-shift 760ms steps(4, end) infinite, illustration-noise-ambient 5.8s ease-in-out infinite;
}

.reading-selector-card__media::after {
  z-index: 3;
}

.zimei-tab__next, .zimei-tab__prev {
  width: 32px;
  height: auto;
  background: #a16cf6;
  position: sticky;
  z-index: 8;
}
.disable-tab-button.zimei-tab__next, .disable-tab-button.zimei-tab__prev {
  pointer-events: none;
  color: rgba(161, 108, 246, 0.32);
  background: rgb(109.48, 78.24, 172.08);
}

.zimei-color--hokuto {
  color: #f6c39b !important;
  filter: drop-shadow(0px 0px 4px rgb(167.28, 137.4, 110.2));
}
.zimei-color--nanto {
  color: #186ef7 !important;
  filter: drop-shadow(0px 0px 4px rgb(16.32, 79.6, 172.76));
}
.zimei-color--chuten {
  color: #c7c57a !important;
  filter: drop-shadow(0px 0px 4px rgb(135.32, 138.76, 87.76));
}
.zimei-color--yin {
  color: #f0fafc !important;
  filter: drop-shadow(0px 0px 4px rgb(163.2, 174.8, 176.16));
}
.zimei-color--yang {
  color: #f98959 !important;
  filter: drop-shadow(0px 0px 4px rgb(169.32, 97.96, 65.32));
}
.zimei-color--moku {
  color: #0db39a !important;
  filter: drop-shadow(0px 0px 4px rgb(8.84, 126.52, 109.52));
}
.zimei-color--ka {
  color: #fc3b50 !important;
  filter: drop-shadow(0px 0px 4px rgb(171.36, 44.92, 59.2));
}
.zimei-color--do {
  color: #cfcd5a !important;
  filter: drop-shadow(0px 0px 4px rgb(140.76, 144.2, 66));
}
.zimei-color--gon {
  color: #b1cdfc !important;
  filter: drop-shadow(0px 0px 4px rgb(120.36, 144.2, 176.16));
}
.zimei-color--sui {
  color: #148fc9 !important;
  filter: drop-shadow(0px 0px 4px rgb(13.6, 102.04, 141.48));
}

.zimei-tab {
  overflow: hidden;
}
.zimei-tab__prev {
  border-color: #a16cf6;
  border-radius: 0;
}
.zimei-tab__next {
  border-color: #a16cf6;
  border-radius: 0;
}
.zimei-tab__button {
  background: rgb(109.48, 78.24, 172.08);
  color: #f6fafa;
  border-color: #a16cf6;
}
.zimei-tab__button.active {
  pointer-events: none;
  background: #a16cf6;
  color: #f6fafa;
  border-color: #a16cf6;
  font-weight: 700;
}

.zimei-badges {
  justify-content: flex-start;
  white-space: nowrap;
  line-height: 1;
  gap: 8px;
}

.zimei-star-art {
  width: 100%;
  max-width: 120px;
  align-self: flex-start;
}
.zimei-star-art--detail, .zimei-star-art--explanation {
  margin-bottom: 16px;
}
.zimei-star-art__imageFrame {
  width: 100%;
}
.zimei-star-art__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/2;
  object-fit: cover;
  border-radius: 3px;
}

.zimei-star-card {
  overflow: hidden;
  justify-content: flex-start;
  align-items: stretch;
}
.zimei-star-card--detail, .zimei-star-card--explanation {
  width: 100%;
}
.zimei-star-card--explanation {
  margin-bottom: 16px;
}
.zimei-star-card__media {
  width: 100%;
  flex: 0 0 120px;
  max-width: 120px;
  padding: 16px 0 16px 16px;
}
.zimei-star-card__imageFrame {
  width: 100%;
}
.zimei-star-card__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/2;
  object-fit: cover;
  border-radius: 3px;
}
.zimei-star-card__body {
  min-width: 0;
  display: flex;
  align-items: center;
}
.zimei-star-card__title {
  font-size: calc(1rem + 8px);
  line-height: 1.2;
}
.zimei-star-card__field {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.zimei-star-card__label {
  color: rgba(159, 179, 178, 0.64);
  font-size: 0.75rem;
  line-height: 1.2;
}
.zimei-star-card__meaning, .zimei-star-card__description {
  color: #f6fafa;
  font-size: 0.875rem;
  line-height: 1.45;
}
.zimei-star-card__description {
  color: #9fb3b2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.zimei-star-card__loading {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(159, 179, 178, 0.72);
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 12px 14px;
}
.zimei-star-card__loading i {
  color: #a16cf6;
  font-size: 0.875rem;
}

.zimei-star-preview {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.zimei-star-preview__detail {
  min-height: 40px;
}

.zimei-star-explanation__section {
  padding: 12px 14px;
}
.zimei-star-explanation__title {
  color: rgba(159, 179, 178, 0.64);
  font-size: 0.75rem;
  line-height: 1.2;
  margin-bottom: 6px;
}
.zimei-star-explanation__list {
  margin: 0;
  padding-left: 1.2em;
  color: #f6fafa;
  font-size: 0.875rem;
  line-height: 1.55;
}
.zimei-star-explanation li + li {
  margin-top: 4px;
}

.zimei-reference-detail__section {
  padding: 12px 14px;
}
.zimei-reference-detail__title {
  color: rgba(159, 179, 178, 0.64);
  font-size: 0.75rem;
  line-height: 1.2;
  margin-bottom: 6px;
}
.zimei-reference-detail__list {
  margin: 0;
  padding-left: 1.2em;
  color: #f6fafa;
  font-size: 0.875rem;
  line-height: 1.55;
}
.zimei-reference-detail li + li {
  margin-top: 4px;
}

.tips-reference-detail__section {
  padding: 14px 16px;
}
.tips-reference-detail__title {
  color: rgba(159, 179, 178, 0.64);
  font-size: 0.75rem;
  line-height: 1.2;
  margin-bottom: 8px;
}
.tips-reference-detail__list {
  margin: 0;
  padding-left: 0;
  color: #f6fafa;
  font-size: 0.875rem;
  line-height: 1.55;
  list-style: none;
}
.tips-reference-detail__list .tips-reference-detail__list {
  margin-top: 6px;
  padding-left: 14px;
  border-left: 1px solid rgba(246, 250, 250, 0.1);
}
.tips-reference-detail__item {
  display: block;
}
.tips-reference-detail__item + .tips-reference-detail__item {
  margin-top: 7px;
}
.tips-reference-detail__term {
  display: inline;
  margin-right: 8px;
  color: #a16cf6;
  font-weight: 500;
}
.tips-reference-detail__term--block {
  display: block;
  margin-right: 0;
  margin-bottom: 4px;
}
.tips-reference-detail__text {
  color: rgba(246, 250, 250, 0.9);
}

.action-reading-mode-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 12px;
}
@media (min-width: 768px) {
  .action-reading-mode-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.action-reading-mode-card {
  display: block;
  cursor: pointer;
}

.action-reading-mode-card__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.action-reading-mode-card__input:checked + .action-reading-mode-card__body {
  background: rgba(161, 108, 246, 0.14);
  box-shadow: inset 0 0 0 1px #a16cf6, 0 0 16px rgba(161, 108, 246, 0.12);
}

.action-reading-mode-card__body {
  min-height: 112px;
  border-radius: 8px;
  overflow: hidden;
  padding: 14px;
  background: rgba(246, 250, 250, 0.03);
  box-shadow: inset 0 0 0 1px #283b3b;
  transition: box-shadow 0.2s ease, background 0.2s ease;
}

.action-reading-ranking-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid #283b3b;
}
.action-reading-ranking-row:last-child {
  border-bottom: 0;
}

.action-reading-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.action-reading-board__cell {
  min-height: 96px;
  border: 1px solid #283b3b;
  border-radius: 8px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 4px;
  background: rgba(246, 250, 250, 0.03);
}
.action-reading-board__cell--great, .action-reading-board__cell--good {
  border-color: #28b446;
  background: rgba(40, 180, 70, 0.14);
}
.action-reading-board__cell--neutral {
  border-color: #0862ff;
  background: rgba(8, 98, 255, 0.12);
}
.action-reading-board__cell--caution {
  border-color: #ffc107;
  background: rgba(255, 193, 7, 0.14);
}
.action-reading-board__cell--avoid {
  border-color: #f14336;
  background: rgba(241, 67, 54, 0.14);
}
.action-reading-board__cell--center {
  border-color: #a16cf6;
  background: rgba(161, 108, 246, 0.12);
}

.action-reading-details pre {
  overflow: auto;
  max-height: 520px;
  white-space: pre-wrap;
  word-break: break-word;
}

.liuren-reference-section__title {
  color: #f6fafa;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
}
.liuren-reference-section__summary {
  margin: 0;
  color: #9fb3b2;
  font-size: 0.875rem;
  line-height: 1.7;
}

.liuren-reference-card {
  overflow: hidden;
  justify-content: flex-start;
  align-items: stretch;
}
.liuren-reference-card__media {
  width: 100%;
  flex: 0 0 120px;
  max-width: 120px;
  padding: 16px 0 16px 16px;
}
.liuren-reference-card__imageFrame {
  width: 100%;
}
.liuren-reference-card__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/2;
  object-fit: cover;
  border-radius: 3px;
}
.liuren-reference-card__body {
  min-width: 0;
  display: flex;
  align-items: center;
}
.liuren-reference-card__title {
  font-size: calc(1rem + 8px);
  line-height: 1.2;
}
.liuren-reference-card__field {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.liuren-reference-card__label {
  color: rgba(159, 179, 178, 0.64);
  font-size: 0.75rem;
  line-height: 1.2;
}
.liuren-reference-card__badges {
  align-items: flex-start;
}
.liuren-reference-card__meaning, .liuren-reference-card__description {
  color: #f6fafa;
  font-size: 0.875rem;
  line-height: 1.45;
}
.liuren-reference-card__description {
  color: #9fb3b2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.liuren-primarySection,
.liuren-boardSection {
  overflow-x: auto;
}

.liuren-primarySection__inner,
.liuren-boardSection {
  min-width: 980px;
  padding: 16px;
  border: 1px solid rgba(7, 205, 205, 0.34);
  border-radius: 8px;
  background: radial-gradient(circle at 50% 42%, rgba(7, 205, 205, 0.18), transparent 54%), radial-gradient(circle at 50% 50%, rgba(246, 250, 250, 0.07), transparent 62%), rgba(4, 25, 25, 0.62);
  box-shadow: inset 0 0 0 1px rgba(246, 250, 250, 0.04), inset 0 0 48px rgba(7, 205, 205, 0.08);
}

.liuren-primarySection__header,
.liuren-boardSection__header {
  display: grid;
  gap: 6px;
  margin-bottom: 16px;
}

.liuren-primarySection__eyebrow,
.liuren-boardSection__eyebrow {
  color: rgba(159, 179, 178, 0.74);
  font-size: 0.75rem;
  line-height: 1.2;
}

.liuren-primarySection__title,
.liuren-boardSection__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #f6fafa;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25;
}

.liuren-primarySection__title i,
.liuren-boardSection__title i {
  color: #f6fafa;
  font-size: 1.125rem;
}

.liuren-primarySection__xun {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(246, 250, 250, 0.06);
  color: rgba(159, 179, 178, 0.82);
  font-size: 0.75rem;
  line-height: 1.2;
}

.liuren-primarySection__xun i {
  color: rgba(159, 179, 178, 0.82);
}

.liuren-readingBlock + .liuren-readingBlock {
  margin-top: 16px;
}

.liuren-readingBlock__heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.liuren-readingBlock__title {
  color: #f6fafa;
  font-size: 1.05rem;
  font-weight: 500;
}

.liuren-readingBlock__note {
  color: rgba(159, 179, 178, 0.74);
  font-size: 0.875rem;
}

.liuren-transmissionGrid,
.liuren-lessonGrid {
  display: grid;
  gap: 10px;
}

.liuren-transmissionGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.liuren-lessonGrid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.liuren-readingTile {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(83.48, 219.4, 219.4, 0.24);
  border-radius: 8px;
  background: rgba(0, 15, 15, 0.24);
  box-shadow: inset 0 0 0 1px rgba(246, 250, 250, 0.04);
}

.liuren-readingTile--transmission {
  display: grid;
  gap: 10px;
}

.liuren-readingTile--lesson {
  display: grid;
  align-items: start;
  gap: 10px;
}

.liuren-readingTile__kicker {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  color: rgba(159, 179, 178, 0.9);
  font-size: 0.875rem;
  line-height: 1.35;
}

.liuren-readingTile__kicker span {
  color: rgba(159, 179, 178, 0.72);
  font-size: 0.75rem;
}

.liuren-readingTile__cardFrame {
  width: 120px;
  max-width: 100%;
}

.liuren-readingTile__cardFrame .liuren-card {
  width: 100%;
}

.liuren-readingTile__fieldGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.liuren-readingTile__detailList {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.liuren-readingTile__detailItem {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 6px 8px;
  border-radius: 4px;
  background: rgba(246, 250, 250, 0.05);
}

.liuren-readingTile__detailItem--empty {
  background: rgba(83.48, 219.4, 219.4, 0.1);
}

.liuren-readingTile__detailItem--wide {
  grid-column: 1/-1;
}

.liuren-readingTile__detailItem span {
  color: rgba(159, 179, 178, 0.72);
  font-size: 0.75rem;
  line-height: 1.15;
}

.liuren-readingTile__detailItem strong {
  min-width: 0;
  overflow: hidden;
  color: #f6fafa;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.liuren-readingTile__labelRow {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
  min-width: 0;
}

.liuren-readingTile__valueRow {
  display: grid;
  align-items: start;
  justify-items: start;
  gap: 4px;
  min-width: 0;
}

.liuren-readingTile__attributeIcons {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 3px;
  font-size: 0.78rem;
  line-height: 1;
}

.liuren-readingTile__attributeIcons i {
  line-height: 1;
}

.liuren-readingTile--transmission .liuren-readingTile__fieldGrid {
  justify-items: center;
}

.liuren-readingTile__fieldCard {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  border-radius: 6px;
  background: rgba(246, 250, 250, 0.05);
}

.liuren-readingTile__fieldCard--artOnly {
  justify-items: center;
  padding: 0;
  background: transparent;
}

.liuren-readingTile__fieldText {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.liuren-readingTile__subject {
  min-height: 2.65em;
  overflow: hidden;
  color: #f6fafa;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.35;
  text-overflow: ellipsis;
}

.liuren-readingTile__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.liuren-readingTile__metaItem,
.liuren-branchPair__item {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

.liuren-readingTile__metaItem {
  padding: 8px;
  border-radius: 6px;
  background: rgba(246, 250, 250, 0.05);
}

.liuren-readingTile__fieldText span,
.liuren-readingTile__metaItem > span,
.liuren-branchPair__item > span {
  color: rgba(159, 179, 178, 0.72);
  font-size: 0.75rem;
  line-height: 1.2;
}

.liuren-readingTile__fieldText strong,
.liuren-readingTile__metaItem > strong,
.liuren-branchPair__item > strong {
  min-width: 0;
  overflow: hidden;
  color: #f6fafa;
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.liuren-branchPair {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.liuren-branchPair__item {
  justify-items: center;
  padding: 8px;
  border-radius: 6px;
  background: rgba(246, 250, 250, 0.05);
}

span.liuren-emptyBadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 2px 6px;
  border: 1px solid rgb(83.48, 219.4, 219.4);
  border-radius: 999px;
  background: rgba(83.48, 219.4, 219.4, 0.17);
  color: rgb(83.48, 219.4, 219.4);
  font-size: 0.68rem;
  font-weight: 500;
  line-height: 1.1;
}

.liuren-boardWrap {
  overflow-x: auto;
}

.liuren-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(270px, 1fr));
  grid-template-rows: repeat(4, auto);
  gap: 10px;
  min-width: 1110px;
}

.liuren-board__cell {
  grid-column: var(--liuren-col);
  grid-row: var(--liuren-row);
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(83.48, 219.4, 219.4, 0.24);
  border-radius: 8px;
  background: rgba(0, 15, 15, 0.24);
  box-shadow: inset 0 0 0 1px rgba(246, 250, 250, 0.04);
}

.liuren-board__core {
  grid-column: 2/span 2;
  grid-row: 2/span 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 100%;
  padding: 16px;
  border: 1px solid rgba(7, 205, 205, 0.34);
  border-radius: 8px;
  background: radial-gradient(circle at 50% 42%, rgba(7, 205, 205, 0.18), transparent 54%), rgba(4, 25, 25, 0.62);
  text-align: center;
}

.liuren-board__coreTitle {
  font-size: 1.125rem;
  font-weight: 700;
}

.liuren-board__coreText {
  max-width: 280px;
  color: #9fb3b2;
  font-size: 0.875rem;
  line-height: 1.7;
}

.liuren-board__cards {
  display: grid;
  grid-template-columns: repeat(2, 120px);
  align-items: start;
  justify-content: center;
  gap: 8px;
}

.liuren-board__cards .liuren-card {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
}

.liuren-board__meta {
  padding-top: 8px;
}

.liuren-board__title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.liuren-board__general {
  min-width: 0;
  overflow: hidden;
  color: #f6fafa;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.liuren-board__heaven {
  color: #9fb3b2;
  font-size: 0.75rem;
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .liuren-boardSection {
    min-width: 0;
    padding: 12px;
  }
  .liuren-readingBlock__heading {
    display: grid;
    justify-content: start;
  }
  .liuren-readingTile__cardFrame {
    width: 120px;
  }
}
.liuren-card {
  --liuren-element-color: #07cdcd;
  --liuren-meaning-max-font-size: .72rem;
  --liuren-meta-max-font-size: .625rem;
  --liuren-title-max-font-size: 1.5rem;
  container-type: inline-size;
  position: relative;
  min-width: 0;
  overflow: hidden;
  border-radius: 3px;
  background: #000f0f;
  box-shadow: 0 8px 18px rgba(0, 15, 15, 0.28);
}

.liuren-card--wood {
  --liuren-element-color: #2fbf71;
}

.liuren-card--fire {
  --liuren-element-color: #e14a3b;
}

.liuren-card--earth {
  --liuren-element-color: #d7b33f;
}

.liuren-card--metal {
  --liuren-element-color: #d9e3e3;
}

.liuren-card--water {
  --liuren-element-color: #2d8cff;
}

.liuren-card__imageFrame {
  width: 100%;
  aspect-ratio: 1/2;
  overflow: hidden;
}

.liuren-card__image {
  display: block;
  width: 100%;
  min-width: 0;
  height: 100%;
  object-fit: cover;
  background: #000f0f;
}

.liuren-card__overlay {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-height: 34%;
  padding: 18px 9px 11px;
  background: linear-gradient(to bottom, rgba(0, 15, 15, 0), rgba(0, 15, 15, 0.78) 24%, rgba(0, 15, 15, 0.94) 100%);
  color: #f6fafa;
  text-align: center;
}

.liuren-card__meta,
.liuren-card__meaning {
  max-width: 100%;
  overflow: hidden;
  color: #e0d2b4;
  font-size: clamp(0.55rem, 10cqw, var(--liuren-meaning-max-font-size));
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.liuren-card__meta {
  color: #e4d0a0;
  font-size: clamp(0.5rem, 8cqw, var(--liuren-meta-max-font-size));
}

.liuren-card__title {
  max-width: 100%;
  overflow: hidden;
  color: #fff6d8;
  font-size: clamp(0.9rem, 16cqw, var(--liuren-title-max-font-size));
  font-weight: 500;
  line-height: 1.1;
  text-overflow: ellipsis;
  text-shadow: 0 1px 5px rgba(0, 15, 15, 0.8);
  white-space: nowrap;
}

.reading-selector {
  overflow: hidden;
  border-radius: 8px;
  background: radial-gradient(circle at 50% 0, rgba(161, 108, 246, 0.12), transparent 42%), rgba(4, 25, 25, 0.72);
}

.reading-selector__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
}

.reading-selector-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(120px, 160px) minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(0, 15, 15, 0.24), rgba(4, 25, 25, 0.92)), #102a2a;
  color: #f6fafa;
  cursor: pointer;
  text-decoration: none;
}

.reading-selector-card__media {
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 160px;
  min-width: 0;
  overflow: hidden;
  background: #000f0f;
}

.reading-selector-card__imageFrame {
  width: 100%;
  height: 100%;
}

.reading-selector-card__media::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0, 15, 15, 0), rgba(0, 15, 15, 0.38)), linear-gradient(to bottom, rgba(0, 15, 15, 0), rgba(0, 15, 15, 0.5));
  content: "";
}

.reading-selector-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.reading-selector-card__body {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 22px;
}

.reading-selector-card__label {
  width: fit-content;
  max-width: 100%;
  padding: 3px 8px;
  border: 1px solid rgba(246, 250, 250, 0.18);
  border-left: 3px solid #a16cf6;
  border-radius: 3px;
  color: #e6d7b9;
  font-size: 0.72rem;
  line-height: 1.3;
}

.reading-selector-card__title {
  margin-top: 12px;
  color: #fff6d8;
  font-size: clamp(1.45rem, 1.5vw, 2rem);
  font-weight: 500;
  line-height: 1.15;
  text-shadow: 0 1px 6px rgba(0, 15, 15, 0.8);
}

.reading-selector-card__cta {
  display: flex;
  align-items: baseline;
  gap: 8px;
  width: fit-content;
  margin-top: auto;
  color: #f6fafa;
  font-size: 0.875rem;
}

.reading-selector-card__cta i {
  color: #f6fafa;
  transition: transform 0.18s ease;
}

.reading-selector-card:hover .reading-selector-card__cta i {
  transform: translateX(3px);
}

@media (max-width: 1080px) {
  .reading-selector-card {
    grid-template-columns: minmax(120px, 160px) minmax(0, 1fr);
  }
  .reading-selector-card__media {
    align-self: start;
  }
}
@media (max-width: 720px) {
  .reading-selector-card {
    grid-template-columns: clamp(108px, 34vw, 160px) minmax(0, 1fr);
  }
  .reading-selector-card__body {
    padding: 14px;
  }
  .reading-selector-card__title {
    font-size: 1.28rem;
  }
}
.home-link-panel {
  display: grid;
  gap: 12px;
}

.home-link-panel__label {
  color: rgba(159, 179, 178, 0.64);
  font-size: 0.75rem;
  line-height: 1.2;
}

.home-tips-links {
  display: grid;
  gap: 12px;
}

.home-link-section {
  padding: 14px 16px;
  border: 1px solid rgba(7, 205, 205, 0.2);
  border-radius: 4px;
  background: rgba(0, 15, 15, 0.16);
}

.home-link-section__header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  margin-bottom: 10px;
}

.home-link-section__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  color: #f6fafa;
  font-size: calc(0.875rem * 2);
}

.home-link-section__heading {
  min-width: 0;
}

.home-link-section__title {
  color: #f6fafa;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
}

.home-link-section__description {
  margin-top: 3px;
  color: rgba(159, 179, 178, 0.78);
  font-size: 0.875rem;
  line-height: 1.55;
}

.home-link-section__list {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.home-link-section__item {
  min-width: 0;
}

.home-link-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 8px 10px;
  border-radius: 4px;
  color: #f6fafa;
  text-decoration: none;
}

.home-link-item__body {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.home-link-item__term {
  color: #a16cf6;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.35;
}

.home-link-item__text {
  overflow: hidden;
  color: rgba(246, 250, 250, 0.86);
  font-size: 0.875rem;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-link-item__arrow {
  color: rgba(159, 179, 178, 0.72);
  font-size: 0.75rem;
}

@media (max-width: 575.98px) {
  .home-link-section {
    padding: 12px;
  }
  .home-link-item {
    align-items: start;
  }
  .home-link-item__text {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
.natal-narrative__sections {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}
.natal-narrative__section {
  min-width: 0;
  padding: 16px;
  border-radius: 3px;
  background: rgba(4, 25, 25, 0.42);
  box-shadow: inset 0 0 0 1px rgba(159, 179, 178, 0.12);
}
.natal-narrative__sectionHeader {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(159, 179, 178, 0.12);
}
.natal-narrative__title {
  color: #f6fafa;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.35;
}
.natal-narrative__subtitle {
  flex: 0 0 auto;
  color: rgba(159, 179, 178, 0.68);
  font-size: 0.75rem;
  line-height: 1.25;
}
.natal-narrative__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  padding-top: 12px;
}
.natal-narrative__body p {
  margin: 0;
  color: rgba(246, 250, 250, 0.9);
  font-size: 0.875rem;
  line-height: 1.8;
  white-space: normal;
  overflow-wrap: anywhere;
}
.natal-narrative__artList {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 12px;
}
.natal-narrative__artPanel {
  flex: 0 0 120px;
  max-width: 120px;
}

@media (max-width: 575.98px) {
  .natal-narrative__section {
    padding: 14px;
  }
  .natal-narrative__sectionHeader {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .natal-narrative__subtitle {
    flex: 0 1 auto;
  }
}