@charset "UTF-8";

/* src/styles.css */
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons.eot");
  src:
    url("./media/primeicons.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons.woff2") format("woff2"),
    url("./media/primeicons.woff") format("woff"),
    url("./media/primeicons.ttf") format("truetype"),
    url("./media/primeicons.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-folder-plus:before {
  content: "\ea05";
}
.pi-receipt:before {
  content: "\ea06";
}
.pi-asterisk:before {
  content: "\ea07";
}
.pi-face-smile:before {
  content: "\ea08";
}
.pi-pinterest:before {
  content: "\ea09";
}
.pi-expand:before {
  content: "\ea0a";
}
.pi-pen-to-square:before {
  content: "\ea0b";
}
.pi-wave-pulse:before {
  content: "\ea0c";
}
.pi-turkish-lira:before {
  content: "\ea0d";
}
.pi-spinner-dotted:before {
  content: "\ea0e";
}
.pi-crown:before {
  content: "\ea0f";
}
.pi-pause-circle:before {
  content: "\ea10";
}
.pi-warehouse:before {
  content: "\ea11";
}
.pi-objects-column:before {
  content: "\ea12";
}
.pi-clipboard:before {
  content: "\ea13";
}
.pi-play-circle:before {
  content: "\ea14";
}
.pi-venus:before {
  content: "\ea15";
}
.pi-cart-minus:before {
  content: "\ea16";
}
.pi-file-plus:before {
  content: "\ea17";
}
.pi-microchip:before {
  content: "\ea18";
}
.pi-twitch:before {
  content: "\ea19";
}
.pi-building-columns:before {
  content: "\ea1a";
}
.pi-file-check:before {
  content: "\ea1b";
}
.pi-microchip-ai:before {
  content: "\ea1c";
}
.pi-trophy:before {
  content: "\ea1d";
}
.pi-barcode:before {
  content: "\ea1e";
}
.pi-file-arrow-up:before {
  content: "\ea1f";
}
.pi-mars:before {
  content: "\ea20";
}
.pi-tiktok:before {
  content: "\ea21";
}
.pi-arrow-up-right-and-arrow-down-left-from-center:before {
  content: "\ea22";
}
.pi-ethereum:before {
  content: "\ea23";
}
.pi-list-check:before {
  content: "\ea24";
}
.pi-thumbtack:before {
  content: "\ea25";
}
.pi-arrow-down-left-and-arrow-up-right-to-center:before {
  content: "\ea26";
}
.pi-equals:before {
  content: "\ea27";
}
.pi-lightbulb:before {
  content: "\ea28";
}
.pi-star-half:before {
  content: "\ea29";
}
.pi-address-book:before {
  content: "\ea2a";
}
.pi-chart-scatter:before {
  content: "\ea2b";
}
.pi-indian-rupee:before {
  content: "\ea2c";
}
.pi-star-half-fill:before {
  content: "\ea2d";
}
.pi-cart-arrow-down:before {
  content: "\ea2e";
}
.pi-calendar-clock:before {
  content: "\ea2f";
}
.pi-sort-up-fill:before {
  content: "\ea30";
}
.pi-sparkles:before {
  content: "\ea31";
}
.pi-bullseye:before {
  content: "\ea32";
}
.pi-sort-down-fill:before {
  content: "\ea33";
}
.pi-graduation-cap:before {
  content: "\ea34";
}
.pi-hammer:before {
  content: "\ea35";
}
.pi-bell-slash:before {
  content: "\ea36";
}
.pi-gauge:before {
  content: "\ea37";
}
.pi-shop:before {
  content: "\ea38";
}
.pi-headphones:before {
  content: "\ea39";
}
.pi-eraser:before {
  content: "\ea04";
}
.pi-stopwatch:before {
  content: "\ea01";
}
.pi-verified:before {
  content: "\ea02";
}
.pi-delete-left:before {
  content: "\ea03";
}
.pi-hourglass:before {
  content: "\e9fe";
}
.pi-truck:before {
  content: "\ea00";
}
.pi-wrench:before {
  content: "\e9ff";
}
.pi-microphone:before {
  content: "\e9fa";
}
.pi-megaphone:before {
  content: "\e9fb";
}
.pi-arrow-right-arrow-left:before {
  content: "\e9fc";
}
.pi-bitcoin:before {
  content: "\e9fd";
}
.pi-file-edit:before {
  content: "\e9f6";
}
.pi-language:before {
  content: "\e9f7";
}
.pi-file-export:before {
  content: "\e9f8";
}
.pi-file-import:before {
  content: "\e9f9";
}
.pi-file-word:before {
  content: "\e9f1";
}
.pi-gift:before {
  content: "\e9f2";
}
.pi-cart-plus:before {
  content: "\e9f3";
}
.pi-thumbs-down-fill:before {
  content: "\e9f4";
}
.pi-thumbs-up-fill:before {
  content: "\e9f5";
}
.pi-arrows-alt:before {
  content: "\e9f0";
}
.pi-calculator:before {
  content: "\e9ef";
}
.pi-sort-alt-slash:before {
  content: "\e9ee";
}
.pi-arrows-h:before {
  content: "\e9ec";
}
.pi-arrows-v:before {
  content: "\e9ed";
}
.pi-pound:before {
  content: "\e9eb";
}
.pi-prime:before {
  content: "\e9ea";
}
.pi-chart-pie:before {
  content: "\e9e9";
}
.pi-reddit:before {
  content: "\e9e8";
}
.pi-code:before {
  content: "\e9e7";
}
.pi-sync:before {
  content: "\e9e6";
}
.pi-shopping-bag:before {
  content: "\e9e5";
}
.pi-server:before {
  content: "\e9e4";
}
.pi-database:before {
  content: "\e9e3";
}
.pi-hashtag:before {
  content: "\e9e2";
}
.pi-bookmark-fill:before {
  content: "\e9df";
}
.pi-filter-fill:before {
  content: "\e9e0";
}
.pi-heart-fill:before {
  content: "\e9e1";
}
.pi-flag-fill:before {
  content: "\e9de";
}
.pi-circle:before {
  content: "\e9dc";
}
.pi-circle-fill:before {
  content: "\e9dd";
}
.pi-bolt:before {
  content: "\e9db";
}
.pi-history:before {
  content: "\e9da";
}
.pi-box:before {
  content: "\e9d9";
}
.pi-at:before {
  content: "\e9d8";
}
.pi-arrow-up-right:before {
  content: "\e9d4";
}
.pi-arrow-up-left:before {
  content: "\e9d5";
}
.pi-arrow-down-left:before {
  content: "\e9d6";
}
.pi-arrow-down-right:before {
  content: "\e9d7";
}
.pi-telegram:before {
  content: "\e9d3";
}
.pi-stop-circle:before {
  content: "\e9d2";
}
.pi-stop:before {
  content: "\e9d1";
}
.pi-whatsapp:before {
  content: "\e9d0";
}
.pi-building:before {
  content: "\e9cf";
}
.pi-qrcode:before {
  content: "\e9ce";
}
.pi-car:before {
  content: "\e9cd";
}
.pi-instagram:before {
  content: "\e9cc";
}
.pi-linkedin:before {
  content: "\e9cb";
}
.pi-send:before {
  content: "\e9ca";
}
.pi-slack:before {
  content: "\e9c9";
}
.pi-sun:before {
  content: "\e9c8";
}
.pi-moon:before {
  content: "\e9c7";
}
.pi-vimeo:before {
  content: "\e9c6";
}
.pi-youtube:before {
  content: "\e9c5";
}
.pi-flag:before {
  content: "\e9c4";
}
.pi-wallet:before {
  content: "\e9c3";
}
.pi-map:before {
  content: "\e9c2";
}
.pi-link:before {
  content: "\e9c1";
}
.pi-credit-card:before {
  content: "\e9bf";
}
.pi-discord:before {
  content: "\e9c0";
}
.pi-percentage:before {
  content: "\e9be";
}
.pi-euro:before {
  content: "\e9bd";
}
.pi-book:before {
  content: "\e9ba";
}
.pi-shield:before {
  content: "\e9b9";
}
.pi-paypal:before {
  content: "\e9bb";
}
.pi-amazon:before {
  content: "\e9bc";
}
.pi-phone:before {
  content: "\e9b8";
}
.pi-filter-slash:before {
  content: "\e9b7";
}
.pi-facebook:before {
  content: "\e9b4";
}
.pi-github:before {
  content: "\e9b5";
}
.pi-twitter:before {
  content: "\e9b6";
}
.pi-step-backward-alt:before {
  content: "\e9ac";
}
.pi-step-forward-alt:before {
  content: "\e9ad";
}
.pi-forward:before {
  content: "\e9ae";
}
.pi-backward:before {
  content: "\e9af";
}
.pi-fast-backward:before {
  content: "\e9b0";
}
.pi-fast-forward:before {
  content: "\e9b1";
}
.pi-pause:before {
  content: "\e9b2";
}
.pi-play:before {
  content: "\e9b3";
}
.pi-compass:before {
  content: "\e9ab";
}
.pi-id-card:before {
  content: "\e9aa";
}
.pi-ticket:before {
  content: "\e9a9";
}
.pi-file-o:before {
  content: "\e9a8";
}
.pi-reply:before {
  content: "\e9a7";
}
.pi-directions-alt:before {
  content: "\e9a5";
}
.pi-directions:before {
  content: "\e9a6";
}
.pi-thumbs-up:before {
  content: "\e9a3";
}
.pi-thumbs-down:before {
  content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
  content: "\e996";
}
.pi-sort-numeric-up-alt:before {
  content: "\e997";
}
.pi-sort-alpha-down-alt:before {
  content: "\e998";
}
.pi-sort-alpha-up-alt:before {
  content: "\e999";
}
.pi-sort-numeric-down:before {
  content: "\e99a";
}
.pi-sort-numeric-up:before {
  content: "\e99b";
}
.pi-sort-alpha-down:before {
  content: "\e99c";
}
.pi-sort-alpha-up:before {
  content: "\e99d";
}
.pi-sort-alt:before {
  content: "\e99e";
}
.pi-sort-amount-up:before {
  content: "\e99f";
}
.pi-sort-amount-down:before {
  content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}
.pi-palette:before {
  content: "\e995";
}
.pi-undo:before {
  content: "\e994";
}
.pi-desktop:before {
  content: "\e993";
}
.pi-sliders-v:before {
  content: "\e991";
}
.pi-sliders-h:before {
  content: "\e992";
}
.pi-search-plus:before {
  content: "\e98f";
}
.pi-search-minus:before {
  content: "\e990";
}
.pi-file-excel:before {
  content: "\e98e";
}
.pi-file-pdf:before {
  content: "\e98d";
}
.pi-check-square:before {
  content: "\e98c";
}
.pi-chart-line:before {
  content: "\e98b";
}
.pi-user-edit:before {
  content: "\e98a";
}
.pi-exclamation-circle:before {
  content: "\e989";
}
.pi-android:before {
  content: "\e985";
}
.pi-google:before {
  content: "\e986";
}
.pi-apple:before {
  content: "\e987";
}
.pi-microsoft:before {
  content: "\e988";
}
.pi-heart:before {
  content: "\e984";
}
.pi-mobile:before {
  content: "\e982";
}
.pi-tablet:before {
  content: "\e983";
}
.pi-key:before {
  content: "\e981";
}
.pi-shopping-cart:before {
  content: "\e980";
}
.pi-comments:before {
  content: "\e97e";
}
.pi-comment:before {
  content: "\e97f";
}
.pi-briefcase:before {
  content: "\e97d";
}
.pi-bell:before {
  content: "\e97c";
}
.pi-paperclip:before {
  content: "\e97b";
}
.pi-share-alt:before {
  content: "\e97a";
}
.pi-envelope:before {
  content: "\e979";
}
.pi-volume-down:before {
  content: "\e976";
}
.pi-volume-up:before {
  content: "\e977";
}
.pi-volume-off:before {
  content: "\e978";
}
.pi-eject:before {
  content: "\e975";
}
.pi-money-bill:before {
  content: "\e974";
}
.pi-images:before {
  content: "\e973";
}
.pi-image:before {
  content: "\e972";
}
.pi-sign-in:before {
  content: "\e970";
}
.pi-sign-out:before {
  content: "\e971";
}
.pi-wifi:before {
  content: "\e96f";
}
.pi-sitemap:before {
  content: "\e96e";
}
.pi-chart-bar:before {
  content: "\e96d";
}
.pi-camera:before {
  content: "\e96c";
}
.pi-dollar:before {
  content: "\e96b";
}
.pi-lock-open:before {
  content: "\e96a";
}
.pi-table:before {
  content: "\e969";
}
.pi-map-marker:before {
  content: "\e968";
}
.pi-list:before {
  content: "\e967";
}
.pi-eye-slash:before {
  content: "\e965";
}
.pi-eye:before {
  content: "\e966";
}
.pi-folder-open:before {
  content: "\e964";
}
.pi-folder:before {
  content: "\e963";
}
.pi-video:before {
  content: "\e962";
}
.pi-inbox:before {
  content: "\e961";
}
.pi-lock:before {
  content: "\e95f";
}
.pi-unlock:before {
  content: "\e960";
}
.pi-tags:before {
  content: "\e95d";
}
.pi-tag:before {
  content: "\e95e";
}
.pi-power-off:before {
  content: "\e95c";
}
.pi-save:before {
  content: "\e95b";
}
.pi-question-circle:before {
  content: "\e959";
}
.pi-question:before {
  content: "\e95a";
}
.pi-copy:before {
  content: "\e957";
}
.pi-file:before {
  content: "\e958";
}
.pi-clone:before {
  content: "\e955";
}
.pi-calendar-times:before {
  content: "\e952";
}
.pi-calendar-minus:before {
  content: "\e953";
}
.pi-calendar-plus:before {
  content: "\e954";
}
.pi-ellipsis-v:before {
  content: "\e950";
}
.pi-ellipsis-h:before {
  content: "\e951";
}
.pi-bookmark:before {
  content: "\e94e";
}
.pi-globe:before {
  content: "\e94f";
}
.pi-replay:before {
  content: "\e94d";
}
.pi-filter:before {
  content: "\e94c";
}
.pi-print:before {
  content: "\e94b";
}
.pi-align-right:before {
  content: "\e946";
}
.pi-align-left:before {
  content: "\e947";
}
.pi-align-center:before {
  content: "\e948";
}
.pi-align-justify:before {
  content: "\e949";
}
.pi-cog:before {
  content: "\e94a";
}
.pi-cloud-download:before {
  content: "\e943";
}
.pi-cloud-upload:before {
  content: "\e944";
}
.pi-cloud:before {
  content: "\e945";
}
.pi-pencil:before {
  content: "\e942";
}
.pi-users:before {
  content: "\e941";
}
.pi-clock:before {
  content: "\e940";
}
.pi-user-minus:before {
  content: "\e93e";
}
.pi-user-plus:before {
  content: "\e93f";
}
.pi-trash:before {
  content: "\e93d";
}
.pi-external-link:before {
  content: "\e93c";
}
.pi-window-maximize:before {
  content: "\e93b";
}
.pi-window-minimize:before {
  content: "\e93a";
}
.pi-refresh:before {
  content: "\e938";
}
.pi-user:before {
  content: "\e939";
}
.pi-exclamation-triangle:before {
  content: "\e922";
}
.pi-calendar:before {
  content: "\e927";
}
.pi-chevron-circle-left:before {
  content: "\e928";
}
.pi-chevron-circle-down:before {
  content: "\e929";
}
.pi-chevron-circle-right:before {
  content: "\e92a";
}
.pi-chevron-circle-up:before {
  content: "\e92b";
}
.pi-angle-double-down:before {
  content: "\e92c";
}
.pi-angle-double-left:before {
  content: "\e92d";
}
.pi-angle-double-right:before {
  content: "\e92e";
}
.pi-angle-double-up:before {
  content: "\e92f";
}
.pi-angle-down:before {
  content: "\e930";
}
.pi-angle-left:before {
  content: "\e931";
}
.pi-angle-right:before {
  content: "\e932";
}
.pi-angle-up:before {
  content: "\e933";
}
.pi-upload:before {
  content: "\e934";
}
.pi-download:before {
  content: "\e956";
}
.pi-ban:before {
  content: "\e935";
}
.pi-star-fill:before {
  content: "\e936";
}
.pi-star:before {
  content: "\e937";
}
.pi-chevron-left:before {
  content: "\e900";
}
.pi-chevron-right:before {
  content: "\e901";
}
.pi-chevron-down:before {
  content: "\e902";
}
.pi-chevron-up:before {
  content: "\e903";
}
.pi-caret-left:before {
  content: "\e904";
}
.pi-caret-right:before {
  content: "\e905";
}
.pi-caret-down:before {
  content: "\e906";
}
.pi-caret-up:before {
  content: "\e907";
}
.pi-search:before {
  content: "\e908";
}
.pi-check:before {
  content: "\e909";
}
.pi-check-circle:before {
  content: "\e90a";
}
.pi-times:before {
  content: "\e90b";
}
.pi-times-circle:before {
  content: "\e90c";
}
.pi-plus:before {
  content: "\e90d";
}
.pi-plus-circle:before {
  content: "\e90e";
}
.pi-minus:before {
  content: "\e90f";
}
.pi-minus-circle:before {
  content: "\e910";
}
.pi-circle-on:before {
  content: "\e911";
}
.pi-circle-off:before {
  content: "\e912";
}
.pi-sort-down:before {
  content: "\e913";
}
.pi-sort-up:before {
  content: "\e914";
}
.pi-sort:before {
  content: "\e915";
}
.pi-step-backward:before {
  content: "\e916";
}
.pi-step-forward:before {
  content: "\e917";
}
.pi-th-large:before {
  content: "\e918";
}
.pi-arrow-down:before {
  content: "\e919";
}
.pi-arrow-left:before {
  content: "\e91a";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-arrow-up:before {
  content: "\e91c";
}
.pi-bars:before {
  content: "\e91d";
}
.pi-arrow-circle-down:before {
  content: "\e91e";
}
.pi-arrow-circle-left:before {
  content: "\e91f";
}
.pi-arrow-circle-right:before {
  content: "\e920";
}
.pi-arrow-circle-up:before {
  content: "\e921";
}
.pi-info:before {
  content: "\e923";
}
.pi-info-circle:before {
  content: "\e924";
}
.pi-home:before {
  content: "\e925";
}
.pi-spinner:before {
  content: "\e926";
}
:root {
  color-scheme: light;
}
html {
  zoom: 0.8;
}
.min-h-screen {
  min-height: 125vh !important;
}
.h-screen {
  height: 125vh !important;
}
.min-h-dvh {
  min-height: 125dvh !important;
}
.h-dvh {
  height: 125dvh !important;
}
app-root {
  display: block;
  min-height: 100vh;
}

/* src/assets/scss/vendors/themes/enigma/side-menu.css */
@media (min-width: 80rem) {
  .enigma .side-menu.side-menu--collapsed.side-menu--on-hover .side-menu__group-label {
    color: currentColor;
  }
  .enigma .side-menu.side-menu--collapsed.side-menu--on-hover .side-menu__group-label::before {
    opacity: 0%;
  }
  .enigma .side-menu.side-menu--collapsed.side-menu--on-hover .side-menu__link .side-menu__link__title {
    color: currentColor;
  }
  .enigma .side-menu.side-menu--collapsed.side-menu--on-hover .side-menu__link .side-menu__link__badge,
  .enigma .side-menu.side-menu--collapsed.side-menu--on-hover .side-menu__link .side-menu__link__chevron {
    opacity: 1;
  }
  .enigma .side-menu.side-menu--collapsed.side-menu--on-hover ul.scrollable > li > .side-menu__link .side-menu__link__icon {
    margin-left: 0;
  }
  .enigma .side-menu.side-menu--collapsed.side-menu--on-hover ul.scrollable > li li .side-menu__link .side-menu__link__icon {
    margin-left: 0;
  }
  .enigma .side-menu.side-menu--collapsed .side-menu__group-label {
    position: relative;
    color: transparent;
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke;
    transition-duration: 0.1s;
  }
  .enigma .side-menu.side-menu--collapsed .side-menu__group-label::before {
    content: "...";
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    color: var(--color-background);
    transition-property: opacity;
    transition-duration: 0.1s;
  }
  .enigma .side-menu.side-menu--collapsed .side-menu__link .side-menu__link__title {
    white-space: nowrap;
    color: transparent;
    transition-property: color;
    transition-duration: 0.3s;
  }
  .enigma .side-menu.side-menu--collapsed .side-menu__link .side-menu__link__badge,
  .enigma .side-menu.side-menu--collapsed .side-menu__link .side-menu__link__chevron {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.3s;
  }
  .enigma .side-menu.side-menu--collapsed .side-menu__link .side-menu__link__icon {
    transition-property: margin;
    transition-duration: 0.1s;
  }
  .enigma .side-menu.side-menu--collapsed ul.scrollable > li > .side-menu__link .side-menu__link__icon {
    margin-left: 0.625rem;
  }
  .enigma .side-menu.side-menu--collapsed ul.scrollable > li li .side-menu__link .side-menu__link__icon {
    margin-left: 0.375rem;
  }
}
.enigma .side-menu .side-menu__group-label {
  white-space: nowrap;
  font-size: 0.75rem;
  opacity: 0.5;
  margin-left: 0.5rem;
  margin-top: 1.75rem;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}
.enigma .side-menu .side-menu__link {
  display: flex;
  align-items: center;
  margin-bottom: 0.375rem;
  padding: 1rem 1.25rem;
  transition-property: all;
  transition-duration: 0.1s;
}
.enigma .side-menu .side-menu__link.side-menu__link--active {
  font-weight: 500;
}
.enigma .side-menu .side-menu__link.side-menu__link--active .side-menu__link__title {
  color: var(--color-primary);
}
.enigma .side-menu .side-menu__link .side-menu__link__icon {
  flex: none;
  width: 1.15rem;
  height: 1.15rem;
  --color: var(--color-primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .enigma .side-menu .side-menu__link .side-menu__link__icon {
    --color: color-mix(in oklch, var(--color-primary), transparent 30%);
  }
}
.enigma .side-menu .side-menu__link .side-menu__link__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 0.75rem;
  color: var(--color-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .enigma .side-menu .side-menu__link .side-menu__link__title {
    color: color-mix(in oklch, var(--color-foreground), transparent 20%);
  }
}
.enigma .side-menu .side-menu__link .side-menu__link__badge {
  min-width: 1.15rem;
  height: 1.2rem;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  margin-left: 0.875rem;
  font-weight: 500;
  color: var(--color-primary);
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  border-radius: 0.5rem;
}
@supports (color: color-mix(in lab, red, red)) {
  .enigma .side-menu .side-menu__link .side-menu__link__badge {
    color: color-mix(in oklch, var(--color-primary), transparent 20%);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .enigma .side-menu .side-menu__link .side-menu__link__badge {
    background-color: color-mix(in oklch, var(--color-primary), transparent 85%);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .enigma .side-menu .side-menu__link .side-menu__link__badge {
    border: 1px solid color-mix(in oklch, var(--color-primary), transparent 85%);
  }
}
.enigma .side-menu .side-menu__link .side-menu__link__chevron {
  margin-left: auto;
  stroke-width: 1.2;
  color: var(--color-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .enigma .side-menu .side-menu__link .side-menu__link__chevron {
    color: color-mix(in oklch, var(--color-foreground), transparent 20%);
  }
}
.enigma .side-menu ul.scrollable {
  position: relative;
}
.enigma .side-menu ul.scrollable > li > .side-menu__link {
  border-radius: 9999px;
}
.enigma .side-menu ul.scrollable > li > .side-menu__link.side-menu__link--active {
  background: var(--color-background);
  border: 1px solid var(--color-foreground);
  box-shadow: 0 1px 2px #0000000d;
}
@supports (color: color-mix(in lab, red, red)) {
  .enigma .side-menu ul.scrollable > li > .side-menu__link.side-menu__link--active {
    background: color-mix(in oklch, var(--color-background), var(--color-foreground) 3%);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .enigma .side-menu ul.scrollable > li > .side-menu__link.side-menu__link--active {
    border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 90%);
  }
}
.enigma .side-menu ul.scrollable > li > .side-menu__link.side-menu__link--active::before {
  content: "";
  width: 7.8rem;
  height: 7.8rem;
  opacity: 0.1;
  background-color: var(--color-background);
  z-index: -2;
  position: absolute;
  right: 0;
  margin-right: -13.7em;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 16.039 122.1'%3E%3Cpath id='Union_1' data-name='Union 1' d='M16.038,122H16v-2.213a95.8,95.8,0,0,0-2.886-20.735A94.894,94.894,0,0,0,5.331,78.618,39.039,39.039,0,0,1,0,61.051,39.035,39.035,0,0,1,5.331,43.484a94.9,94.9,0,0,0,7.783-20.435A95.747,95.747,0,0,0,16,2.314V0l.039,122v0Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 16.039 122.1'%3E%3Cpath id='Union_1' data-name='Union 1' d='M16.038,122H16v-2.213a95.8,95.8,0,0,0-2.886-20.735A94.894,94.894,0,0,0,5.331,78.618,39.039,39.039,0,0,1,0,61.051,39.035,39.035,0,0,1,5.331,43.484a94.9,94.9,0,0,0,7.783-20.435A95.747,95.747,0,0,0,16,2.314V0l.039,122v0Z'/%3E%3C/svg%3E");
}
@supports (color: color-mix(in lab, red, red)) {
  .enigma .side-menu ul.scrollable > li > .side-menu__link.side-menu__link--active::before {
    background-color: color-mix(in oklch, var(--color-background), var(--color-foreground) 90%);
  }
}
.enigma .side-menu ul.scrollable > li > .side-menu__link.side-menu__link--active::after {
  content: "";
  width: 7.8rem;
  height: 7.8rem;
  background-color: var(--color-background);
  z-index: -1;
  position: absolute;
  right: -1px;
  margin-right: -13.7em;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 16.039 122.1'%3E%3Cpath id='Union_1' data-name='Union 1' d='M16.038,122H16v-2.213a95.8,95.8,0,0,0-2.886-20.735A94.894,94.894,0,0,0,5.331,78.618,39.039,39.039,0,0,1,0,61.051,39.035,39.035,0,0,1,5.331,43.484a94.9,94.9,0,0,0,7.783-20.435A95.747,95.747,0,0,0,16,2.314V0l.039,122v0Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 16.039 122.1'%3E%3Cpath id='Union_1' data-name='Union 1' d='M16.038,122H16v-2.213a95.8,95.8,0,0,0-2.886-20.735A94.894,94.894,0,0,0,5.331,78.618,39.039,39.039,0,0,1,0,61.051,39.035,39.035,0,0,1,5.331,43.484a94.9,94.9,0,0,0,7.783-20.435A95.747,95.747,0,0,0,16,2.314V0l.039,122v0Z'/%3E%3C/svg%3E");
}
@supports (color: color-mix(in lab, red, red)) {
  .enigma .side-menu ul.scrollable > li > .side-menu__link.side-menu__link--active::after {
    background-color: color-mix(in oklch, var(--color-background), var(--color-foreground) 2%);
  }
}
.enigma .side-menu ul.scrollable > li > .side-menu__link:hover:not(.side-menu__link--active) {
  background: var(--color-background);
}
@supports (color: color-mix(in lab, red, red)) {
  .enigma .side-menu ul.scrollable > li > .side-menu__link:hover:not(.side-menu__link--active) {
    background: color-mix(in oklch, var(--color-background), transparent 50%);
  }
}
.enigma .side-menu ul.scrollable > li ul {
  padding: 0.25rem 0;
  background: var(--color-background);
  border-radius: 1rem;
  border: 1px solid var(--color-foreground);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-bottom: 0.5rem;
}
@supports (color: color-mix(in lab, red, red)) {
  .enigma .side-menu ul.scrollable > li ul {
    background: color-mix(in oklch, var(--color-background), transparent 50%);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .enigma .side-menu ul.scrollable > li ul {
    border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 90%);
  }
}
.enigma .side-menu ul.scrollable > li ul .side-menu__link {
  margin-bottom: 0;
}
.enigma .side-menu ul.scrollable > li ul ul {
  margin: 0 -1px;
}
.dark .side-menu .side-menu__group-label {
  opacity: 0.3;
}
.dark .side-menu .side-menu__link .side-menu__link__icon {
  --color: var(--color-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark .side-menu .side-menu__link .side-menu__link__icon {
    --color: color-mix(in oklab, var(--color-foreground) 70%, transparent);
  }
}
.dark .side-menu .side-menu__link .side-menu__link__title {
  color: var(--color-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark .side-menu .side-menu__link .side-menu__link__title {
    color: color-mix(in oklab, var(--color-foreground) 70%, transparent);
  }
}
.dark .side-menu .side-menu__link .side-menu__link__badge {
  --color-primary: var(--color-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark .side-menu .side-menu__link .side-menu__link__badge {
    --color-primary: color-mix(in oklab, var(--color-foreground) 70%, transparent);
  }
}
.dark .side-menu .side-menu__link.side-menu__link--active .side-menu__link__title {
  color: var(--color-foreground);
}
.dark .side-menu ul.scrollable > li > .side-menu__link.side-menu__link--active {
  background: var(--color-background);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark .side-menu ul.scrollable > li > .side-menu__link.side-menu__link--active {
    background: color-mix(in oklch, var(--color-background), white 14%);
  }
}
.dark .side-menu ul.scrollable > li > .side-menu__link.side-menu__link--active::before {
  background-color: var(--color-foreground);
}
.dark .side-menu ul.scrollable > li > .side-menu__link.side-menu__link--active::after {
  background-color: var(--color-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark .side-menu ul.scrollable > li > .side-menu__link.side-menu__link--active::after {
    background-color: color-mix(in oklch, var(--color-foreground), black 84%);
  }
}
.dark .side-menu ul.scrollable > li > .side-menu__link:hover:not(.side-menu__link--active) {
  background: var(--color-background);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark .side-menu ul.scrollable > li > .side-menu__link:hover:not(.side-menu__link--active) {
    background: color-mix(in oklch, var(--color-background), white 14%);
  }
}
.dark .side-menu ul.scrollable > li ul {
  background: var(--color-background);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark .side-menu ul.scrollable > li ul {
    background: color-mix(in oklch, var(--color-background), white 10%);
  }
}
/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */

/* src/assets/scss/vendors/simplebar.css */
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}
.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  inset: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}
.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  inset: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.simplebar-content::before,
.simplebar-content::after {
  content: " ";
  display: table;
}
.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}
.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}
[data-simplebar].simplebar-dragging,
[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}
.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}
.simplebar-scrollbar::before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}
.simplebar-scrollbar.simplebar-visible::before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}
.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}
.simplebar-scrollbar::before {
  inset: 2px;
}
.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  inset: 0 auto 0 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}
.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}
.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}
.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */

/* src/assets/scss/vendors/app.css */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-orange-800: oklch(47% 0.157 37.304deg);
    --color-yellow-800: oklch(47.6% 0.114 61.907deg);
    --color-green-800: oklch(44.8% 0.119 151.328deg);
    --color-cyan-800: oklch(45% 0.085 224.283deg);
    --color-sky-800: oklch(44.3% 0.11 240.79deg);
    --color-blue-900: oklch(37.9% 0.146 265.522deg);
    --color-blue-950: oklch(28.2% 0.091 267.935deg);
    --color-indigo-900: oklch(35.9% 0.144 278.697deg);
    --color-rose-800: oklch(45.5% 0.188 13.697deg);
    --color-slate-50: oklch(98.4% 0.003 247.858deg);
    --color-slate-300: oklch(86.9% 0.022 252.894deg);
    --color-slate-500: oklch(55.4% 0.046 257.417deg);
    --color-slate-700: oklch(37.2% 0.044 257.287deg);
    --color-slate-800: oklch(27.9% 0.041 260.031deg);
    --color-gray-300: oklch(87.2% 0.01 258.338deg);
    --color-gray-900: oklch(21% 0.034 264.665deg);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.2;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
    --font-display:
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      Roboto,
      Helvetica,
      Arial,
      sans-serif;
    --color-primary: var(--color-blue-900);
    --color-success: var(--color-green-800);
    --color-danger: var(--color-rose-800);
    --color-pending: var(--color-orange-800);
    --color-warning: var(--color-yellow-800);
    --color-background: var(--color-slate-50);
    --color-foreground: var(--color-slate-700);
    --background-image-accent: url("./media/accent.svg");
    --background-image-noise: url("./media/noise.png");
    --background-image-chevron-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down"><path d="m6 9 6 6 6-6"/></svg>');
    --background-image-chevron-light: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down"><path d="m6 9 6 6 6-6"/></svg>');
    --background-image-chevron: var(--background-image-chevron-dark);
    --background-image-empty-directory: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='786' height='786' viewBox='0 0 786 786'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_2' data-name='Group 2' transform='translate(-567 -93)'%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='418' height='681' rx='40' transform='translate(896 109)' fill='%2395a5b9'/%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='433' height='681' rx='40' transform='translate(606 93)' fill='%23a0aec0'/%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='786' height='721' rx='40' transform='translate(567 158)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E");
    --background-image-directory: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='786' height='786' viewBox='0 0 786 786'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_3' data-name='Group 3' transform='translate(-567 -93)'%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='418' height='681' rx='40' transform='translate(896 109)' fill='%2395a5b9'/%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='433' height='681' rx='40' transform='translate(606 93)' fill='%23a0aec0'/%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='742' height='734' rx='40' transform='translate(590 145)' fill='%23bec8d9'/%3E%3Crect id='Rectangle_5' data-name='Rectangle 5' width='786' height='692' rx='40' transform='translate(567 187)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
    --background-image-file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='628.027' height='786.012' viewBox='0 0 628.027 786.012'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_5' data-name='Group 5' transform='translate(-646 -92.988)'%3E%3Cpath id='Union_2' data-name='Union 2' d='M40,786A40,40,0,0,1,0,746V40A40,40,0,0,1,40,0H501V103h29v24h98V746a40,40,0,0,1-40,40Z' transform='translate(646 93)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Intersection_2' data-name='Intersection 2' d='M.409,162.042l.058-109.9c31.605,29.739,125.37,125.377,125.37,125.377l-109.976.049A20.025,20.025,0,0,1,.409,162.042Z' transform='translate(1147 42)' fill='%23bec8d9' stroke='%23bec8d9' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    tab-size: 4;
    font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  body {
    line-height: inherit;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
    color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    ::placeholder {
      color: color-mix(in oklab, currentColor 50%, transparent);
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: auto;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-\[100\%\] {
    left: 100%;
  }
  .z-0 {
    z-index: 0;
  }
  .z-4 {
    z-index: 4;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-60 {
    z-index: 60;
  }
  .z-\[51\] {
    z-index: 51;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .z-\[999\] {
    z-index: 999;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-5 {
    grid-column: span 5 / span 5;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-8 {
    grid-column: span 8 / span 8;
  }
  .col-span-10 {
    grid-column: span 10 / span 10;
  }
  .col-span-11 {
    grid-column: span 11 / span 11;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .float-left {
    float: left;
  }
  .float-right {
    float: right;
  }
  .clear-both {
    clear: both;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-5 {
    margin: calc(var(--spacing) * 5);
  }
  .m-auto {
    margin: auto;
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }
  .-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mx-px {
    margin-inline: 1px;
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-10 {
    margin-block: calc(var(--spacing) * 10);
  }
  .my-20 {
    margin-block: calc(var(--spacing) * 20);
  }
  .my-auto {
    margin-block: auto;
  }
  .my-px {
    margin-block: 1px;
  }
  .-ms-4 {
    margin-inline-start: calc(var(--spacing) * -4);
  }
  .-ms-5 {
    margin-inline-start: calc(var(--spacing) * -5);
  }
  .ms-0\.5 {
    margin-inline-start: calc(var(--spacing) * 0.5);
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
  }
  .ms-4 {
    margin-inline-start: calc(var(--spacing) * 4);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .me-1 {
    margin-inline-end: calc(var(--spacing) * 1);
  }
  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  .me-3 {
    margin-inline-end: calc(var(--spacing) * 3);
  }
  .me-4 {
    margin-inline-end: calc(var(--spacing) * 4);
  }
  .me-5 {
    margin-inline-end: calc(var(--spacing) * 5);
  }
  .me-auto {
    margin-inline-end: auto;
  }
  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
    --tw-prose-body: oklch(37.3% 0.034 259.733deg);
    --tw-prose-headings: oklch(21% 0.034 264.665deg);
    --tw-prose-lead: oklch(44.6% 0.03 256.802deg);
    --tw-prose-links: oklch(21% 0.034 264.665deg);
    --tw-prose-bold: oklch(21% 0.034 264.665deg);
    --tw-prose-counters: oklch(55.1% 0.027 264.364deg);
    --tw-prose-bullets: oklch(87.2% 0.01 258.338deg);
    --tw-prose-hr: oklch(92.8% 0.006 264.531deg);
    --tw-prose-quotes: oklch(21% 0.034 264.665deg);
    --tw-prose-quote-borders: oklch(92.8% 0.006 264.531deg);
    --tw-prose-captions: oklch(55.1% 0.027 264.364deg);
    --tw-prose-kbd: oklch(21% 0.034 264.665deg);
    --tw-prose-kbd-shadows: NaN NaN NaN;
    --tw-prose-code: oklch(21% 0.034 264.665deg);
    --tw-prose-pre-code: oklch(92.8% 0.006 264.531deg);
    --tw-prose-pre-bg: oklch(27.8% 0.033 256.848deg);
    --tw-prose-th-borders: oklch(87.2% 0.01 258.338deg);
    --tw-prose-td-borders: oklch(92.8% 0.006 264.531deg);
    --tw-prose-invert-body: oklch(87.2% 0.01 258.338deg);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% 0.022 261.325deg);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% 0.022 261.325deg);
    --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802deg);
    --tw-prose-invert-hr: oklch(37.3% 0.034 259.733deg);
    --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542deg);
    --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733deg);
    --tw-prose-invert-captions: oklch(70.7% 0.022 261.325deg);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338deg);
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802deg);
    --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733deg);
    font-size: 1rem;
    line-height: 1.75;
  }
  .prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  .prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }
  .prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500;
  }
  .prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
  }
  .prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
  }
  .prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
  }
  .prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
  }
  .prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
  }
  .prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha;
  }
  .prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha;
  }
  .prose :where(ol[type="A s"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha;
  }
  .prose :where(ol[type="a s"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha;
  }
  .prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman;
  }
  .prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman;
  }
  .prose :where(ol[type="I s"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman;
  }
  .prose :where(ol[type="i s"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman;
  }
  .prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal;
  }
  .prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
  }
  .prose :where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters);
  }
  .prose :where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets);
  }
  .prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em;
  }
  .prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1;
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-inline-start-width: 0.25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "\201c" "\201d" "\2018" "\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
  }
  .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::before {
    content: open-quote;
  }
  .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::after {
    content: close-quote;
  }
  .prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
  }
  .prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 900;
    color: inherit;
  }
  .prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
  }
  .prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 800;
    color: inherit;
  }
  .prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
  }
  .prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 700;
    color: inherit;
  }
  .prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
  }
  .prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 700;
    color: inherit;
  }
  .prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 500;
    font-family: inherit;
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);
    font-size: 0.875em;
    border-radius: 0.3125rem;
    padding-top: 0.1875em;
    padding-inline-end: 0.375em;
    padding-bottom: 0.1875em;
    padding-inline-start: 0.375em;
  }
  .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: 0.875em;
  }
  .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
    content: "`";
  }
  .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
    content: "`";
  }
  .prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
  }
  .prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
  }
  .prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: 0.875em;
  }
  .prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: 0.9em;
  }
  .prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
  }
  .prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
  }
  .prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
  }
  .prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: 0.875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: 0.375rem;
    padding-top: 0.8571429em;
    padding-inline-end: 1.1428571em;
    padding-bottom: 0.8571429em;
    padding-inline-start: 1.1428571em;
  }
  .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
  }
  .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
    content: none;
  }
  .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
    content: none;
  }
  .prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
    width: 100%;
    table-layout: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.875em;
    line-height: 1.7142857;
  }
  .prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }
  .prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
  }
  .prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
  }
  .prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 0;
  }
  .prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: baseline;
  }
  .prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }
  .prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: top;
  }
  .prose :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    text-align: start;
  }
  .prose :where(figure > *):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }
  .prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: 0.875em;
    line-height: 1.4285714;
    margin-top: 0.8571429em;
  }
  .prose :where(picture > img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }
  .prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .prose :where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0.375em;
  }
  .prose :where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0.375em;
  }
  .prose :where(.prose > ul > li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  .prose :where(.prose > ul > li > p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em;
  }
  .prose :where(.prose > ul > li > p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em;
  }
  .prose :where(.prose > ol > li > p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em;
  }
  .prose :where(.prose > ol > li > p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em;
  }
  .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  .prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  .prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0.5em;
    padding-inline-start: 1.625em;
  }
  .prose :where(hr + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
  }
  .prose :where(h2 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
  }
  .prose :where(h3 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
  }
  .prose :where(h4 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
  }
  .prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0;
  }
  .prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0;
  }
  .prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-top: 0.5714286em;
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
  }
  .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0;
  }
  .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0;
  }
  .prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .prose :where(.prose > :first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
  }
  .prose :where(.prose > :last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0;
  }
  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -0.5);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }
  .-mt-3\.5 {
    margin-top: calc(var(--spacing) * -3.5);
  }
  .-mt-5 {
    margin-top: calc(var(--spacing) * -5);
  }
  .-mt-8 {
    margin-top: calc(var(--spacing) * -8);
  }
  .-mt-12 {
    margin-top: calc(var(--spacing) * -12);
  }
  .-mt-16 {
    margin-top: calc(var(--spacing) * -16);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .-mr-0\.5 {
    margin-right: calc(var(--spacing) * -0.5);
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .-mr-2 {
    margin-right: calc(var(--spacing) * -2);
  }
  .-mr-3 {
    margin-right: calc(var(--spacing) * -3);
  }
  .-mr-7 {
    margin-right: calc(var(--spacing) * -7);
  }
  .-mr-12 {
    margin-right: calc(var(--spacing) * -12);
  }
  .-mr-16 {
    margin-right: calc(var(--spacing) * -16);
  }
  .mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
  .mr-0\.5 {
    margin-right: calc(var(--spacing) * 0.5);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }
  .mr-6 {
    margin-right: calc(var(--spacing) * 6);
  }
  .mr-40 {
    margin-right: calc(var(--spacing) * 40);
  }
  .mr-auto {
    margin-right: auto;
  }
  .mr-px {
    margin-right: 1px;
  }
  .-mb-1\.5 {
    margin-bottom: calc(var(--spacing) * -1.5);
  }
  .-mb-6 {
    margin-bottom: calc(var(--spacing) * -6);
  }
  .-mb-7 {
    margin-bottom: calc(var(--spacing) * -7);
  }
  .-mb-10 {
    margin-bottom: calc(var(--spacing) * -10);
  }
  .-mb-12 {
    margin-bottom: calc(var(--spacing) * -12);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-11 {
    margin-bottom: calc(var(--spacing) * 11);
  }
  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }
  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }
  .-ml-2\.5 {
    margin-left: calc(var(--spacing) * -2.5);
  }
  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }
  .-ml-5 {
    margin-left: calc(var(--spacing) * -5);
  }
  .-ml-16 {
    margin-left: calc(var(--spacing) * -16);
  }
  .-ml-\[150px\] {
    margin-left: -150px;
  }
  .-ml-\[155px\] {
    margin-left: -155px;
  }
  .-ml-\[165px\] {
    margin-left: -165px;
  }
  .-ml-\[275px\] {
    margin-left: -275px;
  }
  .-ml-\[300px\] {
    margin-left: -300px;
  }
  .-ml-\[320px\] {
    margin-left: -320px;
  }
  .-ml-px {
    margin-left: -1px;
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-3\.5 {
    margin-left: calc(var(--spacing) * 3.5);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .ml-32 {
    margin-left: calc(var(--spacing) * 32);
  }
  .ml-\[275px\] {
    margin-left: 275px;
  }
  .ml-\[300px\] {
    margin-left: 300px;
  }
  .ml-\[320px\] {
    margin-left: 320px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .ml-px {
    margin-left: 1px;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .size-24 {
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
  }
  .size-\[34px\] {
    width: 34px;
    height: 34px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-18 {
    height: calc(var(--spacing) * 18);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-36 {
    height: calc(var(--spacing) * 36);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-52 {
    height: calc(var(--spacing) * 52);
  }
  .h-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-\[16px\] {
    height: 16px;
  }
  .h-\[29rem\] {
    height: 29rem;
  }
  .h-\[30\%\] {
    height: 30%;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[46rem\] {
    height: 46rem;
  }
  .h-\[51px\] {
    height: 51px;
  }
  .h-\[55px\] {
    height: 55px;
  }
  .h-\[58px\] {
    height: 58px;
  }
  .h-\[65px\] {
    height: 65px;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-\[75\%\] {
    height: 75%;
  }
  .h-\[75px\] {
    height: 75px;
  }
  .h-\[90px\] {
    height: 90px;
  }
  .h-\[110px\] {
    height: 110px;
  }
  .h-\[120\%\] {
    height: 120%;
  }
  .h-\[192px\] {
    height: 192px;
  }
  .h-\[208px\] {
    height: 208px;
  }
  .h-\[212px\] {
    height: 212px;
  }
  .h-\[213px\] {
    height: 213px;
  }
  .h-\[250px\] {
    height: 250px;
  }
  .h-\[270px\] {
    height: 270px;
  }
  .h-\[275px\] {
    height: 275px;
  }
  .h-\[310px\] {
    height: 310px;
  }
  .h-\[320px\] {
    height: 320px;
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-\[420px\] {
    height: 420px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }
  .min-h-\[500px\] {
    min-height: 500px;
  }
  .min-h-auto {
    min-height: auto;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-14 {
    width: calc(var(--spacing) * 14) !important;
  }
  .w-1\/2 {
    width: 50%;
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\/4 {
    width: 50%;
  }
  .w-2\/5 {
    width: 40%;
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\/4 {
    width: 75%;
  }
  .w-3\/5 {
    width: calc(3 / 5 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\/6 {
    width: calc(5 / 6 * 100%);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-54 {
    width: calc(var(--spacing) * 54);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-\[16px\] {
    width: 16px;
  }
  .w-\[20\%\] {
    width: 20%;
  }
  .w-\[21\%\] {
    width: 21%;
  }
  .w-\[26rem\] {
    width: 26rem;
  }
  .w-\[30rem\] {
    width: 30rem;
  }
  .w-\[90px\] {
    width: 90px;
  }
  .w-\[275px\] {
    width: 275px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[320px\] {
    width: 320px;
  }
  .w-\[450px\] {
    width: 450px;
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-\[50\%\] {
    max-width: 50%;
  }
  .max-w-\[90\%\] {
    max-width: 90%;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-\[6rem\] {
    min-width: 6rem;
  }
  .min-w-full {
    min-width: 100%;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .grow {
    flex-grow: 1;
  }
  .caption-bottom {
    caption-side: bottom;
  }
  .border-separate {
    border-collapse: separate;
  }
  .border-spacing-y-\[10px\] {
    --tw-border-spacing-y: 10px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .scale-125 {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-rotate-45 {
    rotate: -45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-flow-col {
    grid-auto-flow: column;
  }
  .grid-flow-row {
    grid-auto-flow: row;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-content-between {
    place-content: space-between;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .space-y-3 :where(> :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  .space-y-5 :where(> :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
  .space-y-7 :where(> :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
  }
  .space-y-8 :where(> :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }
  .space-x-2 :where(> :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .gap-y-7 {
    row-gap: calc(var(--spacing) * 7);
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .gap-y-9 {
    row-gap: calc(var(--spacing) * 9);
  }
  .divide-x-1 :where(> :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }
  :is(.divide-y, .divide-y-1) :where(> :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  .divide-solid :where(> :not(:last-child)) {
    --tw-border-style: solid;
    border-style: solid;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .\!rounded-xl {
    border-radius: var(--radius-xl) !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .rounded-s-lg {
    border-start-start-radius: var(--radius-lg);
    border-end-start-radius: var(--radius-lg);
  }
  .rounded-s-none {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .rounded-e-lg {
    border-start-end-radius: var(--radius-lg);
    border-end-end-radius: var(--radius-lg);
  }
  .rounded-e-none {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-l-full {
    border-top-left-radius: calc(infinity * 1px);
    border-bottom-left-radius: calc(infinity * 1px);
  }
  .rounded-l-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-l-xl {
    border-top-left-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .rounded-tl-lg {
    border-top-left-radius: var(--radius-lg);
  }
  .rounded-r-lg {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }
  .rounded-r-xl {
    border-top-right-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-5 {
    border-style: var(--tw-border-style);
    border-width: 5px;
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-s-0 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }
  .border-e-0 {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .\!border-dashed {
    --tw-border-style: dashed !important;
    border-style: dashed !important;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .\!border-foreground\/30 {
    border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 30%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!border-foreground\/30 {
      border-color: color-mix(in oklab, var(--color-foreground) 30%, transparent) !important;
    }
  }
  .border-\(--color\) {
    border-color: var(--color);
  }
  .border-\(--color\)\/5 {
    border-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\(--color\)\/5 {
      border-color: color-mix(in oklab, var(--color) 5%, transparent);
    }
  }
  .border-\(--color\)\/10 {
    border-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\(--color\)\/10 {
      border-color: color-mix(in oklab, var(--color) 10%, transparent);
    }
  }
  .border-\(--color\)\/15 {
    border-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\(--color\)\/15 {
      border-color: color-mix(in oklab, var(--color) 15%, transparent);
    }
  }
  .border-\(--color\)\/20 {
    border-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\(--color\)\/20 {
      border-color: color-mix(in oklab, var(--color) 20%, transparent);
    }
  }
  .border-\(--color\)\/30 {
    border-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\(--color\)\/30 {
      border-color: color-mix(in oklab, var(--color) 30%, transparent);
    }
  }
  .border-\(--color\)\/40 {
    border-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\(--color\)\/40 {
      border-color: color-mix(in oklab, var(--color) 40%, transparent);
    }
  }
  .border-\(--color\)\/50 {
    border-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\(--color\)\/50 {
      border-color: color-mix(in oklab, var(--color) 50%, transparent);
    }
  }
  .border-\(--color\)\/60 {
    border-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\(--color\)\/60 {
      border-color: color-mix(in oklab, var(--color) 60%, transparent);
    }
  }
  .border-\(--color\)\/\[\.08\] {
    border-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\(--color\)\/\[\.08\] {
      border-color: color-mix(in oklab, var(--color) 8%, transparent);
    }
  }
  .border-\(--color-nav-foreground\)\/20 {
    border-color: var(--color-nav-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\(--color-nav-foreground\)\/20 {
      border-color: color-mix(in oklab, var(--color-nav-foreground) 20%, transparent);
    }
  }
  .border-\(--color-nav-foreground\)\/30 {
    border-color: var(--color-nav-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\(--color-nav-foreground\)\/30 {
      border-color: color-mix(in oklab, var(--color-nav-foreground) 30%, transparent);
    }
  }
  .border-\(--color-pending\) {
    border-color: var(--color-pending);
  }
  .border-background {
    border-color: var(--color-background);
  }
  .border-background\/20 {
    border-color: color-mix(in srgb, oklch(98.4% 0.003 247.858deg) 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-background\/20 {
      border-color: color-mix(in oklab, var(--color-background) 20%, transparent);
    }
  }
  .border-background\/70 {
    border-color: color-mix(in srgb, oklch(98.4% 0.003 247.858deg) 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-background\/70 {
      border-color: color-mix(in oklab, var(--color-background) 70%, transparent);
    }
  }
  .border-foreground\/10 {
    border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/10 {
      border-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
  }
  .border-foreground\/20 {
    border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/20 {
      border-color: color-mix(in oklab, var(--color-foreground) 20%, transparent);
    }
  }
  .border-foreground\/70 {
    border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/70 {
      border-color: color-mix(in oklab, var(--color-foreground) 70%, transparent);
    }
  }
  .border-foreground\/\[\.11\] {
    border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 11%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/\[\.11\] {
      border-color: color-mix(in oklab, var(--color-foreground) 11%, transparent);
    }
  }
  .border-inherit {
    border-color: inherit;
  }
  .border-primary\/10 {
    border-color: color-mix(in srgb, oklch(37.9% 0.146 265.522deg) 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/10 {
      border-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .border-primary\/20 {
    border-color: color-mix(in srgb, oklch(37.9% 0.146 265.522deg) 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/20 {
      border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .bg-\(--color\) {
    background-color: var(--color);
  }
  .bg-\(--color\)\/5 {
    background-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--color\)\/5 {
      background-color: color-mix(in oklab, var(--color) 5%, transparent);
    }
  }
  .bg-\(--color\)\/10 {
    background-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--color\)\/10 {
      background-color: color-mix(in oklab, var(--color) 10%, transparent);
    }
  }
  .bg-\(--color\)\/20 {
    background-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--color\)\/20 {
      background-color: color-mix(in oklab, var(--color) 20%, transparent);
    }
  }
  .bg-\(--color\)\/70 {
    background-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--color\)\/70 {
      background-color: color-mix(in oklab, var(--color) 70%, transparent);
    }
  }
  .bg-\(--color\)\/80 {
    background-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--color\)\/80 {
      background-color: color-mix(in oklab, var(--color) 80%, transparent);
    }
  }
  .bg-\(--color\)\/\[\.03\] {
    background-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--color\)\/\[\.03\] {
      background-color: color-mix(in oklab, var(--color) 3%, transparent);
    }
  }
  .bg-\(--color-nav-foreground\)\/10 {
    background-color: var(--color-nav-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--color-nav-foreground\)\/10 {
      background-color: color-mix(in oklab, var(--color-nav-foreground) 10%, transparent);
    }
  }
  .bg-\(--color-pending\)\/70 {
    background-color: color-mix(in srgb, oklch(47% 0.157 37.304deg) 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--color-pending\)\/70 {
      background-color: color-mix(in oklab, var(--color-pending) 70%, transparent);
    }
  }
  .bg-\[color-mix\(in_oklch\,_var\(--color-background\)\,_var\(--color-foreground\)_3\%\)\] {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858deg), oklch(37.2% 0.044 257.287deg) 3%);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklch\,_var\(--color-background\)\,_var\(--color-foreground\)_3\%\)\] {
      background-color: color-mix(in oklch, var(--color-background), var(--color-foreground) 3%);
    }
  }
  .bg-background {
    background-color: var(--color-background);
  }
  .bg-background\/10 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858deg) 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/10 {
      background-color: color-mix(in oklab, var(--color-background) 10%, transparent);
    }
  }
  .bg-background\/80 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858deg) 80%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/80 {
      background-color: color-mix(in oklab, var(--color-background) 80%, transparent);
    }
  }
  .bg-black\/60 {
    background-color: color-mix(in srgb, #000 60%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .bg-foreground {
    background-color: var(--color-foreground);
  }
  .bg-foreground\/5 {
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 5%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/5 {
      background-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);
    }
  }
  .bg-foreground\/10 {
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/10 {
      background-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
  }
  .bg-foreground\/15 {
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 15%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/15 {
      background-color: color-mix(in oklab, var(--color-foreground) 15%, transparent);
    }
  }
  .bg-foreground\/\[\.02\] {
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 2%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/\[\.02\] {
      background-color: color-mix(in oklab, var(--color-foreground) 2%, transparent);
    }
  }
  .bg-foreground\/\[\.03\] {
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 3%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/\[\.03\] {
      background-color: color-mix(in oklab, var(--color-foreground) 3%, transparent);
    }
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary\/10 {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522deg) 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .bg-primary\/\[\.01\] {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522deg) 1%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/\[\.01\] {
      background-color: color-mix(in oklab, var(--color-primary) 1%, transparent);
    }
  }
  .bg-primary\/\[\.05\] {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522deg) 5%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/\[\.05\] {
      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
    }
  }
  .bg-success\/90 {
    background-color: color-mix(in srgb, oklch(44.8% 0.119 151.328deg) 90%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/90 {
      background-color: color-mix(in oklab, var(--color-success) 90%, transparent);
    }
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white\/20 {
    background-color: color-mix(in srgb, #fff 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\(image\:--background-image-chevron\) {
    background-image: var(--background-image-chevron);
  }
  .bg-directory {
    background-image: var(--background-image-directory);
  }
  .bg-empty-directory {
    background-image: var(--background-image-empty-directory);
  }
  .bg-file {
    background-image: var(--background-image-file);
  }
  .bg-noise {
    background-image: var(--background-image-noise);
  }
  .bg-\[size\:theme\(spacing\.5\)\] {
    background-size: 1.25rem;
  }
  .bg-contain {
    background-size: contain;
  }
  .bg-\[position\:calc\(100\%-theme\(spacing\.3\)\)_center\] {
    background-position: calc(100% - 0.75rem) center;
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .fill-\(--color\)\/10 {
    fill: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-\(--color\)\/10 {
      fill: color-mix(in oklab, var(--color) 10%, transparent);
    }
  }
  .fill-\(--color\)\/25 {
    fill: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-\(--color\)\/25 {
      fill: color-mix(in oklab, var(--color) 25%, transparent);
    }
  }
  .fill-current {
    fill: currentcolor;
  }
  .fill-foreground\/20 {
    fill: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-foreground\/20 {
      fill: color-mix(in oklab, var(--color-foreground) 20%, transparent);
    }
  }
  .fill-pending\/30 {
    fill: color-mix(in srgb, oklch(47% 0.157 37.304deg) 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-pending\/30 {
      fill: color-mix(in oklab, var(--color-pending) 30%, transparent);
    }
  }
  .stroke-\(--color\) {
    stroke: var(--color);
  }
  .stroke-1 {
    stroke-width: 1;
  }
  .stroke-\[\.8\] {
    stroke-width: 0.8;
  }
  .stroke-\[1\.5\] {
    stroke-width: 1.5;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-14 {
    padding: calc(var(--spacing) * 14);
  }
  .p-px {
    padding: 1px;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-px {
    padding-block: 1px;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-26 {
    padding-top: calc(var(--spacing) * 26);
  }
  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }
  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pr-7 {
    padding-right: calc(var(--spacing) * 7);
  }
  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-11 {
    padding-right: calc(var(--spacing) * 11);
  }
  .pr-14 {
    padding-right: calc(var(--spacing) * 14);
  }
  .pr-19 {
    padding-right: calc(var(--spacing) * 19);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-\[7\.5rem\] {
    padding-bottom: 7.5rem;
  }
  .pl-0\.5 {
    padding-left: calc(var(--spacing) * 0.5);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }
  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .pl-16 {
    padding-left: calc(var(--spacing) * 16);
  }
  .text-center {
    text-align: center;
  }
  .text-justify {
    text-align: justify;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .indent-8 {
    text-indent: calc(var(--spacing) * 8);
  }
  .indent-10 {
    text-indent: calc(var(--spacing) * 10);
  }
  .align-middle {
    vertical-align: middle;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-9xl {
    font-size: var(--text-9xl);
    line-height: var(--tw-leading, var(--text-9xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-extralight {
    --tw-font-weight: var(--font-weight-extralight);
    font-weight: var(--font-weight-extralight);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-thin {
    --tw-font-weight: var(--font-weight-thin);
    font-weight: var(--font-weight-thin);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\(--color\) {
    color: var(--color);
  }
  .text-\(--color\)\/70 {
    color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-\(--color\)\/70 {
      color: color-mix(in oklab, var(--color) 70%, transparent);
    }
  }
  .text-\(--color-base\) {
    color: var(--color-base);
  }
  .text-\(--color-nav-foreground\) {
    color: var(--color-nav-foreground);
  }
  .text-background {
    color: var(--color-background);
  }
  .text-danger {
    color: var(--color-danger);
  }
  .text-foreground {
    color: var(--color-foreground);
  }
  .text-foreground\/70 {
    color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/70 {
      color: color-mix(in oklab, var(--color-foreground) 70%, transparent);
    }
  }
  .text-foreground\/80 {
    color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 80%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/80 {
      color: color-mix(in oklab, var(--color-foreground) 80%, transparent);
    }
  }
  .text-pending {
    color: var(--color-pending);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-success {
    color: var(--color-success);
  }
  .text-warning {
    color: var(--color-warning);
  }
  .text-warning\/80 {
    color: color-mix(in srgb, oklch(47.6% 0.114 61.907deg) 80%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-warning\/80 {
      color: color-mix(in oklab, var(--color-warning) 80%, transparent);
    }
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/90 {
    color: color-mix(in srgb, #fff 90%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/90 {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-\(--color\)\/70 {
    text-decoration-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .decoration-\(--color\)\/70 {
      text-decoration-color: color-mix(in oklab, var(--color) 70%, transparent);
    }
  }
  .decoration-foreground\/50 {
    text-decoration-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .decoration-foreground\/50 {
      text-decoration-color: color-mix(in oklab, var(--color-foreground) 50%, transparent);
    }
  }
  .decoration-dotted {
    text-decoration-style: dotted;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-3 {
    text-underline-offset: 3px;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-\[0px_0px_0px_2px_\#fff\,_1px_1px_5px_rgba\(0\,0\,0\,0\.32\)\] {
    --tw-shadow: 0px 0px 0px 2px var(--tw-shadow-color, #fff), 1px 1px 5px var(--tw-shadow-color, rgb(0, 0, 0, 0.32));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-\[3px_3px_5px_\#0000000b\] {
    --tw-shadow: 3px 3px 5px var(--tw-shadow-color, #0000000b);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-black\/10 {
    --tw-shadow-color: color-mix(in srgb, #000 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/10 {
      --tw-shadow-color: color-mix( in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent );
    }
  }
  .shadow-foreground\/5 {
    --tw-shadow-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 5%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-foreground\/5 {
      --tw-shadow-color: color-mix( in oklab, color-mix(in oklab, var(--color-foreground) 5%, transparent) var(--tw-shadow-alpha), transparent );
    }
  }
  .ring-\(--color\)\/25 {
    --tw-ring-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-\(--color\)\/25 {
      --tw-ring-color: color-mix(in oklab, var(--color) 25%, transparent);
    }
  }
  .ring-\(--color\)\/40 {
    --tw-ring-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-\(--color\)\/40 {
      --tw-ring-color: color-mix(in oklab, var(--color) 40%, transparent);
    }
  }
  .ring-foreground\/10 {
    --tw-ring-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
  }
  .ring-foreground\/15 {
    --tw-ring-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 15%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/15 {
      --tw-ring-color: color-mix(in oklab, var(--color-foreground) 15%, transparent);
    }
  }
  .ring-foreground\/70 {
    --tw-ring-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/70 {
      --tw-ring-color: color-mix(in oklab, var(--color-foreground) 70%, transparent);
    }
  }
  .ring-transparent {
    --tw-ring-color: transparent;
  }
  .inset-ring-\(--color\) {
    --tw-inset-ring-color: var(--color);
  }
  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-4 {
    --tw-ring-offset-width: 4px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-background {
    --tw-ring-offset-color: var(--color-background);
  }
  .ring-offset-transparent {
    --tw-ring-offset-color: transparent;
  }
  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      visibility,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[margin\,width\] {
    transition-property: margin, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[margin-top\,transform\] {
    transition-property: margin-top, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[margin\] {
    transition-property: margin;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-width\] {
    transition-property: max-width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[visibility\,opacity\] {
    transition-property: visibility, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property:
      transform,
      translate,
      scale,
      rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-100 {
    --tw-duration: 0.1s;
    transition-duration: 0.1s;
  }
  .duration-200 {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .duration-300 {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .duration-\[0\.4s\,0\.3s\] {
    --tw-duration: 0.4s, 0.3s;
    transition-duration: 0.4s, 0.3s;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    user-select: none;
  }
  .\!\[--color\:--alpha\(var\(--color-danger\)\/80\%\)\] {
    --color: color-mix(in srgb, oklch(45.5% 0.188 13.697deg) 80%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!\[--color\:--alpha\(var\(--color-danger\)\/80\%\)\] {
      --color: color-mix(in oklab, var(--color-danger) 80%, transparent) !important;
    }
  }
  .\!\[--color\:--alpha\(var\(--color-foreground\)\/80\%\)\] {
    --color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 80%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!\[--color\:--alpha\(var\(--color-foreground\)\/80\%\)\] {
      --color: color-mix(in oklab, var(--color-foreground) 80%, transparent) !important;
    }
  }
  .\!\[--color\:--alpha\(var\(--color-pending\)\/80\%\)\] {
    --color: color-mix(in srgb, oklch(47% 0.157 37.304deg) 80%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!\[--color\:--alpha\(var\(--color-pending\)\/80\%\)\] {
      --color: color-mix(in oklab, var(--color-pending) 80%, transparent) !important;
    }
  }
  .\!\[--color\:--alpha\(var\(--color-primary\)\/80\%\)\] {
    --color: color-mix(in srgb, oklch(37.9% 0.146 265.522deg) 80%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!\[--color\:--alpha\(var\(--color-primary\)\/80\%\)\] {
      --color: color-mix(in oklab, var(--color-primary) 80%, transparent) !important;
    }
  }
  .\!\[--color\:--alpha\(var\(--color-success\)\/80\%\)\] {
    --color: color-mix(in srgb, oklch(44.8% 0.119 151.328deg) 80%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!\[--color\:--alpha\(var\(--color-success\)\/80\%\)\] {
      --color: color-mix(in oklab, var(--color-success) 80%, transparent) !important;
    }
  }
  .\!\[--color\:--alpha\(var\(--color-warning\)\/80\%\)\] {
    --color: color-mix(in srgb, oklch(47.6% 0.114 61.907deg) 80%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!\[--color\:--alpha\(var\(--color-warning\)\/80\%\)\] {
      --color: color-mix(in oklab, var(--color-warning) 80%, transparent) !important;
    }
  }
  .\[--background-image-chevron\:var\(--background-image-chevron-light\)\] {
    --background-image-chevron: var(--background-image-chevron-light);
  }
  .\[--bg-color\:var\(--color-slate-800\)\] {
    --bg-color: var(--color-slate-800);
  }
  .\[--bg-color\:var\(--color-white\)\] {
    --bg-color: var(--color-white);
  }
  .\[--color-background-alpha\:--alpha\(var\(--color-background\)_\/_50\%\)\] {
    --color-background-alpha: color-mix(in srgb, oklch(98.4% 0.003 247.858deg) 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[--color-background-alpha\:--alpha\(var\(--color-background\)_\/_50\%\)\] {
      --color-background-alpha: color-mix(in oklab, var(--color-background) 50%, transparent);
    }
  }
  .\[--color-background\:var\(--color-background-alpha\)\] {
    --color-background: var(--color-background-alpha);
  }
  .\[--color-base\:--alpha\(var\(--color-nav-foreground\)\/70\%\)\] {
    --color-base: var(--color-nav-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[--color-base\:--alpha\(var\(--color-nav-foreground\)\/70\%\)\] {
      --color-base: color-mix(in oklab, var(--color-nav-foreground) 70%, transparent);
    }
  }
  .\[--color-base\:var\(--color-foreground\)\] {
    --color-base: var(--color-foreground);
  }
  .\[--color-link\:var\(--color-nav-foreground\)\] {
    --color-link: var(--color-nav-foreground);
  }
  .\[--color-link\:var\(--color-primary\)\] {
    --color-link: var(--color-primary);
  }
  .\[--color-nav-foreground\:var\(--color-background\)\] {
    --color-nav-foreground: var(--color-background);
  }
  .\[--color\:currentColor\] {
    --color: currentColor;
  }
  .\[--color\:var\(--color-danger\)\] {
    --color: var(--color-danger);
  }
  .\[--color\:var\(--color-foreground\)\] {
    --color: var(--color-foreground);
  }
  .\[--color\:var\(--color-foreground\)\]\/50 {
    --color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[--color\:var\(--color-foreground\)\]\/50 {
      --color: color-mix(in oklab, var(--color-foreground) 50%, transparent);
    }
  }
  .\[--color\:var\(--color-nav-foreground\)\] {
    --color: var(--color-nav-foreground);
  }
  .\[--color\:var\(--color-pending\)\] {
    --color: var(--color-pending);
  }
  .\[--color\:var\(--color-primary\)\] {
    --color: var(--color-primary);
  }
  .\[--color\:var\(--color-primary\)\]\/20 {
    --color: color-mix(in srgb, oklch(37.9% 0.146 265.522deg) 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[--color\:var\(--color-primary\)\]\/20 {
      --color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }
  .\[--color\:var\(--color-success\)\] {
    --color: var(--color-success);
  }
  .\[--color\:var\(--color-warning\)\] {
    --color: var(--color-warning);
  }
  .\[--color\:var\(--color-white\)\] {
    --color: var(--color-white);
  }
  .\[--text-color\:var\(--color-slate-800\)\] {
    --text-color: var(--color-slate-800);
  }
  .\[--text-color\:var\(--color-white\)\] {
    --text-color: var(--color-white);
  }
  .\[--value\:15\%\] {
    --value: 15%;
  }
  .\[--value\:20\%\] {
    --value: 20%;
  }
  .\[--value\:25\%\] {
    --value: 25%;
  }
  .\[--value\:35\%\] {
    --value: 35%;
  }
  .\[--value\:45\%\] {
    --value: 45%;
  }
  .\[--value\:50\%\] {
    --value: 50%;
  }
  .\[--value\:75\%\] {
    --value: 75%;
  }
  .\[-webkit-mask-composite\:_destination-in\] {
    -webkit-mask-composite: destination-in;
    mask-composite: destination-in;
  }
  .\[-webkit-mask-image\:_linear-gradient\(to_top\,_rgba\(0\,_0\,_0\,_0\)\,_black_30px\)\,_linear-gradient\(to_bottom\,_rgba\(0\,_0\,_0\,_0\)\,_black_30px\)\] {
    -webkit-mask-image:
      linear-gradient(
        to top,
        rgb(0, 0, 0, 0),
        black 30px),
      linear-gradient(
        to bottom,
        rgb(0, 0, 0, 0),
        black 30px);
    mask-image:
      linear-gradient(
        to top,
        rgb(0, 0, 0, 0),
        black 30px),
      linear-gradient(
        to bottom,
        rgb(0, 0, 0, 0),
        black 30px);
  }
  .\[text-shadow\:_3px_3px_--alpha\(var\(--color-foreground\)\/30\%\)\] {
    text-shadow: 3px 3px color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[text-shadow\:_3px_3px_--alpha\(var\(--color-foreground\)\/30\%\)\] {
      text-shadow: 3px 3px color-mix(in oklab, var(--color-foreground) 30%, transparent);
    }
  }
  .\[text-shadow\:_7px_7px_--alpha\(var\(--color-white\)_\/_20\%\)\] {
    text-shadow: 7px 7px color-mix(in srgb, #fff 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[text-shadow\:_7px_7px_--alpha\(var\(--color-white\)_\/_20\%\)\] {
      text-shadow: 7px 7px color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  @media (hover: hover) {
    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }
  }
  @media (hover: hover) {
    .group-hover\/notifications\:block:is(:where(.group\/notifications):hover *) {
      display: block;
    }
  }
  @media (hover: hover) {
    .group-hover\/profile\:block:is(:where(.group\/profile):hover *) {
      display: block;
    }
  }
  .group-\[\.accordion-item\.show\]\:rotate-180:is(:where(.group):is(.accordion-item.show) *) {
    rotate: 180deg;
  }
  .group-\[\.active\]\:bg-primary\/20:is(:where(.group):is(.active) *) {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522deg) 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-\[\.active\]\:bg-primary\/20:is(:where(.group):is(.active) *) {
      background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }
  .group-\[\.active\]\:font-medium:is(:where(.group):is(.active) *) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .group-\[\.active\]\:text-primary:is(:where(.group):is(.active) *) {
    color: var(--color-primary);
  }
  .group-\[\.active\]\:opacity-100:is(:where(.group):is(.active) *) {
    opacity: 100%;
  }
  .group-\[\.error\]\:block:is(:where(.group):is(.error) *) {
    display: block;
  }
  .group-\[\.error\]\:inset-ring:is(:where(.group):is(.error) *) {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .group-\[\.modal-static\]\:scale-\[1\.05\]:is(:where(.group):is(.modal-static) *) {
    scale: 1.05;
  }
  .group-\[\.preview-code\.copied\]\:block:is(:where(.group):is(.preview-code.copied) *) {
    display: block;
  }
  .group-\[\.preview-code\.copied\]\:hidden:is(:where(.group):is(.preview-code.copied) *) {
    display: none;
  }
  .group-\[\.scrolled\]\:rounded-2xl:is(:where(.group):is(.scrolled) *) {
    border-radius: var(--radius-2xl);
  }
  .group-\[\.scrolled\]\:border:is(:where(.group):is(.scrolled) *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .group-\[\.scrolled\]\:bg-background:is(:where(.group):is(.scrolled) *) {
    background-color: var(--color-background);
  }
  .group-\[\.scrolled\]\:px-5:is(:where(.group):is(.scrolled) *) {
    padding-inline: calc(var(--spacing) * 5);
  }
  .group-\[\.scrolled\]\:shadow-lg:is(:where(.group):is(.scrolled) *) {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .group-\[\.scrolled\]\:shadow-foreground\/5:is(:where(.group):is(.scrolled) *) {
    --tw-shadow-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 5%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-\[\.scrolled\]\:shadow-foreground\/5:is(:where(.group):is(.scrolled) *) {
      --tw-shadow-color: color-mix( in oklab, color-mix(in oklab, var(--color-foreground) 5%, transparent) var(--tw-shadow-alpha), transparent );
    }
  }
  .group-\[\.show\]\:mt-16:is(:where(.group):is(.show) *) {
    margin-top: calc(var(--spacing) * 16);
  }
  .group-\[\.show\]\:mr-0:is(:where(.group):is(.show) *) {
    margin-right: calc(var(--spacing) * 0);
  }
  .group-\[\.show\]\:block:is(:where(.group):is(.show) *) {
    display: block;
  }
  .group-\[\.side-menu--collapsed\]\:justify-center:is(:where(.group):is(.side-menu--collapsed) *) {
    justify-content: center;
  }
  .group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:ms-3:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *) {
    margin-inline-start: calc(var(--spacing) * 3);
  }
  .group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:block:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *) {
    display: block;
  }
  .group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:w-full:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *) {
    width: 100%;
  }
  .group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:opacity-100:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *) {
    opacity: 100%;
  }
  .peer-checked\:visible:is(:where(.peer):checked ~ *) {
    visibility: visible;
  }
  .peer-checked\:ml-\[1\.35rem\]:is(:where(.peer):checked ~ *) {
    margin-left: 1.35rem;
  }
  .peer-checked\:bg-foreground:is(:where(.peer):checked ~ *) {
    background-color: var(--color-foreground);
  }
  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }
  .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
    opacity: 70%;
  }
  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .file\:bg-transparent::file-selector-button {
    background-color: transparent;
  }
  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .file\:text-foreground::file-selector-button {
    color: var(--color-foreground);
  }
  .placeholder\:text-foreground\/70::placeholder {
    color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-foreground\/70::placeholder {
      color: color-mix(in oklab, var(--color-foreground) 70%, transparent);
    }
  }
  .before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:fixed::before {
    content: var(--tw-content);
    position: fixed;
  }
  .before\:inset-0::before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }
  .before\:inset-y-0::before {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }
  .before\:inset-y-4::before {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 4);
  }
  .before\:start-0::before {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .before\:top-0::before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }
  .before\:top-22::before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 22);
  }
  .before\:top-27::before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 27);
  }
  .before\:right-0::before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }
  .before\:right-4::before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 4);
  }
  .before\:bottom-0::before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }
  .before\:bottom-4::before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 4);
  }
  .before\:left-0::before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
  .before\:left-4::before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 4);
  }
  .before\:z-10::before {
    content: var(--tw-content);
    z-index: 10;
  }
  .before\:z-\[-1\]::before {
    content: var(--tw-content);
    z-index: -1;
  }
  .before\:-m-px::before {
    content: var(--tw-content);
    margin: -1px;
  }
  .before\:mx-3::before {
    content: var(--tw-content);
    margin-inline: calc(var(--spacing) * 3);
  }
  .before\:mx-10::before {
    content: var(--tw-content);
    margin-inline: calc(var(--spacing) * 10);
  }
  .before\:my-3::before {
    content: var(--tw-content);
    margin-block: calc(var(--spacing) * 3);
  }
  .before\:my-5::before {
    content: var(--tw-content);
    margin-block: calc(var(--spacing) * 5);
  }
  .before\:my-auto::before {
    content: var(--tw-content);
    margin-block: auto;
  }
  .before\:ms-5::before {
    content: var(--tw-content);
    margin-inline-start: calc(var(--spacing) * 5);
  }
  .before\:ms-11::before {
    content: var(--tw-content);
    margin-inline-start: calc(var(--spacing) * 11);
  }
  .before\:-mt-4::before {
    content: var(--tw-content);
    margin-top: calc(var(--spacing) * -4);
  }
  .before\:-mt-\[20\%\]::before {
    content: var(--tw-content);
    margin-top: -20%;
  }
  .before\:-mt-\[28\%\]::before {
    content: var(--tw-content);
    margin-top: -28%;
  }
  .before\:mt-5::before {
    content: var(--tw-content);
    margin-top: calc(var(--spacing) * 5);
  }
  .before\:mt-6::before {
    content: var(--tw-content);
    margin-top: calc(var(--spacing) * 6);
  }
  .before\:mt-23::before {
    content: var(--tw-content);
    margin-top: calc(var(--spacing) * 23);
  }
  .before\:mr-4::before {
    content: var(--tw-content);
    margin-right: calc(var(--spacing) * 4);
  }
  .before\:mr-8::before {
    content: var(--tw-content);
    margin-right: calc(var(--spacing) * 8);
  }
  .before\:-mb-3::before {
    content: var(--tw-content);
    margin-bottom: calc(var(--spacing) * -3);
  }
  .before\:-mb-\[13\%\]::before {
    content: var(--tw-content);
    margin-bottom: -13%;
  }
  .before\:-mb-\[16\%\]::before {
    content: var(--tw-content);
    margin-bottom: -16%;
  }
  .before\:mb-7::before {
    content: var(--tw-content);
    margin-bottom: calc(var(--spacing) * 7);
  }
  .before\:-ml-4::before {
    content: var(--tw-content);
    margin-left: calc(var(--spacing) * -4);
  }
  .before\:-ml-\[12\%\]::before {
    content: var(--tw-content);
    margin-left: -12%;
  }
  .before\:-ml-px::before {
    content: var(--tw-content);
    margin-left: -1px;
  }
  .before\:block::before {
    content: var(--tw-content);
    display: block;
  }
  .before\:hidden::before {
    content: var(--tw-content);
    display: none;
  }
  .before\:size-2::before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .before\:size-4::before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .before\:h-0\.5::before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0.5);
  }
  .before\:h-\[85\%\]::before {
    content: var(--tw-content);
    height: 85%;
  }
  .before\:h-full::before {
    content: var(--tw-content);
    height: 100%;
  }
  .before\:h-px::before {
    content: var(--tw-content);
    height: 1px;
  }
  .before\:w-\(--value\)::before {
    content: var(--tw-content);
    width: var(--value);
  }
  .before\:w-16::before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 16);
  }
  .before\:w-20::before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 20);
  }
  .before\:w-\[2px\]::before {
    content: var(--tw-content);
    width: 2px;
  }
  .before\:w-\[57\%\]::before {
    content: var(--tw-content);
    width: 57%;
  }
  .before\:w-\[69\%\]::before {
    content: var(--tw-content);
    width: 69%;
  }
  .before\:w-full::before {
    content: var(--tw-content);
    width: 100%;
  }
  .before\:w-px::before {
    content: var(--tw-content);
    width: 1px;
  }
  .before\:-rotate-90::before {
    content: var(--tw-content);
    rotate: -90deg;
  }
  .before\:rotate-\[-6deg\]::before {
    content: var(--tw-content);
    rotate: -6deg;
  }
  .before\:rotate-\[6deg\]::before {
    content: var(--tw-content);
    rotate: 6deg;
  }
  .before\:transform::before {
    content: var(--tw-content);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }
  .before\:rounded-2xl::before {
    content: var(--tw-content);
    border-radius: var(--radius-2xl);
  }
  .before\:rounded-3xl::before {
    content: var(--tw-content);
    border-radius: var(--radius-3xl);
  }
  .before\:rounded-4xl::before {
    content: var(--tw-content);
    border-radius: var(--radius-4xl);
  }
  .before\:rounded-\[20\%\]::before {
    content: var(--tw-content);
    border-radius: 20%;
  }
  .before\:rounded-\[30px\]::before {
    content: var(--tw-content);
    border-radius: 30px;
  }
  .before\:rounded-\[35\%\]::before {
    content: var(--tw-content);
    border-radius: 35%;
  }
  .before\:rounded-full::before {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px);
  }
  .before\:rounded-xl::before {
    content: var(--tw-content);
    border-radius: var(--radius-xl);
  }
  .before\:rounded-t-xl::before {
    content: var(--tw-content);
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .before\:border::before {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .before\:border-\(--color\)\/15::before {
    content: var(--tw-content);
    border-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:border-\(--color\)\/15::before {
      border-color: color-mix(in oklab, var(--color) 15%, transparent);
    }
  }
  .before\:border-\(--color\)\/20::before {
    content: var(--tw-content);
    border-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:border-\(--color\)\/20::before {
      border-color: color-mix(in oklab, var(--color) 20%, transparent);
    }
  }
  .before\:border-\(--color\)\/30::before {
    content: var(--tw-content);
    border-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:border-\(--color\)\/30::before {
      border-color: color-mix(in oklab, var(--color) 30%, transparent);
    }
  }
  .before\:border-foreground\/10::before {
    content: var(--tw-content);
    border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:border-foreground\/10::before {
      border-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
  }
  .before\:border-foreground\/\[\.15\]::before {
    content: var(--tw-content);
    border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 15%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:border-foreground\/\[\.15\]::before {
      border-color: color-mix(in oklab, var(--color-foreground) 15%, transparent);
    }
  }
  .before\:border-primary\/50::before {
    content: var(--tw-content);
    border-color: color-mix(in srgb, oklch(37.9% 0.146 265.522deg) 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:border-primary\/50::before {
      border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
    }
  }
  .before\:bg-\(--color\)\/5::before {
    content: var(--tw-content);
    background-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-\(--color\)\/5::before {
      background-color: color-mix(in oklab, var(--color) 5%, transparent);
    }
  }
  .before\:bg-\(--color\)\/20::before {
    content: var(--tw-content);
    background-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-\(--color\)\/20::before {
      background-color: color-mix(in oklab, var(--color) 20%, transparent);
    }
  }
  .before\:bg-\(--color-nav-foreground\)\/20::before {
    content: var(--tw-content);
    background-color: var(--color-nav-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-\(--color-nav-foreground\)\/20::before {
      background-color: color-mix(in oklab, var(--color-nav-foreground) 20%, transparent);
    }
  }
  .before\:bg-background::before {
    content: var(--tw-content);
    background-color: var(--color-background);
  }
  .before\:bg-background\/20::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858deg) 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-background\/20::before {
      background-color: color-mix(in oklab, var(--color-background) 20%, transparent);
    }
  }
  .before\:bg-background\/30::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858deg) 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-background\/30::before {
      background-color: color-mix(in oklab, var(--color-background) 30%, transparent);
    }
  }
  .before\:bg-background\/60::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858deg) 60%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-background\/60::before {
      background-color: color-mix(in oklab, var(--color-background) 60%, transparent);
    }
  }
  .before\:bg-black\/80::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, #000 80%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-black\/80::before {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }
  .before\:bg-foreground::before {
    content: var(--tw-content);
    background-color: var(--color-foreground);
  }
  .before\:bg-foreground\/10::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-foreground\/10::before {
      background-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
  }
  .before\:bg-foreground\/\[\.11\]::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 11%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-foreground\/\[\.11\]::before {
      background-color: color-mix(in oklab, var(--color-foreground) 11%, transparent);
    }
  }
  .before\:bg-primary::before {
    content: var(--tw-content);
    background-color: var(--color-primary);
  }
  .before\:bg-primary\/20::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522deg) 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-primary\/20::before {
      background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }
  .before\:bg-primary\/40::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522deg) 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-primary\/40::before {
      background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
    }
  }
  .before\:bg-primary\/\[\.95\]::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522deg) 95%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-primary\/\[\.95\]::before {
      background-color: color-mix(in oklab, var(--color-primary) 95%, transparent);
    }
  }
  .before\:bg-gradient-to-r::before {
    content: var(--tw-content);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .before\:bg-gradient-to-t::before {
    content: var(--tw-content);
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .before\:bg-\(image\:--background-image-chevron\)::before {
    content: var(--tw-content);
    background-image: var(--background-image-chevron);
  }
  .before\:bg-noise::before {
    content: var(--tw-content);
    background-image: var(--background-image-noise);
  }
  .before\:from-background::before {
    content: var(--tw-content);
    --tw-gradient-from: var(--color-background);
    --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) );
  }
  .before\:from-black::before {
    content: var(--tw-content);
    --tw-gradient-from: var(--color-black);
    --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) );
  }
  .before\:from-black\/90::before {
    content: var(--tw-content);
    --tw-gradient-from: color-mix(in srgb, #000 90%, transparent);
    --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:from-black\/90::before {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 90%, transparent);
    }
  }
  .before\:via-background\/80::before {
    content: var(--tw-content);
    --tw-gradient-via: color-mix(in srgb, oklch(98.4% 0.003 247.858deg) 80%, transparent);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:via-background\/80::before {
      --tw-gradient-via: color-mix(in oklab, var(--color-background) 80%, transparent);
    }
  }
  .before\:to-black\/10::before {
    content: var(--tw-content);
    --tw-gradient-to: color-mix(in srgb, #000 10%, transparent);
    --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:to-black\/10::before {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .before\:to-transparent::before {
    content: var(--tw-content);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) );
  }
  .before\:bg-center::before {
    content: var(--tw-content);
    background-position: center;
  }
  .before\:bg-no-repeat::before {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }
  .before\:pt-\[100\%\]::before {
    content: var(--tw-content);
    padding-top: 100%;
  }
  .before\:opacity-20::before {
    content: var(--tw-content);
    opacity: 20%;
  }
  .before\:opacity-30::before {
    content: var(--tw-content);
    opacity: 30%;
  }
  .before\:opacity-60::before {
    content: var(--tw-content);
    opacity: 60%;
  }
  .before\:opacity-70::before {
    content: var(--tw-content);
    opacity: 70%;
  }
  .before\:opacity-\[\.07\]::before {
    content: var(--tw-content);
    opacity: 0.07;
  }
  .before\:shadow-2xl::before {
    content: var(--tw-content);
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .before\:shadow-\[0px_3px_5px_\#0000000b\]::before {
    content: var(--tw-content);
    --tw-shadow: 0px 3px 5px var(--tw-shadow-color, #0000000b);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .before\:shadow-xl::before {
    content: var(--tw-content);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .before\:shadow-foreground\/5::before {
    content: var(--tw-content);
    --tw-shadow-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 5%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:shadow-foreground\/5::before {
      --tw-shadow-color: color-mix( in oklab, color-mix(in oklab, var(--color-foreground) 5%, transparent) var(--tw-shadow-alpha), transparent );
    }
  }
  .before\:shadow-foreground\/60::before {
    content: var(--tw-content);
    --tw-shadow-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 60%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:shadow-foreground\/60::before {
      --tw-shadow-color: color-mix( in oklab, color-mix(in oklab, var(--color-foreground) 60%, transparent) var(--tw-shadow-alpha), transparent );
    }
  }
  .before\:backdrop-blur::before {
    content: var(--tw-content);
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .before\:backdrop-blur-xl::before {
    content: var(--tw-content);
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .before\:transition-\[margin\]::before {
    content: var(--tw-content);
    transition-property: margin;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .before\:duration-200::before {
    content: var(--tw-content);
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .before\:content-\[\'\'\]::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:fixed::after {
    content: var(--tw-content);
    position: fixed;
  }
  .after\:inset-0::after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }
  .after\:inset-y-0::after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }
  .after\:inset-y-4::after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 4);
  }
  .after\:end-0::after {
    content: var(--tw-content);
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .after\:top-0::after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }
  .after\:top-22::after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 22);
  }
  .after\:top-27::after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 27);
  }
  .after\:right-0::after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }
  .after\:right-4::after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 4);
  }
  .after\:bottom-0::after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }
  .after\:bottom-4::after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 4);
  }
  .after\:left-0::after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
  .after\:left-4::after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 4);
  }
  .after\:left-8::after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 8);
  }
  .after\:z-\[-1\]::after {
    content: var(--tw-content);
    z-index: -1;
  }
  .after\:mx-2::after {
    content: var(--tw-content);
    margin-inline: calc(var(--spacing) * 2);
  }
  .after\:mx-4::after {
    content: var(--tw-content);
    margin-inline: calc(var(--spacing) * 4);
  }
  .after\:-mt-3::after {
    content: var(--tw-content);
    margin-top: calc(var(--spacing) * -3);
  }
  .after\:-mt-8::after {
    content: var(--tw-content);
    margin-top: calc(var(--spacing) * -8);
  }
  .after\:-mt-\[28\%\]::after {
    content: var(--tw-content);
    margin-top: -28%;
  }
  .after\:mt-4::after {
    content: var(--tw-content);
    margin-top: calc(var(--spacing) * 4);
  }
  .after\:mr-8::after {
    content: var(--tw-content);
    margin-right: calc(var(--spacing) * 8);
  }
  .after\:-mb-\[16\%\]::after {
    content: var(--tw-content);
    margin-bottom: -16%;
  }
  .after\:mb-1::after {
    content: var(--tw-content);
    margin-bottom: calc(var(--spacing) * 1);
  }
  .after\:mb-3::after {
    content: var(--tw-content);
    margin-bottom: calc(var(--spacing) * 3);
  }
  .after\:mb-7::after {
    content: var(--tw-content);
    margin-bottom: calc(var(--spacing) * 7);
  }
  .after\:-ml-11::after {
    content: var(--tw-content);
    margin-left: calc(var(--spacing) * -11);
  }
  .after\:-ml-\[12\%\]::after {
    content: var(--tw-content);
    margin-left: -12%;
  }
  .after\:-ml-\[275px\]::after {
    content: var(--tw-content);
    margin-left: -275px;
  }
  .after\:-ml-px::after {
    content: var(--tw-content);
    margin-left: -1px;
  }
  .after\:box-border::after {
    content: var(--tw-content);
    box-sizing: border-box;
  }
  .after\:block::after {
    content: var(--tw-content);
    display: block;
  }
  .after\:hidden::after {
    content: var(--tw-content);
    display: none;
  }
  .after\:size-4::after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .after\:w-16::after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 16);
  }
  .after\:w-\[57\%\]::after {
    content: var(--tw-content);
    width: 57%;
  }
  .after\:w-\[275px\]::after {
    content: var(--tw-content);
    width: 275px;
  }
  .after\:rotate-\[6deg\]::after {
    content: var(--tw-content);
    rotate: 6deg;
  }
  .after\:transform::after {
    content: var(--tw-content);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }
  .after\:rounded-2xl::after {
    content: var(--tw-content);
    border-radius: var(--radius-2xl);
  }
  .after\:rounded-3xl::after {
    content: var(--tw-content);
    border-radius: var(--radius-3xl);
  }
  .after\:rounded-4xl::after {
    content: var(--tw-content);
    border-radius: var(--radius-4xl);
  }
  .after\:rounded-\[30px\]::after {
    content: var(--tw-content);
    border-radius: 30px;
  }
  .after\:rounded-\[35\%\]::after {
    content: var(--tw-content);
    border-radius: 35%;
  }
  .after\:rounded-full::after {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px);
  }
  .after\:rounded-xl::after {
    content: var(--tw-content);
    border-radius: var(--radius-xl);
  }
  .after\:border::after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .after\:border-4::after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .after\:border-\[20px\]::after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 20px;
  }
  .after\:border-\(--color\)\/20::after {
    content: var(--tw-content);
    border-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:border-\(--color\)\/20::after {
      border-color: color-mix(in oklab, var(--color) 20%, transparent);
    }
  }
  .after\:border-foreground\/10::after {
    content: var(--tw-content);
    border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:border-foreground\/10::after {
      border-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
  }
  .after\:border-foreground\/\[\.15\]::after {
    content: var(--tw-content);
    border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 15%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:border-foreground\/\[\.15\]::after {
      border-color: color-mix(in oklab, var(--color-foreground) 15%, transparent);
    }
  }
  .after\:border-primary::after {
    content: var(--tw-content);
    border-color: var(--color-primary);
  }
  .after\:border-white\/60::after {
    content: var(--tw-content);
    border-color: color-mix(in srgb, #fff 60%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:border-white\/60::after {
      border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .after\:bg-\(--color\)\/5::after {
    content: var(--tw-content);
    background-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:bg-\(--color\)\/5::after {
      background-color: color-mix(in oklab, var(--color) 5%, transparent);
    }
  }
  .after\:bg-\(--color\)\/10::after {
    content: var(--tw-content);
    background-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:bg-\(--color\)\/10::after {
      background-color: color-mix(in oklab, var(--color) 10%, transparent);
    }
  }
  .after\:bg-\[color-mix\(in_oklch\,_var\(--color-background\)\,_var\(--color-foreground\)_2\%\)\]::after {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858deg), oklch(37.2% 0.044 257.287deg) 2%);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:bg-\[color-mix\(in_oklch\,_var\(--color-background\)\,_var\(--color-foreground\)_2\%\)\]::after {
      background-color: color-mix(in oklch, var(--color-background), var(--color-foreground) 2%);
    }
  }
  .after\:bg-background::after {
    content: var(--tw-content);
    background-color: var(--color-background);
  }
  .after\:bg-background\/30::after {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858deg) 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:bg-background\/30::after {
      background-color: color-mix(in oklab, var(--color-background) 30%, transparent);
    }
  }
  .after\:bg-foreground\/\[\.03\]::after {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 3%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:bg-foreground\/\[\.03\]::after {
      background-color: color-mix(in oklab, var(--color-foreground) 3%, transparent);
    }
  }
  .after\:bg-foreground\/\[\.05\]::after {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 5%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:bg-foreground\/\[\.05\]::after {
      background-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);
    }
  }
  .after\:bg-primary::after {
    content: var(--tw-content);
    background-color: var(--color-primary);
  }
  .after\:bg-primary\/30::after {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522deg) 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:bg-primary\/30::after {
      background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
    }
  }
  .after\:bg-gradient-to-l::after {
    content: var(--tw-content);
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .after\:bg-accent::after {
    content: var(--tw-content);
    background-image: var(--background-image-accent);
  }
  .after\:bg-noise::after {
    content: var(--tw-content);
    background-image: var(--background-image-noise);
  }
  .after\:from-background::after {
    content: var(--tw-content);
    --tw-gradient-from: var(--color-background);
    --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) );
  }
  .after\:via-background\/80::after {
    content: var(--tw-content);
    --tw-gradient-via: color-mix(in srgb, oklch(98.4% 0.003 247.858deg) 80%, transparent);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:via-background\/80::after {
      --tw-gradient-via: color-mix(in oklab, var(--color-background) 80%, transparent);
    }
  }
  .after\:to-transparent::after {
    content: var(--tw-content);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) );
  }
  .after\:bg-contain::after {
    content: var(--tw-content);
    background-size: contain;
  }
  .after\:bg-cover::after {
    content: var(--tw-content);
    background-size: cover;
  }
  .after\:opacity-30::after {
    content: var(--tw-content);
    opacity: 30%;
  }
  .after\:opacity-\[\.25\]::after {
    content: var(--tw-content);
    opacity: 0.25;
  }
  .after\:shadow-\[0px_3px_5px_\#0000000b\]::after {
    content: var(--tw-content);
    --tw-shadow: 0px 3px 5px var(--tw-shadow-color, #0000000b);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .after\:blur-2xl::after {
    content: var(--tw-content);
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .after\:blur-xl::after {
    content: var(--tw-content);
    --tw-blur: blur(var(--blur-xl));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .after\:backdrop-blur-md::after {
    content: var(--tw-content);
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .after\:transition-\[margin\]::after {
    content: var(--tw-content);
    transition-property: margin;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .after\:duration-200::after {
    content: var(--tw-content);
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .after\:content-\[\'\'\]::after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .first\:rounded-l-xl:first-child {
    border-top-left-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .first\:border-l:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .first\:before\:hidden:first-child::before {
    content: var(--tw-content);
    display: none;
  }
  .last\:rounded-r-xl:last-child {
    border-top-right-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
  }
  .last\:border-r:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  @media (hover: hover) {
    .hover\:relative:hover {
      position: relative;
    }
  }
  @media (hover: hover) {
    .hover\:z-20:hover {
      z-index: 20;
    }
  }
  @media (hover: hover) {
    .hover\:w-20:hover {
      width: calc(var(--spacing) * 20);
    }
  }
  @media (hover: hover) {
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  @media (hover: hover) {
    .hover\:scale-\[1\.02\]:hover {
      scale: 1.02;
    }
  }
  @media (hover: hover) {
    .hover\:scale-\[105\%\]:hover {
      scale: 105%;
    }
  }
  @media (hover: hover) {
    .hover\:scale-\[110\%\]:hover {
      scale: 110%;
    }
  }
  @media (hover: hover) {
    .hover\:rounded:hover {
      border-radius: 0.25rem;
    }
  }
  @media (hover: hover) {
    .hover\:border-0:hover {
      border-style: var(--tw-border-style);
      border-width: 0;
    }
  }
  @media (hover: hover) {
    .hover\:border-foreground\/10:hover {
      border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-foreground\/10:hover {
        border-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:bg-\(--color\)\/5:hover {
      background-color: var(--color);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\(--color\)\/5:hover {
        background-color: color-mix(in oklab, var(--color) 5%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:bg-\(--color\)\/10:hover {
      background-color: var(--color);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\(--color\)\/10:hover {
        background-color: color-mix(in oklab, var(--color) 10%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:bg-\(--color\)\/90:hover {
      background-color: var(--color);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\(--color\)\/90:hover {
        background-color: color-mix(in oklab, var(--color) 90%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:bg-background:hover {
      background-color: var(--color-background);
    }
  }
  @media (hover: hover) {
    .hover\:bg-foreground\/5:hover {
      background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 5%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-foreground\/5:hover {
        background-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:opacity-100:hover {
      opacity: 100%;
    }
  }
  @media (hover: hover) {
    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow:
        var(--tw-inset-shadow),
        var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow);
    }
  }
  @media (hover: hover) {
    .hover\:ring-foreground\/5:hover {
      --tw-ring-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 5%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-foreground\/5:hover {
        --tw-ring-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);
      }
    }
  }
  .focus\:ring-offset-transparent:focus {
    --tw-ring-offset-color: transparent;
  }
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus-visible\:ring-foreground\/5:focus-visible {
    --tw-ring-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 5%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-foreground\/5:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);
    }
  }
  .focus-visible\:ring-transparent:focus-visible {
    --tw-ring-color: transparent;
  }
  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }
  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: 50%;
  }
  @media (width >= 40rem) {
    .sm\:absolute {
      position: absolute;
    }
  }
  @media (width >= 40rem) {
    .sm\:relative {
      position: relative;
    }
  }
  @media (width >= 40rem) {
    .sm\:static {
      position: static;
    }
  }
  @media (width >= 40rem) {
    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }
  @media (width >= 40rem) {
    .sm\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }
  @media (width >= 40rem) {
    .sm\:col-span-6 {
      grid-column: span 6 / span 6;
    }
  }
  @media (width >= 40rem) {
    .sm\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:ms-auto {
      margin-inline-start: auto;
    }
  }
  @media (width >= 40rem) {
    .sm\:me-auto {
      margin-inline-end: auto;
    }
  }
  @media (width >= 40rem) {
    .sm\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 40rem) {
    .sm\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 40rem) {
    .sm\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 40rem) {
    .sm\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 40rem) {
    .sm\:mr-0 {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:mr-4 {
      margin-right: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 40rem) {
    .sm\:mr-5 {
      margin-right: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 40rem) {
    .sm\:mr-auto {
      margin-right: auto;
    }
  }
  @media (width >= 40rem) {
    .sm\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:ml-1 {
      margin-left: calc(var(--spacing) * 1);
    }
  }
  @media (width >= 40rem) {
    .sm\:ml-2 {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 40rem) {
    .sm\:ml-3 {
      margin-left: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 40rem) {
    .sm\:ml-auto {
      margin-left: auto;
    }
  }
  @media (width >= 40rem) {
    .sm\:block {
      display: block;
    }
  }
  @media (width >= 40rem) {
    .sm\:flex {
      display: flex;
    }
  }
  @media (width >= 40rem) {
    .sm\:grid {
      display: grid;
    }
  }
  @media (width >= 40rem) {
    .sm\:hidden {
      display: none;
    }
  }
  @media (width >= 40rem) {
    .sm\:size-5 {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 40rem) {
    .sm\:size-10 {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 40rem) {
    .sm\:size-12 {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 40rem) {
    .sm\:size-24 {
      width: calc(var(--spacing) * 24);
      height: calc(var(--spacing) * 24);
    }
  }
  @media (width >= 40rem) {
    .sm\:w-3\/4 {
      width: 75%;
    }
  }
  @media (width >= 40rem) {
    .sm\:w-16 {
      width: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 40rem) {
    .sm\:w-40 {
      width: calc(var(--spacing) * 40);
    }
  }
  @media (width >= 40rem) {
    .sm\:w-56 {
      width: calc(var(--spacing) * 56);
    }
  }
  @media (width >= 40rem) {
    .sm\:w-60 {
      width: calc(var(--spacing) * 60);
    }
  }
  @media (width >= 40rem) {
    .sm\:w-64 {
      width: calc(var(--spacing) * 64);
    }
  }
  @media (width >= 40rem) {
    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }
  }
  @media (width >= 40rem) {
    .sm\:w-auto {
      width: auto;
    }
  }
  @media (width >= 40rem) {
    .sm\:w-full {
      width: 100%;
    }
  }
  @media (width >= 40rem) {
    .sm\:\!max-w-2xl {
      max-width: var(--container-2xl) !important;
    }
  }
  @media (width >= 40rem) {
    .sm\:\!max-w-3xl {
      max-width: var(--container-3xl) !important;
    }
  }
  @media (width >= 40rem) {
    .sm\:\!max-w-lg {
      max-width: var(--container-lg) !important;
    }
  }
  @media (width >= 40rem) {
    .sm\:\!max-w-md {
      max-width: var(--container-md) !important;
    }
  }
  @media (width >= 40rem) {
    .sm\:\!max-w-sm {
      max-width: var(--container-sm) !important;
    }
  }
  @media (width >= 40rem) {
    .sm\:\!max-w-xl {
      max-width: var(--container-xl) !important;
    }
  }
  @media (width >= 40rem) {
    .sm\:max-w-2xl {
      max-width: var(--container-2xl);
    }
  }
  @media (width >= 40rem) {
    .sm\:max-w-\[49\%\] {
      max-width: 49%;
    }
  }
  @media (width >= 40rem) {
    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }
  }
  @media (width >= 40rem) {
    .sm\:max-w-xl {
      max-width: var(--container-xl);
    }
  }
  @media (width >= 40rem) {
    .sm\:flex-initial {
      flex: 0 auto;
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 40rem) {
    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @media (width >= 40rem) {
    .sm\:items-end {
      align-items: flex-end;
    }
  }
  @media (width >= 40rem) {
    .sm\:justify-end {
      justify-content: flex-end;
    }
  }
  @media (width >= 40rem) {
    .sm\:justify-start {
      justify-content: flex-start;
    }
  }
  @media (width >= 40rem) {
    .sm\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 40rem) {
    .sm\:gap-x-5 {
      column-gap: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 40rem) {
    .sm\:space-x-2 :where(> :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  @media (width >= 40rem) {
    .sm\:overflow-x-visible {
      overflow-x: visible;
    }
  }
  @media (width >= 40rem) {
    .sm\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }
  }
  @media (width >= 40rem) {
    .sm\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }
  }
  @media (width >= 40rem) {
    .sm\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
  }
  @media (width >= 40rem) {
    .sm\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  @media (width >= 40rem) {
    .sm\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 40rem) {
    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 40rem) {
    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 40rem) {
    .sm\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 40rem) {
    .sm\:px-20 {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  @media (width >= 40rem) {
    .sm\:px-28 {
      padding-inline: calc(var(--spacing) * 28);
    }
  }
  @media (width >= 40rem) {
    .sm\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 40rem) {
    .sm\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 40rem) {
    .sm\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  @media (width >= 40rem) {
    .sm\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 40rem) {
    .sm\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  @media (width >= 40rem) {
    .sm\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  @media (width >= 40rem) {
    .sm\:pl-5 {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 40rem) {
    .sm\:text-left {
      text-align: left;
    }
  }
  @media (width >= 40rem) {
    .sm\:text-right {
      text-align: right;
    }
  }
  @media (width >= 40rem) {
    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  @media (width >= 40rem) {
    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  @media (width >= 40rem) {
    .sm\:whitespace-normal {
      white-space: normal;
    }
  }
  @media (width >= 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 48rem) {
    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }
  @media (width >= 48rem) {
    .md\:col-span-6 {
      grid-column: span 6 / span 6;
    }
  }
  @media (width >= 48rem) {
    .md\:row-start-auto {
      grid-row-start: auto;
    }
  }
  @media (width >= 48rem) {
    .md\:ms-auto {
      margin-inline-start: auto;
    }
  }
  @media (width >= 48rem) {
    .md\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 48rem) {
    .md\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 48rem) {
    .md\:block {
      display: block;
    }
  }
  @media (width >= 48rem) {
    .md\:w-64 {
      width: calc(var(--spacing) * 64);
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 48rem) {
    .md\:items-center {
      align-items: center;
    }
  }
  @media (width >= 48rem) {
    .md\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }
  }
  @media (width >= 48rem) {
    .md\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  @media (width >= 48rem) {
    .md\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  @media (width >= 48rem) {
    .md\:border-l-0 {
      border-left-style: var(--tw-border-style);
      border-left-width: 0;
    }
  }
  @media (width >= 48rem) {
    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 48rem) {
    .md\:pl-0 {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }
  }
  @media (width >= 64rem) {
    .lg\:mx-auto {
      margin-inline: auto;
    }
  }
  @media (width >= 64rem) {
    .lg\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 64rem) {
    .lg\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 64rem) {
    .lg\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 64rem) {
    .lg\:mr-1 {
      margin-right: calc(var(--spacing) * 1);
    }
  }
  @media (width >= 64rem) {
    .lg\:mr-20 {
      margin-right: calc(var(--spacing) * 20);
    }
  }
  @media (width >= 64rem) {
    .lg\:mr-auto {
      margin-right: auto;
    }
  }
  @media (width >= 64rem) {
    .lg\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:ml-2 {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 64rem) {
    .lg\:ml-4 {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 64rem) {
    .lg\:ml-5 {
      margin-left: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 64rem) {
    .lg\:ml-8 {
      margin-left: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 64rem) {
    .lg\:ml-auto {
      margin-left: auto;
    }
  }
  @media (width >= 64rem) {
    .lg\:block {
      display: block;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex {
      display: flex;
    }
  }
  @media (width >= 64rem) {
    .lg\:size-12 {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 64rem) {
    .lg\:size-32 {
      width: calc(var(--spacing) * 32);
      height: calc(var(--spacing) * 32);
    }
  }
  @media (width >= 64rem) {
    .lg\:h-auto {
      height: auto;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-1\/2,
    .lg\:w-2\/4 {
      width: 50%;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-32 {
      width: calc(var(--spacing) * 32);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-64 {
      width: calc(var(--spacing) * 64);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-auto {
      width: auto;
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @media (width >= 64rem) {
    .lg\:items-start {
      align-items: flex-start;
    }
  }
  @media (width >= 64rem) {
    .lg\:justify-center {
      justify-content: center;
    }
  }
  @media (width >= 64rem) {
    .lg\:justify-end {
      justify-content: flex-end;
    }
  }
  @media (width >= 64rem) {
    .lg\:justify-start {
      justify-content: flex-start;
    }
  }
  @media (width >= 64rem) {
    .lg\:overflow-hidden {
      overflow: hidden;
    }
  }
  @media (width >= 64rem) {
    .lg\:overflow-visible {
      overflow: visible;
    }
  }
  @media (width >= 64rem) {
    .lg\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }
  }
  @media (width >= 64rem) {
    .lg\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }
  }
  @media (width >= 64rem) {
    .lg\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  @media (width >= 64rem) {
    .lg\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
  }
  @media (width >= 64rem) {
    .lg\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  @media (width >= 64rem) {
    .lg\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 64rem) {
    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 64rem) {
    .lg\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  @media (width >= 64rem) {
    .lg\:pl-5 {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 64rem) {
    .lg\:text-center {
      text-align: center;
    }
  }
  @media (width >= 64rem) {
    .lg\:text-justify {
      text-align: justify;
    }
  }
  @media (width >= 64rem) {
    .lg\:text-left {
      text-align: left;
    }
  }
  @media (width >= 64rem) {
    .lg\:text-right {
      text-align: right;
    }
  }
  @media (width >= 64rem) {
    .lg\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .before\:lg\:block::before {
    content: var(--tw-content);
  }
  @media (width >= 64rem) {
    .before\:lg\:block::before {
      display: block;
    }
  }
  @media (width >= 64rem) {
    .lg\:before\:animate-ping::before {
      content: var(--tw-content);
      animation: var(--animate-ping);
    }
  }
  @media (width >= 80rem) {
    .xl\:absolute {
      position: absolute;
    }
  }
  @media (width >= 80rem) {
    .xl\:relative {
      position: relative;
    }
  }
  @media (width >= 80rem) {
    .xl\:top-0 {
      top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .xl\:bottom-auto {
      bottom: auto;
    }
  }
  @media (width >= 80rem) {
    .xl\:z-0 {
      z-index: 0;
    }
  }
  @media (width >= 80rem) {
    .xl\:z-auto {
      z-index: auto;
    }
  }
  @media (width >= 80rem) {
    .xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  }
  @media (width >= 80rem) {
    .xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }
  @media (width >= 80rem) {
    .xl\:col-span-6 {
      grid-column: span 6 / span 6;
    }
  }
  @media (width >= 80rem) {
    .xl\:col-span-8 {
      grid-column: span 8 / span 8;
    }
  }
  @media (width >= 80rem) {
    .xl\:col-span-9 {
      grid-column: span 9 / span 9;
    }
  }
  @media (width >= 80rem) {
    .xl\:col-span-12 {
      grid-column: span 12 / span 12;
    }
  }
  @media (width >= 80rem) {
    .xl\:col-start-1 {
      grid-column-start: 1;
    }
  }
  @media (width >= 80rem) {
    .xl\:col-start-10 {
      grid-column-start: 10;
    }
  }
  @media (width >= 80rem) {
    .xl\:row-start-1 {
      grid-row-start: 1;
    }
  }
  @media (width >= 80rem) {
    .xl\:row-start-2 {
      grid-row-start: 2;
    }
  }
  @media (width >= 80rem) {
    .xl\:mx-6 {
      margin-inline: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 80rem) {
    .xl\:my-0 {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .xl\:ms-auto {
      margin-inline-start: auto;
    }
  }
  @media (width >= 80rem) {
    .xl\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .xl\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 80rem) {
    .xl\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 80rem) {
    .xl\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 80rem) {
    .xl\:mt-24 {
      margin-top: calc(var(--spacing) * 24);
    }
  }
  @media (width >= 80rem) {
    .xl\:mr-0 {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .xl\:mr-5 {
      margin-right: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 80rem) {
    .xl\:mr-8 {
      margin-right: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 80rem) {
    .xl\:mr-10 {
      margin-right: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 80rem) {
    .xl\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 80rem) {
    .xl\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .xl\:ml-1 {
      margin-left: calc(var(--spacing) * 1);
    }
  }
  @media (width >= 80rem) {
    .xl\:ml-1\.5 {
      margin-left: calc(var(--spacing) * 1.5);
    }
  }
  @media (width >= 80rem) {
    .xl\:ml-2 {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 80rem) {
    .xl\:ml-3 {
      margin-left: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 80rem) {
    .xl\:ml-6 {
      margin-left: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 80rem) {
    .xl\:ml-24 {
      margin-left: calc(var(--spacing) * 24);
    }
  }
  @media (width >= 80rem) {
    .xl\:ml-64 {
      margin-left: calc(var(--spacing) * 64);
    }
  }
  @media (width >= 80rem) {
    .xl\:ml-\[275px\] {
      margin-left: 275px;
    }
  }
  @media (width >= 80rem) {
    .xl\:ml-\[300px\] {
      margin-left: 300px;
    }
  }
  @media (width >= 80rem) {
    .xl\:ml-\[320px\] {
      margin-left: 320px;
    }
  }
  @media (width >= 80rem) {
    .xl\:ml-auto {
      margin-left: auto;
    }
  }
  @media (width >= 80rem) {
    .xl\:flex {
      display: flex;
    }
  }
  @media (width >= 80rem) {
    .xl\:grid {
      display: grid;
    }
  }
  @media (width >= 80rem) {
    .xl\:hidden {
      display: none;
    }
  }
  @media (width >= 80rem) {
    .xl\:h-auto {
      height: auto;
    }
  }
  @media (width >= 80rem) {
    .xl\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .xl\:w-3\/5 {
      width: calc(3 / 5 * 100%);
    }
  }
  @media (width >= 80rem) {
    .xl\:w-24 {
      width: calc(var(--spacing) * 24);
    }
  }
  @media (width >= 80rem) {
    .xl\:w-64 {
      width: calc(var(--spacing) * 64);
    }
  }
  @media (width >= 80rem) {
    .xl\:w-auto {
      width: auto;
    }
  }
  @media (width >= 80rem) {
    .xl\:min-w-\[28rem\] {
      min-width: 28rem;
    }
  }
  @media (width >= 80rem) {
    .xl\:flex-initial {
      flex: 0 auto;
    }
  }
  @media (width >= 80rem) {
    .xl\:flex-col {
      flex-direction: column;
    }
  }
  @media (width >= 80rem) {
    .xl\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 80rem) {
    .xl\:items-start {
      align-items: flex-start;
    }
  }
  @media (width >= 80rem) {
    .xl\:overflow-y-visible {
      overflow-y: visible;
    }
  }
  @media (width >= 80rem) {
    .xl\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }
  }
  @media (width >= 80rem) {
    .xl\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  @media (width >= 80rem) {
    .xl\:bg-background {
      background-color: var(--color-background);
    }
  }
  @media (width >= 80rem) {
    .xl\:bg-none {
      background-image: none;
    }
  }
  @media (width >= 80rem) {
    .xl\:p-0 {
      padding: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .xl\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .xl\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .xl\:pt-2\.5 {
      padding-top: calc(var(--spacing) * 2.5);
    }
  }
  @media (width >= 80rem) {
    .xl\:pr-5 {
      padding-right: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 80rem) {
    .xl\:pr-10 {
      padding-right: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 80rem) {
    .xl\:pr-14 {
      padding-right: calc(var(--spacing) * 14);
    }
  }
  @media (width >= 80rem) {
    .xl\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .xl\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 80rem) {
    .xl\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 80rem) {
    .xl\:pl-0 {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .xl\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 80rem) {
    .xl\:pl-7 {
      padding-left: calc(var(--spacing) * 7);
    }
  }
  @media (width >= 80rem) {
    .xl\:pl-8 {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 80rem) {
    .xl\:pl-10 {
      padding-left: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 80rem) {
    .xl\:pl-14 {
      padding-left: calc(var(--spacing) * 14);
    }
  }
  @media (width >= 80rem) {
    .xl\:text-left {
      text-align: left;
    }
  }
  @media (width >= 80rem) {
    .xl\:text-right {
      text-align: right;
    }
  }
  @media (width >= 80rem) {
    .xl\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  @media (width >= 80rem) {
    .group-\[\.content--compact\]\:xl\:ml-\[150px\]:is(:where(.group):is(.content--compact) *) {
      margin-left: 150px;
    }
  }
  @media (width >= 80rem) {
    .group-\[\.content--compact\]\:xl\:ml-\[165px\]:is(:where(.group):is(.content--compact) *) {
      margin-left: 165px;
    }
  }
  @media (width >= 80rem) {
    .xl\:group-\[\.side-menu--collapsed\]\:ms-0:is(:where(.group):is(.side-menu--collapsed) *) {
      margin-inline-start: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .group-\[\.side-menu--collapsed\]\:xl\:ml-6:is(:where(.group):is(.side-menu--collapsed) *) {
      margin-left: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 80rem) {
    .group-\[\.side-menu--collapsed\]\:xl\:ml-7:is(:where(.group):is(.side-menu--collapsed) *) {
      margin-left: calc(var(--spacing) * 7);
    }
  }
  @media (width >= 80rem) {
    .group-\[\.side-menu--collapsed\]\:xl\:ml-8:is(:where(.group):is(.side-menu--collapsed) *) {
      margin-left: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 80rem) {
    .xl\:group-\[\.side-menu--collapsed\]\:flex:is(:where(.group):is(.side-menu--collapsed) *) {
      display: flex;
    }
  }
  @media (width >= 80rem) {
    .group-\[\.side-menu--collapsed\]\:xl\:w-\[110px\]:is(:where(.group):is(.side-menu--collapsed) *) {
      width: 110px;
    }
  }
  @media (width >= 80rem) {
    .group-\[\.side-menu--collapsed\]\:xl\:w-\[150px\]:is(:where(.group):is(.side-menu--collapsed) *) {
      width: 150px;
    }
  }
  @media (width >= 80rem) {
    .group-\[\.side-menu--collapsed\]\:xl\:w-\[165px\]:is(:where(.group):is(.side-menu--collapsed) *) {
      width: 165px;
    }
  }
  @media (width >= 80rem) {
    .xl\:group-\[\.side-menu--collapsed\]\:w-0:is(:where(.group):is(.side-menu--collapsed) *) {
      width: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .group-\[\.side-menu--collapsed\]\:xl\:rotate-180:is(:where(.group):is(.side-menu--collapsed) *) {
      rotate: 180deg;
    }
  }
  @media (width >= 80rem) {
    .group-\[\.side-menu--collapsed\]\:xl\:opacity-0:is(:where(.group):is(.side-menu--collapsed) *) {
      opacity: 0%;
    }
  }
  @media (width >= 80rem) {
    .xl\:group-\[\.side-menu--collapsed\]\:opacity-0:is(:where(.group):is(.side-menu--collapsed) *) {
      opacity: 0%;
    }
  }
  @media (width >= 80rem) {
    .group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:xl\:ml-1:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *) {
      margin-left: calc(var(--spacing) * 1);
    }
  }
  @media (width >= 80rem) {
    .group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:xl\:ml-1\.5:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *) {
      margin-left: calc(var(--spacing) * 1.5);
    }
  }
  @media (width >= 80rem) {
    .group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:xl\:ml-2:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *) {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 80rem) {
    .group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:xl\:ml-3:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *) {
      margin-left: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 80rem) {
    .group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:xl\:w-\[275px\]:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *) {
      width: 275px;
    }
  }
  @media (width >= 80rem) {
    .group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:xl\:w-\[300px\]:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *) {
      width: 300px;
    }
  }
  @media (width >= 80rem) {
    .group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:xl\:w-\[320px\]:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *) {
      width: 320px;
    }
  }
  @media (width >= 80rem) {
    .group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:xl\:opacity-100:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *) {
      opacity: 100%;
    }
  }
  @media (width >= 80rem) {
    .xl\:before\:left-0::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .xl\:before\:left-7::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 7);
    }
  }
  @media (width >= 80rem) {
    .xl\:before\:-mr-1::before {
      content: var(--tw-content);
      margin-right: calc(var(--spacing) * -1);
    }
  }
  @media (width >= 80rem) {
    .xl\:before\:-ml-\[320px\]::before {
      content: var(--tw-content);
      margin-left: -320px;
    }
  }
  .before\:xl\:block::before {
    content: var(--tw-content);
  }
  @media (width >= 80rem) {
    .before\:xl\:block::before {
      display: block;
    }
  }
  .before\:xl\:hidden::before {
    content: var(--tw-content);
  }
  @media (width >= 80rem) {
    .before\:xl\:hidden::before {
      display: none;
    }
  }
  @media (width >= 80rem) {
    .xl\:before\:block::before {
      content: var(--tw-content);
      display: block;
    }
  }
  @media (width >= 80rem) {
    .xl\:before\:hidden::before {
      content: var(--tw-content);
      display: none;
    }
  }
  @media (width >= 80rem) {
    .group-\[\.content--compact\]\:xl\:before\:-ml-\[165px\]:is(:where(.group):is(.content--compact) *)::before {
      content: var(--tw-content);
      margin-left: -165px;
    }
  }
  @media (width >= 80rem) {
    .xl\:after\:left-0::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .xl\:after\:left-7::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 7);
    }
  }
  @media (width >= 80rem) {
    .xl\:after\:mr-4::after {
      content: var(--tw-content);
      margin-right: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 80rem) {
    .xl\:after\:-ml-\[320px\]::after {
      content: var(--tw-content);
      margin-left: -320px;
    }
  }
  .after\:xl\:block::after {
    content: var(--tw-content);
  }
  @media (width >= 80rem) {
    .after\:xl\:block::after {
      display: block;
    }
  }
  .after\:xl\:hidden::after {
    content: var(--tw-content);
  }
  @media (width >= 80rem) {
    .after\:xl\:hidden::after {
      display: none;
    }
  }
  @media (width >= 80rem) {
    .xl\:after\:block::after {
      content: var(--tw-content);
      display: block;
    }
  }
  @media (width >= 80rem) {
    .xl\:after\:hidden::after {
      content: var(--tw-content);
      display: none;
    }
  }
  @media (width >= 80rem) {
    .group-\[\.content--compact\]\:xl\:after\:-ml-\[165px\]:is(:where(.group):is(.content--compact) *)::after {
      content: var(--tw-content);
      margin-left: -165px;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:z-10 {
      z-index: 10;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:col-span-5 {
      grid-column: span 5 / span 5;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:col-span-6 {
      grid-column: span 6 / span 6;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:col-span-8 {
      grid-column: span 8 / span 8;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:col-span-9 {
      grid-column: span 9 / span 9;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:col-span-12 {
      grid-column: span 12 / span 12;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:col-start-auto {
      grid-column-start: auto;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:row-start-auto {
      grid-row-start: auto;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:-mt-10 {
      margin-top: calc(var(--spacing) * -10);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:mt-7 {
      margin-top: calc(var(--spacing) * 7);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:mt-24 {
      margin-top: calc(var(--spacing) * 24);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:mr-3 {
      margin-right: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:mr-auto {
      margin-right: auto;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:block {
      display: block;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:flex {
      display: flex;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:h-56 {
      height: calc(var(--spacing) * 56);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:w-4\/6 {
      width: calc(4 / 6 * 100%);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:w-64 {
      width: calc(var(--spacing) * 64);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:w-auto {
      width: auto;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:w-full {
      width: 100%;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  @media (width >= 96rem) {
    .\32xl\:gap-x-0 {
      column-gap: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .dark\:border-foreground\/20:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-foreground\/20:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-foreground) 20%, transparent);
    }
  }
  .dark\:border-foreground\/\[\.09\]:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 9%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-foreground\/\[\.09\]:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-foreground) 9%, transparent);
    }
  }
  .dark\:border-foreground\/\[\.11\]:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 11%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-foreground\/\[\.11\]:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-foreground) 11%, transparent);
    }
  }
  .dark\:bg-background:where(.dark, .dark *) {
    background-color: var(--color-background);
  }
  .dark\:bg-foreground\/20:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-foreground\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-foreground) 20%, transparent);
    }
  }
  .dark\:bg-foreground\/\[\.02\]:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 2%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-foreground\/\[\.02\]:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-foreground) 2%, transparent);
    }
  }
  .dark\:text-foreground:where(.dark, .dark *) {
    color: var(--color-foreground);
  }
  .dark\:shadow-\[0px_0px_0px_2px_\#3f4865\,_1px_1px_5px_rgba\(0\,0\,0\,0\.32\)\]:where(.dark, .dark *) {
    --tw-shadow: 0px 0px 0px 2px var(--tw-shadow-color, #3f4865), 1px 1px 5px var(--tw-shadow-color, rgb(0, 0, 0, 0.32));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .dark\:ring-foreground\/20:where(.dark, .dark *) {
    --tw-ring-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-foreground\/20:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-foreground) 20%, transparent);
    }
  }
  .dark\:\[--color-nav-foreground\:var\(--color-foreground\)\]:where(.dark, .dark *) {
    --color-nav-foreground: var(--color-foreground);
  }
  .dark\:before\:bg-\[color-mix\(in_oklch\,_var\(--color-background\)\,_white_14\%\)\]:where(.dark, .dark *)::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858deg), white 14%);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:before\:bg-\[color-mix\(in_oklch\,_var\(--color-background\)\,_white_14\%\)\]:where(.dark, .dark *)::before {
      background-color: color-mix(in oklch, var(--color-background), white 14%);
    }
  }
  .dark\:before\:bg-foreground\/5:where(.dark, .dark *)::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 5%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:before\:bg-foreground\/5:where(.dark, .dark *)::before {
      background-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);
    }
  }
  .dark\:before\:bg-foreground\/10:where(.dark, .dark *)::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:before\:bg-foreground\/10:where(.dark, .dark *)::before {
      background-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
  }
  .dark\:before\:bg-foreground\/\[\.01\]:where(.dark, .dark *)::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 1%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:before\:bg-foreground\/\[\.01\]:where(.dark, .dark *)::before {
      background-color: color-mix(in oklab, var(--color-foreground) 1%, transparent);
    }
  }
  .dark\:before\:opacity-\[\.59\]:where(.dark, .dark *)::before {
    content: var(--tw-content);
    opacity: 0.59;
  }
  .dark\:before\:shadow-background:where(.dark, .dark *)::before {
    content: var(--tw-content);
    --tw-shadow-color: oklch(98.4% 0.003 247.858deg);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:before\:shadow-background:where(.dark, .dark *)::before {
      --tw-shadow-color: color-mix( in oklab, var(--color-background) var(--tw-shadow-alpha), transparent );
    }
  }
  .dark\:after\:bg-\[color-mix\(in_oklch\,_var\(--color-background\)\,_white_14\%\)\]:where(.dark, .dark *)::after {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858deg), white 14%);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:after\:bg-\[color-mix\(in_oklch\,_var\(--color-background\)\,_white_14\%\)\]:where(.dark, .dark *)::after {
      background-color: color-mix(in oklch, var(--color-background), white 14%);
    }
  }
  .dark\:after\:bg-background:where(.dark, .dark *)::after {
    content: var(--tw-content);
    background-color: var(--color-background);
  }
  .dark\:after\:opacity-20:where(.dark, .dark *)::after {
    content: var(--tw-content);
    opacity: 20%;
  }
  .dark\:after\:opacity-\[\.59\]:where(.dark, .dark *)::after {
    content: var(--tw-content);
    opacity: 0.59;
  }
  .\[\&_\.jvm-zoom-btn\]\:absolute .jvm-zoom-btn {
    position: absolute;
  }
  .\[\&_\.jvm-zoom-btn\]\:flex .jvm-zoom-btn {
    display: flex;
  }
  .\[\&_\.jvm-zoom-btn\]\:h-7 .jvm-zoom-btn {
    height: calc(var(--spacing) * 7);
  }
  .\[\&_\.jvm-zoom-btn\]\:w-7 .jvm-zoom-btn {
    width: calc(var(--spacing) * 7);
  }
  .\[\&_\.jvm-zoom-btn\]\:cursor-pointer .jvm-zoom-btn {
    cursor: pointer;
  }
  .\[\&_\.jvm-zoom-btn\]\:items-center .jvm-zoom-btn {
    align-items: center;
  }
  .\[\&_\.jvm-zoom-btn\]\:justify-center .jvm-zoom-btn {
    justify-content: center;
  }
  .\[\&_\.jvm-zoom-btn\]\:rounded-md .jvm-zoom-btn {
    border-radius: var(--radius-md);
  }
  .\[\&_\.jvm-zoom-btn\]\:border .jvm-zoom-btn {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .\[\&_\.jvm-zoom-btn\]\:border-\(--color\)\/20 .jvm-zoom-btn {
    border-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\.jvm-zoom-btn\]\:border-\(--color\)\/20 .jvm-zoom-btn {
      border-color: color-mix(in oklab, var(--color) 20%, transparent);
    }
  }
  .\[\&_\.jvm-zoom-btn\]\:bg-background .jvm-zoom-btn {
    background-color: var(--color-background);
  }
  .\[\&_\.jvm-zoom-btn\]\:text-\(--color\) .jvm-zoom-btn {
    color: var(--color);
  }
  .\[\&_\.jvm-zoom-btn\]\:shadow .jvm-zoom-btn {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  @media (hover: hover) {
    .\[\&_\.jvm-zoom-btn\]\:hover\:bg-\(--color\)\/10 .jvm-zoom-btn:hover {
      background-color: var(--color);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\[\&_\.jvm-zoom-btn\]\:hover\:bg-\(--color\)\/10 .jvm-zoom-btn:hover {
        background-color: color-mix(in oklab, var(--color) 10%, transparent);
      }
    }
  }
  .\[\&_\.jvm-zoomin\]\:bottom-4 .jvm-zoomin {
    bottom: calc(var(--spacing) * 4);
  }
  .\[\&_\.jvm-zoomin\]\:left-4 .jvm-zoomin {
    left: calc(var(--spacing) * 4);
  }
  .\[\&_\.jvm-zoomout\]\:bottom-4 .jvm-zoomout {
    bottom: calc(var(--spacing) * 4);
  }
  .\[\&_\.jvm-zoomout\]\:left-13 .jvm-zoomout {
    left: calc(var(--spacing) * 13);
  }
  .\[\&_\.simplebar-scrollbar\]\:before\:\!bg-background\/70 .simplebar-scrollbar::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858deg) 70%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\.simplebar-scrollbar\]\:before\:\!bg-background\/70 .simplebar-scrollbar::before {
      background-color: color-mix(in oklab, var(--color-background) 70%, transparent) !important;
    }
  }
  .\[\&_\.simplebar-scrollbar\]\:before\:\!bg-foreground\/20 .simplebar-scrollbar::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 20%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\.simplebar-scrollbar\]\:before\:\!bg-foreground\/20 .simplebar-scrollbar::before {
      background-color: color-mix(in oklab, var(--color-foreground) 20%, transparent) !important;
    }
  }
  @media (width >= 80rem) {
    .xl\:\[\&_\.simplebar-track\.simplebar-vertical\]\:mr-9 .simplebar-track.simplebar-vertical {
      margin-right: calc(var(--spacing) * 9);
    }
  }
  .\[\&_div\]\:bg-white div {
    background-color: var(--color-white);
  }
  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }
  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }
  .\[\&_td\]\:border-transparent td {
    border-color: transparent;
  }
  .\[\&_td\]\:py-3 td {
    padding-block: calc(var(--spacing) * 3);
  }
  .\[\&_th\]\:border-transparent th {
    border-color: transparent;
  }
  .\[\&_th\]\:py-5 th {
    padding-block: calc(var(--spacing) * 5);
  }
  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .\[\&_tr\]\:border-b-0 tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .\[\&_tr_th\]\:h-10 tr th {
    height: calc(var(--spacing) * 10);
  }
  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .\[\&_tr\:nth-child\(odd\)_td\]\:bg-foreground\/5 tr:nth-child(odd) td {
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 5%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_tr\:nth-child\(odd\)_td\]\:bg-foreground\/5 tr:nth-child(odd) td {
      background-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);
    }
  }
  .\[\&\.active\]\:block.active {
    display: block;
  }
  .\[\&\.active\]\:border-foreground\/10.active {
    border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\.active\]\:border-foreground\/10.active {
      border-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
  }
  .\[\&\.active\]\:border-primary.active {
    border-color: var(--color-primary);
  }
  .\[\&\.active\]\:border-primary\/10.active {
    border-color: color-mix(in srgb, oklch(37.9% 0.146 265.522deg) 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\.active\]\:border-primary\/10.active {
      border-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .\[\&\.active\]\:bg-\(--color\)\/20.active {
    background-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\.active\]\:bg-\(--color\)\/20.active {
      background-color: color-mix(in oklab, var(--color) 20%, transparent);
    }
  }
  .\[\&\.active\]\:bg-background.active {
    background-color: var(--color-background);
  }
  .\[\&\.active\]\:bg-foreground\/5.active {
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287deg) 5%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\.active\]\:bg-foreground\/5.active {
      background-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);
    }
  }
  .\[\&\.active\]\:bg-primary\/5.active {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522deg) 5%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\.active\]\:bg-primary\/5.active {
      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
    }
  }
  .\[\&\.active\]\:font-medium.active {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&\.active\]\:text-\(--color\).active {
    color: var(--color);
  }
  .\[\&\.active\]\:text-primary.active {
    color: var(--color-primary);
  }
  .\[\&\.active\]\:opacity-100.active {
    opacity: 100%;
  }
  .\[\&\.active\]\:shadow.active {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .\[\&\.active\]\:ring-5.active {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(5px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .\[\&\.active\]\:\[--color\:var\(--color-primary\)\].active {
    --color: var(--color-primary);
  }
  .\[\&\.active\]\:\[--color\:var\(--color-success\)\].active {
    --color: var(--color-success);
  }
  .\[\&\.active\]\:before\:border-\(--color\)\/20.active::before {
    content: var(--tw-content);
    border-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\.active\]\:before\:border-\(--color\)\/20.active::before {
      border-color: color-mix(in oklab, var(--color) 20%, transparent);
    }
  }
  .\[\&\.active\]\:before\:bg-\(--color\)\/5.active::before {
    content: var(--tw-content);
    background-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\.active\]\:before\:bg-\(--color\)\/5.active::before {
      background-color: color-mix(in oklab, var(--color) 5%, transparent);
    }
  }
  .\[\&\.active\]\:after\:border-\(--color\)\/20.active::after {
    content: var(--tw-content);
    border-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\.active\]\:after\:border-\(--color\)\/20.active::after {
      border-color: color-mix(in oklab, var(--color) 20%, transparent);
    }
  }
  .\[\&\.active\]\:after\:bg-\(--color\)\/5.active::after {
    content: var(--tw-content);
    background-color: var(--color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\.active\]\:after\:bg-\(--color\)\/5.active::after {
      background-color: color-mix(in oklab, var(--color) 5%, transparent);
    }
  }
  .\[\&\.close-mobile-menu--mobile-menu-open\]\:block.close-mobile-menu--mobile-menu-open {
    display: block;
  }
  @media (width >= 80rem) {
    .\[\&\.content--compact\]\:xl\:ml-\[110px\].content--compact {
      margin-left: 110px;
    }
  }
  @media (width >= 80rem) {
    .\[\&\.content--compact\]\:xl\:ml-\[150px\].content--compact {
      margin-left: 150px;
    }
  }
  @media (width >= 80rem) {
    .\[\&\.content--compact\]\:xl\:ml-\[165px\].content--compact {
      margin-left: 165px;
    }
  }
  .\[\&\.hide\]\:\!hidden.hide {
    display: none !important;
  }
  .\[\&\.scrolled\]\:sticky.scrolled {
    position: sticky;
  }
  .\[\&\.scrolled\]\:inset-x-0.scrolled {
    inset-inline: calc(var(--spacing) * 0);
  }
  .\[\&\.scrolled\]\:top-0.scrolled {
    top: calc(var(--spacing) * 0);
  }
  .\[\&\.scrolled\]\:z-\[999\].scrolled {
    z-index: 999;
  }
  .\[\&\.scrolled\]\:mt-0.scrolled {
    margin-top: calc(var(--spacing) * 0);
  }
  .\[\&\.show\]\:visible.show {
    visibility: visible;
  }
  .\[\&\.show\]\:opacity-100.show {
    opacity: 100%;
  }
  .\[\&\.show\]\:duration-\[0s\,0\.4s\].show {
    --tw-duration: 0s, 0.4s;
    transition-duration: 0s, 0.4s;
  }
  .\[\&\.side-menu--mobile-menu-open\]\:ml-0.side-menu--mobile-menu-open {
    margin-left: calc(var(--spacing) * 0);
  }
  .\[\&\.side-menu--mobile-menu-open\]\:before\:block.side-menu--mobile-menu-open::before {
    content: var(--tw-content);
    display: block;
  }
  .\[\&\.top-menu--mobile-menu-open\]\:ml-0.top-menu--mobile-menu-open {
    margin-left: calc(var(--spacing) * 0);
  }
  .\[\&\.top-menu--mobile-menu-open\]\:before\:block.top-menu--mobile-menu-open::before {
    content: var(--tw-content);
    display: block;
  }
  .\[\&\.top-menu--mobile-menu-open\]\:after\:ml-0.top-menu--mobile-menu-open::after {
    content: var(--tw-content);
    margin-left: calc(var(--spacing) * 0);
  }
  .\[\&\:-webkit-scrollbar\]\:w-0:-webkit-scrollbar {
    width: calc(var(--spacing) * 0);
  }
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
    padding-right: calc(var(--spacing) * 0);
  }
  .\[\&\:not\(\.show\)\]\:invisible:not(.show) {
    visibility: hidden;
  }
  .\[\&\:not\(\.show\)\]\:opacity-0:not(.show) {
    opacity: 0%;
  }
  .\[\&\:not\(\.show\)\]\:delay-\[0\.2s\,0s\]:not(.show) {
    transition-delay: 0.2s, 0s;
  }
  .\[\&\:not\(\.show\)\]\:duration-\[0s\,0\.2s\]:not(.show) {
    --tw-duration: 0s, 0.2s;
    transition-duration: 0s, 0.2s;
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: color-mix(in oklch, oklch(37.2% 0.044 257.287deg), transparent 90%);
  }
  @supports (color: color-mix(in lab, red, red)) {
    *,
    ::after,
    ::before,
    ::backdrop,
    ::file-selector-button {
      border-color: color-mix(in oklch, var(--color-foreground, currentColor), transparent 90%);
    }
  }
}
@layer components {
  .image-fit {
    position: relative;
  }
  .image-fit > img {
    position: absolute;
    object-fit: cover;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
body {
  font-family: var(--font-display);
  font-size: 0.875rem;
  color: var(--color-foreground);
  line-height: 1.25rem;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.box:not(.rounded-none) {
  border-radius: 0.75rem;
}
.dark {
  --color-background: var(--color-black);
  --color-foreground: var(--color-slate-300);
  --background-image-chevron: var(--background-image-chevron-light);
}
.dark .box {
  --color-background: color-mix(in oklch, #fff, transparent 99%);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark .box {
    --color-background: color-mix(in oklch, var(--color-white), transparent 99%);
  }
}
.dark .prose {
  --tw-prose-body: var(--color-foreground);
}
[x-cloak] {
  display: none;
}
.loader-dots {
  --color: var(--color-foreground);
  width: 17px;
  aspect-ratio: 2;
  --_g:
    no-repeat radial-gradient(
      circle closest-side,
      var(--color) 90%,
      #0000);
  background:
    var(--_g) 0% 50%,
    var(--_g) 50% 50%,
    var(--_g) 100% 50%;
  background-size: calc(100% / 3) 50%;
  animation: l1 1s infinite linear;
}
@keyframes l1 {
  20% {
    background-position:
      0% 0%,
      50% 50%,
      100% 50%;
  }
  40% {
    background-position:
      0% 100%,
      50% 0%,
      100% 50%;
  }
  60% {
    background-position:
      0% 50%,
      50% 100%,
      100% 0%;
  }
  80% {
    background-position:
      0% 50%,
      50% 50%,
      100% 100%;
  }
}
.loader-spinner {
  --color: var(--color-foreground);
  width: 17px;
  padding: 3px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--color);
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: source-out;
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l2 1s infinite linear;
}
@keyframes l2 {
  to {
    transform: rotate(1turn);
  }
}
[data-theme=default] {
  --color-primary: var(--color-blue-900);
}
[data-theme="1"] {
  --color-primary: var(--color-blue-950);
}
[data-theme="2"] {
  --color-primary: var(--color-sky-800);
}
[data-theme="3"] {
  --color-primary: var(--color-cyan-800);
}
[data-theme="4"] {
  --color-primary: var(--color-indigo-900);
}
[data-theme="5"] {
  --color-primary: var(--color-gray-900);
}
[data-theme="5"].dark {
  --color-primary: var(--color-gray-300);
}
@property --tw-border-spacing-x { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-border-spacing-y { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
    }
  }
}
/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */

/* src/assets/scss/main.scss */
:root {
  color-scheme: light;
}
app-root {
  display: block;
  min-height: 100vh;
  font-size: 12px;
}
:host {
  display: block;
}
.eyebrow {
  margin: 0;
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: color-mix(in oklch, var(--color-foreground), transparent 45%);
}
.lede {
  margin: 0.35rem 0 0;
  font-size: 0.9rem;
  color: color-mix(in oklch, var(--color-foreground), transparent 35%);
  max-width: 36rem;
}
.muted {
  margin: 0;
  font-size: 0.875rem;
  color: color-mix(in oklch, var(--color-foreground), transparent 40%);
}
.hint {
  margin: 0 0 0.75rem;
  font-size: 0.85rem;
  color: color-mix(in oklch, var(--color-foreground), transparent 38%);
}
.inline-error {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: var(--color-danger);
}
.text-muted {
  color: color-mix(in oklch, var(--color-foreground), transparent 40%);
}
.text-xs {
  font-size: 0.72rem;
}
.page-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem;
  margin-bottom: 1rem;
  border-radius: 1rem;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 88%);
  background: color-mix(in oklch, var(--color-background), transparent 6%);
  box-shadow: 0 6px 24px -20px color-mix(in oklch, var(--color-foreground), transparent 40%);
}
.page-header h1 {
  margin: 0.25rem 0 0;
  font-size: 1.35rem;
  font-weight: 600;
}
.header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.25rem;
}
@media (min-width: 960px) {
  .layout {
    grid-template-columns: 11rem minmax(0, 1fr);
    align-items: start;
  }
}
.side-nav {
  position: sticky;
  top: var(--sticky-header-offset, 0.75rem);
  padding: 0.75rem 0;
}
.side-title {
  margin: 0 0 0.5rem;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: color-mix(in oklch, var(--color-foreground), transparent 40%);
}
.side-links {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.side-link {
  display: block;
  padding: 0.35rem 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.8rem;
  color: color-mix(in oklch, var(--color-primary), transparent 20%);
  text-decoration: none;
  border: 1px solid transparent;
}
.side-link:hover {
  background: color-mix(in oklch, var(--color-foreground), transparent 94%);
}
.side-link.active {
  color: var(--color-primary);
  border-color: color-mix(in oklch, var(--color-primary), transparent 65%);
  background: color-mix(in oklch, var(--color-primary), transparent 92%);
}
.form-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
[id^=section-] {
  scroll-margin-top: var(--sticky-header-offset, 1.25rem);
}
.grid-two {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.85rem;
}
@media (min-width: 640px) {
  .grid-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.grid-four {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}
@media (min-width: 960px) {
  .grid-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.field span {
  font-size: 0.75rem;
  font-weight: 500;
  color: color-mix(in oklch, var(--color-foreground), transparent 35%);
}
.field.full {
  grid-column: 1/-1;
}
.field input,
.field textarea,
.field select {
  border-radius: 0.65rem;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 85%);
  background: var(--color-background);
  color: var(--color-foreground);
  padding: 0.5rem 0.65rem;
  font-size: 0.875rem;
  outline: none;
  font-family: inherit;
}
.field input:focus,
.field textarea:focus,
.field select:focus {
  border-color: color-mix(in oklch, var(--color-primary), transparent 40%);
}
.file-input {
  display: inline-flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
  cursor: pointer;
}
.file-input span {
  font-size: 0.75rem;
  font-weight: 600;
  color: color-mix(in oklch, var(--color-foreground), transparent 70%);
}
.file-input input[type=file] {
  font-size: 0.8rem;
}
.pc-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 960px) {
  .pc-field {
    flex-direction: row;
  }
}
.pc-field__meta {
  width: 100%;
  text-align: left;
}
@media (min-width: 960px) {
  .pc-field__meta {
    width: 16rem;
    min-width: 16rem;
    margin-right: 2.5rem;
  }
}
.pc-field__label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-foreground);
}
.pc-field__required {
  display: inline-flex;
  align-items: center;
  margin-left: 0.75rem;
  padding: 1px 0.5rem;
  border-radius: 999px;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 85%);
  background: color-mix(in oklch, var(--color-foreground), transparent 96%);
  font-size: 0.75rem;
  color: var(--color-foreground);
}
.pc-field__description {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.625;
  opacity: 0.7;
}
.pc-field__body {
  width: 100%;
  margin-top: 0.75rem;
  flex: 1;
}
@media (min-width: 960px) {
  .pc-field__body {
    margin-top: 0;
  }
}
.pc-field__control {
  width: 100%;
  height: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 85%);
  background: var(--color-background);
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: var(--color-foreground);
  outline: none;
  font-family: inherit;
  transition: box-shadow 0.15s, border-color 0.15s;
}
.pc-field__control::placeholder {
  color: color-mix(in oklch, var(--color-foreground), transparent 70%);
}
.pc-field__control:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--color-background), 0 0 0 4px color-mix(in oklch, var(--color-foreground), transparent 96%);
}
.pc-field__control:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.pc-field select.pc-field__control {
  appearance: none;
  padding-right: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-position: right 0.75rem center;
  background-size: 1.25rem;
  background-repeat: no-repeat;
}
.pc-field textarea.pc-field__control {
  height: auto;
  resize: vertical;
}
.pc-field__control-wrap {
  width: 100%;
}
.pc-field__body p-inputgroup {
  width: 100%;
}
.pc-field__body p-inputgroup .p-inputgroup {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
}
.pc-field__body p-inputgroup .p-inputgroup-addon {
  display: flex;
  align-items: center;
  background: color-mix(in oklch, var(--color-foreground), transparent 96%);
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 85%);
  color: color-mix(in oklch, var(--color-foreground), transparent 35%);
  font-size: 0.875rem;
  padding: 0 0.75rem;
}
.pc-field__body p-inputgroup .p-inputgroup > input[pInputText] {
  flex: 1 1 auto;
  min-width: 0;
  border-radius: 0;
}
.pc-field__body p-inputgroup .p-inputgroup > p-inputnumber {
  flex: 1 1 auto;
  min-width: 0;
}
.pc-field__body p-inputgroup .p-inputgroup > :first-child,
.pc-field__body p-inputgroup .p-inputgroup > :first-child .p-inputtext {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.pc-field__body p-inputgroup .p-inputgroup > :last-child,
.pc-field__body p-inputgroup .p-inputgroup > :last-child .p-inputtext {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.pc-field__body p-inputnumber {
  width: 100%;
}
.pc-field__body p-inputnumber .p-inputnumber {
  width: 100%;
}
.pc-field__body p-inputnumber .p-inputnumber > .p-inputtext {
  width: 100%;
  height: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 85%);
  background: var(--color-background);
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: var(--color-foreground);
  font-family: inherit;
  box-shadow: none;
}
.pc-field__body p-inputnumber .p-inputnumber > .p-inputtext::placeholder {
  color: color-mix(in oklch, var(--color-foreground), transparent 70%);
}
.pc-field__body p-inputnumber .p-inputnumber > .p-inputtext:enabled:hover {
  border-color: color-mix(in oklch, var(--color-foreground), transparent 75%);
}
.pc-field__body p-inputnumber .p-inputnumber > .p-inputtext:enabled:focus {
  border-color: color-mix(in oklch, var(--color-foreground), transparent 85%);
  outline: none;
  box-shadow: 0 0 0 2px var(--color-background), 0 0 0 4px color-mix(in oklch, var(--color-foreground), transparent 96%);
}
.pc-field__body p-password.pc-password-field {
  width: 100%;
}
.pc-field__body p-password.pc-password-field .p-password {
  width: 100%;
}
.pc-field__body p-password.pc-password-field .p-password-input {
  width: 100%;
  height: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 85%);
  background: var(--color-background);
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: var(--color-foreground);
  font-family: inherit;
  box-shadow: none;
}
.pc-field__body p-password.pc-password-field .p-password-input::placeholder {
  color: color-mix(in oklch, var(--color-foreground), transparent 70%);
}
.pc-field__body p-password.pc-password-field .p-password-input:enabled:hover {
  border-color: color-mix(in oklch, var(--color-foreground), transparent 75%);
}
.pc-field__body p-password.pc-password-field .p-password-input:enabled:focus {
  border-color: color-mix(in oklch, var(--color-foreground), transparent 85%);
  outline: none;
  box-shadow: 0 0 0 2px var(--color-background), 0 0 0 4px color-mix(in oklch, var(--color-foreground), transparent 96%);
}
.pc-field__body p-password.pc-password-field .p-password-toggle-mask-icon {
  color: color-mix(in oklch, var(--color-foreground), transparent 70%);
}
.pc-field__body p-select {
  width: 100%;
}
.pc-field__body p-select .p-select {
  width: 100%;
  height: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 85%);
  background: var(--color-background);
  font-size: 0.875rem;
  color: var(--color-foreground);
  box-shadow: none;
}
.pc-field__body p-select .p-select:not(.p-disabled):hover {
  border-color: color-mix(in oklch, var(--color-foreground), transparent 75%);
}
.pc-field__body p-select .p-select:not(.p-disabled).p-focus {
  border-color: color-mix(in oklch, var(--color-foreground), transparent 85%);
  outline: none;
  box-shadow: 0 0 0 2px var(--color-background), 0 0 0 4px color-mix(in oklch, var(--color-foreground), transparent 96%);
}
.pc-field__body p-select .p-select .p-select-label {
  padding: 0.5rem 0.75rem;
  font-family: inherit;
  color: var(--color-foreground);
}
.pc-field__body p-select .p-select .p-select-label.p-placeholder {
  color: color-mix(in oklch, var(--color-foreground), transparent 70%);
}
.pc-field__body p-select .p-select .p-select-dropdown {
  color: color-mix(in oklch, var(--color-foreground), transparent 70%);
}
.pc-field__body p-select .p-select-overlay {
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 85%);
  border-radius: 0.5rem;
  background: var(--color-background);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.pc-field__body p-select .p-select-option {
  font-size: 0.875rem;
  color: var(--color-foreground);
  padding: 0.5rem 0.75rem;
}
.pc-field__body p-select .p-select-option.p-focus {
  background: color-mix(in oklch, var(--color-foreground), transparent 96%);
}
.pc-field__body p-select .p-select-option.p-selected {
  background: color-mix(in oklch, var(--color-primary), transparent 92%);
  color: var(--color-primary);
}
.pc-field__body input[pInputText].pc-field__control {
  width: 100%;
  box-shadow: none;
}
.pc-field__body input[pInputText].pc-field__control:enabled:hover {
  border-color: color-mix(in oklch, var(--color-foreground), transparent 75%);
}
.pc-field__body input[pInputText].pc-field__control:enabled:focus {
  border-color: color-mix(in oklch, var(--color-foreground), transparent 85%);
  box-shadow: 0 0 0 2px var(--color-background), 0 0 0 4px color-mix(in oklch, var(--color-foreground), transparent 96%);
}
.pc-field__body textarea[pTextarea].pc-field__control {
  width: 100%;
  box-shadow: none;
}
.pc-field__body textarea[pTextarea].pc-field__control:enabled:hover {
  border-color: color-mix(in oklch, var(--color-foreground), transparent 75%);
}
.pc-field__body textarea[pTextarea].pc-field__control:enabled:focus {
  border-color: color-mix(in oklch, var(--color-foreground), transparent 85%);
  box-shadow: 0 0 0 2px var(--color-background), 0 0 0 4px color-mix(in oklch, var(--color-foreground), transparent 96%);
}
.pc-checkbox p-checkbox .p-checkbox-box {
  width: 1rem;
  height: 1rem;
  border-radius: 0.35rem;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 75%);
  background: var(--color-background);
  transition: background 0.15s, border-color 0.15s;
}
.pc-checkbox p-checkbox .p-checkbox-box:hover {
  border-color: color-mix(in oklch, var(--color-foreground), transparent 35%);
}
.pc-checkbox p-checkbox.p-checkbox-checked .p-checkbox-box {
  background: var(--color-primary);
  border-color: var(--color-primary);
}
.pc-fields {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.pc-field--compact .pc-field__meta {
  width: 100% !important;
  min-width: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0.125rem;
}
.pc-field--compact .pc-field__label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: color-mix(in oklch, var(--color-foreground), transparent 45%);
}
.pc-field--compact .pc-field__body {
  margin-top: 0.25rem !important;
}
.pc-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.pc-checkbox input[type=checkbox] {
  accent-color: var(--color-primary);
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}
.pc-checkbox p-checkbox {
  display: inline-flex;
  align-items: center;
}
.pc-checkbox span {
  font-size: 0.875rem;
  color: var(--color-foreground);
  -webkit-user-select: none;
  user-select: none;
}
.card {
  border-radius: 1rem;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 88%);
  background: color-mix(in oklch, var(--color-background), transparent 6%);
  box-shadow: 0 6px 24px -20px color-mix(in oklch, var(--color-foreground), transparent 40%);
  overflow: hidden;
}
.card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.15rem 0;
}
.card-head h2 {
  margin: 0.2rem 0 0;
  font-size: 1.05rem;
  font-weight: 600;
}
.card-body {
  padding: 1rem 1.15rem 1.15rem;
}
.card-body.flush {
  padding: 0;
}
.card-action-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-bottom: 0.65rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid color-mix(in oklch, var(--color-foreground), transparent 92%);
}
.card--danger {
  border-color: color-mix(in oklch, var(--color-danger), transparent 70%);
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.55rem 1rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition:
    opacity 0.15s,
    background 0.15s,
    border-color 0.15s;
}
.btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.btn.primary {
  background: var(--color-primary);
  color: #fff;
  border-color: var(--color-primary);
}
.btn.primary:hover:not(:disabled) {
  opacity: 0.92;
}
.btn.ghost {
  background: color-mix(in oklch, var(--color-foreground), transparent 94%);
  color: var(--color-foreground);
  border-color: color-mix(in oklch, var(--color-foreground), transparent 85%);
}
.btn.ghost:hover:not(:disabled) {
  background: color-mix(in oklch, var(--color-foreground), transparent 90%);
}
.btn.danger {
  background: color-mix(in oklch, var(--color-danger), transparent 92%);
  color: var(--color-danger);
  border-color: color-mix(in oklch, var(--color-danger), transparent 55%);
}
.btn.tiny {
  padding: 0.25rem 0.5rem;
  font-size: 0.7rem;
}
.btn.sm {
  padding: 0.35rem 0.85rem;
  font-size: 0.82rem;
}
.btn.xs {
  padding: 0.2rem 0.5rem;
  font-size: 0.75rem;
}
.banner {
  padding: 0.65rem 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
}
.banner.error {
  background: color-mix(in oklch, var(--color-danger), transparent 92%);
  color: var(--color-danger);
  border: 1px solid color-mix(in oklch, var(--color-danger), transparent 70%);
}
.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 85%);
  background: color-mix(in oklch, var(--color-foreground), transparent 96%);
  font-size: 0.8rem;
  cursor: pointer;
}
.chip input {
  margin: 0;
}
.chip--toggle {
  transition:
    background-color 120ms ease,
    border-color 120ms ease,
    color 120ms ease;
  line-height: 1;
}
.chip--toggle:hover {
  border-color: color-mix(in oklch, var(--color-primary), transparent 55%);
  background: color-mix(in oklch, var(--color-primary), transparent 92%);
}
.chip--toggle.active {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: #fff;
}
.chip--toggle.active:hover {
  background: color-mix(in oklch, var(--color-primary), black 10%);
  border-color: color-mix(in oklch, var(--color-primary), black 10%);
}
.image-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.thumb {
  margin: 0;
  width: 7.5rem;
}
.thumb img {
  display: block;
  width: 100%;
  height: 5.5rem;
  object-fit: cover;
  border-radius: 0.65rem;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 88%);
}
.thumb figcaption {
  margin-top: 0.35rem;
  text-align: center;
}
.cost-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cost-row {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.65rem 0.75rem;
  border-radius: 0.65rem;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 88%);
  background: color-mix(in oklch, var(--color-foreground), transparent 97%);
  cursor: pointer;
}
.cost-meta {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.cost-meta strong {
  font-size: 0.875rem;
}
.calc-grid {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1.35fr) minmax(0, 0.85fr) minmax(0, 0.95fr) minmax(5.5rem, 0.75fr) minmax(0, 0.85fr) minmax(0, 1fr);
  column-gap: 0.5rem;
  align-items: center;
}
@media (max-width: 960px) {
  .calc-grid {
    grid-template-columns: 2rem minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(5rem, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    row-gap: 0.35rem;
  }
  .calc-head {
    display: none;
  }
  .calc-drag-row {
    grid-template-columns: 2rem 1fr;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }
  .calc-drag-row > div:nth-child(n+2) {
    grid-column: 2;
  }
}
.cdk-drag-preview {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1.35fr) minmax(0, 0.85fr) minmax(0, 0.95fr) minmax(5.5rem, 0.75fr) minmax(0, 0.85fr) minmax(0, 1fr);
  column-gap: 0.5rem;
  align-items: center;
  width: min(100%, 960px);
  padding: 0.65rem 0.5rem;
  background: var(--color-background);
  border-radius: 0.5rem;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 88%);
  box-shadow: 0 10px 15px -3px color-mix(in oklch, var(--color-foreground), transparent 88%), 0 4px 6px -4px color-mix(in oklch, var(--color-foreground), transparent 92%);
}
.cdk-drag-placeholder {
  min-height: 3rem;
  opacity: 0.35;
  background: color-mix(in oklch, var(--color-foreground), transparent 94%);
  border-radius: 0.35rem;
}
.cdk-drag-animating {
  transition: transform 180ms cubic-bezier(0, 0, 0.2, 1);
}
.detail-tab {
  border: none;
  background: transparent;
  color: color-mix(in oklch, var(--color-foreground), transparent 35%);
  font-size: 0.875rem;
  padding: 0.55rem 0.9rem;
  cursor: pointer;
  border-radius: 0.5rem 0.5rem 0 0;
  transition: background-color 0.12s ease, color 0.12s ease;
}
.detail-tab:hover {
  background: color-mix(in oklch, var(--color-background), transparent 40%);
  color: var(--color-foreground);
}
.detail-tab--active {
  background: var(--color-background);
  color: var(--color-primary);
  font-weight: 600;
  box-shadow: inset 0 -3px 0 var(--color-primary);
}
.detail-dl > div {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 0.5rem;
  font-size: 0.875rem;
}
.detail-dl dt {
  margin: 0;
  color: color-mix(in oklch, var(--color-foreground), transparent 35%);
}
.detail-dl dd {
  margin: 0;
  font-weight: 600;
  color: var(--color-foreground);
}
@media (max-width: 480px) {
  .detail-dl > div {
    grid-template-columns: 1fr;
  }
}
.page-header--sticky {
  position: sticky;
  top: -1px;
  z-index: 20;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: color-mix(in oklch, var(--color-background), transparent 18%);
}
.header-left {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  min-width: 0;
}
.info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  gap: 1rem;
}
.info-item {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.info-label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: color-mix(in oklch, var(--color-foreground), transparent 45%);
}
.info-value {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--color-foreground);
}
.status-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.65rem;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.status-badge--active,
.status-badge--completed {
  background: #dcfce7;
  color: #15803d;
}
.status-badge--error,
.status-badge--failed {
  background: #fee2e2;
  color: #b91c1c;
}
.status-badge--inactive,
.status-badge--idle {
  background: #f3f4f6;
  color: #6b7280;
}
.status-badge--pending {
  background: #fef9c3;
  color: #854d0e;
}
.status-badge--running {
  background: #dbeafe;
  color: #1d4ed8;
}
.status-badge--requested {
  background: #fef3c7;
  color: #92400e;
}
.status-badge--approved {
  background: #dbeafe;
  color: #1e40af;
}
.status-badge--rejected {
  background: #fee2e2;
  color: #991b1b;
}
.status-badge--shipped {
  background: #ede9fe;
  color: #5b21b6;
}
.status-badge--received {
  background: #cffafe;
  color: #155e75;
}
.status-badge--refunded {
  background: #d1fae5;
  color: #065f46;
}
.status-badge--closed {
  background: #e5e7eb;
  color: #374151;
}
.status-badge--created {
  border-color: color-mix(in oklch, #3758f9, transparent 72%);
  color: #3554db;
  background: color-mix(in oklch, #3758f9, white 90%);
}
.status-badge--in-transit {
  border-color: color-mix(in oklch, #f59022, transparent 70%);
  color: #b86a13;
  background: color-mix(in oklch, #f59022, white 88%);
}
.status-badge--delivered {
  border-color: color-mix(in oklch, #169760, transparent 66%);
  color: #0f7e4f;
  background: color-mix(in oklch, #169760, white 86%);
}
.status-badge--cancelled {
  border-color: color-mix(in oklch, #cf374a, transparent 72%);
  color: #ad2d3d;
  background: color-mix(in oklch, #cf374a, white 88%);
}
.dialog-overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.dialog {
  background: var(--color-background);
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 85%);
  border-radius: 1rem;
  box-shadow: 0 16px 48px -12px rgba(0, 0, 0, 0.3);
  width: 90%;
  max-width: 540px;
  max-height: 85vh;
  overflow-y: auto;
  padding: 1.5rem;
}
.dialog__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.dialog__header h3 {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
}
.dialog__close {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-foreground);
  opacity: 0.5;
  padding: 0.25rem;
  font-size: 1rem;
  transition: opacity 0.15s;
}
.dialog__close:hover {
  opacity: 1;
}
.dialog__body {
  margin-bottom: 1.25rem;
}
.dialog__footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.dashboard-row {
  display: grid;
  column-gap: 0.75rem;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  border-radius: 1rem;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 88%);
  background: color-mix(in oklch, var(--color-background), transparent 6%);
  box-shadow: 0 6px 24px -20px color-mix(in oklch, var(--color-foreground), transparent 40%);
  padding: 0.65rem 0.9rem;
  cursor: pointer;
}
.row-name {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-foreground);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.row-badge {
  justify-self: start;
  border-radius: 999px;
  border: 1px solid color-mix(in oklch, var(--color-primary), transparent 55%);
  background: color-mix(in oklch, var(--color-primary), transparent 90%);
  color: var(--color-primary);
  padding: 0.2rem 0.55rem;
  font-size: 0.72rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.row-detail {
  font-size: 0.82rem;
  color: var(--color-foreground);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.row-detail-label {
  display: block;
  color: color-mix(in oklch, var(--color-foreground), transparent 40%);
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.row-secondary {
  color: color-mix(in oklch, var(--color-foreground), transparent 35%);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.row-metric {
  text-align: center;
  min-width: 0;
}
.row-metric-label {
  display: block;
  color: color-mix(in oklch, var(--color-foreground), transparent 40%);
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.row-metric strong {
  display: block;
  margin-top: 0.1rem;
  font-size: 0.88rem;
  color: var(--color-foreground);
}
.row-value {
  text-align: right;
  min-width: 0;
}
.row-value-label {
  display: block;
  color: color-mix(in oklch, var(--color-foreground), transparent 40%);
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.row-value strong {
  font-size: 0.92rem;
  color: var(--color-foreground);
}
.row-action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
}
.row-action-delete {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border-radius: 0.5rem;
  color: color-mix(in oklch, var(--color-foreground), transparent 35%);
  transition: color 0.15s, background 0.15s;
  cursor: pointer;
}
.row-action-delete:hover {
  background: color-mix(in oklch, #ef4444, transparent 92%);
  color: #ef4444;
}
.page {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.page-subtitle {
  margin: 0.25rem 0 0;
  color: color-mix(in oklch, var(--color-foreground), transparent 40%);
  font-size: 0.875rem;
}
.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 1rem;
  border-radius: 0.75rem;
  background: var(--color-primary);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid var(--color-primary);
  cursor: pointer;
  transition: opacity 0.15s;
}
.btn-primary:hover:not(:disabled) {
  opacity: 0.92;
}
.btn-primary:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 85%);
  background: color-mix(in oklch, var(--color-background), transparent 6%);
  color: var(--color-foreground);
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.btn-secondary:hover:not(:disabled) {
  background: color-mix(in oklch, var(--color-foreground), transparent 94%);
}
.btn-secondary:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.btn-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
  border-radius: 0.75rem;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 85%);
  background: color-mix(in oklch, var(--color-background), transparent 6%);
  color: var(--color-foreground);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition:
    background 0.15s,
    border-color 0.15s,
    color 0.15s;
}
.btn-toggle:hover {
  background: color-mix(in oklch, var(--color-foreground), transparent 94%);
}
.btn-toggle.active {
  background: var(--color-primary);
  color: #fff;
  border-color: var(--color-primary);
}
.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.75rem;
}
.stat-card {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1rem 1.25rem;
  background: color-mix(in oklch, var(--color-background), transparent 6%);
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 88%);
  border-radius: 0.75rem;
  box-shadow: 0 6px 24px -20px color-mix(in oklch, var(--color-foreground), transparent 40%);
}
.stat-card .label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: color-mix(in oklch, var(--color-foreground), transparent 45%);
}
.stat-card .value {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--color-foreground);
}
.filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: end;
  padding: 0.875rem 1.25rem;
  background: color-mix(in oklch, var(--color-background), transparent 6%);
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 88%);
  border-radius: 0.75rem;
  box-shadow: 0 6px 24px -20px color-mix(in oklch, var(--color-foreground), transparent 40%);
}
.filters pc-text-input {
  flex: 2 1 15rem;
}
.filters pc-select {
  flex: 1 1 14rem;
}
.filters .pc-field {
  flex-direction: column;
}
.filters .pc-field__meta {
  width: auto;
  min-width: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.filters .pc-field__label {
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: color-mix(in oklch, var(--color-foreground), transparent 45%);
}
.filters .pc-field__body {
  margin-top: 0.25rem;
}
.filters .btn-secondary,
.filters .btn-primary,
.filters .btn-toggle {
  min-height: 2.5rem;
}
.table-card {
  background: color-mix(in oklch, var(--color-background), transparent 6%);
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 88%);
  border-radius: 0.75rem;
  box-shadow: 0 6px 24px -20px color-mix(in oklch, var(--color-foreground), transparent 40%);
  overflow: hidden;
}
.data-table {
  width: 100%;
  border-collapse: collapse;
}
.data-table th,
.data-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid color-mix(in oklch, var(--color-foreground), transparent 92%);
  font-size: 0.875rem;
}
.data-table th {
  background: color-mix(in oklch, var(--color-foreground), transparent 95%);
  font-weight: 600;
  font-size: 0.75rem;
  color: color-mix(in oklch, var(--color-foreground), transparent 40%);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
}
.data-table tbody tr {
  transition: background 0.12s;
}
.data-table tbody tr:hover {
  background: color-mix(in oklch, var(--color-foreground), transparent 95%);
}
.data-table tbody tr:last-child td {
  border-bottom: none;
}
.data-table td.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.data-table td.muted,
.data-table td.period {
  color: color-mix(in oklch, var(--color-foreground), transparent 40%);
  font-size: 0.8125rem;
}
.data-table td.actions {
  text-align: right;
  width: 1%;
  white-space: nowrap;
}
.data-table td.actions .icon-btn + .icon-btn,
.data-table td.actions .icon-btn + .btn-secondary,
.data-table td.actions .btn-secondary + .icon-btn,
.data-table td.actions .btn-secondary + .btn-secondary {
  margin-left: 0.35rem;
}
.row-link {
  color: var(--color-foreground);
  font-weight: 500;
  text-decoration: none;
}
.row-link:hover {
  color: var(--color-primary);
  text-decoration: underline;
}
.mono {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    monospace;
  letter-spacing: 0.04em;
  font-size: 0.85rem;
}
.muted {
  color: color-mix(in oklch, var(--color-foreground), transparent 40%);
}
.muted.small {
  font-size: 0.75rem;
}
.badge {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.625rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
}
.badge-emerald {
  background: rgb(209, 250, 229);
  color: rgb(4, 120, 87);
}
.badge-blue {
  background: rgb(219, 234, 254);
  color: rgb(30, 64, 175);
}
.badge-amber {
  background: rgb(254, 243, 199);
  color: rgb(146, 64, 14);
}
.badge-red {
  background: rgb(254, 226, 226);
  color: rgb(153, 27, 27);
}
.badge-slate {
  background: rgb(241, 245, 249);
  color: rgb(71, 85, 105);
}
.badge-violet {
  background: rgb(237, 233, 254);
  color: rgb(91, 33, 182);
}
.badge-cyan {
  background: rgb(207, 250, 254);
  color: rgb(21, 94, 117);
}
.badge-pink {
  background: rgb(252, 231, 243);
  color: rgb(157, 23, 77);
}
.icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 85%);
  background: color-mix(in oklch, var(--color-background), transparent 6%);
  color: color-mix(in oklch, var(--color-foreground), transparent 70%);
  cursor: pointer;
  transition:
    background 0.15s,
    border-color 0.15s,
    color 0.15s;
}
.icon-btn:hover:not(:disabled) {
  background: color-mix(in oklch, var(--color-foreground), transparent 94%);
  color: var(--color-foreground);
}
.icon-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.icon-btn i {
  font-size: 0.85rem;
}
.icon-btn-danger {
  color: var(--color-danger);
}
.icon-btn-danger:hover:not(:disabled) {
  background: color-mix(in oklch, var(--color-danger), transparent 92%);
  border-color: color-mix(in oklch, var(--color-danger), transparent 55%);
  color: var(--color-danger);
}
.empty {
  text-align: center;
  padding: 2.5rem 1rem;
  color: color-mix(in oklch, var(--color-foreground), transparent 45%);
  font-size: 0.875rem;
}
.row-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.row-list-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  background: color-mix(in oklch, var(--color-background), transparent 6%);
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 88%);
  border-radius: 0.75rem;
  box-shadow: 0 6px 24px -20px color-mix(in oklch, var(--color-foreground), transparent 40%);
  transition: border-color 0.15s, box-shadow 0.15s;
}
.row-list-item:hover {
  border-color: color-mix(in oklch, var(--color-primary), transparent 65%);
}
.auth-container {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(
      135deg,
      var(--p-primary-50) 0%,
      var(--p-surface-0) 100%);
  padding: 1rem;
}
.auth-card {
  width: 100%;
  max-width: 420px;
  background: var(--p-surface-0);
  border-radius: 1rem;
  border: 1px solid var(--p-surface-200);
  padding: 2.5rem;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}
.auth-header {
  text-align: center;
  margin-bottom: 2rem;
}
.auth-logo {
  margin-bottom: 0.75rem;
}
.auth-title {
  font-size: 1.5rem;
  color: var(--p-surface-900);
  margin: 0 0 0.5rem 0;
}
.auth-subtitle {
  color: var(--p-surface-500);
  font-size: 0.875rem;
  margin: 0;
}
.auth-error {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
  background: var(--p-red-50);
  color: var(--p-red-700);
  font-size: 0.875rem;
  border: 1px solid var(--p-red-200);
}
.auth-success {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
  background: var(--p-green-50);
  color: var(--p-green-700);
  font-size: 0.875rem;
  border: 1px solid var(--p-green-200);
}
.auth-success i {
  flex-shrink: 0;
  margin-top: 0.1rem;
}
.auth-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.auth-form .field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.auth-form .field label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--p-surface-700);
}
.auth-footer {
  text-align: center;
  margin-top: 0.5rem;
}
.back-link {
  color: var(--p-primary-600);
  font-size: 0.875rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  transition: color 0.2s;
}
.back-link:hover {
  color: var(--p-primary-700);
  text-decoration: underline;
}
.editor {
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 85%);
  border-radius: 0.85rem;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 8px 24px -16px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
.editor__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid color-mix(in oklch, var(--color-foreground), transparent 90%);
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.015) 0%,
      transparent 100%);
}
.editor__eyebrow {
  margin: 0 0 0.15rem 0;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: color-mix(in oklch, var(--color-foreground), transparent 40%);
}
.editor__title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 600;
}
.editor__header-actions {
  display: flex;
  align-items: flex-end;
  gap: 1.5rem;
  flex-shrink: 0;
}
.editor__header-actions ::ng-deep .pc-field {
  flex-direction: row;
  align-items: center;
  gap: 0.6rem;
}
.editor__header-actions ::ng-deep .pc-field__meta {
  width: auto;
  min-width: 0;
  margin-right: 0;
}
.editor__header-actions ::ng-deep .pc-field__body {
  margin-top: 0;
  width: auto;
}
.editor__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
@media (min-width: 1100px) {
  .editor__layout {
    grid-template-columns: minmax(0, 1fr) 22rem;
  }
}
.editor__main {
  padding: 1.5rem;
  min-width: 0;
}
.editor__body {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.editor__section {
  padding: 1.25rem 0;
  border-bottom: 1px solid color-mix(in oklch, var(--color-foreground), transparent 94%);
}
.editor__section:last-child {
  border-bottom: 0;
}
.editor__section-header {
  margin-bottom: 1rem;
}
.editor__section-header h3 {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-foreground);
}
.editor__section-header p {
  margin: 0.2rem 0 0 0;
  font-size: 0.8rem;
  color: color-mix(in oklch, var(--color-foreground), transparent 40%);
}
.editor__rows {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.editor__preview {
  border-top: 1px solid color-mix(in oklch, var(--color-foreground), transparent 94%);
  padding: 1.25rem 1.5rem;
  background: rgba(0, 0, 0, 0.015);
}
@media (min-width: 1100px) {
  .editor__preview {
    border-top: 0;
    border-left: 1px solid color-mix(in oklch, var(--color-foreground), transparent 94%);
    position: sticky;
    top: 1rem;
    align-self: start;
  }
}
.editor__preview-label {
  margin: 0 0 0.6rem 0;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: color-mix(in oklch, var(--color-foreground), transparent 40%);
}
.editor__footer {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid color-mix(in oklch, var(--color-foreground), transparent 90%);
  background: rgba(0, 0, 0, 0.02);
  position: sticky;
  bottom: 0;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  z-index: 5;
}
.editor-card {
  border: 1px solid color-mix(in oklch, var(--color-foreground), transparent 85%);
  border-radius: 0.85rem;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 8px 24px -16px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.editor-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid color-mix(in oklch, var(--color-foreground), transparent 90%);
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.015) 0%,
      transparent 100%);
}
.editor-card-eyebrow {
  margin: 0 0 0.15rem 0;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: color-mix(in oklch, var(--color-foreground), transparent 40%);
}
.editor-card-title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 600;
}
.editor-card-desc {
  margin: 0.35rem 0 0 0;
  font-size: 0.85rem;
  color: color-mix(in oklch, var(--color-foreground), transparent 35%);
}
.editor-card-header-actions {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  flex-shrink: 0;
}
.editor-card-body {
  padding: 1.5rem;
}
.editor-card-body--flush {
  padding: 0;
}
.editor-card-footer {
  display: flex;
  gap: 0.6rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid color-mix(in oklch, var(--color-foreground), transparent 90%);
  background: rgba(0, 0, 0, 0.02);
}
.settings-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.85rem 1.5rem;
}
@media (min-width: 900px) {
  .settings-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.settings-readonly {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.85rem 1.5rem;
  margin: 0;
}
@media (min-width: 900px) {
  .settings-readonly {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 900px) {
  .settings-readonly .full {
    grid-column: 1/-1;
  }
}
.settings-readonly > div {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.settings-readonly dt {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: color-mix(in oklch, var(--color-foreground), transparent 40%);
}
.settings-readonly dd {
  margin: 0;
  font-size: 0.95rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
}
.pc-accordion-item {
  display: block;
}
.pc-accordion-item .card-head {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
}
.pc-accordion-item .card-head::after {
  content: "\25be";
  font-size: 0.95rem;
  line-height: 1;
  color: color-mix(in oklch, var(--color-foreground), transparent 50%);
  transition: transform 0.2s ease;
  margin-left: auto;
  flex-shrink: 0;
}
.pc-accordion-item:not(.expanded) .card-head {
  padding-bottom: 1rem;
}
.pc-accordion-item:not(.expanded) .card-head::after {
  transform: rotate(-90deg);
}
.pc-accordion-item:not(.expanded) .card-body {
  display: none;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */