@charset "UTF-8";
/* Fonts */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  src: url(../fonts/NotoSansTC-Regular.otf);
  font-display: swap; }

@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansTC-Light.otf);
  font-display: swap; }

@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSansTC-Medium.otf);
  font-display: swap; }

@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSansTC-Bold.otf);
  font-display: swap; }

/* == Layout == */
/* Base */
body {
  color: var(--body-color, #fff);
  font-family: var(--body-font-family, "Noto Sans TC", sans-serif); }

a {
  color: var(--link-color, currentColor);
  cursor: pointer;
  text-underline-offset: 3px; }

/* wrapper */
.wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100dvh;
  overflow: hidden; }

.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
  height: 52px;
  padding-left: 20px;
  padding-right: 1px;
  border-bottom: 2px solid #46FFC1;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(15, 151, 144, 0.9)), to(rgba(33, 75, 137, 0.9)));
  background: linear-gradient(0deg, rgba(15, 151, 144, 0.9) 0%, rgba(33, 75, 137, 0.9) 100%);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); }
  .header .menu {
    margin-left: auto; }

.brand {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px; }
  .brand a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    text-decoration: none; }

.menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
  list-style: none; }
  .menu > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    padding-inline: 16px;
    padding-block: 11px;
    font-size: 18px;
    letter-spacing: 1px;
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .menu > li > a:hover {
      opacity: 1;
      background: rgba(70, 255, 193, 0.38); }
    .menu > li > a.active {
      opacity: 1;
      background: rgba(13, 176, 229, 0.6); }
  .menu .level-2 {
    display: none;
    position: absolute;
    top: 49px;
    width: 100%;
    border-top: 2px solid #46FFC1; }
    .menu .level-2 a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      height: 40px;
      font-size: 18px;
      border-bottom: 1px solid #46FFC1;
      background: rgba(13, 176, 229, 0.6);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .menu .level-2 a:hover {
        background: rgba(0, 82, 150, 0.3); }
      .menu .level-2 a.active {
        background: rgba(0, 82, 150, 0.6); }
  .menu li:has(.level-2):hover .level-2 {
    display: block;
    -webkit-animation: fadeIn 0.3s ease;
            animation: fadeIn 0.3s ease; }
  .menu li:has(.level-2):hover .arrow {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .menu li:has(.level-2 a.active) .children {
    opacity: 1;
    background: rgba(13, 176, 229, 0.6); }
  .menu ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  .menu li {
    position: relative; }
  .menu a {
    text-decoration: none; }
  .menu .arrow {
    font-size: 1rem;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }

.sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 300px;
  height: 100%;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px); }
  .sidebar .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    height: 40px;
    padding-inline: 12px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid rgba(151, 208, 255, 0.8);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 176, 229, 0.9)), to(rgba(0, 108, 161, 0.9)));
    background: linear-gradient(180deg, rgba(13, 176, 229, 0.9) 0%, rgba(0, 108, 161, 0.9) 100%); }
  .sidebar .body {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(15, 151, 144, 0.81)), to(rgba(33, 75, 137, 0.81)));
    background: linear-gradient(0deg, rgba(15, 151, 144, 0.81) 0%, rgba(33, 75, 137, 0.81) 100%); }

.sidebar-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-height: 40px;
  padding-left: 10px;
  padding-right: 8px;
  padding-block: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .level-2 .sidebar-item {
    padding-left: 30px; }
  .level-3 .sidebar-item {
    padding-left: 52px; }

.sidebar-wrapper {
  position: absolute;
  top: 56px;
  left: 0;
  bottom: 0; }

.btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px; }

.map {
  width: 100%;
  height: 100%;
  background: url("../../assets/img/NCHC_logo.svg") no-repeat center center;
  }

.map-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  pointer-events: none; }
  .map-overlay > * {
    pointer-events: auto; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* collapse-icon */
.collapse-icon {
  color: currentColor; }
  .collapse-icon .icon {
    display: inline-block; }
  .collapse-icon .expanded-true {
    display: none; }
  .collapse-icon .expanded-rotate {
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .collapse-icon[aria-expanded="true"] .expanded-false {
    display: none; }
  .collapse-icon[aria-expanded="true"] .expanded-true {
    display: inline-block; }
  .collapse-icon[aria-expanded="true"] .expanded-rotate {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }

/* icon按鈕 */
.btn-icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--btn-icon-size, 40px);
  height: var(--btn-icon-size, 40px);
  padding: 0;
  color: var(--btn-icon-color, currentColor);
  border: none;
  background: none;
  text-decoration: none; }

/* 方框icon按鈕 */
.square-icon-btns {
  --btn-icon-size: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .square-icon-btns .btn-icon {
    border-radius: 2px; }
    .square-icon-btns .btn-icon:hover {
      background: rgba(0, 0, 0, 0.1); }
      .square-icon-btns .btn-icon:hover i {
        opacity: 1; }
    .square-icon-btns .btn-icon.active i {
      opacity: 1; }
  .square-icon-btns i {
    opacity: 0.5;
    font-size: 18px; }

/* link reset */
.link-reset {
  text-decoration: none;
  color: inherit;
  border: none;
  background-color: transparent;
  padding: 0; }

/* 有active狀態的link */
.btn-link-active {
  text-decoration: none; }
  .btn-link-active.active {
    color: #46FFC1; }

.sidebar-item:has(.btn-link-active) {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.sidebar-item:has(.btn-link-active:hover) {
  background: rgba(70, 255, 193, 0.1); }

/* scroll */
.scroll {
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain; }
  .scroll::-webkit-scrollbar {
    width: 6px; }
  .scroll::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 100px;
    -webkit-transition: all .5s;
    transition: all .5s; }
  .scroll::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.25);
    background-clip: content-box;
    border-radius: 100px; }
  .scroll:hover::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05); }

.panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 280px;
  min-height: 180px;
  font-size: 14px;
  border: 2px solid #46FFC1;
  background: rgba(0, 82, 150, 0.6);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px); }
  .panel-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-self: start;
        -ms-flex-item-align: start;
            align-self: start;
    gap: 8px;
    width: 100%;
    min-height: 34px;
    padding: 4px 8px;
    background: rgba(0, 82, 150, 0.6); }
    .panel-head.border-bottom {
      border-bottom-color: rgba(255, 255, 255, 0.2) !important;
      background-color: transparent; }
  .panel-body {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 4px 8px; }
  .panel .btn-close {
    width: 7px;
    height: 7px; }

.legend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  padding: 4px 8px;
  background-color: #0C0C0C99;
  font-size: 12px; }
  .legend-ball {
    --border: #B477FF;
    --bg: #B477FF66;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px; }
    .legend-ball::before {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      border: 2px solid var(--border);
      background-color: var(--bg); }
    .legend-ball.type-2::before {
      --border: #FF7777;
      --bg: #FF777766; }
    .legend-ball.type-3::before {
      --border: #FFFF00;
      --bg: #FFFF0066; }
    .legend-ball.type-4::before {
      --border: #00FFFF;
      --bg: #00FFFF66; }

.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #53C2F3;
  --bs-btn-border-color: #53C2F3;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #47a5cf;
  --bs-btn-hover-border-color: #429bc2;
  --bs-btn-focus-shadow-rgb: 71, 165, 207;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #429bc2;
  --bs-btn-active-border-color: #3e92b6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #53C2F3;
  --bs-btn-disabled-border-color: #53C2F3;
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
  --bs-border-width: 0; }

.btn-secondary {
  --bs-btn-color: #000;
  --bs-btn-bg: #EAEAEA;
  --bs-btn-border-color: #EAEAEA;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #c7c7c7;
  --bs-btn-hover-border-color: #bbbbbb;
  --bs-btn-focus-shadow-rgb: 199, 199, 199;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #bbbbbb;
  --bs-btn-active-border-color: #b0b0b0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #EAEAEA;
  --bs-btn-disabled-border-color: #EAEAEA;
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
  --bs-border-width: 0; }

.btn-secondary {
  --bs-btn-color: #545454; }

/* 滑動面板 */
.slide-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative; }

.slide-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 200%;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease; }

.slide-panel {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.draggable-panel {
  position: absolute; }
  .draggable-panel .handle {
    cursor: move; }

.static-modal {
  --bs-modal-width: 100%;
  --bs-modal-border-radius: 6px;
  --bs-modal-header-padding: 5px 12px;
  --bs-modal-footer-gap: 0px;
  position: static;
  display: block;
  width: 100%; }
  .static-modal .modal-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 700; }
  .static-modal .modal-footer {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1rem; }
  .static-modal .btn-close {
    background-size: .8em;
    margin-right: 0px; }

.table-dark {
  --bs-table-bg: #00000033;
  --bs-table-border-color:#D4D4D4; }
  .table-dark th {
    background-color: #00000066;
    font-weight: 500; }

/* .table.table-dark-sticky{
    --bs-table-bg: #3197c5f5;
    th{
        background-color: #113a4ceb;
    }
} */
.table-freeze {
  --bs-table-bg: #144260; }
  .table-freeze th {
    background-color: #103346; }
  .table-freeze .column-1, .table-freeze .column-2, .table-freeze .column-3 {
    position: -webkit-sticky;
    position: sticky;
    z-index: 3; }
  .table-freeze .column-1 {
    left: var(--column-1, 0px); }
  .table-freeze .column-2 {
    left: var(--column-2, 100px); }
  .table-freeze .column-3 {
    left: var(--column-3, 200px); }

.form-check-input {
  width: 18px;
  height: 18px; }
  .form-check-input.form-check-input:checked {
    background-color: white;
    border-color: white; }
  .form-check-input.form-check-input[type="checkbox"]:checked {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%233197D6' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
  .form-check-input.form-check-input[type="radio"]:checked {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%233197D6'/%3e%3c/svg%3e"); }

.border-cyan-green {
  --bs-border-color: #46FFC1; }

/* == Helpers == */
/* Overlay */
.overlay {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.65); }

/* line-clamp */
.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: var(--line, 2);
  -webkit-box-orient: vertical;
  overflow: hidden; }

/* object-fit-contain */
.img-object-fit-contain > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain; }

/* object-fit-cover */
.img-object-fit-cover > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.flex-start-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: .5rem; }

/* item彈性換行 flex-item-wrap */
.flex-item-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px; }

/* 左側寬度自適 grid-left-auto */
.grid-left-auto {
  display: grid;
  gap: 8px;
  grid-template-columns: auto 1fr; }

.grid-sm-left-auto {
  display: grid;
  gap: 8px; }
  @media (min-width: 576px) {
    .grid-sm-left-auto {
      grid-template-columns: auto 1fr; } }

.grid-md-left-auto {
  display: grid;
  gap: 8px; }
  @media (min-width: 768px) {
    .grid-md-left-auto {
      grid-template-columns: auto 1fr; } }

.grid-lg-left-auto {
  display: grid;
  gap: 8px; }
  @media (min-width: 992px) {
    .grid-lg-left-auto {
      grid-template-columns: auto 1fr; } }

.grid-xl-left-auto {
  display: grid;
  gap: 8px; }
  @media (min-width: 1200px) {
    .grid-xl-left-auto {
      grid-template-columns: auto 1fr; } }

.grid-xxl-left-auto {
  display: grid;
  gap: 8px; }
  @media (min-width: 1400px) {
    .grid-xxl-left-auto {
      grid-template-columns: auto 1fr; } }

.form-comp-date-duration .text {
  display: block;
  text-align: center;
  padding-block: 6px; }

@container (min-width: 350px) {
  .form-comp-date-duration {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px; } }

/* item對齊換行 grid-item-wrap */
.grid-item-wrap {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(var(--grid-size, 7.5em), 1fr)); }

/* checked 顯示 */
.cond-checked-container:has(.cond-checked-trigger:checked) .cond-checked-dependent {
  display: block;
  -webkit-animation: fadeIn .5s forwards;
          animation: fadeIn .5s forwards; }

.cond-checked-dependent {
  display: none; }

/* unchecked 顯示*/
.cond-checked-container.unchecked:has(.cond-checked-trigger:checked) .cond-checked-dependent {
  display: none; }

.cond-checked-container.unchecked .cond-checked-dependent {
  display: block;
  -webkit-animation: fadeIn .5s forwards;
          animation: fadeIn .5s forwards; }

/* 雙態切換 */
.cond-twin-switch-dependent:first-child {
  display: block;
  -webkit-animation: fadeIn .5s forwards;
          animation: fadeIn .5s forwards; }

.cond-twin-switch-dependent:last-child {
  display: none; }

.cond-twin-switch-container:has(.cond-twin-switch-trigger:checked) .cond-twin-switch-items .cond-twin-switch-dependent:first-child {
  display: none; }

.cond-twin-switch-container:has(.cond-twin-switch-trigger:checked) .cond-twin-switch-items .cond-twin-switch-dependent:last-child {
  display: block;
  -webkit-animation: fadeIn .5s forwards;
          animation: fadeIn .5s forwards; }

/* == Utilities == */
.text-primary {
  color: #53C2F3 !important; }

.text-cyan {
  color: #00FFFFFC !important; }

.text-cyan-green {
  color: #46FFC1 !important; }

.text-highlight {
  color: #FFFF00 !important; }

.bg-dark-30 {
  background-color: rgba(22, 22, 22, 0.3) !important; }

.fs-xs {
  font-size: 12px !important; }

.fs-5-5 {
  font-size: 18px !important; }

.gap-s {
  gap: 12px !important; }

.me-n1 {
  margin-right: -0.25rem !important; }

.me-n2 {
  margin-right: -0.5rem !important; }

.me-n3 {
  margin-right: -1rem !important; }

.me-n4 {
  margin-right: -1.5rem !important; }

.me-n5 {
  margin-right: -3rem !important; }

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