*, ::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:  ;
}

: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;

    --ac: 15.352% 0.0368 183.61;

    --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: 27.2204% 0.068063 269.755013;

    --s: 27.9495% 0.036848 260.030984;

    --sc: 100% 0 0;

    --a: 76.76% 0.184 183.61;

    --n: 34.6315% 0.012203 279.27533;

    --nc: 100% 0 0;

    --b1: 97.6225% 0.004127 271.369827;

    --b2: 94.8264% 0.007451 260.73154;

    --b3: 89.9269% 0.009265 258.337389;

    --bc: 22.728% 0.003823 286.091612;

    primary-focus: #131B38;

    --pc: 100% 0 0;

    secondary-focus: #0F172A;

    neutral-focus: #1C1C1E;

    base-400: #BBBEC6;

    base-500: #747883;

    base-600: #63666F;

    base-700: #51535B;

    base-800: #383940;

    --in: 62.3083% 0.188015 259.814527;

    --inc: 100% 0 0;

    --su: 69.5873% 0.149074 162.479602;

    --suc: 100% 0 0;

    --wa: 95.4204% 0.037154 75.164359;

    --wac: 64.6072% 0.194327 41.115779;

    --er: 93.5641% 0.030896 17.717165;

    --erc: 57.7099% 0.215157 27.325049;
}

:root .btn-primary {

    color: #FFF;

    background-color: #1A2448;
}

:root .btn-outline.btn-primary {

    border-color: #1A2448;

    color: #1A2448;

    background-color: transparent;
}

:root .btn-outline.btn-default {

    border-color: #EBEEF3;
}

:root .btn-outline.btn-warning {

    color: #EA580C;
}

:root .btn-outline.btn-error {

    color: #DC2626;
}

:root .checkbox:checked {

    background-color: #1a2448;

    --chkbg: #1a2448;

    border-color: #1a2448;
}

:root .checkbox-warning, :root .checkbox-warning:hover:not(:checked) {

    border-color: #EA580C;
}

:root .checkbox-error, :root .checkbox-error:hover:not(:checked) {

    border-color: #DC2626;
}

:root .select:focus {

    border-color: #1A2448;

    outline-color: #1A2448;
}

:root .input-bordered {

    border-color: #DADEE4;
}

:root .input-bordered:focus {

    border-color: #1A2448;

    outline: none;
}

:root .input-error, :root .input-error:focus {

    border-color: #DC2626;

    outline-color: #DC2626;
}

:root .select {

    background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%) !important;
}

.container {

    width: 100%;
}

@media (min-width: 640px) {

    .container {

        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .container {

        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .container {

        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .container {

        max-width: 1280px;
    }
}

@media (min-width: 1536px) {

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

.avatar.placeholder > div {

    display: flex;

    align-items: center;

    justify-content: center;
}

@media (hover:hover) {

    .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 !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 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,
.\!menu li > *:not(ul, .menu-title, details, .btn).active,
.\!menu li > details > summary: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;
    }
}

.btn {

    display: inline-flex;

    height: 3rem;

    min-height: 3rem;

    flex-shrink: 0;

    cursor: pointer;

    -webkit-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],
  .btn:disabled {

    pointer-events: none;
}

.btn-square {

    height: 3rem;

    width: 3rem;

    padding: 0px;
}

:where(.btn:is(input[type="checkbox"])),
:where(.btn:is(input[type="radio"])) {

    width: auto;

    appearance: none;
}

.btn:is(input[type="checkbox"]):after,
.btn:is(input[type="radio"]):after {

    --tw-content: attr(aria-label);

    content: var(--tw-content);
}

.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;

    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;
}

.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;

    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, 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 {

        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 > *.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;
    }

    .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.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,
    .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;
    }

    @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);

            border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
        }
    }

    .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 !important;

        outline: 2px solid transparent !important;

        outline-offset: 2px !important;
    }

    @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)) !important;
        }
    }

    :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));
        }
    }

    :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 !important;

        outline: 2px solid transparent !important;

        outline-offset: 2px !important;
    }

    @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)) !important;
        }
    }

    :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 !important;

        outline: 2px solid transparent !important;

        outline-offset: 2px !important;
    }

    @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)) !important;
        }
    }

    :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 !important;

        outline: 2px solid transparent !important;

        outline-offset: 2px !important;
    }

    @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)) !important;
        }
    }
}

.dropdown:is(details) summary::-webkit-details-marker {

    display: none;
}

.footer {

    display: grid;

    width: 100%;

    grid-auto-flow: row;

    place-items: start;

    column-gap: 1rem;

    row-gap: 2.5rem;

    font-size: 0.875rem;

    line-height: 1.25rem;
}

.footer > * {

    display: grid;

    place-items: start;

    gap: 0.5rem;
}

@media (min-width: 48rem) {

    .footer {

        grid-auto-flow: column;
    }

    .footer-center {

        grid-auto-flow: row dense;
    }
}

.label {

    display: flex;

    -webkit-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;
}

.input {

    flex-shrink: 1;

    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,
.input-md[type="number"]::-webkit-inner-spin-button {

    margin-top: -1rem;

    margin-bottom: -1rem;

    margin-inline-end: -1rem;
}

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

.link {

    cursor: pointer;

    text-decoration-line: underline;
}

.\!menu {

    display: flex !important;

    flex-direction: column !important;

    flex-wrap: wrap !important;

    font-size: 0.875rem !important;

    line-height: 1.25rem !important;

    padding: 0.5rem !important;
}

.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 !important;

    white-space: nowrap !important;

    margin-inline-start: 1rem !important;

    padding-inline-start: 0.5rem !important;
}

.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 !important;

    grid-auto-flow: column !important;

    align-content: flex-start !important;

    align-items: center !important;

    gap: 0.5rem !important;

    grid-auto-columns: minmax(auto, max-content) auto max-content !important;

    -webkit-user-select: none !important;

            user-select: none !important;
}

.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;

            user-select: none;
}

.\!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 !important;

    grid-auto-flow: column !important;

    align-content: flex-start !important;

    align-items: center !important;

    gap: 0.5rem !important;

    grid-auto-columns: minmax(auto, max-content) auto max-content !important;

    -webkit-user-select: none !important;

            user-select: none !important;
}

.\!menu li.disabled {

    cursor: not-allowed !important;

    -webkit-user-select: none !important;

            user-select: none !important;

    color: var(--fallback-bc,oklch(var(--bc)/0.3)) !important;
}

.menu li.disabled {

    cursor: not-allowed;

    -webkit-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;

            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 !important;
}

.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {

    display: none;
}

:where(.\!menu li) {

    position: relative !important;

    display: flex !important;

    flex-shrink: 0 !important;

    flex-direction: column !important;

    flex-wrap: wrap !important;

    align-items: stretch !important;
}

: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 !important;
}

:where(.menu li) .badge {

    justify-self: end;
}

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

: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, 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;
}

:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) {

    overflow: hidden;

    scrollbar-gutter: stable;
}

.select {

    display: inline-flex;

    cursor: pointer;

    -webkit-user-select: none;

            user-select: 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;
}

.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;

    overflow-x: auto;
}

.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)));
}

.toast {

    position: fixed;

    display: flex;

    min-width: fit-content;

    flex-direction: column;

    white-space: nowrap;

    gap: 0.5rem;

    padding: 1rem;
}

.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 > *.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 > * .label {

    font-size: 1rem;

    line-height: 1.5rem;
}

@media (prefers-reduced-motion: no-preference) {

    .btn {

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

.btn:active:hover,
  .btn:active:focus {

    animation: button-pop 0s ease-out;

    transform: scale(var(--btn-focus-scale, 0.97));
}

@supports not (color: oklch(0% 0 0)) {

    .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);
    }
}

@supports (color: color-mix(in oklab, black, 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;

    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;

    --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%;

    --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;

    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: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):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible {

    outline-color: var(--fallback-p,oklch(var(--p)/1));
}

@keyframes button-pop {

    0% {

        transform: scale(var(--btn-focus-scale, 0.98));
    }

    40% {

        transform: scale(1.02);
    }

    100% {

        transform: scale(1);
    }
}

.checkbox:focus {

    box-shadow: none;
}

.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;

    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;

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

.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));
}

.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;

    outline-offset: 2px;
}

.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;

    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-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,
  .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])::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]) > input[disabled] {

    cursor: not-allowed;
}

.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-item:focus {

    isolation: isolate;
}

.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");
}

:where(.\!menu li:empty) {

    --tw-bg-opacity: 1 !important;

    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))) !important;

    opacity: 0.1 !important;

    margin: 0.5rem 1rem !important;

    height: 1px !important;
}

: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 !important;

    bottom: 0.75rem !important;

    inset-inline-start: 0px !important;

    top: 0.75rem !important;

    width: 1px !important;

    --tw-bg-opacity: 1 !important;

    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))) !important;

    opacity: 0.1 !important;

    content: "" !important;
}

.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) !important;

    padding-left: 1rem !important;

    padding-right: 1rem !important;

    padding-top: 0.5rem !important;

    padding-bottom: 0.5rem !important;

    text-align: start !important;

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;

    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;

    transition-duration: 200ms !important;

    text-wrap: balance !important;
}

.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, 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;
}

.\!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) !important;

    padding-left: 1rem !important;

    padding-right: 1rem !important;

    padding-top: 0.5rem !important;

    padding-bottom: 0.5rem !important;

    text-align: start !important;

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;

    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;

    transition-duration: 200ms !important;

    text-wrap: balance !important;
}

: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 !important;

    background-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;

    --tw-text-opacity: 1 !important;

    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;

    outline: 2px solid transparent !important;

    outline-offset: 2px !important;
}

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

: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 !important;

    background-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;

    --tw-text-opacity: 1 !important;

    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;

    outline: 2px solid transparent !important;

    outline-offset: 2px !important;
}

.\!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 !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 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,
.\!menu li > *:not(ul, .menu-title, details, .btn).active,
.\!menu li > details > summary: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 !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 !important;

    display: block !important;

    margin-top: -0.5rem !important;

    height: 0.5rem !important;

    width: 0.5rem !important;

    transform: rotate(45deg) !important;

    transition-property: transform, margin-top !important;

    transition-duration: 0.3s !important;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;

    content: "" !important;

    transform-origin: 75% 75% !important;

    box-shadow: 2px 2px !important;

    pointer-events: none !important;
}

.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 > summary):after,
.\!menu :where(li > .menu-dropdown-toggle):after {

    justify-self: end !important;

    display: block !important;

    margin-top: -0.5rem !important;

    height: 0.5rem !important;

    width: 0.5rem !important;

    transform: rotate(45deg) !important;

    transition-property: transform, margin-top !important;

    transition-duration: 0.3s !important;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;

    content: "" !important;

    transform-origin: 75% 75% !important;

    box-shadow: 2px 2px !important;

    pointer-events: none !important;
}

.\!menu :where(li > details[open] > summary):after,
.\!menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {

    transform: rotate(225deg) !important;

    margin-top: 0 !important;
}

.menu :where(li > details[open] > summary):after,
.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {

    transform: rotate(225deg);

    margin-top: 0;
}

.\!menu :where(li > details[open] > summary):after,
.\!menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {

    transform: rotate(225deg) !important;

    margin-top: 0 !important;
}

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

.modal:not(dialog:not(.modal-open)),
  .modal::backdrop {

    background-color: #0006;

    animation: modal-pop 0.2s ease-out;
}

.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));
}

@keyframes modal-pop {

    0% {

        opacity: 0;
    }
}

@keyframes progress-loading {

    50% {

        background-position-x: -115%;
    }
}

@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;
    }
}

@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-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::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%);
}

@keyframes skeleton {

    from {

        background-position: 150%;
    }

    to {

        background-position: -50%;
    }
}

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

.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-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::placeholder,
  .textarea:disabled::placeholder,
  .textarea[disabled]::placeholder {

    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));

    --tw-placeholder-opacity: 0.2;
}

.toast > * {

    animation: toast-pop 0.25s ease-out;
}

@keyframes toast-pop {

    0% {

        transform: scale(0.9);

        opacity: 0;
    }

    100% {

        transform: scale(1);

        opacity: 1;
    }
}

.no-animation {

    --btn-focus-scale: 1;

    --animation-btn: 0;

    --animation-input: 0;
}

.artboard.phone {

    width: 320px;
}

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

[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;
}

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

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

: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));
}

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

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

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

.pointer-events-none {

    pointer-events: none;
}

.visible {

    visibility: visible;
}

.fixed {

    position: fixed;
}

.absolute {

    position: absolute;
}

.relative {

    position: relative;
}

.bottom-1 {

    bottom: 0.25rem;
}

.bottom-3 {

    bottom: 0.75rem;
}

.left-0 {

    left: 0px;
}

.left-4 {

    left: 1rem;
}

.left-\[25px\] {

    left: 25px;
}

.right-0 {

    right: 0px;
}

.right-12 {

    right: 3rem;
}

.right-2 {

    right: 0.5rem;
}

.right-3 {

    right: 0.75rem;
}

.right-4 {

    right: 1rem;
}

.right-\[25px\] {

    right: 25px;
}

.top-0 {

    top: 0px;
}

.top-2 {

    top: 0.5rem;
}

.z-10 {

    z-index: 10;
}

.z-9999 {

    z-index: 9999;
}

.z-\[99999\] {

    z-index: 99999;
}

.z-\[9999\] {

    z-index: 9999;
}

.\!m-0 {

    margin: 0px !important;
}

.mx-\[120px\] {

    margin-left: 120px;

    margin-right: 120px;
}

.mb-2 {

    margin-bottom: 0.5rem;
}

.mb-4 {

    margin-bottom: 1rem;
}

.mb-5 {

    margin-bottom: 1.25rem;
}

.mb-6 {

    margin-bottom: 1.5rem;
}

.mb-8 {

    margin-bottom: 2rem;
}

.mb-\[-16px\] {

    margin-bottom: -16px;
}

.mb-\[10px\] {

    margin-bottom: 10px;
}

.mb-\[16px\] {

    margin-bottom: 16px;
}

.ml-1 {

    margin-left: 0.25rem;
}

.ml-2 {

    margin-left: 0.5rem;
}

.mr-1 {

    margin-right: 0.25rem;
}

.mr-2 {

    margin-right: 0.5rem;
}

.mr-6 {

    margin-right: 1.5rem;
}

.mt-1 {

    margin-top: 0.25rem;
}

.mt-2 {

    margin-top: 0.5rem;
}

.mt-3 {

    margin-top: 0.75rem;
}

.mt-4 {

    margin-top: 1rem;
}

.mt-48 {

    margin-top: 12rem;
}

.mt-5 {

    margin-top: 1.25rem;
}

.mt-6 {

    margin-top: 1.5rem;
}

.mt-8 {

    margin-top: 2rem;
}

.mt-\[128px\] {

    margin-top: 128px;
}

.mt-\[52px\] {

    margin-top: 52px;
}

.mt-auto {

    margin-top: auto;
}

.box-border {

    box-sizing: border-box;
}

.line-clamp-2 {

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;
}

.block {

    display: block;
}

.flex {

    display: flex;
}

.grid {

    display: grid;
}

.hidden {

    display: none;
}

.\!h-5 {

    height: 1.25rem !important;
}

.\!h-8 {

    height: 2rem !important;
}

.h-1\/4 {

    height: 25%;
}

.h-10 {

    height: 2.5rem;
}

.h-12 {

    height: 3rem;
}

.h-16 {

    height: 4rem;
}

.h-20 {

    height: 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-\[100px\] {

    height: 100px;
}

.h-\[12px\] {

    height: 12px;
}

.h-\[152px\] {

    height: 152px;
}

.h-\[1px\] {

    height: 1px;
}

.h-\[240px\] {

    height: 240px;
}

.h-\[40px\] {

    height: 40px;
}

.h-\[48px\] {

    height: 48px;
}

.h-\[500px\] {

    height: 500px;
}

.h-\[52px\] {

    height: 52px;
}

.h-\[54px\] {

    height: 54px;
}

.h-\[564px\] {

    height: 564px;
}

.h-\[60px\] {

    height: 60px;
}

.h-\[672px\] {

    height: 672px;
}

.h-\[80px\] {

    height: 80px;
}

.h-\[calc\(100vh-152px\)\] {

    height: calc(100vh - 152px);
}

.h-\[calc\(100vh-209px\)\] {

    height: calc(100vh - 209px);
}

.h-auto {

    height: auto;
}

.h-drawer {

    height: calc(100vh - 140px);
}

.h-fit {

    height: fit-content;
}

.h-full {

    height: 100%;
}

.h-screen {

    height: 100vh;
}

.max-h-\[340px\] {

    max-height: 340px;
}

.max-h-\[426px\] {

    max-height: 426px;
}

.max-h-\[450px\] {

    max-height: 450px;
}

.max-h-\[720px\] {

    max-height: 720px;
}

.max-h-\[calc\(100vh-195px\)\] {

    max-height: calc(100vh - 195px);
}

.max-h-full {

    max-height: 100%;
}

.min-h-0 {

    min-height: 0px;
}

.min-h-12 {

    min-height: 3rem;
}

.min-h-20 {

    min-height: 5rem;
}

.min-h-40 {

    min-height: 10rem;
}

.min-h-8 {

    min-height: 2rem;
}

.min-h-\[24px\] {

    min-height: 24px;
}

.min-h-\[672px\] {

    min-height: 672px;
}

.min-h-\[68px\] {

    min-height: 68px;
}

.min-h-\[calc\(100vh-82px\)\] {

    min-height: calc(100vh - 82px);
}

.min-h-screen {

    min-height: 100vh;
}

.\!w-5 {

    width: 1.25rem !important;
}

.\!w-\[280px\] {

    width: 280px !important;
}

.w-1\/2 {

    width: 50%;
}

.w-1\/4 {

    width: 25%;
}

.w-10 {

    width: 2.5rem;
}

.w-12 {

    width: 3rem;
}

.w-16 {

    width: 4rem;
}

.w-20 {

    width: 5rem;
}

.w-24 {

    width: 6rem;
}

.w-3\/4 {

    width: 75%;
}

.w-4 {

    width: 1rem;
}

.w-40 {

    width: 10rem;
}

.w-5 {

    width: 1.25rem;
}

.w-6 {

    width: 1.5rem;
}

.w-60 {

    width: 15rem;
}

.w-8 {

    width: 2rem;
}

.w-80 {

    width: 20rem;
}

.w-\[100px\] {

    width: 100px;
}

.w-\[107px\] {

    width: 107px;
}

.w-\[135px\] {

    width: 135px;
}

.w-\[140px\] {

    width: 140px;
}

.w-\[150px\] {

    width: 150px;
}

.w-\[1px\] {

    width: 1px;
}

.w-\[250px\] {

    width: 250px;
}

.w-\[2px\] {

    width: 2px;
}

.w-\[300px\] {

    width: 300px;
}

.w-\[324px\] {

    width: 324px;
}

.w-\[32px\] {

    width: 32px;
}

.w-\[340px\] {

    width: 340px;
}

.w-\[343px\] {

    width: 343px;
}

.w-\[388px\] {

    width: 388px;
}

.w-\[420px\] {

    width: 420px;
}

.w-\[45px\] {

    width: 45px;
}

.w-\[464px\] {

    width: 464px;
}

.w-\[500px\] {

    width: 500px;
}

.w-\[512px\] {

    width: 512px;
}

.w-\[60px\] {

    width: 60px;
}

.w-\[70px\] {

    width: 70px;
}

.w-fit {

    width: fit-content;
}

.w-full {

    width: 100%;
}

.w-screen {

    width: 100vw;
}

.min-w-\[1183px\] {

    min-width: 1183px;
}

.min-w-\[340px\] {

    min-width: 340px;
}

.min-w-\[693px\] {

    min-width: 693px;
}

.min-w-\[952px\] {

    min-width: 952px;
}

.max-w-\[224px\] {

    max-width: 224px;
}

.max-w-\[265px\] {

    max-width: 265px;
}

.max-w-\[340px\] {

    max-width: 340px;
}

.max-w-\[348px\] {

    max-width: 348px;
}

.max-w-\[420px\] {

    max-width: 420px;
}

.max-w-full {

    max-width: 100%;
}

.flex-1 {

    flex: 1 1 0%;
}

.flex-\[1\.5\] {

    flex: 1.5;
}

.basis-\[265px\] {

    flex-basis: 265px;
}

.basis-\[316px\] {

    flex-basis: 316px;
}

.basis-\[328px\] {

    flex-basis: 328px;
}

.basis-\[420px\] {

    flex-basis: 420px;
}

@keyframes pulse {

    50% {

        opacity: .5;
    }
}

.animate-pulse {

    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes spin {

    to {

        transform: rotate(360deg);
    }
}

.animate-spin {

    animation: spin 1s linear infinite;
}

.cursor-not-allowed {

    cursor: not-allowed;
}

.cursor-pointer {

    cursor: pointer;
}

.select-none {

    -webkit-user-select: none;

            user-select: none;
}

.resize-none {

    resize: none;
}

.resize {

    resize: both;
}

.list-inside {

    list-style-position: inside;
}

.list-disc {

    list-style-type: disc;
}

.list-none {

    list-style-type: none;
}

.grid-cols-3 {

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

.grid-cols-\[repeat\(auto-fill\2c minmax\(164px\2c 1fr\)\)\] {

    grid-template-columns: repeat(auto-fill,minmax(164px,1fr));
}

.flex-col {

    flex-direction: column;
}

.flex-wrap {

    flex-wrap: wrap;
}

.flex-nowrap {

    flex-wrap: nowrap;
}

.items-start {

    align-items: flex-start;
}

.items-end {

    align-items: flex-end;
}

.items-center {

    align-items: center;
}

.justify-end {

    justify-content: flex-end;
}

.justify-center {

    justify-content: center;
}

.justify-between {

    justify-content: space-between;
}

.gap-0 {

    gap: 0px;
}

.gap-1 {

    gap: 0.25rem;
}

.gap-10 {

    gap: 2.5rem;
}

.gap-2 {

    gap: 0.5rem;
}

.gap-20 {

    gap: 5rem;
}

.gap-3 {

    gap: 0.75rem;
}

.gap-4 {

    gap: 1rem;
}

.gap-5 {

    gap: 1.25rem;
}

.gap-6 {

    gap: 1.5rem;
}

.gap-8 {

    gap: 2rem;
}

.gap-\[10px\] {

    gap: 10px;
}

.gap-\[6px\] {

    gap: 6px;
}

.space-x-6 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(1.5rem * var(--tw-space-x-reverse));

    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-\[10px\] > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(10px * var(--tw-space-y-reverse));
}

.self-end {

    align-self: flex-end;
}

.self-center {

    align-self: center;
}

.overflow-hidden {

    overflow: hidden;
}

.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 !important;
}

.overflow-y-hidden {

    overflow-y: hidden;
}

.overflow-x-scroll {

    overflow-x: scroll;
}

.overflow-y-scroll {

    overflow-y: scroll;
}

.truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
}

.whitespace-nowrap {

    white-space: nowrap;
}

.whitespace-pre-wrap {

    white-space: pre-wrap;
}

.break-words {

    overflow-wrap: break-word;
}

.break-all {

    word-break: break-all;
}

.rounded {

    border-radius: 0.25rem;
}

.rounded-2xl {

    border-radius: 1rem;
}

.rounded-full {

    border-radius: 9999px;
}

.rounded-lg {

    border-radius: 0.5rem;
}

.rounded-md {

    border-radius: 0.375rem;
}

.rounded-none {

    border-radius: 0px;
}

.rounded-l-lg {

    border-top-left-radius: 0.5rem;

    border-bottom-left-radius: 0.5rem;
}

.border {

    border-width: 1px;
}

.border-0 {

    border-width: 0px;
}

.border-\[1px\] {

    border-width: 1px;
}

.border-b {

    border-bottom-width: 1px;
}

.border-b-\[1px\] {

    border-bottom-width: 1px;
}

.border-t {

    border-top-width: 1px;
}

.border-solid {

    border-style: solid;
}

.border-none {

    border-style: none;
}

.\!border-\[\#FF046D\] {

    --tw-border-opacity: 1 !important;

    border-color: rgb(255 4 109 / var(--tw-border-opacity, 1)) !important;
}

.\!border-base-800 {

    --tw-border-opacity: 1 !important;

    border-color: rgb(56 57 64 / var(--tw-border-opacity, 1)) !important;
}

.\!border-base-content {

    --tw-border-opacity: 1 !important;

    border-color: rgb(28 28 30 / var(--tw-border-opacity, 1)) !important;
}

.\!border-primary {

    --tw-border-opacity: 1 !important;

    border-color: rgb(26 36 72 / var(--tw-border-opacity, 1)) !important;
}

.border-\[\#0000000D\] {

    border-color: #0000000D;
}

.border-\[\#FF046D\] {

    --tw-border-opacity: 1;

    border-color: rgb(255 4 109 / var(--tw-border-opacity, 1));
}

.border-\[\#FFEDD5\] {

    --tw-border-opacity: 1;

    border-color: rgb(255 237 213 / var(--tw-border-opacity, 1));
}

.border-\[\#ebeef3\] {

    --tw-border-opacity: 1;

    border-color: rgb(235 238 243 / var(--tw-border-opacity, 1));
}

.border-\[\#ff4040\] {

    --tw-border-opacity: 1;

    border-color: rgb(255 64 64 / var(--tw-border-opacity, 1));
}

.border-base-200 {

    --tw-border-opacity: 1;

    border-color: rgb(235 238 243 / var(--tw-border-opacity, 1));
}

.border-base-300 {

    --tw-border-opacity: 1;

    border-color: rgb(218 222 228 / var(--tw-border-opacity, 1));
}

.border-base-400 {

    --tw-border-opacity: 1;

    border-color: rgb(187 190 198 / var(--tw-border-opacity, 1));
}

.border-gray-300 {

    --tw-border-opacity: 1;

    border-color: rgb(218 222 228 / var(--tw-border-opacity, 1));
}

.border-transparent {

    border-color: transparent;
}

.border-b-\[\#DC2626\] {

    --tw-border-opacity: 1;

    border-bottom-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}

.\!bg-\[\#F4DBDB33\] {

    background-color: #F4DBDB33 !important;
}

.\!bg-\[\#FEE2E2\] {

    --tw-bg-opacity: 1 !important;

    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-error {

    --tw-bg-opacity: 1 !important;

    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-success {

    --tw-bg-opacity: 1 !important;

    background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-transparent {

    background-color: transparent !important;
}

.\!bg-warning {

    --tw-bg-opacity: 1 !important;

    background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)) !important;
}

.bg-\[\#F6F7FA\] {

    --tw-bg-opacity: 1;

    background-color: rgb(246 247 250 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FFEDD5\] {

    --tw-bg-opacity: 1;

    background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FFF8F7\] {

    --tw-bg-opacity: 1;

    background-color: rgb(255 248 247 / var(--tw-bg-opacity, 1));
}

.bg-\[\#dadee4\] {

    --tw-bg-opacity: 1;

    background-color: rgb(218 222 228 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fff8f7\] {

    --tw-bg-opacity: 1;

    background-color: rgb(255 248 247 / var(--tw-bg-opacity, 1));
}

.bg-base-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(246 247 250 / var(--tw-bg-opacity, 1));
}

.bg-base-200 {

    --tw-bg-opacity: 1;

    background-color: rgb(235 238 243 / var(--tw-bg-opacity, 1));
}

.bg-base-300 {

    --tw-bg-opacity: 1;

    background-color: rgb(218 222 228 / var(--tw-bg-opacity, 1));
}

.bg-error-content {

    --tw-bg-opacity: 1;

    background-color: var(--fallback-erc,oklch(var(--erc)/var(--tw-bg-opacity, 1)));
}

.bg-gray-200 {

    --tw-bg-opacity: 1;

    background-color: rgb(235 238 243 / var(--tw-bg-opacity, 1));
}

.bg-neutral-content {

    --tw-bg-opacity: 1;

    background-color: var(--fallback-nc,oklch(var(--nc)/var(--tw-bg-opacity, 1)));
}

.bg-primary {

    --tw-bg-opacity: 1;

    background-color: rgb(26 36 72 / var(--tw-bg-opacity, 1));
}

.bg-primary-content {

    --tw-bg-opacity: 1;

    background-color: var(--fallback-pc,oklch(var(--pc)/var(--tw-bg-opacity, 1)));
}

.bg-transparent {

    background-color: transparent;
}

.bg-white {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-opacity-50 {

    --tw-bg-opacity: 0.5;
}

.bg-gradient-to-br {

    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-l {

    background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r {

    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-\[\#FB9621\] {

    --tw-gradient-from: #FB9621 var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(251 150 33 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white {

    --tw-gradient-from: #fff var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-\[\#FF4040\] {

    --tw-gradient-to: rgb(255 64 64 / 0)  var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), #FF4040 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-\[\#FF046D\] {

    --tw-gradient-to: #FF046D var(--tw-gradient-to-position);
}

.to-transparent {

    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.bg-clip-text {

    -webkit-background-clip: text;

            background-clip: text;
}

.object-cover {

    object-fit: cover;
}

.p-0 {

    padding: 0px;
}

.p-1 {

    padding: 0.25rem;
}

.p-10 {

    padding: 2.5rem;
}

.p-2 {

    padding: 0.5rem;
}

.p-4 {

    padding: 1rem;
}

.p-5 {

    padding: 1.25rem;
}

.p-6 {

    padding: 1.5rem;
}

.p-8 {

    padding: 2rem;
}

.p-\[10px\] {

    padding: 10px;
}

.p-\[15px\] {

    padding: 15px;
}

.p-\[6px\] {

    padding: 6px;
}

.px-10 {

    padding-left: 2.5rem;

    padding-right: 2.5rem;
}

.px-12 {

    padding-left: 3rem;

    padding-right: 3rem;
}

.px-14 {

    padding-left: 3.5rem;

    padding-right: 3.5rem;
}

.px-2 {

    padding-left: 0.5rem;

    padding-right: 0.5rem;
}

.px-3 {

    padding-left: 0.75rem;

    padding-right: 0.75rem;
}

.px-4 {

    padding-left: 1rem;

    padding-right: 1rem;
}

.px-6 {

    padding-left: 1.5rem;

    padding-right: 1.5rem;
}

.px-8 {

    padding-left: 2rem;

    padding-right: 2rem;
}

.px-9 {

    padding-left: 2.25rem;

    padding-right: 2.25rem;
}

.px-\[10px\] {

    padding-left: 10px;

    padding-right: 10px;
}

.px-\[120px\] {

    padding-left: 120px;

    padding-right: 120px;
}

.py-1 {

    padding-top: 0.25rem;

    padding-bottom: 0.25rem;
}

.py-2 {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;
}

.py-3 {

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;
}

.py-4 {

    padding-top: 1rem;

    padding-bottom: 1rem;
}

.py-5 {

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;
}

.py-6 {

    padding-top: 1.5rem;

    padding-bottom: 1.5rem;
}

.py-8 {

    padding-top: 2rem;

    padding-bottom: 2rem;
}

.py-\[6px\] {

    padding-top: 6px;

    padding-bottom: 6px;
}

.\!pl-4 {

    padding-left: 1rem !important;
}

.\!pr-12 {

    padding-right: 3rem !important;
}

.\!pr-20 {

    padding-right: 5rem !important;
}

.pb-10 {

    padding-bottom: 2.5rem;
}

.pb-2 {

    padding-bottom: 0.5rem;
}

.pb-4 {

    padding-bottom: 1rem;
}

.pl-1 {

    padding-left: 0.25rem;
}

.pl-10 {

    padding-left: 2.5rem;
}

.pl-2 {

    padding-left: 0.5rem;
}

.pl-6 {

    padding-left: 1.5rem;
}

.pl-8 {

    padding-left: 2rem;
}

.pl-\[10px\] {

    padding-left: 10px;
}

.pr-8 {

    padding-right: 2rem;
}

.pt-2 {

    padding-top: 0.5rem;
}

.pt-20 {

    padding-top: 5rem;
}

.pt-6 {

    padding-top: 1.5rem;
}

.text-center {

    text-align: center;
}

.text-right {

    text-align: right;
}

.text-start {

    text-align: start;
}

.text-end {

    text-align: end;
}

.font-\[\'Pretendard\'\] {

    font-family: 'Pretendard';
}

.font-\[Pretendard\] {

    font-family: Pretendard;
}

.text-2xl {

    font-size: 1.5rem;

    line-height: 2rem;
}

.text-3xl {

    font-size: 1.875rem;

    line-height: 2.25rem;
}

.text-\[16px\] {

    font-size: 16px;
}

.text-\[18px\] {

    font-size: 18px;
}

.text-base {

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;
}

.text-base-b {

    font-size: 16px;

    line-height: 24px;

    font-weight: 700;
}

.text-lg {

    font-size: 18px;

    line-height: 28px;

    font-weight: 400;
}

.text-lg-b {

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;
}

.text-sm {

    font-size: 14px;

    line-height: 20px;

    font-weight: 400;
}

.text-sm-b {

    font-size: 14px;

    line-height: 20px;

    font-weight: 700;
}

.text-xl {

    font-size: 20px;

    line-height: 30px;

    font-weight: 400;
}

.text-xl-b {

    font-size: 20px;

    line-height: 30px;

    font-weight: 700;
}

.text-xs {

    font-size: 12px;

    line-height: 18px;

    font-weight: 400;
}

.text-xs-b {

    font-size: 12px;

    line-height: 18px;

    font-weight: 700;
}

.font-bold {

    font-weight: 700;
}

.font-medium {

    font-weight: 500;
}

.font-normal {

    font-weight: 400;
}

.font-semibold {

    font-weight: 600;
}

.leading-\[24px\] {

    line-height: 24px;
}

.leading-\[48px\] {

    line-height: 48px;
}

.tracking-wide {

    letter-spacing: 0.025em;
}

.\!text-error-content {

    --tw-text-opacity: 1 !important;

    color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity, 1))) !important;
}

.\!text-success-content {

    --tw-text-opacity: 1 !important;

    color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity, 1))) !important;
}

.\!text-warning-content {

    --tw-text-opacity: 1 !important;

    color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity, 1))) !important;
}

.text-\[\#1A2448\] {

    --tw-text-opacity: 1;

    color: rgb(26 36 72 / var(--tw-text-opacity, 1));
}

.text-\[\#1c1c1e\] {

    --tw-text-opacity: 1;

    color: rgb(28 28 30 / var(--tw-text-opacity, 1));
}

.text-\[\#63666f\] {

    --tw-text-opacity: 1;

    color: rgb(99 102 111 / var(--tw-text-opacity, 1));
}

.text-\[\#747883\] {

    --tw-text-opacity: 1;

    color: rgb(116 120 131 / var(--tw-text-opacity, 1));
}

.text-\[\#BBBEC6\] {

    --tw-text-opacity: 1;

    color: rgb(187 190 198 / var(--tw-text-opacity, 1));
}

.text-\[\#DC2626\] {

    --tw-text-opacity: 1;

    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-\[\#EA580C\] {

    --tw-text-opacity: 1;

    color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.text-\[\#FF046D\] {

    --tw-text-opacity: 1;

    color: rgb(255 4 109 / var(--tw-text-opacity, 1));
}

.text-\[\#fc8eac\] {

    --tw-text-opacity: 1;

    color: rgb(252 142 172 / var(--tw-text-opacity, 1));
}

.text-\[\#ff046D\] {

    --tw-text-opacity: 1;

    color: rgb(255 4 109 / var(--tw-text-opacity, 1));
}

.text-base-200 {

    --tw-text-opacity: 1;

    color: rgb(235 238 243 / var(--tw-text-opacity, 1));
}

.text-base-400 {

    --tw-text-opacity: 1;

    color: rgb(187 190 198 / var(--tw-text-opacity, 1));
}

.text-base-500 {

    --tw-text-opacity: 1;

    color: rgb(116 120 131 / var(--tw-text-opacity, 1));
}

.text-base-600 {

    --tw-text-opacity: 1;

    color: rgb(99 102 111 / var(--tw-text-opacity, 1));
}

.text-base-800 {

    --tw-text-opacity: 1;

    color: rgb(56 57 64 / var(--tw-text-opacity, 1));
}

.text-base-content {

    --tw-text-opacity: 1;

    color: rgb(28 28 30 / var(--tw-text-opacity, 1));
}

.text-error-content {

    --tw-text-opacity: 1;

    color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity, 1)));
}

.text-gray-200 {

    --tw-text-opacity: 1;

    color: rgb(235 238 243 / var(--tw-text-opacity, 1));
}

.text-gray-300 {

    --tw-text-opacity: 1;

    color: rgb(218 222 228 / var(--tw-text-opacity, 1));
}

.text-gray-400 {

    --tw-text-opacity: 1;

    color: rgb(187 190 198 / var(--tw-text-opacity, 1));
}

.text-gray-500 {

    --tw-text-opacity: 1;

    color: rgb(116 120 131 / var(--tw-text-opacity, 1));
}

.text-gray-600 {

    --tw-text-opacity: 1;

    color: rgb(99 102 111 / var(--tw-text-opacity, 1));
}

.text-gray-800 {

    --tw-text-opacity: 1;

    color: rgb(56 57 64 / var(--tw-text-opacity, 1));
}

.text-gray-900 {

    --tw-text-opacity: 1;

    color: rgb(28 28 30 / var(--tw-text-opacity, 1));
}

.text-info {

    --tw-text-opacity: 1;

    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.text-primary {

    --tw-text-opacity: 1;

    color: rgb(26 36 72 / var(--tw-text-opacity, 1));
}

.text-primary-content {

    --tw-text-opacity: 1;

    color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity, 1)));
}

.text-transparent {

    color: transparent;
}

.text-white {

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.no-underline {

    text-decoration-line: none;
}

.opacity-100 {

    opacity: 1;
}

.opacity-20 {

    opacity: 0.2;
}

.opacity-50 {

    opacity: 0.5;
}

.shadow-\[-2px_0px_8px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c 12px_0px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {

    --tw-shadow: -2px 0px 8px 0px rgba(0,0,0,0.08),12px 0px 16px 0px rgba(0,0,0,0.08);

    --tw-shadow-colored: -2px 0px 8px 0px var(--tw-shadow-color), 12px 0px 16px 0px 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-\[-2px_0px_8px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c 4px_0px_12px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {

    --tw-shadow: -2px 0px 8px 0px rgba(0,0,0,0.08),4px 0px 12px 0px rgba(0,0,0,0.08);

    --tw-shadow-colored: -2px 0px 8px 0px var(--tw-shadow-color), 4px 0px 12px 0px 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-\[0px_0px_12px_8px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {

    --tw-shadow: 0px 0px 12px 8px rgba(0,0,0,0.08);

    --tw-shadow-colored: 0px 0px 12px 8px 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-md {

    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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-none {

    --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-none {

    outline: 2px solid transparent !important;

    outline-offset: 2px !important;
}

.outline-none {

    outline: 2px solid transparent;

    outline-offset: 2px;
}

.\!outline {

    outline-style: solid !important;
}

.outline {

    outline-style: solid;
}

.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);
}

.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);
}

.\[--chkbg\:\#FF4040\] {

    --chkbg: #FF4040;
}

.\[--chkfg\:white\] {

    --chkfg: white;
}

.placeholder\:text-base-400::placeholder {

    --tw-text-opacity: 1;

    color: rgb(187 190 198 / var(--tw-text-opacity, 1));
}

.hover\:rounded-lg:hover {

    border-radius: 0.5rem;
}

.hover\:bg-\[\#FFF8F7\]:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(255 248 247 / var(--tw-bg-opacity, 1));
}

.hover\:bg-base-100:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(246 247 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-transparent:hover {

    background-color: transparent;
}

.hover\:bg-white:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gradient-to-br:hover {

    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.hover\:from-\[\#FB9621\]:hover {

    --tw-gradient-from: #FB9621 var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(251 150 33 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:via-\[\#FF4040\]:hover {

    --tw-gradient-to: rgb(255 64 64 / 0)  var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), #FF4040 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.hover\:to-\[\#FF046D\]:hover {

    --tw-gradient-to: #FF046D var(--tw-gradient-to-position);
}

.hover\:bg-clip-text:hover {

    -webkit-background-clip: text;

            background-clip: text;
}

.hover\:text-transparent:hover {

    color: transparent;
}

.focus\:border:focus {

    border-width: 1px;
}

.focus\:border-\[\#FF046D\]:focus {

    --tw-border-opacity: 1;

    border-color: rgb(255 4 109 / var(--tw-border-opacity, 1));
}

.focus\:border-base-500:focus {

    --tw-border-opacity: 1;

    border-color: rgb(116 120 131 / var(--tw-border-opacity, 1));
}

.focus\:outline-none:focus {

    outline: 2px solid transparent;

    outline-offset: 2px;
}

.disabled\:border-\[1px\]:disabled {

    border-width: 1px;
}

.disabled\:border-solid:disabled {

    border-style: solid;
}

.disabled\:border-\[\#FF046D\]:disabled {

    --tw-border-opacity: 1;

    border-color: rgb(255 4 109 / var(--tw-border-opacity, 1));
}

.disabled\:bg-base-200:disabled {

    --tw-bg-opacity: 1;

    background-color: rgb(235 238 243 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-white:disabled {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:text-\[\#FF046D\] {

    --tw-text-opacity: 1;

    color: rgb(255 4 109 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {

    .md\:mt-auto {

        margin-top: auto;
    }

    .md\:flex {

        display: flex;
    }

    .md\:h-\[152px\] {

        height: 152px;
    }

    .md\:w-\[200px\] {

        width: 200px;
    }

    .md\:w-fit {

        width: fit-content;
    }

    .md\:flex-col {

        flex-direction: column;
    }

    .md\:items-start {

        align-items: flex-start;
    }

    .md\:justify-center {

        justify-content: center;
    }

    .md\:gap-\[10px\] {

        gap: 10px;
    }
}

@media (prefers-color-scheme: dark) {

    .dark\:text-gray-600 {

        --tw-text-opacity: 1;

        color: rgb(99 102 111 / var(--tw-text-opacity, 1));
    }
}
*, ::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:  ;
}
: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;
  --ac: 15.352% 0.0368 183.61;
  --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: 27.2204% 0.068063 269.755013;
  --s: 27.9495% 0.036848 260.030984;
  --sc: 100% 0 0;
  --a: 76.76% 0.184 183.61;
  --n: 34.6315% 0.012203 279.27533;
  --nc: 100% 0 0;
  --b1: 97.6225% 0.004127 271.369827;
  --b2: 94.8264% 0.007451 260.73154;
  --b3: 89.9269% 0.009265 258.337389;
  --bc: 22.728% 0.003823 286.091612;
  primary-focus: #131B38;
  --pc: 100% 0 0;
  secondary-focus: #0F172A;
  neutral-focus: #1C1C1E;
  base-400: #BBBEC6;
  base-500: #747883;
  base-600: #63666F;
  base-700: #51535B;
  base-800: #383940;
  --in: 62.3083% 0.188015 259.814527;
  --inc: 100% 0 0;
  --su: 69.5873% 0.149074 162.479602;
  --suc: 100% 0 0;
  --wa: 95.4204% 0.037154 75.164359;
  --wac: 64.6072% 0.194327 41.115779;
  --er: 93.5641% 0.030896 17.717165;
  --erc: 57.7099% 0.215157 27.325049;
}
:root .btn-primary {
  color: #FFF;
  background-color: #1A2448;
}
:root .btn-outline.btn-primary {
  border-color: #1A2448;
  color: #1A2448;
  background-color: transparent;
}
:root .btn-outline.btn-default {
  border-color: #EBEEF3;
}
:root .btn-outline.btn-warning {
  color: #EA580C;
}
:root .btn-outline.btn-error {
  color: #DC2626;
}
:root .checkbox:checked {
  background-color: #1a2448;
  --chkbg: #1a2448;
  border-color: #1a2448;
}
:root .checkbox-warning, :root .checkbox-warning:hover:not(:checked) {
  border-color: #EA580C;
}
:root .checkbox-error, :root .checkbox-error:hover:not(:checked) {
  border-color: #DC2626;
}
:root .select:focus {
  border-color: #1A2448;
  outline-color: #1A2448;
}
:root .input-bordered {
  border-color: #DADEE4;
}
:root .input-bordered:focus {
  border-color: #1A2448;
  outline: none;
}
:root .input-error, :root .input-error:focus {
  border-color: #DC2626;
  outline-color: #DC2626;
}
:root .select {
  background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%) !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .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;
  }
}
.avatar.placeholder > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (hover:hover) {
  .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 !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 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,
.\!menu li > *:not(ul, .menu-title, details, .btn).active,
.\!menu li > details > summary: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;
  }
}
.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],
  .btn:disabled {
  pointer-events: none;
}
.btn-square {
  height: 3rem;
  width: 3rem;
  padding: 0px;
}
:where(.btn:is(input[type="checkbox"])),
:where(.btn:is(input[type="radio"])) {
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.btn:is(input[type="checkbox"]):after,
.btn:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
.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;
}
.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, 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 {
    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 > *.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;
  }
  .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.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,
    .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;
  }
  @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);
      border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
    }
  }
  .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 !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  @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)) !important;
    }
  }
  :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));
    }
  }
  :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 !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  @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)) !important;
    }
  }
  :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 !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  @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)) !important;
    }
  }
  :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 !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  @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)) !important;
    }
  }
}
.dropdown:is(details) summary::-webkit-details-marker {
  display: none;
}
.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;
}
@media (min-width: 48rem) {
  .footer {
    grid-auto-flow: column;
  }
  .footer-center {
    grid-auto-flow: row dense;
  }
}
.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;
}
.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,
.input-md[type="number"]::-webkit-inner-spin-button {
  margin-top: -1rem;
  margin-bottom: -1rem;
  margin-inline-end: -1rem;
}
.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;
  }
}
.link {
  cursor: pointer;
  text-decoration-line: underline;
}
.\!menu {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: wrap !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  padding: 0.5rem !important;
}
.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 !important;
  white-space: nowrap !important;
  margin-inline-start: 1rem !important;
  padding-inline-start: 0.5rem !important;
}
.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 !important;
  grid-auto-flow: column !important;
  align-content: flex-start !important;
  align-items: center !important;
  gap: 0.5rem !important;
  grid-auto-columns: minmax(auto, max-content) auto max-content !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.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 :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .\!menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
  display: grid !important;
  grid-auto-flow: column !important;
  align-content: flex-start !important;
  align-items: center !important;
  gap: 0.5rem !important;
  grid-auto-columns: minmax(auto, max-content) auto max-content !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.\!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 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 !important;
}
.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
  display: none;
}
:where(.\!menu li) {
  position: relative !important;
  display: flex !important;
  flex-shrink: 0 !important;
  flex-direction: column !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
}
: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 !important;
}
:where(.menu li) .badge {
  justify-self: end;
}
.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;
}
: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, 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;
}
:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) {
  overflow: hidden;
  scrollbar-gutter: stable;
}
.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;
}
.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;
  overflow-x: auto;
}
.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)));
}
.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;
}
.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 > *.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 > * .label {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (prefers-reduced-motion: no-preference) {
  .btn {
    animation: button-pop var(--animation-btn, 0.25s) ease-out;
  }
}
.btn:active:hover,
  .btn:active:focus {
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}
@supports not (color: oklch(0% 0 0)) {
  .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);
  }
}
@supports (color: color-mix(in oklab, black, 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;
  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;
  --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%;
  --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;
  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: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):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible {
  outline-color: var(--fallback-p,oklch(var(--p)/1));
}
@keyframes button-pop {
  0% {
    transform: scale(var(--btn-focus-scale, 0.98));
  }
  40% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}
.checkbox:focus {
  box-shadow: none;
}
.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;
  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;
  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: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;
  }
}
.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));
}
.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;
  outline-offset: 2px;
}
.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;
  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-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,
  .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])::-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]) > input[disabled] {
  cursor: not-allowed;
}
.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-item:focus {
  isolation: isolate;
}
.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");
}
:where(.\!menu li:empty) {
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))) !important;
  opacity: 0.1 !important;
  margin: 0.5rem 1rem !important;
  height: 1px !important;
}
: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 !important;
  bottom: 0.75rem !important;
  inset-inline-start: 0px !important;
  top: 0.75rem !important;
  width: 1px !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))) !important;
  opacity: 0.1 !important;
  content: "" !important;
}
.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) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  text-align: start !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  transition-duration: 200ms !important;
  text-wrap: balance !important;
}
.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, 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;
}
.\!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) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  text-align: start !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  transition-duration: 200ms !important;
  text-wrap: balance !important;
}
: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 !important;
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
  --tw-text-opacity: 1 !important;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
: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;
}
: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 !important;
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
  --tw-text-opacity: 1 !important;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.\!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 !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 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,
.\!menu li > *:not(ul, .menu-title, details, .btn).active,
.\!menu li > details > summary: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 !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 !important;
  display: block !important;
  margin-top: -0.5rem !important;
  height: 0.5rem !important;
  width: 0.5rem !important;
  transform: rotate(45deg) !important;
  transition-property: transform, margin-top !important;
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  content: "" !important;
  transform-origin: 75% 75% !important;
  box-shadow: 2px 2px !important;
  pointer-events: none !important;
}
.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 > summary):after,
.\!menu :where(li > .menu-dropdown-toggle):after {
  justify-self: end !important;
  display: block !important;
  margin-top: -0.5rem !important;
  height: 0.5rem !important;
  width: 0.5rem !important;
  transform: rotate(45deg) !important;
  transition-property: transform, margin-top !important;
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  content: "" !important;
  transform-origin: 75% 75% !important;
  box-shadow: 2px 2px !important;
  pointer-events: none !important;
}
.\!menu :where(li > details[open] > summary):after,
.\!menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
  transform: rotate(225deg) !important;
  margin-top: 0 !important;
}
.menu :where(li > details[open] > summary):after,
.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
  transform: rotate(225deg);
  margin-top: 0;
}
.\!menu :where(li > details[open] > summary):after,
.\!menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
  transform: rotate(225deg) !important;
  margin-top: 0 !important;
}
.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: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: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;
}
.modal:not(dialog:not(.modal-open)),
  .modal::backdrop {
  background-color: #0006;
  animation: modal-pop 0.2s ease-out;
}
.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));
}
@keyframes modal-pop {
  0% {
    opacity: 0;
  }
}
@keyframes progress-loading {
  50% {
    background-position-x: -115%;
  }
}
@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;
  }
}
@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-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%);
}
@keyframes skeleton {
  from {
    background-position: 150%;
  }
  to {
    background-position: -50%;
  }
}
: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;
}
.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-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;
}
.toast > * {
  animation: toast-pop 0.25s ease-out;
}
@keyframes toast-pop {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.no-animation {
  --btn-focus-scale: 1;
  --animation-btn: 0;
  --animation-input: 0;
}
.artboard.phone {
  width: 320px;
}
.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-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;
}
[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;
}
.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;
}
.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;
}
: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));
}
.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-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;
}
.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;
}
.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;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.left-0 {
  left: 0px;
}
.left-4 {
  left: 1rem;
}
.left-\[25px\] {
  left: 25px;
}
.right-0 {
  right: 0px;
}
.right-12 {
  right: 3rem;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-\[25px\] {
  right: 25px;
}
.top-0 {
  top: 0px;
}
.top-2 {
  top: 0.5rem;
}
.z-10 {
  z-index: 10;
}
.z-9999 {
  z-index: 9999;
}
.z-\[99999\] {
  z-index: 99999;
}
.z-\[9999\] {
  z-index: 9999;
}
.\!m-0 {
  margin: 0px !important;
}
.mx-\[120px\] {
  margin-left: 120px;
  margin-right: 120px;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[-16px\] {
  margin-bottom: -16px;
}
.mb-\[10px\] {
  margin-bottom: 10px;
}
.mb-\[16px\] {
  margin-bottom: 16px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-48 {
  margin-top: 12rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[128px\] {
  margin-top: 128px;
}
.mt-\[52px\] {
  margin-top: 52px;
}
.mt-auto {
  margin-top: auto;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.\!h-5 {
  height: 1.25rem !important;
}
.\!h-8 {
  height: 2rem !important;
}
.h-1\/4 {
  height: 25%;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-16 {
  height: 4rem;
}
.h-20 {
  height: 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-\[100px\] {
  height: 100px;
}
.h-\[12px\] {
  height: 12px;
}
.h-\[152px\] {
  height: 152px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[240px\] {
  height: 240px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[54px\] {
  height: 54px;
}
.h-\[564px\] {
  height: 564px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[672px\] {
  height: 672px;
}
.h-\[80px\] {
  height: 80px;
}
.h-\[calc\(100vh-152px\)\] {
  height: calc(100vh - 152px);
}
.h-\[calc\(100vh-209px\)\] {
  height: calc(100vh - 209px);
}
.h-auto {
  height: auto;
}
.h-drawer {
  height: calc(100vh - 140px);
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-\[340px\] {
  max-height: 340px;
}
.max-h-\[426px\] {
  max-height: 426px;
}
.max-h-\[450px\] {
  max-height: 450px;
}
.max-h-\[720px\] {
  max-height: 720px;
}
.max-h-\[calc\(100vh-195px\)\] {
  max-height: calc(100vh - 195px);
}
.max-h-full {
  max-height: 100%;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-12 {
  min-height: 3rem;
}
.min-h-20 {
  min-height: 5rem;
}
.min-h-40 {
  min-height: 10rem;
}
.min-h-8 {
  min-height: 2rem;
}
.min-h-\[24px\] {
  min-height: 24px;
}
.min-h-\[672px\] {
  min-height: 672px;
}
.min-h-\[68px\] {
  min-height: 68px;
}
.min-h-\[calc\(100vh-82px\)\] {
  min-height: calc(100vh - 82px);
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-5 {
  width: 1.25rem !important;
}
.\!w-\[280px\] {
  width: 280px !important;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/4 {
  width: 25%;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-16 {
  width: 4rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-3\/4 {
  width: 75%;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[107px\] {
  width: 107px;
}
.w-\[135px\] {
  width: 135px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[2px\] {
  width: 2px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[324px\] {
  width: 324px;
}
.w-\[32px\] {
  width: 32px;
}
.w-\[340px\] {
  width: 340px;
}
.w-\[343px\] {
  width: 343px;
}
.w-\[388px\] {
  width: 388px;
}
.w-\[420px\] {
  width: 420px;
}
.w-\[45px\] {
  width: 45px;
}
.w-\[464px\] {
  width: 464px;
}
.w-\[500px\] {
  width: 500px;
}
.w-\[512px\] {
  width: 512px;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[70px\] {
  width: 70px;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-screen {
  width: 100vw;
}
.min-w-\[1183px\] {
  min-width: 1183px;
}
.min-w-\[340px\] {
  min-width: 340px;
}
.min-w-\[693px\] {
  min-width: 693px;
}
.min-w-\[952px\] {
  min-width: 952px;
}
.max-w-\[224px\] {
  max-width: 224px;
}
.max-w-\[265px\] {
  max-width: 265px;
}
.max-w-\[340px\] {
  max-width: 340px;
}
.max-w-\[348px\] {
  max-width: 348px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-full {
  max-width: 100%;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[1\.5\] {
  flex: 1.5;
}
.basis-\[265px\] {
  flex-basis: 265px;
}
.basis-\[316px\] {
  flex-basis: 316px;
}
.basis-\[328px\] {
  flex-basis: 328px;
}
.basis-\[420px\] {
  flex-basis: 420px;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.list-inside {
  list-style-position: inside;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(164px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(164px,1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-20 {
  gap: 5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[6px\] {
  gap: 6px;
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-\[10px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(10px * var(--tw-space-y-reverse));
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.overflow-hidden {
  overflow: hidden;
}
.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 !important;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-\[1px\] {
  border-bottom-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-solid {
  border-style: solid;
}
.border-none {
  border-style: none;
}
.\!border-\[\#FF046D\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 4 109 / var(--tw-border-opacity, 1)) !important;
}
.\!border-base-800 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(56 57 64 / var(--tw-border-opacity, 1)) !important;
}
.\!border-base-content {
  --tw-border-opacity: 1 !important;
  border-color: rgb(28 28 30 / var(--tw-border-opacity, 1)) !important;
}
.\!border-primary {
  --tw-border-opacity: 1 !important;
  border-color: rgb(26 36 72 / var(--tw-border-opacity, 1)) !important;
}
.border-\[\#0000000D\] {
  border-color: #0000000D;
}
.border-\[\#FF046D\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 4 109 / var(--tw-border-opacity, 1));
}
.border-\[\#FFEDD5\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 237 213 / var(--tw-border-opacity, 1));
}
.border-\[\#ebeef3\] {
  --tw-border-opacity: 1;
  border-color: rgb(235 238 243 / var(--tw-border-opacity, 1));
}
.border-\[\#ff4040\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 64 64 / var(--tw-border-opacity, 1));
}
.border-base-200 {
  --tw-border-opacity: 1;
  border-color: rgb(235 238 243 / var(--tw-border-opacity, 1));
}
.border-base-300 {
  --tw-border-opacity: 1;
  border-color: rgb(218 222 228 / var(--tw-border-opacity, 1));
}
.border-base-400 {
  --tw-border-opacity: 1;
  border-color: rgb(187 190 198 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(218 222 228 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-b-\[\#DC2626\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.\!bg-\[\#F4DBDB33\] {
  background-color: #F4DBDB33 !important;
}
.\!bg-\[\#FEE2E2\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-error {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-success {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-transparent {
  background-color: transparent !important;
}
.\!bg-warning {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#F6F7FA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 247 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFEDD5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF8F7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#dadee4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(218 222 228 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff8f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 247 / var(--tw-bg-opacity, 1));
}
.bg-base-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(246 247 250 / var(--tw-bg-opacity, 1));
}
.bg-base-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(235 238 243 / var(--tw-bg-opacity, 1));
}
.bg-base-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(218 222 228 / var(--tw-bg-opacity, 1));
}
.bg-error-content {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-erc,oklch(var(--erc)/var(--tw-bg-opacity, 1)));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(235 238 243 / var(--tw-bg-opacity, 1));
}
.bg-neutral-content {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-nc,oklch(var(--nc)/var(--tw-bg-opacity, 1)));
}
.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(26 36 72 / var(--tw-bg-opacity, 1));
}
.bg-primary-content {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-pc,oklch(var(--pc)/var(--tw-bg-opacity, 1)));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#FB9621\] {
  --tw-gradient-from: #FB9621 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 150 33 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#FF4040\] {
  --tw-gradient-to: rgb(255 64 64 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FF4040 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#FF046D\] {
  --tw-gradient-to: #FF046D var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[10px\] {
  padding: 10px;
}
.p-\[15px\] {
  padding: 15px;
}
.p-\[6px\] {
  padding: 6px;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[120px\] {
  padding-left: 120px;
  padding-right: 120px;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.\!pl-4 {
  padding-left: 1rem !important;
}
.\!pr-12 {
  padding-right: 3rem !important;
}
.\!pr-20 {
  padding-right: 5rem !important;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-\[10px\] {
  padding-left: 10px;
}
.pr-8 {
  padding-right: 2rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.font-\[\'Pretendard\'\] {
  font-family: 'Pretendard';
}
.font-\[Pretendard\] {
  font-family: Pretendard;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-base {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.text-base-b {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.text-lg {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
.text-lg-b {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
}
.text-sm {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.text-sm-b {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.text-xl {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}
.text-xl-b {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}
.text-xs {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.text-xs-b {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.leading-\[24px\] {
  line-height: 24px;
}
.leading-\[48px\] {
  line-height: 48px;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.\!text-error-content {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity, 1))) !important;
}
.\!text-success-content {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity, 1))) !important;
}
.\!text-warning-content {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity, 1))) !important;
}
.text-\[\#1A2448\] {
  --tw-text-opacity: 1;
  color: rgb(26 36 72 / var(--tw-text-opacity, 1));
}
.text-\[\#1c1c1e\] {
  --tw-text-opacity: 1;
  color: rgb(28 28 30 / var(--tw-text-opacity, 1));
}
.text-\[\#63666f\] {
  --tw-text-opacity: 1;
  color: rgb(99 102 111 / var(--tw-text-opacity, 1));
}
.text-\[\#747883\] {
  --tw-text-opacity: 1;
  color: rgb(116 120 131 / var(--tw-text-opacity, 1));
}
.text-\[\#BBBEC6\] {
  --tw-text-opacity: 1;
  color: rgb(187 190 198 / var(--tw-text-opacity, 1));
}
.text-\[\#DC2626\] {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-\[\#EA580C\] {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.text-\[\#FF046D\] {
  --tw-text-opacity: 1;
  color: rgb(255 4 109 / var(--tw-text-opacity, 1));
}
.text-\[\#fc8eac\] {
  --tw-text-opacity: 1;
  color: rgb(252 142 172 / var(--tw-text-opacity, 1));
}
.text-\[\#ff046D\] {
  --tw-text-opacity: 1;
  color: rgb(255 4 109 / var(--tw-text-opacity, 1));
}
.text-base-200 {
  --tw-text-opacity: 1;
  color: rgb(235 238 243 / var(--tw-text-opacity, 1));
}
.text-base-400 {
  --tw-text-opacity: 1;
  color: rgb(187 190 198 / var(--tw-text-opacity, 1));
}
.text-base-500 {
  --tw-text-opacity: 1;
  color: rgb(116 120 131 / var(--tw-text-opacity, 1));
}
.text-base-600 {
  --tw-text-opacity: 1;
  color: rgb(99 102 111 / var(--tw-text-opacity, 1));
}
.text-base-800 {
  --tw-text-opacity: 1;
  color: rgb(56 57 64 / var(--tw-text-opacity, 1));
}
.text-base-content {
  --tw-text-opacity: 1;
  color: rgb(28 28 30 / var(--tw-text-opacity, 1));
}
.text-error-content {
  --tw-text-opacity: 1;
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity, 1)));
}
.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(235 238 243 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(218 222 228 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(187 190 198 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(116 120 131 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(99 102 111 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(56 57 64 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(28 28 30 / var(--tw-text-opacity, 1));
}
.text-info {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-primary {
  --tw-text-opacity: 1;
  color: rgb(26 36 72 / var(--tw-text-opacity, 1));
}
.text-primary-content {
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity, 1)));
}
.text-transparent {
  color: transparent;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.no-underline {
  text-decoration-line: none;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-50 {
  opacity: 0.5;
}
.shadow-\[-2px_0px_8px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c 12px_0px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: -2px 0px 8px 0px rgba(0,0,0,0.08),12px 0px 16px 0px rgba(0,0,0,0.08);
  --tw-shadow-colored: -2px 0px 8px 0px var(--tw-shadow-color), 12px 0px 16px 0px 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-\[-2px_0px_8px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c 4px_0px_12px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: -2px 0px 8px 0px rgba(0,0,0,0.08),4px 0px 12px 0px rgba(0,0,0,0.08);
  --tw-shadow-colored: -2px 0px 8px 0px var(--tw-shadow-color), 4px 0px 12px 0px 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-\[0px_0px_12px_8px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0px 0px 12px 8px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0px 0px 12px 8px 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-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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-none {
  --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-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\!outline {
  outline-style: solid !important;
}
.outline {
  outline-style: solid;
}
.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);
}
.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);
}
.\[--chkbg\:\#FF4040\] {
  --chkbg: #FF4040;
}
.\[--chkfg\:white\] {
  --chkfg: white;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff')
    format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff')
    format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff')
    format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff')
    format('woff');
  font-weight: 700;
  font-style: normal;
}
html,
body,
#root {
  width: 100%;
  height: 100%;
  font-family: 'Pretendard';
  padding: 0;
  margin: 0;
}
* {
  box-sizing: border-box;
}
div,
ul,
li,
span,
p,
h1,
h2,
h3 {
  padding: 0;
  margin: 0;
}
input {
  border-style: solid;
}
.login-bg {
  position: relative;
  z-index: 0;
}
.login-bg::before {
  content: '';
  background-image: url('/images/login_bg.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  z-index: -2;
}
.login-bg::after {
  content: '';
  background-image: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 241, 241, 1) 100%
  );
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.placeholder\:text-base-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(187 190 198 / var(--tw-text-opacity, 1));
}
.placeholder\:text-base-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(187 190 198 / var(--tw-text-opacity, 1));
}
.hover\:rounded-lg:hover {
  border-radius: 0.5rem;
}
.hover\:bg-\[\#FFF8F7\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 247 / var(--tw-bg-opacity, 1));
}
.hover\:bg-base-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(246 247 250 / var(--tw-bg-opacity, 1));
}
.hover\:bg-transparent:hover {
  background-color: transparent;
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gradient-to-br:hover {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.hover\:from-\[\#FB9621\]:hover {
  --tw-gradient-from: #FB9621 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 150 33 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:via-\[\#FF4040\]:hover {
  --tw-gradient-to: rgb(255 64 64 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FF4040 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.hover\:to-\[\#FF046D\]:hover {
  --tw-gradient-to: #FF046D var(--tw-gradient-to-position);
}
.hover\:bg-clip-text:hover {
  -webkit-background-clip: text;
          background-clip: text;
}
.hover\:text-transparent:hover {
  color: transparent;
}
.focus\:border:focus {
  border-width: 1px;
}
.focus\:border-\[\#FF046D\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 4 109 / var(--tw-border-opacity, 1));
}
.focus\:border-base-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(116 120 131 / var(--tw-border-opacity, 1));
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.disabled\:border-\[1px\]:disabled {
  border-width: 1px;
}
.disabled\:border-solid:disabled {
  border-style: solid;
}
.disabled\:border-\[\#FF046D\]:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(255 4 109 / var(--tw-border-opacity, 1));
}
.disabled\:bg-base-200:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(235 238 243 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-white:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:text-\[\#FF046D\] {
  --tw-text-opacity: 1;
  color: rgb(255 4 109 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px) {
  .md\:mt-auto {
    margin-top: auto;
  }
  .md\:flex {
    display: flex;
  }
  .md\:h-\[152px\] {
    height: 152px;
  }
  .md\:w-\[200px\] {
    width: 200px;
  }
  .md\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:gap-\[10px\] {
    gap: 10px;
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(99 102 111 / var(--tw-text-opacity, 1));
  }
}