.realtime-flight-dt-portlet{
    *, ::before, ::after {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-pan-x:  ;
      --tw-pan-y:  ;
      --tw-pinch-zoom:  ;
      --tw-scroll-snap-strictness: proximity;
      --tw-gradient-from-position:  ;
      --tw-gradient-via-position:  ;
      --tw-gradient-to-position:  ;
      --tw-ordinal:  ;
      --tw-slashed-zero:  ;
      --tw-numeric-figure:  ;
      --tw-numeric-spacing:  ;
      --tw-numeric-fraction:  ;
      --tw-ring-inset:  ;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: rgb(59 130 246 / 0.5);
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      --tw-blur:  ;
      --tw-brightness:  ;
      --tw-contrast:  ;
      --tw-grayscale:  ;
      --tw-hue-rotate:  ;
      --tw-invert:  ;
      --tw-saturate:  ;
      --tw-sepia:  ;
      --tw-drop-shadow:  ;
      --tw-backdrop-blur:  ;
      --tw-backdrop-brightness:  ;
      --tw-backdrop-contrast:  ;
      --tw-backdrop-grayscale:  ;
      --tw-backdrop-hue-rotate:  ;
      --tw-backdrop-invert:  ;
      --tw-backdrop-opacity:  ;
      --tw-backdrop-saturate:  ;
      --tw-backdrop-sepia:  ;
      --tw-contain-size:  ;
      --tw-contain-layout:  ;
      --tw-contain-paint:  ;
      --tw-contain-style:  ;
    }

    ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-pan-x:  ;
      --tw-pan-y:  ;
      --tw-pinch-zoom:  ;
      --tw-scroll-snap-strictness: proximity;
      --tw-gradient-from-position:  ;
      --tw-gradient-via-position:  ;
      --tw-gradient-to-position:  ;
      --tw-ordinal:  ;
      --tw-slashed-zero:  ;
      --tw-numeric-figure:  ;
      --tw-numeric-spacing:  ;
      --tw-numeric-fraction:  ;
      --tw-ring-inset:  ;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: rgb(59 130 246 / 0.5);
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      --tw-blur:  ;
      --tw-brightness:  ;
      --tw-contrast:  ;
      --tw-grayscale:  ;
      --tw-hue-rotate:  ;
      --tw-invert:  ;
      --tw-saturate:  ;
      --tw-sepia:  ;
      --tw-drop-shadow:  ;
      --tw-backdrop-blur:  ;
      --tw-backdrop-brightness:  ;
      --tw-backdrop-contrast:  ;
      --tw-backdrop-grayscale:  ;
      --tw-backdrop-hue-rotate:  ;
      --tw-backdrop-invert:  ;
      --tw-backdrop-opacity:  ;
      --tw-backdrop-saturate:  ;
      --tw-backdrop-sepia:  ;
      --tw-contain-size:  ;
      --tw-contain-layout:  ;
      --tw-contain-paint:  ;
      --tw-contain-style:  ;
    }

    /*
    ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
    */

    /*
    1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
    2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
    */

    *,
    ::before,
    ::after {
      box-sizing: border-box;
      /* 1 */
      border-width: 0;
      /* 2 */
      border-style: solid;
      /* 2 */
      border-color: #e5e7eb;
      /* 2 */
    }

    ::before,
    ::after {
      --tw-content: '';
    }

    /*
    1. Use a consistent sensible line-height in all browsers.
    2. Prevent adjustments of font size after orientation changes in iOS.
    3. Use a more readable tab size.
    4. Use the user's configured `sans` font-family by default.
    5. Use the user's configured `sans` font-feature-settings by default.
    6. Use the user's configured `sans` font-variation-settings by default.
    7. Disable tap highlights on iOS
    */

    html,
    :host {
      line-height: 1.5;
      /* 1 */
      -webkit-text-size-adjust: 100%;
      /* 2 */
      -moz-tab-size: 4;
      /* 3 */
      -o-tab-size: 4;
         tab-size: 4;
      /* 3 */
      font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      /* 4 */
      font-feature-settings: normal;
      /* 5 */
      font-variation-settings: normal;
      /* 6 */
      -webkit-tap-highlight-color: transparent;
      /* 7 */
    }

    /*
    1. Remove the margin in all browsers.
    2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
    */

    body {
      margin: 0;
      /* 1 */
      line-height: inherit;
      /* 2 */
    }

    /*
    1. Add the correct height in Firefox.
    2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
    3. Ensure horizontal rules are visible by default.
    */

    hr {
      height: 0;
      /* 1 */
      color: inherit;
      /* 2 */
      border-top-width: 1px;
      /* 3 */
    }

    /*
    Add the correct text decoration in Chrome, Edge, and Safari.
    */

    abbr:where([title]) {
      -webkit-text-decoration: underline dotted;
              text-decoration: underline dotted;
    }

    /*
    Remove the default font size and weight for headings.
    */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-size: inherit;
      font-weight: inherit;
    }

    /*
    Reset links to optimize for opt-in styling instead of opt-out.
    */

    a {
      color: inherit;
      text-decoration: inherit;
    }

    /*
    Add the correct font weight in Edge and Safari.
    */

    b,
    strong {
      font-weight: bolder;
    }

    /*
    1. Use the user's configured `mono` font-family by default.
    2. Use the user's configured `mono` font-feature-settings by default.
    3. Use the user's configured `mono` font-variation-settings by default.
    4. Correct the odd `em` font sizing in all browsers.
    */

    code,
    kbd,
    samp,
    pre {
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      /* 1 */
      font-feature-settings: normal;
      /* 2 */
      font-variation-settings: normal;
      /* 3 */
      font-size: 1em;
      /* 4 */
    }

    /*
    Add the correct font size in all browsers.
    */

    small {
      font-size: 80%;
    }

    /*
    Prevent `sub` and `sup` elements from affecting the line height in all browsers.
    */

    sub,
    sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
    }

    sub {
      bottom: -0.25em;
    }

    sup {
      top: -0.5em;
    }

    /*
    1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
    2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
    3. Remove gaps between table borders by default.
    */

    table {
      text-indent: 0;
      /* 1 */
      border-color: inherit;
      /* 2 */
      border-collapse: collapse;
      /* 3 */
    }

    /*
    1. Change the font styles in all browsers.
    2. Remove the margin in Firefox and Safari.
    3. Remove default padding in all browsers.
    */

    button,
    input,
    optgroup,
    select,
    textarea {
      font-family: inherit;
      /* 1 */
      font-feature-settings: inherit;
      /* 1 */
      font-variation-settings: inherit;
      /* 1 */
      font-size: 100%;
      /* 1 */
      font-weight: inherit;
      /* 1 */
      line-height: inherit;
      /* 1 */
      letter-spacing: inherit;
      /* 1 */
      color: inherit;
      /* 1 */
      margin: 0;
      /* 2 */
      padding: 0;
      /* 3 */
    }

    /*
    Remove the inheritance of text transform in Edge and Firefox.
    */

    button,
    select {
      text-transform: none;
    }

    /*
    1. Correct the inability to style clickable types in iOS and Safari.
    2. Remove default button styles.
    */

    button,
    input:where([type='button']),
    input:where([type='reset']),
    input:where([type='submit']) {
      -webkit-appearance: button;
      /* 1 */
      background-color: transparent;
      /* 2 */
      background-image: none;
      /* 2 */
    }

    /*
    Use the modern Firefox focus style for all focusable elements.
    */

    :-moz-focusring {
      outline: auto;
    }

    /*
    Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
    */

    :-moz-ui-invalid {
      box-shadow: none;
    }

    /*
    Add the correct vertical alignment in Chrome and Firefox.
    */

    progress {
      vertical-align: baseline;
    }

    /*
    Correct the cursor style of increment and decrement buttons in Safari.
    */

    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
      height: auto;
    }

    /*
    1. Correct the odd appearance in Chrome and Safari.
    2. Correct the outline style in Safari.
    */

    [type='search'] {
      -webkit-appearance: textfield;
      /* 1 */
      outline-offset: -2px;
      /* 2 */
    }

    /*
    Remove the inner padding in Chrome and Safari on macOS.
    */

    ::-webkit-search-decoration {
      -webkit-appearance: none;
    }

    /*
    1. Correct the inability to style clickable types in iOS and Safari.
    2. Change font properties to `inherit` in Safari.
    */

    ::-webkit-file-upload-button {
      -webkit-appearance: button;
      /* 1 */
      font: inherit;
      /* 2 */
    }

    /*
    Add the correct display in Chrome and Safari.
    */

    summary {
      display: list-item;
    }

    /*
    Removes the default spacing and border for appropriate elements.
    */

    blockquote,
    dl,
    dd,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hr,
    figure,
    p,
    pre {
      margin: 0;
    }

    fieldset {
      margin: 0;
      padding: 0;
    }

    legend {
      padding: 0;
    }

    ol,
    ul,
    menu {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    /*
    Reset default styling for dialogs.
    */

    dialog {
      padding: 0;
    }

    /*
    Prevent resizing textareas horizontally by default.
    */

    textarea {
      resize: vertical;
    }

    /*
    1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
    2. Set the default placeholder color to the user's configured gray 400 color.
    */

    input::-moz-placeholder, textarea::-moz-placeholder {
      opacity: 1;
      /* 1 */
      color: #9ca3af;
      /* 2 */
    }

    input::placeholder,
    textarea::placeholder {
      opacity: 1;
      /* 1 */
      color: #9ca3af;
      /* 2 */
    }

    /*
    Set the default cursor for buttons.
    */

    button,
    [role="button"] {
      cursor: pointer;
    }

    /*
    Make sure disabled buttons don't get the pointer cursor.
    */

    :disabled {
      cursor: default;
    }

    /*
    1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
    2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
       This can trigger a poorly considered lint error in some tools but is included by design.
    */

    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
      display: block;
      /* 1 */
      vertical-align: middle;
      /* 2 */
    }

    /*
    Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
    */

    img,
    video {
      max-width: 100%;
      height: auto;
    }

    /* Make elements with the HTML hidden attribute stay hidden by default */

    [hidden]:where(:not([hidden="until-found"])) {
      display: none;
    }

    :root,
    [data-theme] {
      background-color: var(--fallback-b1,oklch(var(--b1)/1));
      color: var(--fallback-bc,oklch(var(--bc)/1));
    }

    @supports not (color: oklch(0% 0 0)) {
      :root {
        color-scheme: light;
        --fallback-p: #491eff;
        --fallback-pc: #d4dbff;
        --fallback-s: #ff41c7;
        --fallback-sc: #fff9fc;
        --fallback-a: #00cfbd;
        --fallback-ac: #00100d;
        --fallback-n: #2b3440;
        --fallback-nc: #d7dde4;
        --fallback-b1: #ffffff;
        --fallback-b2: #e5e6e6;
        --fallback-b3: #e5e6e6;
        --fallback-bc: #1f2937;
        --fallback-in: #00b3f0;
        --fallback-inc: #000000;
        --fallback-su: #00ca92;
        --fallback-suc: #000000;
        --fallback-wa: #ffc22d;
        --fallback-wac: #000000;
        --fallback-er: #ff6f70;
        --fallback-erc: #000000;
      }

      @media (prefers-color-scheme: dark) {
        :root {
          color-scheme: dark;
          --fallback-p: #7582ff;
          --fallback-pc: #050617;
          --fallback-s: #ff71cf;
          --fallback-sc: #190211;
          --fallback-a: #00c7b5;
          --fallback-ac: #000e0c;
          --fallback-n: #2a323c;
          --fallback-nc: #a6adbb;
          --fallback-b1: #1d232a;
          --fallback-b2: #191e24;
          --fallback-b3: #15191e;
          --fallback-bc: #a6adbb;
          --fallback-in: #00b3f0;
          --fallback-inc: #000000;
          --fallback-su: #00ca92;
          --fallback-suc: #000000;
          --fallback-wa: #ffc22d;
          --fallback-wac: #000000;
          --fallback-er: #ff6f70;
          --fallback-erc: #000000;
        }
      }
    }

    html {
      -webkit-tap-highlight-color: transparent;
    }

    * {
      scrollbar-color: color-mix(in oklch, currentColor 35%, transparent) transparent;
    }

    *:hover {
      scrollbar-color: color-mix(in oklch, currentColor 60%, transparent) transparent;
    }

    :root {
      color-scheme: light;
      --in: 72.06% 0.191 231.6;
      --su: 64.8% 0.150 160;
      --wa: 84.71% 0.199 83.87;
      --er: 71.76% 0.221 22.18;
      --pc: 89.824% 0.06192 275.75;
      --ac: 15.352% 0.0368 183.61;
      --inc: 0% 0 0;
      --suc: 0% 0 0;
      --wac: 0% 0 0;
      --erc: 0% 0 0;
      --rounded-box: 1rem;
      --rounded-btn: 0.5rem;
      --rounded-badge: 1.9rem;
      --animation-btn: 0.25s;
      --animation-input: .2s;
      --btn-focus-scale: 0.95;
      --border-btn: 1px;
      --tab-border: 1px;
      --tab-radius: 0.5rem;
      --p: 49.12% 0.3096 275.75;
      --s: 69.71% 0.329 342.55;
      --sc: 98.71% 0.0106 342.55;
      --a: 76.76% 0.184 183.61;
      --n: 32.1785% 0.02476 255.701624;
      --nc: 89.4994% 0.011585 252.096176;
      --b1: 100% 0 0;
      --b2: 96.1151% 0 0;
      --b3: 92.4169% 0.00108 197.137559;
      --bc: 27.8078% 0.029596 256.847952;
    }

    @media (prefers-color-scheme: dark) {
      :root {
        color-scheme: dark;
        --in: 72.06% 0.191 231.6;
        --su: 64.8% 0.150 160;
        --wa: 84.71% 0.199 83.87;
        --er: 71.76% 0.221 22.18;
        --pc: 13.138% 0.0392 275.75;
        --sc: 14.96% 0.052 342.55;
        --ac: 14.902% 0.0334 183.61;
        --inc: 0% 0 0;
        --suc: 0% 0 0;
        --wac: 0% 0 0;
        --erc: 0% 0 0;
        --rounded-box: 1rem;
        --rounded-btn: 0.5rem;
        --rounded-badge: 1.9rem;
        --animation-btn: 0.25s;
        --animation-input: .2s;
        --btn-focus-scale: 0.95;
        --border-btn: 1px;
        --tab-border: 1px;
        --tab-radius: 0.5rem;
        --p: 65.69% 0.196 275.75;
        --s: 74.8% 0.26 342.55;
        --a: 74.51% 0.167 183.61;
        --n: 31.3815% 0.021108 254.139175;
        --nc: 74.6477% 0.0216 264.435964;
        --b1: 25.3267% 0.015896 252.417568;
        --b2: 23.2607% 0.013807 253.100675;
        --b3: 21.1484% 0.01165 254.087939;
        --bc: 74.6477% 0.0216 264.435964;
      }
    }

    [data-theme=light] {
      color-scheme: light;
      --in: 72.06% 0.191 231.6;
      --su: 64.8% 0.150 160;
      --wa: 84.71% 0.199 83.87;
      --er: 71.76% 0.221 22.18;
      --pc: 89.824% 0.06192 275.75;
      --ac: 15.352% 0.0368 183.61;
      --inc: 0% 0 0;
      --suc: 0% 0 0;
      --wac: 0% 0 0;
      --erc: 0% 0 0;
      --rounded-box: 1rem;
      --rounded-btn: 0.5rem;
      --rounded-badge: 1.9rem;
      --animation-btn: 0.25s;
      --animation-input: .2s;
      --btn-focus-scale: 0.95;
      --border-btn: 1px;
      --tab-border: 1px;
      --tab-radius: 0.5rem;
      --p: 49.12% 0.3096 275.75;
      --s: 69.71% 0.329 342.55;
      --sc: 98.71% 0.0106 342.55;
      --a: 76.76% 0.184 183.61;
      --n: 32.1785% 0.02476 255.701624;
      --nc: 89.4994% 0.011585 252.096176;
      --b1: 100% 0 0;
      --b2: 96.1151% 0 0;
      --b3: 92.4169% 0.00108 197.137559;
      --bc: 27.8078% 0.029596 256.847952;
    }

    :root:has(input.theme-controller[value=light]:checked) {
      color-scheme: light;
      --in: 72.06% 0.191 231.6;
      --su: 64.8% 0.150 160;
      --wa: 84.71% 0.199 83.87;
      --er: 71.76% 0.221 22.18;
      --pc: 89.824% 0.06192 275.75;
      --ac: 15.352% 0.0368 183.61;
      --inc: 0% 0 0;
      --suc: 0% 0 0;
      --wac: 0% 0 0;
      --erc: 0% 0 0;
      --rounded-box: 1rem;
      --rounded-btn: 0.5rem;
      --rounded-badge: 1.9rem;
      --animation-btn: 0.25s;
      --animation-input: .2s;
      --btn-focus-scale: 0.95;
      --border-btn: 1px;
      --tab-border: 1px;
      --tab-radius: 0.5rem;
      --p: 49.12% 0.3096 275.75;
      --s: 69.71% 0.329 342.55;
      --sc: 98.71% 0.0106 342.55;
      --a: 76.76% 0.184 183.61;
      --n: 32.1785% 0.02476 255.701624;
      --nc: 89.4994% 0.011585 252.096176;
      --b1: 100% 0 0;
      --b2: 96.1151% 0 0;
      --b3: 92.4169% 0.00108 197.137559;
      --bc: 27.8078% 0.029596 256.847952;
    }

    [data-theme=dark] {
      color-scheme: dark;
      --in: 72.06% 0.191 231.6;
      --su: 64.8% 0.150 160;
      --wa: 84.71% 0.199 83.87;
      --er: 71.76% 0.221 22.18;
      --pc: 13.138% 0.0392 275.75;
      --sc: 14.96% 0.052 342.55;
      --ac: 14.902% 0.0334 183.61;
      --inc: 0% 0 0;
      --suc: 0% 0 0;
      --wac: 0% 0 0;
      --erc: 0% 0 0;
      --rounded-box: 1rem;
      --rounded-btn: 0.5rem;
      --rounded-badge: 1.9rem;
      --animation-btn: 0.25s;
      --animation-input: .2s;
      --btn-focus-scale: 0.95;
      --border-btn: 1px;
      --tab-border: 1px;
      --tab-radius: 0.5rem;
      --p: 65.69% 0.196 275.75;
      --s: 74.8% 0.26 342.55;
      --a: 74.51% 0.167 183.61;
      --n: 31.3815% 0.021108 254.139175;
      --nc: 74.6477% 0.0216 264.435964;
      --b1: 25.3267% 0.015896 252.417568;
      --b2: 23.2607% 0.013807 253.100675;
      --b3: 21.1484% 0.01165 254.087939;
      --bc: 74.6477% 0.0216 264.435964;
    }

    :root:has(input.theme-controller[value=dark]:checked) {
      color-scheme: dark;
      --in: 72.06% 0.191 231.6;
      --su: 64.8% 0.150 160;
      --wa: 84.71% 0.199 83.87;
      --er: 71.76% 0.221 22.18;
      --pc: 13.138% 0.0392 275.75;
      --sc: 14.96% 0.052 342.55;
      --ac: 14.902% 0.0334 183.61;
      --inc: 0% 0 0;
      --suc: 0% 0 0;
      --wac: 0% 0 0;
      --erc: 0% 0 0;
      --rounded-box: 1rem;
      --rounded-btn: 0.5rem;
      --rounded-badge: 1.9rem;
      --animation-btn: 0.25s;
      --animation-input: .2s;
      --btn-focus-scale: 0.95;
      --border-btn: 1px;
      --tab-border: 1px;
      --tab-radius: 0.5rem;
      --p: 65.69% 0.196 275.75;
      --s: 74.8% 0.26 342.55;
      --a: 74.51% 0.167 183.61;
      --n: 31.3815% 0.021108 254.139175;
      --nc: 74.6477% 0.0216 264.435964;
      --b1: 25.3267% 0.015896 252.417568;
      --b2: 23.2607% 0.013807 253.100675;
      --b3: 21.1484% 0.01165 254.087939;
      --bc: 74.6477% 0.0216 264.435964;
    }

    .\!container {
      width: 100% !important;
    }

    .container {
      width: 100%;
    }

    @media (min-width: 640px) {
      .\!container {
        max-width: 640px !important;
      }

      .container {
        max-width: 640px;
      }
    }

    @media (min-width: 768px) {
      .\!container {
        max-width: 768px !important;
      }

      .container {
        max-width: 768px;
      }
    }

    @media (min-width: 1024px) {
      .\!container {
        max-width: 1024px !important;
      }

      .container {
        max-width: 1024px;
      }
    }

    @media (min-width: 1280px) {
      .\!container {
        max-width: 1280px !important;
      }

      .container {
        max-width: 1280px;
      }
    }

    @media (min-width: 1536px) {
      .\!container {
        max-width: 1536px !important;
      }

      .container {
        max-width: 1536px;
      }
    }

    .alert {
      display: grid;
      width: 100%;
      grid-auto-flow: row;
      align-content: flex-start;
      align-items: center;
      justify-items: center;
      gap: 1rem;
      text-align: center;
      border-radius: var(--rounded-box, 1rem);
      border-width: 1px;
      --tw-border-opacity: 1;
      border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
      padding: 1rem;
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      --alert-bg: var(--fallback-b2,oklch(var(--b2)/1));
      --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1));
      background-color: var(--alert-bg);
    }

    @media (min-width: 640px) {
      .alert {
        grid-auto-flow: column;
        grid-template-columns: auto minmax(auto,1fr);
        justify-items: start;
        text-align: start;
      }
    }

    .artboard {
      width: 100%;
    }

    .avatar {
      position: relative;
      display: inline-flex;
    }

    .avatar > div {
      display: block;
      aspect-ratio: 1 / 1;
      overflow: hidden;
    }

    .avatar img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }

    .avatar.placeholder > div {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .avatar.\!placeholder > div {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-duration: 200ms;
      height: 1.25rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
      width: -moz-fit-content;
      width: fit-content;
      padding-left: 0.563rem;
      padding-right: 0.563rem;
      border-radius: var(--rounded-badge, 1.9rem);
      border-width: 1px;
      --tw-border-opacity: 1;
      border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    }

    .btm-nav {
      position: fixed;
      bottom: 0px;
      left: 0px;
      right: 0px;
      display: flex;
      width: 100%;
      flex-direction: row;
      align-items: center;
      justify-content: space-around;
      padding-bottom: env(safe-area-inset-bottom);
      height: 4rem;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
      color: currentColor;
    }

    .btm-nav > * {
      position: relative;
      display: flex;
      height: 100%;
      flex-basis: 100%;
      cursor: pointer;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.25rem;
      border-color: currentColor;
    }

    .breadcrumbs {
      max-width: 100%;
      overflow-x: auto;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }

    .breadcrumbs > ul,
      .breadcrumbs > ol {
      display: flex;
      align-items: center;
      white-space: nowrap;
      min-height: -moz-min-content;
      min-height: min-content;
    }

    .breadcrumbs > ul > li, .breadcrumbs > ol > li {
      display: flex;
      align-items: center;
    }

    .breadcrumbs > ul > li > a, .breadcrumbs > ol > li > a {
      display: flex;
      cursor: pointer;
      align-items: center;
    }

    @media (hover:hover) {
      .breadcrumbs > ul > li > a:hover, .breadcrumbs > ol > li > a:hover {
        text-decoration-line: underline;
      }

      .link-hover:hover {
        text-decoration-line: underline;
      }

      .checkbox-primary:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
      }

      .checkbox-secondary:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
      }

      .checkbox-accent:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
      }

      .checkbox-success:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
      }

      .checkbox-warning:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
      }

      .checkbox-info:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
      }

      .checkbox-error:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
      }

      .label a:hover {
        --tw-text-opacity: 1;
        color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      }

      .menu li > *:not(ul, .menu-title, details, .btn):active,
    .menu li > *:not(ul, .menu-title, details, .btn).active,
    .menu li > details > summary:active {
        --tw-bg-opacity: 1;
        background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
        --tw-text-opacity: 1;
        color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
      }


    .menu li > *:not(ul, .menu-title, details, .btn).\!active {
        --tw-bg-opacity: 1 !important;
        background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))) !important;
        --tw-text-opacity: 1 !important;
        color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))) !important;
      }

      .radio-primary:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
      }

      .radio-secondary:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
      }

      .radio-accent:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
      }

      .radio-success:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
      }

      .radio-warning:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
      }

      .radio-info:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
      }

      .radio-error:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
      }

      .tab:hover {
        --tw-text-opacity: 1;
      }

      .tabs-boxed :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):hover, .tabs-boxed :is(input:checked):hover {
        --tw-text-opacity: 1;
        color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
      }

      .table tr.hover:hover,
      .table tr.hover:nth-child(even):hover {
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
      }

      .table-zebra tr.hover:hover,
      .table-zebra tr.hover:nth-child(even):hover {
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
      }
    }

    .\!btn {
      display: inline-flex !important;
      height: 3rem !important;
      min-height: 3rem !important;
      flex-shrink: 0 !important;
      cursor: pointer !important;
      -webkit-user-select: none !important;
         -moz-user-select: none !important;
              user-select: none !important;
      flex-wrap: wrap !important;
      align-items: center !important;
      justify-content: center !important;
      border-radius: var(--rounded-btn, 0.5rem) !important;
      border-color: transparent !important;
      border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity)) !important;
      padding-left: 1rem !important;
      padding-right: 1rem !important;
      text-align: center !important;
      font-size: 0.875rem !important;
      line-height: 1em !important;
      gap: 0.5rem !important;
      font-weight: 600 !important;
      text-decoration-line: none !important;
      transition-duration: 200ms !important;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
      border-width: var(--border-btn, 1px) !important;
      transition-property: color, background-color, border-color, opacity, box-shadow, transform !important;
      --tw-text-opacity: 1 !important;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;
      --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
      --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
      outline-color: var(--fallback-bc,oklch(var(--bc)/1)) !important;
      background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity)) !important;
      --tw-bg-opacity: 1 !important;
      --tw-border-opacity: 1 !important;
    }

    .btn {
      display: inline-flex;
      height: 3rem;
      min-height: 3rem;
      flex-shrink: 0;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      border-radius: var(--rounded-btn, 0.5rem);
      border-color: transparent;
      border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
      padding-left: 1rem;
      padding-right: 1rem;
      text-align: center;
      font-size: 0.875rem;
      line-height: 1em;
      gap: 0.5rem;
      font-weight: 600;
      text-decoration-line: none;
      transition-duration: 200ms;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      border-width: var(--border-btn, 1px);
      transition-property: color, background-color, border-color, opacity, box-shadow, transform;
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
      --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      outline-color: var(--fallback-bc,oklch(var(--bc)/1));
      background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));
      --tw-bg-opacity: 1;
      --tw-border-opacity: 1;
    }


      .\!btn[disabled],
      .\!btn:disabled {
      pointer-events: none !important;
    }

    .btn-disabled,
      .btn[disabled],
      .btn:disabled {
      pointer-events: none;
    }


      .\!btn[disabled],
      .\!btn:disabled {
      pointer-events: none !important;
    }

    .btn-square {
      height: 3rem;
      width: 3rem;
      padding: 0px;
    }

    .btn-circle {
      height: 3rem;
      width: 3rem;
      border-radius: 9999px;
      padding: 0px;
    }

    :where(.\!btn:is(input[type="checkbox"])),
    :where(.\!btn:is(input[type="radio"])) {
      width: auto !important;
      -webkit-appearance: none !important;
         -moz-appearance: none !important;
              appearance: none !important;
    }

    :where(.btn:is(input[type="checkbox"])),
    :where(.btn:is(input[type="radio"])) {
      width: auto;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
    }

    :where(.\!btn:is(input[type="checkbox"])),
    :where(.\!btn:is(input[type="radio"])) {
      width: auto !important;
      -webkit-appearance: none !important;
         -moz-appearance: none !important;
              appearance: none !important;
    }

    .\!btn:is(input[type="checkbox"]):after,
    .\!btn:is(input[type="radio"]):after {
      --tw-content: attr(aria-label) !important;
      content: var(--tw-content) !important;
    }

    .btn:is(input[type="checkbox"]):after,
    .btn:is(input[type="radio"]):after {
      --tw-content: attr(aria-label);
      content: var(--tw-content);
    }

    .\!btn:is(input[type="checkbox"]):after,
    .\!btn:is(input[type="radio"]):after {
      --tw-content: attr(aria-label) !important;
      content: var(--tw-content) !important;
    }

    .card {
      position: relative;
      display: flex;
      flex-direction: column;
      border-radius: var(--rounded-box, 1rem);
    }

    .card:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }

    .card-body {
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      padding: var(--padding-card, 2rem);
      gap: 0.5rem;
    }

    .card-body :where(p) {
      flex-grow: 1;
    }

    .card-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      gap: 0.5rem;
    }

    .card figure {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .card.image-full {
      display: grid;
    }

    .card.image-full:before {
      position: relative;
      content: "";
      z-index: 10;
      border-radius: var(--rounded-box, 1rem);
      --tw-bg-opacity: 1;
      background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
      opacity: 0.75;
    }

    .card.image-full:before,
        .card.image-full > * {
      grid-column-start: 1;
      grid-row-start: 1;
    }

    .card.image-full > figure img {
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }

    .card.image-full > .card-body {
      position: relative;
      z-index: 20;
      --tw-text-opacity: 1;
      color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
    }

    .carousel {
      display: inline-flex;
      overflow-x: scroll;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

    .carousel-vertical {
      flex-direction: column;
      overflow-y: scroll;
      scroll-snap-type: y mandatory;
    }

    .carousel-item {
      box-sizing: content-box;
      display: flex;
      flex: none;
      scroll-snap-align: start;
    }

    .carousel-start .carousel-item {
      scroll-snap-align: start;
    }

    .carousel-center .carousel-item {
      scroll-snap-align: center;
    }

    .carousel-end .carousel-item {
      scroll-snap-align: end;
    }

    .chat {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      -moz-column-gap: 0.75rem;
           column-gap: 0.75rem;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }

    .chat-image {
      grid-row: span 2 / span 2;
      align-self: flex-end;
    }

    .chat-header {
      grid-row-start: 1;
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

    .chat-footer {
      grid-row-start: 3;
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

    .chat-bubble {
      position: relative;
      display: block;
      width: -moz-fit-content;
      width: fit-content;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      max-width: 90%;
      border-radius: var(--rounded-box, 1rem);
      min-height: 2.75rem;
      min-width: 2.75rem;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
    }

    .chat-bubble:before {
      position: absolute;
      bottom: 0px;
      height: 0.75rem;
      width: 0.75rem;
      background-color: inherit;
      content: "";
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
    }

    .chat-start {
      place-items: start;
      grid-template-columns: auto 1fr;
    }

    .chat-start .chat-header {
      grid-column-start: 2;
    }

    .chat-start .chat-footer {
      grid-column-start: 2;
    }

    .chat-start .chat-image {
      grid-column-start: 1;
    }

    .chat-start .chat-bubble {
      grid-column-start: 2;
      border-end-start-radius: 0px;
    }

    .chat-start .chat-bubble:before {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");
      inset-inline-start: -0.749rem;
    }

    [dir="rtl"] .chat-start .chat-bubble:before {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");
    }

    .chat-end {
      place-items: end;
      grid-template-columns: 1fr auto;
    }

    .chat-end .chat-header {
      grid-column-start: 1;
    }

    .chat-end .chat-footer {
      grid-column-start: 1;
    }

    .chat-end .chat-image {
      grid-column-start: 2;
    }

    .chat-end .chat-bubble {
      grid-column-start: 1;
      border-end-end-radius: 0px;
    }

    .chat-end .chat-bubble:before {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");
      inset-inline-start: 99.9%;
    }

    [dir="rtl"] .chat-end .chat-bubble:before {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");
    }

    .\!checkbox {
      flex-shrink: 0 !important;
      --chkbg: var(--fallback-bc,oklch(var(--bc)/1)) !important;
      --chkfg: var(--fallback-b1,oklch(var(--b1)/1)) !important;
      height: 1.5rem !important;
      width: 1.5rem !important;
      cursor: pointer !important;
      -webkit-appearance: none !important;
         -moz-appearance: none !important;
              appearance: none !important;
      border-radius: var(--rounded-btn, 0.5rem) !important;
      border-width: 1px !important;
      border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))) !important;
      --tw-border-opacity: 0.2 !important;
    }

    .checkbox {
      flex-shrink: 0;
      --chkbg: var(--fallback-bc,oklch(var(--bc)/1));
      --chkfg: var(--fallback-b1,oklch(var(--b1)/1));
      height: 1.5rem;
      width: 1.5rem;
      cursor: pointer;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border-radius: var(--rounded-btn, 0.5rem);
      border-width: 1px;
      border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
      --tw-border-opacity: 0.2;
    }

    .collapse:not(td):not(tr):not(colgroup) {
      visibility: visible;
    }

    .collapse {
      position: relative;
      display: grid;
      overflow: hidden;
      grid-template-rows: max-content 0fr;
      transition: grid-template-rows 0.2s;
      width: 100%;
      border-radius: var(--rounded-box, 1rem);
    }

    .collapse-title,
    .collapse > input[type="checkbox"],
    .collapse > input[type="radio"],
    .collapse-content {
      grid-column-start: 1;
      grid-row-start: 1;
    }

    .collapse > input[type="checkbox"],
    .collapse > input[type="radio"] {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      opacity: 0;
    }

    :where(.collapse > input[type="checkbox"]),
    :where(.collapse > input[type="radio"]) {
      height: 100%;
      width: 100%;
      z-index: 1;
    }

    .collapse-content {
      visibility: hidden;
      grid-column-start: 1;
      grid-row-start: 2;
      min-height: 0px;
      transition: visibility 0.2s;
      transition: padding 0.2s ease-out,
        background-color 0.2s ease-out;
      padding-left: 1rem;
      padding-right: 1rem;
      cursor: unset;
    }

    .collapse[open],
    .collapse-open,
    .collapse:focus:not(.collapse-close) {
      grid-template-rows: max-content 1fr;
    }

    .collapse:not(.collapse-close):has(> input[type="checkbox"]:checked),
    .collapse:not(.collapse-close):has(> input[type="radio"]:checked) {
      grid-template-rows: max-content 1fr;
    }

    .collapse[open] > .collapse-content,
    .collapse-open > .collapse-content,
    .collapse:focus:not(.collapse-close) > .collapse-content,
    .collapse:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-content,
    .collapse:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-content {
      visibility: visible;
      min-height: -moz-fit-content;
      min-height: fit-content;
    }

    :root .countdown {
      line-height: 1em;
    }

    .countdown {
      display: inline-flex;
    }

    .countdown > * {
      height: 1em;
      display: inline-block;
      overflow-y: hidden;
    }

    .countdown > *:before {
      position: relative;
      content: "00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99\A";
      white-space: pre;
      top: calc(var(--value) * -1em);
      text-align: center;
      transition: all 1s cubic-bezier(1, 0, 0, 1);
    }

    .\!diff {
      position: relative !important;
      display: grid !important;
      width: 100% !important;
      overflow: hidden !important;
      direction: ltr !important;
      container-type: inline-size !important;
      grid-template-columns: auto 1fr !important;
    }

    .diff {
      position: relative;
      display: grid;
      width: 100%;
      overflow: hidden;
      direction: ltr;
      container-type: inline-size;
      grid-template-columns: auto 1fr;
    }

    .diff-resizer {
      position: relative;
      top: 50%;
      z-index: 1;
      height: 3rem;
      width: 25rem;
      min-width: 1rem;
      max-width: calc(100cqi - 1rem);
      resize: horizontal;
      overflow: hidden;
      opacity: 0;
      transform-origin: 100% 100%;
      scale: 4;
      translate: 1.5rem -1.5rem;
      clip-path: inset(calc(100% - 0.75rem) 0 0 calc(100% - 0.75rem));
    }

    .diff-resizer,
    .diff-item-1,
    .diff-item-2 {
      position: relative;
      grid-column-start: 1;
      grid-row-start: 1;
    }

    .diff-item-1:after {
      pointer-events: none;
      position: absolute;
      bottom: 0px;
      right: 1px;
      top: 50%;
      z-index: 1;
      height: 2rem;
      width: 2rem;
      --tw-content: '';
      content: var(--tw-content);
      translate: 50% -50%;
      border-radius: 9999px;
      border-width: 2px;
      --tw-border-opacity: 1;
      border-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity)));
      background-color: var(--fallback-b1,oklch(var(--b1)/0.5));
      --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
      --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      outline-style: solid;
      outline-offset: -3px;
      outline-color: var(--fallback-bc,oklch(var(--bc)/0.05));
      --tw-backdrop-blur: blur(8px);
      -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
              backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    }

    .diff-item-2 {
      overflow: hidden;
      border-right-width: 2px;
      --tw-border-opacity: 1;
      border-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity)));
    }

    .diff-item-1 > *,
    .diff-item-2 > * {
      pointer-events: none;
      position: absolute;
      bottom: 0px;
      left: 0px;
      top: 0px;
      height: 100%;
      width: 100cqi;
      max-width: none;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
    }

    .divider {
      display: flex;
      flex-direction: row;
      align-items: center;
      align-self: stretch;
      margin-top: 1rem;
      margin-bottom: 1rem;
      height: 1rem;
      white-space: nowrap;
    }

    .divider:before,
      .divider:after {
      height: 0.125rem;
      width: 100%;
      flex-grow: 1;
      --tw-content: '';
      content: var(--tw-content);
      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
    }

    .drawer {
      position: relative;
      display: grid;
      grid-auto-columns: max-content auto;
      width: 100%;
    }

    .drawer-content {
      grid-column-start: 2;
      grid-row-start: 1;
      min-width: 0px;
    }

    .drawer-side {
      pointer-events: none;
      position: fixed;
      inset-inline-start: 0px;
      top: 0px;
      grid-column-start: 1;
      grid-row-start: 1;
      display: grid;
      width: 100%;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      grid-template-rows: repeat(1, minmax(0, 1fr));
      align-items: flex-start;
      justify-items: start;
      overflow-x: hidden;
      overflow-y: hidden;
      overscroll-behavior: contain;
      height: 100vh;
      height: 100dvh;
    }

    .drawer-side > .drawer-overlay {
      position: sticky;
      top: 0px;
      place-self: stretch;
      cursor: pointer;
      background-color: transparent;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-duration: 200ms;
    }

    .drawer-side > * {
      grid-column-start: 1;
      grid-row-start: 1;
    }

    .drawer-side > *:not(.drawer-overlay) {
      transition-property: transform;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-duration: 300ms;
      will-change: transform;
      transform: translateX(-100%);
    }

    [dir="rtl"] .drawer-side > *:not(.drawer-overlay) {
      transform: translateX(100%);
    }

    .drawer-toggle {
      position: fixed;
      height: 0px;
      width: 0px;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      opacity: 0;
    }

    .drawer-toggle:checked ~ .drawer-side {
      pointer-events: auto;
      visibility: visible;
      overflow-y: auto;
    }

    .drawer-toggle:checked ~ .drawer-side > *:not(.drawer-overlay) {
      transform: translateX(0%);
    }

    .drawer-end {
      grid-auto-columns: auto max-content;
    }

    .drawer-end > .drawer-toggle ~ .drawer-content {
      grid-column-start: 1;
    }

    .drawer-end > .drawer-toggle ~ .drawer-side {
      grid-column-start: 2;
      justify-items: end;
    }

    .drawer-end > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
      transform: translateX(100%);
    }

    [dir="rtl"] .drawer-end > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
      transform: translateX(-100%);
    }

    .drawer-end > .drawer-toggle:checked ~ .drawer-side > *:not(.drawer-overlay) {
      transform: translateX(0%);
    }

    .dropdown {
      position: relative;
      display: inline-block;
    }

    .dropdown > *:not(summary):focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }

    .dropdown .dropdown-content {
      position: absolute;
    }

    .dropdown:is(:not(details)) .dropdown-content {
      visibility: hidden;
      opacity: 0;
      transform-origin: top;
      --tw-scale-x: .95;
      --tw-scale-y: .95;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-duration: 200ms;
    }

    .dropdown-end .dropdown-content {
      inset-inline-end: 0px;
    }

    .dropdown-left .dropdown-content {
      bottom: auto;
      inset-inline-end: 100%;
      top: 0px;
      transform-origin: right;
    }

    .dropdown-right .dropdown-content {
      bottom: auto;
      inset-inline-start: 100%;
      top: 0px;
      transform-origin: left;
    }

    .dropdown-bottom .dropdown-content {
      bottom: auto;
      top: 100%;
      transform-origin: top;
    }

    .dropdown-top .dropdown-content {
      bottom: 100%;
      top: auto;
      transform-origin: bottom;
    }

    .dropdown-end.dropdown-right .dropdown-content {
      bottom: 0px;
      top: auto;
    }

    .dropdown-end.dropdown-left .dropdown-content {
      bottom: 0px;
      top: auto;
    }

    .dropdown.dropdown-open .dropdown-content,
    .dropdown:not(.dropdown-hover):focus .dropdown-content,
    .dropdown:focus-within .dropdown-content {
      visibility: visible;
      opacity: 1;
    }

    @media (hover: hover) {
      .dropdown.dropdown-hover:hover .dropdown-content {
        visibility: visible;
        opacity: 1;
      }

      .btm-nav > *.disabled:hover,
          .btm-nav > *[disabled]:hover {
        pointer-events: none;
        --tw-border-opacity: 0;
        background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
        --tw-bg-opacity: 0.1;
        color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
        --tw-text-opacity: 0.2;
      }

      .btm-nav > *.\!disabled:hover {
        pointer-events: none !important;
        --tw-border-opacity: 0 !important;
        background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))) !important;
        --tw-bg-opacity: 0.1 !important;
        color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;
        --tw-text-opacity: 0.2 !important;
      }

      .\!btn:hover {
        --tw-border-opacity: 1 !important;
        border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity))) !important;
        --tw-bg-opacity: 1 !important;
        background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))) !important;
      }

      @supports (color: color-mix(in oklab, black, black)) {
        .\!btn:hover {
          background-color: color-mix(
                in oklab,
                oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
                black
              ) !important;
          border-color: color-mix(
                in oklab,
                oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
                black
              ) !important;
        }
      }

      @supports not (color: oklch(0% 0 0)) {
        .\!btn:hover {
          background-color: var(--btn-color, var(--fallback-b2)) !important;
          border-color: var(--btn-color, var(--fallback-b2)) !important;
        }
      }

      .btn:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
      }

      @supports (color: color-mix(in oklab, black, black)) {
        .btn:hover {
          background-color: color-mix(
                in oklab,
                oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
                black
              );
          border-color: color-mix(
                in oklab,
                oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
                black
              );
        }
      }

      @supports not (color: oklch(0% 0 0)) {
        .btn:hover {
          background-color: var(--btn-color, var(--fallback-b2));
          border-color: var(--btn-color, var(--fallback-b2));
        }
      }

      .\!btn:hover {
        --tw-border-opacity: 1 !important;
        border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity))) !important;
        --tw-bg-opacity: 1 !important;
        background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))) !important;
      }

      @supports (color: color-mix(in oklab, black, black)) {
        .\!btn:hover {
          background-color: color-mix(
                in oklab,
                oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
                black
              ) !important;
          border-color: color-mix(
                in oklab,
                oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
                black
              ) !important;
        }
      }

      @supports not (color: oklch(0% 0 0)) {
        .\!btn:hover {
          background-color: var(--btn-color, var(--fallback-b2)) !important;
          border-color: var(--btn-color, var(--fallback-b2)) !important;
        }
      }

      .\!btn:hover {
        --tw-border-opacity: 1 !important;
        border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity))) !important;
        --tw-bg-opacity: 1 !important;
        background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))) !important;
      }

      @supports (color: color-mix(in oklab, black, black)) {
        .\!btn:hover {
          background-color: color-mix(
                in oklab,
                oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
                black
              ) !important;
          border-color: color-mix(
                in oklab,
                oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
                black
              ) !important;
        }
      }

      @supports not (color: oklch(0% 0 0)) {
        .\!btn:hover {
          background-color: var(--btn-color, var(--fallback-b2)) !important;
          border-color: var(--btn-color, var(--fallback-b2)) !important;
        }
      }

      .\!btn.glass:hover {
        --glass-opacity: 25% !important;
        --glass-border-opacity: 15% !important;
      }

      .btn.glass:hover {
        --glass-opacity: 25%;
        --glass-border-opacity: 15%;
      }

      .btn-ghost:hover {
        border-color: transparent;
      }

      @supports (color: oklch(0% 0 0)) {
        .btn-ghost:hover {
          background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
        }
      }

      .btn-link:hover {
        border-color: transparent;
        background-color: transparent;
        text-decoration-line: underline;
      }

      .btn-outline:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
        --tw-bg-opacity: 1;
        background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
        --tw-text-opacity: 1;
        color: var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)));
      }

      .btn-outline.btn-primary:hover {
        --tw-text-opacity: 1;
        color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
      }

      @supports (color: color-mix(in oklab, black, black)) {
        .btn-outline.btn-primary:hover {
          background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
          border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
        }
      }

      .btn-outline.btn-secondary:hover {
        --tw-text-opacity: 1;
        color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
      }

      @supports (color: color-mix(in oklab, black, black)) {
        .btn-outline.btn-secondary:hover {
          background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
          border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
        }
      }

      .btn-outline.btn-accent:hover {
        --tw-text-opacity: 1;
        color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
      }

      @supports (color: color-mix(in oklab, black, black)) {
        .btn-outline.btn-accent:hover {
          background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
          border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
        }
      }

      .btn-outline.btn-success:hover {
        --tw-text-opacity: 1;
        color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
      }

      @supports (color: color-mix(in oklab, black, black)) {
        .btn-outline.btn-success:hover {
          background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
          border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
        }
      }

      .btn-outline.btn-info:hover {
        --tw-text-opacity: 1;
        color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
      }

      @supports (color: color-mix(in oklab, black, black)) {
        .btn-outline.btn-info:hover {
          background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
          border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
        }
      }

      .btn-outline.btn-warning:hover {
        --tw-text-opacity: 1;
        color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
      }

      @supports (color: color-mix(in oklab, black, black)) {
        .btn-outline.btn-warning:hover {
          background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
          border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
        }
      }

      .btn-outline.btn-error:hover {
        --tw-text-opacity: 1;
        color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
      }

      @supports (color: color-mix(in oklab, black, black)) {
        .btn-outline.btn-error:hover {
          background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
          border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
        }
      }


        .\!btn[disabled]:hover,
        .\!btn:disabled:hover {
        --tw-border-opacity: 0 !important;
        background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))) !important;
        --tw-bg-opacity: 0.2 !important;
        color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;
        --tw-text-opacity: 0.2 !important;
      }

      .btn-disabled:hover,
        .btn[disabled]:hover,
        .btn:disabled:hover {
        --tw-border-opacity: 0;
        background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
        --tw-bg-opacity: 0.2;
        color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
        --tw-text-opacity: 0.2;
      }


        .\!btn[disabled]:hover,
        .\!btn:disabled:hover {
        --tw-border-opacity: 0 !important;
        background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))) !important;
        --tw-bg-opacity: 0.2 !important;
        color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;
        --tw-text-opacity: 0.2 !important;
      }

      @supports (color: color-mix(in oklab, black, black)) {
        .\!btn:is(input[type="checkbox"]:checked):hover, .\!btn:is(input[type="radio"]:checked):hover {
          background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black) !important;
          border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black) !important;
        }

        .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover {
          background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
          border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
        }

        .\!btn:is(input[type="checkbox"]:checked):hover, .\!btn:is(input[type="radio"]:checked):hover {
          background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black) !important;
          border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black) !important;
        }
      }

      .dropdown.dropdown-hover:hover .dropdown-content {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }

      :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
        cursor: pointer;
        outline: 2px solid transparent;
        outline-offset: 2px;
      }

      @supports (color: oklch(0% 0 0)) {
        :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
          background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
        }
      }

      .tab[disabled],
        .tab[disabled]:hover {
        cursor: not-allowed;
        color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
        --tw-text-opacity: 0.2;
      }
    }

    .dropdown:is(details) summary::-webkit-details-marker {
      display: none;
    }

    .file-input {
      height: 3rem;
      flex-shrink: 1;
      padding-inline-end: 1rem;
      font-size: 1rem;
      line-height: 2;
      line-height: 1.5rem;
      overflow: hidden;
      border-radius: var(--rounded-btn, 0.5rem);
      border-width: 1px;
      border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
      --tw-border-opacity: 0;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
    }

    .file-input::file-selector-button {
      margin-inline-end: 1rem;
      display: inline-flex;
      height: 100%;
      flex-shrink: 0;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding-left: 1rem;
      padding-right: 1rem;
      text-align: center;
      font-size: 0.875rem;
      line-height: 1.25rem;
      line-height: 1em;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-duration: 200ms;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
      font-weight: 600;
      text-transform: uppercase;
      --tw-text-opacity: 1;
      color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
      text-decoration-line: none;
      border-width: var(--border-btn, 1px);
      animation: button-pop var(--animation-btn, 0.25s) ease-out;
    }

    .footer {
      display: grid;
      width: 100%;
      grid-auto-flow: row;
      place-items: start;
      -moz-column-gap: 1rem;
           column-gap: 1rem;
      row-gap: 2.5rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

    .footer > * {
      display: grid;
      place-items: start;
      gap: 0.5rem;
    }

    .footer-center {
      place-items: center;
      text-align: center;
    }

    .footer-center > * {
      place-items: center;
    }

    @media (min-width: 48rem) {
      .footer {
        grid-auto-flow: column;
      }

      .footer-center {
        grid-auto-flow: row dense;
      }
    }

    .form-control {
      display: flex;
      flex-direction: column;
    }

    .label {
      display: flex;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      align-items: center;
      justify-content: space-between;
      padding-left: 0.25rem;
      padding-right: 0.25rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }

    .hero {
      display: grid;
      width: 100%;
      place-items: center;
      background-size: cover;
      background-position: center;
    }

    .hero > * {
      grid-column-start: 1;
      grid-row-start: 1;
    }

    .hero-overlay {
      grid-column-start: 1;
      grid-row-start: 1;
      height: 100%;
      width: 100%;
      background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
      --tw-bg-opacity: 0.5;
    }

    .hero-content {
      z-index: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 80rem;
      gap: 1rem;
      padding: 1rem;
    }

    .indicator {
      position: relative;
      display: inline-flex;
      width: -moz-max-content;
      width: max-content;
    }

    .indicator :where(.indicator-item) {
      z-index: 1;
      position: absolute;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      white-space: nowrap;
    }

    .\!input {
      flex-shrink: 1 !important;
      -webkit-appearance: none !important;
         -moz-appearance: none !important;
              appearance: none !important;
      height: 3rem !important;
      padding-left: 1rem !important;
      padding-right: 1rem !important;
      font-size: 1rem !important;
      line-height: 2 !important;
      line-height: 1.5rem !important;
      border-radius: var(--rounded-btn, 0.5rem) !important;
      border-width: 1px !important;
      border-color: transparent !important;
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) !important;
    }

    .input {
      flex-shrink: 1;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      height: 3rem;
      padding-left: 1rem;
      padding-right: 1rem;
      font-size: 1rem;
      line-height: 2;
      line-height: 1.5rem;
      border-radius: var(--rounded-btn, 0.5rem);
      border-width: 1px;
      border-color: transparent;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
    }

    .\!input[type="number"]::-webkit-inner-spin-button {
      margin-top: -1rem !important;
      margin-bottom: -1rem !important;
      margin-inline-end: -1rem !important;
    }

    .input[type="number"]::-webkit-inner-spin-button,
    .input-md[type="number"]::-webkit-inner-spin-button {
      margin-top: -1rem;
      margin-bottom: -1rem;
      margin-inline-end: -1rem;
    }

    .input-xs[type="number"]::-webkit-inner-spin-button {
      margin-top: -0.25rem;
      margin-bottom: -0.25rem;
      margin-inline-end: -0px;
    }

    .input-sm[type="number"]::-webkit-inner-spin-button {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-inline-end: -0px;
    }

    .input-lg[type="number"]::-webkit-inner-spin-button {
      margin-top: -1.5rem;
      margin-bottom: -1.5rem;
      margin-inline-end: -1.5rem;
    }

    .join {
      display: inline-flex;
      align-items: stretch;
      border-radius: var(--rounded-btn, 0.5rem);
    }

    .join :where(.join-item) {
      border-start-end-radius: 0;
      border-end-end-radius: 0;
      border-end-start-radius: 0;
      border-start-start-radius: 0;
    }

    .join .join-item:not(:first-child):not(:last-child),
      .join *:not(:first-child):not(:last-child) .join-item {
      border-start-end-radius: 0;
      border-end-end-radius: 0;
      border-end-start-radius: 0;
      border-start-start-radius: 0;
    }

    .join .join-item:first-child:not(:last-child),
      .join *:first-child:not(:last-child) .join-item {
      border-start-end-radius: 0;
      border-end-end-radius: 0;
    }

    .join .dropdown .join-item:first-child:not(:last-child),
      .join *:first-child:not(:last-child) .dropdown .join-item {
      border-start-end-radius: inherit;
      border-end-end-radius: inherit;
    }

    .join :where(.join-item:first-child:not(:last-child)),
      .join :where(*:first-child:not(:last-child) .join-item) {
      border-end-start-radius: inherit;
      border-start-start-radius: inherit;
    }

    .join .join-item:last-child:not(:first-child),
      .join *:last-child:not(:first-child) .join-item {
      border-end-start-radius: 0;
      border-start-start-radius: 0;
    }

    .join :where(.join-item:last-child:not(:first-child)),
      .join :where(*:last-child:not(:first-child) .join-item) {
      border-start-end-radius: inherit;
      border-end-end-radius: inherit;
    }

    @supports not selector(:has(*)) {
      :where(.join *) {
        border-radius: inherit;
      }
    }

    @supports selector(:has(*)) {
      :where(.join *:has(.join-item)) {
        border-radius: inherit;
      }
    }

    .kbd {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: var(--rounded-btn, 0.5rem);
      border-width: 1px;
      border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
      --tw-border-opacity: 0.2;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      border-bottom-width: 2px;
      min-height: 2.2em;
      min-width: 2.2em;
    }

    .link {
      cursor: pointer;
      text-decoration-line: underline;
    }

    .link-hover {
      text-decoration-line: none;
    }

    .\!mask {
      -webkit-mask-size: contain !important;
              mask-size: contain !important;
      -webkit-mask-repeat: no-repeat !important;
              mask-repeat: no-repeat !important;
      -webkit-mask-position: center !important;
              mask-position: center !important;
    }

    .mask {
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
    }

    .mask-half-1 {
      -webkit-mask-size: 200%;
              mask-size: 200%;
      -webkit-mask-position: left;
              mask-position: left;
    }

    .mask-half-1:where([dir="rtl"], [dir="rtl"] *) {
      -webkit-mask-position: right;
              mask-position: right;
    }

    .mask-half-2 {
      -webkit-mask-size: 200%;
              mask-size: 200%;
      -webkit-mask-position: right;
              mask-position: right;
    }

    .mask-half-2:where([dir="rtl"], [dir="rtl"] *) {
      -webkit-mask-position: left;
              mask-position: left;
    }

    .menu {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      font-size: 0.875rem;
      line-height: 1.25rem;
      padding: 0.5rem;
    }

    .menu :where(li ul) {
      position: relative;
      white-space: nowrap;
      margin-inline-start: 1rem;
      padding-inline-start: 0.5rem;
    }

    .menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
      display: grid;
      grid-auto-flow: column;
      align-content: flex-start;
      align-items: center;
      gap: 0.5rem;
      grid-auto-columns: minmax(auto, max-content) auto max-content;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
    }

    .menu li.disabled {
      cursor: not-allowed;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      color: var(--fallback-bc,oklch(var(--bc)/0.3));
    }

    .menu li.\!disabled {
      cursor: not-allowed !important;
      -webkit-user-select: none !important;
         -moz-user-select: none !important;
              user-select: none !important;
      color: var(--fallback-bc,oklch(var(--bc)/0.3)) !important;
    }

    .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
      display: none;
    }

    :where(.menu li) {
      position: relative;
      display: flex;
      flex-shrink: 0;
      flex-direction: column;
      flex-wrap: wrap;
      align-items: stretch;
    }

    :where(.menu li) .badge {
      justify-self: end;
    }

    .mockup-code {
      position: relative;
      overflow: hidden;
      overflow-x: auto;
      min-width: 18rem;
      border-radius: var(--rounded-box, 1rem);
      --tw-bg-opacity: 1;
      background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
      --tw-text-opacity: 1;
      color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
      direction: ltr;
    }

    .mockup-code pre[data-prefix]:before {
      content: attr(data-prefix);
      display: inline-block;
      text-align: right;
      width: 2rem;
      opacity: 0.5;
    }

    .mockup-window {
      position: relative;
      overflow: hidden;
      overflow-x: auto;
      display: flex;
      flex-direction: column;
      border-radius: var(--rounded-box, 1rem);
      padding-top: 1.25rem;
    }

    .mockup-window pre[data-prefix]:before {
      content: attr(data-prefix);
      display: inline-block;
      text-align: right;
    }

    .mockup-browser {
      position: relative;
      overflow: hidden;
      overflow-x: auto;
      border-radius: var(--rounded-box, 1rem);
    }

    .mockup-browser pre[data-prefix]:before {
      content: attr(data-prefix);
      display: inline-block;
      text-align: right;
    }

    .modal {
      pointer-events: none;
      position: fixed;
      inset: 0px;
      margin: 0px;
      display: grid;
      height: 100%;
      max-height: none;
      width: 100%;
      max-width: none;
      justify-items: center;
      padding: 0px;
      opacity: 0;
      overscroll-behavior: contain;
      z-index: 999;
      background-color: transparent;
      color: inherit;
      transition-duration: 200ms;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-property: transform, opacity, visibility;
      overflow-y: hidden;
    }

    .modal-scroll {
      overscroll-behavior: auto;
    }

    :where(.modal) {
      align-items: center;
    }

    .modal-box {
      max-height: calc(100vh - 5em);
      grid-column-start: 1;
      grid-row-start: 1;
      width: 91.666667%;
      max-width: 32rem;
      --tw-scale-x: .9;
      --tw-scale-y: .9;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      border-bottom-right-radius: var(--rounded-box, 1rem);
      border-bottom-left-radius: var(--rounded-box, 1rem);
      border-top-left-radius: var(--rounded-box, 1rem);
      border-top-right-radius: var(--rounded-box, 1rem);
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
      padding: 1.5rem;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-duration: 200ms;
      box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
      overflow-y: auto;
      overscroll-behavior: contain;
    }

    .modal-open,
    .modal:target,
    .modal-toggle:checked + .modal,
    .modal[open] {
      pointer-events: auto;
      visibility: visible;
      opacity: 1;
    }

    .modal-action {
      display: flex;
      margin-top: 1.5rem;
      justify-content: flex-end;
    }

    .modal-toggle {
      position: fixed;
      height: 0px;
      width: 0px;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      opacity: 0;
    }

    :root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) {
      overflow: hidden;
      scrollbar-gutter: stable;
    }

    .navbar {
      display: flex;
      align-items: center;
      padding: var(--navbar-padding, 0.5rem);
      min-height: 4rem;
      width: 100%;
    }

    :where(.navbar > *:not(script, style)) {
      display: inline-flex;
      align-items: center;
    }

    .navbar-start {
      width: 50%;
      justify-content: flex-start;
    }

    .navbar-center {
      flex-shrink: 0;
    }

    .navbar-end {
      width: 50%;
      justify-content: flex-end;
    }

    .progress {
      position: relative;
      width: 100%;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      overflow: hidden;
      height: 0.5rem;
      border-radius: var(--rounded-box, 1rem);
      background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
    }

    .radial-progress {
      position: relative;
      display: inline-grid;
      height: var(--size);
      width: var(--size);
      place-content: center;
      border-radius: 9999px;
      background-color: transparent;
      vertical-align: middle;
      box-sizing: content-box;
      --value: 0;
      --size: 5rem;
      --thickness: calc(var(--size) / 10);
    }

    .radial-progress::-moz-progress-bar {
      -moz-appearance: none;
           appearance: none;
      background-color: transparent;
    }

    .radial-progress::-webkit-progress-value {
      -webkit-appearance: none;
              appearance: none;
      background-color: transparent;
    }

    .radial-progress::-webkit-progress-bar {
      -webkit-appearance: none;
              appearance: none;
      background-color: transparent;
    }

    .radial-progress:before,
    .radial-progress:after {
      position: absolute;
      border-radius: 9999px;
      content: "";
    }

    .radial-progress:before {
      inset: 0px;
      background: radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness)
          no-repeat,
        conic-gradient(currentColor calc(var(--value) * 1%), #0000 0);
      -webkit-mask: radial-gradient(
        farthest-side,
        #0000 calc(99% - var(--thickness)),
        #000 calc(100% - var(--thickness))
      );
      mask: radial-gradient(
        farthest-side,
        #0000 calc(99% - var(--thickness)),
        #000 calc(100% - var(--thickness))
      );
    }

    .radial-progress:after {
      inset: calc(50% - var(--thickness) / 2);
      transform: rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));
      background-color: currentColor;
    }

    .radio {
      flex-shrink: 0;
      --chkbg: var(--bc);
      height: 1.5rem;
      width: 1.5rem;
      cursor: pointer;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border-radius: 9999px;
      border-width: 1px;
      border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
      --tw-border-opacity: 0.2;
    }

    .\!range {
      height: 1.5rem !important;
      width: 100% !important;
      cursor: pointer !important;
      -moz-appearance: none !important;
           appearance: none !important;
      -webkit-appearance: none !important;
      --range-shdw: var(--fallback-bc,oklch(var(--bc)/1)) !important;
      overflow: hidden !important;
      border-radius: var(--rounded-box, 1rem) !important;
      background-color: transparent !important;
    }

    .range {
      height: 1.5rem;
      width: 100%;
      cursor: pointer;
      -moz-appearance: none;
           appearance: none;
      -webkit-appearance: none;
      --range-shdw: var(--fallback-bc,oklch(var(--bc)/1));
      overflow: hidden;
      border-radius: var(--rounded-box, 1rem);
      background-color: transparent;
    }

    .\!range:focus {
      outline: none !important;
    }

    .range:focus {
      outline: none;
    }

    .rating {
      position: relative;
      display: inline-flex;
    }

    .rating :where(input) {
      cursor: pointer;
      border-radius: 0px;
      animation: rating-pop var(--animation-input, 0.25s) ease-out;
      height: 1.5rem;
      width: 1.5rem;
      background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
      --tw-bg-opacity: 1;
    }

    .select {
      display: inline-flex;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      height: 3rem;
      min-height: 3rem;
      padding-inline-start: 1rem;
      padding-inline-end: 2.5rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
      line-height: 2;
      border-radius: var(--rounded-btn, 0.5rem);
      border-width: 1px;
      border-color: transparent;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
      background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
        linear-gradient(135deg, currentColor 50%, transparent 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;
    }

    .select[multiple] {
      height: auto;
    }

    .\!stack {
      display: inline-grid !important;
      place-items: center !important;
      align-items: flex-end !important;
    }

    .stack {
      display: inline-grid;
      place-items: center;
      align-items: flex-end;
    }

    .\!stack > * {
      grid-column-start: 1 !important;
      grid-row-start: 1 !important;
      transform: translateY(10%) scale(0.9) !important;
      z-index: 1 !important;
      width: 100% !important;
      opacity: 0.6 !important;
    }

    .stack > * {
      grid-column-start: 1;
      grid-row-start: 1;
      transform: translateY(10%) scale(0.9);
      z-index: 1;
      width: 100%;
      opacity: 0.6;
    }

    .\!stack > *:nth-child(2) {
      transform: translateY(5%) scale(0.95) !important;
      z-index: 2 !important;
      opacity: 0.8 !important;
    }

    .stack > *:nth-child(2) {
      transform: translateY(5%) scale(0.95);
      z-index: 2;
      opacity: 0.8;
    }

    .\!stack > *:nth-child(1) {
      transform: translateY(0) scale(1) !important;
      z-index: 3 !important;
      opacity: 1 !important;
    }

    .stack > *:nth-child(1) {
      transform: translateY(0) scale(1);
      z-index: 3;
      opacity: 1;
    }

    .\!stats {
      display: inline-grid !important;
      border-radius: var(--rounded-box, 1rem) !important;
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) !important;
      --tw-text-opacity: 1 !important;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;
    }

    .stats {
      display: inline-grid;
      border-radius: var(--rounded-box, 1rem);
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    }

    :where(.\!stats) {
      grid-auto-flow: column !important;
      overflow-x: auto !important;
    }

    :where(.stats) {
      grid-auto-flow: column;
      overflow-x: auto;
    }

    .\!stat {
      display: inline-grid !important;
      width: 100% !important;
      grid-template-columns: repeat(1, 1fr) !important;
      -moz-column-gap: 1rem !important;
           column-gap: 1rem !important;
      border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))) !important;
      --tw-border-opacity: 0.1 !important;
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
    }

    .stat {
      display: inline-grid;
      width: 100%;
      grid-template-columns: repeat(1, 1fr);
      -moz-column-gap: 1rem;
           column-gap: 1rem;
      border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
      --tw-border-opacity: 0.1;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

    .stat-figure {
      grid-column-start: 2;
      grid-row: span 3 / span 3;
      grid-row-start: 1;
      place-self: center;
      justify-self: end;
    }

    .stat-title {
      grid-column-start: 1;
      white-space: nowrap;
      color: var(--fallback-bc,oklch(var(--bc)/0.6));
    }

    .stat-value {
      grid-column-start: 1;
      white-space: nowrap;
      font-size: 2.25rem;
      line-height: 2.5rem;
      font-weight: 800;
    }

    .stat-desc {
      grid-column-start: 1;
      white-space: nowrap;
      font-size: 0.75rem;
      line-height: 1rem;
      color: var(--fallback-bc,oklch(var(--bc)/0.6));
    }

    .stat-actions {
      grid-column-start: 1;
      white-space: nowrap;
      margin-top: 1rem;
    }

    .steps {
      display: inline-grid;
      grid-auto-flow: column;
      overflow: hidden;
      overflow-x: auto;
      counter-reset: step;
      grid-auto-columns: 1fr;
    }

    .steps .step {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      grid-template-columns: auto;
      grid-template-rows: repeat(2, minmax(0, 1fr));
      grid-template-rows: 40px 1fr;
      place-items: center;
      text-align: center;
      min-width: 4rem;
    }

    .steps .\!step {
      display: grid !important;
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
      grid-template-columns: auto !important;
      grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
      grid-template-rows: 40px 1fr !important;
      place-items: center !important;
      text-align: center !important;
      min-width: 4rem !important;
    }

    .swap {
      position: relative;
      display: inline-grid;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      place-content: center;
      cursor: pointer;
    }

    .swap > * {
      grid-column-start: 1;
      grid-row-start: 1;
      transition-duration: 300ms;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-property: transform, opacity;
    }

    .swap input {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
    }

    .swap .swap-on,
    .swap .swap-indeterminate,
    .swap input:indeterminate ~ .swap-on {
      opacity: 0;
    }

    .swap input:checked ~ .swap-off,
    .swap-active .swap-off,
    .swap input:indeterminate ~ .swap-off {
      opacity: 0;
    }

    .swap input:checked ~ .swap-on,
    .swap-active .swap-on,
    .swap input:indeterminate ~ .swap-indeterminate {
      opacity: 1;
    }

    .tabs {
      display: grid;
      align-items: flex-end;
    }

    .tabs-lifted:has(.tab-content[class^="rounded-"])
        .tab:first-child:not(:is(.tab-active, [aria-selected="true"])), .tabs-lifted:has(.tab-content[class*=" rounded-"])
        .tab:first-child:not(:is(.tab-active, [aria-selected="true"])) {
      border-bottom-color: transparent;
    }

    .tab {
      position: relative;
      grid-row-start: 1;
      display: inline-flex;
      height: 2rem;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 0.875rem;
      line-height: 1.25rem;
      line-height: 2;
      --tab-padding: 1rem;
      --tw-text-opacity: 0.5;
      --tab-color: var(--fallback-bc,oklch(var(--bc)/1));
      --tab-bg: var(--fallback-b1,oklch(var(--b1)/1));
      --tab-border-color: var(--fallback-b3,oklch(var(--b3)/1));
      color: var(--tab-color);
      padding-inline-start: var(--tab-padding, 1rem);
      padding-inline-end: var(--tab-padding, 1rem);
    }

    .tab:is(input[type="radio"]) {
      width: auto;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
    }

    .tab:is(input[type="radio"]):after {
      --tw-content: attr(aria-label);
      content: var(--tw-content);
    }

    .tab:not(input):empty {
      cursor: default;
      grid-column-start: span 9999;
    }

    .tab-content {
      grid-column-start: 1;
      grid-column-end: span 9999;
      grid-row-start: 2;
      margin-top: calc(var(--tab-border) * -1);
      display: none;
      border-color: transparent;
      border-width: var(--tab-border, 0);
    }

    :checked + .tab-content:nth-child(2),
      :is(.tab-active, [aria-selected="true"]) + .tab-content:nth-child(2) {
      border-start-start-radius: 0px;
    }

    input.tab:checked + .tab-content,
    :is(.tab-active, [aria-selected="true"]) + .tab-content {
      display: block;
    }

    .table {
      position: relative;
      width: 100%;
      border-radius: var(--rounded-box, 1rem);
      text-align: left;
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

    .table :where(.table-pin-rows thead tr) {
      position: sticky;
      top: 0px;
      z-index: 1;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
    }

    .table :where(.table-pin-rows tfoot tr) {
      position: sticky;
      bottom: 0px;
      z-index: 1;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
    }

    .table :where(.table-pin-cols tr th) {
      position: sticky;
      left: 0px;
      right: 0px;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
    }

    .table-zebra tbody tr:nth-child(even) :where(.table-pin-cols tr th) {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
    }

    .textarea {
      min-height: 3rem;
      flex-shrink: 1;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
      line-height: 2;
      border-radius: var(--rounded-btn, 0.5rem);
      border-width: 1px;
      border-color: transparent;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
    }

    .timeline {
      position: relative;
      display: flex;
    }

    :where(.timeline > li) {
      position: relative;
      display: grid;
      flex-shrink: 0;
      align-items: center;
      grid-template-rows: var(--timeline-row-start, minmax(0, 1fr)) auto var(
          --timeline-row-end,
          minmax(0, 1fr)
        );
      grid-template-columns: var(--timeline-col-start, minmax(0, 1fr)) auto var(
          --timeline-col-end,
          minmax(0, 1fr)
        );
    }

    .timeline > li > hr {
      width: 100%;
      border-width: 0px;
    }

    :where(.timeline > li > hr):first-child {
      grid-column-start: 1;
      grid-row-start: 2;
    }

    :where(.timeline > li > hr):last-child {
      grid-column-start: 3;
      grid-column-end: none;
      grid-row-start: 2;
      grid-row-end: auto;
    }

    .timeline-start {
      grid-column-start: 1;
      grid-column-end: 4;
      grid-row-start: 1;
      grid-row-end: 2;
      margin: 0.25rem;
      align-self: flex-end;
      justify-self: center;
    }

    .timeline-middle {
      grid-column-start: 2;
      grid-row-start: 2;
    }

    .timeline-end {
      grid-column-start: 1;
      grid-column-end: 4;
      grid-row-start: 3;
      grid-row-end: 4;
      margin: 0.25rem;
      align-self: flex-start;
      justify-self: center;
    }

    .toast {
      position: fixed;
      display: flex;
      min-width: -moz-fit-content;
      min-width: fit-content;
      flex-direction: column;
      white-space: nowrap;
      gap: 0.5rem;
      padding: 1rem;
    }

    .toggle {
      flex-shrink: 0;
      --tglbg: white;
      --handleoffset: 1.5rem;
      --handleoffsetcalculator: calc(var(--handleoffset) * -1);
      --togglehandleborder: 0 0;
      height: 1.5rem;
      width: 3rem;
      cursor: pointer;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border-radius: var(--rounded-badge, 1.9rem);
      border-width: 1px;
      border-color: currentColor;
      background-color: currentColor;
      color: var(--fallback-bc,oklch(var(--bc)/0.5));
      transition: background,
        box-shadow var(--animation-input, 0.2s) ease-out;
      box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
        0 0 0 2px var(--tglbg) inset,
        var(--togglehandleborder);
    }

    .alert-info {
      border-color: var(--fallback-in,oklch(var(--in)/0.2));
      --tw-text-opacity: 1;
      color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
      --alert-bg: var(--fallback-in,oklch(var(--in)/1));
      --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1));
    }

    .alert-success {
      border-color: var(--fallback-su,oklch(var(--su)/0.2));
      --tw-text-opacity: 1;
      color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
      --alert-bg: var(--fallback-su,oklch(var(--su)/1));
      --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1));
    }

    .alert-warning {
      border-color: var(--fallback-wa,oklch(var(--wa)/0.2));
      --tw-text-opacity: 1;
      color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
      --alert-bg: var(--fallback-wa,oklch(var(--wa)/1));
      --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1));
    }

    .alert-error {
      border-color: var(--fallback-er,oklch(var(--er)/0.2));
      --tw-text-opacity: 1;
      color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
      --alert-bg: var(--fallback-er,oklch(var(--er)/1));
      --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1));
    }

    .avatar-group {
      display: flex;
      overflow: hidden;
    }

    .avatar-group :where(.avatar) {
      overflow: hidden;
      border-radius: 9999px;
      border-width: 4px;
      --tw-border-opacity: 1;
      border-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity)));
    }

    .badge-neutral {
      --tw-border-opacity: 1;
      border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
    }

    .badge-primary {
      --tw-border-opacity: 1;
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
    }

    .badge-secondary {
      --tw-border-opacity: 1;
      border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
    }

    .badge-accent {
      --tw-border-opacity: 1;
      border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
    }

    .badge-info {
      border-color: transparent;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
    }

    .badge-success {
      border-color: transparent;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
    }

    .badge-warning {
      border-color: transparent;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
    }

    .badge-error {
      border-color: transparent;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
    }

    .badge-ghost {
      --tw-border-opacity: 1;
      border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    }

    .badge-outline {
      border-color: currentColor;
      --tw-border-opacity: 0.5;
      background-color: transparent;
      color: currentColor;
    }

    .badge-outline.badge-neutral {
      --tw-text-opacity: 1;
      color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity)));
    }

    .badge-outline.badge-primary {
      --tw-text-opacity: 1;
      color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
    }

    .badge-outline.badge-secondary {
      --tw-text-opacity: 1;
      color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)));
    }

    .badge-outline.badge-accent {
      --tw-text-opacity: 1;
      color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)));
    }

    .badge-outline.badge-info {
      --tw-text-opacity: 1;
      color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)));
    }

    .badge-outline.badge-success {
      --tw-text-opacity: 1;
      color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)));
    }

    .badge-outline.badge-warning {
      --tw-text-opacity: 1;
      color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)));
    }

    .badge-outline.badge-error {
      --tw-text-opacity: 1;
      color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)));
    }

    .btm-nav > *:not(.active) {
      padding-top: 0.125rem;
    }

    .btm-nav > *:where(.active) {
      border-top-width: 2px;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
    }

    .btm-nav > *:where(.\!active) {
      border-top-width: 2px !important;
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) !important;
    }

    .btm-nav > *.disabled,
        .btm-nav > *[disabled] {
      pointer-events: none;
      --tw-border-opacity: 0;
      background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
      --tw-bg-opacity: 0.1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      --tw-text-opacity: 0.2;
    }

    .btm-nav > *.\!disabled {
      pointer-events: none !important;
      --tw-border-opacity: 0 !important;
      background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))) !important;
      --tw-bg-opacity: 0.1 !important;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;
      --tw-text-opacity: 0.2 !important;
    }

    .btm-nav > * .label {
      font-size: 1rem;
      line-height: 1.5rem;
    }

    .breadcrumbs > ul > li > a:focus, .breadcrumbs > ol > li > a:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }

    .breadcrumbs > ul > li > a:focus-visible, .breadcrumbs > ol > li > a:focus-visible {
      outline: 2px solid currentColor;
      outline-offset: 2px;
    }

    .breadcrumbs > ul > li + *:before, .breadcrumbs > ol > li + *:before {
      content: "";
      margin-left: 0.5rem;
      margin-right: 0.75rem;
      display: block;
      height: 0.375rem;
      width: 0.375rem;
      --tw-rotate: 45deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      opacity: 0.4;
      border-top: 1px solid;
      border-right: 1px solid;
      background-color: transparent;
    }

    [dir="rtl"] .breadcrumbs > ul > li + *:before,
    [dir="rtl"] .breadcrumbs > ol > li + *:before {
      --tw-rotate: -135deg;
    }

    @media (prefers-reduced-motion: no-preference) {
      .\!btn {
        animation: button-pop var(--animation-btn, 0.25s) ease-out !important;
      }

      .btn {
        animation: button-pop var(--animation-btn, 0.25s) ease-out;
      }
    }

    .\!btn:active:hover,
      .\!btn:active:focus {
      animation: button-pop 0s ease-out !important;
      transform: scale(var(--btn-focus-scale, 0.97)) !important;
    }

    .btn:active:hover,
      .btn:active:focus {
      animation: button-pop 0s ease-out;
      transform: scale(var(--btn-focus-scale, 0.97));
    }

    .\!btn:active:hover,
      .\!btn:active:focus {
      animation: button-pop 0s ease-out !important;
      transform: scale(var(--btn-focus-scale, 0.97)) !important;
    }

    @supports not (color: oklch(0% 0 0)) {
      .\!btn {
        background-color: var(--btn-color, var(--fallback-b2)) !important;
        border-color: var(--btn-color, var(--fallback-b2)) !important;
      }

      .btn {
        background-color: var(--btn-color, var(--fallback-b2));
        border-color: var(--btn-color, var(--fallback-b2));
      }

      .btn-primary {
        --btn-color: var(--fallback-p);
      }

      .btn-secondary {
        --btn-color: var(--fallback-s);
      }

      .btn-accent {
        --btn-color: var(--fallback-a);
      }

      .btn-neutral {
        --btn-color: var(--fallback-n);
      }

      .btn-info {
        --btn-color: var(--fallback-in);
      }

      .btn-success {
        --btn-color: var(--fallback-su);
      }

      .btn-warning {
        --btn-color: var(--fallback-wa);
      }

      .btn-error {
        --btn-color: var(--fallback-er);
      }

      .prose :where(code):not(:where([class~="not-prose"] *, pre *)) {
        background-color: var(--fallback-b3,oklch(var(--b3)/1));
      }
    }

    @supports (color: color-mix(in oklab, black, black)) {
      .btn-active {
        background-color: color-mix(
              in oklab,
              oklch(var(--btn-color, var(--b3)) / var(--tw-bg-opacity, 1)) 90%,
              black
            );
        border-color: color-mix(
              in oklab,
              oklch(var(--btn-color, var(--b3)) / var(--tw-border-opacity, 1)) 90%,
              black
            );
      }

      .btn-outline.btn-primary.btn-active {
        background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
        border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
      }

      .btn-outline.btn-secondary.btn-active {
        background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
        border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
      }

      .btn-outline.btn-accent.btn-active {
        background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
        border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
      }

      .btn-outline.btn-success.btn-active {
        background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
        border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
      }

      .btn-outline.btn-info.btn-active {
        background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
        border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
      }

      .btn-outline.btn-warning.btn-active {
        background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
        border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
      }

      .btn-outline.btn-error.btn-active {
        background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
        border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
      }
    }

    .\!btn:focus-visible {
      outline-style: solid !important;
      outline-width: 2px !important;
      outline-offset: 2px !important;
    }

    .btn:focus-visible {
      outline-style: solid;
      outline-width: 2px;
      outline-offset: 2px;
    }

    .btn-primary {
      --tw-text-opacity: 1;
      color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
      outline-color: var(--fallback-p,oklch(var(--p)/1));
    }

    @supports (color: oklch(0% 0 0)) {
      .btn-primary {
        --btn-color: var(--p);
      }

      .btn-secondary {
        --btn-color: var(--s);
      }

      .btn-accent {
        --btn-color: var(--a);
      }

      .btn-neutral {
        --btn-color: var(--n);
      }

      .btn-info {
        --btn-color: var(--in);
      }

      .btn-success {
        --btn-color: var(--su);
      }

      .btn-warning {
        --btn-color: var(--wa);
      }

      .btn-error {
        --btn-color: var(--er);
      }
    }

    .btn-secondary {
      --tw-text-opacity: 1;
      color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
      outline-color: var(--fallback-s,oklch(var(--s)/1));
    }

    .btn-accent {
      --tw-text-opacity: 1;
      color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
      outline-color: var(--fallback-a,oklch(var(--a)/1));
    }

    .btn-neutral {
      --tw-text-opacity: 1;
      color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
      outline-color: var(--fallback-n,oklch(var(--n)/1));
    }

    .btn-info {
      --tw-text-opacity: 1;
      color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
      outline-color: var(--fallback-in,oklch(var(--in)/1));
    }

    .btn-success {
      --tw-text-opacity: 1;
      color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
      outline-color: var(--fallback-su,oklch(var(--su)/1));
    }

    .btn-warning {
      --tw-text-opacity: 1;
      color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
      outline-color: var(--fallback-wa,oklch(var(--wa)/1));
    }

    .btn-error {
      --tw-text-opacity: 1;
      color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
      outline-color: var(--fallback-er,oklch(var(--er)/1));
    }

    .\!btn.glass {
      --tw-shadow: 0 0 #0000 !important;
      --tw-shadow-colored: 0 0 #0000 !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
      outline-color: currentColor !important;
    }

    .btn.glass {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      outline-color: currentColor;
    }

    .\!btn.glass.btn-active {
      --glass-opacity: 25% !important;
      --glass-border-opacity: 15% !important;
    }

    .btn.glass.btn-active {
      --glass-opacity: 25%;
      --glass-border-opacity: 15%;
    }

    .btn-ghost {
      border-width: 1px;
      border-color: transparent;
      background-color: transparent;
      color: currentColor;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      outline-color: currentColor;
    }

    .btn-ghost.btn-active {
      border-color: transparent;
      background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
    }

    .btn-link {
      border-color: transparent;
      background-color: transparent;
      --tw-text-opacity: 1;
      color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
      text-decoration-line: underline;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      outline-color: currentColor;
    }

    .btn-link.btn-active {
      border-color: transparent;
      background-color: transparent;
      text-decoration-line: underline;
    }

    .btn-outline {
      border-color: currentColor;
      background-color: transparent;
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .btn-outline.btn-active {
      --tw-border-opacity: 1;
      border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)));
    }

    .btn-outline.btn-primary {
      --tw-text-opacity: 1;
      color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
    }

    .btn-outline.btn-primary.btn-active {
      --tw-text-opacity: 1;
      color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
    }

    .btn-outline.btn-secondary {
      --tw-text-opacity: 1;
      color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)));
    }

    .btn-outline.btn-secondary.btn-active {
      --tw-text-opacity: 1;
      color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
    }

    .btn-outline.btn-accent {
      --tw-text-opacity: 1;
      color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)));
    }

    .btn-outline.btn-accent.btn-active {
      --tw-text-opacity: 1;
      color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
    }

    .btn-outline.btn-success {
      --tw-text-opacity: 1;
      color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)));
    }

    .btn-outline.btn-success.btn-active {
      --tw-text-opacity: 1;
      color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
    }

    .btn-outline.btn-info {
      --tw-text-opacity: 1;
      color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)));
    }

    .btn-outline.btn-info.btn-active {
      --tw-text-opacity: 1;
      color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
    }

    .btn-outline.btn-warning {
      --tw-text-opacity: 1;
      color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)));
    }

    .btn-outline.btn-warning.btn-active {
      --tw-text-opacity: 1;
      color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
    }

    .btn-outline.btn-error {
      --tw-text-opacity: 1;
      color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)));
    }

    .btn-outline.btn-error.btn-active {
      --tw-text-opacity: 1;
      color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
    }

    .\!btn.btn-disabled,
      .\!btn[disabled],
      .\!btn:disabled {
      --tw-border-opacity: 0 !important;
      background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))) !important;
      --tw-bg-opacity: 0.2 !important;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;
      --tw-text-opacity: 0.2 !important;
    }

    .btn.btn-disabled,
      .btn[disabled],
      .btn:disabled {
      --tw-border-opacity: 0;
      background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
      --tw-bg-opacity: 0.2;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      --tw-text-opacity: 0.2;
    }

    .\!btn.btn-disabled,
      .\!btn[disabled],
      .\!btn:disabled {
      --tw-border-opacity: 0 !important;
      background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))) !important;
      --tw-bg-opacity: 0.2 !important;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;
      --tw-text-opacity: 0.2 !important;
    }

    .\!btn:is(input[type="checkbox"]:checked),
    .\!btn:is(input[type="radio"]:checked) {
      --tw-border-opacity: 1 !important;
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))) !important;
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))) !important;
      --tw-text-opacity: 1 !important;
      color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))) !important;
    }

    .btn:is(input[type="checkbox"]:checked),
    .btn:is(input[type="radio"]:checked) {
      --tw-border-opacity: 1;
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
    }

    .\!btn:is(input[type="checkbox"]:checked),
    .\!btn:is(input[type="radio"]:checked) {
      --tw-border-opacity: 1 !important;
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))) !important;
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))) !important;
      --tw-text-opacity: 1 !important;
      color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))) !important;
    }

    .\!btn:is(input[type="checkbox"]:checked):focus-visible, .\!btn:is(input[type="radio"]:checked):focus-visible {
      outline-color: var(--fallback-p,oklch(var(--p)/1)) !important;
    }

    .btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible {
      outline-color: var(--fallback-p,oklch(var(--p)/1));
    }

    .\!btn:is(input[type="checkbox"]:checked):focus-visible, .\!btn:is(input[type="radio"]:checked):focus-visible {
      outline-color: var(--fallback-p,oklch(var(--p)/1)) !important;
    }

    @keyframes button-pop {
      0% {
        transform: scale(var(--btn-focus-scale, 0.98));
      }

      40% {
        transform: scale(1.02);
      }

      100% {
        transform: scale(1);
      }
    }

    .card :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;
    }

    .card :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;
    }

    .card:focus-visible {
      outline: 2px solid currentColor;
      outline-offset: 2px;
    }

    .card.bordered {
      border-width: 1px;
      --tw-border-opacity: 1;
      border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
    }

    .card-bordered {
      border-width: 1px;
      --tw-border-opacity: 1;
      border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
    }

    .card.compact .card-body {
      padding: 1rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

    .card-title {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 1.25rem;
      line-height: 1.75rem;
      font-weight: 600;
    }

    .card.image-full :where(figure) {
      overflow: hidden;
      border-radius: inherit;
    }

    .carousel::-webkit-scrollbar {
      display: none;
    }

    .chat-bubble-primary {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
    }

    .chat-bubble-secondary {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
    }

    .chat-bubble-accent {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
    }

    .chat-bubble-info {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
    }

    .chat-bubble-success {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
    }

    .chat-bubble-warning {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
    }

    .chat-bubble-error {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
    }

    .\!checkbox:focus {
      box-shadow: none !important;
    }

    .checkbox:focus {
      box-shadow: none;
    }

    .\!checkbox:focus-visible {
      outline-style: solid !important;
      outline-width: 2px !important;
      outline-offset: 2px !important;
      outline-color: var(--fallback-bc,oklch(var(--bc)/1)) !important;
    }

    .checkbox:focus-visible {
      outline-style: solid;
      outline-width: 2px;
      outline-offset: 2px;
      outline-color: var(--fallback-bc,oklch(var(--bc)/1));
    }

    .\!checkbox:disabled {
      border-width: 0px !important;
      cursor: not-allowed !important;
      border-color: transparent !important;
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))) !important;
      opacity: 0.2 !important;
    }

    .checkbox:disabled {
      border-width: 0px;
      cursor: not-allowed;
      border-color: transparent;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
      opacity: 0.2;
    }

    .\!checkbox:checked,
      .\!checkbox[aria-checked="true"] {
      background-repeat: no-repeat !important;
      animation: checkmark var(--animation-input, 0.2s) ease-out !important;
      background-color: var(--chkbg) !important;
      background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%),
          linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%),
          linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%),
          linear-gradient(
            45deg,
            var(--chkbg) 30%,
            var(--chkfg) 30.99%,
            var(--chkfg) 40%,
            transparent 40.99%
          ),
          linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%) !important;
    }

    .checkbox:checked,
      .checkbox[aria-checked="true"] {
      background-repeat: no-repeat;
      animation: checkmark var(--animation-input, 0.2s) ease-out;
      background-color: var(--chkbg);
      background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%),
          linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%),
          linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%),
          linear-gradient(
            45deg,
            var(--chkbg) 30%,
            var(--chkfg) 30.99%,
            var(--chkfg) 40%,
            transparent 40.99%
          ),
          linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%);
    }

    .\!checkbox:checked,
      .\!checkbox[aria-checked="true"] {
      background-repeat: no-repeat !important;
      animation: checkmark var(--animation-input, 0.2s) ease-out !important;
      background-color: var(--chkbg) !important;
      background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%),
          linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%),
          linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%),
          linear-gradient(
            45deg,
            var(--chkbg) 30%,
            var(--chkfg) 30.99%,
            var(--chkfg) 40%,
            transparent 40.99%
          ),
          linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%) !important;
    }

    .\!checkbox:indeterminate {
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))) !important;
      background-repeat: no-repeat !important;
      animation: checkmark var(--animation-input, 0.2s) ease-out !important;
      background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%),
          linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%),
          linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%) !important;
    }

    .checkbox:indeterminate {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
      background-repeat: no-repeat;
      animation: checkmark var(--animation-input, 0.2s) ease-out;
      background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%),
          linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%),
          linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%);
    }

    .checkbox-primary {
      --chkbg: var(--fallback-p,oklch(var(--p)/1));
      --chkfg: var(--fallback-pc,oklch(var(--pc)/1));
      --tw-border-opacity: 1;
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
    }

    .checkbox-primary:focus-visible {
      outline-color: var(--fallback-p,oklch(var(--p)/1));
    }

    .checkbox-primary:checked,
        .checkbox-primary[aria-checked="true"] {
      --tw-border-opacity: 1;
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
    }

    .checkbox-secondary {
      --chkbg: var(--fallback-s,oklch(var(--s)/1));
      --chkfg: var(--fallback-sc,oklch(var(--sc)/1));
      --tw-border-opacity: 1;
      border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
    }

    .checkbox-secondary:focus-visible {
      outline-color: var(--fallback-s,oklch(var(--s)/1));
    }

    .checkbox-secondary:checked,
        .checkbox-secondary[aria-checked="true"] {
      --tw-border-opacity: 1;
      border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
    }

    .checkbox-accent {
      --chkbg: var(--fallback-a,oklch(var(--a)/1));
      --chkfg: var(--fallback-ac,oklch(var(--ac)/1));
      --tw-border-opacity: 1;
      border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
    }

    .checkbox-accent:focus-visible {
      outline-color: var(--fallback-a,oklch(var(--a)/1));
    }

    .checkbox-accent:checked,
        .checkbox-accent[aria-checked="true"] {
      --tw-border-opacity: 1;
      border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
    }

    .checkbox-success {
      --chkbg: var(--fallback-su,oklch(var(--su)/1));
      --chkfg: var(--fallback-suc,oklch(var(--suc)/1));
      --tw-border-opacity: 1;
      border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
    }

    .checkbox-success:focus-visible {
      outline-color: var(--fallback-su,oklch(var(--su)/1));
    }

    .checkbox-success:checked,
        .checkbox-success[aria-checked="true"] {
      --tw-border-opacity: 1;
      border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
    }

    .checkbox-warning {
      --chkbg: var(--fallback-wa,oklch(var(--wa)/1));
      --chkfg: var(--fallback-wac,oklch(var(--wac)/1));
      --tw-border-opacity: 1;
      border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
    }

    .checkbox-warning:focus-visible {
      outline-color: var(--fallback-wa,oklch(var(--wa)/1));
    }

    .checkbox-warning:checked,
        .checkbox-warning[aria-checked="true"] {
      --tw-border-opacity: 1;
      border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
    }

    .checkbox-info {
      --chkbg: var(--fallback-in,oklch(var(--in)/1));
      --chkfg: var(--fallback-inc,oklch(var(--inc)/1));
      --tw-border-opacity: 1;
      border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
    }

    .checkbox-info:focus-visible {
      outline-color: var(--fallback-in,oklch(var(--in)/1));
    }

    .checkbox-info:checked,
        .checkbox-info[aria-checked="true"] {
      --tw-border-opacity: 1;
      border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
    }

    .checkbox-error {
      --chkbg: var(--fallback-er,oklch(var(--er)/1));
      --chkfg: var(--fallback-erc,oklch(var(--erc)/1));
      --tw-border-opacity: 1;
      border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
    }

    .checkbox-error:focus-visible {
      outline-color: var(--fallback-er,oklch(var(--er)/1));
    }

    .checkbox-error:checked,
        .checkbox-error[aria-checked="true"] {
      --tw-border-opacity: 1;
      border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
    }

    @keyframes checkmark {
      0% {
        background-position-y: 5px;
      }

      50% {
        background-position-y: -2px;
      }

      100% {
        background-position-y: 0;
      }
    }

    .checkbox-mark {
      display: none;
    }

    details.collapse {
      width: 100%;
    }

    details.collapse summary {
      position: relative;
      display: block;
      outline: 2px solid transparent;
      outline-offset: 2px;
    }

    details.collapse summary::-webkit-details-marker {
      display: none;
    }

    .collapse:focus-visible {
      outline-style: solid;
      outline-width: 2px;
      outline-offset: 2px;
      outline-color: var(--fallback-bc,oklch(var(--bc)/1));
    }

    .collapse:has(.collapse-title:focus-visible),
    .collapse:has(> input[type="checkbox"]:focus-visible),
    .collapse:has(> input[type="radio"]:focus-visible) {
      outline-style: solid;
      outline-width: 2px;
      outline-offset: 2px;
      outline-color: var(--fallback-bc,oklch(var(--bc)/1));
    }

    .collapse-arrow > .collapse-title:after {
      position: absolute;
      display: block;
      height: 0.5rem;
      width: 0.5rem;
      --tw-translate-y: -100%;
      --tw-rotate: 45deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-duration: 150ms;
      transition-duration: 0.2s;
      top: 1.9rem;
      inset-inline-end: 1.4rem;
      content: "";
      transform-origin: 75% 75%;
      box-shadow: 2px 2px;
      pointer-events: none;
    }

    .collapse-plus > .collapse-title:after {
      position: absolute;
      display: block;
      height: 0.5rem;
      width: 0.5rem;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-duration: 300ms;
      top: 0.9rem;
      inset-inline-end: 1.4rem;
      content: "+";
      pointer-events: none;
    }

    .collapse:not(.collapse-open):not(.collapse-close) > input[type="checkbox"],
    .collapse:not(.collapse-open):not(.collapse-close) > input[type="radio"]:not(:checked),
    .collapse:not(.collapse-open):not(.collapse-close) > .collapse-title {
      cursor: pointer;
    }

    .collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title {
      cursor: unset;
    }

    .collapse-title {
      position: relative;
    }

    .collapse-title,
    :where(.collapse > input[type="checkbox"]),
    :where(.collapse > input[type="radio"]) {
      padding: 1rem;
      padding-inline-end: 3rem;
      min-height: 3.75rem;
      transition: background-color 0.2s ease-out;
    }

    .collapse[open] > :where(.collapse-content),
    .collapse-open > :where(.collapse-content),
    .collapse:focus:not(.collapse-close) > :where(.collapse-content),
    .collapse:not(.collapse-close) > :where(input[type="checkbox"]:checked ~ .collapse-content),
    .collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content) {
      padding-bottom: 1rem;
      transition: padding 0.2s ease-out,
        background-color 0.2s ease-out;
    }

    .collapse[open].collapse-arrow > .collapse-title:after,
    .collapse-open.collapse-arrow > .collapse-title:after,
    .collapse-arrow:focus:not(.collapse-close) > .collapse-title:after,
    .collapse-arrow:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after,
    .collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after {
      --tw-translate-y: -50%;
      --tw-rotate: 225deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .collapse[open].collapse-plus > .collapse-title:after,
    .collapse-open.collapse-plus > .collapse-title:after,
    .collapse-plus:focus:not(.collapse-close) > .collapse-title:after,
    .collapse-plus:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after,
    .collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after {
      content: "−";
    }

    .divider:not(:empty) {
      gap: 1rem;
    }

    .drawer-toggle:checked ~ .drawer-side > .drawer-overlay {
      background-color: #0006;
    }

    .drawer-toggle:focus-visible ~ .drawer-content label.drawer-button {
      outline-style: solid;
      outline-width: 2px;
      outline-offset: 2px;
    }

    .dropdown.dropdown-open .dropdown-content,
    .dropdown:focus .dropdown-content,
    .dropdown:focus-within .dropdown-content {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .file-input-bordered {
      --tw-border-opacity: 0.2;
    }

    .file-input:focus {
      outline-style: solid;
      outline-width: 2px;
      outline-offset: 2px;
      outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
    }

    .file-input-ghost {
      --tw-bg-opacity: 0.05;
    }

    .file-input-ghost:focus {
      --tw-bg-opacity: 1;
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      box-shadow: none;
    }

    .file-input-ghost::file-selector-button {
      border-width: 1px;
      border-color: transparent;
      background-color: transparent;
      color: currentColor;
    }

    .file-input-primary {
      --tw-border-opacity: 1;
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
    }

    .file-input-primary:focus {
      outline-color: var(--fallback-p,oklch(var(--p)/1));
    }

    .file-input-primary::file-selector-button {
      --tw-border-opacity: 1;
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
    }

    .file-input-secondary {
      --tw-border-opacity: 1;
      border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
    }

    .file-input-secondary:focus {
      outline-color: var(--fallback-s,oklch(var(--s)/1));
    }

    .file-input-secondary::file-selector-button {
      --tw-border-opacity: 1;
      border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
    }

    .file-input-accent {
      --tw-border-opacity: 1;
      border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
    }

    .file-input-accent:focus {
      outline-color: var(--fallback-a,oklch(var(--a)/1));
    }

    .file-input-accent::file-selector-button {
      --tw-border-opacity: 1;
      border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
    }

    .file-input-info {
      --tw-border-opacity: 1;
      border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
    }

    .file-input-info:focus {
      outline-color: var(--fallback-in,oklch(var(--in)/1));
    }

    .file-input-info::file-selector-button {
      --tw-border-opacity: 1;
      border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
    }

    .file-input-success {
      --tw-border-opacity: 1;
      border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
    }

    .file-input-success:focus {
      outline-color: var(--fallback-su,oklch(var(--su)/1));
    }

    .file-input-success::file-selector-button {
      --tw-border-opacity: 1;
      border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
    }

    .file-input-warning {
      --tw-border-opacity: 1;
      border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
    }

    .file-input-warning:focus {
      outline-color: var(--fallback-wa,oklch(var(--wa)/1));
    }

    .file-input-warning::file-selector-button {
      --tw-border-opacity: 1;
      border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
    }

    .file-input-error {
      --tw-border-opacity: 1;
      border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
    }

    .file-input-error:focus {
      outline-color: var(--fallback-er,oklch(var(--er)/1));
    }

    .file-input-error::file-selector-button {
      --tw-border-opacity: 1;
      border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
    }

    .file-input-disabled,
      .file-input[disabled] {
      cursor: not-allowed;
      --tw-border-opacity: 1;
      border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
      --tw-text-opacity: 0.2;
    }

    .file-input-disabled::-moz-placeholder, .file-input[disabled]::-moz-placeholder {
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
      --tw-placeholder-opacity: 0.2;
    }

    .file-input-disabled::placeholder,
      .file-input[disabled]::placeholder {
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
      --tw-placeholder-opacity: 0.2;
    }

    .file-input-disabled::file-selector-button, .file-input[disabled]::file-selector-button {
      --tw-border-opacity: 0;
      background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
      --tw-bg-opacity: 0.2;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      --tw-text-opacity: 0.2;
    }

    .footer-title {
      margin-bottom: 0.5rem;
      font-weight: 700;
      text-transform: uppercase;
      opacity: 0.6;
    }

    .label-text {
      font-size: 0.875rem;
      line-height: 1.25rem;
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    }

    .label-text-alt {
      font-size: 0.75rem;
      line-height: 1rem;
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    }

    .\!input input {
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))) !important;
      background-color: transparent !important;
    }

    .input input {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
      background-color: transparent;
    }

    .\!input input:focus {
      outline: 2px solid transparent !important;
      outline-offset: 2px !important;
    }

    .input input:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }

    .\!input[list]::-webkit-calendar-picker-indicator {
      line-height: 1em !important;
    }

    .input[list]::-webkit-calendar-picker-indicator {
      line-height: 1em;
    }

    .input-bordered {
      border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
    }

    .\!input:focus,
      .\!input:focus-within {
      box-shadow: none !important;
      border-color: var(--fallback-bc,oklch(var(--bc)/0.2)) !important;
      outline-style: solid !important;
      outline-width: 2px !important;
      outline-offset: 2px !important;
      outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)) !important;
    }

    .input:focus,
      .input:focus-within {
      box-shadow: none;
      border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
      outline-style: solid;
      outline-width: 2px;
      outline-offset: 2px;
      outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
    }

    .\!input:focus,
      .\!input:focus-within {
      box-shadow: none !important;
      border-color: var(--fallback-bc,oklch(var(--bc)/0.2)) !important;
      outline-style: solid !important;
      outline-width: 2px !important;
      outline-offset: 2px !important;
      outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)) !important;
    }

    .input-ghost {
      --tw-bg-opacity: 0.05;
    }

    .input-ghost:focus,
        .input-ghost:focus-within {
      --tw-bg-opacity: 1;
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      box-shadow: none;
    }

    .input-primary {
      --tw-border-opacity: 1;
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
    }

    .input-primary:focus,
        .input-primary:focus-within {
      --tw-border-opacity: 1;
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
      outline-color: var(--fallback-p,oklch(var(--p)/1));
    }

    .input-secondary {
      --tw-border-opacity: 1;
      border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
    }

    .input-secondary:focus,
        .input-secondary:focus-within {
      --tw-border-opacity: 1;
      border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
      outline-color: var(--fallback-s,oklch(var(--s)/1));
    }

    .input-accent {
      --tw-border-opacity: 1;
      border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
    }

    .input-accent:focus,
        .input-accent:focus-within {
      --tw-border-opacity: 1;
      border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
      outline-color: var(--fallback-a,oklch(var(--a)/1));
    }

    .input-info {
      --tw-border-opacity: 1;
      border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
    }

    .input-info:focus,
        .input-info:focus-within {
      --tw-border-opacity: 1;
      border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
      outline-color: var(--fallback-in,oklch(var(--in)/1));
    }

    .input-success {
      --tw-border-opacity: 1;
      border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
    }

    .input-success:focus,
        .input-success:focus-within {
      --tw-border-opacity: 1;
      border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
      outline-color: var(--fallback-su,oklch(var(--su)/1));
    }

    .input-warning {
      --tw-border-opacity: 1;
      border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
    }

    .input-warning:focus,
        .input-warning:focus-within {
      --tw-border-opacity: 1;
      border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
      outline-color: var(--fallback-wa,oklch(var(--wa)/1));
    }

    .input-error {
      --tw-border-opacity: 1;
      border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
    }

    .input-error:focus,
        .input-error:focus-within {
      --tw-border-opacity: 1;
      border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
      outline-color: var(--fallback-er,oklch(var(--er)/1));
    }

    .\!input:has(> input[disabled]),
      .\!input:disabled,
      .\!input[disabled] {
      cursor: not-allowed !important;
      --tw-border-opacity: 1 !important;
      border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))) !important;
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;
      color: var(--fallback-bc,oklch(var(--bc)/0.4)) !important;
    }

    .input:has(> input[disabled]),
      .input-disabled,
      .input:disabled,
      .input[disabled] {
      cursor: not-allowed;
      --tw-border-opacity: 1;
      border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
      color: var(--fallback-bc,oklch(var(--bc)/0.4));
    }

    .\!input:has(> input[disabled]),
      .\!input:disabled,
      .\!input[disabled] {
      cursor: not-allowed !important;
      --tw-border-opacity: 1 !important;
      border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))) !important;
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;
      color: var(--fallback-bc,oklch(var(--bc)/0.4)) !important;
    }

    .\!input:has(> input[disabled])::-moz-placeholder, .\!input:disabled::-moz-placeholder, .\!input[disabled]::-moz-placeholder {
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))) !important;
      --tw-placeholder-opacity: 0.2 !important;
    }

    .\!input:has(> input[disabled])::placeholder,
      .\!input:disabled::placeholder,
      .\!input[disabled]::placeholder {
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))) !important;
      --tw-placeholder-opacity: 0.2 !important;
    }

    .input:has(> input[disabled])::-moz-placeholder, .input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder {
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
      --tw-placeholder-opacity: 0.2;
    }

    .input:has(> input[disabled])::placeholder,
      .input-disabled::placeholder,
      .input:disabled::placeholder,
      .input[disabled]::placeholder {
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
      --tw-placeholder-opacity: 0.2;
    }

    .\!input:has(> input[disabled])::-moz-placeholder, .\!input:disabled::-moz-placeholder, .\!input[disabled]::-moz-placeholder {
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))) !important;
      --tw-placeholder-opacity: 0.2 !important;
    }

    .\!input:has(> input[disabled])::placeholder,
      .\!input:disabled::placeholder,
      .\!input[disabled]::placeholder {
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))) !important;
      --tw-placeholder-opacity: 0.2 !important;
    }

    .\!input:has(> input[disabled]) > input[disabled] {
      cursor: not-allowed !important;
    }

    .input:has(> input[disabled]) > input[disabled] {
      cursor: not-allowed;
    }

    .\!input::-webkit-date-and-time-value {
      text-align: inherit !important;
    }

    .input::-webkit-date-and-time-value {
      text-align: inherit;
    }

    .join > :where(*:not(:first-child)) {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-inline-start: -1px;
    }

    .join > :where(*:not(:first-child)):is(.btn) {
      margin-inline-start: calc(var(--border-btn) * -1);
    }

    .join > :where(*:not(:first-child)):is(.\!btn) {
      margin-inline-start: calc(var(--border-btn) * -1) !important;
    }

    .join-item:focus {
      isolation: isolate;
    }

    .link-primary {
      --tw-text-opacity: 1;
      color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
    }

    @supports (color:color-mix(in oklab,black,black)) {
      @media (hover:hover) {
        .link-primary:hover {
          color: color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 80%,black);
        }

        .link-secondary:hover {
          color: color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 80%,black);
        }

        .link-accent:hover {
          color: color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 80%,black);
        }

        .link-neutral:hover {
          color: color-mix(in oklab,var(--fallback-n,oklch(var(--n)/1)) 80%,black);
        }

        .link-success:hover {
          color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 80%,black);
        }

        .link-info:hover {
          color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 80%,black);
        }

        .link-warning:hover {
          color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,black);
        }

        .link-error:hover {
          color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black);
        }
      }
    }

    .link-secondary {
      --tw-text-opacity: 1;
      color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)));
    }

    .link-accent {
      --tw-text-opacity: 1;
      color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)));
    }

    .link-neutral {
      --tw-text-opacity: 1;
      color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity)));
    }

    .link-success {
      --tw-text-opacity: 1;
      color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)));
    }

    .link-info {
      --tw-text-opacity: 1;
      color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)));
    }

    .link-warning {
      --tw-text-opacity: 1;
      color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)));
    }

    .link-error {
      --tw-text-opacity: 1;
      color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)));
    }

    .link:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }

    .link:focus-visible {
      outline: 2px solid currentColor;
      outline-offset: 2px;
    }

    .loading {
      pointer-events: none;
      display: inline-block;
      aspect-ratio: 1 / 1;
      width: 1.5rem;
      background-color: currentColor;
      -webkit-mask-size: 100%;
              mask-size: 100%;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-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");
              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");
    }

    .loading-spinner {
      -webkit-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");
              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");
    }

    .loading-dots {
      -webkit-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%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E");
              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%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E");
    }

    .loading-ring {
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
              mask-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    }

    .loading-ball {
      -webkit-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%3Cellipse cx='12' cy='5' rx='4' ry='4'%3E%3Canimate attributeName='cy' values='5;20;20.5;20;5' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3Canimate attributeName='rx' values='4;4;4.8;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='4;4;3;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E");
              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%3Cellipse cx='12' cy='5' rx='4' ry='4'%3E%3Canimate attributeName='cy' values='5;20;20.5;20;5' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3Canimate attributeName='rx' values='4;4;4.8;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='4;4;3;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E");
    }

    .loading-bars {
      -webkit-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");
              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");
    }

    .loading-infinity {
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering:auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='black' stroke-width='10' stroke-dasharray='205.271 51.318' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.589'/%3E%3C/path%3E%3C/svg%3E");
              mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering:auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='black' stroke-width='10' stroke-dasharray='205.271 51.318' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.589'/%3E%3C/path%3E%3C/svg%3E");
    }

    .loading-xs {
      width: 1rem;
    }

    .loading-sm {
      width: 1.25rem;
    }

    .loading-md {
      width: 1.5rem;
    }

    .loading-lg {
      width: 2.5rem;
    }

    .mask-squircle {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
    }

    .mask-decagon {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e");
    }

    .mask-diamond {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e");
    }

    .mask-heart {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
    }

    .mask-hexagon {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
    }

    .mask-hexagon-2 {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
    }

    .mask-circle {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e");
    }

    .mask-parallelogram {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
    }

    .mask-parallelogram-2 {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e");
    }

    .mask-parallelogram-3 {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
    }

    .mask-parallelogram-4 {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
    }

    .mask-pentagon {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e");
    }

    .mask-square {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
    }

    .mask-star {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e");
    }

    .mask-star-2 {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e");
    }

    .mask-triangle {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e");
    }

    .mask-triangle-2 {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e");
    }

    .mask-triangle-3 {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e");
    }

    .mask-triangle-4 {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");
              mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");
    }

    :where(.menu li:empty) {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
      opacity: 0.1;
      margin: 0.5rem 1rem;
      height: 1px;
    }

    .menu :where(li ul):before {
      position: absolute;
      bottom: 0.75rem;
      inset-inline-start: 0px;
      top: 0.75rem;
      width: 1px;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
      opacity: 0.1;
      content: "";
    }

    .menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),
    .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
      border-radius: var(--rounded-btn, 0.5rem);
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      text-align: start;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-duration: 200ms;
      text-wrap: balance;
    }

    :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible {
      cursor: pointer;
      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      outline: 2px solid transparent;
      outline-offset: 2px;
    }

    .menu li > *:not(ul, .menu-title, details, .btn):active,
    .menu li > *:not(ul, .menu-title, details, .btn).active,
    .menu li > details > summary:active {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
    }


    .menu li > *:not(ul, .menu-title, details, .btn).\!active {
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))) !important;
      --tw-text-opacity: 1 !important;
      color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))) !important;
    }

    .menu :where(li > details > summary)::-webkit-details-marker {
      display: none;
    }

    .menu :where(li > details > summary):after,
    .menu :where(li > .menu-dropdown-toggle):after {
      justify-self: end;
      display: block;
      margin-top: -0.5rem;
      height: 0.5rem;
      width: 0.5rem;
      transform: rotate(45deg);
      transition-property: transform, margin-top;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      content: "";
      transform-origin: 75% 75%;
      box-shadow: 2px 2px;
      pointer-events: none;
    }

    .menu :where(li > details[open] > summary):after,
    .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
      transform: rotate(225deg);
      margin-top: 0;
    }

    .menu-title {
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 700;
      color: var(--fallback-bc,oklch(var(--bc)/0.4));
    }

    .mockup-code:before {
      content: "";
      margin-bottom: 1rem;
      display: block;
      height: 0.75rem;
      width: 0.75rem;
      border-radius: 9999px;
      opacity: 0.3;
      box-shadow: 1.4em 0,
            2.8em 0,
            4.2em 0;
    }

    .mockup-code pre {
      padding-right: 1.25rem;
    }

    .mockup-code pre:before {
      content: "";
      margin-right: 2ch;
    }

    .mockup-window:before {
      content: "";
      margin-bottom: 1rem;
      display: block;
      aspect-ratio: 1 / 1;
      height: 0.75rem;
      flex-shrink: 0;
      align-self: flex-start;
      border-radius: 9999px;
      opacity: 0.3;
      box-shadow: 1.4em 0,
            2.8em 0,
            4.2em 0;
    }

    .mockup-window:where([dir="rtl"], [dir="rtl"] *):before {
      align-self: flex-end;
    }

    .mockup-phone {
      display: inline-block;
      border: 4px solid #444;
      border-radius: 50px;
      background-color: #000;
      padding: 10px;
      margin: 0 auto;
      overflow: hidden;
    }

    .mockup-phone .camera {
      position: relative;
      top: 0px;
      left: 0px;
      background: #000;
      height: 25px;
      width: 150px;
      margin: 0 auto;
      border-bottom-left-radius: 17px;
      border-bottom-right-radius: 17px;
      z-index: 11;
    }

    .mockup-phone .camera:before {
      content: "";
      position: absolute;
      top: 35%;
      left: 50%;
      width: 50px;
      height: 4px;
      border-radius: 5px;
      background-color: #0c0b0e;
      transform: translate(-50%, -50%);
    }

    .mockup-phone .camera:after {
      content: "";
      position: absolute;
      top: 20%;
      left: 70%;
      width: 8px;
      height: 8px;
      border-radius: 5px;
      background-color: #0f0b25;
    }

    .mockup-phone .display {
      overflow: hidden;
      border-radius: 40px;
      margin-top: -25px;
    }

    .mockup-browser .mockup-browser-toolbar {
      margin-top: 0.75rem;
      margin-bottom: 0.75rem;
      display: inline-flex;
      width: 100%;
      align-items: center;
      padding-right: 1.4em;
    }

    .mockup-browser .mockup-browser-toolbar:where([dir="rtl"], [dir="rtl"] *) {
      flex-direction: row-reverse;
    }

    .mockup-browser .mockup-browser-toolbar:before {
      content: "";
      margin-right: 4.8rem;
      display: inline-block;
      aspect-ratio: 1 / 1;
      height: 0.75rem;
      border-radius: 9999px;
      opacity: 0.3;
      box-shadow: 1.4em 0,
              2.8em 0,
              4.2em 0;
    }

    .mockup-browser .mockup-browser-toolbar .input {
      position: relative;
      margin-left: auto;
      margin-right: auto;
      display: block;
      height: 1.75rem;
      width: 24rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
      padding-left: 2rem;
      direction: ltr;
    }

    .mockup-browser .mockup-browser-toolbar .\!input {
      position: relative !important;
      margin-left: auto !important;
      margin-right: auto !important;
      display: block !important;
      height: 1.75rem !important;
      width: 24rem !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;
      padding-left: 2rem !important;
      direction: ltr !important;
    }

    .mockup-browser .mockup-browser-toolbar .input:before {
      content: "";
      position: absolute;
      left: 0.5rem;
      top: 50%;
      aspect-ratio: 1 / 1;
      height: 0.75rem;
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      border-radius: 9999px;
      border-width: 2px;
      border-color: currentColor;
      opacity: 0.6;
    }

    .mockup-browser .mockup-browser-toolbar .\!input:before {
      content: "" !important;
      position: absolute !important;
      left: 0.5rem !important;
      top: 50% !important;
      aspect-ratio: 1 / 1 !important;
      height: 0.75rem !important;
      --tw-translate-y: -50% !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
      border-radius: 9999px !important;
      border-width: 2px !important;
      border-color: currentColor !important;
      opacity: 0.6 !important;
    }

    .mockup-browser .mockup-browser-toolbar .input:after {
      content: "";
      position: absolute;
      left: 1.25rem;
      top: 50%;
      height: 0.5rem;
      --tw-translate-y: 25%;
      --tw-rotate: -45deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      border-radius: 9999px;
      border-width: 1px;
      border-color: currentColor;
      opacity: 0.6;
    }

    .mockup-browser .mockup-browser-toolbar .\!input:after {
      content: "" !important;
      position: absolute !important;
      left: 1.25rem !important;
      top: 50% !important;
      height: 0.5rem !important;
      --tw-translate-y: 25% !important;
      --tw-rotate: -45deg !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
      border-radius: 9999px !important;
      border-width: 1px !important;
      border-color: currentColor !important;
      opacity: 0.6 !important;
    }

    .modal:not(dialog:not(.modal-open)),
      .modal::backdrop {
      background-color: #0006;
      animation: modal-pop 0.2s ease-out;
    }

    .modal-backdrop {
      z-index: -1;
      grid-column-start: 1;
      grid-row-start: 1;
      display: grid;
      align-self: stretch;
      justify-self: stretch;
      color: transparent;
    }

    .modal-open .modal-box,
    .modal-toggle:checked + .modal .modal-box,
    .modal:target .modal-box,
    .modal[open] .modal-box {
      --tw-translate-y: 0px;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .modal-action > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.5rem * var(--tw-space-x-reverse));
      margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .modal-action:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 1;
    }

    @keyframes modal-pop {
      0% {
        opacity: 0;
      }
    }

    .progress::-moz-progress-bar {
      border-radius: var(--rounded-box, 1rem);
      background-color: currentColor;
    }

    .progress:indeterminate {
      --progress-color: var(--fallback-bc,oklch(var(--bc)/1));
      background-image: repeating-linear-gradient(
        90deg,
        var(--progress-color) -1%,
        var(--progress-color) 10%,
        transparent 10%,
        transparent 90%
      );
      background-size: 200%;
      background-position-x: 15%;
      animation: progress-loading 5s ease-in-out infinite;
    }

    .progress::-webkit-progress-bar {
      border-radius: var(--rounded-box, 1rem);
      background-color: transparent;
    }

    .progress::-webkit-progress-value {
      border-radius: var(--rounded-box, 1rem);
      background-color: currentColor;
    }

    .progress:indeterminate::-moz-progress-bar {
      background-color: transparent;
      background-image: repeating-linear-gradient(
        90deg,
        var(--progress-color) -1%,
        var(--progress-color) 10%,
        transparent 10%,
        transparent 90%
      );
      background-size: 200%;
      background-position-x: 15%;
      animation: progress-loading 5s ease-in-out infinite;
    }

    @keyframes progress-loading {
      50% {
        background-position-x: -115%;
      }
    }

    .radio:focus {
      box-shadow: none;
    }

    .radio:focus-visible {
      outline-style: solid;
      outline-width: 2px;
      outline-offset: 2px;
      outline-color: var(--fallback-bc,oklch(var(--bc)/1));
    }

    .radio:checked,
      .radio[aria-checked="true"] {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
      background-image: none;
      animation: radiomark var(--animation-input, 0.2s) ease-out;
      box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
          0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;
    }

    .radio-primary {
      --chkbg: var(--p);
      --tw-border-opacity: 1;
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
    }

    .radio-primary:focus-visible {
      outline-color: var(--fallback-p,oklch(var(--p)/1));
    }

    .radio-primary:checked,
        .radio-primary[aria-checked="true"] {
      --tw-border-opacity: 1;
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
    }

    .radio-secondary {
      --chkbg: var(--s);
      --tw-border-opacity: 1;
      border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
    }

    .radio-secondary:focus-visible {
      outline-color: var(--fallback-s,oklch(var(--s)/1));
    }

    .radio-secondary:checked,
        .radio-secondary[aria-checked="true"] {
      --tw-border-opacity: 1;
      border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
    }

    .radio-accent {
      --chkbg: var(--a);
      --tw-border-opacity: 1;
      border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
    }

    .radio-accent:focus-visible {
      outline-color: var(--fallback-a,oklch(var(--a)/1));
    }

    .radio-accent:checked,
        .radio-accent[aria-checked="true"] {
      --tw-border-opacity: 1;
      border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
    }

    .radio-success {
      --chkbg: var(--su);
      --tw-border-opacity: 1;
      border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
    }

    .radio-success:focus-visible {
      outline-color: var(--fallback-su,oklch(var(--su)/1));
    }

    .radio-success:checked,
        .radio-success[aria-checked="true"] {
      --tw-border-opacity: 1;
      border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
    }

    .radio-warning {
      --chkbg: var(--wa);
      --tw-border-opacity: 1;
      border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
    }

    .radio-warning:focus-visible {
      outline-color: var(--fallback-wa,oklch(var(--wa)/1));
    }

    .radio-warning:checked,
        .radio-warning[aria-checked="true"] {
      --tw-border-opacity: 1;
      border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
    }

    .radio-info {
      --chkbg: var(--in);
      --tw-border-opacity: 1;
      border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
    }

    .radio-info:focus-visible {
      outline-color: var(--fallback-in,oklch(var(--in)/1));
    }

    .radio-info:checked,
        .radio-info[aria-checked="true"] {
      --tw-border-opacity: 1;
      border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
    }

    .radio-error {
      --chkbg: var(--er);
      --tw-border-opacity: 1;
      border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
    }

    .radio-error:focus-visible {
      outline-color: var(--fallback-er,oklch(var(--er)/1));
    }

    .radio-error:checked,
        .radio-error[aria-checked="true"] {
      --tw-border-opacity: 1;
      border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
    }

    .radio:disabled {
      cursor: not-allowed;
      opacity: 0.2;
    }

    @keyframes radiomark {
      0% {
        box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,
          0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset;
      }

      50% {
        box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,
          0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset;
      }

      100% {
        box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
          0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;
      }
    }

    .radio-mark {
      display: none;
    }

    .\!range:focus-visible::-webkit-slider-thumb {
      --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset !important;
    }

    .range:focus-visible::-webkit-slider-thumb {
      --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset;
    }

    .\!range:focus-visible::-moz-range-thumb {
      --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset !important;
    }

    .range:focus-visible::-moz-range-thumb {
      --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset;
    }

    .\!range::-webkit-slider-runnable-track {
      height: 0.5rem !important;
      width: 100% !important;
      border-radius: var(--rounded-box, 1rem) !important;
      background-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
    }

    .range::-webkit-slider-runnable-track {
      height: 0.5rem;
      width: 100%;
      border-radius: var(--rounded-box, 1rem);
      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
    }

    .\!range::-moz-range-track {
      height: 0.5rem !important;
      width: 100% !important;
      border-radius: var(--rounded-box, 1rem) !important;
      background-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
    }

    .range::-moz-range-track {
      height: 0.5rem;
      width: 100%;
      border-radius: var(--rounded-box, 1rem);
      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
    }

    .\!range::-webkit-slider-thumb {
      position: relative !important;
      height: 1.5rem !important;
      width: 1.5rem !important;
      border-radius: var(--rounded-box, 1rem) !important;
      border-style: none !important;
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) !important;
      appearance: none !important;
      -webkit-appearance: none !important;
      top: 50% !important;
      color: var(--range-shdw) !important;
      transform: translateY(-50%) !important;
      --filler-size: 100rem !important;
      --filler-offset: 0.6rem !important;
      box-shadow: 0 0 0 3px var(--range-shdw) inset,
          var(--focus-shadow, 0 0),
          calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size) !important;
    }

    .range::-webkit-slider-thumb {
      position: relative;
      height: 1.5rem;
      width: 1.5rem;
      border-radius: var(--rounded-box, 1rem);
      border-style: none;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
      appearance: none;
      -webkit-appearance: none;
      top: 50%;
      color: var(--range-shdw);
      transform: translateY(-50%);
      --filler-size: 100rem;
      --filler-offset: 0.6rem;
      box-shadow: 0 0 0 3px var(--range-shdw) inset,
          var(--focus-shadow, 0 0),
          calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
    }

    .\!range::-moz-range-thumb {
      position: relative !important;
      height: 1.5rem !important;
      width: 1.5rem !important;
      border-radius: var(--rounded-box, 1rem) !important;
      border-style: none !important;
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) !important;
      top: 50% !important;
      color: var(--range-shdw) !important;
      --filler-size: 100rem !important;
      --filler-offset: 0.5rem !important;
      box-shadow: 0 0 0 3px var(--range-shdw) inset,
          var(--focus-shadow, 0 0),
          calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size) !important;
    }

    .range::-moz-range-thumb {
      position: relative;
      height: 1.5rem;
      width: 1.5rem;
      border-radius: var(--rounded-box, 1rem);
      border-style: none;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
      top: 50%;
      color: var(--range-shdw);
      --filler-size: 100rem;
      --filler-offset: 0.5rem;
      box-shadow: 0 0 0 3px var(--range-shdw) inset,
          var(--focus-shadow, 0 0),
          calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
    }

    .range-primary {
      --range-shdw: var(--fallback-p,oklch(var(--p)/1));
    }

    .range-secondary {
      --range-shdw: var(--fallback-s,oklch(var(--s)/1));
    }

    .range-accent {
      --range-shdw: var(--fallback-a,oklch(var(--a)/1));
    }

    .range-success {
      --range-shdw: var(--fallback-su,oklch(var(--su)/1));
    }

    .range-warning {
      --range-shdw: var(--fallback-wa,oklch(var(--wa)/1));
    }

    .range-info {
      --range-shdw: var(--fallback-in,oklch(var(--in)/1));
    }

    .range-error {
      --range-shdw: var(--fallback-er,oklch(var(--er)/1));
    }

    .rating input {
      -moz-appearance: none;
           appearance: none;
      -webkit-appearance: none;
    }

    .rating .rating-hidden {
      width: 0.5rem;
      background-color: transparent;
    }

    .rating input[type="radio"]:checked {
      background-image: none;
    }

    .rating input:checked ~ input,
      .rating input[aria-checked="true"] ~ input {
      --tw-bg-opacity: 0.2;
    }

    .rating input:focus-visible {
      transition-property: transform;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-duration: 300ms;
      transform: translateY(-0.125em);
    }

    .rating input:active:focus {
      animation: none;
      transform: translateY(-0.125em);
    }

    .rating-half :where(input:not(.rating-hidden)) {
      width: 0.75rem;
    }

    @keyframes rating-pop {
      0% {
        transform: translateY(-0.125em);
      }

      40% {
        transform: translateY(-0.125em);
      }

      100% {
        transform: translateY(0);
      }
    }

    .select-bordered {
      border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
    }

    .select:focus {
      box-shadow: none;
      border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
      outline-style: solid;
      outline-width: 2px;
      outline-offset: 2px;
      outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
    }

    .select-ghost {
      --tw-bg-opacity: 0.05;
    }

    .select-ghost:focus {
      --tw-bg-opacity: 1;
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    }

    .select-primary {
      --tw-border-opacity: 1;
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
    }

    .select-primary:focus {
      --tw-border-opacity: 1;
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
      outline-color: var(--fallback-p,oklch(var(--p)/1));
    }

    .select-secondary {
      --tw-border-opacity: 1;
      border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
    }

    .select-secondary:focus {
      --tw-border-opacity: 1;
      border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
      outline-color: var(--fallback-s,oklch(var(--s)/1));
    }

    .select-accent {
      --tw-border-opacity: 1;
      border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
    }

    .select-accent:focus {
      --tw-border-opacity: 1;
      border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
      outline-color: var(--fallback-a,oklch(var(--a)/1));
    }

    .select-info {
      --tw-border-opacity: 1;
      border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
    }

    .select-info:focus {
      --tw-border-opacity: 1;
      border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
      outline-color: var(--fallback-in,oklch(var(--in)/1));
    }

    .select-success {
      --tw-border-opacity: 1;
      border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
    }

    .select-success:focus {
      --tw-border-opacity: 1;
      border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
      outline-color: var(--fallback-su,oklch(var(--su)/1));
    }

    .select-warning {
      --tw-border-opacity: 1;
      border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
    }

    .select-warning:focus {
      --tw-border-opacity: 1;
      border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
      outline-color: var(--fallback-wa,oklch(var(--wa)/1));
    }

    .select-error {
      --tw-border-opacity: 1;
      border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
    }

    .select-error:focus {
      --tw-border-opacity: 1;
      border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
      outline-color: var(--fallback-er,oklch(var(--er)/1));
    }

    .select-disabled,
      .select:disabled,
      .select[disabled] {
      cursor: not-allowed;
      --tw-border-opacity: 1;
      border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
      color: var(--fallback-bc,oklch(var(--bc)/0.4));
    }

    .select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder {
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
      --tw-placeholder-opacity: 0.2;
    }

    .select-disabled::placeholder,
      .select:disabled::placeholder,
      .select[disabled]::placeholder {
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
      --tw-placeholder-opacity: 0.2;
    }

    .select-multiple,
      .select[multiple],
      .select[size].select:not([size="1"]) {
      background-image: none;
      padding-right: 1rem;
    }

    [dir="rtl"] .select {
      background-position: calc(0% + 12px) calc(1px + 50%),
        calc(0% + 16px) calc(1px + 50%);
    }

    .skeleton {
      border-radius: var(--rounded-box, 1rem);
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
      will-change: background-position;
      animation: skeleton 1.8s ease-in-out infinite;
      background-image: linear-gradient(
        105deg,
        transparent 0%,
        transparent 40%,
        var(--fallback-b1,oklch(var(--b1)/1)) 50%,
        transparent 60%,
        transparent 100%
      );
      background-size: 200% auto;
      background-repeat: no-repeat;
      background-position-x: -50%;
    }

    @media (prefers-reduced-motion) {
      .skeleton {
        animation-duration: 15s;
      }
    }

    @keyframes skeleton {
      from {
        background-position: 150%;
      }

      to {
        background-position: -50%;
      }
    }

    :where(.\!stats) > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-x-reverse: 0 !important;
      border-right-width: calc(1px * var(--tw-divide-x-reverse)) !important;
      border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important;
      --tw-divide-y-reverse: 0 !important;
      border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))) !important;
      border-bottom-width: calc(0px * var(--tw-divide-y-reverse)) !important;
    }

    :where(.stats) > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-x-reverse: 0;
      border-right-width: calc(1px * var(--tw-divide-x-reverse));
      border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      --tw-divide-y-reverse: 0;
      border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
      border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
    }

    [dir="rtl"] .\!stats > *:not([hidden]) ~ *:not([hidden]) {
      --tw-divide-x-reverse: 1 !important;
    }

    [dir="rtl"] .stats > *:not([hidden]) ~ *:not([hidden]) {
      --tw-divide-x-reverse: 1;
    }

    .steps .step:before {
      top: 0px;
      grid-column-start: 1;
      grid-row-start: 1;
      height: 0.5rem;
      width: 100%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      content: "";
      margin-inline-start: -100%;
    }

    .steps .\!step:before {
      top: 0px !important;
      grid-column-start: 1 !important;
      grid-row-start: 1 !important;
      height: 0.5rem !important;
      width: 100% !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))) !important;
      --tw-text-opacity: 1 !important;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;
      content: "" !important;
      margin-inline-start: -100% !important;
    }

    .steps .step:after {
      content: counter(step);
      counter-increment: step;
      z-index: 1;
      position: relative;
      grid-column-start: 1;
      grid-row-start: 1;
      display: grid;
      height: 2rem;
      width: 2rem;
      place-items: center;
      place-self: center;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    }

    .steps .\!step:after {
      content: counter(step) !important;
      counter-increment: step !important;
      z-index: 1 !important;
      position: relative !important;
      grid-column-start: 1 !important;
      grid-row-start: 1 !important;
      display: grid !important;
      height: 2rem !important;
      width: 2rem !important;
      place-items: center !important;
      place-self: center !important;
      border-radius: 9999px !important;
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))) !important;
      --tw-text-opacity: 1 !important;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;
    }

    .steps .step:first-child:before {
      content: none;
    }

    .steps .\!step:first-child:before {
      content: none !important;
    }

    .steps .step[data-content]:after {
      content: attr(data-content);
    }

    .steps .\!step[data-content]:after {
      content: attr(data-content) !important;
    }

    .steps .step-neutral + .step-neutral:before,
      .steps .step-neutral:after {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
    }

    .steps .step-primary + .step-primary:before,
      .steps .step-primary:after {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
    }

    .steps .step-secondary + .step-secondary:before,
      .steps .step-secondary:after {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
    }

    .steps .step-accent + .step-accent:before,
      .steps .step-accent:after {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
    }

    .steps .step-info + .step-info:before {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
    }

    .steps .step-info:after {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
    }

    .steps .step-success + .step-success:before {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
    }

    .steps .step-success:after {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
    }

    .steps .step-warning + .step-warning:before {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
    }

    .steps .step-warning:after {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
    }

    .steps .step-error + .step-error:before {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
    }

    .steps .step-error:after {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
    }

    .swap-rotate .swap-on,
    .swap-rotate .swap-indeterminate,
    .swap-rotate input:indeterminate ~ .swap-on {
      --tw-rotate: 45deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .swap-rotate input:checked ~ .swap-off,
    .swap-active:where(.swap-rotate) .swap-off,
    .swap-rotate input:indeterminate ~ .swap-off {
      --tw-rotate: -45deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .swap-rotate input:checked ~ .swap-on,
    .swap-active:where(.swap-rotate) .swap-on,
    .swap-rotate input:indeterminate ~ .swap-indeterminate {
      --tw-rotate: 0deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .swap-flip {
      transform-style: preserve-3d;
      perspective: 16em;
    }

    .swap-flip .swap-on,
    .swap-flip .swap-indeterminate,
    .swap-flip input:indeterminate ~ .swap-on {
      transform: rotateY(180deg);
      backface-visibility: hidden;
      opacity: 1;
    }

    .swap-flip input:checked ~ .swap-off,
    .swap-active:where(.swap-flip) .swap-off,
    .swap-flip input:indeterminate ~ .swap-off {
      transform: rotateY(-180deg);
      backface-visibility: hidden;
      opacity: 1;
    }

    .swap-flip input:checked ~ .swap-on,
    .swap-active:where(.swap-flip) .swap-on,
    .swap-flip input:indeterminate ~ .swap-indeterminate {
      transform: rotateY(0deg);
    }

    .tabs-lifted > .tab:focus-visible {
      border-end-end-radius: 0;
      border-end-start-radius: 0;
    }

    .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tab:is(input:checked) {
      border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
      --tw-border-opacity: 1;
      --tw-text-opacity: 1;
    }

    .tab:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }

    .tab:focus-visible {
      outline: 2px solid currentColor;
      outline-offset: -5px;
    }

    .tab-disabled,
      .tab[disabled] {
      cursor: not-allowed;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      --tw-text-opacity: 0.2;
    }

    .tabs-bordered > .tab {
      border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
      --tw-border-opacity: 0.2;
      border-style: solid;
      border-bottom-width: calc(var(--tab-border, 1px) + 1px);
    }

    .tabs-lifted > .tab {
      border: var(--tab-border, 1px) solid transparent;
      border-width: 0 0 var(--tab-border, 1px) 0;
      border-start-start-radius: var(--tab-radius, 0.5rem);
      border-start-end-radius: var(--tab-radius, 0.5rem);
      border-bottom-color: var(--tab-border-color);
      padding-inline-start: var(--tab-padding, 1rem);
      padding-inline-end: var(--tab-padding, 1rem);
      padding-top: var(--tab-border, 1px);
    }

    .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tabs-lifted > .tab:is(input:checked) {
      background-color: var(--tab-bg);
      border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
      border-inline-start-color: var(--tab-border-color);
      border-inline-end-color: var(--tab-border-color);
      border-top-color: var(--tab-border-color);
      padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
      padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
      padding-bottom: var(--tab-border, 1px);
      padding-top: 0;
    }

    .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked):before {
      z-index: 1;
      content: "";
      display: block;
      position: absolute;
      width: calc(100% + var(--tab-radius, 0.5rem) * 2);
      height: var(--tab-radius, 0.5rem);
      bottom: 0;
      background-size: var(--tab-radius, 0.5rem);
      background-position: top left,
            top right;
      background-repeat: no-repeat;
      --tab-grad: calc(69% - var(--tab-border, 1px));
      --radius-start: radial-gradient(
            circle at top left,
            transparent var(--tab-grad),
            var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
            var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
            var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
          );
      --radius-end: radial-gradient(
            circle at top right,
            transparent var(--tab-grad),
            var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
            var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
            var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
          );
      background-image: var(--radius-start), var(--radius-end);
    }

    .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted > .tab:is(input:checked):first-child:before {
      background-image: var(--radius-end);
      background-position: top right;
    }

    [dir="rtl"] .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child:before {
      background-image: var(--radius-start);
      background-position: top left;
    }

    .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted > .tab:is(input:checked):last-child:before {
      background-image: var(--radius-start);
      background-position: top left;
    }

    [dir="rtl"] .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child:before {
      background-image: var(--radius-end);
      background-position: top right;
    }

    .tabs-lifted
      > :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled])
      + .tabs-lifted
      :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
      background-image: var(--radius-end);
      background-position: top right;
    }

    .tabs-boxed {
      border-radius: var(--rounded-btn, 0.5rem);
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
      padding: 0.25rem;
    }

    .tabs-boxed .tab {
      border-radius: var(--rounded-btn, 0.5rem);
    }

    .tabs-boxed :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tabs-boxed :is(input:checked) {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
    }

    .table:where([dir="rtl"], [dir="rtl"] *) {
      text-align: right;
    }

    .table :where(th, td) {
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      vertical-align: middle;
    }

    .table tr.active,
      .table tr.active:nth-child(even),
      .table-zebra tbody tr:nth-child(even) {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
    }

    .table tr.\!active,
      .table tr.\!active:nth-child(even) {
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;
    }

    .table-zebra tr.active,
        .table-zebra tr.active:nth-child(even),
        .table-zebra-zebra tbody tr:nth-child(even) {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
    }

    .table-zebra tr.\!active,
        .table-zebra tr.\!active:nth-child(even) {
      --tw-bg-opacity: 1 !important;
      background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))) !important;
    }

    .table :where(thead tr, tbody tr:not(:last-child), tbody tr:first-child:last-child) {
      border-bottom-width: 1px;
      --tw-border-opacity: 1;
      border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
    }

    .table :where(thead, tfoot) {
      white-space: nowrap;
      font-size: 0.75rem;
      line-height: 1rem;
      font-weight: 700;
      color: var(--fallback-bc,oklch(var(--bc)/0.6));
    }

    .table :where(tfoot) {
      border-top-width: 1px;
      --tw-border-opacity: 1;
      border-top-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
    }

    .textarea-bordered {
      border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
    }

    .textarea:focus {
      box-shadow: none;
      border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
      outline-style: solid;
      outline-width: 2px;
      outline-offset: 2px;
      outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
    }

    .textarea-ghost {
      --tw-bg-opacity: 0.05;
    }

    .textarea-ghost:focus {
      --tw-bg-opacity: 1;
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      box-shadow: none;
    }

    .textarea-primary {
      --tw-border-opacity: 1;
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
    }

    .textarea-primary:focus {
      --tw-border-opacity: 1;
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
      outline-color: var(--fallback-p,oklch(var(--p)/1));
    }

    .textarea-secondary {
      --tw-border-opacity: 1;
      border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
    }

    .textarea-secondary:focus {
      --tw-border-opacity: 1;
      border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
      outline-color: var(--fallback-s,oklch(var(--s)/1));
    }

    .textarea-accent {
      --tw-border-opacity: 1;
      border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
    }

    .textarea-accent:focus {
      --tw-border-opacity: 1;
      border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
      outline-color: var(--fallback-a,oklch(var(--a)/1));
    }

    .textarea-info {
      --tw-border-opacity: 1;
      border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
    }

    .textarea-info:focus {
      --tw-border-opacity: 1;
      border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
      outline-color: var(--fallback-in,oklch(var(--in)/1));
    }

    .textarea-success {
      --tw-border-opacity: 1;
      border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
    }

    .textarea-success:focus {
      --tw-border-opacity: 1;
      border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
      outline-color: var(--fallback-su,oklch(var(--su)/1));
    }

    .textarea-warning {
      --tw-border-opacity: 1;
      border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
    }

    .textarea-warning:focus {
      --tw-border-opacity: 1;
      border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
      outline-color: var(--fallback-wa,oklch(var(--wa)/1));
    }

    .textarea-error {
      --tw-border-opacity: 1;
      border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
    }

    .textarea-error:focus {
      --tw-border-opacity: 1;
      border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
      outline-color: var(--fallback-er,oklch(var(--er)/1));
    }

    .textarea-disabled,
      .textarea:disabled,
      .textarea[disabled] {
      cursor: not-allowed;
      --tw-border-opacity: 1;
      border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
      color: var(--fallback-bc,oklch(var(--bc)/0.4));
    }

    .textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder {
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
      --tw-placeholder-opacity: 0.2;
    }

    .textarea-disabled::placeholder,
      .textarea:disabled::placeholder,
      .textarea[disabled]::placeholder {
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
      --tw-placeholder-opacity: 0.2;
    }

    .timeline hr {
      height: 0.25rem;
    }

    :where(.timeline hr) {
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
    }

    :where(.timeline:has(.timeline-middle) hr):first-child {
      border-start-end-radius: var(--rounded-badge, 1.9rem);
      border-end-end-radius: var(--rounded-badge, 1.9rem);
      border-start-start-radius: 0px;
      border-end-start-radius: 0px;
    }

    :where(.timeline:has(.timeline-middle) hr):last-child {
      border-start-start-radius: var(--rounded-badge, 1.9rem);
      border-end-start-radius: var(--rounded-badge, 1.9rem);
      border-start-end-radius: 0px;
      border-end-end-radius: 0px;
    }

    :where(.timeline:not(:has(.timeline-middle)) :first-child hr:last-child) {
      border-start-start-radius: var(--rounded-badge, 1.9rem);
      border-end-start-radius: var(--rounded-badge, 1.9rem);
      border-start-end-radius: 0px;
      border-end-end-radius: 0px;
    }

    :where(.timeline:not(:has(.timeline-middle)) :last-child hr:first-child) {
      border-start-end-radius: var(--rounded-badge, 1.9rem);
      border-end-end-radius: var(--rounded-badge, 1.9rem);
      border-start-start-radius: 0px;
      border-end-start-radius: 0px;
    }

    .timeline-box {
      border-radius: var(--rounded-box, 1rem);
      border-width: 1px;
      --tw-border-opacity: 1;
      border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
      --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .toast > * {
      animation: toast-pop 0.25s ease-out;
    }

    @keyframes toast-pop {
      0% {
        transform: scale(0.9);
        opacity: 0;
      }

      100% {
        transform: scale(1);
        opacity: 1;
      }
    }

    [dir="rtl"] .toggle {
      --handleoffsetcalculator: calc(var(--handleoffset) * 1);
    }

    .toggle:focus-visible {
      outline-style: solid;
      outline-width: 2px;
      outline-offset: 2px;
      outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
    }

    .toggle:hover {
      background-color: currentColor;
    }

    .toggle:checked,
      .toggle[aria-checked="true"] {
      background-image: none;
      --handleoffsetcalculator: var(--handleoffset);
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    }

    [dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[aria-checked="true"] {
      --handleoffsetcalculator: calc(var(--handleoffset) * -1);
    }

    .toggle:indeterminate {
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
          calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
          0 0 0 2px var(--tglbg) inset;
    }

    [dir="rtl"] .toggle:indeterminate {
      box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
            calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
            0 0 0 2px var(--tglbg) inset;
    }

    .toggle-primary:focus-visible {
      outline-color: var(--fallback-p,oklch(var(--p)/1));
    }

    .toggle-primary:checked,
        .toggle-primary[aria-checked="true"] {
      border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
      --tw-border-opacity: 0.1;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
    }

    .toggle-secondary:focus-visible {
      outline-color: var(--fallback-s,oklch(var(--s)/1));
    }

    .toggle-secondary:checked,
        .toggle-secondary[aria-checked="true"] {
      border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
      --tw-border-opacity: 0.1;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
    }

    .toggle-accent:focus-visible {
      outline-color: var(--fallback-a,oklch(var(--a)/1));
    }

    .toggle-accent:checked,
        .toggle-accent[aria-checked="true"] {
      border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
      --tw-border-opacity: 0.1;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
    }

    .toggle-success:focus-visible {
      outline-color: var(--fallback-su,oklch(var(--su)/1));
    }

    .toggle-success:checked,
        .toggle-success[aria-checked="true"] {
      border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
      --tw-border-opacity: 0.1;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
    }

    .toggle-warning:focus-visible {
      outline-color: var(--fallback-wa,oklch(var(--wa)/1));
    }

    .toggle-warning:checked,
        .toggle-warning[aria-checked="true"] {
      border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
      --tw-border-opacity: 0.1;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
    }

    .toggle-info:focus-visible {
      outline-color: var(--fallback-in,oklch(var(--in)/1));
    }

    .toggle-info:checked,
        .toggle-info[aria-checked="true"] {
      border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
      --tw-border-opacity: 0.1;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
    }

    .toggle-error:focus-visible {
      outline-color: var(--fallback-er,oklch(var(--er)/1));
    }

    .toggle-error:checked,
        .toggle-error[aria-checked="true"] {
      border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
      --tw-border-opacity: 0.1;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
    }

    .toggle:disabled {
      cursor: not-allowed;
      --tw-border-opacity: 1;
      border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
      background-color: transparent;
      opacity: 0.3;
      --togglehandleborder: 0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset,
          var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset;
    }

    .toggle-mark {
      display: none;
    }

    :root .prose {
      --tw-prose-body: var(--fallback-bc,oklch(var(--bc)/0.8));
      --tw-prose-headings: var(--fallback-bc,oklch(var(--bc)/1));
      --tw-prose-lead: var(--fallback-bc,oklch(var(--bc)/1));
      --tw-prose-links: var(--fallback-bc,oklch(var(--bc)/1));
      --tw-prose-bold: var(--fallback-bc,oklch(var(--bc)/1));
      --tw-prose-counters: var(--fallback-bc,oklch(var(--bc)/1));
      --tw-prose-bullets: var(--fallback-bc,oklch(var(--bc)/0.5));
      --tw-prose-hr: var(--fallback-bc,oklch(var(--bc)/0.2));
      --tw-prose-quotes: var(--fallback-bc,oklch(var(--bc)/1));
      --tw-prose-quote-borders: var(--fallback-bc,oklch(var(--bc)/0.2));
      --tw-prose-captions: var(--fallback-bc,oklch(var(--bc)/0.5));
      --tw-prose-code: var(--fallback-bc,oklch(var(--bc)/1));
      --tw-prose-pre-code: var(--fallback-nc,oklch(var(--nc)/1));
      --tw-prose-pre-bg: var(--fallback-n,oklch(var(--n)/1));
      --tw-prose-th-borders: var(--fallback-bc,oklch(var(--bc)/0.5));
      --tw-prose-td-borders: var(--fallback-bc,oklch(var(--bc)/0.2));
      --tw-prose-kbd: var(--fallback-bc,oklch(var(--bc)/0.8));
    }

    .prose :where(code):not(:where([class~="not-prose"] *, pre *)) {
      padding: 1px 8px;
      border-radius: var(--rounded-badge);
      font-weight: initial;
      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
    }

    .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
      display: none;
    }

    .prose pre code {
      border-radius: 0;
      padding: 0;
    }

    .prose :where(tbody tr, thead):not(:where([class~="not-prose"] *)) {
      border-bottom-color: var(--fallback-bc,oklch(var(--bc)/0.2));
    }

    .glass,
      .glass.btn-active {
      border: none;
      -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
              backdrop-filter: blur(var(--glass-blur, 40px));
      background-color: transparent;
      background-image: linear-gradient(
            135deg,
            rgb(255 255 255 / var(--glass-opacity, 30%)) 0%,
            rgb(0 0 0 / 0%) 100%
          ),
          linear-gradient(
            var(--glass-reflex-degree, 100deg),
            rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,
            rgb(0 0 0 / 0%) 25%
          );
      box-shadow: 0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,
          0 0 0 2px rgb(0 0 0 / 5%);
      text-shadow: 0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%));
    }

    @media (hover: hover) {
      .glass.btn-active {
        border: none;
        -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
                backdrop-filter: blur(var(--glass-blur, 40px));
        background-color: transparent;
        background-image: linear-gradient(
              135deg,
              rgb(255 255 255 / var(--glass-opacity, 30%)) 0%,
              rgb(0 0 0 / 0%) 100%
            ),
            linear-gradient(
              var(--glass-reflex-degree, 100deg),
              rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,
              rgb(0 0 0 / 0%) 25%
            );
        box-shadow: 0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,
            0 0 0 2px rgb(0 0 0 / 5%);
        text-shadow: 0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%));
      }
    }

    .no-animation {
      --btn-focus-scale: 1;
      --animation-btn: 0;
      --animation-input: 0;
    }

    .tab-border-none {
      --tab-border: 0px;
    }

    .tab-border {
      --tab-border: 1px;
    }

    .tab-border-2 {
      --tab-border: 2px;
    }

    .tab-border-3 {
      --tab-border: 3px;
    }

    .tab-rounded-none {
      --tab-radius: 0;
    }

    .tab-rounded-lg {
      --tab-radius: 0.5rem;
    }

    .artboard-demo {
      display: flex;
      flex: none;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .artboard.phone {
      width: 320px;
    }

    .artboard.phone-1 {
      width: 320px;
      height: 568px;
    }

    .artboard.phone-1.horizontal,
          .artboard.phone-1.artboard-horizontal {
      width: 568px;
      height: 320px;
    }

    .artboard.phone-2 {
      width: 375px;
      height: 667px;
    }

    .artboard.phone-2.horizontal,
          .artboard.phone-2.artboard-horizontal {
      width: 667px;
      height: 375px;
    }

    .artboard.phone-3 {
      width: 414px;
      height: 736px;
    }

    .artboard.phone-3.horizontal,
          .artboard.phone-3.artboard-horizontal {
      width: 736px;
      height: 414px;
    }

    .artboard.phone-4 {
      width: 375px;
      height: 812px;
    }

    .artboard.phone-4.horizontal,
          .artboard.phone-4.artboard-horizontal {
      width: 812px;
      height: 375px;
    }

    .artboard.phone-5 {
      width: 414px;
      height: 896px;
    }

    .artboard.phone-5.horizontal,
          .artboard.phone-5.artboard-horizontal {
      width: 896px;
      height: 414px;
    }

    .artboard.phone-6 {
      width: 320px;
      height: 1024px;
    }

    .artboard.phone-6.horizontal,
          .artboard.phone-6.artboard-horizontal {
      width: 1024px;
      height: 320px;
    }

    .badge-xs {
      height: 0.75rem;
      font-size: 0.75rem;
      line-height: .75rem;
      padding-left: 0.313rem;
      padding-right: 0.313rem;
    }

    .badge-sm {
      height: 1rem;
      font-size: 0.75rem;
      line-height: 1rem;
      padding-left: 0.438rem;
      padding-right: 0.438rem;
    }

    .badge-md {
      height: 1.25rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
      padding-left: 0.563rem;
      padding-right: 0.563rem;
    }

    .badge-lg {
      height: 1.5rem;
      font-size: 1rem;
      line-height: 1.5rem;
      padding-left: 0.688rem;
      padding-right: 0.688rem;
    }

    .btm-nav-xs {
      height: 2.5rem;
    }

    .btm-nav-xs > *:where(.active) {
      border-top-width: 1px;
    }

    .btm-nav-xs > *:where(.\!active) {
      border-top-width: 1px !important;
    }

    .btm-nav-xs .btm-nav-label {
      font-size: 0.75rem;
      line-height: 1rem;
    }

    .btm-nav-sm {
      height: 3rem;
    }

    .btm-nav-sm > *:where(.active) {
      border-top-width: 2px;
    }

    .btm-nav-sm > *:where(.\!active) {
      border-top-width: 2px !important;
    }

    .btm-nav-sm .btm-nav-label {
      font-size: 0.75rem;
      line-height: 1rem;
    }

    .btm-nav-md {
      height: 4rem;
    }

    .btm-nav-md > *:where(.active) {
      border-top-width: 2px;
    }

    .btm-nav-md > *:where(.\!active) {
      border-top-width: 2px !important;
    }

    .btm-nav-md .btm-nav-label {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

    .btm-nav-lg {
      height: 5rem;
    }

    .btm-nav-lg > *:where(.active) {
      border-top-width: 4px;
    }

    .btm-nav-lg > *:where(.\!active) {
      border-top-width: 4px !important;
    }

    .btm-nav-lg .btm-nav-label {
      font-size: 1rem;
      line-height: 1.5rem;
    }

    .btn-xs {
      height: 1.5rem;
      min-height: 1.5rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      font-size: 0.75rem;
    }

    .btn-sm {
      height: 2rem;
      min-height: 2rem;
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      font-size: 0.875rem;
    }

    .btn-md {
      height: 3rem;
      min-height: 3rem;
      padding-left: 1rem;
      padding-right: 1rem;
      font-size: 0.875rem;
    }

    .btn-lg {
      height: 4rem;
      min-height: 4rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      font-size: 1.125rem;
    }

    .btn-wide {
      width: 16rem;
    }

    .btn-block {
      width: 100%;
    }

    .btn-square:where(.btn-xs) {
      height: 1.5rem;
      width: 1.5rem;
      padding: 0px;
    }

    .btn-square:where(.btn-sm) {
      height: 2rem;
      width: 2rem;
      padding: 0px;
    }

    .btn-square:where(.btn-md) {
      height: 3rem;
      width: 3rem;
      padding: 0px;
    }

    .btn-square:where(.btn-lg) {
      height: 4rem;
      width: 4rem;
      padding: 0px;
    }

    .btn-circle:where(.btn-xs) {
      height: 1.5rem;
      width: 1.5rem;
      border-radius: 9999px;
      padding: 0px;
    }

    .btn-circle:where(.btn-sm) {
      height: 2rem;
      width: 2rem;
      border-radius: 9999px;
      padding: 0px;
    }

    .btn-circle:where(.btn-md) {
      height: 3rem;
      width: 3rem;
      border-radius: 9999px;
      padding: 0px;
    }

    .btn-circle:where(.btn-lg) {
      height: 4rem;
      width: 4rem;
      border-radius: 9999px;
      padding: 0px;
    }

    .card-side {
      align-items: stretch;
      flex-direction: row;
    }

    .card-side :where(figure:first-child) {
      overflow: hidden;
      border-start-start-radius: inherit;
      border-start-end-radius: unset;
      border-end-start-radius: inherit;
      border-end-end-radius: unset;
    }

    .card-side :where(figure:last-child) {
      overflow: hidden;
      border-start-start-radius: unset;
      border-start-end-radius: inherit;
      border-end-start-radius: unset;
      border-end-end-radius: inherit;
    }

    .card-side figure > * {
      max-width: unset;
    }

    :where(.card-side figure > *) {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }

    [type="checkbox"].checkbox-xs {
      height: 1rem;
      width: 1rem;
    }

    [type="checkbox"].checkbox-sm {
      height: 1.25rem;
      width: 1.25rem;
    }

    [type="checkbox"].checkbox-md {
      height: 1.5rem;
      width: 1.5rem;
    }

    [type="checkbox"].checkbox-lg {
      height: 2rem;
      width: 2rem;
    }

    .divider-horizontal {
      flex-direction: column;
    }

    .divider-horizontal:before {
      height: 100%;
      width: 0.125rem;
    }

    .divider-horizontal:after {
      height: 100%;
      width: 0.125rem;
    }

    .divider-vertical {
      flex-direction: row;
    }

    .divider-vertical:before {
      height: 0.125rem;
      width: 100%;
    }

    .divider-vertical:after {
      height: 0.125rem;
      width: 100%;
    }

    .drawer-open > .drawer-toggle {
      display: none;
    }

    .drawer-open > .drawer-toggle ~ .drawer-side {
      pointer-events: auto;
      visibility: visible;
      position: sticky;
      display: block;
      width: auto;
      overscroll-behavior: auto;
    }

    .drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
      transform: translateX(0%);
    }

    [dir="rtl"] .drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
      transform: translateX(0%);
    }

    .drawer-open > .drawer-toggle:checked ~ .drawer-side {
      pointer-events: auto;
      visibility: visible;
    }

    .drawer-open > .drawer-side {
      overflow-y: auto;
    }

    html:has(.drawer-toggle:checked) {
      overflow-y: hidden;
      scrollbar-gutter: stable;
    }

    html:has(.drawer-open.drawer-open) {
      overflow-y: auto;
      scrollbar-gutter: auto;
    }

    .file-input-xs {
      height: 1.5rem;
      padding-inline-end: 0.5rem;
      font-size: 0.75rem;
      line-height: 1rem;
      line-height: 1.625;
    }

    .file-input-xs::file-selector-button {
      margin-right: 0.5rem;
      font-size: 0.75rem;
    }

    .file-input-sm {
      height: 2rem;
      padding-inline-end: 0.75rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
      line-height: 2;
    }

    .file-input-sm::file-selector-button {
      margin-right: 0.75rem;
      font-size: 0.875rem;
    }

    .file-input-md {
      height: 3rem;
      padding-inline-end: 1rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
      line-height: 2;
    }

    .file-input-md::file-selector-button {
      margin-right: 1rem;
      font-size: 0.875rem;
    }

    .file-input-lg {
      height: 4rem;
      padding-inline-end: 1.5rem;
      font-size: 1.125rem;
      line-height: 1.75rem;
      line-height: 2;
    }

    .file-input-lg::file-selector-button {
      margin-right: 1.5rem;
      font-size: 1.125rem;
    }

    .indicator :where(.indicator-item) {
      bottom: auto;
      inset-inline-end: 0px;
      inset-inline-start: auto;
      top: 0px;
      --tw-translate-y: -50%;
      --tw-translate-x: 50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .indicator :where(.indicator-item):where([dir="rtl"], [dir="rtl"] *) {
      --tw-translate-x: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .indicator :where(.indicator-item.indicator-start) {
      inset-inline-end: auto;
      inset-inline-start: 0px;
      --tw-translate-x: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .indicator :where(.indicator-item.indicator-start):where([dir="rtl"], [dir="rtl"] *) {
      --tw-translate-x: 50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .indicator :where(.indicator-item.indicator-center) {
      inset-inline-end: 50%;
      inset-inline-start: 50%;
      --tw-translate-x: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .indicator :where(.indicator-item.indicator-center):where([dir="rtl"], [dir="rtl"] *) {
      --tw-translate-x: 50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .indicator :where(.indicator-item.indicator-end) {
      inset-inline-end: 0px;
      inset-inline-start: auto;
      --tw-translate-x: 50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .indicator :where(.indicator-item.indicator-end):where([dir="rtl"], [dir="rtl"] *) {
      --tw-translate-x: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .indicator :where(.indicator-item.indicator-bottom) {
      bottom: 0px;
      top: auto;
      --tw-translate-y: 50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .indicator :where(.indicator-item.indicator-middle) {
      bottom: 50%;
      top: 50%;
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .indicator :where(.indicator-item.indicator-top) {
      bottom: auto;
      top: 0px;
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .input-xs {
      height: 1.5rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      font-size: 0.75rem;
      line-height: 1rem;
      line-height: 1.625;
    }

    .input-md {
      height: 3rem;
      padding-left: 1rem;
      padding-right: 1rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
      line-height: 2;
    }

    .input-lg {
      height: 4rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      font-size: 1.125rem;
      line-height: 1.75rem;
      line-height: 2;
    }

    .input-sm {
      height: 2rem;
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      font-size: 0.875rem;
      line-height: 2rem;
    }

    .join.join-vertical {
      flex-direction: column;
    }

    .join.join-vertical .join-item:first-child:not(:last-child),
      .join.join-vertical *:first-child:not(:last-child) .join-item {
      border-end-start-radius: 0;
      border-end-end-radius: 0;
      border-start-start-radius: inherit;
      border-start-end-radius: inherit;
    }

    .join.join-vertical .join-item:last-child:not(:first-child),
      .join.join-vertical *:last-child:not(:first-child) .join-item {
      border-start-start-radius: 0;
      border-start-end-radius: 0;
      border-end-start-radius: inherit;
      border-end-end-radius: inherit;
    }

    .join.join-horizontal {
      flex-direction: row;
    }

    .join.join-horizontal .join-item:first-child:not(:last-child),
      .join.join-horizontal *:first-child:not(:last-child) .join-item {
      border-end-end-radius: 0;
      border-start-end-radius: 0;
      border-end-start-radius: inherit;
      border-start-start-radius: inherit;
    }

    .join.join-horizontal .join-item:last-child:not(:first-child),
      .join.join-horizontal *:last-child:not(:first-child) .join-item {
      border-end-start-radius: 0;
      border-start-start-radius: 0;
      border-end-end-radius: inherit;
      border-start-end-radius: inherit;
    }

    .kbd-xs {
      padding-left: 0.25rem;
      padding-right: 0.25rem;
      font-size: 0.75rem;
      line-height: 1rem;
      min-height: 1.2em;
      min-width: 1.2em;
    }

    .kbd-sm {
      padding-left: 0.25rem;
      padding-right: 0.25rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
      min-height: 1.6em;
      min-width: 1.6em;
    }

    .kbd-md {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      font-size: 1rem;
      line-height: 1.5rem;
      min-height: 2.2em;
      min-width: 2.2em;
    }

    .kbd-lg {
      padding-left: 1rem;
      padding-right: 1rem;
      font-size: 1.125rem;
      line-height: 1.75rem;
      min-height: 2.5em;
      min-width: 2.5em;
    }

    .menu-horizontal {
      display: inline-flex;
      flex-direction: row;
    }

    .menu-horizontal > li:not(.menu-title) > details > ul {
      position: absolute;
    }

    .menu-vertical {
      display: flex;
      flex-direction: column;
    }

    .menu-vertical > li:not(.menu-title) > details > ul {
      position: relative;
    }

    .modal-top {
      place-items: start;
    }

    .modal-middle {
      place-items: center;
    }

    .modal-bottom {
      place-items: end;
    }

    [type="radio"].radio-xs {
      height: 1rem;
      width: 1rem;
    }

    [type="radio"].radio-sm {
      height: 1.25rem;
      width: 1.25rem;
    }

    [type="radio"].radio-md {
      height: 1.5rem;
      width: 1.5rem;
    }

    [type="radio"].radio-lg {
      height: 2rem;
      width: 2rem;
    }

    .range-xs {
      height: 1rem;
    }

    .range-xs::-webkit-slider-runnable-track {
      height: 0.25rem;
    }

    .range-xs::-moz-range-track {
      height: 0.25rem;
    }

    .range-xs::-webkit-slider-thumb {
      height: 1rem;
      width: 1rem;
      --filler-offset: 0.4rem;
    }

    .range-xs::-moz-range-thumb {
      height: 1rem;
      width: 1rem;
      --filler-offset: 0.4rem;
    }

    .range-sm {
      height: 1.25rem;
    }

    .range-sm::-webkit-slider-runnable-track {
      height: 0.25rem;
    }

    .range-sm::-moz-range-track {
      height: 0.25rem;
    }

    .range-sm::-webkit-slider-thumb {
      height: 1.25rem;
      width: 1.25rem;
      --filler-offset: 0.5rem;
    }

    .range-sm::-moz-range-thumb {
      height: 1.25rem;
      width: 1.25rem;
      --filler-offset: 0.5rem;
    }

    .range-md {
      height: 1.5rem;
    }

    .range-md::-webkit-slider-runnable-track {
      height: 0.5rem;
    }

    .range-md::-moz-range-track {
      height: 0.5rem;
    }

    .range-md::-webkit-slider-thumb {
      height: 1.5rem;
      width: 1.5rem;
      --filler-offset: 0.6rem;
    }

    .range-md::-moz-range-thumb {
      height: 1.5rem;
      width: 1.5rem;
      --filler-offset: 0.6rem;
    }

    .range-lg {
      height: 2rem;
    }

    .range-lg::-webkit-slider-runnable-track {
      height: 1rem;
    }

    .range-lg::-moz-range-track {
      height: 1rem;
    }

    .range-lg::-webkit-slider-thumb {
      height: 2rem;
      width: 2rem;
      --filler-offset: 1rem;
    }

    .range-lg::-moz-range-thumb {
      height: 2rem;
      width: 2rem;
      --filler-offset: 1rem;
    }

    .rating-xs input {
      height: 0.75rem;
      width: 0.75rem;
    }

    .rating-sm input {
      height: 1rem;
      width: 1rem;
    }

    .rating-md input {
      height: 1.5rem;
      width: 1.5rem;
    }

    .rating-lg input {
      height: 2.5rem;
      width: 2.5rem;
    }

    .rating-half.rating-xs input:not(.rating-hidden) {
      width: 0.375rem;
    }

    .rating-half.rating-sm input:not(.rating-hidden) {
      width: 0.5rem;
    }

    .rating-half.rating-md input:not(.rating-hidden) {
      width: 0.75rem;
    }

    .rating-half.rating-lg input:not(.rating-hidden) {
      width: 1.25rem;
    }

    .select-md {
      height: 3rem;
      min-height: 3rem;
      padding-left: 1rem;
      padding-right: 2.5rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
      line-height: 2;
    }

    [dir="rtl"] .select-md {
      padding-left: 2.5rem;
      padding-right: 1rem;
    }

    .select-lg {
      height: 4rem;
      min-height: 4rem;
      padding-left: 1.5rem;
      padding-right: 2rem;
      font-size: 1.125rem;
      line-height: 1.75rem;
      line-height: 2;
    }

    [dir="rtl"] .select-lg {
      padding-left: 2rem;
      padding-right: 1.5rem;
    }

    .select-sm {
      height: 2rem;
      min-height: 2rem;
      padding-left: 0.75rem;
      padding-right: 2rem;
      font-size: 0.875rem;
      line-height: 2rem;
    }

    [dir="rtl"] .select-sm {
      padding-left: 2rem;
      padding-right: 0.75rem;
    }

    .select-xs {
      height: 1.5rem;
      min-height: 1.5rem;
      padding-left: 0.5rem;
      padding-right: 2rem;
      font-size: 0.75rem;
      line-height: 1rem;
      line-height: 1.625;
    }

    [dir="rtl"] .select-xs {
      padding-left: 2rem;
      padding-right: 0.5rem;
    }

    .stats-horizontal {
      grid-auto-flow: column;
    }

    .stats-vertical {
      grid-auto-flow: row;
    }

    .steps-horizontal {
      grid-auto-columns: 1fr;
      display: inline-grid;
      grid-auto-flow: column;
      overflow: hidden;
      overflow-x: auto;
    }

    .steps-horizontal .step {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      grid-template-rows: repeat(2, minmax(0, 1fr));
      place-items: center;
      text-align: center;
    }

    .steps-horizontal .\!step {
      display: grid !important;
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
      grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
      place-items: center !important;
      text-align: center !important;
    }

    .steps-vertical {
      grid-auto-rows: 1fr;
      grid-auto-flow: row;
    }

    .steps-vertical .step {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }

    .steps-vertical .\!step {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
    }

    .tabs-md :where(.tab) {
      height: 2rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
      line-height: 2;
      --tab-padding: 1rem;
    }

    .tabs-lg :where(.tab) {
      height: 3rem;
      font-size: 1.125rem;
      line-height: 1.75rem;
      line-height: 2;
      --tab-padding: 1.25rem;
    }

    .tabs-sm :where(.tab) {
      height: 1.5rem;
      font-size: 0.875rem;
      line-height: .75rem;
      --tab-padding: 0.75rem;
    }

    .tabs-xs :where(.tab) {
      height: 1.25rem;
      font-size: 0.75rem;
      line-height: .75rem;
      --tab-padding: 0.5rem;
    }

    .textarea-xs {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      font-size: 0.75rem;
      line-height: 1rem;
      line-height: 1.625;
    }

    .textarea-sm {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      font-size: 0.875rem;
      line-height: 2rem;
    }

    .textarea-md {
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
      line-height: 2;
    }

    .textarea-lg {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      padding-top: 1rem;
      padding-bottom: 1rem;
      font-size: 1.125rem;
      line-height: 1.75rem;
      line-height: 2;
    }

    .timeline-vertical {
      flex-direction: column;
    }

    .timeline-compact,
    .timeline-horizontal.timeline-compact {
      --timeline-row-start: 0;
    }

    .timeline-compact .timeline-start, .timeline-horizontal.timeline-compact .timeline-start {
      grid-column-start: 1;
      grid-column-end: 4;
      grid-row-start: 3;
      grid-row-end: 4;
      margin: 0.25rem;
      align-self: flex-start;
      justify-self: center;
    }

    .timeline-compact li:has(.timeline-start) .timeline-end, .timeline-horizontal.timeline-compact li:has(.timeline-start) .timeline-end {
      grid-column-start: none;
      grid-row-start: auto;
    }

    .timeline-vertical.timeline-compact > li {
      --timeline-col-start: 0;
    }

    .timeline-vertical.timeline-compact .timeline-start {
      grid-column-start: 3;
      grid-column-end: 4;
      grid-row-start: 1;
      grid-row-end: 4;
      align-self: center;
      justify-self: start;
    }

    .timeline-vertical.timeline-compact li:has(.timeline-start) .timeline-end {
      grid-column-start: auto;
      grid-row-start: none;
    }

    :where(.timeline-vertical > li) {
      --timeline-row-start: minmax(0, 1fr);
      --timeline-row-end: minmax(0, 1fr);
      justify-items: center;
    }

    .timeline-vertical > li > hr {
      height: 100%;
    }

    :where(.timeline-vertical > li > hr):first-child {
      grid-column-start: 2;
      grid-row-start: 1;
    }

    :where(.timeline-vertical > li > hr):last-child {
      grid-column-start: 2;
      grid-column-end: auto;
      grid-row-start: 3;
      grid-row-end: none;
    }

    .timeline-vertical .timeline-start {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 1;
      grid-row-end: 4;
      align-self: center;
      justify-self: end;
    }

    .timeline-vertical .timeline-end {
      grid-column-start: 3;
      grid-column-end: 4;
      grid-row-start: 1;
      grid-row-end: 4;
      align-self: center;
      justify-self: start;
    }

    .timeline-vertical:where(.timeline-snap-icon) > li {
      --timeline-col-start: minmax(0, 1fr);
      --timeline-row-start: 0.5rem;
    }

    .timeline-horizontal {
      flex-direction: row;
    }

    .timeline-horizontal > li > hr {
      width: 100%;
    }

    :where(.timeline-horizontal > li) {
      align-items: center;
    }

    :where(.timeline-horizontal > li > hr):first-child {
      grid-column-start: 1;
      grid-row-start: 2;
    }

    :where(.timeline-horizontal > li > hr):last-child {
      grid-column-start: 3;
      grid-column-end: none;
      grid-row-start: 2;
      grid-row-end: auto;
    }

    .timeline-horizontal .timeline-start {
      grid-column-start: 1;
      grid-column-end: 4;
      grid-row-start: 1;
      grid-row-end: 2;
      align-self: flex-end;
      justify-self: center;
    }

    .timeline-horizontal .timeline-end {
      grid-column-start: 1;
      grid-column-end: 4;
      grid-row-start: 3;
      grid-row-end: 4;
      align-self: flex-start;
      justify-self: center;
    }

    :where(.timeline-snap-icon) > li,
    .timeline-horizontal:where(.timeline-snap-icon) > li {
      --timeline-col-start: 0.5rem;
      --timeline-row-start: minmax(0, 1fr);
    }

    :where(.toast) {
      bottom: 0px;
      inset-inline-end: 0px;
      inset-inline-start: auto;
      top: auto;
      --tw-translate-x: 0px;
      --tw-translate-y: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .toast:where(.toast-start) {
      inset-inline-end: auto;
      inset-inline-start: 0px;
      --tw-translate-x: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .toast:where(.toast-center) {
      inset-inline-end: 50%;
      inset-inline-start: 50%;
      --tw-translate-x: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .toast:where(.toast-center):where([dir="rtl"], [dir="rtl"] *) {
      --tw-translate-x: 50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .toast:where(.toast-end) {
      inset-inline-end: 0px;
      inset-inline-start: auto;
      --tw-translate-x: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .toast:where(.toast-bottom) {
      bottom: 0px;
      top: auto;
      --tw-translate-y: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .toast:where(.toast-middle) {
      bottom: auto;
      top: 50%;
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .toast:where(.toast-top) {
      bottom: auto;
      top: 0px;
      --tw-translate-y: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    [type="checkbox"].toggle-xs {
      --handleoffset: 0.5rem;
      height: 1rem;
      width: 1.5rem;
    }

    [type="checkbox"].toggle-sm {
      --handleoffset: 0.75rem;
      height: 1.25rem;
      width: 2rem;
    }

    [type="checkbox"].toggle-md {
      --handleoffset: 1.5rem;
      height: 1.5rem;
      width: 3rem;
    }

    [type="checkbox"].toggle-lg {
      --handleoffset: 2rem;
      height: 2rem;
      width: 4rem;
    }

    .tooltip {
      position: relative;
      display: inline-block;
      --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));
    }

    .tooltip:before {
      position: absolute;
      pointer-events: none;
      z-index: 1;
      content: var(--tw-content);
      --tw-content: attr(data-tip);
    }

    .tooltip:before, .tooltip-top:before {
      transform: translateX(-50%);
      top: auto;
      left: 50%;
      right: auto;
      bottom: var(--tooltip-offset);
    }

    .artboard-demo {
      border-radius: var(--rounded-box, 1rem);
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
          0 1px 2px 0 rgba(0, 0, 0, 0.06);
    }

    .avatar.online:before {
      content: "";
      position: absolute;
      z-index: 10;
      display: block;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
      outline-style: solid;
      outline-width: 2px;
      outline-color: var(--fallback-b1,oklch(var(--b1)/1));
      width: 15%;
      height: 15%;
      top: 7%;
      right: 7%;
    }

    .avatar.offline:before {
      content: "";
      position: absolute;
      z-index: 10;
      display: block;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
      outline-style: solid;
      outline-width: 2px;
      outline-color: var(--fallback-b1,oklch(var(--b1)/1));
      width: 15%;
      height: 15%;
      top: 7%;
      right: 7%;
    }

    .card-compact .card-body {
      padding: 1rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

    .card-compact .card-title {
      margin-bottom: 0.25rem;
    }

    .card-normal .card-body {
      padding: var(--padding-card, 2rem);
      font-size: 1rem;
      line-height: 1.5rem;
    }

    .card-normal .card-title {
      margin-bottom: 0.75rem;
    }

    .divider-horizontal {
      margin-left: 1rem;
      margin-right: 1rem;
      margin-top: 0px;
      margin-bottom: 0px;
      height: auto;
      width: 1rem;
    }

    .divider-vertical {
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 1rem;
      margin-bottom: 1rem;
      height: 1rem;
      width: auto;
    }

    .drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
      cursor: default;
      background-color: transparent;
    }

    .join.join-vertical > :where(*:not(:first-child)) {
      margin-left: 0px;
      margin-right: 0px;
      margin-top: -1px;
    }

    .join.join-vertical > :where(*:not(:first-child)):is(.btn) {
      margin-top: calc(var(--border-btn) * -1);
    }

    .join.join-vertical > :where(*:not(:first-child)):is(.\!btn) {
      margin-top: calc(var(--border-btn) * -1) !important;
    }

    .join.join-horizontal > :where(*:not(:first-child)) {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-inline-start: -1px;
    }

    .join.join-horizontal > :where(*:not(:first-child)):is(.btn) {
      margin-inline-start: calc(var(--border-btn) * -1);
      margin-top: 0px;
    }

    .join.join-horizontal > :where(*:not(:first-child)):is(.\!btn) {
      margin-inline-start: calc(var(--border-btn) * -1) !important;
      margin-top: 0px !important;
    }

    .menu-horizontal > li:not(.menu-title) > details > ul {
      margin-inline-start: 0px;
      margin-top: 1rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      padding-inline-end: 0.5rem;
    }

    .menu-horizontal > li > details > ul:before {
      content: none;
    }

    :where(.menu-horizontal > li:not(.menu-title) > details > ul) {
      border-radius: var(--rounded-box, 1rem);
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
      --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
      --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .menu-vertical > li:not(.menu-title) > details > ul {
      margin-inline-start: 1rem;
      margin-top: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
      padding-inline-end: 0px;
    }

    .menu-xs :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-xs :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
      border-radius: 0.25rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      font-size: 0.75rem;
      line-height: 1rem;
    }

    .menu-xs .menu-title {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }

    .menu-sm :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
      border-radius: var(--rounded-btn, 0.5rem);
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

    .menu-sm .menu-title {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }

    .menu-md :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
      border-radius: var(--rounded-btn, 0.5rem);
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

    .menu-md .menu-title {
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }

    .menu-lg :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
      border-radius: var(--rounded-btn, 0.5rem);
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      font-size: 1.125rem;
      line-height: 1.75rem;
    }

    .menu-lg .menu-title {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }

    .modal-top :where(.modal-box) {
      width: 100%;
      max-width: none;
      --tw-translate-y: -2.5rem;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      border-bottom-right-radius: var(--rounded-box, 1rem);
      border-bottom-left-radius: var(--rounded-box, 1rem);
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
    }

    .modal-middle :where(.modal-box) {
      width: 91.666667%;
      max-width: 32rem;
      --tw-translate-y: 0px;
      --tw-scale-x: .9;
      --tw-scale-y: .9;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      border-top-left-radius: var(--rounded-box, 1rem);
      border-top-right-radius: var(--rounded-box, 1rem);
      border-bottom-right-radius: var(--rounded-box, 1rem);
      border-bottom-left-radius: var(--rounded-box, 1rem);
    }

    .modal-bottom :where(.modal-box) {
      width: 100%;
      max-width: none;
      --tw-translate-y: 2.5rem;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      border-top-left-radius: var(--rounded-box, 1rem);
      border-top-right-radius: var(--rounded-box, 1rem);
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
    }

    .stats-horizontal > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-x-reverse: 0;
      border-right-width: calc(1px * var(--tw-divide-x-reverse));
      border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      --tw-divide-y-reverse: 0;
      border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
      border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
    }

    .stats-horizontal {
      overflow-x: auto;
    }

    .stats-horizontal:where([dir="rtl"], [dir="rtl"] *) {
      --tw-divide-x-reverse: 1;
    }

    .stats-vertical > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-x-reverse: 0;
      border-right-width: calc(0px * var(--tw-divide-x-reverse));
      border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
      --tw-divide-y-reverse: 0;
      border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
      border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
    }

    .stats-vertical {
      overflow-y: auto;
    }

    .steps-horizontal .step {
      grid-template-rows: 40px 1fr;
      grid-template-columns: auto;
      min-width: 4rem;
    }

    .steps-horizontal .\!step {
      grid-template-rows: 40px 1fr !important;
      grid-template-columns: auto !important;
      min-width: 4rem !important;
    }

    .steps-horizontal .step:before {
      height: 0.5rem;
      width: 100%;
      --tw-translate-x: 0px;
      --tw-translate-y: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      content: "";
      margin-inline-start: -100%;
    }

    .steps-horizontal .\!step:before {
      height: 0.5rem !important;
      width: 100% !important;
      --tw-translate-x: 0px !important;
      --tw-translate-y: 0px !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
      content: "" !important;
      margin-inline-start: -100% !important;
    }

    .steps-horizontal .step:where([dir="rtl"], [dir="rtl"] *):before {
      --tw-translate-x: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .steps-horizontal .\!step:where([dir="rtl"], [dir="rtl"] *):before {
      --tw-translate-x: 0px !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    }

    .steps-vertical .step {
      gap: 0.5rem;
      grid-template-columns: 40px 1fr;
      grid-template-rows: auto;
      min-height: 4rem;
      justify-items: start;
    }

    .steps-vertical .\!step {
      gap: 0.5rem !important;
      grid-template-columns: 40px 1fr !important;
      grid-template-rows: auto !important;
      min-height: 4rem !important;
      justify-items: start !important;
    }

    .steps-vertical .step:before {
      height: 100%;
      width: 0.5rem;
      --tw-translate-x: -50%;
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      margin-inline-start: 50%;
    }

    .steps-vertical .\!step:before {
      height: 100% !important;
      width: 0.5rem !important;
      --tw-translate-x: -50% !important;
      --tw-translate-y: -50% !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
      margin-inline-start: 50% !important;
    }

    .steps-vertical .step:where([dir="rtl"], [dir="rtl"] *):before {
      --tw-translate-x: 50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .steps-vertical .\!step:where([dir="rtl"], [dir="rtl"] *):before {
      --tw-translate-x: 50% !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    }

    .table-xs :not(thead):not(tfoot) tr {
      font-size: 0.75rem;
      line-height: 1rem;
    }

    .table-xs :where(th, td) {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }

    .table-sm :not(thead):not(tfoot) tr {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

    .table-sm :where(th, td) {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }

    .table-md :not(thead):not(tfoot) tr {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

    .table-md :where(th, td) {
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }

    .table-lg :not(thead):not(tfoot) tr {
      font-size: 1rem;
      line-height: 1.5rem;
    }

    .table-lg :where(th, td) {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

    .timeline-vertical > li > hr {
      width: 0.25rem;
    }

    :where(.timeline-vertical:has(.timeline-middle) > li > hr):first-child {
      border-bottom-right-radius: var(--rounded-badge, 1.9rem);
      border-bottom-left-radius: var(--rounded-badge, 1.9rem);
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
    }

    :where(.timeline-vertical:has(.timeline-middle) > li > hr):last-child {
      border-top-left-radius: var(--rounded-badge, 1.9rem);
      border-top-right-radius: var(--rounded-badge, 1.9rem);
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
    }

    :where(.timeline-vertical:not(:has(.timeline-middle)) :first-child > hr:last-child) {
      border-top-left-radius: var(--rounded-badge, 1.9rem);
      border-top-right-radius: var(--rounded-badge, 1.9rem);
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
    }

    :where(.timeline-vertical:not(:has(.timeline-middle)) :last-child > hr:first-child) {
      border-bottom-right-radius: var(--rounded-badge, 1.9rem);
      border-bottom-left-radius: var(--rounded-badge, 1.9rem);
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
    }

    .timeline-horizontal > li > hr {
      height: 0.25rem;
    }

    :where(.timeline-horizontal:has(.timeline-middle) > li > hr):first-child {
      border-start-end-radius: var(--rounded-badge, 1.9rem);
      border-end-end-radius: var(--rounded-badge, 1.9rem);
      border-start-start-radius: 0px;
      border-end-start-radius: 0px;
    }

    :where(.timeline-horizontal:has(.timeline-middle) > li > hr):last-child {
      border-start-start-radius: var(--rounded-badge, 1.9rem);
      border-end-start-radius: var(--rounded-badge, 1.9rem);
      border-start-end-radius: 0px;
      border-end-end-radius: 0px;
    }

    :where(.timeline-horizontal:not(:has(.timeline-middle)) :first-child > hr:last-child) {
      border-start-start-radius: var(--rounded-badge, 1.9rem);
      border-end-start-radius: var(--rounded-badge, 1.9rem);
      border-start-end-radius: 0px;
      border-end-end-radius: 0px;
    }

    :where(.timeline-horizontal:not(:has(.timeline-middle)) :last-child > hr:first-child) {
      border-start-end-radius: var(--rounded-badge, 1.9rem);
      border-end-end-radius: var(--rounded-badge, 1.9rem);
      border-start-start-radius: 0px;
      border-end-start-radius: 0px;
    }

    .tooltip {
      position: relative;
      display: inline-block;
      text-align: center;
      --tooltip-tail: 0.1875rem;
      --tooltip-color: var(--fallback-n,oklch(var(--n)/1));
      --tooltip-text-color: var(--fallback-nc,oklch(var(--nc)/1));
      --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail));
    }

    .tooltip:before,
    .tooltip:after {
      opacity: 0;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
      transition-delay: 100ms;
      transition-duration: 200ms;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

    .tooltip:after {
      position: absolute;
      content: "";
      border-style: solid;
      border-width: var(--tooltip-tail, 0);
      width: 0;
      height: 0;
      display: block;
    }

    .tooltip:before {
      max-width: 20rem;
      white-space: normal;
      border-radius: 0.25rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
      background-color: var(--tooltip-color);
      color: #d7dde4;
      width: -moz-max-content;
      width: max-content;
      font-family: "Gabarito", sans-serif;
      font-weight: 400;
    }

    .tooltip.tooltip-open:before {
      opacity: 1;
      transition-delay: 75ms;
    }

    .tooltip.tooltip-open:after {
      opacity: 1;
      transition-delay: 75ms;
    }

    .tooltip:hover:before {
      opacity: 1;
      transition-delay: 75ms;
    }

    .tooltip:hover:after {
      opacity: 1;
      transition-delay: 75ms;
    }

    .tooltip:has(:focus-visible):after,
    .tooltip:has(:focus-visible):before {
      opacity: 1;
      transition-delay: 75ms;
    }

    .tooltip:not([data-tip]):hover:before,
    .tooltip:not([data-tip]):hover:after {
      visibility: hidden;
      opacity: 0;
    }

    .tooltip:after, .tooltip-top:after {
      transform: translateX(-50%);
      border-color: var(--tooltip-color) transparent transparent transparent;
      top: auto;
      left: 50%;
      right: auto;
      bottom: var(--tooltip-tail-offset);
    }

    .tooltip-primary {
      --tooltip-color: var(--fallback-p,oklch(var(--p)/1));
      --tooltip-text-color: var(--fallback-pc,oklch(var(--pc)/1));
    }

    .tooltip-secondary {
      --tooltip-color: var(--fallback-s,oklch(var(--s)/1));
      --tooltip-text-color: var(--fallback-sc,oklch(var(--sc)/1));
    }

    .tooltip-accent {
      --tooltip-color: var(--fallback-a,oklch(var(--a)/1));
      --tooltip-text-color: var(--fallback-ac,oklch(var(--ac)/1));
    }

    .tooltip-info {
      --tooltip-color: var(--fallback-in,oklch(var(--in)/1));
      --tooltip-text-color: var(--fallback-inc,oklch(var(--inc)/1));
    }

    .tooltip-success {
      --tooltip-color: var(--fallback-su,oklch(var(--su)/1));
      --tooltip-text-color: var(--fallback-suc,oklch(var(--suc)/1));
    }

    .tooltip-warning {
      --tooltip-color: var(--fallback-wa,oklch(var(--wa)/1));
      --tooltip-text-color: var(--fallback-wac,oklch(var(--wac)/1));
    }

    .tooltip-error {
      --tooltip-color: var(--fallback-er,oklch(var(--er)/1));
      --tooltip-text-color: var(--fallback-erc,oklch(var(--erc)/1));
    }

    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border-width: 0;
    }

    .not-sr-only {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip: auto;
      white-space: normal;
    }

    .pointer-events-none {
      pointer-events: none;
    }

    .pointer-events-auto {
      pointer-events: auto;
    }

    .\!visible {
      visibility: visible !important;
    }

    .visible {
      visibility: visible;
    }

    .invisible {
      visibility: hidden;
    }

    .collapse {
      visibility: collapse;
    }

    .static {
      position: static;
    }

    .fixed {
      position: fixed;
    }

    .absolute {
      position: absolute;
    }

    .\!relative {
      position: relative !important;
    }

    .relative {
      position: relative;
    }

    .sticky {
      position: sticky;
    }

    .-inset-1 {
      inset: -0.25rem;
    }

    .inset-0 {
      inset: 0px;
    }

    .bottom-0 {
      bottom: 0px;
    }

    .bottom-20 {
      bottom: 5rem;
    }

    .bottom-\[60px\] {
      bottom: 60px;
    }

    .end-1 {
      inset-inline-end: 0.25rem;
    }

    .left-0 {
      left: 0px;
    }

    .left-1 {
      left: 0.25rem;
    }

    .right-0 {
      right: 0px;
    }

    .right-20 {
      right: 5rem;
    }

    .top-0 {
      top: 0px;
    }

    .isolate {
      isolation: isolate;
    }

    .isolation-auto {
      isolation: auto;
    }

    .z-9 {
      z-index: 9;
    }

    .z-10 {
      z-index: 10;
    }

    .z-20 {
      z-index: 20;
    }

    .z-30 {
      z-index: 30;
    }

    .z-40 {
      z-index: 40;
    }

    .z-50 {
      z-index: 50;
    }

    .order-none {
      order: 0;
    }

    .float-start {
      float: inline-start;
    }

    .float-end {
      float: inline-end;
    }

    .float-right {
      float: right;
    }

    .float-left {
      float: left;
    }

    .float-none {
      float: none;
    }

    .clear-start {
      clear: inline-start;
    }

    .clear-end {
      clear: inline-end;
    }

    .clear-left {
      clear: left;
    }

    .clear-right {
      clear: right;
    }

    .clear-both {
      clear: both;
    }

    .clear-none {
      clear: none;
    }

    .mb-1 {
      margin-bottom: 0.25rem;
    }

    .mb-2 {
      margin-bottom: 0.5rem;
    }

    .mb-3 {
      margin-bottom: 0.75rem;
    }

    .mb-4 {
      margin-bottom: 1rem;
    }

    .ml-2 {
      margin-left: 0.5rem;
    }

    .ml-auto {
      margin-left: auto;
    }

    .mr-2 {
      margin-right: 0.5rem;
    }

    .mr-auto {
      margin-right: auto;
    }

    .mt-1 {
      margin-top: 0.25rem;
    }

    .mt-2 {
      margin-top: 0.5rem;
    }

    .box-border {
      box-sizing: border-box;
    }

    .box-content {
      box-sizing: content-box;
    }

    .line-clamp-none {
      overflow: visible;
      display: block;
      -webkit-box-orient: horizontal;
      -webkit-line-clamp: none;
    }

    .block {
      display: block;
    }

    .inline-block {
      display: inline-block;
    }

    .inline {
      display: inline;
    }

    .flex {
      display: flex;
    }

    .inline-flex {
      display: inline-flex;
    }

    .table {
      display: table;
    }

    .inline-table {
      display: inline-table;
    }

    .table-caption {
      display: table-caption;
    }

    .table-cell {
      display: table-cell;
    }

    .table-column {
      display: table-column;
    }

    .table-column-group {
      display: table-column-group;
    }

    .table-footer-group {
      display: table-footer-group;
    }

    .table-header-group {
      display: table-header-group;
    }

    .table-row-group {
      display: table-row-group;
    }

    .table-row {
      display: table-row;
    }

    .flow-root {
      display: flow-root;
    }

    .grid {
      display: grid;
    }

    .inline-grid {
      display: inline-grid;
    }

    .contents {
      display: contents;
    }

    .list-item {
      display: list-item;
    }

    .\!hidden {
      display: none !important;
    }

    .hidden {
      display: none;
    }

    .size-auto {
      width: auto;
      height: auto;
    }

    .h-1 {
      height: 0.25rem;
    }

    .h-10 {
      height: 2.5rem;
    }

    .h-2 {
      height: 0.5rem;
    }

    .h-4 {
      height: 1rem;
    }

    .h-5 {
      height: 1.25rem;
    }

    .h-6 {
      height: 1.5rem;
    }

    .h-7 {
      height: 1.75rem;
    }

    .h-8 {
      height: 2rem;
    }

    .h-auto {
      height: auto;
    }

    .h-full {
      height: 100%;
    }

    .h-screen {
      height: 100vh;
    }

    .max-h-none {
      max-height: none;
    }

    .max-h-screen {
      max-height: 100vh;
    }

    .min-h-\[400px\] {
      min-height: 400px;
    }

    .min-h-screen {
      min-height: 100vh;
    }

    .w-1\/2 {
      width: 50%;
    }

    .w-10 {
      width: 2.5rem;
    }

    .w-4 {
      width: 1rem;
    }

    .w-5 {
      width: 1.25rem;
    }

    .w-5\/12 {
      width: 41.666667%;
    }

    .w-6 {
      width: 1.5rem;
    }

    .w-64 {
      width: 16rem;
    }

    .w-7 {
      width: 1.75rem;
    }

    .w-8 {
      width: 2rem;
    }

    .w-\[this-is\\\\\] {
      width: this-is\\;
    }

    .w-\[this-is\] {
      width: this-is;
    }

    .w-\[weird-and-invalid\] {
      width: weird-and-invalid;
    }

    .w-auto {
      width: auto;
    }

    .w-full {
      width: 100%;
    }

    .w-screen {
      width: 100vw;
    }

    .min-w-0 {
      min-width: 0px;
    }

    .min-w-\[160px\] {
      min-width: 160px;
    }

    .max-w-\[80\%\] {
      max-width: 80%;
    }

    .max-w-none {
      max-width: none;
    }

    .max-w-sm {
      max-width: 24rem;
    }

    .flex-1 {
      flex: 1 1 0%;
    }

    .flex-auto {
      flex: 1 1 auto;
    }

    .flex-initial {
      flex: 0 1 auto;
    }

    .flex-none {
      flex: none;
    }

    .flex-shrink {
      flex-shrink: 1;
    }

    .flex-shrink-0 {
      flex-shrink: 0;
    }

    .shrink {
      flex-shrink: 1;
    }

    .flex-grow {
      flex-grow: 1;
    }

    .grow {
      flex-grow: 1;
    }

    .basis-auto {
      flex-basis: auto;
    }

    .basis-full {
      flex-basis: 100%;
    }

    .table-auto {
      table-layout: auto;
    }

    .table-fixed {
      table-layout: fixed;
    }

    .caption-top {
      caption-side: top;
    }

    .caption-bottom {
      caption-side: bottom;
    }

    .border-collapse {
      border-collapse: collapse;
    }

    .border-separate {
      border-collapse: separate;
    }

    .-translate-x-full {
      --tw-translate-x: -100%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .-translate-y-full {
      --tw-translate-y: -100%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .translate-x-0 {
      --tw-translate-x: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .translate-x-full {
      --tw-translate-x: 100%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .translate-y-full {
      --tw-translate-y: 100%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .rotate-180 {
      --tw-rotate: 180deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .\!transform {
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    }

    .transform {
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .transform-cpu {
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .transform-gpu {
      transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .transform-none {
      transform: none;
    }

    @keyframes spin {
      to {
        transform: rotate(360deg);
      }
    }

    .animate-spin {
      animation: spin 1s linear infinite;
    }

    .cursor-default {
      cursor: default;
    }

    .cursor-not-allowed {
      cursor: not-allowed;
    }

    .cursor-pointer {
      cursor: pointer;
    }

    .touch-auto {
      touch-action: auto;
    }

    .touch-none {
      touch-action: none;
    }

    .touch-pan-x {
      --tw-pan-x: pan-x;
      touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
    }

    .touch-pan-left {
      --tw-pan-x: pan-left;
      touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
    }

    .touch-pan-right {
      --tw-pan-x: pan-right;
      touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
    }

    .touch-pan-y {
      --tw-pan-y: pan-y;
      touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
    }

    .touch-pan-up {
      --tw-pan-y: pan-up;
      touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
    }

    .touch-pan-down {
      --tw-pan-y: pan-down;
      touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
    }

    .touch-pinch-zoom {
      --tw-pinch-zoom: pinch-zoom;
      touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
    }

    .touch-manipulation {
      touch-action: manipulation;
    }

    .select-none {
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
    }

    .select-text {
      -webkit-user-select: text;
         -moz-user-select: text;
              user-select: text;
    }

    .select-all {
      -webkit-user-select: all;
         -moz-user-select: all;
              user-select: all;
    }

    .select-auto {
      -webkit-user-select: auto;
         -moz-user-select: auto;
              user-select: auto;
    }

    .resize-none {
      resize: none;
    }

    .resize-y {
      resize: vertical;
    }

    .resize-x {
      resize: horizontal;
    }

    .resize {
      resize: both;
    }

    .snap-none {
      scroll-snap-type: none;
    }

    .snap-x {
      scroll-snap-type: x var(--tw-scroll-snap-strictness);
    }

    .snap-y {
      scroll-snap-type: y var(--tw-scroll-snap-strictness);
    }

    .snap-both {
      scroll-snap-type: both var(--tw-scroll-snap-strictness);
    }

    .snap-mandatory {
      --tw-scroll-snap-strictness: mandatory;
    }

    .snap-proximity {
      --tw-scroll-snap-strictness: proximity;
    }

    .snap-start {
      scroll-snap-align: start;
    }

    .snap-end {
      scroll-snap-align: end;
    }

    .snap-center {
      scroll-snap-align: center;
    }

    .snap-align-none {
      scroll-snap-align: none;
    }

    .snap-normal {
      scroll-snap-stop: normal;
    }

    .snap-always {
      scroll-snap-stop: always;
    }

    .list-inside {
      list-style-position: inside;
    }

    .list-outside {
      list-style-position: outside;
    }

    .appearance-none {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
    }

    .appearance-auto {
      -webkit-appearance: auto;
         -moz-appearance: auto;
              appearance: auto;
    }

    .break-before-auto {
      -moz-column-break-before: auto;
           break-before: auto;
    }

    .break-before-avoid {
      -moz-column-break-before: avoid;
           break-before: avoid;
    }

    .break-before-all {
      -moz-column-break-before: all;
           break-before: all;
    }

    .break-before-avoid-page {
      -moz-column-break-before: avoid;
           break-before: avoid-page;
    }

    .break-before-page {
      -moz-column-break-before: page;
           break-before: page;
    }

    .break-before-left {
      -moz-column-break-before: left;
           break-before: left;
    }

    .break-before-right {
      -moz-column-break-before: right;
           break-before: right;
    }

    .break-before-column {
      -moz-column-break-before: column;
           break-before: column;
    }

    .break-inside-auto {
      -moz-column-break-inside: auto;
           break-inside: auto;
    }

    .break-inside-avoid {
      -moz-column-break-inside: avoid;
           break-inside: avoid;
    }

    .break-inside-avoid-page {
      break-inside: avoid-page;
    }

    .break-inside-avoid-column {
      -moz-column-break-inside: avoid;
           break-inside: avoid-column;
    }

    .break-after-auto {
      -moz-column-break-after: auto;
           break-after: auto;
    }

    .break-after-avoid {
      -moz-column-break-after: avoid;
           break-after: avoid;
    }

    .break-after-all {
      -moz-column-break-after: all;
           break-after: all;
    }

    .break-after-avoid-page {
      -moz-column-break-after: avoid;
           break-after: avoid-page;
    }

    .break-after-page {
      -moz-column-break-after: page;
           break-after: page;
    }

    .break-after-left {
      -moz-column-break-after: left;
           break-after: left;
    }

    .break-after-right {
      -moz-column-break-after: right;
           break-after: right;
    }

    .break-after-column {
      -moz-column-break-after: column;
           break-after: column;
    }

    .grid-flow-row {
      grid-auto-flow: row;
    }

    .grid-flow-col {
      grid-auto-flow: column;
    }

    .grid-flow-dense {
      grid-auto-flow: dense;
    }

    .grid-flow-row-dense {
      grid-auto-flow: row dense;
    }

    .grid-flow-col-dense {
      grid-auto-flow: column dense;
    }

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

    .grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .flex-row {
      flex-direction: row;
    }

    .flex-row-reverse {
      flex-direction: row-reverse;
    }

    .flex-col {
      flex-direction: column;
    }

    .flex-col-reverse {
      flex-direction: column-reverse;
    }

    .flex-wrap {
      flex-wrap: wrap;
    }

    .flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }

    .flex-nowrap {
      flex-wrap: nowrap;
    }

    .place-content-center {
      place-content: center;
    }

    .place-content-start {
      place-content: start;
    }

    .place-content-end {
      place-content: end;
    }

    .place-content-between {
      place-content: space-between;
    }

    .place-content-around {
      place-content: space-around;
    }

    .place-content-evenly {
      place-content: space-evenly;
    }

    .place-content-baseline {
      place-content: baseline;
    }

    .place-content-stretch {
      place-content: stretch;
    }

    .place-items-start {
      place-items: start;
    }

    .place-items-end {
      place-items: end;
    }

    .place-items-center {
      place-items: center;
    }

    .place-items-baseline {
      place-items: baseline;
    }

    .place-items-stretch {
      place-items: stretch;
    }

    .content-normal {
      align-content: normal;
    }

    .content-center {
      align-content: center;
    }

    .content-start {
      align-content: flex-start;
    }

    .content-end {
      align-content: flex-end;
    }

    .content-between {
      align-content: space-between;
    }

    .content-around {
      align-content: space-around;
    }

    .content-evenly {
      align-content: space-evenly;
    }

    .content-baseline {
      align-content: baseline;
    }

    .content-stretch {
      align-content: stretch;
    }

    .items-start {
      align-items: flex-start;
    }

    .items-end {
      align-items: flex-end;
    }

    .items-center {
      align-items: center;
    }

    .items-baseline {
      align-items: baseline;
    }

    .items-stretch {
      align-items: stretch;
    }

    .justify-normal {
      justify-content: normal;
    }

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

    .justify-end {
      justify-content: flex-end;
    }

    .justify-center {
      justify-content: center;
    }

    .justify-between {
      justify-content: space-between;
    }

    .justify-around {
      justify-content: space-around;
    }

    .justify-evenly {
      justify-content: space-evenly;
    }

    .justify-stretch {
      justify-content: stretch;
    }

    .justify-items-start {
      justify-items: start;
    }

    .justify-items-end {
      justify-items: end;
    }

    .justify-items-center {
      justify-items: center;
    }

    .justify-items-stretch {
      justify-items: stretch;
    }

    .space-x-1 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.25rem * var(--tw-space-x-reverse));
      margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .space-x-2 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.5rem * var(--tw-space-x-reverse));
      margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .space-y-1 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
    }

    .space-y-reverse > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 1;
    }

    .space-x-reverse > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 1;
    }

    .divide-x > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-x-reverse: 0;
      border-right-width: calc(1px * var(--tw-divide-x-reverse));
      border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }

    .divide-y > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-y-reverse: 0;
      border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
      border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
    }

    .divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-y-reverse: 1;
    }

    .divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-x-reverse: 1;
    }

    .divide-solid > :not([hidden]) ~ :not([hidden]) {
      border-style: solid;
    }

    .divide-dashed > :not([hidden]) ~ :not([hidden]) {
      border-style: dashed;
    }

    .divide-dotted > :not([hidden]) ~ :not([hidden]) {
      border-style: dotted;
    }

    .divide-double > :not([hidden]) ~ :not([hidden]) {
      border-style: double;
    }

    .divide-none > :not([hidden]) ~ :not([hidden]) {
      border-style: none;
    }

    .place-self-auto {
      place-self: auto;
    }

    .place-self-start {
      place-self: start;
    }

    .place-self-end {
      place-self: end;
    }

    .place-self-center {
      place-self: center;
    }

    .place-self-stretch {
      place-self: stretch;
    }

    .self-auto {
      align-self: auto;
    }

    .self-start {
      align-self: flex-start;
    }

    .self-end {
      align-self: flex-end;
    }

    .self-center {
      align-self: center;
    }

    .self-stretch {
      align-self: stretch;
    }

    .self-baseline {
      align-self: baseline;
    }

    .justify-self-auto {
      justify-self: auto;
    }

    .justify-self-start {
      justify-self: start;
    }

    .justify-self-end {
      justify-self: end;
    }

    .justify-self-center {
      justify-self: center;
    }

    .justify-self-stretch {
      justify-self: stretch;
    }

    .overflow-auto {
      overflow: auto;
    }

    .overflow-hidden {
      overflow: hidden;
    }

    .overflow-clip {
      overflow: clip;
    }

    .overflow-visible {
      overflow: visible;
    }

    .overflow-scroll {
      overflow: scroll;
    }

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

    .overflow-y-auto {
      overflow-y: auto;
    }

    .overflow-x-hidden {
      overflow-x: hidden;
    }

    .overflow-y-hidden {
      overflow-y: hidden;
    }

    .overflow-x-clip {
      overflow-x: clip;
    }

    .overflow-y-clip {
      overflow-y: clip;
    }

    .overflow-x-visible {
      overflow-x: visible;
    }

    .overflow-y-visible {
      overflow-y: visible;
    }

    .overflow-x-scroll {
      overflow-x: scroll;
    }

    .overflow-y-scroll {
      overflow-y: scroll;
    }

    .overscroll-auto {
      overscroll-behavior: auto;
    }

    .overscroll-contain {
      overscroll-behavior: contain;
    }

    .overscroll-none {
      overscroll-behavior: none;
    }

    .overscroll-y-auto {
      overscroll-behavior-y: auto;
    }

    .overscroll-y-contain {
      overscroll-behavior-y: contain;
    }

    .overscroll-y-none {
      overscroll-behavior-y: none;
    }

    .overscroll-x-auto {
      overscroll-behavior-x: auto;
    }

    .overscroll-x-contain {
      overscroll-behavior-x: contain;
    }

    .overscroll-x-none {
      overscroll-behavior-x: none;
    }

    .scroll-auto {
      scroll-behavior: auto;
    }

    .scroll-smooth {
      scroll-behavior: smooth;
    }

    .truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .overflow-ellipsis {
      text-overflow: ellipsis;
    }

    .text-ellipsis {
      text-overflow: ellipsis;
    }

    .text-clip {
      text-overflow: clip;
    }

    .hyphens-none {
      -webkit-hyphens: none;
              hyphens: none;
    }

    .hyphens-manual {
      -webkit-hyphens: manual;
              hyphens: manual;
    }

    .hyphens-auto {
      -webkit-hyphens: auto;
              hyphens: auto;
    }

    .whitespace-normal {
      white-space: normal;
    }

    .whitespace-nowrap {
      white-space: nowrap;
    }

    .whitespace-pre {
      white-space: pre;
    }

    .whitespace-pre-line {
      white-space: pre-line;
    }

    .whitespace-pre-wrap {
      white-space: pre-wrap;
    }

    .whitespace-break-spaces {
      white-space: break-spaces;
    }

    .text-wrap {
      text-wrap: wrap;
    }

    .text-nowrap {
      text-wrap: nowrap;
    }

    .text-balance {
      text-wrap: balance;
    }

    .text-pretty {
      text-wrap: pretty;
    }

    .break-normal {
      overflow-wrap: normal;
      word-break: normal;
    }

    .break-words {
      overflow-wrap: break-word;
    }

    .break-all {
      word-break: break-all;
    }

    .break-keep {
      word-break: keep-all;
    }

    .rounded {
      border-radius: 0.25rem;
    }

    .rounded-full {
      border-radius: 9999px;
    }

    .rounded-lg {
      border-radius: 0.5rem;
    }

    .rounded-b {
      border-bottom-right-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }

    .rounded-e {
      border-start-end-radius: 0.25rem;
      border-end-end-radius: 0.25rem;
    }

    .rounded-l {
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }

    .rounded-r {
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
    }

    .rounded-s {
      border-start-start-radius: 0.25rem;
      border-end-start-radius: 0.25rem;
    }

    .rounded-t {
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
    }

    .rounded-t-lg {
      border-top-left-radius: 0.5rem;
      border-top-right-radius: 0.5rem;
    }

    .rounded-bl {
      border-bottom-left-radius: 0.25rem;
    }

    .rounded-br {
      border-bottom-right-radius: 0.25rem;
    }

    .rounded-ee {
      border-end-end-radius: 0.25rem;
    }

    .rounded-es {
      border-end-start-radius: 0.25rem;
    }

    .rounded-se {
      border-start-end-radius: 0.25rem;
    }

    .rounded-ss {
      border-start-start-radius: 0.25rem;
    }

    .rounded-tl {
      border-top-left-radius: 0.25rem;
    }

    .rounded-tl-none {
      border-top-left-radius: 0px;
    }

    .rounded-tr {
      border-top-right-radius: 0.25rem;
    }

    .rounded-tr-none {
      border-top-right-radius: 0px;
    }

    .border {
      border-width: 1px;
    }

    .border-0 {
      border-width: 0px;
    }

    .border-2 {
      border-width: 2px;
    }

    .border-x {
      border-left-width: 1px;
      border-right-width: 1px;
    }

    .border-y {
      border-top-width: 1px;
      border-bottom-width: 1px;
    }

    .border-b {
      border-bottom-width: 1px;
    }

    .border-e {
      border-inline-end-width: 1px;
    }

    .border-l {
      border-left-width: 1px;
    }

    .border-r {
      border-right-width: 1px;
    }

    .border-s {
      border-inline-start-width: 1px;
    }

    .border-t {
      border-top-width: 1px;
    }

    .border-t-2 {
      border-top-width: 2px;
    }

    .border-solid {
      border-style: solid;
    }

    .border-dashed {
      border-style: dashed;
    }

    .border-dotted {
      border-style: dotted;
    }

    .border-double {
      border-style: double;
    }

    .border-hidden {
      border-style: hidden;
    }

    .border-none {
      border-style: none;
    }

    .border-blue-700 {
      --tw-border-opacity: 1;
      border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
    }

    .border-gray-200 {
      --tw-border-opacity: 1;
      border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    }

    .border-gray-300 {
      --tw-border-opacity: 1;
      border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
    }

    .border-transparent {
      border-color: transparent;
    }

    .border-white {
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    }

    .border-yellow-300 {
      --tw-border-opacity: 1;
      border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
    }

    .border-t-blue-500 {
      --tw-border-opacity: 1;
      border-top-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
    }

    .bg-\[\#007EF6\] {
      --tw-bg-opacity: 1;
      background-color: rgb(0 126 246 / var(--tw-bg-opacity, 1));
    }

    .bg-\[rgb\(255\2c 0\2c 0\)\] {
      --tw-bg-opacity: 1;
      background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
    }

    .bg-blue-500 {
      --tw-bg-opacity: 1;
      background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
    }

    .bg-blue-700 {
      --tw-bg-opacity: 1;
      background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
    }

    .bg-gray-100 {
      --tw-bg-opacity: 1;
      background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    }

    .bg-gray-200 {
      --tw-bg-opacity: 1;
      background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
    }

    .bg-gray-50 {
      --tw-bg-opacity: 1;
      background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
    }

    .bg-gray-500 {
      --tw-bg-opacity: 1;
      background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
    }

    .bg-gray-800 {
      --tw-bg-opacity: 1;
      background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
    }

    .bg-green-500 {
      --tw-bg-opacity: 1;
      background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
    }

    .bg-white {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }

    .bg-white\/50 {
      background-color: rgb(255 255 255 / 0.5);
    }

    .bg-yellow-100 {
      --tw-bg-opacity: 1;
      background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
    }

    .bg-yellow-500 {
      --tw-bg-opacity: 1;
      background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
    }

    .bg-none {
      background-image: none;
    }

    .decoration-slice {
      -webkit-box-decoration-break: slice;
              box-decoration-break: slice;
    }

    .decoration-clone {
      -webkit-box-decoration-break: clone;
              box-decoration-break: clone;
    }

    .box-decoration-slice {
      -webkit-box-decoration-break: slice;
              box-decoration-break: slice;
    }

    .box-decoration-clone {
      -webkit-box-decoration-break: clone;
              box-decoration-break: clone;
    }

    .bg-auto {
      background-size: auto;
    }

    .bg-contain {
      background-size: contain;
    }

    .bg-cover {
      background-size: cover;
    }

    .bg-fixed {
      background-attachment: fixed;
    }

    .bg-local {
      background-attachment: local;
    }

    .bg-scroll {
      background-attachment: scroll;
    }

    .bg-clip-border {
      background-clip: border-box;
    }

    .bg-clip-padding {
      background-clip: padding-box;
    }

    .bg-clip-content {
      background-clip: content-box;
    }

    .bg-clip-text {
      -webkit-background-clip: text;
              background-clip: text;
    }

    .bg-bottom {
      background-position: bottom;
    }

    .bg-center {
      background-position: center;
    }

    .bg-left {
      background-position: left;
    }

    .bg-left-bottom {
      background-position: left bottom;
    }

    .bg-left-top {
      background-position: left top;
    }

    .bg-right {
      background-position: right;
    }

    .bg-right-bottom {
      background-position: right bottom;
    }

    .bg-right-top {
      background-position: right top;
    }

    .bg-top {
      background-position: top;
    }

    .bg-repeat {
      background-repeat: repeat;
    }

    .bg-no-repeat {
      background-repeat: no-repeat;
    }

    .bg-repeat-x {
      background-repeat: repeat-x;
    }

    .bg-repeat-y {
      background-repeat: repeat-y;
    }

    .bg-repeat-round {
      background-repeat: round;
    }

    .bg-repeat-space {
      background-repeat: space;
    }

    .bg-origin-border {
      background-origin: border-box;
    }

    .bg-origin-padding {
      background-origin: padding-box;
    }

    .bg-origin-content {
      background-origin: content-box;
    }

    .fill-none {
      fill: none;
    }

    .stroke-none {
      stroke: none;
    }

    .object-contain {
      -o-object-fit: contain;
         object-fit: contain;
    }

    .object-cover {
      -o-object-fit: cover;
         object-fit: cover;
    }

    .object-fill {
      -o-object-fit: fill;
         object-fit: fill;
    }

    .object-none {
      -o-object-fit: none;
         object-fit: none;
    }

    .object-scale-down {
      -o-object-fit: scale-down;
         object-fit: scale-down;
    }

    .object-left-bottom {
      -o-object-position: left bottom;
         object-position: left bottom;
    }

    .object-left-top {
      -o-object-position: left top;
         object-position: left top;
    }

    .object-right-bottom {
      -o-object-position: right bottom;
         object-position: right bottom;
    }

    .object-right-top {
      -o-object-position: right top;
         object-position: right top;
    }

    .p-1 {
      padding: 0.25rem;
    }

    .p-2 {
      padding: 0.5rem;
    }

    .p-2\.5 {
      padding: 0.625rem;
    }

    .p-3 {
      padding: 0.75rem;
    }

    .p-4 {
      padding: 1rem;
    }

    .px-1 {
      padding-left: 0.25rem;
      padding-right: 0.25rem;
    }

    .px-1\.5 {
      padding-left: 0.375rem;
      padding-right: 0.375rem;
    }

    .px-2 {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    .px-4 {
      padding-left: 1rem;
      padding-right: 1rem;
    }

    .px-5 {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }

    .px-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

    .py-2 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }

    .py-2\.5 {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }

    .py-3 {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }

    .py-4 {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

    .pl-2 {
      padding-left: 0.5rem;
    }

    .pr-2 {
      padding-right: 0.5rem;
    }

    .pt-0 {
      padding-top: 0px;
    }

    .pt-2 {
      padding-top: 0.5rem;
    }

    .text-left {
      text-align: left;
    }

    .text-center {
      text-align: center;
    }

    .text-right {
      text-align: right;
    }

    .text-justify {
      text-align: justify;
    }

    .text-start {
      text-align: start;
    }

    .text-end {
      text-align: end;
    }

    .align-baseline {
      vertical-align: baseline;
    }

    .align-top {
      vertical-align: top;
    }

    .align-middle {
      vertical-align: middle;
    }

    .align-bottom {
      vertical-align: bottom;
    }

    .align-text-top {
      vertical-align: text-top;
    }

    .align-text-bottom {
      vertical-align: text-bottom;
    }

    .align-sub {
      vertical-align: sub;
    }

    .align-super {
      vertical-align: super;
    }

    .text-2xl {
      font-size: 1.5rem;
      line-height: 2rem;
    }

    .text-base {
      font-size: 1rem;
      line-height: 1.5rem;
    }

    .text-lg {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }

    .text-sm {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

    .text-xs {
      font-size: 0.75rem;
      line-height: 1rem;
    }

    .font-bold {
      font-weight: 700;
    }

    .font-extrabold {
      font-weight: 800;
    }

    .font-medium {
      font-weight: 500;
    }

    .font-semibold {
      font-weight: 600;
    }

    .uppercase {
      text-transform: uppercase;
    }

    .lowercase {
      text-transform: lowercase;
    }

    .capitalize {
      text-transform: capitalize;
    }

    .normal-case {
      text-transform: none;
    }

    .italic {
      font-style: italic;
    }

    .not-italic {
      font-style: normal;
    }

    .normal-nums {
      font-variant-numeric: normal;
    }

    .ordinal {
      --tw-ordinal: ordinal;
      font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
    }

    .slashed-zero {
      --tw-slashed-zero: slashed-zero;
      font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
    }

    .lining-nums {
      --tw-numeric-figure: lining-nums;
      font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
    }

    .oldstyle-nums {
      --tw-numeric-figure: oldstyle-nums;
      font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
    }

    .proportional-nums {
      --tw-numeric-spacing: proportional-nums;
      font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
    }

    .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);
    }

    .diagonal-fractions {
      --tw-numeric-fraction: diagonal-fractions;
      font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
    }

    .stacked-fractions {
      --tw-numeric-fraction: stacked-fractions;
      font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
    }

    .leading-6 {
      line-height: 1.5rem;
    }

    .leading-9 {
      line-height: 2.25rem;
    }

    .text-\[\#336699\]\/\[\.35\] {
      color: rgb(51 102 153 / .35);
    }

    .text-blue-500 {
      --tw-text-opacity: 1;
      color: rgb(59 130 246 / var(--tw-text-opacity, 1));
    }

    .text-blue-600 {
      --tw-text-opacity: 1;
      color: rgb(37 99 235 / var(--tw-text-opacity, 1));
    }

    .text-gray-400 {
      --tw-text-opacity: 1;
      color: rgb(156 163 175 / var(--tw-text-opacity, 1));
    }

    .text-gray-500 {
      --tw-text-opacity: 1;
      color: rgb(107 114 128 / var(--tw-text-opacity, 1));
    }

    .text-gray-600 {
      --tw-text-opacity: 1;
      color: rgb(75 85 99 / var(--tw-text-opacity, 1));
    }

    .text-gray-700 {
      --tw-text-opacity: 1;
      color: rgb(55 65 81 / var(--tw-text-opacity, 1));
    }

    .text-gray-800 {
      --tw-text-opacity: 1;
      color: rgb(31 41 55 / var(--tw-text-opacity, 1));
    }

    .text-white {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }

    .underline {
      text-decoration-line: underline;
    }

    .overline {
      text-decoration-line: overline;
    }

    .line-through {
      text-decoration-line: line-through;
    }

    .no-underline {
      text-decoration-line: none;
    }

    .decoration-solid {
      text-decoration-style: solid;
    }

    .decoration-double {
      text-decoration-style: double;
    }

    .decoration-dotted {
      text-decoration-style: dotted;
    }

    .decoration-dashed {
      text-decoration-style: dashed;
    }

    .decoration-wavy {
      text-decoration-style: wavy;
    }

    .decoration-auto {
      text-decoration-thickness: auto;
    }

    .decoration-from-font {
      text-decoration-thickness: from-font;
    }

    .antialiased {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .subpixel-antialiased {
      -webkit-font-smoothing: auto;
      -moz-osx-font-smoothing: auto;
    }

    .accent-auto {
      accent-color: auto;
    }

    .opacity-0 {
      opacity: 0;
    }

    .opacity-100 {
      opacity: 1!important;
    }

    .bg-blend-normal {
      background-blend-mode: normal;
    }

    .bg-blend-multiply {
      background-blend-mode: multiply;
    }

    .bg-blend-screen {
      background-blend-mode: screen;
    }

    .bg-blend-overlay {
      background-blend-mode: overlay;
    }

    .bg-blend-darken {
      background-blend-mode: darken;
    }

    .bg-blend-lighten {
      background-blend-mode: lighten;
    }

    .bg-blend-color-dodge {
      background-blend-mode: color-dodge;
    }

    .bg-blend-color-burn {
      background-blend-mode: color-burn;
    }

    .bg-blend-hard-light {
      background-blend-mode: hard-light;
    }

    .bg-blend-soft-light {
      background-blend-mode: soft-light;
    }

    .bg-blend-difference {
      background-blend-mode: difference;
    }

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

    .bg-blend-hue {
      background-blend-mode: hue;
    }

    .bg-blend-saturation {
      background-blend-mode: saturation;
    }

    .bg-blend-color {
      background-blend-mode: color;
    }

    .bg-blend-luminosity {
      background-blend-mode: luminosity;
    }

    .mix-blend-normal {
      mix-blend-mode: normal;
    }

    .mix-blend-multiply {
      mix-blend-mode: multiply;
    }

    .mix-blend-screen {
      mix-blend-mode: screen;
    }

    .mix-blend-overlay {
      mix-blend-mode: overlay;
    }

    .mix-blend-darken {
      mix-blend-mode: darken;
    }

    .mix-blend-lighten {
      mix-blend-mode: lighten;
    }

    .mix-blend-color-dodge {
      mix-blend-mode: color-dodge;
    }

    .mix-blend-color-burn {
      mix-blend-mode: color-burn;
    }

    .mix-blend-hard-light {
      mix-blend-mode: hard-light;
    }

    .mix-blend-soft-light {
      mix-blend-mode: soft-light;
    }

    .mix-blend-difference {
      mix-blend-mode: difference;
    }

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

    .mix-blend-hue {
      mix-blend-mode: hue;
    }

    .mix-blend-saturation {
      mix-blend-mode: saturation;
    }

    .mix-blend-color {
      mix-blend-mode: color;
    }

    .mix-blend-luminosity {
      mix-blend-mode: luminosity;
    }

    .mix-blend-plus-darker {
      mix-blend-mode: plus-darker;
    }

    .mix-blend-plus-lighter {
      mix-blend-mode: plus-lighter;
    }

    .\!shadow {
      --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
      --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    }

    .shadow {
      --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
      --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .shadow-lg {
      --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
      --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .shadow-sm {
      --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
      --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .shadow-xl {
      --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
      --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .outline-none {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }

    .outline {
      outline-style: solid;
    }

    .outline-dashed {
      outline-style: dashed;
    }

    .outline-dotted {
      outline-style: dotted;
    }

    .outline-double {
      outline-style: double;
    }

    .ring {
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    }

    .ring-1 {
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    }

    .ring-inset {
      --tw-ring-inset: inset;
    }

    .blur {
      --tw-blur: blur(8px);
      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);
    }

    .drop-shadow {
      --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }

    .drop-shadow-none {
      --tw-drop-shadow: drop-shadow(0 0 #0000);
      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);
    }

    .grayscale {
      --tw-grayscale: grayscale(100%);
      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);
    }

    .invert {
      --tw-invert: invert(100%);
      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);
    }

    .sepia {
      --tw-sepia: sepia(100%);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }

    .\!filter {
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
    }

    .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);
    }

    .filter-none {
      filter: none;
    }

    .backdrop-blur {
      --tw-backdrop-blur: blur(8px);
      -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
      backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    }

    .backdrop-grayscale {
      --tw-backdrop-grayscale: grayscale(100%);
      -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
      backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    }

    .backdrop-invert {
      --tw-backdrop-invert: invert(100%);
      -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
      backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    }

    .backdrop-sepia {
      --tw-backdrop-sepia: sepia(100%);
      -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
      backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    }

    .backdrop-filter {
      -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
      backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    }

    .backdrop-filter-none {
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }

    .transition {
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }

    .transition-opacity {
      transition-property: opacity;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }

    .transition-transform {
      transition-property: transform;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }

    .duration-300 {
      transition-duration: 300ms;
    }

    .ease-in {
      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    }

    .ease-in-out {
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

    .ease-out {
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }

    .will-change-auto {
      will-change: auto;
    }

    .will-change-contents {
      will-change: contents;
    }

    .will-change-scroll {
      will-change: scroll-position;
    }

    .will-change-transform {
      will-change: transform;
    }

    .contain-none {
      contain: none;
    }

    .contain-content {
      contain: content;
    }

    .contain-strict {
      contain: strict;
    }

    .contain-size {
      --tw-contain-size: size;
      contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style);
    }

    .contain-inline-size {
      --tw-contain-size: inline-size;
      contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style);
    }

    .contain-layout {
      --tw-contain-layout: layout;
      contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style);
    }

    .contain-paint {
      --tw-contain-paint: paint;
      contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style);
    }

    .contain-style {
      --tw-contain-style: style;
      contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style);
    }

    .content-\[\'this-is-also-valid\]-weirdly-enough\'\] {
      --tw-content: 'this-is-also-valid]-weirdly-enough';
      content: var(--tw-content);
    }

    .content-none {
      --tw-content: none;
      content: var(--tw-content);
    }

    .forced-color-adjust-auto {
      forced-color-adjust: auto;
    }

    .forced-color-adjust-none {
      forced-color-adjust: none;
    }

    @media (hover:hover) {
      .table .\*\:hover > *tr:hover,
      .table .\*\:hover > *tr:nth-child(even):hover {
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
      }

      .table-zebra .\*\:hover > *tr:hover,
      .table-zebra .\*\:hover > *tr:nth-child(even):hover {
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
      }

      .table .hover\:hover:hovertr:hover,
      .table .hover\:hover:hovertr:nth-child(even):hover {
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
      }

      .table-zebra .hover\:hover:hovertr:hover,
      .table-zebra .hover\:hover:hovertr:nth-child(even):hover {
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
      }
    }

    .hover\:focus:hover:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn),.hover\:focus:hover :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn) {
      cursor: pointer;
      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
      --tw-text-opacity: 1;
      color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
      outline: 2px solid transparent;
      outline-offset: 2px;
    }

    @media (hover:hover) {
      .table .focus\:hover:focustr:hover,
      .table .focus\:hover:focustr:nth-child(even):hover {
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
      }

      .table-zebra .focus\:hover:focustr:hover,
      .table-zebra .focus\:hover:focustr:nth-child(even):hover {
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
      }

      .table .disabled\:hover:disabledtr:hover,
      .table .disabled\:hover:disabledtr:nth-child(even):hover {
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
      }

      .table-zebra .disabled\:hover:disabledtr:hover,
      .table-zebra .disabled\:hover:disabledtr:nth-child(even):hover {
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
      }
    }

    @media (min-width: 640px) {
      .sm\:container {
        width: 100%;
      }

      @media (min-width: 640px) {
        .sm\:container {
          max-width: 640px;
        }
      }

      @media (min-width: 768px) {
        .sm\:container {
          max-width: 768px;
        }
      }

      @media (min-width: 1024px) {
        .sm\:container {
          max-width: 1024px;
        }
      }

      @media (min-width: 1280px) {
        .sm\:container {
          max-width: 1280px;
        }
      }

      @media (min-width: 1536px) {
        .sm\:container {
          max-width: 1536px;
        }
      }
    }

    @media (prefers-color-scheme: dark) {
      @media (min-width: 1024px) {
        @media (hover:hover) {
          .table tr.dark\:lg\:hover:hover,
      .table tr.dark\:lg\:hover:nth-child(even):hover {
            --tw-bg-opacity: 1;
            background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
          }

          .table-zebra tr.dark\:lg\:hover:hover,
      .table-zebra tr.dark\:lg\:hover:nth-child(even):hover {
            --tw-bg-opacity: 1;
            background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
          }
        }
      }
    }

    .hover\:bg-blue-800:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
    }

    .hover\:bg-white:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }

    .hover\:font-bold:hover {
      font-weight: 700;
    }

    .before\:hover\:text-center:hover::before {
      content: var(--tw-content);
      text-align: center;
    }

    .hover\:before\:text-center:hover::before {
      content: var(--tw-content);
      text-align: center;
    }

    .focus\:outline-none:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }

    .focus\:ring-2:focus {
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    }

    .focus\:ring-4:focus {
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    }

    .focus\:hover\:text-center:hover:focus {
      text-align: center;
    }

    .hover\:focus\:text-center:focus:hover {
      text-align: center;
    }

    @media (min-width: 640px) {
      .sm\:underline {
        text-decoration-line: underline;
      }
    }
    @media (min-width: 769px) {
      .md\:hidden {
        display: none !important;
      }
    }
    @media (min-width: 768px) {
      .md-fix\:hidden {
        display: none !important;
      }
    }
    @media (min-width: 768px) {
      .md\:block {
        display: block;
      }

      .md\:min-h-\[500px\] {
        min-height: 500px;
      }
    }

    .rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) {
      --tw-rotate: 180deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 1;
    }

    @media (prefers-color-scheme: dark) {
      .dark\:border-gray-600 {
        --tw-border-opacity: 1;
        border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
      }

      .dark\:bg-blue-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
      }

      .dark\:bg-gray-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
      }

      .dark\:bg-gray-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
      }

      .dark\:bg-gray-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
      }

      .dark\:bg-gray-800\/50 {
        background-color: rgb(31 41 55 / 0.5);
      }

      .dark\:text-gray-400 {
        --tw-text-opacity: 1;
        color: rgb(156 163 175 / var(--tw-text-opacity, 1));
      }

      .dark\:text-gray-500 {
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity, 1));
      }

      .dark\:text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }

      .dark\:hover\:bg-blue-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
      }

      .dark\:hover\:bg-gray-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
      }

      .dark\:hover\:text-white:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }

      @media (min-width: 1024px) {
        .dark\:lg\:hover\:\[paint-order\:markers\]:hover {
          paint-order: markers;
        }
      }
    }
}