/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-100.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-100.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-100italic.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-100italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-200.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-200.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-200italic.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-200italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-300.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-300.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-300italic.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-300italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-regular.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-regular.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-italic.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-500.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-500.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-500italic.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-500italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-600.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-600.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-600italic.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-600italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-700.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-700.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-700italic.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-700italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-800.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-800.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-800italic.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-800italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-900.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-900.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-900italic.woff2') format('woff2'),  url('/cuenta/perfil/static/fonts/montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-900italic.ttf') format('truetype');
}
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --tw-font-sans: 'Montserrat';
    --tw-text-tiny: 0.625rem;
    --tw-text-tiny--line-height: 1.5rem;
    --tw-text-tiny--letter-spacing: 0.125rem;
    --tw-text-tiny--font-weight: var(--text-sm--font-weight);
    --tw-color-header-base-100: var(--header-base-100);
    --tw-color-header-base-200: var(--header-base-200);
    --tw-color-header-base-300: var(--header-base-300);
    --tw-color-header: var(--color-base-300);
    --tw-color-header-secondary: var(--color-secondary);
    --tw-color-header-icon: var(--color-neutral);
    --tw-color-header-icon-hover: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-color-header-icon-hover: color-mix(in oklch, var(--color-neutral)100%, white 10%);
    }
    --tw-color-header-icon-text: var(--color-header-icon-content);
    --tw-color-header-icon-primary: var(--color-primary);
    --tw-color-header-icon-primary-hover: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-color-header-icon-primary-hover: color-mix(in oklch, var(--color-primary)100%, white 10%);
    }
    --tw-color-header-primary-hover: var(--color-primary-hover);
    --tw-color-header-primary-content: var(--color-primary-content);
    --tw-color-header-nav-mobile-secondary-link-hover: var(--color-header-nav-mobile-secondary-hover);
    --tw-color-header-nav-mobile-base-content: var(--color-base-content);
    --tw-color-header-nav-mobile-base-content-hover: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-color-header-nav-mobile-base-content-hover: color-mix(in oklch, var(--color-base-content)100%, white 10%);
    }
    --tw-color-base-content-highlight: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-color-base-content-highlight: color-mix(in oklch, var(--color-base-content)100%, white 20%);
    }
    --tw-color-title: var(--color-base-content);
    --tw-color-primary-highlight: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-color-primary-highlight: color-mix(in oklch, var(--color-primary)100%, black 20%);
    }
    --tw-color-signup-neutral-content: var(--color-neutral-content);
    --tw-color-signup-primary-hover: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-color-signup-primary-hover: color-mix(in oklch, var(--color-primary)100%, white 40%);
    }
    --tw-color-selected-secondary-content: var(--color-secondary-content);
    --tw-color-unselected-neutral-content: var(--color-neutral-content);
    --tw-color-sidebar-base-content: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-color-sidebar-base-content: color-mix(in oklch, var(--color-base-content)100%, black 10%);
    }
    --tw-color-sidebar-selected-secondary-content: var(--color-primary);
    --tw-color-sidebar-selected-background: var(--color-secondary-content);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-color-sidebar-selected-background: color-mix(in oklch, var(--color-secondary-content)10%, black 5%);
    }
    --tw-color-sidebar-tertiary: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-color-sidebar-tertiary: color-mix(in oklch, var(--color-base-content)15%, transparent);
    }
    --tw-color-card-background: var(--color-base-300);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-color-card-background: color-mix(in oklch, var(--color-base-300)90%, white 10%);
    }
    --tw-color-card-light: var(--color-accent-content);
    --tw-color-card-light-content: var(--color-primary-content);
    --tw-color-card-base-300: var(--color-base-300);
    --tw-color-popover: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-color-popover: color-mix(in oklch, var(--color-neutral), white 20%);
    }
    --tw-color-popover-secondary: var(--color-neutral);
    --tw-color-popover-content: white;
    --tw-color-lines-unselected-neutral: var(--color-neutral);
    --tw-color-lines-selected-secondary-content: var(--color-secondary-content);
    --tw-color-lines-unselected-neutral-content: var(--color-neutral-content);
    --tw-color-cas-lobby-crash: oklch(61.648% 0.26462 328.201);
    --tw-color-cas-lobby-slots: oklch(89% 0.25 85);
    --tw-color-cas-lobby-table-games: oklch(70.517% 0.12586 249.748);
    --tw-color-cas-lobby-jackpot: oklch(55.591% 0.2147 12.285);
    --tw-color-cas-lobby-for-fun: oklch(64.375% 0.16032 152.732);
  }
}
@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%;
    tab-size: 4;
    font-family: var(--tw-default-font-family, var(--tw-font-sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));
    font-feature-settings: var(--tw-default-font-feature-settings, initial);
    font-variation-settings: var(--tw-default-font-variation-settings, initial);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--tw-default-mono-font-family, var(--tw-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace));
    font-feature-settings: var(--tw-default-mono-font-feature-settings, initial);
    font-variation-settings: var(--tw-default-mono-font-variation-settings, initial);
    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;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-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;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .tw\:\@container {
    container-type: inline-size;
  }
  .tw\:modal {
    @layer daisyui.l1.l2.l3 {
      pointer-events: none;
      visibility: hidden;
      position: fixed;
      inset: calc(0.25rem * 0);
      margin: calc(0.25rem * 0);
      display: grid;
      height: 100%;
      max-height: none;
      width: 100%;
      max-width: none;
      align-items: center;
      justify-items: center;
      background-color: transparent;
      padding: calc(0.25rem * 0);
      color: inherit;
      transition: visibility 0.3s allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out;
      overflow: clip;
      overscroll-behavior: contain;
      z-index: 999;
      scrollbar-gutter: auto;
      &::backdrop {
        display: none;
      }
    }
    @layer daisyui.l1.l2 {
      &.tw\:modal-open, &[open], &:target, .tw\:modal-toggle:checked + & {
        pointer-events: auto;
        visibility: visible;
        opacity: 100%;
        transition: visibility 0s allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out;
        background-color: oklch(0% 0 0/ 0.4);
        .tw\:modal-box {
          translate: 0 0;
          scale: 1;
          opacity: 1;
        }
        :root:has(&) {
          --page-has-backdrop: 1;
          --page-overflow: hidden;
          --page-scroll-bg: var(--page-scroll-bg-on);
          --page-scroll-gutter: stable;
          --page-scroll-transition: var(--page-scroll-transition-on);
          animation: set-page-has-scroll forwards;
          animation-timeline: scroll();
        }
      }
      @starting-style {
        &.tw\:modal-open, &[open], &:target, .tw\:modal-toggle:checked + & {
          opacity: 0%;
        }
      }
    }
  }
  .tw\:fab {
    @layer daisyui.l1.l2.l3 {
      pointer-events: none;
      position: fixed;
      inset-inline-end: calc(0.25rem * 4);
      bottom: calc(0.25rem * 4);
      z-index: 999;
      display: flex;
      flex-direction: column-reverse;
      align-items: flex-end;
      gap: calc(0.25rem * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      white-space: nowrap;
      > * {
        pointer-events: auto;
        display: flex;
        align-items: center;
        gap: calc(0.25rem * 2);
        &:hover, &:has(:focus-visible) {
          z-index: 1;
        }
      }
      > [tabindex] {
        &:first-child {
          position: relative;
          display: grid;
          transition-property: opacity, visibility, rotate;
          transition-duration: 0.2s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        }
      }
      .tw\:fab-close {
        position: absolute;
        inset-inline-end: calc(0.25rem * 0);
        bottom: calc(0.25rem * 0);
      }
      .tw\:fab-main-action {
        position: absolute;
        inset-inline-end: calc(0.25rem * 0);
        bottom: calc(0.25rem * 0);
      }
      &:focus-within {
        &:has(.tw\:fab-close), &:has(.tw\:fab-main-action) {
          > [tabindex] {
            rotate: 90deg;
            opacity: 0%;
          }
        }
        > [tabindex]:first-child {
          pointer-events: none;
        }
        > :nth-child(n + 2) {
          visibility: visible;
          --tw-scale-x: 100%;
          --tw-scale-y: 100%;
          --tw-scale-z: 100%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
          opacity: 100%;
        }
      }
      > :nth-child(n + 2) {
        visibility: hidden;
        --tw-scale-x: 80%;
        --tw-scale-y: 80%;
        --tw-scale-z: 80%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
        opacity: 0%;
        transition-property: opacity, scale, visibility;
        transition-duration: 0.2s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        &.tw\:fab-main-action, &.tw\:fab-close {
          --tw-scale-x: 100%;
          --tw-scale-y: 100%;
          --tw-scale-z: 100%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
        }
      }
      > :nth-child(3) {
        transition-delay: 30ms;
      }
      > :nth-child(4) {
        transition-delay: 60ms;
      }
      > :nth-child(5) {
        transition-delay: 90ms;
      }
      > :nth-child(6) {
        transition-delay: 120ms;
      }
    }
  }
  .tw\:tooltip {
    @layer daisyui.l1.l2.l3 {
      position: relative;
      display: inline-block;
      --tt-bg: var(--color-neutral);
      --tt-off: calc(100% + 0.5rem);
      --tt-tail: calc(100% + 1px + 0.25rem);
      & > .tw\:tooltip-content, &[data-tip]:before {
        position: absolute;
        max-width: 20rem;
        border-radius: var(--radius-field);
        padding-inline: calc(0.25rem * 2);
        padding-block: calc(0.25rem * 1);
        text-align: center;
        white-space: normal;
        color: var(--color-neutral-content);
        opacity: 0%;
        font-size: 0.875rem;
        line-height: 1.25;
        background-color: var(--tt-bg);
        width: max-content;
        pointer-events: none;
        z-index: 2;
        --tw-content: attr(data-tip);
        content: var(--tw-content);
      }
      &:after {
        opacity: 0%;
        background-color: var(--tt-bg);
        content: "";
        pointer-events: none;
        width: 0.625rem;
        height: 0.25rem;
        display: block;
        position: absolute;
        mask-repeat: no-repeat;
        mask-position: -1px 0;
        --mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");
        mask-image: var(--mask-tooltip);
      }
      @media (prefers-reduced-motion: no-preference) {
        & > .tw\:tooltip-content, &[data-tip]:before, &:after {
          transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;
        }
      }
      &:is([data-tip]:not([data-tip=""]), :has(.tw\:tooltip-content:not(:empty))) {
        &.tw\:tooltip-open, &:hover, &:has(:focus-visible) {
          & > .tw\:tooltip-content, &[data-tip]:before, &:after {
            opacity: 100%;
            --tt-pos: 0rem;
            @media (prefers-reduced-motion: no-preference) {
              transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
            }
          }
        }
      }
    }
    @layer daisyui.l1.l2 {
      > .tw\:tooltip-content, &[data-tip]:before {
        transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));
        inset: auto auto var(--tt-off) 50%;
      }
      &:after {
        transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));
        inset: auto auto var(--tt-tail) 50%;
      }
    }
  }
  .tw\:tab {
    @layer daisyui.l1.l2.l3 {
      position: relative;
      display: inline-flex;
      cursor: pointer;
      appearance: none;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      text-align: center;
      webkit-user-select: none;
      user-select: none;
      &:hover {
        @media (hover: hover) {
          color: var(--color-base-content);
        }
      }
      --tab-p: 0.75rem;
      --tab-bg: var(--color-base-100);
      --tab-border-color: var(--color-base-300);
      --tab-radius-ss: 0;
      --tab-radius-se: 0;
      --tab-radius-es: 0;
      --tab-radius-ee: 0;
      --tab-order: 0;
      --tab-radius-min: calc(0.75rem - var(--border));
      --tab-radius-limit: min(var(--radius-field), var(--tab-radius-min));
      --tab-radius-grad: #0000 calc(69% - var(--border)),
      var(--tab-border-color) calc(69% - var(--border) + 0.25px),
      var(--tab-border-color) 69%,
      var(--tab-bg) calc(69% + 0.25px);
      border-color: #0000;
      order: var(--tab-order);
      height: var(--tab-height);
      font-size: 0.875rem;
      padding-inline: var(--tab-p);
      &:is(input[type="radio"]) {
        min-width: fit-content;
        &:after {
          --tw-content: attr(aria-label);
          content: var(--tw-content);
        }
      }
      &:is(label) {
        position: relative;
        input {
          position: absolute;
          inset: calc(0.25rem * 0);
          cursor: pointer;
          appearance: none;
          opacity: 0%;
        }
      }
      &:checked, &:is(label:has(:checked)), &:is(.tw\:tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
        & + .tw\:tab-content {
          display: block;
        }
      }
      &:not( :checked, label:has(:checked), :hover, .tw\:tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"] ) {
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
        }
      }
      &:not(input):empty {
        flex-grow: 1;
        cursor: default;
      }
      &:focus {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
      &:focus-visible, &:is(label:has(:checked:focus-visible)) {
        outline: 2px solid currentColor;
        outline-offset: -5px;
      }
      &[disabled] {
        pointer-events: none;
        opacity: 40%;
      }
    }
  }
  .tw\:menu {
    @layer daisyui.l1.l2.l3 {
      display: flex;
      width: fit-content;
      flex-direction: column;
      flex-wrap: wrap;
      padding: calc(0.25rem * 2);
      --menu-active-fg: var(--color-neutral-content);
      --menu-active-bg: var(--color-neutral);
      font-size: 0.875rem;
      :where(li ul) {
        position: relative;
        margin-inline-start: calc(0.25rem * 4);
        padding-inline-start: calc(0.25rem * 2);
        white-space: nowrap;
        &:before {
          position: absolute;
          inset-inline-start: calc(0.25rem * 0);
          top: calc(0.25rem * 3);
          bottom: calc(0.25rem * 3);
          background-color: var(--color-base-content);
          opacity: 10%;
          width: var(--border);
          content: "";
        }
      }
      :where(li > .tw\:menu-dropdown:not(.tw\:menu-dropdown-show)) {
        display: none;
      }
      :where(li:not(.tw\:menu-title) > *:not(ul, details, .tw\:menu-title, .tw\:btn)), :where(li:not(.tw\:menu-title) > details > summary:not(.tw\:menu-title)) {
        display: grid;
        grid-auto-flow: column;
        align-content: flex-start;
        align-items: center;
        gap: calc(0.25rem * 2);
        border-radius: var(--radius-field);
        padding-inline: calc(0.25rem * 3);
        padding-block: calc(0.25rem * 1.5);
        text-align: start;
        transition-property: color, background-color, box-shadow;
        transition-duration: 0.2s;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        grid-auto-columns: minmax(auto, max-content) auto max-content;
        text-wrap: balance;
        user-select: none;
      }
      :where(li > details > summary) {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
        &::-webkit-details-marker {
          display: none;
        }
      }
      :where(li > details > summary), :where(li > .tw\:menu-dropdown-toggle) {
        &:after {
          justify-self: flex-end;
          display: block;
          height: 0.375rem;
          width: 0.375rem;
          rotate: -135deg;
          translate: 0 -1px;
          transition-property: rotate, translate;
          transition-duration: 0.2s;
          content: "";
          transform-origin: 50% 50%;
          box-shadow: 2px 2px inset;
          pointer-events: none;
        }
      }
      details {
        overflow: hidden;
        interpolate-size: allow-keywords;
      }
      details::details-content {
        block-size: 0;
        @media (prefers-reduced-motion: no-preference) {
          transition-behavior: allow-discrete;
          transition-property: block-size, content-visibility;
          transition-duration: 0.2s;
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        }
      }
      details[open]::details-content {
        block-size: auto;
      }
      :where(li > details[open] > summary):after, :where(li > .tw\:menu-dropdown-toggle.tw\:menu-dropdown-show):after {
        rotate: 45deg;
        translate: 0 1px;
      }
      :where( li:not(.tw\:menu-title, .tw\:disabled) > *:not(ul, details, .tw\:menu-title), li:not(.tw\:menu-title, .tw\:disabled) > details > summary:not(.tw\:menu-title) ):not(.tw\:menu-active, :active, .tw\:btn) {
        &.tw\:menu-focus, &:focus-visible {
          cursor: pointer;
          background-color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
          }
          color: var(--color-base-content);
          --tw-outline-style: none;
          outline-style: none;
          @media (forced-colors: active) {
            outline: 2px solid transparent;
            outline-offset: 2px;
          }
        }
      }
      :where( li:not(.tw\:menu-title, .tw\:disabled) > *:not(ul, details, .tw\:menu-title):not(.tw\:menu-active, :active, .tw\:btn):hover, li:not(.tw\:menu-title, .tw\:disabled) > details > summary:not(.tw\:menu-title):not(.tw\:menu-active, :active, .tw\:btn):hover ) {
        cursor: pointer;
        background-color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
        }
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
        box-shadow: 0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset;
      }
      :where(li:empty) {
        background-color: var(--color-base-content);
        opacity: 10%;
        margin: 0.5rem 1rem;
        height: 1px;
      }
      :where(li) {
        position: relative;
        display: flex;
        flex-shrink: 0;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: stretch;
        .tw\:badge {
          justify-self: flex-end;
        }
        & > *:not(ul, .tw\:menu-title, details, .tw\:btn):active, & > *:not(ul, .tw\:menu-title, details, .tw\:btn).tw\:menu-active, & > details > summary:active {
          --tw-outline-style: none;
          outline-style: none;
          @media (forced-colors: active) {
            outline: 2px solid transparent;
            outline-offset: 2px;
          }
          color: var(--menu-active-fg);
          background-color: var(--menu-active-bg);
          background-size: auto, calc(var(--noise) * 100%);
          background-image: none, var(--fx-noise);
          &:not(&:active) {
            box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);
          }
        }
        &.tw\:menu-disabled {
          pointer-events: none;
          color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
          }
        }
      }
      .tw\:dropdown:focus-within {
        .tw\:menu-dropdown-toggle:after {
          rotate: 45deg;
          translate: 0 1px;
        }
      }
      .tw\:dropdown-content {
        margin-top: calc(0.25rem * 2);
        padding: calc(0.25rem * 2);
        &:before {
          display: none;
        }
      }
    }
  }
  .tw\:collapse-arrow {
    @layer daisyui.l1.l2 {
      > .tw\:collapse-title:after {
        position: absolute;
        display: block;
        height: 0.5rem;
        width: 0.5rem;
        transform: translateY(-100%) rotate(45deg);
        @media (prefers-reduced-motion: no-preference) {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 0.2s;
        }
        top: 50%;
        inset-inline-end: 1.4rem;
        content: "";
        transform-origin: 75% 75%;
        box-shadow: 2px 2px;
        pointer-events: none;
      }
    }
  }
  .tw\:collapse-plus {
    @layer daisyui.l1.l2 {
      > .tw\:collapse-title:after {
        position: absolute;
        display: block;
        height: 0.5rem;
        width: 0.5rem;
        @media (prefers-reduced-motion: no-preference) {
          transition-property: all;
          transition-duration: 300ms;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        }
        top: 0.9rem;
        inset-inline-end: 1.4rem;
        --tw-content: "+";
        content: var(--tw-content);
        pointer-events: none;
      }
    }
  }
  .tw\:dock {
    @layer daisyui.l1.l2.l3 {
      position: fixed;
      right: calc(0.25rem * 0);
      bottom: calc(0.25rem * 0);
      left: calc(0.25rem * 0);
      z-index: 1;
      display: flex;
      width: 100%;
      flex-direction: row;
      align-items: center;
      justify-content: space-around;
      background-color: var(--color-base-100);
      padding: calc(0.25rem * 2);
      color: currentcolor;
      border-top: 0.5px solid var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        border-top: 0.5px solid color-mix(in oklab, var(--color-base-content) 5%, #0000);
      }
      height: 4rem;
      height: calc(4rem + env(safe-area-inset-bottom));
      padding-bottom: env(safe-area-inset-bottom);
      > * {
        position: relative;
        margin-bottom: calc(0.25rem * 2);
        display: flex;
        height: 100%;
        max-width: calc(0.25rem * 32);
        flex-shrink: 1;
        flex-basis: 100%;
        cursor: pointer;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1px;
        border-radius: var(--radius-box);
        background-color: transparent;
        transition: opacity 0.2s ease-out;
        @media (hover: hover) {
          &:hover {
            opacity: 80%;
          }
        }
        &[aria-disabled="true"], &[disabled] {
          &, &:hover {
            pointer-events: none;
            color: var(--color-base-content);
            @supports (color: color-mix(in lab, red, red)) {
              color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
            }
            opacity: 100%;
          }
        }
        .tw\:dock-label {
          font-size: 0.6875rem;
        }
        &:after {
          content: "";
          position: absolute;
          height: calc(0.25rem * 1);
          width: calc(0.25rem * 6);
          border-radius: calc(infinity * 1px);
          background-color: transparent;
          bottom: 0.2rem;
          border-top: 3px solid transparent;
          transition: background-color 0.1s ease-out, text-color 0.1s ease-out, width 0.1s ease-out;
        }
      }
    }
  }
  .tw\:dropdown {
    @layer daisyui.l1.l2.l3 {
      position: relative;
      display: inline-block;
      position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);
      & > *:not(:has(~ [class*="dropdown-content"])):focus {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
      .tw\:dropdown-content {
        position: absolute;
      }
      &.tw\:dropdown-close .tw\:dropdown-content, &:not(details, .tw\:dropdown-open, .tw\:dropdown-hover:hover, :focus-within) .tw\:dropdown-content, &.tw\:dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .tw\:dropdown-content {
        display: none;
        transform-origin: top;
        opacity: 0%;
        scale: 95%;
      }
      &[popover], .tw\:dropdown-content {
        z-index: 999;
        @media (prefers-reduced-motion: no-preference) {
          animation: dropdown 0.2s;
          transition-property: opacity, scale, display, overlay;
          transition-behavior: allow-discrete;
          transition-duration: 0.2s;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        }
      }
      @starting-style {
        &[popover], .tw\:dropdown-content {
          scale: 95%;
          opacity: 0;
        }
      }
      &:not(.tw\:dropdown-close) {
        &.tw\:dropdown-open, &:not(.tw\:dropdown-hover):focus, &:focus-within {
          > [tabindex]:first-child {
            pointer-events: none;
          }
          .tw\:dropdown-content {
            opacity: 100%;
            scale: 100%;
          }
        }
        &.tw\:dropdown-hover:hover {
          .tw\:dropdown-content {
            opacity: 100%;
            scale: 100%;
          }
        }
      }
      &:is(details) {
        summary {
          &::-webkit-details-marker {
            display: none;
          }
        }
      }
      &:where([popover]) {
        background: #0000;
      }
      &[popover] {
        position: fixed;
        color: inherit;
        @supports not (position-area: bottom) {
          margin: auto;
          &.tw\:dropdown-close, &.tw\:dropdown-open:not(:popover-open) {
            display: none;
            transform-origin: top;
            opacity: 0%;
            scale: 95%;
          }
          &::backdrop {
            background-color: color-mix(in oklab, #000 30%, #0000);
          }
        }
        &.tw\:dropdown-close, &:not(.tw\:dropdown-open, :popover-open) {
          display: none;
          transform-origin: top;
          opacity: 0%;
          scale: 95%;
        }
      }
    }
  }
  .tw\:btn {
    :where(&) {
      @layer daisyui.l1.l2.l3 {
        width: unset;
      }
    }
    .tw\:prose :where(a&:not(.tw\:btn-link)):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      text-decoration-line: none;
    }
    @layer daisyui.l1.l2.l3 {
      display: inline-flex;
      flex-shrink: 0;
      cursor: pointer;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: center;
      gap: calc(0.25rem * 1.5);
      text-align: center;
      vertical-align: middle;
      outline-offset: 2px;
      webkit-user-select: none;
      user-select: none;
      padding-inline: var(--btn-p);
      color: var(--btn-fg);
      --tw-prose-links: var(--btn-fg);
      height: var(--size);
      font-size: var(--fontsize, 0.875rem);
      font-weight: 600;
      outline-color: var(--btn-color, var(--color-base-content));
      transition-property: color, background-color, border-color, box-shadow;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-duration: 0.2s;
      border-start-start-radius: var(--join-ss, var(--radius-field));
      border-start-end-radius: var(--join-se, var(--radius-field));
      border-end-start-radius: var(--join-es, var(--radius-field));
      border-end-end-radius: var(--join-ee, var(--radius-field));
      background-color: var(--btn-bg);
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--btn-noise);
      border-width: var(--border);
      border-style: solid;
      border-color: var(--btn-border);
      text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));
      touch-action: manipulation;
      box-shadow: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow);
      --size: calc(var(--size-field, 0.25rem) * 10);
      --btn-bg: var(--btn-color, var(--color-base-200));
      --btn-fg: var(--color-base-content);
      --btn-p: 1rem;
      --btn-border: var(--btn-bg);
      @supports (color: color-mix(in lab, red, red)) {
        --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
      }
      --btn-shadow: 0 3px 2px -2px var(--btn-bg),
      0 4px 3px -2px var(--btn-bg);
      @supports (color: color-mix(in lab, red, red)) {
        --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),
      0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
      }
      --btn-noise: var(--fx-noise);
      @media (hover: hover) {
        &:hover {
          --btn-bg: var(--btn-color, var(--color-base-200));
          @supports (color: color-mix(in lab, red, red)) {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
          }
        }
      }
      &:focus-visible, &:has(:focus-visible) {
        outline-width: 2px;
        outline-style: solid;
        isolation: isolate;
      }
      &:active:not(.tw\:btn-active) {
        translate: 0 0.5px;
        --btn-bg: var(--btn-color, var(--color-base-200));
        @supports (color: color-mix(in lab, red, red)) {
          --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
        }
        --btn-border: var(--btn-color, var(--color-base-200));
        @supports (color: color-mix(in lab, red, red)) {
          --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
        }
        --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);
      }
      &:is(input[type="checkbox"], input[type="radio"]) {
        appearance: none;
        &[aria-label]::after {
          --tw-content: attr(aria-label);
          content: var(--tw-content);
        }
      }
      &:where(input:checked:not(.tw\:filter .tw\:btn)) {
        --btn-color: var(--color-primary);
        --btn-fg: var(--color-primary-content);
        isolation: isolate;
      }
    }
    &:disabled {
      @layer daisyui.l1.l2 {
        &:not(.tw\:btn-link, .tw\:btn-ghost) {
          background-color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
          }
          box-shadow: none;
        }
        pointer-events: none;
        --btn-border: #0000;
        --btn-noise: none;
        --btn-fg: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
        }
      }
    }
    &[disabled] {
      @layer daisyui.l1.l2 {
        &:not(.tw\:btn-link, .tw\:btn-ghost) {
          background-color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
          }
          box-shadow: none;
        }
        pointer-events: none;
        --btn-border: #0000;
        --btn-noise: none;
        --btn-fg: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
        }
      }
    }
  }
  .tw\:loading {
    @layer daisyui.l1.l2.l3 {
      pointer-events: none;
      display: inline-block;
      aspect-ratio: 1 / 1;
      background-color: currentcolor;
      vertical-align: middle;
      width: calc(var(--size-selector, 0.25rem) * 6);
      mask-size: 100%;
      mask-repeat: no-repeat;
      mask-position: center;
      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    }
  }
  .tw\:pointer-events-auto {
    pointer-events: auto;
  }
  .tw\:pointer-events-none {
    pointer-events: none;
  }
  .tw\:collapse {
    &:not(td, tr, colgroup) {
      visibility: revert-layer;
    }
    @layer daisyui.l1.l2.l3 {
      display: grid;
      position: relative;
      overflow: hidden;
      border-radius: var(--radius-box, 1rem);
      width: 100%;
      grid-template-rows: max-content 0fr;
      grid-template-columns: minmax(0, 1fr);
      isolation: isolate;
      @media (prefers-reduced-motion: no-preference) {
        transition: grid-template-rows 0.2s;
      }
      > input:is([type="checkbox"], [type="radio"]) {
        grid-column-start: 1;
        grid-row-start: 1;
        appearance: none;
        opacity: 0;
        z-index: 1;
        width: 100%;
        padding: 1rem;
        padding-inline-end: 3rem;
        min-height: 1lh;
        transition: background-color 0.2s ease-out;
      }
      &:is( [open], [tabindex]:focus:not(.tw\:collapse-close), [tabindex]:focus-within:not(.tw\:collapse-close) ), &:not(.tw\:collapse-close):has(> input:is([type="checkbox"], [type="radio"]):checked) {
        grid-template-rows: max-content 1fr;
      }
      &:is( [open], [tabindex]:focus:not(.tw\:collapse-close), [tabindex]:focus-within:not(.tw\:collapse-close) ) > .tw\:collapse-content, &:not(.tw\:collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .tw\:collapse-content) {
        content-visibility: visible;
        min-height: fit-content;
        @supports not (content-visibility: visible) {
          visibility: visible;
        }
      }
      &:focus-visible, &:has(> input:is([type="checkbox"], [type="radio"]):focus-visible), &:has(summary:focus-visible) {
        outline-color: var(--color-base-content);
        outline-style: solid;
        outline-width: 2px;
        outline-offset: 2px;
      }
      &:not(.tw\:collapse-close) {
        > input[type="checkbox"], > input[type="radio"]:not(:checked), > .tw\:collapse-title {
          cursor: pointer;
        }
      }
      &[tabindex]:focus:not(.tw\:collapse-close, .tw\:collapse[open]), &[tabindex]:focus-within:not(.tw\:collapse-close, .tw\:collapse[open]) {
        > .tw\:collapse-title {
          cursor: unset;
        }
      }
      &:is( [open], [tabindex]:focus:not(.tw\:collapse-close), [tabindex]:focus-within:not(.tw\:collapse-close) ) > :where(.tw\:collapse-content), &:not(.tw\:collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .tw\:collapse-content) {
        padding-bottom: 1rem;
      }
    }
    @layer daisyui.l1.l2 {
      &:is([open]) {
        &.tw\:collapse-arrow {
          > .tw\:collapse-title:after {
            @media (prefers-reduced-motion: no-preference) {
              transform: translateY(-50%) rotate(225deg);
            }
          }
        }
      }
      &.tw\:collapse-open {
        &.tw\:collapse-arrow {
          > .tw\:collapse-title:after {
            @media (prefers-reduced-motion: no-preference) {
              transform: translateY(-50%) rotate(225deg);
            }
          }
        }
        &.tw\:collapse-plus {
          > .tw\:collapse-title:after {
            --tw-content: "−";
            content: var(--tw-content);
          }
        }
      }
      &[tabindex].tw\:collapse-arrow:focus:not(.tw\:collapse-close), &.tw\:collapse-arrow[tabindex]:focus-within:not(.tw\:collapse-close) {
        > .tw\:collapse-title:after {
          transform: translateY(-50%) rotate(225deg);
        }
      }
      &.tw\:collapse-arrow:not(.tw\:collapse-close) {
        > input:is([type="checkbox"], [type="radio"]):checked ~ .tw\:collapse-title:after {
          transform: translateY(-50%) rotate(225deg);
        }
      }
      &[open] {
        &.tw\:collapse-plus {
          > .tw\:collapse-title:after {
            --tw-content: "−";
            content: var(--tw-content);
          }
        }
      }
      &[tabindex].tw\:collapse-plus:focus:not(.tw\:collapse-close) {
        > .tw\:collapse-title:after {
          --tw-content: "−";
          content: var(--tw-content);
        }
      }
      &.tw\:collapse-plus:not(.tw\:collapse-close) {
        > input:is([type="checkbox"], [type="radio"]):checked ~ .tw\:collapse-title:after {
          --tw-content: "−";
          content: var(--tw-content);
        }
      }
    }
    &:is(details) {
      @layer daisyui.l1.l2.l3 {
        width: 100%;
        @media (prefers-reduced-motion: no-preference) {
          &::details-content {
            transition: content-visibility 0.2s allow-discrete, visibility 0.2s allow-discrete, min-height 0.2s ease-out allow-discrete, padding 0.1s ease-out 20ms, background-color 0.2s ease-out, height 0.2s;
            height: 0;
            interpolate-size: allow-keywords;
          }
          &:where([open])::details-content {
            height: auto;
          }
        }
        & summary {
          position: relative;
          display: block;
          &::-webkit-details-marker {
            display: none;
          }
        }
        & > .tw\:collapse-content {
          content-visibility: visible;
        }
      }
    }
    &:is(details) summary {
      @layer daisyui.l1.l2.l3 {
        outline: none;
      }
    }
  }
  .tw\:collapse-content {
    @layer daisyui.l1.l2.l3 {
      grid-column-start: 1;
      grid-row-start: 1;
    }
    @layer daisyui.l1.l2.l3 {
      content-visibility: hidden;
      grid-column-start: 1;
      grid-row-start: 2;
      min-height: 0;
      padding-left: 1rem;
      padding-right: 1rem;
      cursor: unset;
      @supports not (content-visibility: hidden) {
        visibility: hidden;
      }
      @media (prefers-reduced-motion: no-preference) {
        transition: content-visibility 0.2s allow-discrete, visibility 0.2s allow-discrete, min-height 0.2s ease-out allow-discrete, padding 0.1s ease-out 20ms, background-color 0.2s ease-out;
      }
    }
  }
  .tw\:validator-hint {
    @layer daisyui.l1.l2.l3 {
      visibility: hidden;
      margin-top: calc(0.25rem * 2);
      font-size: 0.75rem;
    }
  }
  .tw\:validator {
    @layer daisyui.l1.l2.l3 {
      &:user-valid, &:has(:user-valid) {
        &, &:focus, &:checked, &[aria-checked="true"], &:focus-within {
          --input-color: var(--color-success);
        }
      }
      &:user-invalid, &:has(:user-invalid), &[aria-invalid]:not([aria-invalid="false"]), &:has([aria-invalid]:not([aria-invalid="false"])) {
        &, &:focus, &:checked, &[aria-checked="true"], &:focus-within {
          --input-color: var(--color-error);
        }
        & ~ .tw\:validator-hint {
          visibility: visible;
          color: var(--color-error);
        }
      }
    }
    &:user-invalid, &:has(:user-invalid), &[aria-invalid]:not([aria-invalid="false"]), &:has([aria-invalid]:not([aria-invalid="false"])) {
      & ~ .tw\:validator-hint {
        display: revert-layer;
      }
    }
  }
  .tw\:collapse {
    visibility: collapse;
  }
  .tw\:invisible {
    visibility: hidden;
  }
  .tw\:visible {
    visibility: visible;
  }
  .tw\:toggle {
    @layer daisyui.l1.l2.l3 {
      border: var(--border) solid currentColor;
      color: var(--input-color);
      position: relative;
      display: inline-grid;
      flex-shrink: 0;
      cursor: pointer;
      appearance: none;
      place-content: center;
      vertical-align: middle;
      webkit-user-select: none;
      user-select: none;
      grid-template-columns: 0fr 1fr 1fr;
      --radius-selector-max: calc(
      var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
    );
      border-radius: calc( var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)) );
      padding: var(--toggle-p);
      box-shadow: 0 1px currentColor inset;
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;
      }
      transition: color 0.3s, grid-template-columns 0.2s;
      --input-color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000);
      }
      --toggle-p: calc(var(--size) * 0.125);
      --size: calc(var(--size-selector, 0.25rem) * 6);
      width: calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);
      height: var(--size);
      > * {
        z-index: 1;
        grid-column: span 1 / span 1;
        grid-column-start: 2;
        grid-row-start: 1;
        height: 100%;
        cursor: pointer;
        appearance: none;
        background-color: transparent;
        padding: calc(0.25rem * 0.5);
        transition: opacity 0.2s, rotate 0.4s;
        border: none;
        &:focus {
          --tw-outline-style: none;
          outline-style: none;
          @media (forced-colors: active) {
            outline: 2px solid transparent;
            outline-offset: 2px;
          }
        }
        &:nth-child(2) {
          color: var(--color-base-100);
          rotate: 0deg;
        }
        &:nth-child(3) {
          color: var(--color-base-100);
          opacity: 0%;
          rotate: -15deg;
        }
      }
      &:has(:checked) {
        > :nth-child(2) {
          opacity: 0%;
          rotate: 15deg;
        }
        > :nth-child(3) {
          opacity: 100%;
          rotate: 0deg;
        }
      }
      &:before {
        position: relative;
        inset-inline-start: calc(0.25rem * 0);
        grid-column-start: 2;
        grid-row-start: 1;
        aspect-ratio: 1 / 1;
        height: 100%;
        width: 100%;
        border-radius: var(--radius-selector);
        background-color: currentcolor;
        translate: 0;
        --tw-content: "";
        content: var(--tw-content);
        transition: background-color 0.1s, translate 0.2s, inset-inline-start 0.2s;
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor;
        @supports (color: color-mix(in lab, red, red)) {
          box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);
        }
        background-size: auto, calc(var(--noise) * 100%);
        background-image: none, var(--fx-noise);
      }
      @media (forced-colors: active) {
        &:before {
          outline-style: var(--tw-outline-style);
          outline-width: 1px;
          outline-offset: calc(1px * -1);
        }
      }
      @media print {
        &:before {
          outline: 0.25rem solid;
          outline-offset: -1rem;
        }
      }
      &:focus-visible, &:has(:focus-visible) {
        outline: 2px solid currentColor;
        outline-offset: 2px;
      }
      &:checked, &[aria-checked="true"], &:has(> input:checked) {
        grid-template-columns: 1fr 1fr 0fr;
        background-color: var(--color-base-100);
        --input-color: var(--color-base-content);
        &:before {
          background-color: currentcolor;
        }
        @starting-style {
          &:before {
            opacity: 0;
          }
        }
      }
      &:indeterminate {
        grid-template-columns: 0.5fr 1fr 0.5fr;
      }
      &:disabled {
        cursor: not-allowed;
        opacity: 30%;
        &:before {
          background-color: transparent;
          border: var(--border) solid currentColor;
        }
      }
    }
  }
  .tw\:input {
    @layer daisyui.l1.l2.l3 {
      cursor: text;
      border: var(--border) solid #0000;
      position: relative;
      display: inline-flex;
      flex-shrink: 1;
      appearance: none;
      align-items: center;
      gap: calc(0.25rem * 2);
      background-color: var(--color-base-100);
      padding-inline: calc(0.25rem * 3);
      vertical-align: middle;
      white-space: nowrap;
      width: clamp(3rem, 20rem, 100%);
      height: var(--size);
      font-size: max(var(--font-size, 0.875rem), 0.875rem);
      touch-action: manipulation;
      border-start-start-radius: var(--join-ss, var(--radius-field));
      border-start-end-radius: var(--join-se, var(--radius-field));
      border-end-start-radius: var(--join-es, var(--radius-field));
      border-end-end-radius: var(--join-ee, var(--radius-field));
      border-color: var(--input-color);
      box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
      }
      --size: calc(var(--size-field, 0.25rem) * 10);
      --input-color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
      &:where(input) {
        display: inline-flex;
      }
      :where(input) {
        display: inline-flex;
        height: 100%;
        width: 100%;
        appearance: none;
        background-color: transparent;
        border: none;
        &:focus, &:focus-within {
          --tw-outline-style: none;
          outline-style: none;
          @media (forced-colors: active) {
            outline: 2px solid transparent;
            outline-offset: 2px;
          }
        }
      }
      :where(input[type="url"]), :where(input[type="email"]) {
        direction: ltr;
      }
      :where(input[type="date"]) {
        display: inline-flex;
      }
      &:focus, &:focus-within {
        --input-color: var(--color-base-content);
        box-shadow: 0 1px var(--input-color);
        @supports (color: color-mix(in lab, red, red)) {
          box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
        }
        outline: 2px solid var(--input-color);
        outline-offset: 2px;
        isolation: isolate;
      }
      @media (pointer: coarse) {
        @supports (-webkit-touch-callout: none) {
          &:focus, &:focus-within {
            --font-size: 1rem;
          }
        }
      }
      &:has(> input[disabled]), &:is(:disabled, [disabled]), fieldset:disabled & {
        cursor: not-allowed;
        border-color: var(--color-base-200);
        background-color: var(--color-base-200);
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
        }
        &::placeholder {
          color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
          }
        }
        box-shadow: none;
      }
      &:has(> input[disabled]) > input[disabled] {
        cursor: not-allowed;
      }
      &::-webkit-date-and-time-value {
        text-align: inherit;
      }
      &[type="number"] {
        &::-webkit-inner-spin-button {
          margin-block: calc(0.25rem * -3);
          margin-inline-end: calc(0.25rem * -3);
        }
      }
      &::-webkit-calendar-picker-indicator {
        position: absolute;
        inset-inline-end: 0.75em;
      }
      &:has(> input[type="date"]) {
        :where(input[type="date"]) {
          display: inline-flex;
          webkit-appearance: none;
          appearance: none;
        }
        input[type="date"]::-webkit-calendar-picker-indicator {
          position: absolute;
          inset-inline-end: 0.75em;
          width: 1em;
          height: 1em;
          cursor: pointer;
        }
      }
    }
  }
  .tw\:avatar-online {
    @layer daisyui.l1.l2 {
      &:before {
        content: "";
        position: absolute;
        z-index: 1;
        display: block;
        border-radius: calc(infinity * 1px);
        background-color: var(--color-success);
        outline: 2px solid var(--color-base-100);
        width: 15%;
        height: 15%;
        top: 7%;
        right: 7%;
      }
    }
  }
  .tw\:range {
    @layer daisyui.l1.l2.l3 {
      appearance: none;
      webkit-appearance: none;
      --range-thumb: var(--color-base-100);
      --range-thumb-size: calc(var(--size-selector, 0.25rem) * 6);
      --range-progress: currentColor;
      --range-fill: 1;
      --range-p: 0.25rem;
      --range-bg: currentColor;
      @supports (color: color-mix(in lab, red, red)) {
        --range-bg: color-mix(in oklab, currentColor 10%, #0000);
      }
      cursor: pointer;
      overflow: hidden;
      background-color: transparent;
      vertical-align: middle;
      width: clamp(3rem, 20rem, 100%);
      --radius-selector-max: calc(
      var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
    );
      border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
      border: none;
      height: var(--range-thumb-size);
      [dir="rtl"] & {
        --range-dir: -1;
      }
      &:focus {
        outline: none;
      }
      &:focus-visible {
        outline: 2px solid;
        outline-offset: 2px;
      }
      &::-webkit-slider-runnable-track {
        width: 100%;
        background-color: var(--range-bg);
        border-radius: var(--radius-selector);
        height: calc(var(--range-thumb-size) * 0.5);
      }
      @media (forced-colors: active) {
        &::-webkit-slider-runnable-track {
          border: 1px solid;
        }
      }
      @media (forced-colors: active) {
        &::-moz-range-track {
          border: 1px solid;
        }
      }
      &::-webkit-slider-thumb {
        position: relative;
        box-sizing: border-box;
        border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
        background-color: var(--range-thumb);
        height: var(--range-thumb-size);
        width: var(--range-thumb-size);
        border: var(--range-p) solid;
        appearance: none;
        webkit-appearance: none;
        top: 50%;
        color: var(--range-progress);
        transform: translateY(-50%);
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100cqw) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill));
        @supports (color: color-mix(in lab, red, red)) {
          box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100cqw) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill));
        }
      }
      &::-moz-range-track {
        width: 100%;
        background-color: var(--range-bg);
        border-radius: var(--radius-selector);
        height: calc(var(--range-thumb-size) * 0.5);
      }
      &::-moz-range-thumb {
        position: relative;
        box-sizing: border-box;
        border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
        background-color: currentColor;
        height: var(--range-thumb-size);
        width: var(--range-thumb-size);
        border: var(--range-p) solid;
        top: 50%;
        color: var(--range-progress);
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100cqw) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill));
        @supports (color: color-mix(in lab, red, red)) {
          box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100cqw) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill));
        }
      }
      &:disabled {
        cursor: not-allowed;
        opacity: 30%;
      }
    }
  }
  .tw\:chat-bubble {
    @layer daisyui.l1.l2.l3 {
      position: relative;
      display: block;
      width: fit-content;
      border-radius: var(--radius-field);
      background-color: var(--color-base-300);
      padding-inline: calc(0.25rem * 4);
      padding-block: calc(0.25rem * 2);
      color: var(--color-base-content);
      grid-row-end: 3;
      min-height: 2rem;
      min-width: 2.5rem;
      max-width: 90%;
      &:before {
        position: absolute;
        bottom: calc(0.25rem * 0);
        height: calc(0.25rem * 3);
        width: calc(0.25rem * 3);
        background-color: inherit;
        content: "";
        mask-repeat: no-repeat;
        mask-image: var(--mask-chat);
        mask-position: 0px -1px;
        mask-size: 0.8125rem;
      }
    }
  }
  .tw\:select {
    @layer daisyui.l1.l2.l3 {
      border: var(--border) solid #0000;
      position: relative;
      display: inline-flex;
      flex-shrink: 1;
      appearance: none;
      align-items: center;
      gap: calc(0.25rem * 1.5);
      background-color: var(--color-base-100);
      padding-inline-start: calc(0.25rem * 3);
      padding-inline-end: calc(0.25rem * 7);
      vertical-align: middle;
      width: clamp(3rem, 20rem, 100%);
      height: var(--size);
      font-size: 0.875rem;
      touch-action: manipulation;
      border-start-start-radius: var(--join-ss, var(--radius-field));
      border-start-end-radius: var(--join-se, var(--radius-field));
      border-end-start-radius: var(--join-es, var(--radius-field));
      border-end-end-radius: var(--join-ee, var(--radius-field));
      background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
      background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
      background-size: 4px 4px, 4px 4px;
      background-repeat: no-repeat;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
      }
      border-color: var(--input-color);
      --input-color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
      --size: calc(var(--size-field, 0.25rem) * 10);
      [dir="rtl"] & {
        background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
        &::picker(select), select::picker(select) {
          translate: 0.5rem 0;
        }
      }
      &[multiple] {
        height: auto;
        overflow: auto;
        padding-block: calc(0.25rem * 3);
        padding-inline-end: calc(0.25rem * 3);
        background-image: none;
      }
      select {
        margin-inline-start: calc(0.25rem * -3);
        margin-inline-end: calc(0.25rem * -7);
        width: calc(100% + 2.75rem);
        appearance: none;
        padding-inline-start: calc(0.25rem * 3);
        padding-inline-end: calc(0.25rem * 7);
        height: calc(100% - calc(var(--border) * 2));
        align-items: center;
        background: inherit;
        border-radius: inherit;
        border-style: none;
        &:focus, &:focus-within {
          --tw-outline-style: none;
          outline-style: none;
          @media (forced-colors: active) {
            outline: 2px solid transparent;
            outline-offset: 2px;
          }
        }
        &:not(:last-child) {
          margin-inline-end: calc(0.25rem * -5.5);
          background-image: none;
        }
      }
      &:focus, &:focus-within {
        --input-color: var(--color-base-content);
        box-shadow: 0 1px var(--input-color);
        @supports (color: color-mix(in lab, red, red)) {
          box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
        }
        outline: 2px solid var(--input-color);
        outline-offset: 2px;
        isolation: isolate;
      }
      &:has(> select[disabled]), &:is(:disabled, [disabled]), fieldset:disabled & {
        cursor: not-allowed;
        border-color: var(--color-base-200);
        background-color: var(--color-base-200);
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
        }
        &::placeholder {
          color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
          }
        }
      }
      &:has(> select[disabled]) > select[disabled] {
        cursor: not-allowed;
      }
      &, & select {
        @supports (appearance: base-select) {
          appearance: base-select;
        }
        @supports (appearance: base-select) {
          &::picker(select) {
            appearance: base-select;
          }
        }
        &::picker(select) {
          color: inherit;
          max-height: min(24rem, 70dvh);
          margin-inline: 0.5rem;
          translate: -0.5rem 0;
          border: var(--border) solid var(--color-base-200);
          margin-block: calc(0.25rem * 2);
          border-radius: var(--radius-box);
          padding: calc(0.25rem * 2);
          background-color: inherit;
          box-shadow: 0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/0.2);
          box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * 0.1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * 0.1));
        }
        &::picker-icon {
          display: none;
        }
        optgroup {
          padding-top: 0.5em;
          option {
            &:nth-child(1) {
              margin-top: 0.5em;
            }
          }
        }
        option {
          border-radius: var(--radius-field);
          padding-inline: calc(0.25rem * 3);
          padding-block: calc(0.25rem * 1.5);
          transition-property: color, background-color;
          transition-duration: 0.2s;
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          white-space: normal;
          &:not(:disabled) {
            &:hover, &:focus-visible {
              cursor: pointer;
              background-color: var(--color-base-content);
              @supports (color: color-mix(in lab, red, red)) {
                background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
              }
              --tw-outline-style: none;
              outline-style: none;
              @media (forced-colors: active) {
                outline: 2px solid transparent;
                outline-offset: 2px;
              }
            }
            &:active {
              background-color: var(--color-neutral);
              color: var(--color-neutral-content);
              box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral);
            }
          }
        }
      }
    }
  }
  .tw\:swap {
    @layer daisyui.l1.l2.l3 {
      position: relative;
      display: inline-grid;
      cursor: pointer;
      place-content: center;
      vertical-align: middle;
      webkit-user-select: none;
      user-select: none;
      input {
        appearance: none;
        border: none;
      }
      > * {
        grid-column-start: 1;
        grid-row-start: 1;
        @media (prefers-reduced-motion: no-preference) {
          transition-property: transform, rotate, opacity;
          transition-duration: 0.2s;
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        }
      }
      .tw\:swap-on, .tw\:swap-indeterminate, input:indeterminate ~ .tw\:swap-on {
        opacity: 0%;
      }
      input:is(:checked, :indeterminate) {
        & ~ .tw\:swap-off {
          opacity: 0%;
        }
      }
      input:checked ~ .tw\:swap-on, input:indeterminate ~ .tw\:swap-indeterminate {
        opacity: 100%;
        backface-visibility: visible;
      }
    }
  }
  .tw\:collapse-title {
    @layer daisyui.l1.l2.l3 {
      grid-column-start: 1;
      grid-row-start: 1;
    }
    @layer daisyui.l1.l2.l3 {
      position: relative;
      width: 100%;
      padding: 1rem;
      padding-inline-end: 3rem;
      min-height: 1lh;
      transition: background-color 0.2s ease-out;
    }
  }
  .tw\:avatar {
    @layer daisyui.l1.l2.l3 {
      position: relative;
      display: inline-flex;
      vertical-align: middle;
      & > div {
        display: block;
        aspect-ratio: 1 / 1;
        overflow: hidden;
      }
      img {
        height: 100%;
        width: 100%;
        object-fit: cover;
      }
    }
  }
  .tw\:checkbox {
    @layer daisyui.l1.l2.l3 {
      border: var(--border) solid var(--input-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
      }
      position: relative;
      display: inline-block;
      flex-shrink: 0;
      cursor: pointer;
      appearance: none;
      border-radius: var(--radius-selector);
      padding: calc(0.25rem * 1);
      vertical-align: middle;
      color: var(--color-base-content);
      box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 0 #0000 inset, 0 0 #0000;
      transition: background-color 0.2s, box-shadow 0.2s;
      --size: calc(var(--size-selector, 0.25rem) * 6);
      width: var(--size);
      height: var(--size);
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--fx-noise);
      &:before {
        --tw-content: "";
        content: var(--tw-content);
        display: block;
        width: 100%;
        height: 100%;
        rotate: 45deg;
        background-color: currentcolor;
        opacity: 0%;
        transition: clip-path 0.3s, opacity 0.1s, rotate 0.3s, translate 0.3s;
        transition-delay: 0.1s;
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
        box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
        font-size: 1rem;
        line-height: 0.75;
      }
      &:focus-visible {
        outline: 2px solid var(--input-color, currentColor);
        outline-offset: 2px;
      }
      &:checked, &[aria-checked="true"] {
        background-color: var(--input-color, #0000);
        box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
        &:before {
          clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
          opacity: 100%;
        }
        @media (forced-colors: active) {
          &:before {
            rotate: 0deg;
            background-color: transparent;
            --tw-content: "✔︎";
            clip-path: none;
          }
        }
        @media print {
          &:before {
            rotate: 0deg;
            background-color: transparent;
            --tw-content: "✔︎";
            clip-path: none;
          }
        }
      }
      &:indeterminate {
        background-color: var( --input-color, var(--color-base-content) );
        @supports (color: color-mix(in lab, red, red)) {
          background-color: var( --input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000) );
        }
        &:before {
          rotate: 0deg;
          opacity: 100%;
          translate: 0 -35%;
          clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
        }
      }
    }
    &:disabled {
      @layer daisyui.l1.l2 {
        cursor: not-allowed;
        opacity: 20%;
      }
    }
  }
  .tw\:radio {
    @layer daisyui.l1.l2.l3 {
      position: relative;
      display: inline-block;
      flex-shrink: 0;
      cursor: pointer;
      appearance: none;
      border-radius: calc(infinity * 1px);
      padding: calc(0.25rem * 1);
      vertical-align: middle;
      border: var(--border) solid var(--input-color, currentColor);
      @supports (color: color-mix(in lab, red, red)) {
        border: var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000));
      }
      box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset;
      --size: calc(var(--size-selector, 0.25rem) * 6);
      width: var(--size);
      height: var(--size);
      color: var(--input-color, currentColor);
      &:before {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: calc(infinity * 1px);
        --tw-content: "";
        content: var(--tw-content);
        background-size: auto, calc(var(--noise) * 100%);
        background-image: none, var(--fx-noise);
      }
      &:focus-visible {
        outline: 2px solid currentColor;
      }
      &:checked, &[aria-checked="true"] {
        border-color: currentcolor;
        background-color: var(--color-base-100);
        @media (prefers-reduced-motion: no-preference) {
          animation: radio 0.2s ease-out;
        }
        &:before {
          background-color: currentcolor;
          box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
        }
        @media (forced-colors: active) {
          &:before {
            outline-style: var(--tw-outline-style);
            outline-width: 1px;
            outline-offset: calc(1px * -1);
          }
        }
        @media print {
          &:before {
            outline: 0.25rem solid;
            outline-offset: -1rem;
          }
        }
      }
    }
    &:disabled {
      @layer daisyui.l1.l2 {
        cursor: not-allowed;
        opacity: 20%;
      }
    }
  }
  .tw\:navbar {
    @layer daisyui.l1.l2.l3 {
      display: flex;
      width: 100%;
      align-items: center;
      padding: 0.5rem;
      min-height: 4rem;
    }
    :where(&) {
      @layer daisyui.l1.l2 {
        position: relative;
      }
    }
  }
  .tw\:card {
    @layer daisyui.l1.l2.l3 {
      position: relative;
      display: flex;
      flex-direction: column;
      border-radius: var(--radius-box);
      outline-width: 2px;
      transition: outline 0.2s ease-in-out;
      outline: 0 solid #0000;
      outline-offset: 2px;
      &:focus {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
      &:focus-visible {
        outline-color: currentColor;
      }
      :where(figure:first-child) {
        overflow: hidden;
        border-start-start-radius: inherit;
        border-start-end-radius: inherit;
        border-end-start-radius: unset;
        border-end-end-radius: unset;
      }
      :where(figure:last-child) {
        overflow: hidden;
        border-start-start-radius: unset;
        border-start-end-radius: unset;
        border-end-start-radius: inherit;
        border-end-end-radius: inherit;
      }
      figure {
        display: flex;
        align-items: center;
        justify-content: center;
      }
      &:has(> input:is(input[type="checkbox"], input[type="radio"])) {
        cursor: pointer;
        user-select: none;
      }
      &:has(> :checked) {
        outline: 2px solid currentColor;
      }
    }
  }
  .tw\:modal-toggle {
    @layer daisyui.l1.l2.l3 {
      position: fixed;
      height: calc(0.25rem * 0);
      width: calc(0.25rem * 0);
      appearance: none;
      opacity: 0%;
    }
  }
  .tw\:absolute {
    position: absolute;
  }
  .tw\:fixed {
    position: fixed;
  }
  .tw\:relative {
    position: relative;
  }
  .tw\:sticky {
    position: sticky;
  }
  .tw\:tooltip-left {
    @layer daisyui.l1.l2 {
      > .tw\:tooltip-content, &[data-tip]:before {
        transform: translateX(calc(var(--tt-pos, 0.25rem) - 0.25rem)) translateY(-50%);
        inset: 50% var(--tt-off) auto auto;
      }
      &:after {
        transform: translateX(var(--tt-pos, 0.25rem)) translateY(-50%) rotate(-90deg);
        inset: 50% calc(var(--tt-tail) + 1px) auto auto;
      }
    }
  }
  .tw\:inset-0 {
    inset: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:inset-x-0 {
    inset-inline: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:chat-end {
    @layer daisyui.l1.l2 {
      place-items: end;
      grid-template-columns: 1fr auto;
      .tw\:chat-header {
        grid-column-start: 1;
      }
      .tw\:chat-footer {
        grid-column-start: 1;
      }
      .tw\:chat-image {
        grid-column-start: 2;
      }
      .tw\:chat-bubble {
        grid-column-start: 1;
        border-end-end-radius: 0;
        &:before {
          transform: rotateY(180deg);
          inset-inline-start: 100%;
        }
        [dir="rtl"] &:before {
          transform: rotateY(0deg);
        }
      }
    }
  }
  .tw\:chat-start {
    @layer daisyui.l1.l2 {
      place-items: start;
      grid-template-columns: auto 1fr;
      .tw\:chat-header {
        grid-column-start: 2;
      }
      .tw\:chat-footer {
        grid-column-start: 2;
      }
      .tw\:chat-image {
        grid-column-start: 1;
      }
      .tw\:chat-bubble {
        grid-column-start: 2;
        border-end-start-radius: 0;
        &:before {
          transform: rotateY(0deg);
          inset-inline-start: -0.75rem;
        }
        [dir="rtl"] &:before {
          transform: rotateY(180deg);
        }
      }
    }
  }
  .tw\:dropdown-left {
    @layer daisyui.l1.l2 {
      --anchor-h: left;
      --anchor-v: span-bottom;
      .tw\:dropdown-content {
        inset-inline-end: 100%;
        top: calc(0.25rem * 0);
        bottom: auto;
        transform-origin: 100%;
      }
    }
  }
  .tw\:dropdown-center {
    @layer daisyui.l1.l2 {
      --anchor-h: center;
      :where(.tw\:dropdown-content) {
        inset-inline-end: calc(1/2 * 100%);
        translate: 50% 0;
        [dir="rtl"] & {
          translate: -50% 0;
        }
      }
      &.tw\:dropdown-left {
        --anchor-h: left;
        --anchor-v: center;
        .tw\:dropdown-content {
          top: auto;
          bottom: calc(1/2 * 100%);
          translate: 0 50%;
        }
      }
      &.tw\:dropdown-right {
        --anchor-h: right;
        --anchor-v: center;
        .tw\:dropdown-content {
          top: auto;
          bottom: calc(1/2 * 100%);
          translate: 0 50%;
        }
      }
    }
  }
  .tw\:dropdown-end {
    @layer daisyui.l1.l2 {
      --anchor-h: span-left;
      :where(.tw\:dropdown-content) {
        inset-inline-end: calc(0.25rem * 0);
        translate: 0 0;
        [dir="rtl"] & {
          translate: 0 0;
        }
      }
      &.tw\:dropdown-left {
        --anchor-h: left;
        --anchor-v: span-top;
        .tw\:dropdown-content {
          top: auto;
          bottom: calc(0.25rem * 0);
        }
      }
      &.tw\:dropdown-right {
        --anchor-h: right;
        --anchor-v: span-top;
        .tw\:dropdown-content {
          top: auto;
          bottom: calc(0.25rem * 0);
        }
      }
    }
  }
  .tw\:dropdown-start {
    @layer daisyui.l1.l2 {
      --anchor-h: span-right;
      :where(.tw\:dropdown-content) {
        inset-inline-end: auto;
        translate: 0 0;
        [dir="rtl"] & {
          translate: 0 0;
        }
      }
      &.tw\:dropdown-left {
        --anchor-h: left;
        --anchor-v: span-bottom;
        .tw\:dropdown-content {
          top: calc(0.25rem * 0);
          bottom: auto;
        }
      }
      &.tw\:dropdown-right {
        --anchor-h: right;
        --anchor-v: span-bottom;
        .tw\:dropdown-content {
          top: calc(0.25rem * 0);
          bottom: auto;
        }
      }
    }
  }
  .tw\:dropdown-bottom {
    @layer daisyui.l1.l2 {
      --anchor-v: bottom;
      .tw\:dropdown-content {
        top: 100%;
        bottom: auto;
        transform-origin: top;
      }
    }
  }
  .tw\:top-0 {
    top: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:top-3 {
    top: calc(var(--tw-spacing, 0.25rem) * 3);
  }
  .tw\:top-\[-4px\] {
    top: -4px;
  }
  .tw\:top-\[6px\] {
    top: 6px;
  }
  .tw\:top-\[114px\] {
    top: 114px;
  }
  .tw\:top-\[var\(--header-height\)\] {
    top: var(--header-height);
  }
  .tw\:right-0 {
    right: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:right-1 {
    right: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:right-2 {
    right: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:right-2\/8 {
    right: calc(2 / 8 * 100%);
  }
  .tw\:bottom-0 {
    bottom: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:bottom-0\.5 {
    bottom: calc(var(--tw-spacing, 0.25rem) * 0.5);
  }
  .tw\:bottom-1\.5 {
    bottom: calc(var(--tw-spacing, 0.25rem) * 1.5);
  }
  .tw\:left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .tw\:join {
    display: inline-flex;
    align-items: stretch;
    --join-ss: 0;
    --join-se: 0;
    --join-es: 0;
    --join-ee: 0;
    :where(.tw\:join-item) {
      border-start-start-radius: var(--join-ss, 0);
      border-start-end-radius: var(--join-se, 0);
      border-end-start-radius: var(--join-es, 0);
      border-end-end-radius: var(--join-ee, 0);
      * {
        --join-ss: var(--radius-field);
        --join-se: var(--radius-field);
        --join-es: var(--radius-field);
        --join-ee: var(--radius-field);
      }
    }
    > .tw\:join-item:where(:first-child) {
      --join-ss: var(--radius-field);
      --join-se: 0;
      --join-es: var(--radius-field);
      --join-ee: 0;
    }
    :first-child:not(:last-child) {
      :where(.tw\:join-item) {
        --join-ss: var(--radius-field);
        --join-se: 0;
        --join-es: var(--radius-field);
        --join-ee: 0;
      }
    }
    > .tw\:join-item:where(:last-child) {
      --join-ss: 0;
      --join-se: var(--radius-field);
      --join-es: 0;
      --join-ee: var(--radius-field);
    }
    :last-child:not(:first-child) {
      :where(.tw\:join-item) {
        --join-ss: 0;
        --join-se: var(--radius-field);
        --join-es: 0;
        --join-ee: var(--radius-field);
      }
    }
    > .tw\:join-item:where(:only-child) {
      --join-ss: var(--radius-field);
      --join-se: var(--radius-field);
      --join-es: var(--radius-field);
      --join-ee: var(--radius-field);
    }
    :only-child {
      :where(.tw\:join-item) {
        --join-ss: var(--radius-field);
        --join-se: var(--radius-field);
        --join-es: var(--radius-field);
        --join-ee: var(--radius-field);
      }
    }
    > :where(:focus, :has(:focus)) {
      z-index: 1;
    }
    @media (hover: hover) {
      > :where(.tw\:btn:hover, :has(.tw\:btn:hover)) {
        isolation: isolate;
      }
    }
  }
  .tw\:btn-active {
    @layer daisyui.l1.l2 {
      --btn-bg: var(--btn-color, var(--color-base-200));
      @supports (color: color-mix(in lab, red, red)) {
        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
      }
      --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);
      isolation: isolate;
    }
  }
  .tw\:modal-backdrop {
    @layer daisyui.l1.l2.l3 {
      grid-column-start: 1;
      grid-row-start: 1;
      display: grid;
      align-self: stretch;
      justify-self: stretch;
      color: transparent;
      z-index: -1;
      button {
        cursor: pointer;
      }
    }
  }
  .tw\:z-0 {
    z-index: 0;
  }
  .tw\:z-1 {
    z-index: 1;
  }
  .tw\:z-2 {
    z-index: 2;
  }
  .tw\:z-3 {
    z-index: 3;
  }
  .tw\:z-4 {
    z-index: 4;
  }
  .tw\:z-5 {
    z-index: 5;
  }
  .tw\:z-6 {
    z-index: 6;
  }
  .tw\:z-10 {
    z-index: 10;
  }
  .tw\:z-20 {
    z-index: 20;
  }
  .tw\:z-30 {
    z-index: 30;
  }
  .tw\:z-50 {
    z-index: 50;
  }
  .tw\:z-\[1000\] {
    z-index: 1000;
  }
  .tw\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .tw\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .tw\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .tw\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .tw\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .tw\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .tw\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .tw\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .tw\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .tw\:col-span-11 {
    grid-column: span 11 / span 11;
  }
  .tw\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .tw\:col-span-24 {
    grid-column: span 24 / span 24;
  }
  .tw\:modal-box {
    @layer daisyui.l1.l2.l3 {
      grid-column-start: 1;
      grid-row-start: 1;
      max-height: 100vh;
      width: calc(11/12 * 100%);
      max-width: 32rem;
      background-color: var(--color-base-100);
      padding: calc(0.25rem * 6);
      transition: translate 0.3s ease-out, scale 0.3s ease-out, opacity 0.2s ease-out 0.05s, box-shadow 0.3s ease-out;
      border-top-left-radius: var(--modal-tl, var(--radius-box));
      border-top-right-radius: var(--modal-tr, var(--radius-box));
      border-bottom-left-radius: var(--modal-bl, var(--radius-box));
      border-bottom-right-radius: var(--modal-br, var(--radius-box));
      scale: 95%;
      opacity: 0;
      box-shadow: oklch(0% 0 0/ 0.25) 0px 25px 50px -12px;
      overflow-y: auto;
      overscroll-behavior: contain;
    }
  }
  .tw\:col-start-0 {
    grid-column-start: 0;
  }
  .tw\:col-start-1 {
    grid-column-start: 1;
  }
  .tw\:col-start-2 {
    grid-column-start: 2;
  }
  .tw\:col-start-3 {
    grid-column-start: 3;
  }
  .tw\:col-start-4 {
    grid-column-start: 4;
  }
  .tw\:col-start-5 {
    grid-column-start: 5;
  }
  .tw\:col-start-6 {
    grid-column-start: 6;
  }
  .tw\:col-end-3 {
    grid-column-end: 3;
  }
  .tw\:col-end-4 {
    grid-column-end: 4;
  }
  .tw\:col-end-13 {
    grid-column-end: 13;
  }
  .tw\:chat-image {
    @layer daisyui.l1.l2.l3 {
      grid-row: span 2 / span 2;
      align-self: flex-end;
    }
  }
  .tw\:row-span-1 {
    grid-row: span 1 / span 1;
  }
  .tw\:row-span-2 {
    grid-row: span 2 / span 2;
  }
  .tw\:row-span-3 {
    grid-row: span 3 / span 3;
  }
  .tw\:chat-footer {
    @layer daisyui.l1.l2.l3 {
      grid-row-start: 3;
      display: flex;
      gap: calc(0.25rem * 1);
      font-size: 0.6875rem;
    }
  }
  .tw\:chat-header {
    @layer daisyui.l1.l2.l3 {
      grid-row-start: 1;
      display: flex;
      gap: calc(0.25rem * 1);
      font-size: 0.6875rem;
    }
  }
  .tw\:float-left {
    float: left;
  }
  .tw\:container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .tw\:divider {
    @layer daisyui.l1.l2.l3 {
      display: flex;
      height: calc(0.25rem * 4);
      flex-direction: row;
      align-items: center;
      align-self: stretch;
      white-space: nowrap;
      margin: var(--divider-m, 1rem 0);
      --divider-color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --divider-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
      &:before, &:after {
        content: "";
        height: calc(0.25rem * 0.5);
        width: 100%;
        flex-grow: 1;
        background-color: var(--divider-color);
      }
      @media print {
        &:before, &:after {
          border: 0.5px solid;
        }
      }
      &:not(:empty) {
        gap: calc(0.25rem * 4);
      }
    }
  }
  .tw\:m-0 {
    margin: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:m-1 {
    margin: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:m-2 {
    margin: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:m-4 {
    margin: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .tw\:m-5 {
    margin: calc(var(--tw-spacing, 0.25rem) * 5);
  }
  .tw\:m-auto {
    margin: auto;
  }
  .tw\:filter {
    @layer daisyui.l1.l2.l3 {
      display: flex;
      flex-wrap: wrap;
      input[type="radio"] {
        width: auto;
      }
      input {
        overflow: hidden;
        opacity: 100%;
        scale: 1;
        transition: margin 0.1s, opacity 0.3s, padding 0.3s, border-width 0.1s;
        &:not(:last-child) {
          margin-inline-end: calc(0.25rem * 1);
        }
        &.tw\:filter-reset {
          aspect-ratio: 1 / 1;
          &::after {
            --tw-content: "×";
            content: var(--tw-content);
          }
        }
      }
      &:not(:has(input:checked:not(.tw\:filter-reset))) {
        .tw\:filter-reset, input[type="reset"] {
          scale: 0;
          border-width: 0;
          margin-inline: calc(0.25rem * 0);
          width: calc(0.25rem * 0);
          padding-inline: calc(0.25rem * 0);
          opacity: 0%;
        }
      }
      &:has(input:checked:not(.tw\:filter-reset)) {
        input:not(:checked, .tw\:filter-reset, input[type="reset"]) {
          scale: 0;
          border-width: 0;
          margin-inline: calc(0.25rem * 0);
          width: calc(0.25rem * 0);
          padding-inline: calc(0.25rem * 0);
          opacity: 0%;
        }
      }
    }
  }
  .tw\:mx-0 {
    margin-inline: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:mx-1 {
    margin-inline: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:mx-2 {
    margin-inline: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:mx-4 {
    margin-inline: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .tw\:mx-5 {
    margin-inline: calc(var(--tw-spacing, 0.25rem) * 5);
  }
  .tw\:mx-10 {
    margin-inline: calc(var(--tw-spacing, 0.25rem) * 10);
  }
  .tw\:mx-24 {
    margin-inline: calc(var(--tw-spacing, 0.25rem) * 24);
  }
  .tw\:mx-auto {
    margin-inline: auto;
  }
  .tw\:input-sm {
    @layer daisyui.l1.l2 {
      --size: calc(var(--size-field, 0.25rem) * 8);
      font-size: max(var(--font-size, 0.75rem), 0.75rem);
      &[type="number"] {
        &::-webkit-inner-spin-button {
          margin-block: calc(0.25rem * -2);
          margin-inline-end: calc(0.25rem * -3);
        }
      }
    }
  }
  .tw\:-my-3 {
    margin-block: calc(var(--tw-spacing, 0.25rem) * -3);
  }
  .tw\:my-0 {
    margin-block: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:my-2 {
    margin-block: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:my-4 {
    margin-block: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .tw\:my-5 {
    margin-block: calc(var(--tw-spacing, 0.25rem) * 5);
  }
  .tw\:label {
    @layer daisyui.l1.l2.l3 {
      display: inline-flex;
      align-items: center;
      gap: calc(0.25rem * 1.5);
      white-space: nowrap;
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 60%, transparent);
      }
      &:has(input) {
        cursor: pointer;
      }
      &:is(.tw\:input > *, .tw\:select > *) {
        display: flex;
        height: calc(100% - 0.5rem);
        align-items: center;
        padding-inline: calc(0.25rem * 3);
        white-space: nowrap;
        font-size: inherit;
        &:first-child {
          margin-inline-start: calc(0.25rem * -3);
          margin-inline-end: calc(0.25rem * 3);
          border-inline-end: var(--border) solid currentColor;
          @supports (color: color-mix(in lab, red, red)) {
            border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
          }
        }
        &:last-child {
          margin-inline-start: calc(0.25rem * 3);
          margin-inline-end: calc(0.25rem * -3);
          border-inline-start: var(--border) solid currentColor;
          @supports (color: color-mix(in lab, red, red)) {
            border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
          }
        }
      }
    }
  }
  .tw\:join-item {
    &:where(*:not(:first-child, :disabled, [disabled], .tw\:btn-disabled)) {
      margin-inline-start: calc(var(--border, 1px) * -1);
      margin-block-start: 0;
    }
    &:where(*:is(:disabled, [disabled], .tw\:btn-disabled)) {
      border-width: var(--border, 1px) 0 var(--border, 1px) var(--border, 1px);
    }
  }
  .tw\:mt-0 {
    margin-top: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:mt-0\.5 {
    margin-top: calc(var(--tw-spacing, 0.25rem) * 0.5);
  }
  .tw\:mt-1 {
    margin-top: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:mt-2 {
    margin-top: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:mt-3 {
    margin-top: calc(var(--tw-spacing, 0.25rem) * 3);
  }
  .tw\:mt-4 {
    margin-top: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .tw\:mt-5 {
    margin-top: calc(var(--tw-spacing, 0.25rem) * 5);
  }
  .tw\:mt-6 {
    margin-top: calc(var(--tw-spacing, 0.25rem) * 6);
  }
  .tw\:mt-8 {
    margin-top: calc(var(--tw-spacing, 0.25rem) * 8);
  }
  .tw\:mt-32 {
    margin-top: calc(var(--tw-spacing, 0.25rem) * 32);
  }
  .tw\:mt-\[-1px\] {
    margin-top: -1px;
  }
  .tw\:mr-1 {
    margin-right: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:mr-2 {
    margin-right: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:mr-3 {
    margin-right: calc(var(--tw-spacing, 0.25rem) * 3);
  }
  .tw\:mr-4 {
    margin-right: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .tw\:mr-5 {
    margin-right: calc(var(--tw-spacing, 0.25rem) * 5);
  }
  .tw\:mr-auto {
    margin-right: auto;
  }
  .tw\:footer-title {
    @layer daisyui.l1.l2.l3 {
      margin-bottom: calc(0.25rem * 2);
      text-transform: uppercase;
      opacity: 60%;
      font-weight: 600;
    }
  }
  .tw\:mb-1 {
    margin-bottom: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:mb-2 {
    margin-bottom: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:mb-3 {
    margin-bottom: calc(var(--tw-spacing, 0.25rem) * 3);
  }
  .tw\:mb-4 {
    margin-bottom: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .tw\:mb-5 {
    margin-bottom: calc(var(--tw-spacing, 0.25rem) * 5);
  }
  .tw\:mb-6 {
    margin-bottom: calc(var(--tw-spacing, 0.25rem) * 6);
  }
  .tw\:mb-8 {
    margin-bottom: calc(var(--tw-spacing, 0.25rem) * 8);
  }
  .tw\:ml-0 {
    margin-left: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:ml-1 {
    margin-left: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:ml-2 {
    margin-left: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:ml-3 {
    margin-left: calc(var(--tw-spacing, 0.25rem) * 3);
  }
  .tw\:ml-4 {
    margin-left: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .tw\:ml-5 {
    margin-left: calc(var(--tw-spacing, 0.25rem) * 5);
  }
  .tw\:ml-6 {
    margin-left: calc(var(--tw-spacing, 0.25rem) * 6);
  }
  .tw\:ml-auto {
    margin-left: auto;
  }
  .tw\:carousel-item {
    @layer daisyui.l1.l2.l3 {
      box-sizing: content-box;
      display: flex;
      flex: none;
      scroll-snap-align: start;
    }
  }
  .tw\:badge {
    @layer daisyui.l1.l2.l3 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: calc(0.25rem * 2);
      border-radius: var(--radius-selector);
      vertical-align: middle;
      color: var(--badge-fg);
      border: var(--border) solid var(--badge-color, var(--color-base-200));
      font-size: 0.875rem;
      width: fit-content;
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--fx-noise);
      background-color: var(--badge-bg);
      --badge-bg: var(--badge-color, var(--color-base-100));
      --badge-fg: var(--color-base-content);
      --size: calc(var(--size-selector, 0.25rem) * 6);
      height: var(--size);
      padding-inline: calc(var(--size) / 2 - var(--border));
    }
  }
  .tw\:icon-\[mdi--access-point\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4.93 4.93A9.97 9.97 0 0 0 2 12c0 2.76 1.12 5.26 2.93 7.07l1.41-1.41A7.94 7.94 0 0 1 4 12c0-2.21.89-4.22 2.34-5.66zm14.14 0l-1.41 1.41A7.96 7.96 0 0 1 20 12c0 2.22-.89 4.22-2.34 5.66l1.41 1.41A9.97 9.97 0 0 0 22 12c0-2.76-1.12-5.26-2.93-7.07M7.76 7.76A5.98 5.98 0 0 0 6 12c0 1.65.67 3.15 1.76 4.24l1.41-1.41A4 4 0 0 1 8 12c0-1.11.45-2.11 1.17-2.83zm8.48 0l-1.41 1.41A4 4 0 0 1 16 12c0 1.11-.45 2.11-1.17 2.83l1.41 1.41A5.98 5.98 0 0 0 18 12c0-1.65-.67-3.15-1.76-4.24M12 10a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--account-circle-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2M7.07 18.28c.43-.9 3.05-1.78 4.93-1.78s4.5.88 4.93 1.78A7.9 7.9 0 0 1 12 20c-1.86 0-3.57-.64-4.93-1.72m11.29-1.45c-1.43-1.74-4.9-2.33-6.36-2.33s-4.93.59-6.36 2.33A7.93 7.93 0 0 1 4 12c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.82-.62 3.5-1.64 4.83M12 6c-1.94 0-3.5 1.56-3.5 3.5S10.06 13 12 13s3.5-1.56 3.5-3.5S13.94 6 12 6m0 5a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 12 8a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 12 11'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--account-cowboy-hat\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 22H4v-2c0-2.2 3.6-4 8-4s8 1.8 8 4M8 9h8v1c0 2.2-1.8 4-4 4s-4-1.8-4-4m11-6c-.6 0-1 .4-1 1v1h-1.5l-1.4-3c-.1-.2-.2-.4-.4-.5c-.5-.5-1.3-.6-2-.3l-.7.2l-.7-.3c-.7-.3-1.5-.2-2 .3c-.2.2-.3.4-.4.6L7.5 6H6V5c0-.6-.4-1-1-1s-1 .4-1 1v1c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V5c0-.5-.4-1-1-1'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--account-group\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 5.5A3.5 3.5 0 0 1 15.5 9a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8.5 9A3.5 3.5 0 0 1 12 5.5M5 8c.56 0 1.08.15 1.53.42c-.15 1.43.27 2.85 1.13 3.96C7.16 13.34 6.16 14 5 14a3 3 0 0 1-3-3a3 3 0 0 1 3-3m14 0a3 3 0 0 1 3 3a3 3 0 0 1-3 3c-1.16 0-2.16-.66-2.66-1.62a5.54 5.54 0 0 0 1.13-3.96c.45-.27.97-.42 1.53-.42M5.5 18.25c0-2.07 2.91-3.75 6.5-3.75s6.5 1.68 6.5 3.75V20h-13zM0 20v-1.5c0-1.39 1.89-2.56 4.45-2.9c-.59.68-.95 1.62-.95 2.65V20zm24 0h-3.5v-1.75c0-1.03-.36-1.97-.95-2.65c2.56.34 4.45 1.51 4.45 2.9z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--account-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 2a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2m0 7c2.67 0 8 1.33 8 4v3H4v-3c0-2.67 5.33-4 8-4m0 1.9c-2.97 0-6.1 1.46-6.1 2.1v1.1h12.2V17c0-.64-3.13-2.1-6.1-2.1'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--account-tie\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 3c2.21 0 4 1.79 4 4s-1.79 4-4 4s-4-1.79-4-4s1.79-4 4-4m4 10.54c0 1.06-.28 3.53-2.19 6.29L13 15l.94-1.88c-.62-.07-1.27-.12-1.94-.12s-1.32.05-1.94.12L11 15l-.81 4.83C8.28 17.07 8 14.6 8 13.54c-2.39.7-4 1.96-4 3.46v4h16v-4c0-1.5-1.6-2.76-4-3.46'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--account\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--alert-circle-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 15h2v2h-2zm0-8h2v6h-2zm1-5C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18a8 8 0 0 1-8-8a8 8 0 0 1 8-8a8 8 0 0 1 8 8a8 8 0 0 1-8 8'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--arrow-left-circle\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2 12A10 10 0 0 1 12 2a10 10 0 0 1 10 10a10 10 0 0 1-10 10A10 10 0 0 1 2 12m16-1h-8l3.5-3.5l-1.42-1.42L6.16 12l5.92 5.92l1.42-1.42L10 13h8z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--arrow-left\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 11v2H8l5.5 5.5l-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5L8 11z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--arrow-right\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 11v2h12l-5.5 5.5l1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5L16 11z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--baseball\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2c-2.5 0-4.75.9-6.5 2.4c.5.41.91.87 1.3 1.36l1.09-.63l1 1.74l-1 .57c.56 1.09.93 2.29 1.06 3.56H10v2H8.95c-.13 1.27-.5 2.47-1.06 3.56l1 .57l-1 1.74l-1.09-.63c-.39.49-.8.95-1.3 1.36c1.75 1.5 4 2.4 6.5 2.4s4.75-.9 6.5-2.4c-.5-.41-.91-.87-1.31-1.36l-1.08.63l-1-1.74l1-.58A9.9 9.9 0 0 1 15.05 13H14v-2h1.05c.13-1.27.5-2.47 1.06-3.55l-1-.58l1-1.74l1.08.63c.4-.49.81-.95 1.31-1.36C16.75 2.9 14.5 2 12 2M4.12 5.85A9.94 9.94 0 0 0 2 12c0 2.32.79 4.45 2.12 6.15c.34-.28.64-.6.93-.93l-.62-.35l1-1.74l.73.43c.39-.79.66-1.65.77-2.56H6v-2h.93c-.11-.91-.38-1.77-.77-2.56l-.73.43l-1-1.74l.62-.35c-.29-.33-.59-.65-.93-.93m15.76 0c-.34.28-.64.6-.93.93l.62.35l-1 1.74l-.73-.43c-.39.79-.66 1.65-.77 2.56H18v2h-.93c.11.91.38 1.77.77 2.56l.73-.43l1 1.74l-.62.35c.29.33.59.65.93.93A9.94 9.94 0 0 0 22 12c0-2.32-.79-4.45-2.12-6.15'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--basketball\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2.34 14.63c.6-.22 1.22-.33 1.88-.33q2.01 0 3.51 1.26L4.59 18.7a10.6 10.6 0 0 1-2.25-4.07M15.56 9.8c1.97 1.47 4.1 1.83 6.38 1.08c.03.21.06.59.06 1.12c0 1.03-.25 2.18-.72 3.45c-.47 1.26-1.05 2.28-1.73 3.05l-6.33-6.31zm-6.79 6.84c1.06 1.53 1.28 3.2.65 5.02c-1.42-.41-2.69-1.05-3.75-1.93zm3.42-3.42l6.31 6.33c-2.17 1.9-4.72 2.7-7.62 2.39c.21-.66.32-1.38.32-2.16c0-.62-.14-1.35-.42-2.18s-.61-1.51-.98-2.04zM8.81 14.5a6.7 6.7 0 0 0-3.23-1.59c-1.22-.23-2.39-.16-3.52.22c-.03-.22-.06-.6-.06-1.13c0-1.03.25-2.18.72-3.45c.47-1.26 1.05-2.28 1.73-3.05l6.66 6.69zm6.75-6.77c-1.34-1.65-1.65-3.45-.93-5.39c.62.16 1.33.46 2.13.92c.79.45 1.44.9 1.94 1.33zm6.1 1.65c-.6.21-1.22.32-1.88.32c-1.09 0-2.14-.32-3.14-.98l3.09-3.05c.88 1.1 1.52 2.33 1.93 3.71m-9.47 1.73L5.5 4.45c2.17-1.9 4.72-2.7 7.63-2.39q-.33.99-.33 2.16c0 .72.16 1.53.49 2.44c.33.9.71 1.62 1.21 2.15z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--billiards-rack\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m20.31 16.44l-5.77-9.97a2.98 2.98 0 0 0-4.08-1.09c-.46.26-.83.62-1.1 1.09L3.6 16.44a2.953 2.953 0 0 0 1.09 4.06c.45.28.96.42 1.49.42h11.55a2.99 2.99 0 0 0 2.98-3c0-.52-.14-1.03-.4-1.48m-14.94.99l5.74-9.96c.27-.47.89-.65 1.35-.37c.16.08.29.21.38.37l5.74 9.96c.27.48.11 1.07-.37 1.36c-.15.09-.32.14-.49.14H6.21c-.55-.01-1-.46-.99-1.01c0-.17.04-.34.13-.49zm6.6-3.98c-1.1 0-1.97-.89-1.97-1.99c0-1.11.87-2 1.97-2a2 2 0 0 1 2 2c0 1.1-.9 1.99-2.02 1.99zm-2.51 4.48c-1.1 0-1.99-.89-1.99-1.99s.89-1.99 1.99-1.99s2 .89 2 1.99s-.9 1.99-2 1.99m4.98 0a2 2 0 0 1-1.99-1.99a2 2 0 0 1 1.99-1.99c1.1 0 2 .89 2 1.99s-.9 1.99-2 1.99'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--boxing-glove\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 16V6h3v10zM12 4H7S2 4 2 8v6c0 1.77 1 2.76 2.07 3.31A3.996 3.996 0 0 1 8 14h3v2H8a2 2 0 0 0-2 2a2 2 0 0 0 2 2h5c4 0 4-4 4-4V6s-1-2-5-2'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--bullseye-arrow\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10c0-1.16-.21-2.31-.61-3.39l-1.6 1.6c.14.59.21 1.19.21 1.79a8 8 0 0 1-8 8a8 8 0 0 1-8-8a8 8 0 0 1 8-8c.6 0 1.2.07 1.79.21L15.4 2.6C14.31 2.21 13.16 2 12 2m7 0l-4 4v1.5l-2.55 2.55C12.3 10 12.15 10 12 10a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2c0-.15 0-.3-.05-.45L16.5 9H18l4-4h-3zm-7 4a6 6 0 0 0-6 6a6 6 0 0 0 6 6a6 6 0 0 0 6-6h-2a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--calendar-range\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 10H7v2h2zm4 0h-2v2h2zm4 0h-2v2h2zm2-7h-1V1h-2v2H8V1H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m0 16H5V8h14z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--calendar-star-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 16H5V9h14zm0-12H5V5h14zm-8 6H7.8l2.6 2l-1 3l2.6-1.8l2.6 1.8l-1-3l2.6-2H13l-1-3z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--calendar\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1m-1 11h-5v5h5z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--car-sports\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 8.5H7L4 11H3c-1.11 0-2 .89-2 2v3h2.17c.43 1.2 1.56 2 2.83 2s2.4-.8 2.82-2h6.35c.43 1.2 1.56 2 2.83 2s2.4-.8 2.82-2H23v-1c0-1.11-1.03-1.47-2-2zM5.25 12l2.25-2h4l4 2zM6 13.5A1.5 1.5 0 0 1 7.5 15A1.5 1.5 0 0 1 6 16.5A1.5 1.5 0 0 1 4.5 15A1.5 1.5 0 0 1 6 13.5m12 0a1.5 1.5 0 0 1 1.5 1.5a1.5 1.5 0 0 1-1.5 1.5a1.5 1.5 0 0 1-1.5-1.5a1.5 1.5 0 0 1 1.5-1.5'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--cards-playing\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14.7 2.2h1.5c1.1 0 2 .9 2 2v6.4zm5.4 1.6l1.3.6c1 .4 1.5 1.6 1.1 2.6l-2.4 5.9zM18 15.5l-5-12c-.3-.8-1-1.2-1.8-1.2c-.3 0-.5.1-.8.2L3 5.5C2 5.9 1.5 7 2 8l5 12c.3.8 1 1.2 1.8 1.2c.3 0 .5 0 .8-.2l7.4-3c.8-.3 1.2-1 1.2-1.8c-.1-.2-.1-.5-.2-.7m-6.6-.5l-3.2-2.4l.4-4l3.2 2.4z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--cards\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m21.47 4.35l-1.34-.56v9.03l2.43-5.86c.41-1.02-.06-2.19-1.09-2.61m-19.5 3.7L6.93 20a2.01 2.01 0 0 0 1.81 1.26c.26 0 .53-.05.79-.16l7.37-3.05c.75-.31 1.21-1.05 1.23-1.79c.01-.26-.04-.55-.13-.81L13 3.5a1.95 1.95 0 0 0-1.81-1.25c-.26 0-.52.06-.77.15L3.06 5.45a1.994 1.994 0 0 0-1.09 2.6m16.15-3.8a2 2 0 0 0-2-2h-1.45l3.45 8.34'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--cash-fast\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.12 9.88a2.997 2.997 0 1 0-4.24 4.24a2.997 2.997 0 1 0 4.24-4.24M7 6v12h16V6zm14 8c-.53 0-1.04.21-1.41.59c-.38.37-.59.88-.59 1.41h-8c0-.53-.21-1.04-.59-1.41c-.37-.38-.88-.59-1.41-.59v-4c.53 0 1.04-.21 1.41-.59c.38-.37.59-.88.59-1.41h8c0 .53.21 1.04.59 1.41c.37.38.88.59 1.41.59zM5 8H3c-.55 0-1-.45-1-1s.45-1 1-1h2zm0 5H2c-.55 0-1-.45-1-1s.45-1 1-1h3zm0 5H1c-.552 0-1-.45-1-1s.448-1 1-1h4z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--cash-multiple\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 6h18v12H5zm9 3a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3M9 8a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2v-4a2 2 0 0 1-2-2zm-8 2h2v10h16v2H1z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--chart-timeline-variant-shimmer\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 8c-1.5 0-2.3 1.4-1.9 2.5l-3.6 3.6c-.3-.1-.7-.1-1 0l-2.6-2.6c.4-1.1-.4-2.5-1.9-2.5c-1.4 0-2.3 1.4-1.9 2.5L3.5 16c-1.1-.3-2.5.5-2.5 2c0 1.1.9 2 2 2c1.4 0 2.3-1.4 1.9-2.5l4.5-4.6c.3.1.7.1 1 0l2.6 2.6c-.3 1 .5 2.5 2 2.5s2.3-1.4 1.9-2.5l3.6-3.6c1.1.3 2.5-.5 2.5-1.9c0-1.1-.9-2-2-2m-6 1l.9-2.1L18 6l-2.1-.9L15 3l-.9 2.1L12 6l2.1.9zM3.5 11L4 9l2-.5L4 8l-.5-2L3 8l-2 .5L3 9z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--chevron-double-right\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5.59 7.41L7 6l6 6l-6 6l-1.41-1.41L10.17 12zm6 0L13 6l6 6l-6 6l-1.41-1.41L16.17 12z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--chevron-down\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--chevron-left-circle\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M22 12a10 10 0 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2a10 10 0 0 1 10 10m-6.6 4.6L10.8 12l4.6-4.6L14 6l-6 6l6 6z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--chevron-right\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--chevron-up\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--circle\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--clock-fast\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M15 4a8 8 0 0 1 8 8a8 8 0 0 1-8 8a8 8 0 0 1-8-8a8 8 0 0 1 8-8m0 2a6 6 0 0 0-6 6a6 6 0 0 0 6 6a6 6 0 0 0 6-6a6 6 0 0 0-6-6m-1 2h1.5v3.78l2.33 2.33l-1.06 1.06L14 12.4zM2 18a1 1 0 0 1-1-1a1 1 0 0 1 1-1h3.83c.31.71.71 1.38 1.17 2zm1-5a1 1 0 0 1-1-1a1 1 0 0 1 1-1h2.05L5 12l.05 1zm1-5a1 1 0 0 1-1-1a1 1 0 0 1 1-1h3c-.46.62-.86 1.29-1.17 2z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--clock-time-eight\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2M7.7 15.5L7 14.2l4-2.3V7h1.5v5.8z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--clock\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m4.2 14.2L11 13V7h1.5v5.2l4.5 2.7z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--close-circle-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 20c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-18C6.47 2 2 6.47 2 12s4.47 10 10 10s10-4.47 10-10S17.53 2 12 2m2.59 6L12 10.59L9.41 8L8 9.41L10.59 12L8 14.59L9.41 16L12 13.41L14.59 16L16 14.59L13.41 12L16 9.41z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--close\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--comment-alert\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 22c-.6 0-1-.4-1-1v-3H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2h-6.1l-3.7 3.7c-.2.2-.4.3-.7.3zm4-11V5h-2v6m2 4v-2h-2v2z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--controller\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.97 16L5 19c-.33.3-.77.5-1.25.5A1.75 1.75 0 0 1 2 17.75v-.25l1-7.38A4.524 4.524 0 0 1 7.5 6h9c2.36 0 4.29 1.81 4.5 4.12l1 7.38v.25a1.75 1.75 0 0 1-1.75 1.75c-.48 0-.92-.2-1.25-.5l-2.97-3zM7 8v2H5v1h2v2h1v-2h2v-1H8V8zm9.5 0a.75.75 0 0 0-.75.75a.75.75 0 0 0 .75.75a.75.75 0 0 0 .75-.75a.75.75 0 0 0-.75-.75m-1.75 1.75a.75.75 0 0 0-.75.75a.75.75 0 0 0 .75.75a.75.75 0 0 0 .75-.75a.75.75 0 0 0-.75-.75m3.5 0a.75.75 0 0 0-.75.75a.75.75 0 0 0 .75.75a.75.75 0 0 0 .75-.75a.75.75 0 0 0-.75-.75M16.5 11.5a.75.75 0 0 0-.75.75a.75.75 0 0 0 .75.75a.75.75 0 0 0 .75-.75a.75.75 0 0 0-.75-.75'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--cricket\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m14.34 17.77l1.41-1.41L20 20.58L18.56 22zM18.5 2A3.5 3.5 0 0 1 22 5.5A3.5 3.5 0 0 1 18.5 9A3.5 3.5 0 0 1 15 5.5A3.5 3.5 0 0 1 18.5 2M2.24 7.11l2.83-2.83a1.02 1.02 0 0 1 1.43 0l8.47 8.49c.39.39.39 1.02 0 1.41L12.14 17a.99.99 0 0 1-1.42 0L2.24 8.53c-.39-.4-.39-1.03 0-1.42'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--earth\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.9 17.39c-.26-.8-1.01-1.39-1.9-1.39h-1v-3a1 1 0 0 0-1-1H8v-2h2a1 1 0 0 0 1-1V7h2a2 2 0 0 0 2-2v-.41a7.984 7.984 0 0 1 2.9 12.8M11 19.93c-3.95-.49-7-3.85-7-7.93c0-.62.08-1.22.21-1.79L9 15v1a2 2 0 0 0 2 2m1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--email\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m20 8l-8 5l-8-5V6l8 5l8-5m0-2H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--face-agent\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18.72 14.76c.35-.85.54-1.76.54-2.76c0-.72-.11-1.41-.3-2.05c-.65.15-1.33.23-2.04.23A9.07 9.07 0 0 1 9.5 6.34a9.2 9.2 0 0 1-4.73 4.88c-.04.25-.04.52-.04.78A7.27 7.27 0 0 0 12 19.27c1.05 0 2.06-.23 2.97-.64c.57 1.09.83 1.63.81 1.63c-1.64.55-2.91.82-3.78.82c-2.42 0-4.73-.95-6.43-2.66a9 9 0 0 1-2.24-3.69H2v-4.55h1.09a9.09 9.09 0 0 1 15.33-4.6a9 9 0 0 1 2.47 4.6H22v4.55h-.06L18.38 18l-5.3-.6v-1.67h4.83zm-9.45-2.99c.3 0 .59.12.8.34a1.136 1.136 0 0 1 0 1.6c-.21.21-.5.33-.8.33c-.63 0-1.14-.5-1.14-1.13s.51-1.14 1.14-1.14m5.45 0c.63 0 1.13.51 1.13 1.14s-.5 1.13-1.13 1.13s-1.14-.5-1.14-1.13a1.14 1.14 0 0 1 1.14-1.14'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--feature-highlight\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8.58 17.25l.92-3.89l-3-2.58l3.95-.37L12 6.8l1.55 3.65l3.95.33l-3 2.58l.92 3.89L12 15.19zM12 2a10 10 0 0 1 10 10a10 10 0 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2m0 2a8 8 0 0 0-8 8a8 8 0 0 0 8 8a8 8 0 0 0 8-8a8 8 0 0 0-8-8'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--file-sign\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19.7 12.9L14 18.6h-2.3v-2.3l5.7-5.7zm3.4-.8c0 .3-.3.6-.6.9L20 15.5l-.9-.9l2.6-2.6l-.6-.6l-.7.7l-2.3-2.3l2.2-2.1c.2-.2.6-.2.9 0l1.4 1.4c.2.2.2.6 0 .9c-.2.2-.4.4-.4.6s.2.4.4.6c.3.3.6.6.5.9M3 20V4h7v5h5v1.5l2-2V8l-6-6H3c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm8-2.9c-.2 0-.4.1-.5.1L10 15H8.5l-2.1 1.7L7 14H5.5l-1 5H6l2.9-2.6l.6 2.3h1l.5-.1z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--filter\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 12v7.88c.04.3-.06.62-.29.83a.996.996 0 0 1-1.41 0l-2.01-2.01a.99.99 0 0 1-.29-.83V12h-.03L4.21 4.62a1 1 0 0 1 .17-1.4c.19-.14.4-.22.62-.22h14c.22 0 .43.08.62.22a1 1 0 0 1 .17 1.4L14.03 12z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--fire\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.66 11.2c-.23-.3-.51-.56-.77-.82c-.67-.6-1.43-1.03-2.07-1.66C13.33 7.26 13 4.85 13.95 3c-.95.23-1.78.75-2.49 1.32c-2.59 2.08-3.61 5.75-2.39 8.9c.04.1.08.2.08.33c0 .22-.15.42-.35.5c-.23.1-.47.04-.66-.12a.6.6 0 0 1-.14-.17c-1.13-1.43-1.31-3.48-.55-5.12C5.78 10 4.87 12.3 5 14.47c.06.5.12 1 .29 1.5c.14.6.41 1.2.71 1.73c1.08 1.73 2.95 2.97 4.96 3.22c2.14.27 4.43-.12 6.07-1.6c1.83-1.66 2.47-4.32 1.53-6.6l-.13-.26c-.21-.46-.77-1.26-.77-1.26m-3.16 6.3c-.28.24-.74.5-1.1.6c-1.12.4-2.24-.16-2.9-.82c1.19-.28 1.9-1.16 2.11-2.05c.17-.8-.15-1.46-.28-2.23c-.12-.74-.1-1.37.17-2.06c.19.38.39.76.63 1.06c.77 1 1.98 1.44 2.24 2.8c.04.14.06.28.06.43c.03.82-.33 1.72-.93 2.27'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--football-australian\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.5 7.5c1.67-1.63 3.79-2.81 5.87-3.32C18 3 21 6 19.82 10.63c-.51 2.08-1.69 4.2-3.32 5.87c-1.67 1.63-3.79 2.81-5.87 3.32C6 21 3 18 4.18 13.37c.51-2.08 1.69-4.2 3.32-5.87m3.12 3.76l-.36.36l2.12 2.12l.36-.36zm1-1l-.36.36l2.12 2.12l.36-.36zm-2 2l-.36.36l2.12 2.12l.36-.36zm3.01-2.98l-.35.35l2.12 2.12l.35-.35zm-4 4l-.35.35l2.12 2.12l.35-.35zm5-5l-.35.35l2.12 2.12l.35-.35z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--football\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8.39 21L3 15.61c0 1.09.04 2.1.2 3.02c.15.92.3 1.47.51 1.66c.19.21.73.36 1.64.52s1.92.19 3.04.19M15.5 9.89L9.89 15.5L8.5 14.11l5.61-5.61zM3.29 13.08l7.63 7.63c2.78-.5 4.98-1.56 6.61-3.18c1.62-1.63 2.68-3.83 3.18-6.61l-7.63-7.63c-2.78.5-4.98 1.56-6.61 3.18s-2.68 3.83-3.18 6.61M15.61 3L21 8.39c0-1.09-.04-2.1-.19-3.02c-.16-.92-.31-1.47-.52-1.66c-.19-.21-.73-.36-1.64-.51S16.73 3 15.61 3'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--format-list-bulleted\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 5h14v2H7zm0 8v-2h14v2zM4 4.5A1.5 1.5 0 0 1 5.5 6A1.5 1.5 0 0 1 4 7.5A1.5 1.5 0 0 1 2.5 6A1.5 1.5 0 0 1 4 4.5m0 6A1.5 1.5 0 0 1 5.5 12A1.5 1.5 0 0 1 4 13.5A1.5 1.5 0 0 1 2.5 12A1.5 1.5 0 0 1 4 10.5M7 19v-2h14v2zm-3-2.5A1.5 1.5 0 0 1 5.5 18A1.5 1.5 0 0 1 4 19.5A1.5 1.5 0 0 1 2.5 18A1.5 1.5 0 0 1 4 16.5'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--fullscreen-exit\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 14h5v2h-3v3h-2zm-9 0h5v5H8v-3H5zm3-9h2v5H5V8h3zm11 3v2h-5V5h2v3z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--fullscreen\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 5h5v2H7v3H5zm9 0h5v5h-2V7h-3zm3 9h2v5h-5v-2h3zm-7 3v2H5v-5h2v3z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--gamepad-square\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 6H3a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2m-10 7H8v3H6v-3H3v-2h3V8h2v3h3m4.5 4a1.5 1.5 0 0 1-1.5-1.5a1.5 1.5 0 0 1 1.5-1.5a1.5 1.5 0 0 1 1.5 1.5a1.5 1.5 0 0 1-1.5 1.5m4-3a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 19.5 9a1.5 1.5 0 0 1 1.5 1.5a1.5 1.5 0 0 1-1.5 1.5'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--golf\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19.5 18a1.5 1.5 0 0 1 1.5 1.5a1.5 1.5 0 0 1-1.5 1.5a1.5 1.5 0 0 1-1.5-1.5a1.5 1.5 0 0 1 1.5-1.5M17 5.92L11 9v9.03c2.84.16 5 .97 5 1.97c0 1.1-2.69 2-6 2s-6-.9-6-2c0-.74 1.21-1.38 3-1.73V20h2V2z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--hand-coin-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16 2c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5m0 8c-1.66 0-3-1.34-3-3s1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3m3 6h-2c0-1.2-.75-2.28-1.87-2.7L8.97 11H1v11h6v-1.44l7 1.94l8-2.5v-1c0-1.66-1.34-3-3-3M5 20H3v-7h2zm8.97.41L7 18.5V13h1.61l5.82 2.17c.34.13.57.46.57.83c0 0-2-.05-2.3-.15l-2.38-.79l-.63 1.9l2.38.79c.51.17 1.04.25 1.58.25H19c.39 0 .74.24.9.57z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--help-circle\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m15.07 11.25l-.9.92C13.45 12.89 13 13.5 13 15h-2v-.5c0-1.11.45-2.11 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2a2 2 0 0 0-2 2H8a4 4 0 0 1 4-4a4 4 0 0 1 4 4a3.2 3.2 0 0 1-.93 2.25M13 19h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10c0-5.53-4.5-10-10-10'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--hockey-sticks\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.68 4H14.3l-1.74 4c-.03.04-.11.22-.25.5s-.25.54-.31.69L9.7 4H6.32l4.09 8.84c.09.22.32.75.7 1.59c.39.85.67 1.48.89 1.92l1.41 3.09c.19.34.48.51.89.51L19 20v-4h-4l-1.4-3.16zm2.35 12v4H22v-3c0-.27-.09-.5-.28-.72c-.19-.2-.42-.28-.72-.28zM5 16v4l4.7-.05c.41 0 .7-.17.89-.51l.85-1.94l-1.6-3.44L9 16zm-3 4h1.97v-4H3c-.3 0-.53.08-.72.28c-.19.22-.28.45-.28.72z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--horse\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M22 6v3.5l-1.5.5l-1.54-2.46c-.13-.21-.46-.12-.46.13v3.58c0 .98-.39 1.86-1 2.53V21H15v-6h-.25c-.21 0-.42-.03-.62-.06l-4.44-.74l-1.12 2.01l.96 4.79H7l-1-4.75c-.03-.3 0-.6.16-.86l1.02-1.81a3.27 3.27 0 0 1-1.68-2.77c-.04.15-.06.37-.03.69c.03.44.14 1.09.07 1.81c-.04.72-.37 1.46-.79 1.95c-.43.49-.9.83-1.4 1.09l-.7-.7c.19-.47.38-.89.42-1.28c.06-.37-.01-.67-.12-.94l-.53-1.13c-.21-.51-.47-1.25-.42-2.12c.03-.85.5-1.96 1.39-2.57c.9-.61 1.87-.69 2.66-.53c.5.1 1.01.34 1.45.68c.37-.17.8-.26 1.25-.26h5.75V7c0-2.21 1.79-4 4-4H22l-.89 1.34c.54.36.89.97.89 1.66'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--information-slab-circle\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2S2 6.5 2 12s4.5 10 10 10M11 7h2v2h-2zm3 10h-4v-2h1v-2h-1v-2h3v4h1z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--information\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--loading\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--luck\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 11.18c3.3-3 5-4.54 5-6.49C17 3.19 15.75 2 14.25 2c-.86 0-1.68.36-2.25 1c-.57-.64-1.39-1-2.31-1C8.19 2 7 3.25 7 4.75c0 1.89 1.7 3.43 5 6.43m-.82.82c-3-3.3-4.54-5-6.49-5C3.19 7 2 8.25 2 9.75c0 .86.36 1.68 1 2.25c-.64.57-1 1.39-1 2.31C2 15.81 3.25 17 4.75 17c1.89 0 3.43-1.7 6.43-5m1.65 0c2.99 3.3 4.53 5 6.48 5c1.5 0 2.69-1.25 2.69-2.75c0-.86-.36-1.68-1-2.25c.64-.57 1-1.39 1-2.31C22 8.19 20.75 7 19.25 7c-1.89 0-3.43 1.7-6.42 5m-.83.82c-3.3 3-5 4.54-5 6.49C7 20.81 8.25 22 9.75 22c.86 0 1.68-.36 2.25-1c.57.64 1.39 1 2.31 1c1.5 0 2.69-1.25 2.69-2.75c0-1.89-1.7-3.43-5-6.43'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--map-marker\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 11.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--map\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m15 19l-6-2.11V5l6 2.11M20.5 3h-.16L15 5.1L9 3L3.36 4.9c-.21.07-.36.25-.36.48V20.5a.5.5 0 0 0 .5.5c.05 0 .11 0 .16-.03L9 18.9l6 2.1l5.64-1.9c.21-.1.36-.25.36-.48V3.5a.5.5 0 0 0-.5-.5'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--marker-check\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m10 16l-5-5l1.41-1.42L10 13.17l7.59-7.59L19 7m0-6H5c-1.11 0-2 .89-2 2v12.93c0 .69.35 1.3.88 1.66L12 23l8.11-5.41c.53-.36.89-.97.89-1.66V3a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--menu-close\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 6h10v2H3zm0 10h10v2H3zm0-5h12v2H3zm13-4l-1.42 1.39L18.14 12l-3.56 3.61L16 17l5-5z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--menu-open\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 15.61L19.59 17l-5.01-5l5.01-5L21 8.39L17.44 12zM3 6h13v2H3zm0 7v-2h10v2zm0 5v-2h13v2z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--menu\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--message-text\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2M6 9h12v2H6m8 3H6v-2h8m4-4H6V6h12'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--minus\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 13H5v-2h14z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--mixed-martial-arts\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M15 10V7H7v3zm3-3c.28 0 .5.09.7.29c.19.21.3.44.3.71v2.78c0 .19-.03.33-.06.42l-.8 3.99c-.14.53-.44.81-.94.81H6.8c-.53 0-.85-.28-.94-.81l-.8-3.99c-.03-.09-.06-.23-.06-.42V5c0-.5.21-1 .6-1.39C6 3.2 6.45 3 7 3h8c.53 0 1 .2 1.41.61c.4.39.59.89.59 1.39v3c0-.27.11-.5.3-.71c.2-.2.42-.29.7-.29M7 20v-3h10v3c0 .3-.09.53-.29.72c-.21.19-.44.28-.71.28H8c-.27 0-.5-.09-.71-.28c-.2-.19-.29-.42-.29-.72'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--open-in-app\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 10l-4 4h3v6h2v-6h3m3-10H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4v-2H5V8h14v10h-4v2h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--open-in-new\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--plus-box-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 19V5H5v14zm0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-8 4h2v4h4v2h-4v4h-2v-4H7v-2h4z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--receipt-clock-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2L7.5 3.5L6 2L4.5 3.5L3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.58-1.58c.14.19.3.36.47.53A7.001 7.001 0 0 0 21 11.1V2zM19 9.68c-.93-.44-1.95-.68-3-.68c-3.86 0-7 3.13-7 7c0 1.05.24 2.07.68 3H5V5h14zM20.85 16c0 .64-.12 1.27-.35 1.86c-.26.58-.62 1.14-1.07 1.57c-.43.45-.99.81-1.57 1.07c-.59.23-1.22.35-1.86.35c-2.68 0-4.85-2.17-4.85-4.85c0-1.29.51-2.5 1.42-3.43c.93-.91 2.14-1.42 3.43-1.42c2.67 0 4.85 2.17 4.85 4.85m-5.85.69V13h1.5v2.82l2.44 1.41l-.75 1.3z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--refresh\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 0 0-8 8a8 8 0 0 0 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18a6 6 0 0 1-6-6a6 6 0 0 1 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--rugby\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16.22 16.22c2.03-2.03 3.11-4.72 3.23-8.02c-1.09 2.41-2.64 4.61-4.64 6.61s-4.2 3.55-6.61 4.64c3.3-.09 5.96-1.17 8.02-3.23M7.78 7.78C5.75 9.81 4.67 12.5 4.55 15.8c.45-1 1.15-2.15 2.06-3.45c.89-1.3 1.77-2.35 2.58-3.16c2-2 4.2-3.55 6.61-4.64c-3.3.09-5.96 1.17-8.02 3.23M20.5 3.5c.5.55.84 1.61.97 3.2c.12 1.6-.12 3.46-.73 5.6c-.61 2.15-1.63 3.93-3.07 5.37C16.36 19 14.8 19.95 13 20.55c-1.79.61-3.56.92-5.31.92c-2.13 0-3.52-.33-4.19-.97c-.5-.55-.84-1.61-.97-3.2c-.12-1.6.12-3.46.73-5.6c.61-2.15 1.63-3.93 3.07-5.37C7.64 5 9.2 4.05 11 3.45c1.79-.61 3.56-.92 5.31-.92c2.13 0 3.52.33 4.19.97'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--search\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--slot-machine-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m5 12l2-4V7H4v1h2l-2 4m5 0l2-4V7H8v1h2l-2 4m5 0l2-4V7h-3v1h2l-2 4m9-10c-1.1 0-2 .9-2 2c0 .7.4 1.4 1 1.7V17h-3v-2c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1h-3.8c-.8-1.2-2.2-2-3.7-2s-2.9.8-3.7 2H2c-.6 0-1 .4-1 1v9c0 .6.4 1 1 1v7h15v-3h3c1.1 0 2-.9 2-2V5.7c.6-.3 1-1 1-1.7c0-1.1-.9-2-2-2M3 6h13v7H3zm12 14H4v-5h11zm-2-1H6v-2h7z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--slot-machine\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m5 12l2-4V7H4v1h2l-2 4m5 0l2-4V7H8v1h2l-2 4m5 0l2-4V7h-3v1h2l-2 4m9-10c-1.1 0-2 .9-2 2c0 .7.4 1.4 1 1.7V17h-3v-2c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1h-3.8c-.8-1.2-2.2-2-3.7-2s-2.9.8-3.7 2H2c-.6 0-1 .4-1 1v9c0 .6.4 1 1 1v7h15v-3h3c1.1 0 2-.9 2-2V5.7c.6-.3 1-1 1-1.7c0-1.1-.9-2-2-2m-8 17H6v-2h7zm3-6H3V6h13z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--soccer\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m16.93 17.12l-.8-1.36l1.46-4.37l1.41-.47l1 .75v.14c0 .07.03.13.03.19c0 1.97-.66 3.71-1.97 5.21zM9.75 15l-1.37-4.03L12 8.43l3.62 2.54L14.25 15zM12 20.03c-.88 0-1.71-.14-2.5-.42l-.69-1.51l.66-1.1h5.11l.61 1.1l-.69 1.51c-.79.28-1.62.42-2.5.42m-6.06-2.82c-.53-.62-.99-1.45-1.38-2.46c-.39-1.02-.59-1.94-.59-2.75c0-.06.03-.12.03-.19v-.14l1-.75l1.41.47l1.46 4.37l-.8 1.36zM11 5.29v1.4L7 9.46l-1.34-.42l-.42-1.36C5.68 7 6.33 6.32 7.19 5.66s1.68-1.09 2.46-1.31zm3.35-.94c.78.22 1.6.65 2.46 1.31S18.32 7 18.76 7.68l-.42 1.36l-1.34.43l-4-2.77V5.29zm-9.42.58C3 6.89 2 9.25 2 12s1 5.11 2.93 7.07S9.25 22 12 22s5.11-1 7.07-2.93S22 14.75 22 12s-1-5.11-2.93-7.07S14.75 2 12 2S6.89 3 4.93 4.93'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--sort-alphabetical-variant\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m9.25 5l3.25-3.25L15.75 5zm6.5 14l-3.25 3.25L9.25 19zm-6.86-4.7H6L5.28 17H2.91L6 7h3l3.13 10H9.67zm-2.56-1.62h2.23l-.63-2.12l-.26-.97l-.25-.96h-.03l-.22.97l-.24.98zM13.05 17v-1.26l4.75-6.77v-.06h-4.3V7h7.23v1.34L16.09 15v.08h4.71V17z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--sort\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m18 21l-4-4h3V7h-3l4-4l4 4h-3v10h3M2 19v-2h10v2M2 13v-2h7v2M2 7V5h4v2z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--space-invaders\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 6H5V4h2zm10 0h2V4h-2zm6 6v6h-2v-4h-2v4h-2v-2H7v2H5v-4H3v4H1v-6h2v-2h2V8h2V6h2v2h6V6h2v2h2v2h2v2zm-8-2v2h2v-2zm-8 2h2v-2H7zm4 6H7v2h4zm6 0h-4v2h4z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--star-circle-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8.58 17.25l.92-3.89l-3-2.58l3.95-.37L12 6.8l1.55 3.65l3.95.33l-3 2.58l.92 3.89L12 15.19zM12 2a10 10 0 0 1 10 10a10 10 0 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2m0 2a8 8 0 0 0-8 8a8 8 0 0 0 8 8a8 8 0 0 0 8-8a8 8 0 0 0-8-8'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--table-tennis\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18.5 14c1.4 0 2.5 1.1 2.5 2.5S19.9 19 18.5 19S16 17.9 16 16.5s1.1-2.5 2.5-2.5M7 15s1 1 1 2v3.5c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5V17c0-1 1-2 1-2zm1-1h3s5 0 5-5s-4-7-6.5-7S3 4 3 9s5 5 5 5'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--tennis\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18 15a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 2a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2M6.05 14.54s1.41-1.42 1.42-4.24c-.36-2.19.5-4.76 2.47-6.72C12.87.65 17.14.17 19.5 2.5c2.33 2.36 1.85 6.63-1.08 9.56c-1.96 1.97-4.53 2.83-6.72 2.47c-2.82.01-4.24 1.42-4.24 1.42l-4.24 4.24l-1.41-1.41zM18.07 3.93C16.5 2.37 13.5 2.84 11.35 5c-2.14 2.14-2.62 5.15-1.06 6.71c1.57 1.56 4.57 1.08 6.71-1.06c2.16-2.15 2.63-5.15 1.07-6.72'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--ticket-confirmation-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M22 10V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v4a2 2 0 1 1 0 4v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2s.9-2 2-2m-2-1.46c-1.19.69-2 1.99-2 3.46s.81 2.77 2 3.46V18H4v-2.54c1.19-.69 2-1.99 2-3.46c0-1.5-.8-2.77-2-3.46V6h16zM11 15h2v2h-2m0-6h2v2h-2m0-6h2v2h-2Z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--view-dashboard-variant\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2 5v14h6V5zm7 0v5h6V5zm7 0v9h6V5zm-7 6v8h6v-8zm7 4v4h6v-4z'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--volleyball\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19.04 4.85C17.34 3.2 15.33 2.25 13 2v3.62l9 5.18c-.28-2.3-1.27-4.3-2.96-5.95M12 22c3.44 0 6.16-1.38 8.17-4.14L17.06 16l-8.99 5.2c1.25.53 2.57.8 3.93.8m1-10.59l8.15 4.66c.44-.94.73-1.93.85-2.96l-9-5.18zm-9.12 6.4c.66.91 1.38 1.65 2.17 2.19l8.99-5.1L12 13.15zM11.04 2C10 2.09 9 2.36 8 2.8v10.35l3.04-1.74zM2 12c0 1.39.3 2.77.89 4.12L6 14.28V4c-2.67 2-4 4.65-4 8'/%3E%3C/svg%3E");
  }
  .tw\:icon-\[mdi--youtube-tv\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2.5 4.5h19c.84 0 1.5.65 1.5 1.5v11.5c0 .85-.66 1.5-1.5 1.5h-19c-.85 0-1.5-.65-1.5-1.5V6c0-.85.65-1.5 1.5-1.5m7.21 4V15l5.71-3.3zM17.25 21H6.65c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h10.7c.3 0 .5.2.5.5s-.3.5-.6.5'/%3E%3C/svg%3E");
  }
  .tw\:tabs {
    @layer daisyui.l1.l2.l3 {
      display: flex;
      flex-wrap: wrap;
      --tabs-height: auto;
      --tabs-direction: row;
      --tab-height: calc(var(--size-field, 0.25rem) * 10);
      height: var(--tabs-height);
      flex-direction: var(--tabs-direction);
    }
  }
  .tw\:card-body {
    @layer daisyui.l1.l2.l3 {
      display: flex;
      flex: auto;
      flex-direction: column;
      gap: calc(0.25rem * 2);
      padding: var(--card-p, 1.5rem);
      font-size: var(--card-fs, 0.875rem);
      :where(p) {
        flex-grow: 1;
      }
    }
  }
  .tw\:fab-flower {
    @layer daisyui.l1.l2.l3 {
      display: grid;
      --position: 0rem;
      > *:nth-child(-n + 2) {
        --position: 0rem;
      }
      > * {
        grid-area: 1/1;
        --degree: 180deg;
        --flip-degree: calc(180deg - var(--degree));
        transform: translateX(calc(cos(var(--degree)) * var(--position))) translateY(calc(sin(var(--degree)) * -1 * var(--position)));
        [dir="rtl"] & {
          transform: translateX(calc(cos(var(--flip-degree)) * var(--position))) translateY(calc(sin(var(--flip-degree)) * -1 * var(--position)));
        }
      }
      > :nth-child(n + 7) {
        display: none;
      }
      &:has(:nth-child(3)) {
        --position: 140%;
        > :nth-child(3) {
          --degree: 135deg;
        }
      }
      &:has(:nth-child(4)) {
        --position: 140%;
        > :nth-child(3) {
          --degree: 165deg;
        }
        > :nth-child(4) {
          --degree: 105deg;
        }
      }
      &:has(:nth-child(5)) {
        --position: 180%;
        > :nth-child(3) {
          --degree: 180deg;
        }
        > :nth-child(4) {
          --degree: 135deg;
        }
        > :nth-child(5) {
          --degree: 90deg;
        }
      }
      &:has(:nth-child(6)) {
        --position: 220%;
        > :nth-child(3) {
          --degree: 180deg;
        }
        > :nth-child(4) {
          --degree: 150deg;
        }
        > :nth-child(5) {
          --degree: 120deg;
        }
        > :nth-child(6) {
          --degree: 90deg;
        }
      }
    }
  }
  .tw\:carousel {
    @layer daisyui.l1.l2.l3 {
      display: inline-flex;
      overflow-x: scroll;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      @media (prefers-reduced-motion: no-preference) {
        scroll-behavior: smooth;
      }
      &::-webkit-scrollbar {
        display: none;
      }
    }
  }
  .tw\:alert {
    border-width: var(--border);
    border-color: var(--alert-border-color, var(--color-base-200));
    @layer daisyui.l1.l2.l3 {
      border-style: solid;
      --alert-border-color: var(--color-base-200);
      display: grid;
      align-items: center;
      gap: calc(0.25rem * 4);
      border-radius: var(--radius-box);
      padding-inline: calc(0.25rem * 4);
      padding-block: calc(0.25rem * 3);
      color: var(--color-base-content);
      background-color: var(--alert-color, var(--color-base-200));
      justify-content: start;
      justify-items: start;
      grid-auto-flow: column;
      grid-template-columns: auto;
      text-align: start;
      font-size: 0.875rem;
      line-height: 1.25rem;
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--fx-noise);
      box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px color-mix( in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000 ), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
      }
      &:has(:nth-child(2)) {
        grid-template-columns: auto minmax(auto, 1fr);
      }
    }
  }
  .tw\:chat {
    @layer daisyui.l1.l2.l3 {
      display: grid;
      grid-auto-rows: min-content;
      column-gap: calc(0.25rem * 3);
      padding-block: calc(0.25rem * 1);
      --mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");
    }
  }
  .tw\:card-actions {
    @layer daisyui.l1.l2.l3 {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      gap: calc(0.25rem * 2);
    }
  }
  .tw\:avatar-placeholder {
    @layer daisyui.l1.l2 {
      & > div {
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }
  .tw\:card-title {
    @layer daisyui.l1.l2.l3 {
      display: flex;
      align-items: center;
      gap: calc(0.25rem * 2);
      font-size: var(--cardtitle-fs, 1.125rem);
      font-weight: 600;
    }
  }
  .tw\:avatar-group {
    @layer daisyui.l1.l2.l3 {
      display: flex;
      overflow: hidden;
      .tw\:avatar {
        overflow: hidden;
        border-radius: calc(infinity * 1px);
        border: 4px solid var(--color-base-100);
      }
    }
  }
  .tw\:block {
    display: block;
  }
  .tw\:divider-start {
    &:before {
      @layer daisyui.l1.l2 {
        display: none;
      }
    }
  }
  .tw\:flex {
    display: flex;
  }
  .tw\:grid {
    display: grid;
  }
  .tw\:hidden {
    display: none;
  }
  .tw\:inline {
    display: inline;
  }
  .tw\:inline-block {
    display: inline-block;
  }
  .tw\:inline-flex {
    display: inline-flex;
  }
  .tw\:aspect-square {
    aspect-ratio: 1 / 1;
  }
  .tw\:aspect-video {
    aspect-ratio: var(--tw-aspect-video, 16 / 9);
  }
  .tw\:btn-circle {
    @layer daisyui.l1.l2 {
      border-radius: calc(infinity * 1px);
      padding-inline: calc(0.25rem * 0);
      width: var(--size);
      height: var(--size);
    }
  }
  .tw\:btn-square {
    @layer daisyui.l1.l2 {
      padding-inline: calc(0.25rem * 0);
      width: var(--size);
      height: var(--size);
    }
  }
  .tw\:size-5 {
    width: calc(var(--tw-spacing, 0.25rem) * 5);
    height: calc(var(--tw-spacing, 0.25rem) * 5);
  }
  .tw\:size-8 {
    width: calc(var(--tw-spacing, 0.25rem) * 8);
    height: calc(var(--tw-spacing, 0.25rem) * 8);
  }
  .tw\:h-0 {
    height: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:h-0\.5 {
    height: calc(var(--tw-spacing, 0.25rem) * 0.5);
  }
  .tw\:h-1 {
    height: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:h-1\.5 {
    height: calc(var(--tw-spacing, 0.25rem) * 1.5);
  }
  .tw\:h-1\/4 {
    height: calc(1 / 4 * 100%);
  }
  .tw\:h-2 {
    height: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:h-3 {
    height: calc(var(--tw-spacing, 0.25rem) * 3);
  }
  .tw\:h-4 {
    height: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .tw\:h-5 {
    height: calc(var(--tw-spacing, 0.25rem) * 5);
  }
  .tw\:h-6 {
    height: calc(var(--tw-spacing, 0.25rem) * 6);
  }
  .tw\:h-7 {
    height: calc(var(--tw-spacing, 0.25rem) * 7);
  }
  .tw\:h-8 {
    height: calc(var(--tw-spacing, 0.25rem) * 8);
  }
  .tw\:h-9 {
    height: calc(var(--tw-spacing, 0.25rem) * 9);
  }
  .tw\:h-10 {
    height: calc(var(--tw-spacing, 0.25rem) * 10);
  }
  .tw\:h-11 {
    height: calc(var(--tw-spacing, 0.25rem) * 11);
  }
  .tw\:h-12 {
    height: calc(var(--tw-spacing, 0.25rem) * 12);
  }
  .tw\:h-16 {
    height: calc(var(--tw-spacing, 0.25rem) * 16);
  }
  .tw\:h-20 {
    height: calc(var(--tw-spacing, 0.25rem) * 20);
  }
  .tw\:h-24 {
    height: calc(var(--tw-spacing, 0.25rem) * 24);
  }
  .tw\:h-30 {
    height: calc(var(--tw-spacing, 0.25rem) * 30);
  }
  .tw\:h-\[4px\] {
    height: 4px;
  }
  .tw\:h-\[20px\] {
    height: 20px;
  }
  .tw\:h-\[35px\] {
    height: 35px;
  }
  .tw\:h-\[45px\] {
    height: 45px;
  }
  .tw\:h-\[70vh\] {
    height: 70vh;
  }
  .tw\:h-\[73px\] {
    height: 73px;
  }
  .tw\:h-\[148px\] {
    height: 148px;
  }
  .tw\:h-\[193px\] {
    height: 193px;
  }
  .tw\:h-\[293px\] {
    height: 293px;
  }
  .tw\:h-\[394px\] {
    height: 394px;
  }
  .tw\:h-\[602px\] {
    height: 602px;
  }
  .tw\:h-\[var\(--header-height\)\] {
    height: var(--header-height);
  }
  .tw\:h-auto {
    height: auto;
  }
  .tw\:h-full {
    height: 100%;
  }
  .tw\:h-px {
    height: 1px;
  }
  .tw\:h-screen {
    height: 100vh;
  }
  .tw\:max-h-0 {
    max-height: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:max-h-12 {
    max-height: calc(var(--tw-spacing, 0.25rem) * 12);
  }
  .tw\:max-h-\[25vh\] {
    max-height: 25vh;
  }
  .tw\:max-h-\[50px\] {
    max-height: 50px;
  }
  .tw\:max-h-\[84px\] {
    max-height: 84px;
  }
  .tw\:max-h-\[85vh\] {
    max-height: 85vh;
  }
  .tw\:min-h-0 {
    min-height: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:min-h-1 {
    min-height: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:min-h-1\! {
    min-height: calc(var(--tw-spacing, 0.25rem) * 1) !important;
  }
  .tw\:min-h-8 {
    min-height: calc(var(--tw-spacing, 0.25rem) * 8);
  }
  .tw\:min-h-9 {
    min-height: calc(var(--tw-spacing, 0.25rem) * 9);
  }
  .tw\:min-h-10 {
    min-height: calc(var(--tw-spacing, 0.25rem) * 10);
  }
  .tw\:btn-wide {
    @layer daisyui.l1.l2 {
      width: 100%;
      max-width: calc(0.25rem * 64);
    }
  }
  .tw\:loading-lg {
    @layer daisyui.l1.l2 {
      width: calc(var(--size-selector, 0.25rem) * 7);
    }
  }
  .tw\:loading-md {
    @layer daisyui.l1.l2 {
      width: calc(var(--size-selector, 0.25rem) * 6);
    }
  }
  .tw\:loading-xl {
    @layer daisyui.l1.l2 {
      width: calc(var(--size-selector, 0.25rem) * 8);
    }
  }
  .tw\:w-0 {
    width: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:w-1\/4 {
    width: calc(1 / 4 * 100%);
  }
  .tw\:w-1\/5 {
    width: calc(1 / 5 * 100%);
  }
  .tw\:w-2 {
    width: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:w-3\/4 {
    width: calc(3 / 4 * 100%);
  }
  .tw\:w-4 {
    width: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .tw\:w-5 {
    width: calc(var(--tw-spacing, 0.25rem) * 5);
  }
  .tw\:w-6 {
    width: calc(var(--tw-spacing, 0.25rem) * 6);
  }
  .tw\:w-7 {
    width: calc(var(--tw-spacing, 0.25rem) * 7);
  }
  .tw\:w-8 {
    width: calc(var(--tw-spacing, 0.25rem) * 8);
  }
  .tw\:w-9 {
    width: calc(var(--tw-spacing, 0.25rem) * 9);
  }
  .tw\:w-10 {
    width: calc(var(--tw-spacing, 0.25rem) * 10);
  }
  .tw\:w-12 {
    width: calc(var(--tw-spacing, 0.25rem) * 12);
  }
  .tw\:w-16 {
    width: calc(var(--tw-spacing, 0.25rem) * 16);
  }
  .tw\:w-18 {
    width: calc(var(--tw-spacing, 0.25rem) * 18);
  }
  .tw\:w-24 {
    width: calc(var(--tw-spacing, 0.25rem) * 24);
  }
  .tw\:w-32 {
    width: calc(var(--tw-spacing, 0.25rem) * 32);
  }
  .tw\:w-35 {
    width: calc(var(--tw-spacing, 0.25rem) * 35);
  }
  .tw\:w-50 {
    width: calc(var(--tw-spacing, 0.25rem) * 50);
  }
  .tw\:w-52 {
    width: calc(var(--tw-spacing, 0.25rem) * 52);
  }
  .tw\:w-64 {
    width: calc(var(--tw-spacing, 0.25rem) * 64);
  }
  .tw\:w-96 {
    width: calc(var(--tw-spacing, 0.25rem) * 96);
  }
  .tw\:w-100 {
    width: calc(var(--tw-spacing, 0.25rem) * 100);
  }
  .tw\:w-120 {
    width: calc(var(--tw-spacing, 0.25rem) * 120);
  }
  .tw\:w-\[1px\] {
    width: 1px;
  }
  .tw\:w-\[2px\] {
    width: 2px;
  }
  .tw\:w-\[20\%\] {
    width: 20%;
  }
  .tw\:w-\[20px\] {
    width: 20px;
  }
  .tw\:w-\[28px\] {
    width: 28px;
  }
  .tw\:w-\[30px\] {
    width: 30px;
  }
  .tw\:w-\[40\%\] {
    width: 40%;
  }
  .tw\:w-\[40px\] {
    width: 40px;
  }
  .tw\:w-\[50px\] {
    width: 50px;
  }
  .tw\:w-\[55px\] {
    width: 55px;
  }
  .tw\:w-\[80px\] {
    width: 80px;
  }
  .tw\:w-\[95\%\] {
    width: 95%;
  }
  .tw\:w-\[100\%\] {
    width: 100%;
  }
  .tw\:w-\[100px\] {
    width: 100px;
  }
  .tw\:w-\[110px\] {
    width: 110px;
  }
  .tw\:w-\[149px\] {
    width: 149px;
  }
  .tw\:w-\[228px\] {
    width: 228px;
  }
  .tw\:w-\[304px\] {
    width: 304px;
  }
  .tw\:w-\[305px\] {
    width: 305px;
  }
  .tw\:w-\[468px\] {
    width: 468px;
  }
  .tw\:w-\[472px\] {
    width: 472px;
  }
  .tw\:w-auto {
    width: auto;
  }
  .tw\:w-full {
    width: 100%;
  }
  .tw\:w-max {
    width: max-content;
  }
  .tw\:w-screen {
    width: 100vw;
  }
  .tw\:w-sm {
    width: var(--tw-container-sm, 24rem);
  }
  .tw\:max-w-3xl {
    max-width: var(--tw-container-3xl, 48rem);
  }
  .tw\:max-w-\[298px\] {
    max-width: 298px;
  }
  .tw\:max-w-\[400px\] {
    max-width: 400px;
  }
  .tw\:max-w-\[472px\] {
    max-width: 472px;
  }
  .tw\:max-w-\[500px\] {
    max-width: 500px;
  }
  .tw\:max-w-\[520px\] {
    max-width: 520px;
  }
  .tw\:max-w-full {
    max-width: 100%;
  }
  .tw\:max-w-md {
    max-width: var(--tw-container-md, 28rem);
  }
  .tw\:min-w-0 {
    min-width: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:min-w-35 {
    min-width: calc(var(--tw-spacing, 0.25rem) * 35);
  }
  .tw\:min-w-\[5rem\] {
    min-width: 5rem;
  }
  .tw\:min-w-\[60px\] {
    min-width: 60px;
  }
  .tw\:min-w-\[120px\] {
    min-width: 120px;
  }
  .tw\:min-w-\[200px\] {
    min-width: 200px;
  }
  .tw\:flex-1 {
    flex: 1;
  }
  .tw\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .tw\:shrink {
    flex-shrink: 1;
  }
  .tw\:shrink-0 {
    flex-shrink: 0;
  }
  .tw\:grow {
    flex-grow: 1;
  }
  .tw\:basis-full {
    flex-basis: 100%;
  }
  .tw\:origin-top {
    transform-origin: top;
  }
  .tw\:-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:translate-y-2 {
    --tw-translate-y: calc(var(--tw-spacing, 0.25rem) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tw\:scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .tw\:scale-90 {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .tw\:scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .tw\:scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .tw\:scale-y-75 {
    --tw-scale-y: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .tw\:swap-rotate {
    @layer daisyui.l1.l2 {
      .tw\:swap-on, input:indeterminate ~ .tw\:swap-on {
        rotate: 45deg;
      }
      input:is(:checked, :indeterminate) ~ .tw\:swap-on, &.tw\:swap-active .tw\:swap-on {
        rotate: 0deg;
      }
      input:is(:checked, :indeterminate) ~ .tw\:swap-off, &.tw\:swap-active .tw\:swap-off {
        rotate: calc(45deg * -1);
      }
    }
  }
  .tw\:rotate-180 {
    rotate: 180deg;
  }
  .tw\:skeleton {
    @layer daisyui.l1.l2.l3 {
      border-radius: var(--radius-box);
      background-color: var(--color-base-300);
      @media (prefers-reduced-motion: reduce) {
        transition-duration: 15s;
      }
      will-change: background-position;
      background-image: linear-gradient( 105deg, #0000 0% 40%, var(--color-base-100) 50%, #0000 60% 100% );
      background-size: 200% auto;
      background-position-x: -50%;
      @media (prefers-reduced-motion: no-preference) {
        animation: skeleton 1.8s ease-in-out infinite;
      }
    }
  }
  .tw\:animate-ping {
    animation: var(--tw-animate-ping, ping 1s cubic-bezier(0, 0, 0.2, 1) infinite);
  }
  .tw\:animate-spin {
    animation: var(--tw-animate-spin, spin 1s linear infinite);
  }
  .tw\:link {
    @layer daisyui.l1.l2.l3 {
      cursor: pointer;
      text-decoration-line: underline;
      &:focus {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
      &:focus-visible {
        outline: 2px solid currentColor;
        outline-offset: 2px;
      }
    }
  }
  .tw\:cursor-default {
    cursor: default;
  }
  .tw\:cursor-grab {
    cursor: grab;
  }
  .tw\:cursor-move {
    cursor: move;
  }
  .tw\:cursor-not-allowed {
    cursor: not-allowed;
  }
  .tw\:cursor-pointer {
    cursor: pointer;
  }
  .tw\:snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .tw\:snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .tw\:carousel-center {
    @layer daisyui.l1.l2 {
      .tw\:carousel-item {
        scroll-snap-align: center;
      }
    }
  }
  .tw\:snap-center {
    scroll-snap-align: center;
  }
  .tw\:scroll-px-8 {
    scroll-padding-inline: calc(var(--tw-spacing, 0.25rem) * 8);
  }
  .tw\:\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .tw\:list-disc {
    list-style-type: disc;
  }
  .tw\:list-none {
    list-style-type: none;
  }
  .tw\:appearance-none {
    appearance: none;
  }
  .tw\:footer-horizontal {
    @layer daisyui.l1.l2 {
      grid-auto-flow: column;
      &.tw\:footer-center {
        grid-auto-flow: row dense;
      }
    }
  }
  .tw\:grid-flow-dense {
    grid-auto-flow: dense;
  }
  .tw\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .tw\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tw\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .tw\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .tw\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .tw\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .tw\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .tw\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .tw\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .tw\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .tw\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .tw\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .tw\:grid-cols-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .tw\:grid-cols-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
  .tw\:grid-cols-15 {
    grid-template-columns: repeat(15, minmax(0, 1fr));
  }
  .tw\:grid-cols-24 {
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }
  .tw\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .tw\:grid-cols-\[auto_1rem\] {
    grid-template-columns: auto 1rem;
  }
  .tw\:flex-col {
    flex-direction: column;
  }
  .tw\:flex-row {
    flex-direction: row;
  }
  .tw\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .tw\:flex-wrap {
    flex-wrap: wrap;
  }
  .tw\:place-content-between {
    place-content: space-between;
  }
  .tw\:place-content-center {
    place-content: center;
  }
  .tw\:place-content-end {
    place-content: end;
  }
  .tw\:place-items-center {
    place-items: center;
  }
  .tw\:place-items-end {
    place-items: end;
  }
  .tw\:place-items-stretch {
    place-items: stretch;
  }
  .tw\:content-center {
    align-content: center;
  }
  .tw\:items-center {
    align-items: center;
  }
  .tw\:items-end {
    align-items: flex-end;
  }
  .tw\:items-start {
    align-items: flex-start;
  }
  .tw\:items-stretch {
    align-items: stretch;
  }
  .tw\:justify-between {
    justify-content: space-between;
  }
  .tw\:justify-center {
    justify-content: center;
  }
  .tw\:justify-end {
    justify-content: flex-end;
  }
  .tw\:justify-evenly {
    justify-content: space-evenly;
  }
  .tw\:justify-stretch {
    justify-content: stretch;
  }
  .tw\:justify-items-end {
    justify-items: end;
  }
  .tw\:justify-items-stretch {
    justify-items: stretch;
  }
  .tw\:gap-0 {
    gap: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:gap-1 {
    gap: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:gap-2 {
    gap: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:gap-3 {
    gap: calc(var(--tw-spacing, 0.25rem) * 3);
  }
  .tw\:gap-4 {
    gap: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .tw\:gap-5 {
    gap: calc(var(--tw-spacing, 0.25rem) * 5);
  }
  .tw\:gap-6 {
    gap: calc(var(--tw-spacing, 0.25rem) * 6);
  }
  .tw\:gap-7 {
    gap: calc(var(--tw-spacing, 0.25rem) * 7);
  }
  .tw\:gap-\[8px\] {
    gap: 8px;
  }
  .tw\:gap-\[var\(--element-spacing\)\] {
    gap: var(--element-spacing);
  }
  .tw\:space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing, 0.25rem) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing, 0.25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing, 0.25rem) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing, 0.25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:gap-x-1 {
    column-gap: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:gap-x-2 {
    column-gap: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:space-x-4 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--tw-spacing, 0.25rem) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--tw-spacing, 0.25rem) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .tw\:place-self-end {
    place-self: end;
  }
  .tw\:self-center {
    align-self: center;
  }
  .tw\:self-start {
    align-self: flex-start;
  }
  .tw\:justify-self-center {
    justify-self: center;
  }
  .tw\:justify-self-end {
    justify-self: flex-end;
  }
  .tw\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .tw\:overflow-hidden {
    overflow: hidden;
  }
  .tw\:overflow-visible {
    overflow: visible;
  }
  .tw\:overflow-x-auto {
    overflow-x: auto;
  }
  .tw\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .tw\:overflow-y-auto {
    overflow-y: auto;
  }
  .tw\:overflow-y-scroll {
    overflow-y: scroll;
  }
  .tw\:overflow-y-visible {
    overflow-y: visible;
  }
  .tw\:menu-sm {
    @layer daisyui.l1.l2 {
      :where(li:not(.tw\:menu-title) > *:not(ul, details, .tw\:menu-title)), :where(li:not(.tw\:menu-title) > details > summary:not(.tw\:menu-title)) {
        border-radius: var(--radius-field);
        padding-inline: calc(0.25rem * 2.5);
        padding-block: calc(0.25rem * 1);
        font-size: 0.75rem;
      }
      .tw\:menu-title {
        padding-inline: calc(0.25rem * 3);
        padding-block: calc(0.25rem * 2);
      }
    }
  }
  .tw\:rounded {
    border-radius: 0.25rem;
  }
  .tw\:rounded-\[4px\] {
    border-radius: 4px;
  }
  .tw\:rounded-box {
    border-radius: var(--radius-box);
  }
  .tw\:rounded-box {
    border-radius: var(--radius-box);
  }
  .tw\:rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .tw\:rounded-lg {
    border-radius: var(--tw-radius-lg, 0.5rem);
  }
  .tw\:rounded-md {
    border-radius: var(--tw-radius-md, 0.375rem);
  }
  .tw\:rounded-none {
    border-radius: 0;
  }
  .tw\:rounded-sm {
    border-radius: var(--tw-radius-sm, 0.25rem);
  }
  .tw\:rounded-xl {
    border-radius: var(--tw-radius-xl, 0.75rem);
  }
  .tw\:rounded-t-box {
    border-top-left-radius: var(--radius-box);
    border-top-right-radius: var(--radius-box);
  }
  .tw\:rounded-t-box {
    border-top-left-radius: var(--radius-box);
    border-top-right-radius: var(--radius-box);
  }
  .tw\:rounded-t-lg {
    border-top-left-radius: var(--tw-radius-lg, 0.5rem);
    border-top-right-radius: var(--tw-radius-lg, 0.5rem);
  }
  .tw\:rounded-t-xl {
    border-top-left-radius: var(--tw-radius-xl, 0.75rem);
    border-top-right-radius: var(--tw-radius-xl, 0.75rem);
  }
  .tw\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .tw\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .tw\:rounded-tl-xl {
    border-top-left-radius: var(--tw-radius-xl, 0.75rem);
  }
  .tw\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .tw\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .tw\:rounded-tr-xl {
    border-top-right-radius: var(--tw-radius-xl, 0.75rem);
  }
  .tw\:rounded-br-none {
    border-bottom-right-radius: 0;
  }
  .tw\:rounded-bl-lg {
    border-bottom-left-radius: var(--tw-radius-lg, 0.5rem);
  }
  .tw\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }
  .tw\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .tw\:border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .tw\:border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .tw\:border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .tw\:border-x-0 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0px;
  }
  .tw\:border-x-\[6px\] {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 6px;
  }
  .tw\:border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .tw\:border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .tw\:border-t-1 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .tw\:border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .tw\:border-t-\[8px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 8px;
  }
  .tw\:border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }
  .tw\:border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .tw\:border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .tw\:border-b-1 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .tw\:border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .tw\:border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .tw\:border-l-8 {
    border-left-style: var(--tw-border-style);
    border-left-width: 8px;
  }
  .tw\:border-l-12 {
    border-left-style: var(--tw-border-style);
    border-left-width: 12px;
  }
  .tw\:border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .tw\:border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .tw\:border-base-100 {
    border-color: var(--color-base-100);
  }
  .tw\:border-base-300 {
    border-color: var(--color-base-300);
  }
  .tw\:border-base-300\/50 {
    border-color: var(--color-base-300);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-base-300) 50%, transparent);
    }
  }
  .tw\:border-base-content {
    border-color: var(--color-base-content);
  }
  .tw\:border-base-content\/5 {
    border-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
    }
  }
  .tw\:border-base-content\/10 {
    border-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }
  .tw\:border-base-content\/20 {
    border-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
    }
  }
  .tw\:border-base-content\/25 {
    border-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-base-content) 25%, transparent);
    }
  }
  .tw\:border-base-content\/40 {
    border-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
    }
  }
  .tw\:border-card-background\/50 {
    border-color: var(--tw-color-card-background);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-card-background) 50%, transparent);
    }
  }
  .tw\:border-card-light\/20 {
    border-color: var(--tw-color-card-light);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-card-light) 20%, transparent);
    }
  }
  .tw\:border-card-light\/30 {
    border-color: var(--tw-color-card-light);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-card-light) 30%, transparent);
    }
  }
  .tw\:border-card-light\/50 {
    border-color: var(--tw-color-card-light);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-card-light) 50%, transparent);
    }
  }
  .tw\:border-cas-lobby-table-games {
    border-color: var(--tw-color-cas-lobby-table-games);
  }
  .tw\:border-gray-100 {
    border-color: var(--tw-color-gray-100, oklch(96.7% 0.003 264.542));
  }
  .tw\:border-gray-200 {
    border-color: var(--tw-color-gray-200, oklch(92.8% 0.006 264.531));
  }
  .tw\:border-gray-300 {
    border-color: var(--tw-color-gray-300, oklch(87.2% 0.01 258.338));
  }
  .tw\:border-info {
    border-color: var(--color-info);
  }
  .tw\:border-neutral {
    border-color: var(--color-neutral);
  }
  .tw\:border-neutral\/20 {
    border-color: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral) 20%, transparent);
    }
  }
  .tw\:border-primary {
    border-color: var(--color-primary);
  }
  .tw\:border-primary\! {
    border-color: var(--color-primary) !important;
  }
  .tw\:border-primary-highlight {
    border-color: var(--tw-color-primary-highlight);
  }
  .tw\:border-primary\/50 {
    border-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
    }
  }
  .tw\:border-red-600 {
    border-color: var(--tw-color-red-600, oklch(57.7% 0.245 27.325));
  }
  .tw\:border-red-600\/50 {
    border-color: var(--tw-color-red-600, oklch(57.7% 0.245 27.325));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-red-600, oklch(57.7% 0.245 27.325)) 50%, transparent);
    }
  }
  .tw\:border-secondary {
    border-color: var(--color-secondary);
  }
  .tw\:border-secondary\/10 {
    border-color: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-secondary) 10%, transparent);
    }
  }
  .tw\:border-slate-200 {
    border-color: var(--tw-color-slate-200, oklch(92.9% 0.013 255.508));
  }
  .tw\:border-slate-600 {
    border-color: var(--tw-color-slate-600, oklch(44.6% 0.043 257.281));
  }
  .tw\:border-transparent {
    border-color: transparent;
  }
  .tw\:border-white\/20 {
    border-color: var(--tw-color-white, #fff);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-white, #fff) 20%, transparent);
    }
  }
  .tw\:border-x-card-background {
    border-inline-color: var(--tw-color-card-background);
  }
  .tw\:border-x-transparent {
    border-inline-color: transparent;
  }
  .tw\:border-t-current {
    border-top-color: currentcolor;
  }
  .tw\:border-t-primary {
    border-top-color: var(--color-primary);
  }
  .tw\:border-r-transparent {
    border-right-color: transparent;
  }
  .tw\:border-b-sidebar-selected-background\/50 {
    border-bottom-color: var(--tw-color-sidebar-selected-background);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in oklab, var(--tw-color-sidebar-selected-background) 50%, transparent);
    }
  }
  .tw\:border-b-sidebar-tertiary {
    border-bottom-color: var(--tw-color-sidebar-tertiary);
  }
  .tw\:border-b-slate-200 {
    border-bottom-color: var(--tw-color-slate-200, oklch(92.9% 0.013 255.508));
  }
  .tw\:border-l-primary {
    border-left-color: var(--color-primary);
  }
  .tw\:border-l-transparent {
    border-left-color: transparent;
  }
  .tw\:bg-\[\#2d4458\] {
    background-color: #2d4458;
  }
  .tw\:bg-\[\#8897a0\] {
    background-color: #8897a0;
  }
  .tw\:bg-\[var\(--color-background-error-messages\)\] {
    background-color: var(--color-background-error-messages);
  }
  .tw\:bg-accent {
    background-color: var(--color-accent);
  }
  .tw\:bg-base-100 {
    background-color: var(--color-base-100);
  }
  .tw\:bg-base-200 {
    background-color: var(--color-base-200);
  }
  .tw\:bg-base-200\/40 {
    background-color: var(--color-base-200);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-200) 40%, transparent);
    }
  }
  .tw\:bg-base-300 {
    background-color: var(--color-base-300);
  }
  .tw\:bg-base-300\/20 {
    background-color: var(--color-base-300);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-300) 20%, transparent);
    }
  }
  .tw\:bg-base-300\/80 {
    background-color: var(--color-base-300);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-300) 80%, transparent);
    }
  }
  .tw\:bg-base-content {
    background-color: var(--color-base-content);
  }
  .tw\:bg-base-content\/25 {
    background-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-content) 25%, transparent);
    }
  }
  .tw\:bg-base-content\/30 {
    background-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-content) 30%, transparent);
    }
  }
  .tw\:bg-base-content\/50 {
    background-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
    }
  }
  .tw\:bg-black {
    background-color: var(--tw-color-black, #000);
  }
  .tw\:bg-black\/50 {
    background-color: var(--tw-color-black, #000);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-black, #000) 50%, transparent);
    }
  }
  .tw\:bg-card-background {
    background-color: var(--tw-color-card-background);
  }
  .tw\:bg-card-background\/40 {
    background-color: var(--tw-color-card-background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-card-background) 40%, transparent);
    }
  }
  .tw\:bg-card-base-300 {
    background-color: var(--tw-color-card-base-300);
  }
  .tw\:bg-card-light {
    background-color: var(--tw-color-card-light);
  }
  .tw\:bg-card-light\/5 {
    background-color: var(--tw-color-card-light);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-card-light) 5%, transparent);
    }
  }
  .tw\:bg-card-light\/20 {
    background-color: var(--tw-color-card-light);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-card-light) 20%, transparent);
    }
  }
  .tw\:bg-card-light\/30 {
    background-color: var(--tw-color-card-light);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-card-light) 30%, transparent);
    }
  }
  .tw\:bg-cas-lobby-table-games\/50 {
    background-color: var(--tw-color-cas-lobby-table-games);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-cas-lobby-table-games) 50%, transparent);
    }
  }
  .tw\:bg-error {
    background-color: var(--color-error);
  }
  .tw\:bg-gray-50 {
    background-color: var(--tw-color-gray-50, oklch(98.5% 0.002 247.839));
  }
  .tw\:bg-green-600 {
    background-color: var(--tw-color-green-600, oklch(62.7% 0.194 149.214));
  }
  .tw\:bg-header {
    background-color: var(--tw-color-header);
  }
  .tw\:bg-header-icon {
    background-color: var(--tw-color-header-icon);
  }
  .tw\:bg-indigo-500 {
    background-color: var(--tw-color-indigo-500, oklch(58.5% 0.233 277.117));
  }
  .tw\:bg-info {
    background-color: var(--color-info);
  }
  .tw\:bg-info\/5 {
    background-color: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-info) 5%, transparent);
    }
  }
  .tw\:bg-lime-400 {
    background-color: var(--tw-color-lime-400, oklch(84.1% 0.238 128.85));
  }
  .tw\:bg-lines-selected-secondary-content {
    background-color: var(--tw-color-lines-selected-secondary-content);
  }
  .tw\:bg-lines-unselected-neutral {
    background-color: var(--tw-color-lines-unselected-neutral);
  }
  .tw\:bg-neutral {
    background-color: var(--color-neutral);
  }
  .tw\:bg-neutral\/20 {
    background-color: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent);
    }
  }
  .tw\:bg-neutral\/30 {
    background-color: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral) 30%, transparent);
    }
  }
  .tw\:bg-popover {
    background-color: var(--tw-color-popover);
  }
  .tw\:bg-popover-content {
    background-color: var(--tw-color-popover-content);
  }
  .tw\:bg-popover-secondary {
    background-color: var(--tw-color-popover-secondary);
  }
  .tw\:bg-primary {
    background-color: var(--color-primary);
  }
  .tw\:bg-primary-content {
    background-color: var(--color-primary-content);
  }
  .tw\:bg-primary-highlight {
    background-color: var(--tw-color-primary-highlight);
  }
  .tw\:bg-primary\/70 {
    background-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 70%, transparent);
    }
  }
  .tw\:bg-secondary {
    background-color: var(--color-secondary);
  }
  .tw\:bg-secondary\/30 {
    background-color: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-secondary) 30%, transparent);
    }
  }
  .tw\:bg-secondary\/50 {
    background-color: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-secondary) 50%, transparent);
    }
  }
  .tw\:bg-secondary\/80 {
    background-color: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
    }
  }
  .tw\:bg-sidebar-selected-background {
    background-color: var(--tw-color-sidebar-selected-background);
  }
  .tw\:bg-sky-600 {
    background-color: var(--tw-color-sky-600, oklch(58.8% 0.158 241.966));
  }
  .tw\:bg-slate-300 {
    background-color: var(--tw-color-slate-300, oklch(86.9% 0.022 252.894));
  }
  .tw\:bg-slate-700 {
    background-color: var(--tw-color-slate-700, oklch(37.2% 0.044 257.287));
  }
  .tw\:bg-slate-800 {
    background-color: var(--tw-color-slate-800, oklch(27.9% 0.041 260.031));
  }
  .tw\:bg-slate-900 {
    background-color: var(--tw-color-slate-900, oklch(20.8% 0.042 265.755));
  }
  .tw\:bg-success {
    background-color: var(--color-success);
  }
  .tw\:bg-transparent {
    background-color: transparent;
  }
  .tw\:bg-white {
    background-color: var(--tw-color-white, #fff);
  }
  .tw\:bg-white\/20 {
    background-color: var(--tw-color-white, #fff);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-white, #fff) 20%, transparent);
    }
  }
  .tw\:divider-neutral {
    @layer daisyui.l1.l2 {
      &:before, &:after {
        background-color: var(--color-neutral);
      }
    }
  }
  .tw\:bg-linear-to-b {
    --tw-gradient-position: to bottom;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .tw\:bg-linear-to-bl {
    --tw-gradient-position: to bottom left;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom left in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .tw\:bg-linear-to-r {
    --tw-gradient-position: to right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .tw\:bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .tw\:bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .tw\:from-\[var\(--grad-start\)\] {
    --tw-gradient-from: var(--grad-start);
    --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));
  }
  .tw\:from-cas-lobby-table-games {
    --tw-gradient-from: var(--tw-color-cas-lobby-table-games);
    --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));
  }
  .tw\:from-primary {
    --tw-gradient-from: var(--color-primary);
    --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));
  }
  .tw\:from-sidebar-selected-background\/60 {
    --tw-gradient-from: var(--tw-color-sidebar-selected-background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--tw-color-sidebar-selected-background) 60%, 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));
  }
  .tw\:from-70\% {
    --tw-gradient-from-position: 70%;
  }
  .tw\:to-\[var\(--grad-end\)\] {
    --tw-gradient-to: var(--grad-end);
    --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));
  }
  .tw\:to-base-200 {
    --tw-gradient-to: var(--color-base-200);
    --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));
  }
  .tw\:to-blue-400\/80 {
    --tw-gradient-to: var(--tw-color-blue-400, oklch(70.7% 0.165 254.624));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-blue-400, oklch(70.7% 0.165 254.624)) 80%, 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));
  }
  .tw\:to-blue-900\/80 {
    --tw-gradient-to: var(--tw-color-blue-900, oklch(37.9% 0.146 265.522));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-blue-900, oklch(37.9% 0.146 265.522)) 80%, 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));
  }
  .tw\:to-cas-lobby-crash\/80 {
    --tw-gradient-to: var(--tw-color-cas-lobby-crash);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-cas-lobby-crash) 80%, 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));
  }
  .tw\:to-cas-lobby-for-fun\/80 {
    --tw-gradient-to: var(--tw-color-cas-lobby-for-fun);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-cas-lobby-for-fun) 80%, 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));
  }
  .tw\:to-cas-lobby-jackpot\/80 {
    --tw-gradient-to: var(--tw-color-cas-lobby-jackpot);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-cas-lobby-jackpot) 80%, 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));
  }
  .tw\:to-cas-lobby-slots\/80 {
    --tw-gradient-to: var(--tw-color-cas-lobby-slots);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-cas-lobby-slots) 80%, 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));
  }
  .tw\:to-sidebar-selected-background\/20 {
    --tw-gradient-to: var(--tw-color-sidebar-selected-background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--tw-color-sidebar-selected-background) 20%, 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));
  }
  .tw\:to-success {
    --tw-gradient-to: var(--color-success);
    --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));
  }
  .tw\:to-white {
    --tw-gradient-to: var(--tw-color-white, #fff);
    --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));
  }
  .tw\:to-95\% {
    --tw-gradient-to-position: 95%;
  }
  .tw\:loading-bars {
    @layer daisyui.l1.l2 {
      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='9' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3C/rect%3E%3Crect x='17' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3C/rect%3E%3C/svg%3E");
    }
  }
  .tw\:loading-spinner {
    @layer daisyui.l1.l2 {
      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    }
  }
  .tw\:bg-cover {
    background-size: cover;
  }
  .tw\:bg-center {
    background-position: center;
  }
  .tw\:bg-left {
    background-position: left;
  }
  .tw\:bg-no-repeat {
    background-repeat: no-repeat;
  }
  .tw\:fill-current {
    fill: currentcolor;
  }
  .tw\:stroke-current {
    stroke: currentcolor;
  }
  .tw\:object-contain {
    object-fit: contain;
  }
  .tw\:object-cover {
    object-fit: cover;
  }
  .tw\:checkbox-sm {
    @layer daisyui.l1.l2 {
      padding: 0.1875rem;
      --size: calc(var(--size-selector, 0.25rem) * 5);
    }
  }
  .tw\:radio-xs {
    @layer daisyui.l1.l2 {
      padding: 0.125rem;
      &:is([type="radio"]) {
        --size: calc(var(--size-selector, 0.25rem) * 4);
      }
    }
  }
  .tw\:p-0 {
    padding: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:p-1 {
    padding: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:p-1\! {
    padding: calc(var(--tw-spacing, 0.25rem) * 1) !important;
  }
  .tw\:p-1\.5\! {
    padding: calc(var(--tw-spacing, 0.25rem) * 1.5) !important;
  }
  .tw\:p-2 {
    padding: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:p-3 {
    padding: calc(var(--tw-spacing, 0.25rem) * 3);
  }
  .tw\:p-4 {
    padding: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .tw\:p-5 {
    padding: calc(var(--tw-spacing, 0.25rem) * 5);
  }
  .tw\:p-6 {
    padding: calc(var(--tw-spacing, 0.25rem) * 6);
  }
  .tw\:p-8 {
    padding: calc(var(--tw-spacing, 0.25rem) * 8);
  }
  .tw\:p-10 {
    padding: calc(var(--tw-spacing, 0.25rem) * 10);
  }
  .tw\:select-sm {
    @layer daisyui.l1.l2 {
      --size: calc(var(--size-field, 0.25rem) * 8);
      font-size: 0.75rem;
      option {
        padding-inline: calc(0.25rem * 2.5);
        padding-block: calc(0.25rem * 1);
      }
    }
  }
  .tw\:px-0 {
    padding-inline: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:px-1 {
    padding-inline: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:px-2 {
    padding-inline: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:px-3 {
    padding-inline: calc(var(--tw-spacing, 0.25rem) * 3);
  }
  .tw\:px-4 {
    padding-inline: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .tw\:px-5 {
    padding-inline: calc(var(--tw-spacing, 0.25rem) * 5);
  }
  .tw\:px-6 {
    padding-inline: calc(var(--tw-spacing, 0.25rem) * 6);
  }
  .tw\:px-8 {
    padding-inline: calc(var(--tw-spacing, 0.25rem) * 8);
  }
  .tw\:px-10 {
    padding-inline: calc(var(--tw-spacing, 0.25rem) * 10);
  }
  .tw\:px-\[5px\] {
    padding-inline: 5px;
  }
  .tw\:py-0\.5 {
    padding-block: calc(var(--tw-spacing, 0.25rem) * 0.5);
  }
  .tw\:py-1 {
    padding-block: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:py-1\.5 {
    padding-block: calc(var(--tw-spacing, 0.25rem) * 1.5);
  }
  .tw\:py-2 {
    padding-block: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:py-2\.5\! {
    padding-block: calc(var(--tw-spacing, 0.25rem) * 2.5) !important;
  }
  .tw\:py-3 {
    padding-block: calc(var(--tw-spacing, 0.25rem) * 3);
  }
  .tw\:py-4 {
    padding-block: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .tw\:py-5 {
    padding-block: calc(var(--tw-spacing, 0.25rem) * 5);
  }
  .tw\:py-6 {
    padding-block: calc(var(--tw-spacing, 0.25rem) * 6);
  }
  .tw\:py-\[3px\] {
    padding-block: 3px;
  }
  .tw\:pt-0 {
    padding-top: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:pt-2 {
    padding-top: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:pt-3 {
    padding-top: calc(var(--tw-spacing, 0.25rem) * 3);
  }
  .tw\:pt-4 {
    padding-top: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .tw\:pt-6 {
    padding-top: calc(var(--tw-spacing, 0.25rem) * 6);
  }
  .tw\:pt-8 {
    padding-top: calc(var(--tw-spacing, 0.25rem) * 8);
  }
  .tw\:pt-20 {
    padding-top: calc(var(--tw-spacing, 0.25rem) * 20);
  }
  .tw\:pt-\[var\(--body-margin\)\] {
    padding-top: var(--body-margin);
  }
  .tw\:pt-\[var\(--header-border-size\)\] {
    padding-top: var(--header-border-size);
  }
  .tw\:pr-0 {
    padding-right: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:pr-1 {
    padding-right: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:pr-2 {
    padding-right: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:pr-3 {
    padding-right: calc(var(--tw-spacing, 0.25rem) * 3);
  }
  .tw\:pr-\[20px\] {
    padding-right: 20px;
  }
  .tw\:pb-1 {
    padding-bottom: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:pb-2 {
    padding-bottom: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:pb-3 {
    padding-bottom: calc(var(--tw-spacing, 0.25rem) * 3);
  }
  .tw\:pb-4 {
    padding-bottom: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .tw\:pb-5 {
    padding-bottom: calc(var(--tw-spacing, 0.25rem) * 5);
  }
  .tw\:pb-6 {
    padding-bottom: calc(var(--tw-spacing, 0.25rem) * 6);
  }
  .tw\:pb-7 {
    padding-bottom: calc(var(--tw-spacing, 0.25rem) * 7);
  }
  .tw\:pb-20 {
    padding-bottom: calc(var(--tw-spacing, 0.25rem) * 20);
  }
  .tw\:pl-0 {
    padding-left: calc(var(--tw-spacing, 0.25rem) * 0);
  }
  .tw\:pl-1 {
    padding-left: calc(var(--tw-spacing, 0.25rem) * 1);
  }
  .tw\:pl-2 {
    padding-left: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:pl-3 {
    padding-left: calc(var(--tw-spacing, 0.25rem) * 3);
  }
  .tw\:pl-4\! {
    padding-left: calc(var(--tw-spacing, 0.25rem) * 4) !important;
  }
  .tw\:pl-6 {
    padding-left: calc(var(--tw-spacing, 0.25rem) * 6);
  }
  .tw\:text-center {
    text-align: center;
  }
  .tw\:text-left {
    text-align: left;
  }
  .tw\:text-right {
    text-align: right;
  }
  .tw\:align-middle {
    vertical-align: middle;
  }
  .tw\:font-sans {
    font-family: var(--tw-font-sans);
  }
  .tw\:text-tiny {
    font-size: var(--tw-text-tiny);
    line-height: var(--tw-leading, var(--tw-text-tiny--line-height));
    letter-spacing: var(--tw-tracking, var(--tw-text-tiny--letter-spacing));
    font-weight: var(--tw-font-weight, var(--tw-text-tiny--font-weight));
  }
  .tw\:text-2xl {
    font-size: var(--tw-text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--tw-text-2xl--line-height, calc(2 / 1.5)));
  }
  .tw\:text-3xl {
    font-size: var(--tw-text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--tw-text-3xl--line-height, calc(2.25 / 1.875)));
  }
  .tw\:text-4xl {
    font-size: var(--tw-text-4xl, 2.25rem);
    line-height: var(--tw-leading, var(--tw-text-4xl--line-height, calc(2.5 / 2.25)));
  }
  .tw\:text-base {
    font-size: var(--tw-text-base, 1rem);
    line-height: var(--tw-leading, var(--tw-text-base--line-height, calc(1.5 / 1)));
  }
  .tw\:text-lg {
    font-size: var(--tw-text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--tw-text-lg--line-height, calc(1.75 / 1.125)));
  }
  .tw\:text-sm {
    font-size: var(--tw-text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height, calc(1.25 / 0.875)));
  }
  .tw\:text-sm\! {
    font-size: var(--tw-text-sm, 0.875rem) !important;
    line-height: var(--tw-leading, var(--tw-text-sm--line-height, calc(1.25 / 0.875))) !important;
  }
  .tw\:text-xl {
    font-size: var(--tw-text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--tw-text-xl--line-height, calc(1.75 / 1.25)));
  }
  .tw\:text-xs {
    font-size: var(--tw-text-xs, 0.75rem);
    line-height: var(--tw-leading, var(--tw-text-xs--line-height, calc(1 / 0.75)));
  }
  .tw\:badge-lg {
    @layer daisyui.l1.l2 {
      --size: calc(var(--size-selector, 0.25rem) * 7);
      font-size: 1rem;
    }
  }
  .tw\:badge-md {
    @layer daisyui.l1.l2 {
      --size: calc(var(--size-selector, 0.25rem) * 6);
      font-size: 0.875rem;
    }
  }
  .tw\:badge-sm {
    @layer daisyui.l1.l2 {
      --size: calc(var(--size-selector, 0.25rem) * 5);
      font-size: 0.75rem;
    }
  }
  .tw\:badge-xs {
    @layer daisyui.l1.l2 {
      --size: calc(var(--size-selector, 0.25rem) * 4);
      font-size: 0.625rem;
    }
  }
  .tw\:text-\[6px\] {
    font-size: 6px;
  }
  .tw\:text-\[7px\] {
    font-size: 7px;
  }
  .tw\:text-\[10px\] {
    font-size: 10px;
  }
  .tw\:text-\[11px\] {
    font-size: 11px;
  }
  .tw\:text-\[14px\] {
    font-size: 14px;
  }
  .tw\:text-\[clamp\(0\.4rem\,0\.9vw\,\.65rem\)\] {
    font-size: clamp(0.4rem, 0.9vw, .65rem);
  }
  .tw\:text-\[clamp\(0\.4rem\,1\.4vw\,\.8rem\)\] {
    font-size: clamp(0.4rem, 1.4vw, .8rem);
  }
  .tw\:text-\[clamp\(0\.9rem\,3\.2vw\,1\.6rem\)\] {
    font-size: clamp(0.9rem, 3.2vw, 1.6rem);
  }
  .tw\:text-\[min\(40cqh\,1\.1rem\)\] {
    font-size: min(40cqh, 1.1rem);
  }
  .tw\:leading-2 {
    --tw-leading: calc(var(--tw-spacing, 0.25rem) * 2);
    line-height: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .tw\:leading-3 {
    --tw-leading: calc(var(--tw-spacing, 0.25rem) * 3);
    line-height: calc(var(--tw-spacing, 0.25rem) * 3);
  }
  .tw\:leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px;
  }
  .tw\:leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .tw\:leading-none\! {
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }
  .tw\:leading-tight {
    --tw-leading: var(--tw-leading-tight, 1.25);
    line-height: var(--tw-leading-tight, 1.25);
  }
  .tw\:font-black {
    --tw-font-weight: var(--tw-font-weight-black, 900);
    font-weight: var(--tw-font-weight-black, 900);
  }
  .tw\:font-bold {
    --tw-font-weight: var(--tw-font-weight-bold, 700);
    font-weight: var(--tw-font-weight-bold, 700);
  }
  .tw\:font-extrabold {
    --tw-font-weight: var(--tw-font-weight-extrabold, 800);
    font-weight: var(--tw-font-weight-extrabold, 800);
  }
  .tw\:font-extralight {
    --tw-font-weight: var(--tw-font-weight-extralight, 200);
    font-weight: var(--tw-font-weight-extralight, 200);
  }
  .tw\:font-medium {
    --tw-font-weight: var(--tw-font-weight-medium, 500);
    font-weight: var(--tw-font-weight-medium, 500);
  }
  .tw\:font-normal {
    --tw-font-weight: var(--tw-font-weight-normal, 400);
    font-weight: var(--tw-font-weight-normal, 400);
  }
  .tw\:font-semibold {
    --tw-font-weight: var(--tw-font-weight-semibold, 600);
    font-weight: var(--tw-font-weight-semibold, 600);
  }
  .tw\:tracking-tight {
    --tw-tracking: var(--tw-tracking-tight, -0.025em);
    letter-spacing: var(--tw-tracking-tight, -0.025em);
  }
  .tw\:tracking-wide {
    --tw-tracking: var(--tw-tracking-wide, 0.025em);
    letter-spacing: var(--tw-tracking-wide, 0.025em);
  }
  .tw\:tracking-widest {
    --tw-tracking: var(--tw-tracking-widest, 0.1em);
    letter-spacing: var(--tw-tracking-widest, 0.1em);
  }
  .tw\:text-nowrap {
    text-wrap: nowrap;
  }
  .tw\:break-words {
    overflow-wrap: break-word;
  }
  .tw\:whitespace-normal {
    white-space: normal;
  }
  .tw\:whitespace-nowrap {
    white-space: nowrap;
  }
  .tw\:whitespace-pre {
    white-space: pre;
  }
  .tw\:alert-error {
    @layer daisyui.l1.l2 {
      color: var(--color-error-content);
      --alert-border-color: var(--color-error);
      --alert-color: var(--color-error);
    }
  }
  .tw\:alert-success {
    @layer daisyui.l1.l2 {
      color: var(--color-success-content);
      --alert-border-color: var(--color-success);
      --alert-color: var(--color-success);
    }
  }
  .tw\:checkbox-primary {
    @layer daisyui.l1.l2 {
      color: var(--color-primary-content);
      --input-color: var(--color-primary);
    }
  }
  .tw\:text-\[\#777\] {
    color: #777;
  }
  .tw\:text-\[var\(--color-label-text\)\] {
    color: var(--color-label-text);
  }
  .tw\:text-accent {
    color: var(--color-accent);
  }
  .tw\:text-base-100 {
    color: var(--color-base-100);
  }
  .tw\:text-base-200 {
    color: var(--color-base-200);
  }
  .tw\:text-base-300 {
    color: var(--color-base-300);
  }
  .tw\:text-base-content {
    color: var(--color-base-content);
  }
  .tw\:text-base-content-highlight {
    color: var(--tw-color-base-content-highlight);
  }
  .tw\:text-base-content\/40 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
    }
  }
  .tw\:text-base-content\/50 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
    }
  }
  .tw\:text-base-content\/60 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
    }
  }
  .tw\:text-base-content\/70 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 70%, transparent);
    }
  }
  .tw\:text-base-content\/80 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
    }
  }
  .tw\:text-blue-600 {
    color: var(--tw-color-blue-600, oklch(54.6% 0.245 262.881));
  }
  .tw\:text-card-background {
    color: var(--tw-color-card-background);
  }
  .tw\:text-card-light-content {
    color: var(--tw-color-card-light-content);
  }
  .tw\:text-card-light\/70 {
    color: var(--tw-color-card-light);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--tw-color-card-light) 70%, transparent);
    }
  }
  .tw\:text-emerald-600 {
    color: var(--tw-color-emerald-600, oklch(59.6% 0.145 163.225));
  }
  .tw\:text-error {
    color: var(--color-error);
  }
  .tw\:text-error-content {
    color: var(--color-error-content);
  }
  .tw\:text-gray-400 {
    color: var(--tw-color-gray-400, oklch(70.7% 0.022 261.325));
  }
  .tw\:text-gray-500 {
    color: var(--tw-color-gray-500, oklch(55.1% 0.027 264.364));
  }
  .tw\:text-gray-700 {
    color: var(--tw-color-gray-700, oklch(37.3% 0.034 259.733));
  }
  .tw\:text-green-400 {
    color: var(--tw-color-green-400, oklch(79.2% 0.209 151.711));
  }
  .tw\:text-green-500 {
    color: var(--tw-color-green-500, oklch(72.3% 0.219 149.579));
  }
  .tw\:text-header-icon-text {
    color: var(--tw-color-header-icon-text);
  }
  .tw\:text-header-nav-mobile-base-content {
    color: var(--tw-color-header-nav-mobile-base-content);
  }
  .tw\:text-header-primary-content {
    color: var(--tw-color-header-primary-content);
  }
  .tw\:text-info {
    color: var(--color-info);
  }
  .tw\:text-inherit {
    color: inherit;
  }
  .tw\:text-lime-400 {
    color: var(--tw-color-lime-400, oklch(84.1% 0.238 128.85));
  }
  .tw\:text-lime-500 {
    color: var(--tw-color-lime-500, oklch(76.8% 0.233 130.85));
  }
  .tw\:text-lines-unselected-neutral-content {
    color: var(--tw-color-lines-unselected-neutral-content);
  }
  .tw\:text-neutral {
    color: var(--color-neutral);
  }
  .tw\:text-neutral-content {
    color: var(--color-neutral-content);
  }
  .tw\:text-orange-400 {
    color: var(--tw-color-orange-400, oklch(75% 0.183 55.934));
  }
  .tw\:text-popover-content {
    color: var(--tw-color-popover-content);
  }
  .tw\:text-primary {
    color: var(--color-primary);
  }
  .tw\:text-primary-content {
    color: var(--color-primary-content);
  }
  .tw\:text-primary-highlight {
    color: var(--tw-color-primary-highlight);
  }
  .tw\:text-purple-600 {
    color: var(--tw-color-purple-600, oklch(55.8% 0.288 302.321));
  }
  .tw\:text-red-400 {
    color: var(--tw-color-red-400, oklch(70.4% 0.191 22.216));
  }
  .tw\:text-red-500 {
    color: var(--tw-color-red-500, oklch(63.7% 0.237 25.331));
  }
  .tw\:text-red-600 {
    color: var(--tw-color-red-600, oklch(57.7% 0.245 27.325));
  }
  .tw\:text-red-800 {
    color: var(--tw-color-red-800, oklch(44.4% 0.177 26.899));
  }
  .tw\:text-secondary {
    color: var(--color-secondary);
  }
  .tw\:text-secondary-content {
    color: var(--color-secondary-content);
  }
  .tw\:text-selected-secondary-content {
    color: var(--tw-color-selected-secondary-content);
  }
  .tw\:text-sidebar-selected-secondary-content {
    color: var(--tw-color-sidebar-selected-secondary-content);
  }
  .tw\:text-signup-neutral-content {
    color: var(--tw-color-signup-neutral-content);
  }
  .tw\:text-sky-600 {
    color: var(--tw-color-sky-600, oklch(58.8% 0.158 241.966));
  }
  .tw\:text-slate-400 {
    color: var(--tw-color-slate-400, oklch(70.4% 0.04 256.788));
  }
  .tw\:text-slate-500 {
    color: var(--tw-color-slate-500, oklch(55.4% 0.046 257.417));
  }
  .tw\:text-slate-900 {
    color: var(--tw-color-slate-900, oklch(20.8% 0.042 265.755));
  }
  .tw\:text-success {
    color: var(--color-success);
  }
  .tw\:text-success-content {
    color: var(--color-success-content);
  }
  .tw\:text-title {
    color: var(--tw-color-title);
  }
  .tw\:text-unselected-neutral-content {
    color: var(--tw-color-unselected-neutral-content);
  }
  .tw\:text-warning {
    color: var(--color-warning);
  }
  .tw\:text-white {
    color: var(--tw-color-white, #fff);
  }
  .tw\:text-white\/50 {
    color: var(--tw-color-white, #fff);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--tw-color-white, #fff) 50%, transparent);
    }
  }
  .tw\:text-yellow-600 {
    color: var(--tw-color-yellow-600, oklch(68.1% 0.162 75.834));
  }
  .tw\:capitalize {
    text-transform: capitalize;
  }
  .tw\:lowercase {
    text-transform: lowercase;
  }
  .tw\:normal-case {
    text-transform: none;
  }
  .tw\:uppercase {
    text-transform: uppercase;
  }
  .tw\:italic {
    font-style: italic;
  }
  .tw\:tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tw\:btn-link {
    @layer daisyui.l1 {
      text-decoration-line: underline;
      outline-color: currentcolor;
      --btn-border: #0000;
      --btn-bg: #0000;
      --btn-noise: none;
      --btn-shadow: "";
      &:not(.tw\:btn-disabled, .tw\:btn:disabled, .tw\:btn[disabled]) {
        --btn-fg: var(--btn-color, var(--color-primary));
      }
      &:is(.tw\:btn-active, :hover, :active:focus, :focus-visible) {
        --btn-border: #0000;
        --btn-bg: #0000;
      }
    }
  }
  .tw\:link-hover {
    @layer daisyui.l1.l2 {
      text-decoration-line: none;
      &:hover {
        @media (hover: hover) {
          text-decoration-line: underline;
        }
      }
    }
  }
  .tw\:no-underline {
    text-decoration-line: none;
  }
  .tw\:opacity-0 {
    opacity: 0%;
  }
  .tw\:opacity-20 {
    opacity: 20%;
  }
  .tw\:opacity-25 {
    opacity: 25%;
  }
  .tw\:opacity-50 {
    opacity: 50%;
  }
  .tw\:opacity-70 {
    opacity: 70%;
  }
  .tw\:opacity-75 {
    opacity: 75%;
  }
  .tw\:opacity-100 {
    opacity: 100%;
  }
  .tw\:shadow-md\/20 {
    --tw-shadow-alpha: 20%;
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 20%)), 0 2px 4px -2px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 20%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\: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);
  }
  .tw\:shadow-2xl {
    --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);
  }
  .tw\: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);
  }
  .tw\: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);
  }
  .tw\: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);
  }
  .tw\:shadow-xl {
    --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);
  }
  .tw\:ring {
    --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);
  }
  .tw\: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);
  }
  .tw\:ring-2 {
    --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);
  }
  .tw\:ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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);
  }
  .tw\:\[box-shadow\:0_0_0_1px_rgba\(255\,255\,255\,0\.5\)\] {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.5);
  }
  .tw\:shadow-primary {
    --tw-shadow-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-shadow-alpha), transparent);
    }
  }
  .tw\:ring-black {
    --tw-ring-color: var(--tw-color-black, #000);
  }
  .tw\:ring-primary {
    --tw-ring-color: var(--color-primary);
  }
  .tw\:ring-red-200 {
    --tw-ring-color: var(--tw-color-red-200, oklch(88.5% 0.062 18.334));
  }
  .tw\: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);
  }
  .tw\:ring-offset-base-100 {
    --tw-ring-offset-color: var(--color-base-100);
  }
  .tw\:btn-ghost {
    @layer daisyui.l1 {
      &:not(.tw\:btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.tw\:filter .tw\:btn)) {
        --btn-shadow: "";
        --btn-bg: #0000;
        --btn-border: #0000;
        --btn-noise: none;
        &:not(:disabled, [disabled], .tw\:btn-disabled) {
          outline-color: currentcolor;
          --btn-fg: var(--btn-color, currentColor);
        }
      }
      @media (hover: none) {
        &:not(.tw\:btn-active, :active, :focus-visible, input:checked:not(.tw\:filter .tw\:btn)):hover {
          outline-color: currentcolor;
          --btn-shadow: "";
          --btn-bg: #0000;
          --btn-fg: var(--btn-color, currentColor);
          --btn-border: #0000;
          --btn-noise: none;
        }
      }
    }
  }
  .tw\:drop-shadow-md {
    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));
    --tw-drop-shadow: drop-shadow(var(--tw-drop-shadow-md, 0 3px 3px rgb(0 0 0 / 0.12)));
    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,);
  }
  .tw\:drop-shadow-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
    --tw-drop-shadow: drop-shadow(var(--tw-drop-shadow-sm, 0 1px 2px rgb(0 0 0 / 0.15)));
    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,);
  }
  .tw\:drop-shadow-xl {
    --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1)));
    --tw-drop-shadow: drop-shadow(var(--tw-drop-shadow-xl, 0 9px 7px rgb(0 0 0 / 0.1)));
    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,);
  }
  .tw\: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,);
  }
  .tw\:backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--tw-blur-2xl, 40px));
    -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,);
  }
  .tw\:backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--tw-blur-lg, 16px));
    -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,);
  }
  .tw\:backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--tw-blur-md, 12px));
    -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,);
  }
  .tw\: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, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration, 150ms));
  }
  .tw\:transition-\[max-height\] {
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration, 150ms));
  }
  .tw\:transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration, 150ms));
  }
  .tw\: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(--tw-default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration, 150ms));
  }
  .tw\:transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration, 150ms));
  }
  .tw\:transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration, 150ms));
  }
  .tw\:duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .tw\:duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .tw\:duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .tw\:duration-600 {
    --tw-duration: 600ms;
    transition-duration: 600ms;
  }
  .tw\:ease-in-out {
    --tw-ease: var(--tw-ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
    transition-timing-function: var(--tw-ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  }
  .tw\:ease-out {
    --tw-ease: var(--tw-ease-out, cubic-bezier(0, 0, 0.2, 1));
    transition-timing-function: var(--tw-ease-out, cubic-bezier(0, 0, 0.2, 1));
  }
  .tw\:btn-outline {
    @layer daisyui.l1 {
      &:not( .tw\:btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.tw\:filter .tw\:btn), :disabled, [disabled], .tw\:btn-disabled ) {
        --btn-shadow: "";
        --btn-bg: #0000;
        --btn-fg: var(--btn-color);
        --btn-border: var(--btn-color);
        --btn-noise: none;
      }
      @media (hover: none) {
        &:not(.tw\:btn-active, :active, :focus-visible, input:checked:not(.tw\:filter .tw\:btn)):hover {
          --btn-shadow: "";
          --btn-bg: #0000;
          --btn-fg: var(--btn-color);
          --btn-border: var(--btn-color);
          --btn-noise: none;
        }
      }
    }
  }
  .tw\:indicator-start {
    @layer daisyui.l1.l2 {
      --indicator-s: 0;
      --indicator-e: auto;
      --indicator-x: -50%;
      [dir="rtl"] & {
        --indicator-s: auto;
        --indicator-e: 0;
        --indicator-x: 50%;
      }
    }
  }
  .tw\:btn-lg {
    @layer daisyui.l1.l2 {
      --fontsize: 1.125rem;
      --btn-p: 1.25rem;
      --size: calc(var(--size-field, 0.25rem) * 12);
    }
  }
  .tw\:btn-md {
    @layer daisyui.l1.l2 {
      --fontsize: 0.875rem;
      --btn-p: 1rem;
      --size: calc(var(--size-field, 0.25rem) * 10);
    }
  }
  .tw\:btn-sm {
    @layer daisyui.l1.l2 {
      --fontsize: 0.75rem;
      --btn-p: 0.75rem;
      --size: calc(var(--size-field, 0.25rem) * 8);
    }
  }
  .tw\:btn-xs {
    @layer daisyui.l1.l2 {
      --fontsize: 0.6875rem;
      --btn-p: 0.5rem;
      --size: calc(var(--size-field, 0.25rem) * 6);
    }
  }
  .tw\:card-sm {
    @layer daisyui.l1.l2 {
      .tw\:card-body {
        --card-p: 1rem;
        --card-fs: 0.75rem;
      }
      .tw\:card-title {
        --cardtitle-fs: 1rem;
      }
    }
  }
  .tw\:indicator-top {
    @layer daisyui.l1.l2 {
      --indicator-t: 0;
      --indicator-b: auto;
      --indicator-y: -50%;
    }
  }
  .tw\:badge-error {
    @layer daisyui.l1.l2 {
      --badge-color: var(--color-error);
      --badge-fg: var(--color-error-content);
    }
  }
  .tw\:badge-info {
    @layer daisyui.l1.l2 {
      --badge-color: var(--color-info);
      --badge-fg: var(--color-info-content);
    }
  }
  .tw\:badge-primary {
    @layer daisyui.l1.l2 {
      --badge-color: var(--color-primary);
      --badge-fg: var(--color-primary-content);
    }
  }
  .tw\:badge-secondary {
    @layer daisyui.l1.l2 {
      --badge-color: var(--color-secondary);
      --badge-fg: var(--color-secondary-content);
    }
  }
  .tw\:badge-success {
    @layer daisyui.l1.l2 {
      --badge-color: var(--color-success);
      --badge-fg: var(--color-success-content);
    }
  }
  .tw\:badge-warning {
    @layer daisyui.l1.l2 {
      --badge-color: var(--color-warning);
      --badge-fg: var(--color-warning-content);
    }
  }
  .tw\:btn-accent {
    @layer daisyui.l1.l2.l3 {
      --btn-color: var(--color-accent);
      --btn-fg: var(--color-accent-content);
    }
  }
  .tw\:btn-error {
    @layer daisyui.l1.l2.l3 {
      --btn-color: var(--color-error);
      --btn-fg: var(--color-error-content);
    }
  }
  .tw\:btn-info {
    @layer daisyui.l1.l2.l3 {
      --btn-color: var(--color-info);
      --btn-fg: var(--color-info-content);
    }
  }
  .tw\:btn-neutral {
    @layer daisyui.l1.l2.l3 {
      --btn-color: var(--color-neutral);
      --btn-fg: var(--color-neutral-content);
    }
  }
  .tw\:btn-primary {
    @layer daisyui.l1.l2.l3 {
      --btn-color: var(--color-primary);
      --btn-fg: var(--color-primary-content);
    }
  }
  .tw\:btn-secondary {
    @layer daisyui.l1.l2.l3 {
      --btn-color: var(--color-secondary);
      --btn-fg: var(--color-secondary-content);
    }
  }
  .tw\:btn-success {
    @layer daisyui.l1.l2.l3 {
      --btn-color: var(--color-success);
      --btn-fg: var(--color-success-content);
    }
  }
  .tw\:btn-warning {
    @layer daisyui.l1.l2.l3 {
      --btn-color: var(--color-warning);
      --btn-fg: var(--color-warning-content);
    }
  }
  .tw\:outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .tw\:select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .tw\:\[--range-fill\:1\] {
    --range-fill: 1;
  }
  .tw\:\[--range-thumb-size\:1\.25rem\] {
    --range-thumb-size: 1.25rem;
  }
  .tw\:radio-primary {
    @layer daisyui.l1.l2 {
      --input-color: var(--color-primary);
    }
  }
  .tw\:text-shadow-black {
    --tw-text-shadow-color: var(--tw-color-black, #000);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-text-shadow-color: color-mix(in oklab, var(--tw-color-black, #000) var(--tw-text-shadow-alpha), transparent);
    }
  }
  .tw\:text-shadow-gray-700 {
    --tw-text-shadow-color: var(--tw-color-gray-700, oklch(37.3% 0.034 259.733));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-text-shadow-color: color-mix(in oklab, var(--tw-color-gray-700, oklch(37.3% 0.034 259.733)) var(--tw-text-shadow-alpha), transparent);
    }
  }
  .tw\:text-shadow-lg {
    text-shadow: 0px 1px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)), 0px 3px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)), 0px 4px 8px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1));
  }
  .tw\:text-shadow-md {
    text-shadow: 0px 1px 1px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)), 0px 1px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)), 0px 2px 4px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1));
  }
  .tw\:text-shadow-sm {
    text-shadow: 0px 1px 0px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075)), 0px 1px 1px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075)), 0px 2px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075));
  }
  .tw\:peer-checked\:max-h-\[96px\] {
    &:is(:where(.tw\:peer):checked ~ *) {
      max-height: 96px;
    }
  }
  .tw\:peer-checked\:max-h-max {
    &:is(:where(.tw\:peer):checked ~ *) {
      max-height: max-content;
    }
  }
  .tw\:after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .tw\:after\:end-\[8px\]\! {
    &::after {
      content: var(--tw-content);
      inset-inline-end: 8px !important;
    }
  }
  .tw\:after\:end-\[10px\]\! {
    &::after {
      content: var(--tw-content);
      inset-inline-end: 10px !important;
    }
  }
  .tw\:after\:top-\[5px\]\! {
    &::after {
      content: var(--tw-content);
      top: 5px !important;
    }
  }
  .tw\:after\:top-\[12px\] {
    &::after {
      content: var(--tw-content);
      top: 12px;
    }
  }
  .tw\:after\:top-\[12px\]\! {
    &::after {
      content: var(--tw-content);
      top: 12px !important;
    }
  }
  .tw\:after\:right-2\! {
    &::after {
      content: var(--tw-content);
      right: calc(var(--tw-spacing, 0.25rem) * 2) !important;
    }
  }
  .tw\:after\:right-\[5px\] {
    &::after {
      content: var(--tw-content);
      right: 5px;
    }
  }
  .tw\:last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .tw\:last\:border-none {
    &:last-child {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .tw\:last\:pb-0 {
    &:last-child {
      padding-bottom: calc(var(--tw-spacing, 0.25rem) * 0);
    }
  }
  .tw\:hover\:scale-100 {
    &:hover {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .tw\:hover\:border-base-100 {
    &:hover {
      border-color: var(--color-base-100);
    }
  }
  .tw\:hover\:border-primary-highlight {
    &:hover {
      border-color: var(--tw-color-primary-highlight);
    }
  }
  .tw\:hover\:border-slate-300 {
    &:hover {
      border-color: var(--tw-color-slate-300, oklch(86.9% 0.022 252.894));
    }
  }
  .tw\:hover\:border-white {
    &:hover {
      border-color: var(--tw-color-white, #fff);
    }
  }
  .tw\:hover\:bg-base-100\/10 {
    &:hover {
      background-color: var(--color-base-100);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-base-100) 10%, transparent);
      }
    }
  }
  .tw\:hover\:bg-base-100\/80 {
    &:hover {
      background-color: var(--color-base-100);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-base-100) 80%, transparent);
      }
    }
  }
  .tw\:hover\:bg-base-300\/10 {
    &:hover {
      background-color: var(--color-base-300);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-base-300) 10%, transparent);
      }
    }
  }
  .tw\:hover\:bg-base-content\/80 {
    &:hover {
      background-color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
      }
    }
  }
  .tw\:hover\:bg-card-light\/60 {
    &:hover {
      background-color: var(--tw-color-card-light);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--tw-color-card-light) 60%, transparent);
      }
    }
  }
  .tw\:hover\:bg-green-600 {
    &:hover {
      background-color: var(--tw-color-green-600, oklch(62.7% 0.194 149.214));
    }
  }
  .tw\:hover\:bg-header-icon-hover {
    &:hover {
      background-color: var(--tw-color-header-icon-hover);
    }
  }
  .tw\:hover\:bg-lines-unselected-neutral\/50 {
    &:hover {
      background-color: var(--tw-color-lines-unselected-neutral);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--tw-color-lines-unselected-neutral) 50%, transparent);
      }
    }
  }
  .tw\:hover\:bg-neutral {
    &:hover {
      background-color: var(--color-neutral);
    }
  }
  .tw\:hover\:bg-popover-secondary {
    &:hover {
      background-color: var(--tw-color-popover-secondary);
    }
  }
  .tw\:hover\:bg-primary-highlight {
    &:hover {
      background-color: var(--tw-color-primary-highlight);
    }
  }
  .tw\:hover\:bg-secondary\/50 {
    &:hover {
      background-color: var(--color-secondary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-secondary) 50%, transparent);
      }
    }
  }
  .tw\:hover\:bg-sidebar-selected-background {
    &:hover {
      background-color: var(--tw-color-sidebar-selected-background);
    }
  }
  .tw\:hover\:bg-signup-primary-hover {
    &:hover {
      background-color: var(--tw-color-signup-primary-hover);
    }
  }
  .tw\:hover\:from-primary\/90 {
    &:hover {
      --tw-gradient-from: var(--color-primary);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-primary) 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));
    }
  }
  .tw\:hover\:to-success\/90 {
    &:hover {
      --tw-gradient-to: var(--color-success);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-success) 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));
    }
  }
  .tw\:hover\:text-accent\/60 {
    &:hover {
      color: var(--color-accent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-accent) 60%, transparent);
      }
    }
  }
  .tw\:hover\:text-base-content {
    &:hover {
      color: var(--color-base-content);
    }
  }
  .tw\:hover\:text-header-nav-mobile-secondary-link-hover\! {
    &:hover {
      color: var(--tw-color-header-nav-mobile-secondary-link-hover) !important;
    }
  }
  .tw\:hover\:text-info {
    &:hover {
      color: var(--color-info);
    }
  }
  .tw\:hover\:text-neutral-content {
    &:hover {
      color: var(--color-neutral-content);
    }
  }
  .tw\:hover\:text-neutral\/90 {
    &:hover {
      color: var(--color-neutral);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-neutral) 90%, transparent);
      }
    }
  }
  .tw\:hover\:text-primary {
    &:hover {
      color: var(--color-primary);
    }
  }
  .tw\:hover\:text-primary-highlight {
    &:hover {
      color: var(--tw-color-primary-highlight);
    }
  }
  .tw\:hover\:text-sidebar-selected-secondary-content {
    &:hover {
      color: var(--tw-color-sidebar-selected-secondary-content);
    }
  }
  .tw\:hover\:text-signup-primary-hover {
    &:hover {
      color: var(--tw-color-signup-primary-hover);
    }
  }
  .tw\:hover\:opacity-50 {
    &:hover {
      opacity: 50%;
    }
  }
  .tw\:hover\:opacity-90 {
    &:hover {
      opacity: 90%;
    }
  }
  .tw\:focus\:border-base-100 {
    &:focus {
      border-color: var(--color-base-100);
    }
  }
  .tw\:focus\:border-primary-highlight {
    &:focus {
      border-color: var(--tw-color-primary-highlight);
    }
  }
  .tw\:focus\:border-sky-600\/50 {
    &:focus {
      border-color: var(--tw-color-sky-600, oklch(58.8% 0.158 241.966));
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--tw-color-sky-600, oklch(58.8% 0.158 241.966)) 50%, transparent);
      }
    }
  }
  .tw\:focus\:shadow {
    &:focus {
      --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);
    }
  }
  .tw\:focus\:shadow-lg {
    &:focus {
      --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);
    }
  }
  .tw\:focus\:shadow-primary\/50 {
    &:focus {
      --tw-shadow-color: var(--color-primary);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 50%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .tw\:focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .tw\:disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .tw\:disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .tw\:disabled\:hover\:bg-primary {
    &:disabled {
      &:hover {
        background-color: var(--color-primary);
      }
    }
  }
  .tw\:disabled\:hover\:bg-primary\/70 {
    &:disabled {
      &:hover {
        background-color: var(--color-primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 70%, transparent);
        }
      }
    }
  }
  .tw\:max-\[400px\]\:hidden {
    @media (width < 400px) {
      display: none;
    }
  }
  .tw\:sm\:visible {
    @media (width >= 40rem) {
      visibility: visible;
    }
  }
  .tw\:sm\:dropdown-right {
    @media (width >= 40rem) {
      @layer daisyui.l1.l2 {
        --anchor-h: right;
        --anchor-v: span-bottom;
        .tw\:dropdown-content {
          inset-inline-start: 100%;
          top: calc(0.25rem * 0);
          bottom: auto;
          transform-origin: 0;
        }
      }
    }
  }
  .tw\:sm\:col-span-1 {
    @media (width >= 40rem) {
      grid-column: span 1 / span 1;
    }
  }
  .tw\:sm\:col-span-3 {
    @media (width >= 40rem) {
      grid-column: span 3 / span 3;
    }
  }
  .tw\:sm\:col-span-9 {
    @media (width >= 40rem) {
      grid-column: span 9 / span 9;
    }
  }
  .tw\:sm\:col-span-12 {
    @media (width >= 40rem) {
      grid-column: span 12 / span 12;
    }
  }
  .tw\:sm\:mx-0 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--tw-spacing, 0.25rem) * 0);
    }
  }
  .tw\:sm\:mt-12 {
    @media (width >= 40rem) {
      margin-top: calc(var(--tw-spacing, 0.25rem) * 12);
    }
  }
  .tw\:sm\:mr-0 {
    @media (width >= 40rem) {
      margin-right: calc(var(--tw-spacing, 0.25rem) * 0);
    }
  }
  .tw\:sm\:ml-0 {
    @media (width >= 40rem) {
      margin-left: calc(var(--tw-spacing, 0.25rem) * 0);
    }
  }
  .tw\:sm\:ml-2 {
    @media (width >= 40rem) {
      margin-left: calc(var(--tw-spacing, 0.25rem) * 2);
    }
  }
  .tw\:sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .tw\:sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .tw\:sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
  .tw\:sm\:inline {
    @media (width >= 40rem) {
      display: inline;
    }
  }
  .tw\:sm\:h-full {
    @media (width >= 40rem) {
      height: 100%;
    }
  }
  .tw\:sm\:w-full {
    @media (width >= 40rem) {
      width: 100%;
    }
  }
  .tw\:sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .tw\:sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .tw\:sm\:grid-cols-9 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .tw\:sm\:overflow-hidden {
    @media (width >= 40rem) {
      overflow: hidden;
    }
  }
  .tw\:sm\:p-0 {
    @media (width >= 40rem) {
      padding: calc(var(--tw-spacing, 0.25rem) * 0);
    }
  }
  .tw\:sm\:p-4 {
    @media (width >= 40rem) {
      padding: calc(var(--tw-spacing, 0.25rem) * 4);
    }
  }
  .tw\:sm\:px-0 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--tw-spacing, 0.25rem) * 0);
    }
  }
  .tw\:sm\:px-3 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--tw-spacing, 0.25rem) * 3);
    }
  }
  .tw\:sm\:px-4 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--tw-spacing, 0.25rem) * 4);
    }
  }
  .tw\:sm\:text-xl {
    @media (width >= 40rem) {
      font-size: var(--tw-text-xl, 1.25rem);
      line-height: var(--tw-leading, var(--tw-text-xl--line-height, calc(1.75 / 1.25)));
    }
  }
  .tw\:md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .tw\:md\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3;
    }
  }
  .tw\:md\:col-span-7 {
    @media (width >= 48rem) {
      grid-column: span 7 / span 7;
    }
  }
  .tw\:md\:col-span-8 {
    @media (width >= 48rem) {
      grid-column: span 8 / span 8;
    }
  }
  .tw\:md\:col-span-9 {
    @media (width >= 48rem) {
      grid-column: span 9 / span 9;
    }
  }
  .tw\:md\:col-span-23 {
    @media (width >= 48rem) {
      grid-column: span 23 / span 23;
    }
  }
  .tw\:md\:col-start-0 {
    @media (width >= 48rem) {
      grid-column-start: 0;
    }
  }
  .tw\:md\:col-start-1 {
    @media (width >= 48rem) {
      grid-column-start: 1;
    }
  }
  .tw\:md\:col-start-2 {
    @media (width >= 48rem) {
      grid-column-start: 2;
    }
  }
  .tw\:md\:col-start-3 {
    @media (width >= 48rem) {
      grid-column-start: 3;
    }
  }
  .tw\:md\:col-start-4 {
    @media (width >= 48rem) {
      grid-column-start: 4;
    }
  }
  .tw\:md\:row-start-1 {
    @media (width >= 48rem) {
      grid-row-start: 1;
    }
  }
  .tw\:md\:mx-0 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--tw-spacing, 0.25rem) * 0);
    }
  }
  .tw\:md\:mt-32 {
    @media (width >= 48rem) {
      margin-top: calc(var(--tw-spacing, 0.25rem) * 32);
    }
  }
  .tw\:md\:ml-0 {
    @media (width >= 48rem) {
      margin-left: calc(var(--tw-spacing, 0.25rem) * 0);
    }
  }
  .tw\:md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .tw\:md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .tw\:md\:grid {
    @media (width >= 48rem) {
      display: grid;
    }
  }
  .tw\:md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .tw\:md\:inline-flex {
    @media (width >= 48rem) {
      display: inline-flex;
    }
  }
  .tw\:md\:h-12 {
    @media (width >= 48rem) {
      height: calc(var(--tw-spacing, 0.25rem) * 12);
    }
  }
  .tw\:md\:h-\[22px\] {
    @media (width >= 48rem) {
      height: 22px;
    }
  }
  .tw\:md\:w-1\/2 {
    @media (width >= 48rem) {
      width: calc(1 / 2 * 100%);
    }
  }
  .tw\:md\:w-2\/4 {
    @media (width >= 48rem) {
      width: calc(2 / 4 * 100%);
    }
  }
  .tw\:md\:w-\[22px\] {
    @media (width >= 48rem) {
      width: 22px;
    }
  }
  .tw\:md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .tw\:md\:w-xl {
    @media (width >= 48rem) {
      width: var(--tw-container-xl, 36rem);
    }
  }
  .tw\:md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .tw\:md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .tw\:md\:grid-cols-6 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .tw\:md\:grid-cols-8 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .tw\:md\:grid-cols-16 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(16, minmax(0, 1fr));
    }
  }
  .tw\:md\:grid-cols-\[auto\,1fr\,auto\,auto\] {
    @media (width >= 48rem) {
      grid-template-columns: auto,1fr,auto,auto;
    }
  }
  .tw\:md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .tw\:md\:flex-nowrap {
    @media (width >= 48rem) {
      flex-wrap: nowrap;
    }
  }
  .tw\:md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .tw\:md\:justify-center {
    @media (width >= 48rem) {
      justify-content: center;
    }
  }
  .tw\:md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--tw-spacing, 0.25rem) * 4);
    }
  }
  .tw\:md\:justify-self-end {
    @media (width >= 48rem) {
      justify-self: flex-end;
    }
  }
  .tw\:md\:rounded-2xl {
    @media (width >= 48rem) {
      border-radius: var(--tw-radius-2xl, 1rem);
    }
  }
  .tw\:md\:border-0 {
    @media (width >= 48rem) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .tw\:md\:border-t-\[2\.5px\] {
    @media (width >= 48rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 2.5px;
    }
  }
  .tw\:md\:border-r-\[2\.5px\] {
    @media (width >= 48rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 2.5px;
    }
  }
  .tw\:md\:p-0 {
    @media (width >= 48rem) {
      padding: calc(var(--tw-spacing, 0.25rem) * 0);
    }
  }
  .tw\:md\:p-16 {
    @media (width >= 48rem) {
      padding: calc(var(--tw-spacing, 0.25rem) * 16);
    }
  }
  .tw\:md\:px-2 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--tw-spacing, 0.25rem) * 2);
    }
  }
  .tw\:md\:px-3 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--tw-spacing, 0.25rem) * 3);
    }
  }
  .tw\:md\:px-10 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--tw-spacing, 0.25rem) * 10);
    }
  }
  .tw\:md\:px-16 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--tw-spacing, 0.25rem) * 16);
    }
  }
  .tw\:md\:px-\[80px\] {
    @media (width >= 48rem) {
      padding-inline: 80px;
    }
  }
  .tw\:md\:py-\[6px\] {
    @media (width >= 48rem) {
      padding-block: 6px;
    }
  }
  .tw\:md\:pt-\[var\(--body-margin-md\)\] {
    @media (width >= 48rem) {
      padding-top: var(--body-margin-md);
    }
  }
  .tw\:md\:pl-2 {
    @media (width >= 48rem) {
      padding-left: calc(var(--tw-spacing, 0.25rem) * 2);
    }
  }
  .tw\:md\:text-3xl {
    @media (width >= 48rem) {
      font-size: var(--tw-text-3xl, 1.875rem);
      line-height: var(--tw-leading, var(--tw-text-3xl--line-height, calc(2.25 / 1.875)));
    }
  }
  .tw\:md\:text-lg {
    @media (width >= 48rem) {
      font-size: var(--tw-text-lg, 1.125rem);
      line-height: var(--tw-leading, var(--tw-text-lg--line-height, calc(1.75 / 1.125)));
    }
  }
  .tw\:lg\:hover-3d {
    @media (width >= 64rem) {
      @layer daisyui.l1.l2.l3 {
        display: inline-grid;
        perspective: 75rem;
        --transform: 0, 0;
        --shine: 100% 100%;
        --shadow: 0rem 0rem 0rem;
        --ease: linear(0, 0.931 13.8%, 1.196 21.4%, 1.343 29.8%, 1.378 36%, 1.365 43.2%, 1.059 78%, 1);
        filter: drop-shadow(var(--shadow) 0.1rem #00000003) drop-shadow(var(--shadow) 0.2rem #00000003) drop-shadow(var(--shadow) 0.3rem #00000003) drop-shadow(var(--shadow) 0.4rem #00000003);
        transition: filter ease-out 400ms;
        > :nth-child(n + 2) {
          isolation: isolate;
          z-index: 1;
          scale: 1.2;
        }
        > :first-child {
          overflow: hidden;
          grid-area: 1/1/4/4;
          transform: rotate3d(var(--transform), 0, 10deg);
          transition: transform var(--ease) 500ms, scale var(--ease) 500ms, outline-color ease-out 500ms;
          outline: 0.5px solid #0000;
          outline-offset: -1px;
          &:before {
            width: calc(1/3 * 100%);
            height: calc(1/3 * 100%);
            content: "";
            pointer-events: none;
            position: absolute;
            z-index: 1;
            scale: 500%;
            opacity: 0;
            filter: blur(0.75rem);
            background-image: radial-gradient(circle at 50%, #fff3 10%, transparent 50%);
            translate: var(--shine);
            transition: translate ease-out 400ms, opacity ease-out 400ms;
          }
        }
        &:hover {
          --ease: linear(0, 0.708 15.2%, 0.927 23.6%, 1.067 33%, 1.12 41%, 1.13 50.2%, 1.019 83.2%, 1);
          & > :first-child {
            outline-color: #fff1;
            &:before, &:after {
              opacity: 1;
            }
          }
          > :first-child {
            scale: 1.05;
          }
        }
        > :nth-child(2) {
          grid-area: 1/1/2/2;
        }
        > :nth-child(3) {
          grid-area: 1/2/2/3;
        }
        > :nth-child(4) {
          grid-area: 1/3/2/4;
        }
        > :nth-child(5) {
          grid-area: 2/1/3/2;
        }
        > :nth-child(6) {
          grid-area: 2/3/3/4;
        }
        > :nth-child(7) {
          grid-area: 3/1/4/2;
        }
        > :nth-child(8) {
          grid-area: 3/2/4/3;
        }
        > :nth-child(9) {
          grid-area: 3/3/4/4;
        }
        &:has(> :nth-child(2):hover) {
          --transform: -1, 1;
          --shine: 0% 0%;
          --shadow: -0.5rem -0.5rem;
        }
        &:has(> :nth-child(3):hover) {
          --transform: -1, 0;
          --shine: 100% 0%;
          --shadow: 0rem -0.5rem;
        }
        &:has(> :nth-child(4):hover) {
          --transform: -1, -1;
          --shine: 200% 0%;
          --shadow: 0.5rem -0.5rem;
        }
        &:has(> :nth-child(5):hover) {
          --transform: 0, 1;
          --shine: 0% 100%;
          --shadow: -0.5rem 0rem;
        }
        &:has(> :nth-child(6):hover) {
          --transform: 0, -1;
          --shine: 200% 100%;
          --shadow: 0.5rem 0rem;
        }
        &:has(> :nth-child(7):hover) {
          --transform: 1, 1;
          --shine: 0% 200%;
          --shadow: -0.5rem 0.5rem;
        }
        &:has(> :nth-child(8):hover) {
          --transform: 1, 0;
          --shine: 100% 200%;
          --shadow: 0rem 0.5rem;
        }
        &:has(> :nth-child(9):hover) {
          --transform: 1, -1;
          --shine: 200% 200%;
          --shadow: 0.5rem 0.5rem;
        }
      }
    }
  }
  .tw\:lg\:col-span-9 {
    @media (width >= 64rem) {
      grid-column: span 9 / span 9;
    }
  }
  .tw\:lg\:col-start-1 {
    @media (width >= 64rem) {
      grid-column-start: 1;
    }
  }
  .tw\:lg\:col-start-2 {
    @media (width >= 64rem) {
      grid-column-start: 2;
    }
  }
  .tw\:lg\:col-start-3 {
    @media (width >= 64rem) {
      grid-column-start: 3;
    }
  }
  .tw\:lg\:col-start-4 {
    @media (width >= 64rem) {
      grid-column-start: 4;
    }
  }
  .tw\:lg\:col-start-5 {
    @media (width >= 64rem) {
      grid-column-start: 5;
    }
  }
  .tw\:lg\:col-start-6 {
    @media (width >= 64rem) {
      grid-column-start: 6;
    }
  }
  .tw\:lg\:col-end-3 {
    @media (width >= 64rem) {
      grid-column-end: 3;
    }
  }
  .tw\:lg\:col-end-5 {
    @media (width >= 64rem) {
      grid-column-end: 5;
    }
  }
  .tw\:lg\:col-end-6 {
    @media (width >= 64rem) {
      grid-column-end: 6;
    }
  }
  .tw\:lg\:row-span-2 {
    @media (width >= 64rem) {
      grid-row: span 2 / span 2;
    }
  }
  .tw\:lg\:row-span-3 {
    @media (width >= 64rem) {
      grid-row: span 3 / span 3;
    }
  }
  .tw\:lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .tw\:lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .tw\:lg\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .tw\:lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .tw\:lg\:h-6 {
    @media (width >= 64rem) {
      height: calc(var(--tw-spacing, 0.25rem) * 6);
    }
  }
  .tw\:lg\:h-\[var\(--header-height-lg\)\] {
    @media (width >= 64rem) {
      height: var(--header-height-lg);
    }
  }
  .tw\:lg\:min-h-\[128px\] {
    @media (width >= 64rem) {
      min-height: 128px;
    }
  }
  .tw\:lg\:w-6 {
    @media (width >= 64rem) {
      width: calc(var(--tw-spacing, 0.25rem) * 6);
    }
  }
  .tw\:lg\:flex-none {
    @media (width >= 64rem) {
      flex: none;
    }
  }
  .tw\:lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .tw\:lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .tw\:lg\:grid-cols-21 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(21, minmax(0, 1fr));
    }
  }
  .tw\:lg\:grid-cols-\[1fr_1fr_minmax\(5rem\,1fr\)_minmax\(5rem\,1fr\)_5rem\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 1fr minmax(5rem,1fr) minmax(5rem,1fr) 5rem;
    }
  }
  .tw\:lg\:grid-cols-\[1fr_1fr_minmax\(5rem\,1fr\)_minmax\(5rem\,1fr\)_minmax\(5rem\,1fr\)_5rem\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 1fr minmax(5rem,1fr) minmax(5rem,1fr) minmax(5rem,1fr) 5rem;
    }
  }
  .tw\:lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .tw\:lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--tw-spacing, 0.25rem) * 8);
    }
  }
  .tw\:lg\:space-x-14 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--tw-spacing, 0.25rem) * 14) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--tw-spacing, 0.25rem) * 14) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .tw\:lg\:px-4 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--tw-spacing, 0.25rem) * 4);
    }
  }
  .tw\:lg\:px-10 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--tw-spacing, 0.25rem) * 10);
    }
  }
  .tw\:lg\:pt-\[var\(--body-margin-lg\)\] {
    @media (width >= 64rem) {
      padding-top: var(--body-margin-lg);
    }
  }
  .tw\:lg\:text-4xl {
    @media (width >= 64rem) {
      font-size: var(--tw-text-4xl, 2.25rem);
      line-height: var(--tw-leading, var(--tw-text-4xl--line-height, calc(2.5 / 2.25)));
    }
  }
  .tw\:lg\:text-lg {
    @media (width >= 64rem) {
      font-size: var(--tw-text-lg, 1.125rem);
      line-height: var(--tw-leading, var(--tw-text-lg--line-height, calc(1.75 / 1.125)));
    }
  }
  .tw\:lg\:text-xl {
    @media (width >= 64rem) {
      font-size: var(--tw-text-xl, 1.25rem);
      line-height: var(--tw-leading, var(--tw-text-xl--line-height, calc(1.75 / 1.25)));
    }
  }
  .tw\:lg\:whitespace-nowrap {
    @media (width >= 64rem) {
      white-space: nowrap;
    }
  }
  .tw\:lg\:hover\:absolute {
    @media (width >= 64rem) {
      &:hover {
        position: absolute;
      }
    }
  }
  .tw\:lg\:hover\:z-1 {
    @media (width >= 64rem) {
      &:hover {
        z-index: 1;
      }
    }
  }
  .tw\:xl\:grid-cols-2 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .tw\:xl\:grid-cols-6 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .tw\:xl\:justify-items-end {
    @media (width >= 80rem) {
      justify-items: end;
    }
  }
  .tw\:dark\:border-red-400\/50 {
    @media (prefers-color-scheme: dark) {
      border-color: var(--tw-color-red-400, oklch(70.4% 0.191 22.216));
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--tw-color-red-400, oklch(70.4% 0.191 22.216)) 50%, transparent);
      }
    }
  }
  .tw\:dark\:border-b-slate-800 {
    @media (prefers-color-scheme: dark) {
      border-bottom-color: var(--tw-color-slate-800, oklch(27.9% 0.041 260.031));
    }
  }
  .tw\:dark\:bg-sky-400 {
    @media (prefers-color-scheme: dark) {
      background-color: var(--tw-color-sky-400, oklch(74.6% 0.16 232.661));
    }
  }
  .tw\:dark\:text-red-400 {
    @media (prefers-color-scheme: dark) {
      color: var(--tw-color-red-400, oklch(70.4% 0.191 22.216));
    }
  }
  .tw\:print\:hidden {
    @media print {
      display: none;
    }
  }
  .tw\:\[\&\:\:-webkit-scrollbar\]\:hidden {
    &::-webkit-scrollbar {
      display: none;
    }
  }
}
@layer utilities {
  :root, :host, [data-theme] {
    --tw-color-accent: var(--color-accent);
    --tw-color-accent-content: var(--color-accent-content);
    --tw-color-base-100: var(--color-base-100);
    --tw-color-base-200: var(--color-base-200);
    --tw-color-base-300: var(--color-base-300);
    --tw-color-base-content: var(--color-base-content);
    --tw-color-error: var(--color-error);
    --tw-color-error-content: var(--color-error-content);
    --tw-color-info: var(--color-info);
    --tw-color-info-content: var(--color-info-content);
    --tw-color-neutral: var(--color-neutral);
    --tw-color-neutral-content: var(--color-neutral-content);
    --tw-color-primary: var(--color-primary);
    --tw-color-primary-content: var(--color-primary-content);
    --tw-color-secondary: var(--color-secondary);
    --tw-color-secondary-content: var(--color-secondary-content);
    --tw-color-success: var(--color-cas-lobby-for-fun);
    --tw-color-success-content: var(--color-success-content);
    --tw-color-warning: var(--color-warning);
    --tw-color-warning-content: var(--color-warning-content);
    --tw-font-sans: var(--font-sans);
    --tw-font-display: var(--font-display);
    --tw-text-tiny: var(--text-tiny);
    --tw-text-tiny--line-height: var(--text-tiny--line-height);
    --tw-text-tiny--letter-spacing: var(--text-tiny--letter-spacing);
    --tw-text-tiny--font-weight: var(--text-tiny--font-weight);
    --tw-root-bg: var(--root-bg);
    --tw-header-customer-bar-height: var(--header-customer-bar-height);
    --tw-header-border-size: var(--header-border-size);
    --tw-header-highlight-size: var(--header-highlight-size);
    --tw-header-height: var(--header-height);
    --tw-header-height-lg: var(--header-height-lg);
    --tw-header-base-100: var(--header-base-100);
    --tw-header-base-200: var(--header-base-200);
    --tw-header-base-300: var(--header-base-300);
    --tw-color-header-base-100: var(--color-header-base-100);
    --tw-color-header-base-200: var(--color-header-base-200);
    --tw-color-header-base-300: var(--color-header-base-300);
    --tw-color-header-secondary: var(--color-header-secondary);
    --tw-color-header-icon: var(--color-header-icon);
    --tw-color-header-icon-hover: var(--color-header-icon-hover);
    --tw-color-header-icon-text: var(--color-header-icon-text);
    --tw-color-header-icon-primary: var(--color-header-icon-primary);
    --tw-color-header-icon-primary-hover: var(--color-header-icon-primary-hover);
    --tw-color-header-primary-hover: var(--color-header-primary-hover);
    --tw-color-header-icon-primary-content: var(--color-header-icon-primary-content);
    --tw-color-header-primary-content: var(--color-header-primary-content);
    --tw-color-header-nav-mobile-secondary: var(--color-header-nav-mobile-secondary);
    --tw-color-header-nav-mobile-secondary-hover: var(--color-header-nav-mobile-secondary-hover);
    --tw-color-header-nav-mobile-secondary-link-hover: var(--color-header-nav-mobile-secondary-link-hover);
    --tw-color-header-nav-mobile-base-content: var(--color-header-nav-mobile-base-content);
    --tw-color-header-nav-mobile-base-content-hover: var(--color-header-nav-mobile-base-content-hover);
    --tw-element-spacing: var(--element-spacing);
    --tw-element-spacing-lg: var(--element-spacing-lg);
    --tw-body-margin: var(--body-margin);
    --tw-body-margin-sm: var(--body-margin-sm);
    --tw-body-margin-md: var(--body-margin-md);
    --tw-body-margin-lg: var(--body-margin-lg);
    --tw-color-base-content-inverse: var(--color-base-content-inverse);
    --tw-color-base-content-highlight: var(--color-base-content-highlight);
    --tw-color-title: var(--color-title);
    --tw-color-subtitle: var(--color-subtitle);
    --tw-color-primary-highlight: var(--color-primary-highlight);
    --tw-color-primary-hover: var(--color-primary-hover);
    --tw-color-signup-neutral-content: var(--color-signup-neutral-content);
    --tw-color-signup-neutral-hover: var(--color-signup-neutral-hover);
    --tw-color-selected-tab-secondary: var(--color-selected-tab-secondary);
    --tw-color-selected-secondary-content: var(--color-selected-secondary-content);
    --tw-color-unselected-tab-neutral: var(--color-unselected-tab-neutral);
    --tw-color-unselected-neutral-content: var(--color-unselected-neutral-content);
    --tw-color-summary-base-100: var(--color-summary-base-100);
    --tw-color-bet-title-base-content: var(--color-bet-title-base-content);
    --tw-color-sidebar-base-content: var(--color-sidebar-base-content);
    --tw-color-sidebar-selected-secondary-content: var(--color-sidebar-selected-secondary-content);
    --tw-color-sidebar-selected-background: var(--color-sidebar-selected-background);
    --tw-color-sidebar-tertiary: var(--color-sidebar-tertiary);
    --tw-color-card-background: var(--color-card-background);
    --tw-color-card-content: var(--color-card-content);
    --tw-color-card-light: var(--color-card-light);
    --tw-color-card-light-content: var(--color-card-light-content);
    --tw-color-card-header-base-content: var(--color-card-header-base-content);
    --tw-color-card-base-300: var(--color-card-base-300);
    --tw-color-loading-icon: var(--color-loading-icon);
    --tw-color-footer: var(--color-footer);
    --tw-color-footer-content: var(--color-footer-content);
    --tw-color-footer-link: var(--color-footer-link);
    --tw-color-footer-link-hover: var(--color-footer-link-hover);
    --tw-color-lines-selected-header-primary: var(--color-lines-selected-header-primary);
    --tw-color-lines-header-primary-hover: var(--color-lines-header-primary-hover);
    --tw-color-lines-unselected-neutral: var(--color-lines-unselected-neutral);
    --tw-color-lines-selected-secondary-content: var(--color-lines-selected-secondary-content);
    --tw-color-lines-unselected-neutral-content: var(--color-lines-unselected-neutral-content);
    --tw-color-background-panel-secondary: var(--color-background-panel-secondary);
    --tw-color-popover: var(--color-popover);
    --tw-color-popover-secondary: var(--color-popover-secondary);
    --tw-color-popover-content: var(--color-popover-content);
  }
}
@layer utilities {
  :root, :host, [data-theme] {
    --font-sans: 'Montserrat';
    --font-display: 'Montserrat';
    --text-tiny: 0.625rem;
    --text-tiny--line-height: 1.5rem;
    --text-tiny--letter-spacing: 0.125rem;
    --text-tiny--font-weight: var(--text-sm--font-weight);
    --root-bg: var(--color-base-100);
    --header-customer-bar-height: 14px;
    --header-border-size: var(--border);
    --header-highlight-size: var(--depth);
    --header-height: 84px;
    --header-height-lg: calc(var(--header-height) + var(--header-customer-bar-height));
    --header-base-100: var(--color-base-100);
    --header-base-200: var(--color-base-200);
    --header-base-300: var(--color-base-300);
    --color-header-base-100: var(--header-base-100);
    --color-header-base-200: var(--header-base-200);
    --color-header-base-300: var(--header-base-300);
    --color-header: var(--color-base-300);
    --color-header-secondary: var(--color-secondary);
    --color-header-icon: var(--color-neutral);
    --color-header-icon-hover: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-header-icon-hover: color-mix(in oklch, var(--color-neutral)100%, white 10%);
    }
    --color-header-icon-content: var(--color-secondary-content);
    --color-header-icon-text: var(--color-header-icon-content);
    --color-header-icon-primary: var(--color-primary);
    --color-header-icon-primary-hover: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-header-icon-primary-hover: color-mix(in oklch, var(--color-primary)100%, white 10%);
    }
    --color-header-primary-hover: var(--color-primary-hover);
    --color-header-icon-primary-content: var(--color-primary-content);
    --color-header-primary-content: var(--color-primary-content);
    --color-header-nav-mobile-secondary: var(--color-secondary);
    --color-header-nav-mobile-secondary-hover: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-header-nav-mobile-secondary-hover: color-mix(in oklch, var(--color-secondary)100%, white 10%);
    }
    --color-header-nav-mobile-secondary-link-hover: var(--color-header-nav-mobile-secondary-hover);
    --color-header-nav-mobile-base-content: var(--color-base-content);
    --color-header-nav-mobile-base-content-hover: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --color-header-nav-mobile-base-content-hover: color-mix(in oklch, var(--color-base-content)100%, white 10%);
    }
    --element-spacing: 10px;
    --element-spacing-lg: 10px;
    --body-margin: calc(var(--header-height) + var(--element-spacing) + var(--header-customer-bar-height));
    --body-margin-sm: calc(var(--header-height-lg) + var(--element-spacing) + var(--header-customer-bar-height));
    --body-margin-md: calc(var(--header-height-lg));
    --body-margin-lg: calc(var(--header-height-lg) + var(--element-spacing));
    --color-base-content-inverse: invert(var(--color-base-content));
    --color-base-content-highlight: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --color-base-content-highlight: color-mix(in oklch, var(--color-base-content)100%, white 20%);
    }
    --color-title: var(--color-base-content);
    --color-subtitle: var(--color-secondary-content);
    --color-primary-highlight: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-highlight: color-mix(in oklch, var(--color-primary)100%, black 20%);
    }
    --color-signup-neutral-content: var(--color-neutral-content);
    --color-signup-neutral-hover: var(--color-neutral-content);
    @supports (color: color-mix(in lab, red, red)) {
      --color-signup-neutral-hover: color-mix(in oklch, var(--color-neutral-content)100%, white 40%);
    }
    --color-selected-tab-secondary: var(--color-secondary);
    --color-selected-secondary-content: var(--color-secondary-content);
    --color-unselected-tab-neutral: var(--color-neutral);
    --color-unselected-neutral-content: var(--color-neutral-content);
    --color-summary-base-100: var(--color-base-100);
    --color-bet-title-base-content: var(--color-neutral);
    --color-sidebar-base-content: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --color-sidebar-base-content: color-mix(in oklch, var(--color-base-content)100%, black 10%);
    }
    --color-sidebar-selected-secondary-content: var(--color-primary);
    --color-sidebar-selected-background: var(--color-secondary-content);
    @supports (color: color-mix(in lab, red, red)) {
      --color-sidebar-selected-background: color-mix(in oklch, var(--color-secondary-content)10%, black 5%);
    }
    --color-sidebar-tertiary: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --color-sidebar-tertiary: color-mix(in oklch, var(--color-base-content)15%, transparent);
    }
    --color-card-background: var(--color-base-300);
    @supports (color: color-mix(in lab, red, red)) {
      --color-card-background: color-mix(in oklch, var(--color-base-300)90%, white 10%);
    }
    --color-card-content: var(--color-primary-content);
    --color-card-light: var(--color-accent-content);
    --color-card-light-content: var(--color-primary-content);
    --color-card-header-base-content: var(--color-base-content);
    --color-card-base-300: var(--color-base-300);
    --color-popover: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-popover: color-mix(in oklch, var(--color-neutral), white 20%);
    }
    --color-popover-secondary: var(--color-neutral);
    --color-popover-content: white;
    --color-loading-icon: var(--color-info-content);
    --color-footer: var(--color-base-100);
    @supports (color: color-mix(in lab, red, red)) {
      --color-footer: color-mix(in oklch, var(--color-base-100)90%, white 10%);
    }
    --color-footer-content: var(--color-card-content);
    --color-footer-link: var(--color-primary);
    --color-footer-link-hover: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-footer-link-hover: color-mix(in oklch, var(--color-primary)90%, white 10%);
    }
    --color-lines-selected-header-primary: var(--color-primary);
    --color-lines-header-primary-hover: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-lines-header-primary-hover: color-mix(in oklch, var(--color-primary)100%, white 10%);
    }
    --color-lines-unselected-neutral: var(--color-neutral);
    --color-lines-selected-secondary-content: var(--color-secondary-content);
    --color-lines-unselected-neutral-content: var(--color-neutral-content);
    --color-background-panel-secondary: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-background-panel-secondary: color-mix(in oklch, var(--color-secondary)100%, black 30%);
    }
    --color-cas-lobby-crash: oklch(61.648% 0.26462 328.201);
    --color-cas-lobby-slots: oklch(89% 0.25 85);
    --color-cas-lobby-table-games: oklch(70.517% 0.12586 249.748);
    --color-cas-lobby-jackpot: oklch(55.591% 0.2147 12.285);
    --color-cas-lobby-for-fun: oklch(64.375% 0.16032 152.732);
  }
}
:where([data-theme="ap24light"], [data-theme="ap24dark"]) {
  .rui-header.header {
    width: 100%;
    overflow: visible;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    --tw-border-style: solid;
    border-style: solid;
    border-top-color: var(--tw-color-header-icon-primary);
    background-color: var(--tw-color-header-base-200);
    font-family: var(--tw-font-sans);
    border-top-color: var(--color-header-primary-hover);
  }
  .rui-header.rui-header--default {
    @media (width >= 64rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 16px;
    }
  }
  .rui-header.rui-header--signup {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .rui-header-state {
    display: flex;
    height: 100%;
    width: 100%;
    flex-wrap: nowrap;
    padding-inline: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .rui-header-nav--desktop {
    gap: calc(var(--tw-spacing, 0.25rem) * 7);
    --tw-font-weight: var(--tw-font-weight-bold, 700);
    font-weight: var(--tw-font-weight-bold, 700);
    text-transform: uppercase;
  }
  .rui-header .button.rui-header-nav-link {
    position: relative;
    display: flex;
    height: auto;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    --tw-border-style: solid;
    border-style: solid;
    border-top-color: var(--header-border-size);
    border-top-color: transparent;
    background-color: transparent;
    background-image: none;
    padding-inline: calc(var(--tw-spacing, 0.25rem) * 0);
    padding-block: calc(var(--tw-spacing, 0.25rem) * 0);
    white-space: nowrap;
    color: var(--tw-color-header-primary-content);
    text-decoration-line: none;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .rui-header .rui-header-nav--desktop .button.rui-header-nav-link {
    height: 100%;
    padding-inline: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .rui-header .button.rui-header-nav-link:hover {
    color: var(--tw-color-header-icon-primary);
  }
  .rui-header .button.rui-header-nav-link.active {
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    --tw-border-style: solid;
    border-style: solid;
    border-top-color: var(--header-border-size);
    border-top-color: transparent;
    background-color: transparent;
    background-image: none;
    color: var(--tw-color-header-primary-content);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .rui-header .rui-header-nav--desktop .button.rui-header-nav-link.active {
    overflow: visible;
  }
  .rui-header .rui-header-nav--desktop .button.rui-header-nav-link.active::before {
    content: "";
    position: absolute;
    left: -14px;
    right: -14px;
    top: -16px;
    height: 16px;
    background: var(--color-header-icon-primary);
    z-index: 30;
    pointer-events: none;
  }
  .rui-header-nav-menu {
    background-color: var(--tw-color-header-secondary);
    color: var(--color-base-200);
  }
  .rui-header .rui-header-nav-link--mobile {
    color: var(--tw-color-header-nav-mobile-base-content);
  }
  .rui-header .rui-header-nav-link--mobile:hover {
    color: var(--tw-color-header-nav-mobile-base-content-hover);
  }
  .rui-header-user-button--account, .rui-header-user-button--deposit {
    background-color: var(--tw-color-header-secondary);
  }
  .rui-header .button-primary.rui-header-auth-button--login {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-header-base-300);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--tw-color-header-base-100);
    --tw-gradient-to: var(--tw-color-header-base-200);
    --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));
    --tw-font-weight: var(--tw-font-weight-bold, 700);
    font-weight: var(--tw-font-weight-bold, 700);
    color: var(--color-base-content);
    text-transform: uppercase;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .rui-header .button-accent.rui-header-auth-button--signup {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-header-icon-primary-hover);
    --tw-gradient-position: to right in oklab !important;
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
    --tw-gradient-from: var(--tw-color-header-icon-primary) !important;
    --tw-gradient-to: var(--tw-color-header-icon-primary-hover) !important;
    --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)) !important;
    --tw-font-weight: var(--tw-font-weight-bold, 700);
    font-weight: var(--tw-font-weight-bold, 700);
    color: var(--color-primary-content) !important;
    text-transform: uppercase;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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(--tw-default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    background-image: linear-gradient( to right, var(--color-header-icon-primary), var(--color-header-icon-primary-hover) ) !important;
  }
  .rui-header .button-accent.rui-header-auth-button--signup:hover {
    --tw-gradient-from: var(--tw-color-header-primary-hover) !important;
    --tw-gradient-to: var(--tw-color-header-icon-primary-hover) !important;
    --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)) !important;
    color: var(--color-primary-content) !important;
    background-image: linear-gradient( to right, var(--color-header-primary-hover), var(--color-header-icon-primary-hover) ) !important;
  }
  .rui-header-overlay {
    --tw-backdrop-blur: blur(16px);
    -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,);
  }
  .rui-header-customer-panel {
    border-radius: var(--tw-radius-md, 0.375rem);
    --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1)));
    --tw-drop-shadow: drop-shadow(var(--tw-drop-shadow-xl, 0 9px 7px rgb(0 0 0 / 0.1)));
    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,);
  }
}
:where([data-theme="ap24light"], [data-theme="ap24dark"]) {
  .rui-header.header {
    width: 100%;
    overflow: visible;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    --tw-border-style: solid;
    border-style: solid;
    border-top-color: var(--tw-color-header-icon-primary);
    background-color: var(--tw-color-header-base-200);
    font-family: var(--tw-font-sans);
    border-top-color: var(--color-header-primary-hover);
  }
  .rui-header.rui-header--default {
    @media (width >= 64rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 16px;
    }
  }
  .rui-header.rui-header--signup {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .rui-header-state {
    display: flex;
    height: 100%;
    width: 100%;
    flex-wrap: nowrap;
    padding-inline: calc(var(--tw-spacing, 0.25rem) * 4);
  }
  .rui-header-nav--desktop {
    gap: calc(var(--tw-spacing, 0.25rem) * 7);
    --tw-font-weight: var(--tw-font-weight-bold, 700);
    font-weight: var(--tw-font-weight-bold, 700);
    text-transform: uppercase;
  }
  .rui-header .button.rui-header-nav-link {
    position: relative;
    display: flex;
    height: auto;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    --tw-border-style: solid;
    border-style: solid;
    border-top-color: var(--header-border-size);
    border-top-color: transparent;
    background-color: transparent;
    background-image: none;
    padding-inline: calc(var(--tw-spacing, 0.25rem) * 0);
    padding-block: calc(var(--tw-spacing, 0.25rem) * 0);
    white-space: nowrap;
    color: var(--tw-color-header-primary-content);
    text-decoration-line: none;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .rui-header .rui-header-nav--desktop .button.rui-header-nav-link {
    height: 100%;
    padding-inline: calc(var(--tw-spacing, 0.25rem) * 2);
  }
  .rui-header .button.rui-header-nav-link:hover {
    color: var(--tw-color-header-icon-primary);
  }
  .rui-header .button.rui-header-nav-link.active {
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    --tw-border-style: solid;
    border-style: solid;
    border-top-color: var(--header-border-size);
    border-top-color: transparent;
    background-color: transparent;
    background-image: none;
    color: var(--tw-color-header-primary-content);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .rui-header .rui-header-nav--desktop .button.rui-header-nav-link.active {
    overflow: visible;
  }
  .rui-header .rui-header-nav--desktop .button.rui-header-nav-link.active::before {
    content: "";
    position: absolute;
    left: -14px;
    right: -14px;
    top: -16px;
    height: 16px;
    background: var(--color-header-icon-primary);
    z-index: 30;
    pointer-events: none;
  }
  .rui-header-nav-menu {
    background-color: var(--tw-color-header-secondary);
    color: var(--color-base-200);
  }
  .rui-header .rui-header-nav-link--mobile {
    color: var(--tw-color-header-nav-mobile-base-content);
  }
  .rui-header .rui-header-nav-link--mobile:hover {
    color: var(--tw-color-header-nav-mobile-base-content-hover);
  }
  .rui-header-user-button--account, .rui-header-user-button--deposit {
    background-color: var(--tw-color-header-secondary);
  }
  .rui-header .button-primary.rui-header-auth-button--login {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-header-base-300);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--tw-color-header-base-100);
    --tw-gradient-to: var(--tw-color-header-base-200);
    --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));
    --tw-font-weight: var(--tw-font-weight-bold, 700);
    font-weight: var(--tw-font-weight-bold, 700);
    color: var(--color-base-content);
    text-transform: uppercase;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .rui-header .button-accent.rui-header-auth-button--signup {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-header-icon-primary-hover);
    --tw-gradient-position: to right in oklab !important;
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
    --tw-gradient-from: var(--tw-color-header-icon-primary) !important;
    --tw-gradient-to: var(--tw-color-header-icon-primary-hover) !important;
    --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)) !important;
    --tw-font-weight: var(--tw-font-weight-bold, 700);
    font-weight: var(--tw-font-weight-bold, 700);
    color: var(--color-primary-content) !important;
    text-transform: uppercase;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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(--tw-default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    background-image: linear-gradient( to right, var(--color-header-icon-primary), var(--color-header-icon-primary-hover) ) !important;
  }
  .rui-header .button-accent.rui-header-auth-button--signup:hover {
    --tw-gradient-from: var(--tw-color-header-primary-hover) !important;
    --tw-gradient-to: var(--tw-color-header-icon-primary-hover) !important;
    --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)) !important;
    color: var(--color-primary-content) !important;
    background-image: linear-gradient( to right, var(--color-header-primary-hover), var(--color-header-icon-primary-hover) ) !important;
  }
  .rui-header-overlay {
    --tw-backdrop-blur: blur(16px);
    -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,);
  }
  .rui-header-customer-panel {
    border-radius: var(--tw-radius-md, 0.375rem);
    --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1)));
    --tw-drop-shadow: drop-shadow(var(--tw-drop-shadow-xl, 0 9px 7px rgb(0 0 0 / 0.1)));
    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,);
  }
}
.header {
  border-style: var(--tw-border-style);
  border-width: 0px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  border-bottom-color: var(--color-primary);
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-secondary);
  --tw-gradient-to: var(--color-base-300);
  --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));
}
.header .button {
  height: calc(var(--tw-spacing, 0.25rem) * 5);
  border-radius: var(--tw-radius-lg, 0.5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: transparent;
  --tw-gradient-to: color-mix(in oklab, var(--color-primary) 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));
  padding-inline: calc(var(--tw-spacing, 0.25rem) * 2);
  padding-block: calc(var(--tw-spacing, 0.25rem) * 4);
  --tw-shadow-alpha: 20%;
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 20%)), 0 4px 6px -4px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 20%));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:hover {
    --tw-shadow-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-shadow-alpha), transparent);
    }
  }
}
.header .button.active {
  border-radius: var(--tw-radius-lg, 0.5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: color-mix(in oklab, var(--color-primary) 10%, transparent);
  --tw-gradient-to: color-mix(in oklab, var(--color-primary) 40%, 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));
  --tw-shadow-alpha: 20%;
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 20%)), 0 4px 6px -4px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 20%));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:hover {
    --tw-shadow-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-shadow-alpha), transparent);
    }
  }
}
.header .button-primary {
  height: calc(var(--tw-spacing, 0.25rem) * 10);
  flex-basis: calc(var(--tw-spacing, 0.25rem) * 3);
  cursor: pointer;
  border-radius: var(--tw-radius-lg, 0.5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: color-mix(in oklab, var(--color-primary) 10%, transparent);
  --tw-gradient-to: color-mix(in oklab, var(--color-primary) 40%, 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));
  padding: calc(var(--tw-spacing, 0.25rem) * 2);
  font-size: var(--tw-text-base, 1rem);
  line-height: var(--tw-leading, var(--tw-text-base--line-height, calc(1.5 / 1)));
  --tw-font-weight: var(--tw-font-weight-bold, 700);
  font-weight: var(--tw-font-weight-bold, 700);
  color: var(--color-base-content);
  text-transform: uppercase;
  --tw-shadow-alpha: 20%;
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 20%)), 0 4px 6px -4px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 20%));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:hover {
    color: var(--color-primary) !important;
  }
  &:hover {
    --tw-shadow-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-shadow-alpha), transparent);
    }
  }
}
.header .button-accent {
  height: calc(var(--tw-spacing, 0.25rem) * 10);
  flex-basis: calc(var(--tw-spacing, 0.25rem) * 3);
  cursor: pointer;
  border-radius: var(--tw-radius-lg, 0.5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-accent);
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: color-mix(in oklab, var(--color-accent) 10%, transparent);
  --tw-gradient-to: color-mix(in oklab, var(--color-accent) 30%, 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));
  padding: calc(var(--tw-spacing, 0.25rem) * 2);
  font-size: var(--tw-text-base, 1rem);
  line-height: var(--tw-leading, var(--tw-text-base--line-height, calc(1.5 / 1)));
  --tw-font-weight: var(--tw-font-weight-bold, 700);
  font-weight: var(--tw-font-weight-bold, 700);
  color: var(--color-base-content);
  text-transform: uppercase;
  --tw-shadow-alpha: 20%;
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 20%)), 0 4px 6px -4px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 20%));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-shadow-color: color-mix(in oklab, var(--color-accent) var(--tw-shadow-alpha), transparent);
  &:hover {
    color: var(--color-accent) !important;
  }
  &:hover {
    --tw-shadow-color: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-accent) var(--tw-shadow-alpha), transparent);
    }
  }
}
.logo-standard {
  width: 120px;
}
.logo-small {
  height: 40px;
  width: 60px;
}
.scores-card {
  border-radius: var(--radius-box);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
  --tw-gradient-position: 5deg;
  @supports (background-image: linear-gradient(in lab, red, red)) {
    --tw-gradient-position: 5deg in oklab;
  }
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: transparent;
  --tw-gradient-from-position: 50%;
  --tw-gradient-to: color-mix(in oklab, var(--color-primary) 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));
  --tw-gradient-to-position: 100%;
}
.tab-border-bottom {
  border: 0px;
  border-bottom: 8px;
  border-style: solid;
  border-color: var(--color-selected-tab-secondary);
}
.card-bg {
  background: var(--color-card-base-300);
}
.taborder-border-bottom, .taborder-border-bottom [data-theme] {
  border: 0px;
  border-bottom: 8px;
  border-style: solid;
  border-color: var(--color-selected-tab-secondary);
}
.rui-signup-form .rui-form-input-label {
  white-space: normal;
  line-height: 1.1;
  text-align: right;
  display: inline-block;
  max-width: 100%;
}
.rui-signup-form .rui-signup-form__terms-field .rui-form-checkbox {
  width: fit-content;
  margin-inline: auto;
  display: flex;
  align-items: flex-start;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.rui-bet-ticket-parlay__title-row, rui-bet-ticket-stright__title-row, rui-bet-ticket-ifbet__title, rui-bet-ticket-teaser__title-row {
  background-color: var(--tw-color-header-primary-hover);
  color: var(--color-primary-content) !important;
}
.rui-bet-ticket-tabs__tab_selected {
  background-color: var(--tw-color-header-primary-hover);
}
.rui-sbk-menu-tree__title {
  color: var(--color-base-content);
}
.rui-cas-menu-item__submenu-title {
  color: var(--tw-color-sidebar-base-content);
}
.nav-icon-slide {
  height: 23px;
  width: 23px;
}
label {
  max-width: none;
  --tw-font-weight: var(--tw-font-weight-medium, 500);
  font-weight: var(--tw-font-weight-medium, 500);
}
@layer base {
  :root:has(input.theme-controller[value=ap24light]:checked),[data-theme="ap24light"] {
    color-scheme: light;
    --color-base-100: oklch(0.89 0.01 213.13);
    --color-base-200: oklch(0.95 0 none);
    --color-base-300: oklch(1 0 none);
    --color-base-content: oklch(21% 0.006 285.885);
    --color-primary: oklch(0.7609 0.214791 133.0198);
    --color-primary-hover: var(--color-success);
    --color-primary-content: oklch(0.36 0 none);
    --color-secondary: oklch(1 0 none);
    --color-secondary-hover: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-hover: color-mix(in oklch, var(--color-secondary) 100%, black 10%);
    }
    --color-secondary-content: oklch(0.38 0 none);
    --color-accent: oklch(0.673 0.2146 25.04);
    --color-accent-hover: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-hover: color-mix(in oklch, var(--color-accent) 100%, black 10%);
    }
    --color-accent-content: oklch(98% 0.003 247.858);
    --color-neutral: oklch(0.67 0 none);
    --color-neutral-content: oklch(0.46 0 none);
    --color-info: oklch(74% 0.16 232.661);
    --color-info-content: oklch(29% 0.066 243.157);
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(37% 0.077 168.94);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(71% 0.194 13.428);
    --color-error-content: oklch(97% 0.013 17.38);
    --radius-selector: 0.5rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=ap24dark]:checked),[data-theme="ap24dark"] {
    color-scheme: dark;
    --color-base-100: oklch(0.46 0.0344 245.48);
    --color-base-200: oklch(0.5003 0.0407 260.28);
    --color-base-300: oklch(0.3456 0.0414 258.31);
    --color-base-content: oklch(86% 0.022 252.894);
    --color-primary: oklch(0.7609 0.214791 133.0198);
    --color-primary-hover: var(--color-success);
    --color-primary-content: oklch(98% 0.031 120.757);
    --color-secondary: var(--color-base-content);
    --color-secondary-hover: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-hover: color-mix(in oklch, var(--color-secondary) 100%, black 10%);
    }
    --color-secondary-content: oklch(98% 0.019 200.873);
    --color-accent: oklch(0.673 0.2146 25.04);
    --color-accent-hover: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-hover: color-mix(in oklch, var(--color-accent) 100%, black 10%);
    }
    --color-accent-content: oklch(98% 0.003 247.858);
    --color-neutral: oklch(0.4943 0.0214 232.9);
    --color-neutral-content: oklch(92% 0.004 286.32);
    --color-info: oklch(74% 0.16 232.661);
    --color-info-content: oklch(29% 0.066 243.157);
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(37% 0.077 168.94);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(71% 0.194 13.428);
    --color-error-content: oklch(97% 0.013 17.38);
    --radius-selector: 0.5rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  :root:not(span) {
    overflow: var(--page-overflow);
  }
}
@layer base {
  :root, [data-theme] {
    background: var(--page-scroll-bg, var(--root-bg));
    color: var(--color-base-content);
  }
  :where(:root, [data-theme]) {
    --root-bg: var(--color-base-100);
  }
}
@layer base {
  :root {
    background: var(--page-scroll-bg, var(--root-bg));
    --page-scroll-bg-on: linear-gradient(var(--root-bg, #0000), var(--root-bg, #0000))
    var(--root-bg, #0000);
    @supports (color: color-mix(in lab, red, red)) {
      --page-scroll-bg-on: linear-gradient(var(--root-bg, #0000), var(--root-bg, #0000))
    color-mix(in srgb, var(--root-bg, #0000), oklch(0% 0 0) calc(var(--page-has-backdrop, 0) * 40%));
    }
    --page-scroll-transition-on: background-color 0.3s ease-out;
    transition: var(--page-scroll-transition);
    scrollbar-gutter: var(--page-scroll-gutter, unset);
    scrollbar-gutter: if(style(--page-has-scroll: 1): var(--page-scroll-gutter, unset) ; else: unset);
  }
  @keyframes set-page-has-scroll {
    0%, to {
      --page-has-scroll: 1;
    }
  }
}
@layer base {
  :root {
    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
  }
}
@layer base {
  :root {
    scrollbar-color: currentColor #0000;
    @supports (color: color-mix(in lab, red, red)) {
      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
    }
  }
}
@layer base {
  @property --radialprogress {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 0%;
  }
}
@keyframes menu {
  0% {
    opacity: 0;
  }
}
@keyframes dropdown {
  0% {
    opacity: 0;
  }
}
@keyframes skeleton {
  0% {
    background-position: 150%;
  }
  100% {
    background-position: -50%;
  }
}
@keyframes rating {
  0%, 40% {
    scale: 1.1;
    filter: brightness(1.05) contrast(1.05);
  }
}
@keyframes progress {
  50% {
    background-position-x: -115%;
  }
}
@keyframes toast {
  0% {
    scale: 0.9;
    opacity: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@keyframes rotator {
  89.9999%, 100% {
    --first-item-position: 0 0%;
  }
  90%, 99.9999% {
    --first-item-position: 0 calc(var(--items) * 100%);
  }
  100% {
    translate: 0 -100%;
  }
}
@keyframes radio {
  0% {
    padding: 5px;
  }
  50% {
    padding: 3px;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  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-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  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: 0px;
}
@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-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --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%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: 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-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-content: "";
    }
  }
}