/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        ::backdrop,
        :after,
        :before {
            --tw-rotate-x: rotateX(0);
            --tw-rotate-y: rotateY(0);
            --tw-rotate-z: rotateZ(0);
            --tw-skew-x: skewX(0);
            --tw-skew-y: skewY(0);
            --tw-space-x-reverse: 0;
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial
        }
    }
}

@layer theme {

    :host,
    :root {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-gray-200: oklch(92.8% .006 264.531);
        --color-gray-300: oklch(87.2% .01 258.338);
        --color-gray-500: oklch(55.1% .027 264.364);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --text-sm: .875rem;
        --text-sm--line-height: 1.42857;
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: 1.55556;
        --text-xl: 1.25rem;
        --text-xl--line-height: 1.4;
        --text-2xl: 1.5rem;
        --text-2xl--line-height: 1.33333;
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: 1.11111;
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-black: 900;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --blur-xl: 24px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --color-primary: #4f654b
    }
}

@layer base {

    *,
    ::backdrop,
    :after,
    :before {
        border: 0 solid;
        box-sizing: border-box;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        border: 0 solid;
        box-sizing: border-box;
        margin: 0;
        padding: 0
    }

    :host,
    html {
        -webkit-text-size-adjust: 100%;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        line-height: 1.5;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        -webkit-tap-highlight-color: transparent
    }

    hr {
        border-top-width: 1px;
        color: inherit;
        height: 0
    }

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

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

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

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    pre,
    samp {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-size: 1em;
        font-variation-settings: var(--default-mono-font-variation-settings, normal)
    }

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        border-collapse: collapse;
        border-color: inherit;
        text-indent: 0
    }

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    menu,
    ol,
    ul {
        list-style: none
    }

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

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

    button,
    input,
    optgroup,
    select,
    textarea {
        background-color: #0000;
        border-radius: 0;
        color: inherit;
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        opacity: 1
    }

    ::file-selector-button {
        background-color: #0000;
        border-radius: 0;
        color: inherit;
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        opacity: 1
    }

    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }

    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }

    ::file-selector-button {
        margin-inline-end: 4px
    }

    ::-moz-placeholder {
        opacity: 1
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px) {
        ::-moz-placeholder {
            color: currentColor
        }

        ::placeholder {
            color: currentColor
        }

        @supports (color:color-mix(in lab, red, red)) {
            ::-moz-placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }

            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

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

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }

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

    button,
    input:where([type=button], [type=reset], [type=submit]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

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

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

    :root:has(input.theme-controller[value=light]:checked),
    [data-theme=light] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(98% 0 0);
        --color-base-300: oklch(95% 0 0);
        --color-base-content: oklch(21% .006 285.885);
        --color-primary: oklch(45% .24 277.023);
        --color-primary-content: oklch(93% .034 272.788);
        --color-secondary: oklch(65% .241 354.308);
        --color-secondary-content: oklch(94% .028 342.258);
        --color-accent: oklch(77% .152 181.912);
        --color-accent-content: oklch(38% .063 188.416);
        --color-neutral: oklch(14% .005 285.823);
        --color-neutral-content: oklch(92% .004 286.32);
        --color-info: oklch(74% .16 232.661);
        --color-info-content: oklch(29% .066 243.157);
        --color-success: oklch(76% .177 163.223);
        --color-success-content: oklch(37% .077 168.94);
        --color-warning: oklch(82% .189 84.429);
        --color-warning-content: oklch(41% .112 45.904);
        --color-error: oklch(71% .194 13.428);
        --color-error-content: oklch(27% .105 12.094);
        --radius-selector: .5rem;
        --radius-field: .25rem;
        --radius-box: .5rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0
    }

    @property --radialprogress {
        syntax: "<percentage>";
        inherits: true;
        initial-value: 0
    }

    :root {
        scrollbar-color: currentColor #0000
    }

    @supports (color:color-mix(in lab, red, red)) {
        :root {
            scrollbar-color: color-mix(in oklch, currentColor 35%, #0000)#0000
        }
    }

    :root:has(.modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not([class*=drawer-open])>.drawer-toggle:checked) {
        overflow: hidden
    }

    :root,
    [data-theme] {
        background-color: var(--root-bg, var(--color-base-100));
        color: var(--color-base-content)
    }

    :root {
        --fx-noise: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='1.34' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.2'/%3E%3C/svg%3E")
    }

    .chat {
        --mask-chat: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath d='M0 11.5C0 13 2 13 2 13h11V0h-.5s-.523 2.096-.642 2.5c-.25.852-.943 1.724-2.858 3-3 2-9 4.5-9 6'/%3E%3C/svg%3E")
    }

    :where(:root:has(.modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open)>.drawer-toggle:checked)) {
        background-image: linear-gradient(var(--color-base-100), var(--color-base-100));
        scrollbar-gutter: stable;
        --root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(:root:has(.modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open)>.drawer-toggle:checked)) {
            --root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%)
        }
    }
}

@layer components;

@layer utilities {
    .drawer-side {
        display: grid;
        grid-column-start: 1;
        grid-row-start: 1;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-template-rows: repeat(1, minmax(0, 1fr));
        height: 100dvh;
        inset-inline-start: 0;
        opacity: 0;
        overflow: hidden;
        overscroll-behavior: contain;
        place-items: flex-start start;
        pointer-events: none;
        position: fixed;
        top: 0;
        transition: opacity allow-discrete .2s ease-out .1s, visibility allow-discrete .3s ease-out .1s;
        visibility: hidden;
        width: 100%
    }

    .drawer-side>.drawer-overlay {
        background-color: #0006;
        cursor: pointer;
        place-self: stretch stretch;
        position: sticky;
        top: 0
    }

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

    .drawer-side>:not(.drawer-overlay) {
        transition: translate .3s ease-out;
        translate: -100%;
        will-change: transform
    }

    [dir=rtl] :is(.drawer-side>:not(.drawer-overlay)) {
        translate: 100%
    }

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

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

    .drawer-toggle:checked~.drawer-side>:not(.drawer-overlay) {
        translate: 0
    }

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

    .menu {
        --menu-active-fg: var(--color-neutral-content);
        --menu-active-bg: var(--color-neutral);
        display: flex;
        flex-flow: column wrap;
        font-size: .875rem;
        padding: .5rem;
        width: -moz-fit-content;
        width: fit-content
    }

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

    .menu :where(li ul):before {
        background-color: var(--color-base-content);
        bottom: .75rem;
        content: "";
        inset-inline-start: 0;
        opacity: .1;
        position: absolute;
        top: .75rem;
        width: var(--border)
    }

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

    .menu :where(li:not(.menu-title)>:not(ul, details, .menu-title, .btn)),
    .menu :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
        align-content: flex-start;
        align-items: center;
        border-radius: var(--radius-field);
        display: grid;
        gap: .5rem;
        grid-auto-columns: minmax(auto, max-content) auto max-content;
        grid-auto-flow: column;
        padding-block: .375rem;
        padding-inline: .75rem;
        text-align: start;
        text-wrap: balance;
        transition-duration: .2s;
        transition-property: color, background-color, box-shadow;
        transition-timing-function: cubic-bezier(0, 0, .2, 1);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .menu :where(li>details>summary) {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .menu :where(li>details>summary) {
            outline: 2px solid #0000;
            outline-offset: 2px
        }
    }

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

    :is(.menu :where(li>details>summary), .menu :where(li>.menu-dropdown-toggle)):after {
        box-shadow: inset 2px 2px;
        content: "";
        display: block;
        height: .375rem;
        justify-self: flex-end;
        pointer-events: none;
        rotate: -135deg;
        transform-origin: 50%;
        transition-duration: .2s;
        transition-property: rotate, translate;
        translate: 0 -1px;
        width: .375rem
    }

    .menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after,
    .menu :where(li>details[open]>summary):after {
        rotate: 45deg;
        translate: 0 1px
    }

    .menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus,
    .menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible {
        background-color: color-mix(in srgb, var(--color-base-content)10%, transparent);
        color: var(--color-base-content);
        cursor: pointer;
        --tw-outline-style: none;
        outline-style: none
    }

    @supports (color:color-mix(in lab, red, red)) {
        :is(.menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus, .menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible) {
            background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }

    @media (forced-colors:active) {
        :is(.menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus, .menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible) {
            outline: 2px solid #0000;
            outline-offset: 2px
        }
    }

    .menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled)>details>summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
        background-color: color-mix(in srgb, var(--color-base-content)10%, transparent);
        cursor: pointer;
        --tw-outline-style: none;
        box-shadow: inset 0 1px #00000003, inset 0 -1px #ffffff03;
        outline-style: none
    }

    @supports (color:color-mix(in lab, red, red)) {
        .menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled)>details>summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
            background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }

    @media (forced-colors:active) {
        .menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled)>details>summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
            outline: 2px solid #0000;
            outline-offset: 2px
        }
    }

    .menu :where(li:empty) {
        background-color: var(--color-base-content);
        height: 1px;
        margin: .5rem 1rem;
        opacity: .1
    }

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

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

    .menu :where(li)>:not(ul, .menu-title, details, .btn).menu-active,
    .menu :where(li)>:not(ul, .menu-title, details, .btn):active,
    .menu :where(li)>details>summary:active {
        --tw-outline-style: none;
        background-color: var(--menu-active-bg);
        background-image: none, var(--fx-noise);
        background-size: auto, calc(var(--noise)*100%);
        color: var(--menu-active-fg);
        outline-style: none
    }

    @media (forced-colors:active) {
        :is(.menu :where(li)>:not(ul, .menu-title, details, .btn):active, .menu :where(li)>:not(ul, .menu-title, details, .btn).menu-active, .menu :where(li)>details>summary:active) {
            outline: 2px solid #0000;
            outline-offset: 2px
        }
    }

    :is(.menu :where(li)>:not(ul, .menu-title, details, .btn):active, .menu :where(li)>:not(ul, .menu-title, details, .btn).menu-active, .menu :where(li)>details>summary:active):not(:is(.menu :where(li)>:not(ul, .menu-title, details, .btn):active, .menu :where(li)>:not(ul, .menu-title, details, .btn).menu-active, .menu :where(li)>details>summary:active):active) {
        box-shadow: 0 2px calc(var(--depth)*3px) -2px var(--menu-active-bg)
    }

    .menu :where(li).menu-disabled {
        color: color-mix(in srgb, var(--color-base-content)20%, transparent);
        pointer-events: none
    }

    @supports (color:color-mix(in lab, red, red)) {
        .menu :where(li).menu-disabled {
            color: color-mix(in oklab, var(--color-base-content)20%, transparent)
        }
    }

    .menu .dropdown:focus-within .menu-dropdown-toggle:after {
        rotate: 45deg;
        translate: 0 1px
    }

    .menu .dropdown-content {
        margin-top: .5rem;
        padding: .5rem
    }

    .menu .dropdown-content:before {
        display: none
    }

    .collapse-plus>.collapse-title:after {
        content: "+";
        display: block;
        height: .5rem;
        inset-inline-end: 1.4rem;
        pointer-events: none;
        position: absolute;
        top: .9rem;
        transition-duration: .3s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        width: .5rem
    }

    .btn {
        cursor: pointer;
        outline-offset: 2px;
        text-align: center;
        vertical-align: middle;
        webkit-user-select: none;
        color: var(--btn-fg);
        padding-inline: var(--btn-p);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        --tw-prose-links: var(--btn-fg);
        background-color: var(--btn-bg);
        background-image: none, var(--btn-noise);
        background-size: auto, calc(var(--noise)*100%);
        border-color: var(--btn-border);
        border-style: solid;
        border-width: var(--border);
        box-shadow: 0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%)) inset, var(--btn-shadow);
        font-size: var(--fontsize, .875rem);
        height: var(--size);
        outline-color: var(--btn-color, var(--color-base-content));
        text-shadow: 0 .5px oklch(100% 0 0/calc(var(--depth)*.15));
        --size: calc(var(--size-field, .25rem)*10);
        --btn-bg: var(--btn-color, var(--color-base-200));
        --btn-fg: var(--color-base-content);
        --btn-p: 1rem;
        --btn-border: var(--btn-bg);
        --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
        --btn-noise: var(--fx-noise);
        align-items: center;
        border-end-end-radius: var(--join-ee, var(--radius-field));
        border-end-start-radius: var(--join-es, var(--radius-field));
        border-start-end-radius: var(--join-se, var(--radius-field));
        border-start-start-radius: var(--join-ss, var(--radius-field));
        display: inline-flex;
        flex-shrink: 0;
        flex-wrap: nowrap;
        font-weight: 600;
        gap: .375rem;
        justify-content: center;
        transition-duration: .2s;
        transition-property: color, background-color, border-color, box-shadow;
        transition-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    :where(.btn) {
        width: unset
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn {
            --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth)*5%));
            --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg)calc(var(--depth)*30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg)calc(var(--depth)*30%), #0000)
        }
    }

    .prose .btn {
        text-decoration-line: none
    }

    @media (hover:hover) {
        .btn:hover {
            --btn-bg: var(--btn-color, var(--color-base-200))
        }

        @supports (color:color-mix(in lab, red, red)) {
            .btn:hover {
                --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)
            }
        }
    }

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

    .btn:active:not(.btn-active) {
        --btn-bg: var(--btn-color, var(--color-base-200));
        --btn-border: var(--btn-color, var(--color-base-200));
        --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);
        translate: 0 .5px
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn:active:not(.btn-active) {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
            --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)
        }
    }

    .btn:is(:disabled, [disabled], .btn-disabled) {
        pointer-events: none;
        --btn-border: #0000;
        --btn-noise: none;
        --btn-fg: color-mix(in srgb, var(--color-base-content)20%, #0000)
    }

    .btn:is(:disabled, [disabled], .btn-disabled):not(.btn-link, .btn-ghost) {
        background-color: color-mix(in srgb, var(--color-base-content)10%, transparent);
        box-shadow: none
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn:is(:disabled, [disabled], .btn-disabled):not(.btn-link, .btn-ghost) {
            background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }

        .btn:is(:disabled, [disabled], .btn-disabled) {
            --btn-fg: color-mix(in oklch, var(--color-base-content)20%, #0000)
        }
    }

    @media (hover:hover) {
        .btn:is(:disabled, [disabled], .btn-disabled):hover {
            background-color: color-mix(in srgb, var(--color-neutral)20%, transparent);
            pointer-events: none;
            --btn-border: #0000;
            --btn-fg: color-mix(in srgb, var(--color-base-content)20%, #0000)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .btn:is(:disabled, [disabled], .btn-disabled):hover {
                background-color: color-mix(in oklab, var(--color-neutral)20%, transparent);
                --btn-fg: color-mix(in oklch, var(--color-base-content)20%, #0000)
            }
        }
    }

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

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

    .btn:where(input:checked:not(.filter .btn)) {
        --btn-color: var(--color-primary);
        --btn-fg: var(--color-primary-content);
        isolation: isolate
    }

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

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

    .collapse>input:is([type=checkbox], [type=radio]) {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        grid-column-start: 1;
        grid-row-start: 1;
        min-height: 3.75rem;
        opacity: 0;
        padding: 1rem;
        padding-inline-end: 3rem;
        transition: background-color .2s ease-out;
        width: 100%;
        z-index: 1
    }

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

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

    .collapse:focus-visible,
    .collapse:has(>input:is([type=checkbox], [type=radio]):focus-visible) {
        outline-color: var(--color-base-content);
        outline-offset: 2px;
        outline-style: solid;
        outline-width: 2px
    }

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

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

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

    .collapse.collapse-open.collapse-arrow>.collapse-title:after,
    .collapse[open].collapse-arrow>.collapse-title:after {
        transform: translateY(-50%)rotate(225deg)
    }

    .collapse.collapse-open.collapse-plus>.collapse-title:after {
        content: "−"
    }

    .collapse.collapse-arrow:focus:not(.collapse-close)>.collapse-title:after,
    .collapse.collapse-arrow:not(.collapse-close)>input:is([type=checkbox], [type=radio]):checked~.collapse-title:after {
        transform: translateY(-50%)rotate(225deg)
    }

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

    .collapse:is(details) {
        width: 100%
    }

    .collapse:is(details) summary {
        display: block;
        position: relative
    }

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

    .collapse:is(details) summary {
        outline: none
    }

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

    .collapse {
        visibility: collapse
    }

    .card {
        border-radius: var(--radius-box);
        display: flex;
        flex-direction: column;
        outline: 0 solid #0000;
        outline-offset: 2px;
        position: relative;
        transition: outline .2s ease-in-out
    }

    .card:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .card:focus {
            outline: 2px solid #0000;
            outline-offset: 2px
        }
    }

    .card:focus-visible {
        outline-color: currentColor
    }

    .card :where(figure:first-child) {
        border-end-end-radius: unset;
        border-end-start-radius: unset;
        border-start-end-radius: inherit;
        border-start-start-radius: inherit;
        overflow: hidden
    }

    .card :where(figure:last-child) {
        border-end-end-radius: inherit;
        border-end-start-radius: inherit;
        border-start-end-radius: unset;
        border-start-start-radius: unset;
        overflow: hidden
    }

    .card:where(.card-border) {
        border: var(--border)solid var(--color-base-200)
    }

    .card:where(.card-dash) {
        border: var(--border)dashed var(--color-base-200)
    }

    .card.image-full {
        display: grid
    }

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

    .card.image-full>.card-body {
        color: var(--color-neutral-content);
        position: relative
    }

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

    .card.image-full>figure img {
        filter: brightness(28%);
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

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

    .card:has(>input:is(input[type=checkbox], input[type=radio])) {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .card:has(>:checked) {
        outline: 2px solid
    }

    .collapse-title {
        grid-column-start: 1;
        grid-row-start: 1;
        min-height: 3.75rem;
        padding: 1rem;
        padding-inline-end: 3rem;
        position: relative;
        transition: background-color .2s ease-out;
        width: 100%
    }

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

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

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

    .checkbox {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: var(--border)solid var(--input-color, color-mix(in srgb, var(--color-base-content)20%, #0000));
        border-radius: var(--radius-selector);
        box-shadow: 0 1px oklch(0 0 0/calc(var(--depth)*.1)) inset, 0 0 #0000 inset, 0 0 #0000;
        color: var(--color-base-content);
        cursor: pointer;
        vertical-align: middle;
        --size: calc(var(--size-selector, .25rem)*6);
        background-image: none, var(--fx-noise);
        background-size: auto, calc(var(--noise)*100%);
        flex-shrink: 0;
        height: var(--size);
        padding: .25rem;
        position: relative;
        transition: background-color .2s, box-shadow .2s;
        width: var(--size)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .checkbox {
            border: var(--border)solid var(--input-color, color-mix(in oklab, var(--color-base-content)20%, #0000))
        }
    }

    .checkbox:before {
        --tw-content: "";
        background-color: currentColor;
        box-shadow: 0 3px oklch(100% 0 0/calc(var(--depth)*.1)) inset;
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
        content: var(--tw-content);
        display: block;
        font-size: 1rem;
        height: 100%;
        line-height: .75;
        opacity: 0;
        rotate: 45deg;
        transition: clip-path .3s .1s, opacity .1s .1s, rotate .3s .1s, translate .3s .1s;
        width: 100%
    }

    .checkbox:focus-visible {
        outline: 2px solid var(--input-color, currentColor);
        outline-offset: 2px
    }

    .checkbox:checked,
    .checkbox[aria-checked=true] {
        background-color: var(--input-color, #0000);
        box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset, 0 1px oklch(0 0 0/calc(var(--depth)*.1))
    }

    :is(.checkbox:checked, .checkbox[aria-checked=true]):before {
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0, 70% 0, 70% 100%);
        opacity: 1
    }

    @media (forced-colors:active) {
        :is(.checkbox:checked, .checkbox[aria-checked=true]):before {
            --tw-content: "✔︎";
            background-color: #0000;
            clip-path: none;
            rotate: none
        }
    }

    @media print {
        :is(.checkbox:checked, .checkbox[aria-checked=true]):before {
            --tw-content: "✔︎";
            background-color: #0000;
            clip-path: none;
            rotate: none
        }
    }

    .checkbox:indeterminate:before {
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
        opacity: 1;
        rotate: none;
        translate: 0 -35%
    }

    .checkbox:disabled {
        cursor: not-allowed;
        opacity: .2
    }

    .radio {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: var(--border)solid var(--input-color, currentColor);
        box-shadow: 0 1px oklch(0 0 0/calc(var(--depth)*.1)) inset;
        cursor: pointer;
        vertical-align: middle;
        --size: calc(var(--size-selector, .25rem)*6);
        border-radius: 3.40282e+38px;
        color: var(--input-color, currentColor);
        flex-shrink: 0;
        height: var(--size);
        padding: .25rem;
        position: relative;
        width: var(--size)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .radio {
            border: var(--border)solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000))
        }
    }

    .radio:before {
        --tw-content: "";
        background-image: none, var(--fx-noise);
        background-size: auto, calc(var(--noise)*100%);
        border-radius: 3.40282e+38px;
        content: var(--tw-content);
        display: block;
        height: 100%;
        width: 100%
    }

    .radio:focus-visible {
        outline: 2px solid
    }

    .radio:checked,
    .radio[aria-checked=true] {
        animation: radio .2s ease-out;
        background-color: var(--color-base-100);
        border-color: currentColor
    }

    :is(.radio:checked, .radio[aria-checked=true]):before {
        background-color: currentColor;
        box-shadow: 0 -1px oklch(0 0 0/calc(var(--depth)*.1)) inset, 0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset, 0 1px oklch(0 0 0/calc(var(--depth)*.1))
    }

    @media (forced-colors:active) {
        :is(.radio:checked, .radio[aria-checked=true]):before {
            outline-offset: -1px;
            outline-style: var(--tw-outline-style);
            outline-width: 1px
        }
    }

    @media print {
        :is(.radio:checked, .radio[aria-checked=true]):before {
            outline: .25rem solid;
            outline-offset: -1rem
        }
    }

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

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

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

    .rating :where(*) {
        animation: rating .25s ease-out;
        background-color: var(--color-base-content);
        border-radius: 0;
        height: 1.5rem;
        opacity: .2;
        width: 1.5rem
    }

    .rating :where(*):is(input) {
        cursor: pointer
    }

    .rating .rating-hidden {
        background-color: #0000;
        width: .5rem
    }

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

    .rating :checked,
    .rating :has(~:checked, ~[aria-checked=true], ~[aria-current=true]),
    .rating [aria-checked=true],
    .rating [aria-current=true] {
        opacity: 1
    }

    .rating :focus-visible {
        scale: 1.1;
        transition: scale .2s ease-out
    }

    .rating :active:focus {
        animation: none;
        scale: 1.1
    }

    .rating.rating-xs :where(:not(.rating-hidden)) {
        height: 1rem;
        width: 1rem
    }

    .rating.rating-sm :where(:not(.rating-hidden)) {
        height: 1.25rem;
        width: 1.25rem
    }

    .rating.rating-md :where(:not(.rating-hidden)) {
        height: 1.5rem;
        width: 1.5rem
    }

    .rating.rating-lg :where(:not(.rating-hidden)) {
        height: 1.75rem;
        width: 1.75rem
    }

    .rating.rating-xl :where(:not(.rating-hidden)) {
        height: 2rem;
        width: 2rem
    }

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

    .drawer,
    .progress {
        position: relative;
        width: 100%
    }

    .progress {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: currentColor;
        border-radius: var(--radius-box);
        color: var(--color-base-content);
        height: .5rem;
        overflow: hidden
    }

    @supports (color:color-mix(in lab, red, red)) {
        .progress {
            background-color: color-mix(in oklab, currentColor 20%, transparent)
        }
    }

    .progress:indeterminate {
        animation: progress 5s ease-in-out infinite;
        background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, #0000 10% 90%);
        background-position-x: 15%;
        background-size: 200%
    }

    @supports (-moz-appearance:none) {
        .progress:indeterminate::-moz-progress-bar {
            animation: progress 5s ease-in-out infinite;
            background-color: #0000;
            background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, #0000 10% 90%);
            background-position-x: 15%;
            background-size: 200%
        }

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

    @supports (-webkit-appearance:none) {
        .progress::-webkit-progress-bar {
            background-color: #0000;
            border-radius: var(--radius-box)
        }

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

    .absolute {
        position: absolute
    }

    .relative {
        position: relative
    }

    .-top-1 {
        top: calc(var(--spacing)*-1)
    }

    .-right-20 {
        right: calc(var(--spacing)*-20)
    }

    .right-0 {
        right: calc(var(--spacing)*0)
    }

    .right-3 {
        right: calc(var(--spacing)*3)
    }

    .right-7 {
        right: calc(var(--spacing)*7)
    }

    .-bottom-1 {
        bottom: calc(var(--spacing)*-1)
    }

    .-bottom-6 {
        bottom: calc(var(--spacing)*-6)
    }

    .bottom-5 {
        bottom: calc(var(--spacing)*5)
    }

    .bottom-24 {
        bottom: calc(var(--spacing)*24)
    }

    .bottom-64 {
        bottom: calc(var(--spacing)*64)
    }

    .-left-20 {
        left: calc(var(--spacing)*-20)
    }

    .left-0 {
        left: calc(var(--spacing)*0)
    }

    .left-5 {
        left: calc(var(--spacing)*5)
    }

    .z-50 {
        z-index: 50
    }

    .drawer-content {
        grid-column-start: 2;
        grid-row-start: 1;
        min-width: 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) {
        translate: 100%
    }

    [dir=rtl] :is(.drawer-end>.drawer-toggle~.drawer-side>:not(.drawer-overlay)) {
        translate: -100%
    }

    .drawer-end>.drawer-toggle:checked~.drawer-side>:not(.drawer-overlay) {
        translate: 0
    }

    .filter {
        display: flex;
        flex-wrap: wrap
    }

    .filter input[type=radio] {
        width: auto
    }

    .filter input {
        opacity: 1;
        overflow: hidden;
        scale: 1;
        transition: margin .1s, opacity .3s, padding .3s, border-width .1s
    }

    .filter input:not(:last-child) {
        margin-inline-end: .25rem
    }

    .filter input.filter-reset {
        aspect-ratio: 1
    }

    .filter input.filter-reset:after {
        content: "×"
    }

    .filter:has(input:checked:not(.filter-reset)) input:not(:checked, .filter-reset, input[type=reset]),
    .filter:not(:has(input:checked:not(.filter-reset))) .filter-reset,
    .filter:not(:has(input:checked:not(.filter-reset))) input[type=reset] {
        border-width: 0;
        margin-inline: 0;
        opacity: 0;
        padding-inline: 0;
        scale: 0;
        width: 0
    }

    .mx-1 {
        margin-inline: calc(var(--spacing)*1)
    }

    .ms-1 {
        margin-inline-start: calc(var(--spacing)*1)
    }

    .ms-2 {
        margin-inline-start: calc(var(--spacing)*2)
    }

    .mt-2 {
        margin-top: calc(var(--spacing)*2)
    }

    .mt-5 {
        margin-top: calc(var(--spacing)*5)
    }

    .mt-10 {
        margin-top: calc(var(--spacing)*10)
    }

    .mt-14 {
        margin-top: calc(var(--spacing)*14)
    }

    .mt-20 {
        margin-top: calc(var(--spacing)*20)
    }

    .mr-4 {
        margin-right: calc(var(--spacing)*4)
    }

    .mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }

    .mb-3 {
        margin-bottom: calc(var(--spacing)*3)
    }

    .mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }

    .mb-5 {
        margin-bottom: calc(var(--spacing)*5)
    }

    .mb-6 {
        margin-bottom: calc(var(--spacing)*6)
    }

    .mb-8 {
        margin-bottom: calc(var(--spacing)*8)
    }

    .mb-11 {
        margin-bottom: calc(var(--spacing)*11)
    }

    .mb-14 {
        margin-bottom: calc(var(--spacing)*14)
    }

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

    .avatar-group :where(.avatar) {
        border: 4px solid var(--color-base-100);
        border-radius: 3.40282e+38px;
        overflow: hidden
    }

    .line-clamp-1 {
        -webkit-line-clamp: 1
    }

    .line-clamp-1,
    .line-clamp-2 {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .line-clamp-2 {
        -webkit-line-clamp: 2
    }

    .mask {
        display: inline-block;
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        vertical-align: middle
    }

    .block {
        display: block
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline-block {
        display: inline-block
    }

    .h-2 {
        height: calc(var(--spacing)*2)
    }

    .h-12 {
        height: calc(var(--spacing)*12)
    }

    .h-14 {
        height: calc(var(--spacing)*14)
    }

    .h-20 {
        height: calc(var(--spacing)*20)
    }

    .h-24 {
        height: calc(var(--spacing)*24)
    }

    .h-40 {
        height: calc(var(--spacing)*40)
    }

    .h-\[72px\] {
        height: 72px
    }

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

    .min-h-full {
        min-height: 100%
    }

    .w-12 {
        width: calc(var(--spacing)*12)
    }

    .w-14 {
        width: calc(var(--spacing)*14)
    }

    .w-18 {
        width: calc(var(--spacing)*18)
    }

    .w-24 {
        width: calc(var(--spacing)*24)
    }

    .w-40 {
        width: calc(var(--spacing)*40)
    }

    .w-80 {
        width: calc(var(--spacing)*80)
    }

    .w-\[72px\] {
        width: 72px
    }

    .w-full {
        width: 100%
    }

    .min-w-\[280px\] {
        min-width: 280px
    }

    .transform {
        transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
    }

    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .flex-nowrap {
        flex-wrap: nowrap
    }

    .items-center {
        align-items: center
    }

    .justify-between {
        justify-content: space-between
    }

    .justify-center {
        justify-content: center
    }

    .gap-4 {
        gap: calc(var(--spacing)*4)
    }

    .gap-5 {
        gap: calc(var(--spacing)*5)
    }

    .gap-8 {
        gap: calc(var(--spacing)*8)
    }

    .gap-10 {
        gap: calc(var(--spacing)*10)
    }

    .gap-x-4 {
        -moz-column-gap: calc(var(--spacing)*4);
        column-gap: calc(var(--spacing)*4)
    }

    :where(.-space-x-6>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-end: calc(var(--spacing)*-6*(1 - var(--tw-space-x-reverse)));
        margin-inline-start: calc(var(--spacing)*-6*var(--tw-space-x-reverse))
    }

    .overflow-auto {
        overflow: auto
    }

    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }

    .rounded-3xl {
        border-radius: var(--radius-3xl)
    }

    .rounded-full {
        border-radius: 3.40282e+38px
    }

    .rounded-xl {
        border-radius: var(--radius-xl)
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .border-\[\#606176\] {
        border-color: #606176
    }

    .border-\[\#D4D4D4\] {
        border-color: #d4d4d4
    }

    .border-\[\#FFFFFF52\] {
        border-color: #ffffff52
    }

    .border-gray-200 {
        border-color: var(--color-gray-200)
    }

    .border-primary {
        border-color: var(--color-primary)
    }

    .border-transparent {
        border-color: #0000
    }

    .bg-\[\#F5F5F5\] {
        background-color: #f5f5f5
    }

    .bg-\[\#FFCF59\] {
        background-color: #ffcf59
    }

    .bg-black {
        background-color: var(--color-black)
    }

    .bg-primary {
        background-color: var(--color-primary)
    }

    .bg-transparent {
        background-color: #0000
    }

    .bg-white {
        background-color: var(--color-white)
    }

    .bg-white\/60 {
        background-color: #fff9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/60 {
            background-color: color-mix(in oklab, var(--color-white)60%, transparent)
        }
    }

    .bg-\[linear-gradient\(to_top\,_\#0B7077_14\%\,_\#E6F0FF_0\%\)\] {
        background-image: linear-gradient(#e6f0ff 100%, #0b7077 0)
    }

    .bg-\[url\(\'\/img\/all\.svg\'\)\] {
        background-image: url(/img/all.svg)
    }

    .bg-\[url\(\'\/img\/duplicate\.svg\'\)\] {
        background-image: url(/img/duplicate.svg)
    }

    .bg-\[url\(\'\/img\/users\.svg\'\)\] {
        background-image: url(/img/users.svg)
    }

    .bg-\[url\(\'public\/img\/book\.svg\'\)\] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' height='106' fill='none' viewBox='0 0 106 106'%3E%3Cg filter='url(%23a)'%3E%3Crect width='64' height='64' x='21' y='13' fill='%239848FF' rx='13'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M39.5 54.75V34.5A4.5 4.5 0 0 1 44 30h21a1.5 1.5 0 0 1 1.5 1.5v27A1.5 1.5 0 0 1 65 60H44.75a5.25 5.25 0 0 1-5.25-5.25m24 2.25v-4.5H44.75a2.25 2.25 0 0 0 0 4.5zm-21-6.995a5.2 5.2 0 0 1 2.25-.505H63.5V33H44a1.5 1.5 0 0 0-1.5 1.5z'/%3E%3Cdefs%3E%3Cfilter id='a' width='106' height='106' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='10.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.596078 0 0 0 0 0.282353 0 0 0 0 1 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_52_1013'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_52_1013' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
    }

    .bg-\[url\(\'public\/img\/clock\.svg\'\)\] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' height='107' fill='none' viewBox='0 0 106 107'%3E%3Cg filter='url(%23a)'%3E%3Crect width='64' height='64' x='21' y='13.712' fill='%23F66742' rx='13'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M53 60.712c-8.284 0-15-6.716-15-15s6.716-15 15-15 15 6.716 15 15-6.716 15-15 15m0-3c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12s-12 5.372-12 12c0 6.627 5.373 12 12 12m1.5-12h6v3h-9v-10.5h3z'/%3E%3Cdefs%3E%3Cfilter id='a' width='106' height='106' x='0' y='.712' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='10.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.964706 0 0 0 0 0.403922 0 0 0 0 0.258824 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_52_980'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_52_980' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
    }

    .bg-\[url\(\'public\/img\/heart\.svg\'\)\] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' height='107' fill='none' viewBox='0 0 106 107'%3E%3Cg filter='url(%23a)'%3E%3Crect width='64' height='64' x='21' y='13.712' fill='%23FFCF59' rx='13'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M39.742 34.416c3.635-3.636 9.429-3.8 13.259-.492a9.75 9.75 0 0 1 13.257.492c3.63 3.63 3.8 9.408.51 13.239L55.12 59.34a3 3 0 0 1-4.078.153l-.164-.153-11.647-11.686c-3.29-3.831-3.12-9.61.51-13.24m2.12 2.121a6.75 6.75 0 0 0-.219 9.316l.22.23L53 57.22l7.954-7.956-5.303-5.302-1.59 1.59a4.5 4.5 0 0 1-6.365-6.363l3.152-3.154a6.75 6.75 0 0 0-8.755.283zm12.729 4.243a1.5 1.5 0 0 1 2.121 0l6.363 6.363 1.062-1.06a6.75 6.75 0 0 0-9.316-9.765l-.23.22-4.773 4.772a1.5 1.5 0 0 0-.117 1.99l.117.131a1.5 1.5 0 0 0 1.99.117l.131-.117z'/%3E%3Cdefs%3E%3Cfilter id='a' width='106' height='106' x='0' y='.712' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='10.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.811765 0 0 0 0 0.34902 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_52_988'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_52_988' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
    }

    .bg-\[url\(\'public\/img\/lamp\.svg\'\)\] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' height='106' fill='none' viewBox='0 0 106 106'%3E%3Cg filter='url(%23a)'%3E%3Crect width='64' height='64' x='21' y='13' fill='%23A7CE4A' rx='13'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M49.96 54h6.08c.198-1.802 1.118-3.29 2.611-4.916.168-.183 1.247-1.3 1.375-1.459A8.95 8.95 0 0 0 62 42a9 9 0 1 0-18 0c0 2.077.702 4.038 1.972 5.623.128.16 1.21 1.279 1.375 1.46 1.495 1.627 2.414 3.115 2.613 4.917M56 57h-6v1.5h6zm-12.37-7.501A11.95 11.95 0 0 1 41 42c0-6.627 5.373-12 12-12s12 5.373 12 12a11.95 11.95 0 0 1-2.633 7.502C61.436 50.662 59 52.5 59 54.75v3.75a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-3.75c0-2.25-2.438-4.09-3.37-5.251m10.87-7.492h3.75l-6.75 9v-6h-3.75L54.5 36z'/%3E%3Cdefs%3E%3Cfilter id='a' width='106' height='106' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='10.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.654902 0 0 0 0 0.807843 0 0 0 0 0.290196 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_52_1005'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_52_1005' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
    }

    .bg-\[url\(\'public\/img\/leaf\.svg\'\)\] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' height='106' fill='none' viewBox='0 0 106 106'%3E%3Cg filter='url(%23a)'%3E%3Crect width='64' height='64' x='21' y='13' fill='%234D93DF' rx='13'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M66.497 31.5v3c0 14.441-8.059 21-18 21h-5.636c-.243 1.368-.364 2.86-.364 4.5h-3c0-2.044.174-3.9.519-5.598q-.519-2.912-.519-7.902c0-8.284 6.716-15 15-15 3 0 6 1.5 12 0m-12 3c-6.627 0-12 5.373-12 12q0 .816.014 1.569c1.882-2.966 4.637-5.312 8.242-7.371l1.488 2.604C47.96 45.75 45.118 48.53 43.66 52.5h4.837c9.023 0 14.807-5.96 14.995-17.418-2.058.2-3.97.072-6.329-.282-1.727-.259-2.065-.3-2.666-.3'/%3E%3Cdefs%3E%3Cfilter id='a' width='106' height='106' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='10.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.301961 0 0 0 0 0.576471 0 0 0 0 0.87451 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_52_997'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_52_997' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
    }

    .bg-\[url\(\'public\/img\/talk\.svg\'\)\] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' height='107' fill='none' viewBox='0 0 106 107'%3E%3Cg filter='url(%23a)'%3E%3Crect width='64' height='64' x='21' y='13.712' fill='%23FF60A8' rx='13'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M60.4 41.16c-.761-5.895-5.799-10.448-11.9-10.448-6.627 0-12 5.372-12 12 0 2.838.986 5.447 2.633 7.502C40.345 51.725 41 53.4 41 55.17v5.54h13.5l.002-4.5H57.5a3 3 0 0 0 3-3v-4.393l2.939-1.258c.515-.221.56-.743.337-1.093zm-20.9 1.552a9 9 0 0 1 9-9c4.536 0 8.35 3.377 8.925 7.832l.086.662 2.314 3.638-2.325.996v6.372h-5.997l-.002 4.5h-7.5v-2.54c0-2.46-.886-4.79-2.527-6.835a8.95 8.95 0 0 1-1.974-5.625m27.23 12.153-2.496-1.664a13.44 13.44 0 0 0 2.266-7.489c0-2.77-.835-5.346-2.266-7.49l2.496-1.663a16.4 16.4 0 0 1 2.77 9.153c0 3.386-1.02 6.534-2.77 9.153'/%3E%3Cdefs%3E%3Cfilter id='a' width='106' height='106' x='0' y='.712' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='10.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.376471 0 0 0 0 0.658824 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_52_972'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_52_972' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
    }

    .bg-\[url\(\'public\/img\/underline\.svg\'\)\] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='95' height='7' fill='none' viewBox='0 0 95 7'%3E%3Cpath stroke='%23FD661F' stroke-width='2.247' d='M93.863 5.32C68.376 1.072 33.095.718 1 5.32'/%3E%3C/svg%3E")
    }

    .bg-\[url\(\/public\/img\/calendar-icon\.png\)\] {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPHSURBVHgB7Zo/TFNBHMd/d/1DQQolkYEASYnRBAZFB0mcZGBwUEzcdGF1IU44SAIkMOikLo664AZqHBwaA6M4mMaBDpjQBAkDRkgLVErfO+/72leP0oZ3fUX6Ej5JSXuP3/X3u9+f+13fY1RCNLZ5k3M+TIzfZUJEqQ4QjMWZMONGNjuVvNWRVK8x+0303WqERyITzBSPqI4RJJ6bnE8lB9u28dkywFI+3LrAGPWTBxCM4iZjgzCCY8BaeY8oD5igfm6aE9b76KeNqC/YsEoehJnGIPcFgxPkUUxZaLgQzDOhUwpjbJh7KfbLEOXkcc4MAF0h/Wl6m31UC1wbMNLdQIs3Wmkg4ncsM9QeoI/XWyxZt7g2oMWf70a6Gp1PFS7I2LJuYBc+/xY6AvhyrKANwgevn39M6+WESjJLWzladziHjXO/Uz5cxi82HRp7uZqhscQePettotGeRkfzzG/sWzKjPSEpd+7QtemVPXqztk9Ocex3uLtU+ZMAixDWCC3HBvSGa1M1jgMLpVPVarYPtPh1kpgfM5dzD2jlQDlGukM00BbQLqOvLjdryVTC9QxYrWoUGTofoFpw1kqcNtq+j21maWYlQyfBE1mm1U3SCdoGpHPC8Y6rP7f+vK6S+F5HkJ4WdlIY9eBbutgKYBzXwdJ2zroGOmWNRyNnl8rHiV2a28hStbgyAEondgxr54RnVLCatqeW04YyLiwjUwUDUjmtVuwIrgxA83X7a6rstWmZJ9NlcgUKV5KpBtf7AA4mdjggVGzglb7CoQWeULvMSjLVULMcAFhZhBR4ey1cPHUty7E7hVUfaPPT7NVwUUa3+yzFlQFfZAihNbZR43lOjvcpBtgkZD68lgq3Fr45tnlAbnBlAMICfX05Kq0qjJxZKS9TDa4MQJwjjBDPMEYth+iPEC4Aya7GOg5Gdg7AG2kXlch1DqiHHJRLOwfGLzUVcyDRbhQrD8ZUGXjk1HJgXq64GvcJJdbHlneLh6D1jHnofx5+36FwIO+B/5YDqYO8op2N/05mUH6+wi4KRVWDVGK/yiutzu0UxwYgxhGriO1ZWSLXMwbVEiiPufE9OnuD1s8qKIs4SXWGTqYLxwLdlz1TJc+VQ/t3IWBXl1qSliG6VvCyDlVpgrJYL5wdKU8bLiMuSR5FCIpz+fcDeRR5jyzOuTDfk0cxOE3xH0Pti9ILL8hrSJ3lnfqklcSGj0/i9j15BMQ+dMZ7ywA8c4BnDzzhCamj6cs/J4GPR34Gji5sRX2GOSmIXamXe8hWpZTFBvlqhbzCX4VBmyMiPsHMAAAAAElFTkSuQmCC)
    }

    .bg-\[url\(\/public\/img\/chart-icon\.png\)\] {
        background-image: url(/_nuxt/chart-icon.BznZlvJP.png)
    }

    .bg-\[url\(\/public\/img\/graduation-icon\.png\)\] {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAcSSURBVHgB5ZxfTFNXHMd/59xSwWwLzL2gL4APDl0mii7+YbO6magzU9+WzAx82/wzMYswxxLgYUMgDhzqYrIFybKHuRkxizNmirAhMZtA3TL/PAh9EZbMhW5LEAo9Z7/frUUopbSXc24p/SS1t/e2F++3v/M7v9/v/G4Z2MiHJw/ngd/Ikw6xnEnIAmB5gSMya+I7mQf3eZlkXsGl25DMI0C0fbKv1g02wUAjxY3F6U8NziuUADvxQvPwOR1mAP5nvXiOVsageZSxtup3qz2gCS3ClDWUuoBDuQTpAr00SwFNVQdqmkExSoXBoVIEjJWDOUxshIEHL6Ti4701TaAIJcKQhUhDNtouSCgKBZqRMKWfl2Y5BDTaMGRihJ3xc6iciQ/iYJGyEyXFDiG7Z58ohCwyhOguO1VSCBaJ2WJoppk/mFKBHz0ICYCUUF+1v+YQxEhMwtDQMaQ4DzIYfyQGaNVuwfmuWIZW1MIERJHX4u5grYKO2c/YxmjFiUqYhBclSAziTCvMnBElSJTiTDsrBXzKHBGFwGvhQpwvriuOmJ5EFAYj2fpEc7TRwDB5TUtxlkd6jzHVATO8B1YFcxRMRNcUbFv7T/sPHTfCHg+3MxDRUvA2s2x49iO9fs5XhPM3YYeSISgznuuiECyd+0VjuCOThAkMIVkESQJjzFXa8L4rdD8P886ITmkuYhjGJKuZIIxpLXNpao4WvObQhHOixSShtQRBn1ox/vWYMB81lOyMl7WkzkuFzOcyIf3pDIgbeO3jfY0juCEMKCTZ7CIgxkJYuSQflma/YL4mevvuQ+edTnzuAe9/A2AnnHEaMa20bcYxZj4kZC/YQPaiHMjNXgb5S1aNiTEV8RBp0OfLqD9U7zUtBqtdLp0rKbGIMeFzCxebD8IukeY7U8gJHw8MJcZ2qB5GVsWY8nw2iYQVP1wDeywMrgq6VOiiWowp/45GkTCHMpNmZi6bAusGi9glRjSoEmkE5AoHB75BWBxHuTnLYPeWt2G2ELSk/od9cOLscbCKU7Llxsvb17+J22vAAg8H/oLeBz0YfzwLGc/EMQZ5zNDwELR1XYMLP52HUf8oWEVy8DgChSjrHobM9ssLp/GbyoFNqzdDDg6teHD1lx+h4/d2U5wZQ1U+/FdJeSEo0BfNp+F2zx9gByQCCUIoEwXMwCXPobruQgLRIwPD+02rX4OVz68C1ZAA12/9PCbGqy9thlRnmjJhCJqus0ADAzgrnGv5Flp+vQJvbS00cyEVfHf1LHTf6wTNZFleu44WEmjI9whU8SfOOHagXRiCHLOyc9nk3LULo/pCVIocCRLGAxpZilGxSnIWLQYb8NhgMWovJHVemnarwUTSy3HS1tYiSlN25gI1s9F4KBXRi/RypnEo5WbruYB8rPpphTM3l6PyFmhiZa764I4YP5xeL3jDfF7/YgEoQ4Cb4+q1vm5rG2rIwcBR5fAaZfIWpzZ06rgGDXx9qUlLGZLyI0o7iEfDgeBxaFhVECm9taiJOSthPUaL1VDU24B1kY7f2kEFA/8OmElqy80rY/v6H0fCfYoiYgmslZ4DxXDgzUJTWyp9kxfbv4euuzdhN+ZMVtaOQpPG8aShv1GKBLP9PiCMb7hJOJ31oJH+h/1Q+9VRzLbzYR06SlpTmo5IggRJdQbKqRmKFuvEiK+Nnk1hKnEd5cjJw60MmAs003W303zQrEIiUSQbakU9D+7Dnd7b0HXv5rSlhFSFFoNzRXP1oXoPbT9ZiRSi0uCGC2wiWLchMhcsHCuk9//dF1Nd5VzLWbhItRgFGbyQ7Exwe8Iq25GTJb0MkrDbAUxr8VTtq8kOvp6QK0m/rIRkRU7sdpi0LpuMVhNqLcSk7FoI/x5INkKshZgkTPWBY60SZCskDfJM1f7JN36FrccI38geXWnCrALrLn7fSFi/GrYB+vrlG96CbWuHGWNbYA6DvuWdowePtYU7NmVnOHVMv7J9Pa05WVq+ne1IBvXocKunOh6xtOkY9pGZ2XYTuF3QjV1VeyPf9RZRGEoV/D7fLqm5YG4ndC3oQ3dN977obuSqK87iTue1RI9vAqL4NgbzoUhEf+tfgosTiyhE1MsndEI6MSSgzzFvFo1BFMJSq2bZqZI6XHsphgSAZp9HOIlQi2osn7Pcw/rBZ4eLDIPVzdrbdyh4Y7Kiel+tpZ4zAyzSfqnDvW7z6m+4wdOf/A7M7EBK2SpGRrZWv/fpZbCIkq5nsh5msPJ4O2YzrGCyqGpvbRvMEKXt4PESyBQEM+RwyaBVtPTJl50o3SGZeZfcTtAIDRmcVytUWEgo+m4ggEDsw4wUFzfMlnwX/rWZOWpJP8Uk3Uzy5sHR4aZYZ5pY0CpMKGYXuuAbpCGz8OvOw1WJdJrVQodeMAXB/W6cbj20lsxw2dTOH+/6HwX3FW8A+ocEAAAAAElFTkSuQmCC)
    }

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

    .bg-center {
        background-position: 50%
    }

    .bg-no-repeat {
        background-repeat: no-repeat
    }

    .p-4 {
        padding: calc(var(--spacing)*4)
    }

    .px-4 {
        padding-inline: calc(var(--spacing)*4)
    }

    .px-6 {
        padding-inline: calc(var(--spacing)*6)
    }

    .px-12 {
        padding-inline: calc(var(--spacing)*12)
    }

    .py-2\.5 {
        padding-block: calc(var(--spacing)*2.5)
    }

    .py-3 {
        padding-block: calc(var(--spacing)*3)
    }

    .pt-3 {
        padding-top: calc(var(--spacing)*3)
    }

    .pt-6 {
        padding-top: calc(var(--spacing)*6)
    }

    .pt-8 {
        padding-top: calc(var(--spacing)*8)
    }

    .pt-16 {
        padding-top: calc(var(--spacing)*16)
    }

    .pb-14 {
        padding-bottom: calc(var(--spacing)*14)
    }

    .pb-20 {
        padding-bottom: calc(var(--spacing)*20)
    }

    .text-center {
        text-align: center
    }

    .text-end {
        text-align: end
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .text-\[14px\] {
        font-size: 14px
    }

    .text-\[16px\] {
        font-size: 16px
    }

    .text-\[18px\] {
        font-size: 18px
    }

    .leading-16 {
        --tw-leading: calc(var(--spacing)*16);
        line-height: calc(var(--spacing)*16)
    }

    .font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .text-\[\#4D4D4D\] {
        color: #4d4d4d
    }

    .text-\[\#4F654B\] {
        color: #4f654b
    }

    .text-\[\#4d4d4d\] {
        color: #4d4d4d
    }

    .text-\[\#545567\] {
        color: #545567
    }

    .text-\[\#595959\] {
        color: #595959
    }

    .text-base-content {
        color: var(--color-base-content)
    }

    .text-gray-500 {
        color: var(--color-gray-500)
    }

    .text-primary {
        color: var(--color-primary)
    }

    .text-white {
        color: var(--color-white)
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a)
    }

    .shadow-lg,
    .shadow-md {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a)
    }

    .filter {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .backdrop-blur-xl {
        --tw-backdrop-blur: blur(var(--blur-xl));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .btn-lg {
        --fontsize: 1.125rem;
        --btn-p: 1.25rem;
        --size: calc(var(--size-field, .25rem)*12)
    }

    .btn-primary {
        --btn-color: var(--color-primary);
        --btn-fg: var(--color-primary-content)
    }

    @media (hover:hover) {
        .hover\:block:hover {
            display: block
        }

        .hover\:border-primary:hover {
            border-color: var(--color-primary)
        }

        .hover\:font-medium:hover {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium)
        }

        .hover\:text-primary:hover {
            color: var(--color-primary)
        }
    }

    @media (min-width:80rem) {
        .xl\:-top-20 {
            top: calc(var(--spacing)*-20)
        }

        .xl\:-bottom-12 {
            bottom: calc(var(--spacing)*-12)
        }

        .xl\:mx-auto {
            margin-inline: auto
        }

        .xl\:ms-8 {
            margin-inline-start: calc(var(--spacing)*8)
        }

        .xl\:me-2 {
            margin-inline-end: calc(var(--spacing)*2)
        }

        .xl\:me-8 {
            margin-inline-end: calc(var(--spacing)*8)
        }

        .xl\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .xl\:mt-11 {
            margin-top: calc(var(--spacing)*11)
        }

        .xl\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .xl\:flex {
            display: flex
        }

        .xl\:grid {
            display: grid
        }

        .xl\:hidden {
            display: none
        }

        .xl\:w-3\/12 {
            width: 25%
        }

        .xl\:w-4\/12 {
            width: 33.3333%
        }

        .xl\:w-5\/12 {
            width: 41.6667%
        }

        .xl\:w-6\/12 {
            width: 50%
        }

        .xl\:w-10 {
            width: calc(var(--spacing)*10)
        }

        .xl\:w-\[75\%\] {
            width: 75%
        }

        .xl\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .xl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .xl\:flex-row-reverse {
            flex-direction: row-reverse
        }

        .xl\:items-center {
            align-items: center
        }

        .xl\:justify-between {
            justify-content: space-between
        }

        .xl\:justify-start {
            justify-content: flex-start
        }

        .xl\:gap-10 {
            gap: calc(var(--spacing)*10)
        }

        :where(.xl\:-space-x-3>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-end: calc(var(--spacing)*-3*(1 - var(--tw-space-x-reverse)));
            margin-inline-start: calc(var(--spacing)*-3*var(--tw-space-x-reverse))
        }

        .xl\:border-b {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
        }

        .xl\:border-l {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px
        }

        .xl\:border-gray-300 {
            border-color: var(--color-gray-300)
        }

        .xl\:px-24 {
            padding-inline: calc(var(--spacing)*24)
        }

        .xl\:text-start {
            text-align: start
        }

        .xl\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height))
        }

        .xl\:text-6xl {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height))
        }

        .xl\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .xl\:text-\[18px\] {
            font-size: 18px
        }

        .xl\:leading-20 {
            --tw-leading: calc(var(--spacing)*20);
            line-height: calc(var(--spacing)*20)
        }
    }
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 100;
    src: url(/_nuxt/IRANSansX-Thin.DmiMVDL-.woff)format("woff"), url(/_nuxt/IRANSansX-Thin.ItjKZkfC.woff2)format("woff2")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 200;
    src: url(/_nuxt/IRANSansX-UltraLight.D27sGttp.woff)format("woff"), url(/_nuxt/IRANSansX-UltraLight.BnEMnD0O.woff2)format("woff2")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 300;
    src: url(/_nuxt/IRANSansX-Light.B4HfWRyw.woff)format("woff"), url(/_nuxt/IRANSansX-Light.Di0XGbGd.woff2)format("woff2")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 500;
    src: url(/_nuxt/IRANSansX-Medium.C-Gjz0oQ.woff)format("woff"), url(/_nuxt/IRANSansX-Medium.CM_rDvr7.woff2)format("woff2")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 600;
    src: url(/_nuxt/IRANSansX-DemiBold.FWl81mne.woff)format("woff"), url(/_nuxt/IRANSansX-DemiBold.C8veyBBB.woff2)format("woff2")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 800;
    src: url(/_nuxt/IRANSansX-ExtraBold.De-O8-f9.woff)format("woff"), url(/_nuxt/IRANSansX-ExtraBold.Cvm8g8ep.woff2)format("woff2")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 900;
    src: url(/_nuxt/IRANSansX-Black.XP5sXO6M.woff)format("woff"), url(/_nuxt/IRANSansX-Black.BFb6VCYD.woff2)format("woff2")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 950;
    src: url(/_nuxt/IRANSansX-ExtraBlack.SrNsqHyr.woff)format("woff"), url(/_nuxt/IRANSansX-ExtraBlack.mBvU4_ve.woff2)format("woff2")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 1000;
    src: url(/_nuxt/IRANSansX-Heavy.DT90uprd.woff)format("woff"), url(/_nuxt/IRANSansX-Heavy.D-h2I1O0.woff2)format("woff2")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 700;
    src: url(/_nuxt/IRANSansX-Bold.CBYBdDJ3.woff)format("woff"), url(/_nuxt/IRANSansX-Bold.DWpscwl7.woff2)format("woff2")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 400;
    src: url(/_nuxt/IRANSansX-Regular.svuyfzzO.woff)format("woff"), url(/_nuxt/IRANSansX-Regular.JITyl92W.woff2)format("woff2")
}

@font-face {
    font-display: fallback;
    font-family: iransansxv;
    font-weight: 100 1000;
    src: url(/_nuxt/IRANSansXV.B8PUeVuL.woff)format("woff-variations"), url(/_nuxt/IRANSansXV.B8PUeVuL.woff)format("woff")
}

* {
    direction: rtl;
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
}

body {
    background-color: #f9fbfc;
    font-family: iransansxv, IRANSansX, tahoma;
    overflow-x: hidden
}

.vf-shar {
    font-variation-settings: "wght" 900, "DOTS" 8
}

@supports (font-variation-settings:normal) {
    body {
        font-family: iransansxv, tahoma;
        font-feature-settings: "ss04";
        font-variation-settings: "DOTS" 8
    }
}

.price-card {
    background-color: var(--color-white);
    border-color: #eff0f6;
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    cursor: pointer;
    min-height: calc(var(--spacing)*96);
    padding-inline: calc(var(--spacing)*4);
    padding-bottom: calc(var(--spacing)*5);
    padding-top: calc(var(--spacing)*8);
    position: relative
}

.price-card:hover {
    background-color: var(--color-primary)
}

.price-card:hover * {
    color: var(--color-white)
}

.price-card:hover .text-gray-500 {
    color: var(--color-gray-200)
}

.price-card:hover .border-gray-200 {
    border-color: var(--color-gray-300)
}

.price-card:hover button {
    background-color: var(--color-white)
}

.price-card:hover .icon,
.price-card:hover button {
    color: var(--color-primary)
}

.comment-card {
    background-color: var(--color-white);
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    cursor: pointer;
    margin-bottom: calc(var(--spacing)*7);
    padding-block: calc(var(--spacing)*7);
    padding-inline: calc(var(--spacing)*4);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    border-color: #eff0f6;
    border-width: 1px;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width:80rem) {
    .comment-card {
        margin-bottom: calc(var(--spacing)*0)
    }
}

.comment-card img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.blog-card,
.product-card {
    margin-bottom: calc(var(--spacing)*8)
}

.form-input {
    background-color: var(--color-white);
    border-color: #eee;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    margin-bottom: calc(var(--spacing)*4);
    min-height: calc(var(--spacing)*12);
    padding-block: calc(var(--spacing)*2);
    padding-inline: calc(var(--spacing)*4);
    width: 100%
}

.form-input:focus {
    --tw-outline-style: none;
    outline-style: none
}

nav a:hover {
    color: #fd661f
}

nav .buttons {
    display: none;
    gap: calc(var(--spacing)*5);
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media (min-width:80rem) {
    nav .buttons {
        display: grid
    }
}

nav .buttons.mobile {
    display: block
}

nav .buttons a {
    border-radius: var(--radius-xl);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    padding-block: calc(var(--spacing)*3);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

nav .buttons a:first-child {
    background-color: var(--color-white);
    color: var(--color-primary);
    padding-inline: calc(var(--spacing)*12)
}

nav .buttons a:nth-child(2) {
    background-color: var(--color-primary);
    color: var(--color-white);
    padding-inline: calc(var(--spacing)*9)
}

header {
    background-color: #d2e6e4;
    background-image: url(/img/shape.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    min-height: 100lvh;
    padding: calc(var(--spacing)*4);
    padding-bottom: calc(var(--spacing)*0)
}

@media (min-width:80rem) {
    header {
        background-image: url(/img/shape-lg.svg);
        padding-inline: calc(var(--spacing)*20)
    }
}

.statistics {
    background-image: url(/img/statistics-bg-mobile.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--color-white);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    padding-block: calc(var(--spacing)*10);
    position: relative;
    text-align: center
}

@media (min-width:80rem) {
    .statistics {
        background-image: url(/img/statistics-bg-desktop.png);
        display: grid;
        padding-inline: calc(var(--spacing)*80)
    }
}

.drawer {
    direction: ltr !important
}

.services .card {
    border-color: #4f654b29;
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    cursor: pointer;
    margin-bottom: calc(var(--spacing)*8);
    padding-block: calc(var(--spacing)*8);
    padding-inline: calc(var(--spacing)*4);
    text-align: center
}

@media (hover:hover) {
    .services .card:hover {
        background-color: var(--color-white);
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
}

.services .card .title {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    margin-bottom: calc(var(--spacing)*4);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
}

.services .card .body {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing)*7);
    line-height: calc(var(--spacing)*7);
    --tw-font-weight: 400;
    color: #4d4d4d;
    font-weight: 400
}

@media (min-width:80rem) {
    .services .card .body {
        font-size: 18px
    }
}

.animated {
    opacity: 0
}

.non-animated {
    opacity: 1
}

.fade-in {
    animation: fadeIn 1s ease-in forwards
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.swap-right {
    animation: swapRight 1s ease-in forwards;
    opacity: 0;
    transform: translate(-1000px)
}

@keyframes swapRight {
    0% {
        opacity: 0;
        transform: translate(-1000px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.swap-left {
    animation: swapLeft 1s ease-in forwards;
    opacity: 0;
    transform: translate(1000px)
}

@keyframes swapLeft {
    0% {
        opacity: 0;
        transform: translate(1000px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes skeleton {
    0% {
        background-position: 150%
    }

    to {
        background-position: -50%
    }
}

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

@keyframes radio {
    0% {
        padding: 5px
    }

    50% {
        padding: 3px
    }
}

@keyframes dropdown {
    0% {
        opacity: 0
    }
}

@keyframes rating {

    0%,
    40% {
        filter: brightness(1.05)contrast(1.05);
        scale: 1.1
    }
}

@keyframes toast {
    0% {
        opacity: 0;
        scale: .9
    }

    to {
        opacity: 1;
        scale: 1
    }
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
    initial-value: rotateX(0)
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
    initial-value: rotateY(0)
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
    initial-value: rotateZ(0)
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false;
    initial-value: skewX(0)
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false;
    initial-value: skewY(0)
}

@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}