/*
Theme Name: Gerdoo-Theme
Theme URI: https://www.rtl-theme.com/author/amirparvaneh/products/
Author: amirparvaneh
Author URI: https://www.rtl-theme.com/author/amirparvaneh/products/
Description: Ù‚Ø§Ù„Ø¨ Ø¢Ù…ÙˆØ²Ø´ÛŒ Ú¯Ø±Ø¯Ùˆ
Version: 1.0
*/
/*! tailwindcss v4.1.17 | 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)))) {
        *,:before,:after,::backdrop {
            --tw-translate-x:0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-divide-x-reverse: 0;
            --tw-border-style: solid;
            --tw-divide-y-reverse: 0;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-text-shadow-color: initial;
            --tw-text-shadow-alpha: 100%
        }
    }
}

@layer theme {
    :root,:host {
        --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --color-red-50: oklch(97.1% .013 17.38);
        --color-red-100: oklch(93.6% .032 17.717);
        --color-red-400: oklch(70.4% .191 22.216);
        --color-red-500: oklch(63.7% .237 25.331);
        --color-orange-50: oklch(98% .016 73.684);
        --color-orange-100: oklch(95.4% .038 75.164);
        --color-orange-400: oklch(75% .183 55.934);
        --color-orange-500: oklch(70.5% .213 47.604);
        --color-amber-50: oklch(98.7% .022 95.277);
        --color-amber-100: oklch(96.2% .059 95.617);
        --color-amber-300: oklch(87.9% .169 91.605);
        --color-amber-400: oklch(82.8% .189 84.429);
        --color-amber-500: oklch(76.9% .188 70.08);
        --color-yellow-50: oklch(98.7% .026 102.212);
        --color-yellow-100: oklch(97.3% .071 103.193);
        --color-yellow-400: oklch(85.2% .199 91.936);
        --color-yellow-500: oklch(79.5% .184 86.047);
        --color-lime-50: oklch(98.6% .031 120.757);
        --color-lime-100: oklch(96.7% .067 122.328);
        --color-lime-400: oklch(84.1% .238 128.85);
        --color-lime-500: oklch(76.8% .233 130.85);
        --color-green-50: oklch(98.2% .018 155.826);
        --color-green-100: oklch(96.2% .044 156.743);
        --color-green-400: oklch(79.2% .209 151.711);
        --color-green-500: oklch(72.3% .219 149.579);
        --color-green-600: oklch(62.7% .194 149.214);
        --color-emerald-50: oklch(97.9% .021 166.113);
        --color-emerald-100: oklch(95% .052 163.051);
        --color-emerald-400: oklch(76.5% .177 163.223);
        --color-emerald-500: oklch(69.6% .17 162.48);
        --color-teal-50: oklch(98.4% .014 180.72);
        --color-teal-100: oklch(95.3% .051 180.801);
        --color-teal-400: oklch(77.7% .152 181.912);
        --color-teal-500: oklch(70.4% .14 182.503);
        --color-cyan-50: oklch(98.4% .019 200.873);
        --color-cyan-100: oklch(95.6% .045 203.388);
        --color-cyan-400: oklch(78.9% .154 211.53);
        --color-cyan-500: oklch(71.5% .143 215.221);
        --color-sky-50: oklch(97.7% .013 236.62);
        --color-sky-100: oklch(95.1% .026 236.824);
        --color-sky-400: oklch(74.6% .16 232.661);
        --color-sky-500: oklch(68.5% .169 237.323);
        --color-blue-50: oklch(97% .014 254.604);
        --color-blue-100: oklch(93.2% .032 255.585);
        --color-blue-400: oklch(70.7% .165 254.624);
        --color-blue-500: oklch(62.3% .214 259.815);
        --color-indigo-50: oklch(96.2% .018 272.314);
        --color-indigo-100: oklch(93% .034 272.788);
        --color-indigo-400: oklch(67.3% .182 276.935);
        --color-indigo-500: oklch(58.5% .233 277.117);
        --color-violet-50: oklch(96.9% .016 293.756);
        --color-violet-100: oklch(94.3% .029 294.588);
        --color-violet-400: oklch(70.2% .183 293.541);
        --color-violet-500: oklch(60.6% .25 292.717);
        --color-purple-50: oklch(97.7% .014 308.299);
        --color-purple-100: oklch(94.6% .033 307.174);
        --color-purple-400: oklch(71.4% .203 305.504);
        --color-purple-500: oklch(62.7% .265 303.9);
        --color-fuchsia-50: oklch(97.7% .017 320.058);
        --color-fuchsia-100: oklch(95.2% .037 318.852);
        --color-fuchsia-400: oklch(74% .238 322.16);
        --color-fuchsia-500: oklch(66.7% .295 322.15);
        --color-pink-50: oklch(97.1% .014 343.198);
        --color-pink-100: oklch(94.8% .028 342.258);
        --color-pink-400: oklch(71.8% .202 349.761);
        --color-pink-500: oklch(65.6% .241 354.308);
        --color-rose-50: oklch(96.9% .015 12.422);
        --color-rose-100: oklch(94.1% .03 12.58);
        --color-rose-400: oklch(71.2% .194 13.428);
        --color-rose-500: oklch(64.5% .246 16.439);
        --color-slate-50: oklch(98.4% .003 247.858);
        --color-slate-100: oklch(96.8% .007 247.896);
        --color-slate-400: oklch(70.4% .04 256.788);
        --color-slate-500: oklch(55.4% .046 257.417);
        --color-gray-50: oklch(98.5% .002 247.839);
        --color-gray-100: oklch(96.7% .003 264.542);
        --color-gray-400: oklch(70.7% .022 261.325);
        --color-gray-500: oklch(55.1% .027 264.364);
        --color-zinc-50: oklch(98.5% 0 0);
        --color-zinc-100: oklch(96.7% .001 286.375);
        --color-zinc-400: oklch(70.5% .015 286.067);
        --color-zinc-500: oklch(55.2% .016 285.938);
        --color-neutral-50: oklch(98.5% 0 0);
        --color-neutral-100: oklch(97% 0 0);
        --color-neutral-400: oklch(70.8% 0 0);
        --color-neutral-500: oklch(55.6% 0 0);
        --color-stone-50: oklch(98.5% .001 106.423);
        --color-stone-100: oklch(97% .001 106.424);
        --color-stone-200: oklch(92.3% .003 48.717);
        --color-stone-300: oklch(86.9% .005 56.366);
        --color-stone-400: oklch(70.9% .01 56.259);
        --color-stone-500: oklch(55.3% .013 58.071);
        --color-stone-600: oklch(44.4% .011 73.639);
        --color-stone-700: oklch(37.4% .01 67.558);
        --color-stone-800: oklch(26.8% .007 34.298);
        --color-stone-950: oklch(14.7% .004 49.25);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-sm: 24rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5/1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-tight: -.025em;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --ease-in: cubic-bezier(.4,0,1,1);
        --ease-out: cubic-bezier(0,0,.2,1);
        --ease-in-out: cubic-bezier(.4,0,.2,1);
        --animate-spin: spin 1s linear infinite;
        --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);
        --font-Iransans: "Iransans";
        --color-primary-color: #ad6c30
    }
}

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

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

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

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

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

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

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

    b,strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

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

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

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

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

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

    ::placeholder {
        opacity: 1
    }

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

        @supports (color: color-mix(in lab, red, red)) {
            ::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 {
        padding-block:0}

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

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

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

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

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

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

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

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

    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }

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

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

    ::file-selector-button {
        appearance: button
    }

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

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

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

    body {
        font-family: var(--font-Iransans);
        overflow-x: hidden!important
    }

    a,button {
        cursor: pointer
    }

    html * {
        --tw-outline-style: none!important;
        outline-style: none!important
    }

    .persian-number {
        -moz-font-feature-settings: "ss02";
        -webkit-font-feature-settings: "ss02";
        font-feature-settings: "ss02"
    }

    html: :-webkit-scrollbar {
        width:calc(var(--spacing)*1.5);
        border-radius: var(--radius-2xl)
    }

    html: :-webkit-scrollbar-thumb {
        border-radius:var(--radius-2xl)
    }

    html: :-webkit-scrollbar-track {
        border-radius:var(--radius-2xl)
    }

    html: :-webkit-scrollbar-track {
        background-color:#0c0a091a
    }

    @supports (color: color-mix(in lab, red, red)) {
        html::-webkit-scrollbar-track {
            background-color:color-mix(in oklab,var(--color-stone-950)10%,transparent)
        }
    }

    html: :-webkit-scrollbar-thumb {
        background-color:var(--color-stone-400)
    }

    .gerdoo-scroll-widget::-webkit-scrollbar {
        width: calc(var(--spacing)*2.5);
        border-radius: var(--radius-2xl)
    }

    .gerdoo-notification-account::-webkit-scrollbar {
        width: calc(var(--spacing)*2.5);
        border-radius: var(--radius-2xl)
    }

    .gerdoo-last-blog-account::-webkit-scrollbar {
        width: calc(var(--spacing)*2.5);
        border-radius: var(--radius-2xl)
    }

    .gerdoo-scroll-widget::-webkit-scrollbar-thumb {
        border-radius: var(--radius-2xl);
        border-style: var(--tw-border-style);
        border-width: 3px;
        border-color: var(--color-white)
    }

    .gerdoo-scroll-widget::-webkit-scrollbar-track {
        border-radius: var(--radius-2xl);
        border-style: var(--tw-border-style);
        border-width: 3px;
        border-color: var(--color-white)
    }

    .gerdoo-notification-account::-webkit-scrollbar-thumb {
        border-radius: var(--radius-2xl);
        border-style: var(--tw-border-style);
        border-width: 3px;
        border-color: var(--color-white)
    }

    .gerdoo-notification-account::-webkit-scrollbar-track {
        border-radius: var(--radius-2xl);
        border-style: var(--tw-border-style);
        border-width: 3px;
        border-color: var(--color-white)
    }

    .gerdoo-last-blog-account::-webkit-scrollbar-thumb {
        border-radius: var(--radius-2xl);
        border-style: var(--tw-border-style);
        border-width: 3px;
        border-color: var(--color-white)
    }

    .gerdoo-last-blog-account::-webkit-scrollbar-track {
        border-radius: var(--radius-2xl);
        border-style: var(--tw-border-style);
        border-width: 3px;
        border-color: var(--color-white)
    }

    .gerdoo-scroll-widget::-webkit-scrollbar-track {
        background-color: var(--color-stone-100)
    }

    .gerdoo-notification-account::-webkit-scrollbar-track {
        background-color: var(--color-stone-100)
    }

    .gerdoo-last-blog-account::-webkit-scrollbar-track {
        background-color: var(--color-stone-100)
    }

    .gerdoo-scroll-widget::-webkit-scrollbar-thumb {
        background-color: var(--color-stone-300)
    }

    .gerdoo-notification-account::-webkit-scrollbar-thumb {
        background-color: var(--color-stone-300)
    }

    .gerdoo-last-blog-account::-webkit-scrollbar-thumb {
        background-color: var(--color-stone-300)
    }

    span.swiper-button-disabled {
        opacity: .5
    }

    .gerdoo-slideshow-pagination span {
        height: calc(var(--spacing)*2.5)!important;
        width: calc(var(--spacing)*2.5)!important;
        border-radius: var(--radius-2xl)!important
    }

    .gerdoo-slideshow-pagination span.swiper-pagination-bullet-active {
        background-color: #00000080!important
    }

    @supports (color: color-mix(in lab, red, red)) {
        .gerdoo-slideshow-pagination span.swiper-pagination-bullet-active {
            background-color:color-mix(in oklab,var(--color-black)50%,transparent)!important
        }
    }

    article.gerdoo-content p {
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height));
        --tw-leading: calc(var(--spacing)*8);
        line-height: calc(var(--spacing)*8);
        color: var(--color-stone-500)
    }

    article.gerdoo-content h2,article.gerdoo-content h3,article.gerdoo-content h4,article.gerdoo-content h5,article.gerdoo-content h6 {
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-stone-800)
    }

    article.gerdoo-content img {
        margin-inline: auto;
        margin-block:calc(var(--spacing)*3);border-radius: var(--radius-lg)
    }

    @keyframes progress-animation {
        0% {
            background-position: 200px 0
        }

        to {
            background-position: -200px 0
        }
    }

    .gerdoo-animate-progress {
        background-image: linear-gradient(-45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);
        background-size: 40px 40px;
        animation: 5s linear infinite progress-animation
    }

    .gerdoo-my-account .woocommerce-MyAccount-navigation-link.is-active>a {
        background-color: var(--color-stone-100)!important
    }

    .coupon-error-notice {
        border-radius: var(--radius-lg);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-red-100);
        background-color: var(--color-red-50);
        padding-inline:calc(var(--spacing)*5);padding-block: calc(var(--spacing)*4);
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height));
        color: var(--color-red-500)
    }

    .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
        gap: calc(var(--spacing)*5);
        grid-template-columns: repeat(1,minmax(0,1fr));
        display: grid
    }

    @media (min-width: 40rem) {
        .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
            grid-template-columns:repeat(2,minmax(0,1fr))
        }
    }

    .woocommerce-billing-fields h3,.woocommerce-additional-fields h3 {
        display: none
    }

    .woocommerce-billing-fields label,.woocommerce-additional-fields label {
        margin-bottom: calc(var(--spacing)*2);
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height));
        color: var(--color-stone-600);
        display: block
    }

    .woocommerce-billing-fields input,.woocommerce-additional-fields textarea {
        border-radius: var(--radius-lg);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-stone-200);
        width: 100%;
        padding-inline:calc(var(--spacing)*4);padding-block: calc(var(--spacing)*3);
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height));
        color: var(--color-stone-500);
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        display: block
    }

    :is(.woocommerce-billing-fields input,.woocommerce-additional-fields textarea): focus {
        background-color:var(--color-stone-50)
    }

    .woocommerce-additional-fields {
        margin-top: calc(var(--spacing)*5)
    }

    :where(.woocommerce-checkout-review-order .wc_payment_methods>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
    }

    .woocommerce-checkout-review-order .wc_payment_methods input[type=radio] {
        appearance: none;
        display: none
    }

    .woocommerce-checkout-review-order .wc_payment_methods li {
        border-radius: var(--radius-lg);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-stone-200);
        background-color: var(--color-white);
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: #0c0a090d
    }

    @supports (color: color-mix(in lab, red, red)) {
        .woocommerce-checkout-review-order .wc_payment_methods li {
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-stone-950)5%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .woocommerce-checkout-review-order .wc_payment_methods li label {
        cursor: pointer;
        justify-content: space-between;
        align-items: center;
        column-gap: calc(var(--spacing)*2);
        padding: calc(var(--spacing)*4);
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height));
        color: var(--color-stone-600);
        display: flex
    }

    .woocommerce-checkout-review-order .wc_payment_methods li p {
        border-top-style: var(--tw-border-style);
        --tw-border-style: dashed;
        border-style: dashed;
        border-top-width: 1px;
        border-color: var(--color-stone-200);
        padding-inline:calc(var(--spacing)*5);padding-block: calc(var(--spacing)*4);
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height));
        --tw-leading: calc(var(--spacing)*6);
        line-height: calc(var(--spacing)*6);
        color: var(--color-stone-500)
    }

    .woocommerce-checkout-review-order .wc_payment_methods li img {
        height: calc(var(--spacing)*8);
        max-height: calc(var(--spacing)*8);
        min-width: fit-content
    }

    .woocommerce-checkout-review-order .wc_payment_methods li: has(input[type=radio]:checked) {
        border-color:var(--color-amber-300)
    }

    .woocommerce-checkout-review-order .woocommerce-privacy-policy-text {
        margin-block:calc(var(--spacing)*5);border-radius: var(--radius-lg);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-red-100);
        background-color: var(--color-red-50);
        padding-inline:calc(var(--spacing)*5);padding-block: calc(var(--spacing)*4);
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height));
        --tw-leading: calc(var(--spacing)*6);
        line-height: calc(var(--spacing)*6);
        color: var(--color-red-500)
    }

    .woocommerce-checkout-payment button[name=woocommerce_checkout_place_order] {
        justify-content: center;
        align-items: center;
        gap: calc(var(--spacing)*2);
        border-radius: var(--radius-lg);
        background-color: var(--color-primary-color);
        width: 100%;
        padding: calc(var(--spacing)*3.5);
        text-align: center;
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height));
        color: var(--color-white);
        transition-property: all;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        display: flex
    }

    @media (hover: hover) {
        .woocommerce-checkout-payment button[name=woocommerce_checkout_place_order]:hover {
            opacity:.8
        }
    }

    .woocommerce-pagination .page-numbers,.gerdoo-pagination .nav-links {
        align-items: center;
        gap: calc(var(--spacing)*1);
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height));
        display: flex
    }

    .woocommerce-pagination ul.page-numbers li a,.woocommerce-pagination ul.page-numbers li span,.gerdoo-pagination .nav-links a,.gerdoo-pagination .nav-links span {
        border-radius: var(--radius-lg);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-stone-200);
        background-color: var(--color-white);
        padding-inline:calc(var(--spacing)*3);padding-block: calc(var(--spacing)*1.5);
        color: var(--color-stone-500);
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: #0c0a090d
    }

    @supports (color: color-mix(in lab, red, red)) {
        .woocommerce-pagination ul.page-numbers li a,.woocommerce-pagination ul.page-numbers li span,.gerdoo-pagination .nav-links a,.gerdoo-pagination .nav-links span {
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-stone-950)5%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .woocommerce-pagination ul.page-numbers li a,.woocommerce-pagination ul.page-numbers li span,.gerdoo-pagination .nav-links a,.gerdoo-pagination .nav-links span {
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    @media (hover: hover) {
        :is(.woocommerce-pagination ul.page-numbers li a,.gerdoo-pagination .nav-links a):hover {
            background-color:var(--color-stone-100)
        }
    }

    .woocommerce-pagination ul.page-numbers li span.current,.gerdoo-pagination .nav-links span {
        background-color: var(--color-stone-100)
    }
}

@layer components;@layer utilities {
    .\@container {
        container-type: inline-size
    }

    .\!visible {
        visibility: visible!important
    }

    .collapse {
        visibility: collapse
    }

    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

    .sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .fixed\! {
        position: fixed!important
    }

    .relative {
        position: relative
    }

    .relative\! {
        position: relative!important
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

    .sticky\! {
        position: sticky!important
    }

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

    .-start-1\.5 {
        inset-inline-start: calc(var(--spacing)*-1.5)
    }

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

    .-top-px {
        top: -1px
    }

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

    .top-1\/2 {
        top: 50%
    }

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

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

    .top-5\! {
        top: calc(var(--spacing)*5)!important
    }

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

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

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

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

    .top-full {
        top: 100%
    }

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

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

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

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

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

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

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

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

    .right-72\.5 {
        right: calc(var(--spacing)*72.5)
    }

    .-bottom-px {
        bottom: -1px
    }

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

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

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

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

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

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

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

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

    .left-1\/2 {
        left: 50%
    }

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

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

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

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

    .isolate {
        isolation: isolate
    }

    .z-5 {
        z-index: 5
    }

    .z-10 {
        z-index: 10
    }

    .z-15 {
        z-index: 15
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

    .z-50 {
        z-index: 50
    }

    .col-1 {
        grid-column: 1
    }

    .col-2 {
        grid-column: 2
    }

    .col-span-1 {
        grid-column: span 1/span 1
    }

    .col-span-3 {
        grid-column: span 3/span 3
    }

    .col-span-4 {
        grid-column: span 4/span 4
    }

    .col-span-8 {
        grid-column: span 8/span 8
    }

    .col-span-12 {
        grid-column: span 12/span 12
    }

    .float-left {
        float: left
    }

    .float-right {
        float: right
    }

    .container {
        width: 100%
    }

    @media (min-width: 40rem) {
        .container {
            max-width:40rem
        }
    }

    @media (min-width: 48rem) {
        .container {
            max-width:48rem
        }
    }

    @media (min-width: 64rem) {
        .container {
            max-width:64rem
        }
    }

    @media (min-width: 80rem) {
        .container {
            max-width:80rem
        }
    }

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

    .m-0\! {
        margin: calc(var(--spacing)*0)!important
    }

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

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

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

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

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

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

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

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

    .m-9 {
        margin: calc(var(--spacing)*9)
    }

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

    .m-13 {
        margin: calc(var(--spacing)*13)
    }

    .m-15 {
        margin: calc(var(--spacing)*15)
    }

    .m-17 {
        margin: calc(var(--spacing)*17)
    }

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

    .m-21 {
        margin: calc(var(--spacing)*21)
    }

    .m-22 {
        margin: calc(var(--spacing)*22)
    }

    .m-25 {
        margin: calc(var(--spacing)*25)
    }

    .m-30 {
        margin: calc(var(--spacing)*30)
    }

    .m-40 {
        margin: calc(var(--spacing)*40)
    }

    .m-41 {
        margin: calc(var(--spacing)*41)
    }

    .m-42 {
        margin: calc(var(--spacing)*42)
    }

    .m-46 {
        margin: calc(var(--spacing)*46)
    }

    .m-50 {
        margin: calc(var(--spacing)*50)
    }

    .m-53 {
        margin: calc(var(--spacing)*53)
    }

    .m-54 {
        margin: calc(var(--spacing)*54)
    }

    .m-60 {
        margin: calc(var(--spacing)*60)
    }

    .m-62 {
        margin: calc(var(--spacing)*62)
    }

    .m-63 {
        margin: calc(var(--spacing)*63)
    }

    .m-66 {
        margin: calc(var(--spacing)*66)
    }

    .m-67 {
        margin: calc(var(--spacing)*67)
    }

    .m-68 {
        margin: calc(var(--spacing)*68)
    }

    .m-71 {
        margin: calc(var(--spacing)*71)
    }

    .m-72 {
        margin: calc(var(--spacing)*72)
    }

    .m-74 {
        margin: calc(var(--spacing)*74)
    }

    .m-75 {
        margin: calc(var(--spacing)*75)
    }

    .m-83 {
        margin: calc(var(--spacing)*83)
    }

    .m-84 {
        margin: calc(var(--spacing)*84)
    }

    .m-85 {
        margin: calc(var(--spacing)*85)
    }

    .m-91 {
        margin: calc(var(--spacing)*91)
    }

    .m-92 {
        margin: calc(var(--spacing)*92)
    }

    .m-96 {
        margin: calc(var(--spacing)*96)
    }

    .m-99 {
        margin: calc(var(--spacing)*99)
    }

    .m-101 {
        margin: calc(var(--spacing)*101)
    }

    .m-104 {
        margin: calc(var(--spacing)*104)
    }

    .m-119 {
        margin: calc(var(--spacing)*119)
    }

    .m-120 {
        margin: calc(var(--spacing)*120)
    }

    .m-121 {
        margin: calc(var(--spacing)*121)
    }

    .m-122 {
        margin: calc(var(--spacing)*122)
    }

    .m-123 {
        margin: calc(var(--spacing)*123)
    }

    .m-125 {
        margin: calc(var(--spacing)*125)
    }

    .m-133 {
        margin: calc(var(--spacing)*133)
    }

    .m-138 {
        margin: calc(var(--spacing)*138)
    }

    .m-140 {
        margin: calc(var(--spacing)*140)
    }

    .m-143 {
        margin: calc(var(--spacing)*143)
    }

    .m-145 {
        margin: calc(var(--spacing)*145)
    }

    .m-146 {
        margin: calc(var(--spacing)*146)
    }

    .m-152 {
        margin: calc(var(--spacing)*152)
    }

    .m-155 {
        margin: calc(var(--spacing)*155)
    }

    .m-156 {
        margin: calc(var(--spacing)*156)
    }

    .m-157 {
        margin: calc(var(--spacing)*157)
    }

    .m-159 {
        margin: calc(var(--spacing)*159)
    }

    .m-164 {
        margin: calc(var(--spacing)*164)
    }

    .m-165 {
        margin: calc(var(--spacing)*165)
    }

    .m-166 {
        margin: calc(var(--spacing)*166)
    }

    .m-167 {
        margin: calc(var(--spacing)*167)
    }

    .m-168 {
        margin: calc(var(--spacing)*168)
    }

    .m-171 {
        margin: calc(var(--spacing)*171)
    }

    .m-175 {
        margin: calc(var(--spacing)*175)
    }

    .m-176 {
        margin: calc(var(--spacing)*176)
    }

    .m-179 {
        margin: calc(var(--spacing)*179)
    }

    .m-182 {
        margin: calc(var(--spacing)*182)
    }

    .m-183 {
        margin: calc(var(--spacing)*183)
    }

    .m-186 {
        margin: calc(var(--spacing)*186)
    }

    .m-187 {
        margin: calc(var(--spacing)*187)
    }

    .m-188 {
        margin: calc(var(--spacing)*188)
    }

    .m-191 {
        margin: calc(var(--spacing)*191)
    }

    .m-192 {
        margin: calc(var(--spacing)*192)
    }

    .m-197 {
        margin: calc(var(--spacing)*197)
    }

    .m-198 {
        margin: calc(var(--spacing)*198)
    }

    .m-200 {
        margin: calc(var(--spacing)*200)
    }

    .m-201 {
        margin: calc(var(--spacing)*201)
    }

    .m-203 {
        margin: calc(var(--spacing)*203)
    }

    .m-206 {
        margin: calc(var(--spacing)*206)
    }

    .m-208 {
        margin: calc(var(--spacing)*208)
    }

    .m-209 {
        margin: calc(var(--spacing)*209)
    }

    .m-215 {
        margin: calc(var(--spacing)*215)
    }

    .m-216 {
        margin: calc(var(--spacing)*216)
    }

    .m-217 {
        margin: calc(var(--spacing)*217)
    }

    .m-218 {
        margin: calc(var(--spacing)*218)
    }

    .m-221 {
        margin: calc(var(--spacing)*221)
    }

    .m-222 {
        margin: calc(var(--spacing)*222)
    }

    .m-224 {
        margin: calc(var(--spacing)*224)
    }

    .m-229 {
        margin: calc(var(--spacing)*229)
    }

    .m-232 {
        margin: calc(var(--spacing)*232)
    }

    .m-238 {
        margin: calc(var(--spacing)*238)
    }

    .m-241 {
        margin: calc(var(--spacing)*241)
    }

    .m-242 {
        margin: calc(var(--spacing)*242)
    }

    .m-246 {
        margin: calc(var(--spacing)*246)
    }

    .m-250 {
        margin: calc(var(--spacing)*250)
    }

    .m-256 {
        margin: calc(var(--spacing)*256)
    }

    .m-258 {
        margin: calc(var(--spacing)*258)
    }

    .m-259 {
        margin: calc(var(--spacing)*259)
    }

    .m-260 {
        margin: calc(var(--spacing)*260)
    }

    .m-261 {
        margin: calc(var(--spacing)*261)
    }

    .m-265 {
        margin: calc(var(--spacing)*265)
    }

    .m-266 {
        margin: calc(var(--spacing)*266)
    }

    .m-267 {
        margin: calc(var(--spacing)*267)
    }

    .m-270 {
        margin: calc(var(--spacing)*270)
    }

    .m-271 {
        margin: calc(var(--spacing)*271)
    }

    .m-275 {
        margin: calc(var(--spacing)*275)
    }

    .m-276 {
        margin: calc(var(--spacing)*276)
    }

    .m-279 {
        margin: calc(var(--spacing)*279)
    }

    .m-280 {
        margin: calc(var(--spacing)*280)
    }

    .m-283 {
        margin: calc(var(--spacing)*283)
    }

    .m-287 {
        margin: calc(var(--spacing)*287)
    }

    .m-289 {
        margin: calc(var(--spacing)*289)
    }

    .m-291 {
        margin: calc(var(--spacing)*291)
    }

    .m-292 {
        margin: calc(var(--spacing)*292)
    }

    .m-300 {
        margin: calc(var(--spacing)*300)
    }

    .m-309 {
        margin: calc(var(--spacing)*309)
    }

    .m-310 {
        margin: calc(var(--spacing)*310)
    }

    .m-312 {
        margin: calc(var(--spacing)*312)
    }

    .m-313 {
        margin: calc(var(--spacing)*313)
    }

    .m-324 {
        margin: calc(var(--spacing)*324)
    }

    .m-331 {
        margin: calc(var(--spacing)*331)
    }

    .m-333 {
        margin: calc(var(--spacing)*333)
    }

    .m-334 {
        margin: calc(var(--spacing)*334)
    }

    .m-337 {
        margin: calc(var(--spacing)*337)
    }

    .m-342 {
        margin: calc(var(--spacing)*342)
    }

    .m-346 {
        margin: calc(var(--spacing)*346)
    }

    .m-348 {
        margin: calc(var(--spacing)*348)
    }

    .m-351 {
        margin: calc(var(--spacing)*351)
    }

    .m-354 {
        margin: calc(var(--spacing)*354)
    }

    .m-362 {
        margin: calc(var(--spacing)*362)
    }

    .m-363 {
        margin: calc(var(--spacing)*363)
    }

    .m-367 {
        margin: calc(var(--spacing)*367)
    }

    .m-368 {
        margin: calc(var(--spacing)*368)
    }

    .m-373 {
        margin: calc(var(--spacing)*373)
    }

    .m-375 {
        margin: calc(var(--spacing)*375)
    }

    .m-378 {
        margin: calc(var(--spacing)*378)
    }

    .m-384 {
        margin: calc(var(--spacing)*384)
    }

    .m-385 {
        margin: calc(var(--spacing)*385)
    }

    .m-395 {
        margin: calc(var(--spacing)*395)
    }

    .m-400 {
        margin: calc(var(--spacing)*400)
    }

    .m-401 {
        margin: calc(var(--spacing)*401)
    }

    .m-409 {
        margin: calc(var(--spacing)*409)
    }

    .m-415 {
        margin: calc(var(--spacing)*415)
    }

    .m-416 {
        margin: calc(var(--spacing)*416)
    }

    .m-417 {
        margin: calc(var(--spacing)*417)
    }

    .m-422 {
        margin: calc(var(--spacing)*422)
    }

    .m-423 {
        margin: calc(var(--spacing)*423)
    }

    .m-425 {
        margin: calc(var(--spacing)*425)
    }

    .m-434 {
        margin: calc(var(--spacing)*434)
    }

    .m-437 {
        margin: calc(var(--spacing)*437)
    }

    .m-438 {
        margin: calc(var(--spacing)*438)
    }

    .m-439 {
        margin: calc(var(--spacing)*439)
    }

    .m-449 {
        margin: calc(var(--spacing)*449)
    }

    .m-450 {
        margin: calc(var(--spacing)*450)
    }

    .m-451 {
        margin: calc(var(--spacing)*451)
    }

    .m-454 {
        margin: calc(var(--spacing)*454)
    }

    .m-455 {
        margin: calc(var(--spacing)*455)
    }

    .m-458 {
        margin: calc(var(--spacing)*458)
    }

    .m-460 {
        margin: calc(var(--spacing)*460)
    }

    .m-466 {
        margin: calc(var(--spacing)*466)
    }

    .m-471 {
        margin: calc(var(--spacing)*471)
    }

    .m-475 {
        margin: calc(var(--spacing)*475)
    }

    .m-476 {
        margin: calc(var(--spacing)*476)
    }

    .m-479 {
        margin: calc(var(--spacing)*479)
    }

    .m-488 {
        margin: calc(var(--spacing)*488)
    }

    .m-491 {
        margin: calc(var(--spacing)*491)
    }

    .m-492 {
        margin: calc(var(--spacing)*492)
    }

    .m-500 {
        margin: calc(var(--spacing)*500)
    }

    .m-509 {
        margin: calc(var(--spacing)*509)
    }

    .m-516 {
        margin: calc(var(--spacing)*516)
    }

    .m-520 {
        margin: calc(var(--spacing)*520)
    }

    .m-521 {
        margin: calc(var(--spacing)*521)
    }

    .m-523 {
        margin: calc(var(--spacing)*523)
    }

    .m-525 {
        margin: calc(var(--spacing)*525)
    }

    .m-526 {
        margin: calc(var(--spacing)*526)
    }

    .m-528 {
        margin: calc(var(--spacing)*528)
    }

    .m-537 {
        margin: calc(var(--spacing)*537)
    }

    .m-541 {
        margin: calc(var(--spacing)*541)
    }

    .m-542 {
        margin: calc(var(--spacing)*542)
    }

    .m-544 {
        margin: calc(var(--spacing)*544)
    }

    .m-546 {
        margin: calc(var(--spacing)*546)
    }

    .m-554 {
        margin: calc(var(--spacing)*554)
    }

    .m-555 {
        margin: calc(var(--spacing)*555)
    }

    .m-558 {
        margin: calc(var(--spacing)*558)
    }

    .m-562 {
        margin: calc(var(--spacing)*562)
    }

    .m-567 {
        margin: calc(var(--spacing)*567)
    }

    .m-575 {
        margin: calc(var(--spacing)*575)
    }

    .m-580 {
        margin: calc(var(--spacing)*580)
    }

    .m-583 {
        margin: calc(var(--spacing)*583)
    }

    .m-584 {
        margin: calc(var(--spacing)*584)
    }

    .m-594 {
        margin: calc(var(--spacing)*594)
    }

    .m-604 {
        margin: calc(var(--spacing)*604)
    }

    .m-625 {
        margin: calc(var(--spacing)*625)
    }

    .m-631 {
        margin: calc(var(--spacing)*631)
    }

    .m-635 {
        margin: calc(var(--spacing)*635)
    }

    .m-637 {
        margin: calc(var(--spacing)*637)
    }

    .m-639 {
        margin: calc(var(--spacing)*639)
    }

    .m-640 {
        margin: calc(var(--spacing)*640)
    }

    .m-645 {
        margin: calc(var(--spacing)*645)
    }

    .m-646 {
        margin: calc(var(--spacing)*646)
    }

    .m-648 {
        margin: calc(var(--spacing)*648)
    }

    .m-650 {
        margin: calc(var(--spacing)*650)
    }

    .m-652 {
        margin: calc(var(--spacing)*652)
    }

    .m-655 {
        margin: calc(var(--spacing)*655)
    }

    .m-662 {
        margin: calc(var(--spacing)*662)
    }

    .m-667 {
        margin: calc(var(--spacing)*667)
    }

    .m-672 {
        margin: calc(var(--spacing)*672)
    }

    .m-681 {
        margin: calc(var(--spacing)*681)
    }

    .m-684 {
        margin: calc(var(--spacing)*684)
    }

    .m-687 {
        margin: calc(var(--spacing)*687)
    }

    .m-689 {
        margin: calc(var(--spacing)*689)
    }

    .m-708 {
        margin: calc(var(--spacing)*708)
    }

    .m-717 {
        margin: calc(var(--spacing)*717)
    }

    .m-723 {
        margin: calc(var(--spacing)*723)
    }

    .m-725 {
        margin: calc(var(--spacing)*725)
    }

    .m-729 {
        margin: calc(var(--spacing)*729)
    }

    .m-733 {
        margin: calc(var(--spacing)*733)
    }

    .m-734 {
        margin: calc(var(--spacing)*734)
    }

    .m-735 {
        margin: calc(var(--spacing)*735)
    }

    .m-744 {
        margin: calc(var(--spacing)*744)
    }

    .m-750 {
        margin: calc(var(--spacing)*750)
    }

    .m-760 {
        margin: calc(var(--spacing)*760)
    }

    .m-762 {
        margin: calc(var(--spacing)*762)
    }

    .m-763 {
        margin: calc(var(--spacing)*763)
    }

    .m-773 {
        margin: calc(var(--spacing)*773)
    }

    .m-775 {
        margin: calc(var(--spacing)*775)
    }

    .m-792 {
        margin: calc(var(--spacing)*792)
    }

    .m-829 {
        margin: calc(var(--spacing)*829)
    }

    .m-833 {
        margin: calc(var(--spacing)*833)
    }

    .m-854 {
        margin: calc(var(--spacing)*854)
    }

    .m-870 {
        margin: calc(var(--spacing)*870)
    }

    .m-875 {
        margin: calc(var(--spacing)*875)
    }

    .m-916 {
        margin: calc(var(--spacing)*916)
    }

    .m-937 {
        margin: calc(var(--spacing)*937)
    }

    .m-952 {
        margin: calc(var(--spacing)*952)
    }

    .m-1451 {
        margin: calc(var(--spacing)*1451)
    }

    .m-1630 {
        margin: calc(var(--spacing)*1630)
    }

    .m-1688 {
        margin: calc(var(--spacing)*1688)
    }

    .m-2349 {
        margin: calc(var(--spacing)*2349)
    }

    .container {
        padding-inline:calc(var(--spacing)*5);margin-inline: auto
    }

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

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

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

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

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

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

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

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

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

    .mx-auto {
        margin-inline: auto
    }

    .my-0 {
        margin-block:calc(var(--spacing)*0)}

    .my-1 {
        margin-block: calc(var(--spacing)*1)
    }

    .my-2 {
        margin-block:calc(var(--spacing)*2)}

    .my-3 {
        margin-block: calc(var(--spacing)*3)
    }

    .my-4 {
        margin-block:calc(var(--spacing)*4)}

    .my-5 {
        margin-block: calc(var(--spacing)*5)
    }

    .my-6 {
        margin-block:calc(var(--spacing)*6)}

    .my-7 {
        margin-block: calc(var(--spacing)*7)
    }

    .my-8 {
        margin-block:calc(var(--spacing)*8)}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ml-1 {
        margin-left: calc(var(--spacing)*1)
    }

    .ml-2 {
        margin-left: calc(var(--spacing)*2)
    }

    .ml-3 {
        margin-left: calc(var(--spacing)*3)
    }

    .ml-4 {
        margin-left: calc(var(--spacing)*4)
    }

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

    .ml-6 {
        margin-left: calc(var(--spacing)*6)
    }

    .ml-7 {
        margin-left: calc(var(--spacing)*7)
    }

    .ml-8 {
        margin-left: calc(var(--spacing)*8)
    }

    .box-content {
        box-sizing: content-box
    }

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

    .line-clamp-1\! {
        -webkit-line-clamp: 1!important;
        -webkit-box-orient: vertical!important;
        display: -webkit-box!important;
        overflow: hidden!important
    }

    .line-clamp-2\! {
        -webkit-line-clamp: 2!important;
        -webkit-box-orient: vertical!important;
        display: -webkit-box!important;
        overflow: hidden!important
    }

    .line-clamp-4\! {
        -webkit-line-clamp: 4!important;
        -webkit-box-orient: vertical!important;
        display: -webkit-box!important;
        overflow: hidden!important
    }

    .\!hidden {
        display: none!important
    }

    .\!inline {
        display: inline!important
    }

    .block {
        display: block
    }

    .block\! {
        display: block!important
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .flex\! {
        display: flex!important
    }

    .flow-root {
        display: flow-root
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .hidden\! {
        display: none!important
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-block\! {
        display: inline-block!important
    }

    .inline-flex {
        display: inline-flex
    }

    .inline-grid {
        display: inline-grid
    }

    .inline-table {
        display: inline-table
    }

    .list-item {
        display: list-item
    }

    .table {
        display: table
    }

    .table-caption {
        display: table-caption
    }

    .table-cell {
        display: table-cell
    }

    .table-column {
        display: table-column
    }

    .table-column-group {
        display: table-column-group
    }

    .table-footer-group {
        display: table-footer-group
    }

    .table-header-group {
        display: table-header-group
    }

    .table-row {
        display: table-row
    }

    .table-row-group {
        display: table-row-group
    }

    .size-5 {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .size-full {
        width: 100%;
        height: 100%
    }

    .h-0\.5 {
        height: calc(var(--spacing)*.5)
    }

    .h-1\.5 {
        height: calc(var(--spacing)*1.5)
    }

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

    .h-3\.5 {
        height: calc(var(--spacing)*3.5)
    }

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

    .h-4\.5 {
        height: calc(var(--spacing)*4.5)
    }

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

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

    .h-6\.5 {
        height: calc(var(--spacing)*6.5)
    }

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

    .h-7\.5 {
        height: calc(var(--spacing)*7.5)
    }

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

    .h-8\.5 {
        height: calc(var(--spacing)*8.5)
    }

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

    .h-9\.5 {
        height: calc(var(--spacing)*9.5)
    }

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

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

    .h-11\.5 {
        height: calc(var(--spacing)*11.5)
    }

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

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

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

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

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

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

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

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

    .h-29\.5 {
        height: calc(var(--spacing)*29.5)
    }

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

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .min-h-33\.5 {
        min-height: calc(var(--spacing)*33.5)
    }

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

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

    .min-h-screen {
        min-height: 100vh
    }

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

    .w-1\.5 {
        width: calc(var(--spacing)*1.5)
    }

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

    .w-3\.5 {
        width: calc(var(--spacing)*3.5)
    }

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

    .w-4\.5 {
        width: calc(var(--spacing)*4.5)
    }

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

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

    .w-6\.5 {
        width: calc(var(--spacing)*6.5)
    }

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

    .w-7\.5 {
        width: calc(var(--spacing)*7.5)
    }

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

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

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

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

    .w-11\.5 {
        width: calc(var(--spacing)*11.5)
    }

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

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

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

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

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

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

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

    .w-100\! {
        width: calc(var(--spacing)*100)!important
    }

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

    .w-auto {
        width: auto
    }

    .w-auto\! {
        width: auto!important
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-px {
        width: 1px
    }

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

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

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

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

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

    .max-w-74\! {
        max-width: calc(var(--spacing)*74)!important
    }

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

    .max-w-sm {
        max-width: var(--container-sm)
    }

    .min-w-3\.5 {
        min-width: calc(var(--spacing)*3.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .min-w-fit {
        min-width: fit-content
    }

    .min-w-full {
        min-width: 100%
    }

    .min-w-max {
        min-width: max-content
    }

    .flex-shrink {
        flex-shrink: 1
    }

    .flex-shrink-0 {
        flex-shrink: 0
    }

    .shrink {
        flex-shrink: 1
    }

    .flex-grow,.grow {
        flex-grow: 1
    }

    .border-collapse {
        border-collapse: collapse
    }

    .-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-rotate-90 {
        rotate: -90deg
    }

    .rotate-90 {
        rotate: 90deg
    }

    .rotate-180 {
        rotate: 180deg
    }

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

    .animate-spin {
        animation: var(--animate-spin)
    }

    .cursor-move {
        cursor: move
    }

    .cursor-not-allowed {
        cursor: not-allowed
    }

    .cursor-pointer {
        cursor: pointer
    }

    .resize {
        resize: both
    }

    .list-none {
        list-style-type: none
    }

    .columns-2 {
        columns: 2
    }

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

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

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

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

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

    .flex-col {
        flex-direction: column
    }

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

    .flex-wrap {
        flex-wrap: wrap
    }

    .content-center {
        align-content: center
    }

    .items-center {
        align-items: center
    }

    .items-stretch {
        align-items: stretch
    }

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

    .justify-center {
        justify-content: center
    }

    .justify-end {
        justify-content: flex-end
    }

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

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

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

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

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

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

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

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

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

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

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

    .gap-x-1 {
        column-gap: calc(var(--spacing)*1)
    }

    .gap-x-1\.5 {
        column-gap: calc(var(--spacing)*1.5)
    }

    .gap-x-2 {
        column-gap: calc(var(--spacing)*2)
    }

    .gap-x-2\.5 {
        column-gap: calc(var(--spacing)*2.5)
    }

    .gap-x-3 {
        column-gap: calc(var(--spacing)*3)
    }

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

    .gap-x-px {
        column-gap: 1px
    }

    .gap-y-1 {
        row-gap: calc(var(--spacing)*1)
    }

    .gap-y-2 {
        row-gap: calc(var(--spacing)*2)
    }

    .gap-y-3 {
        row-gap: calc(var(--spacing)*3)
    }

    .gap-y-16 {
        row-gap: calc(var(--spacing)*16)
    }

    :where(.divide-x>:not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style:var(--tw-border-style);border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
        border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}

    : where(.divide-y>:not(:last-child)) {
        --tw-divide-y-reverse:0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px*var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(.divide-dashed>:not(:last-child)) {
        --tw-border-style: dashed;
        border-style: dashed
    }

    :where(.divide-stone-100>:not(:last-child)) {
        border-color: var(--color-stone-100)
    }

    :where(.divide-stone-200>:not(:last-child)) {
        border-color: var(--color-stone-200)
    }

    :where(.divide-stone-300>:not(:last-child)) {
        border-color: var(--color-stone-300)
    }

    .self-end {
        align-self: flex-end
    }

    .self-start {
        align-self: flex-start
    }

    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .overflow-auto {
        overflow: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-hidden\! {
        overflow: hidden!important
    }

    .overflow-x-auto {
        overflow-x: auto
    }

    .overflow-x-clip\! {
        overflow-x: clip!important
    }

    .overflow-x-hidden {
        overflow-x: hidden
    }

    .overflow-y-auto {
        overflow-y: auto
    }

    .overflow-y-hidden {
        overflow-y: hidden
    }

    .\!rounded-lg {
        border-radius: var(--radius-lg)!important
    }

    .rounded {
        border-radius: .25rem
    }

    .rounded-full {
        border-radius: 3.40282e38px
    }

    .rounded-full\! {
        border-radius: 3.40282e38px!important
    }

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

    .rounded-lg\! {
        border-radius: var(--radius-lg)!important
    }

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

    .rounded-l-full {
        border-top-left-radius: 3.40282e38px;
        border-bottom-left-radius: 3.40282e38px
    }

    .rounded-l-lg {
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }

    .rounded-l-xl {
        border-top-left-radius: var(--radius-xl);
        border-bottom-left-radius: var(--radius-xl)
    }

    .rounded-r-full {
        border-top-right-radius: 3.40282e38px;
        border-bottom-right-radius: 3.40282e38px
    }

    .rounded-r-xl {
        border-top-right-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl)
    }

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

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

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

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

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

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

    .border-r-4 {
        border-right-style: var(--tw-border-style);
        border-right-width: 4px
    }

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

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

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

    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed
    }

    .border-none {
        --tw-border-style: none;
        border-style: none
    }

    .border-green-100 {
        border-color: var(--color-green-100)
    }

    .border-green-400 {
        border-color: var(--color-green-400)
    }

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

    .border-red-100 {
        border-color: var(--color-red-100)
    }

    .border-sky-100 {
        border-color: var(--color-sky-100)
    }

    .border-stone-100 {
        border-color: var(--color-stone-100)
    }

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

    .border-stone-300 {
        border-color: var(--color-stone-300)
    }

    .border-stone-950\/10\! {
        border-color: #0c0a091a!important
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-stone-950\/10\! {
            border-color:color-mix(in oklab,var(--color-stone-950)10%,transparent)!important
        }
    }

    .border-yellow-100 {
        border-color: var(--color-yellow-100)
    }

    .bg-amber-50 {
        background-color: var(--color-amber-50)
    }

    .bg-amber-100 {
        background-color: var(--color-amber-100)
    }

    .bg-black\/80 {
        background-color: #000c
    }

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

    .bg-blue-100 {
        background-color: var(--color-blue-100)
    }

    .bg-cyan-100 {
        background-color: var(--color-cyan-100)
    }

    .bg-emerald-100 {
        background-color: var(--color-emerald-100)
    }

    .bg-fuchsia-100 {
        background-color: var(--color-fuchsia-100)
    }

    .bg-gray-100 {
        background-color: var(--color-gray-100)
    }

    .bg-green-50 {
        background-color: var(--color-green-50)
    }

    .bg-green-100 {
        background-color: var(--color-green-100)
    }

    .bg-green-500 {
        background-color: var(--color-green-500)
    }

    .bg-indigo-100 {
        background-color: var(--color-indigo-100)
    }

    .bg-lime-100 {
        background-color: var(--color-lime-100)
    }

    .bg-neutral-100 {
        background-color: var(--color-neutral-100)
    }

    .bg-orange-100 {
        background-color: var(--color-orange-100)
    }

    .bg-pink-100 {
        background-color: var(--color-pink-100)
    }

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

    .bg-primary-color\/15 {
        background-color: #ad6c3026
    }

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

    .bg-purple-100 {
        background-color: var(--color-purple-100)
    }

    .bg-red-50 {
        background-color: var(--color-red-50)
    }

    .bg-red-100 {
        background-color: var(--color-red-100)
    }

    .bg-red-500 {
        background-color: var(--color-red-500)
    }

    .bg-rose-50 {
        background-color: var(--color-rose-50)
    }

    .bg-rose-100 {
        background-color: var(--color-rose-100)
    }

    .bg-rose-500 {
        background-color: var(--color-rose-500)
    }

    .bg-sky-50 {
        background-color: var(--color-sky-50)
    }

    .bg-sky-100 {
        background-color: var(--color-sky-100)
    }

    .bg-sky-500 {
        background-color: var(--color-sky-500)
    }

    .bg-slate-100 {
        background-color: var(--color-slate-100)
    }

    .bg-stone-50 {
        background-color: var(--color-stone-50)
    }

    .bg-stone-100 {
        background-color: var(--color-stone-100)
    }

    .bg-stone-200 {
        background-color: var(--color-stone-200)
    }

    .bg-stone-400 {
        background-color: var(--color-stone-400)
    }

    .bg-stone-500 {
        background-color: var(--color-stone-500)
    }

    .bg-stone-950\/10 {
        background-color: #0c0a091a
    }

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

    .bg-teal-100 {
        background-color: var(--color-teal-100)
    }

    .bg-violet-100 {
        background-color: var(--color-violet-100)
    }

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

    .bg-white\/20 {
        background-color: #fff3
    }

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

    .bg-yellow-100 {
        background-color: var(--color-yellow-100)
    }

    .bg-yellow-500 {
        background-color: var(--color-yellow-500)
    }

    .bg-zinc-100 {
        background-color: var(--color-zinc-100)
    }

    .bg-gradient-to-l {
        --tw-gradient-position: to left in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-tr {
        --tw-gradient-position: to top right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .from-black\/0 {
        --tw-gradient-from: #0000
    }

    @supports (color: color-mix(in lab, red, red)) {
        .from-black\/0 {
            --tw-gradient-from:color-mix(in oklab,var(--color-black)0%,transparent)
        }
    }

    .from-black\/0 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-primary-color\/10 {
        --tw-gradient-from: #ad6c301a
    }

    @supports (color: color-mix(in lab, red, red)) {
        .from-primary-color\/10 {
            --tw-gradient-from:color-mix(in oklab,var(--color-primary-color)10%,transparent)
        }
    }

    .from-primary-color\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .via-amber-500 {
        --tw-gradient-via: var(--color-amber-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-blue-500 {
        --tw-gradient-via: var(--color-blue-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-cyan-500 {
        --tw-gradient-via: var(--color-cyan-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-emerald-500 {
        --tw-gradient-via: var(--color-emerald-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-fuchsia-500 {
        --tw-gradient-via: var(--color-fuchsia-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-gray-500 {
        --tw-gradient-via: var(--color-gray-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-green-500 {
        --tw-gradient-via: var(--color-green-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-indigo-500 {
        --tw-gradient-via: var(--color-indigo-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-lime-500 {
        --tw-gradient-via: var(--color-lime-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-neutral-500 {
        --tw-gradient-via: var(--color-neutral-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-orange-500 {
        --tw-gradient-via: var(--color-orange-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-pink-500 {
        --tw-gradient-via: var(--color-pink-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-purple-500 {
        --tw-gradient-via: var(--color-purple-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-red-500 {
        --tw-gradient-via: var(--color-red-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-rose-500 {
        --tw-gradient-via: var(--color-rose-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-sky-500 {
        --tw-gradient-via: var(--color-sky-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-slate-500 {
        --tw-gradient-via: var(--color-slate-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-stone-500 {
        --tw-gradient-via: var(--color-stone-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-teal-500 {
        --tw-gradient-via: var(--color-teal-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-violet-500 {
        --tw-gradient-via: var(--color-violet-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-yellow-500 {
        --tw-gradient-via: var(--color-yellow-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-zinc-500 {
        --tw-gradient-via: var(--color-zinc-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .to-black\/10 {
        --tw-gradient-to: #0000001a
    }

    @supports (color: color-mix(in lab, red, red)) {
        .to-black\/10 {
            --tw-gradient-to:color-mix(in oklab,var(--color-black)10%,transparent)
        }
    }

    .to-black\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-stone-100 {
        --tw-gradient-to: var(--color-stone-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .bg-cover {
        background-size: cover
    }

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

    .fill-current {
        fill: currentColor
    }

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

    .p-0\.5 {
        padding: calc(var(--spacing)*.5)
    }

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

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

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

    .p-3\.5 {
        padding: calc(var(--spacing)*3.5)
    }

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

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

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

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

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

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

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

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

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

    .px-1\.5 {
        padding-inline: calc(var(--spacing)*1.5)
    }

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

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

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

    .px-3\.5 {
        padding-inline: calc(var(--spacing)*3.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pr-1 {
        padding-right: calc(var(--spacing)*1)
    }

    .pr-2 {
        padding-right: calc(var(--spacing)*2)
    }

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

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

    .pr-5 {
        padding-right: calc(var(--spacing)*5)
    }

    .pr-6 {
        padding-right: calc(var(--spacing)*6)
    }

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

    .pr-8 {
        padding-right: calc(var(--spacing)*8)
    }

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

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

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

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

    .pb-3\! {
        padding-bottom: calc(var(--spacing)*3)!important
    }

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

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

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

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

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

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

    .pb-13\! {
        padding-bottom: calc(var(--spacing)*13)!important
    }

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

    .pl-1 {
        padding-left: calc(var(--spacing)*1)
    }

    .pl-2 {
        padding-left: calc(var(--spacing)*2)
    }

    .pl-3 {
        padding-left: calc(var(--spacing)*3)
    }

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

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

    .pl-6 {
        padding-left: calc(var(--spacing)*6)
    }

    .pl-7 {
        padding-left: calc(var(--spacing)*7)
    }

    .pl-8 {
        padding-left: calc(var(--spacing)*8)
    }

    .text-center {
        text-align: center
    }

    .text-justify {
        text-align: justify
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-start {
        text-align: start
    }

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

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

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

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

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

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

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

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

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

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

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

    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
    }

    .text-wrap {
        text-wrap: wrap
    }

    .break-all {
        word-break: break-all
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .text-amber-400 {
        color: var(--color-amber-400)
    }

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

    .text-blue-400 {
        color: var(--color-blue-400)
    }

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

    .text-cyan-400 {
        color: var(--color-cyan-400)
    }

    .text-emerald-400 {
        color: var(--color-emerald-400)
    }

    .text-fuchsia-400 {
        color: var(--color-fuchsia-400)
    }

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

    .text-green-400 {
        color: var(--color-green-400)
    }

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

    .text-green-600 {
        color: var(--color-green-600)
    }

    .text-indigo-400 {
        color: var(--color-indigo-400)
    }

    .text-lime-400 {
        color: var(--color-lime-400)
    }

    .text-neutral-400 {
        color: var(--color-neutral-400)
    }

    .text-orange-400 {
        color: var(--color-orange-400)
    }

    .text-pink-400 {
        color: var(--color-pink-400)
    }

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

    .text-purple-400 {
        color: var(--color-purple-400)
    }

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

    .text-red-400 {
        color: var(--color-red-400)
    }

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

    .text-rose-400 {
        color: var(--color-rose-400)
    }

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

    .text-sky-400 {
        color: var(--color-sky-400)
    }

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

    .text-slate-400 {
        color: var(--color-slate-400)
    }

    .text-stone-300 {
        color: var(--color-stone-300)
    }

    .text-stone-400 {
        color: var(--color-stone-400)
    }

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

    .text-stone-600 {
        color: var(--color-stone-600)
    }

    .text-stone-700 {
        color: var(--color-stone-700)
    }

    .text-stone-800 {
        color: var(--color-stone-800)
    }

    .text-teal-400 {
        color: var(--color-teal-400)
    }

    .text-violet-400 {
        color: var(--color-violet-400)
    }

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

    .text-white\/70 {
        color: #ffffffb3
    }

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

    .text-yellow-400 {
        color: var(--color-yellow-400)
    }

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

    .text-zinc-400 {
        color: var(--color-zinc-400)
    }

    .capitalize {
        text-transform: capitalize
    }

    .lowercase {
        text-transform: lowercase
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions;
        font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)
    }

    .lining-nums {
        --tw-numeric-figure: lining-nums;
        font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)
    }

    .oldstyle-nums {
        --tw-numeric-figure: oldstyle-nums;
        font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)
    }

    .ordinal {
        --tw-ordinal: ordinal;
        font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)
    }

    .proportional-nums {
        --tw-numeric-spacing: proportional-nums;
        font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)
    }

    .slashed-zero {
        --tw-slashed-zero: slashed-zero;
        font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)
    }

    .stacked-fractions {
        --tw-numeric-fraction: stacked-fractions;
        font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)
    }

    .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)
    }

    .line-through {
        text-decoration-line: line-through
    }

    .overline {
        text-decoration-line: overline
    }

    .underline {
        text-decoration-line: underline
    }

    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .placeholder-stone-500::placeholder {
        color: var(--color-stone-500)
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-100 {
        opacity: 1
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .shadow-2xl {
        --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)
    }

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

    .shadow-lg\! {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)!important;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important
    }

    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .shadow-xl {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .ring {
        --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .ring-10 {
        --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(10px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .shadow-stone-950\/5 {
        --tw-shadow-color: #0c0a090d
    }

    @supports (color: color-mix(in lab, red, red)) {
        .shadow-stone-950\/5 {
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-stone-950)5%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-stone-950\/5\! {
        --tw-shadow-color: #0c0a090d!important
    }

    @supports (color: color-mix(in lab, red, red)) {
        .shadow-stone-950\/5\! {
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-stone-950)5%,transparent)var(--tw-shadow-alpha),transparent)!important
        }
    }

    .shadow-stone-950\/10 {
        --tw-shadow-color: #0c0a091a
    }

    @supports (color: color-mix(in lab, red, red)) {
        .shadow-stone-950\/10 {
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-stone-950)10%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-stone-950\/15 {
        --tw-shadow-color: #0c0a0926
    }

    @supports (color: color-mix(in lab, red, red)) {
        .shadow-stone-950\/15 {
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-stone-950)15%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-stone-950\/20 {
        --tw-shadow-color: #0c0a0933
    }

    @supports (color: color-mix(in lab, red, red)) {
        .shadow-stone-950\/20 {
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-stone-950)20%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .ring-amber-50 {
        --tw-ring-color: var(--color-amber-50)
    }

    .ring-blue-50 {
        --tw-ring-color: var(--color-blue-50)
    }

    .ring-cyan-50 {
        --tw-ring-color: var(--color-cyan-50)
    }

    .ring-emerald-50 {
        --tw-ring-color: var(--color-emerald-50)
    }

    .ring-fuchsia-50 {
        --tw-ring-color: var(--color-fuchsia-50)
    }

    .ring-gray-50 {
        --tw-ring-color: var(--color-gray-50)
    }

    .ring-green-50 {
        --tw-ring-color: var(--color-green-50)
    }

    .ring-indigo-50 {
        --tw-ring-color: var(--color-indigo-50)
    }

    .ring-lime-50 {
        --tw-ring-color: var(--color-lime-50)
    }

    .ring-neutral-50 {
        --tw-ring-color: var(--color-neutral-50)
    }

    .ring-orange-50 {
        --tw-ring-color: var(--color-orange-50)
    }

    .ring-pink-50 {
        --tw-ring-color: var(--color-pink-50)
    }

    .ring-purple-50 {
        --tw-ring-color: var(--color-purple-50)
    }

    .ring-red-50 {
        --tw-ring-color: var(--color-red-50)
    }

    .ring-rose-50 {
        --tw-ring-color: var(--color-rose-50)
    }

    .ring-sky-50 {
        --tw-ring-color: var(--color-sky-50)
    }

    .ring-slate-50 {
        --tw-ring-color: var(--color-slate-50)
    }

    .ring-stone-50 {
        --tw-ring-color: var(--color-stone-50)
    }

    .ring-teal-50 {
        --tw-ring-color: var(--color-teal-50)
    }

    .ring-violet-50 {
        --tw-ring-color: var(--color-violet-50)
    }

    .ring-yellow-50 {
        --tw-ring-color: var(--color-yellow-50)
    }

    .ring-zinc-50 {
        --tw-ring-color: var(--color-zinc-50)
    }

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

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

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

    .drop-shadow {
        --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));
        --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);
        filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }

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

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

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

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

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

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

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

    .transition {
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

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

    .transition-colors {
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .delay-75 {
        transition-delay: 75ms
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-400 {
        --tw-duration: .4s;
        transition-duration: .4s
    }

    .ease-in {
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in)
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

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

    .select-all {
        -webkit-user-select: all;
        user-select: all
    }

    .\[hostname\: port\] {
        hostname:port
    }

    .backface-hidden {
        backface-visibility: hidden
    }

    .text-shadow-sm {
        text-shadow: 0px 1px 0px var(--tw-text-shadow-color,#00000013),0px 1px 1px var(--tw-text-shadow-color,#00000013),0px 2px 2px var(--tw-text-shadow-color,#00000013)
    }

    .text-shadow-white {
        --tw-text-shadow-color: #fff
    }

    @supports (color: color-mix(in lab, red, red)) {
        .text-shadow-white {
            --tw-text-shadow-color:color-mix(in oklab,var(--color-white)var(--tw-text-shadow-alpha),transparent)
        }
    }

    :is(.\*\: ms-3>*) {
        margin-inline-start:calc(var(--spacing)*3)
    }

    :is(.\*\: flex>*) {
        display:flex
    }

    :is(.\*\: items-center>*) {
        align-items:center
    }

    :is(.\*\: justify-between>*) {
        justify-content:space-between
    }

    :is(.\*\: gap-2>*) {
        gap:calc(var(--spacing)*2)
    }

    :is(.\*\: rounded-lg>*) {
        border-radius:var(--radius-lg)
    }

    :is(.\*\: border>*) {
        border-style:var(--tw-border-style);
        border-width: 1px
    }

    :is(.\*\: border-s>*) {
        border-inline-start-style:var(--tw-border-style);
        border-inline-start-width:1px}

    :is(.\*\: border-dashed>*) {
        --tw-border-style:dashed;
        border-style: dashed
    }

    :is(.\*\: border-stone-200>*) {
        border-color:var(--color-stone-200)
    }

    :is(.\*\: border-stone-300>*) {
        border-color:var(--color-stone-300)
    }

    :is(.\*\: bg-white>*) {
        background-color:var(--color-white)
    }

    :is(.\*\: px-3>*) {
        padding-inline:calc(var(--spacing)*3)
    }

    :is(.\*\: px-5>*) {
        padding-inline:calc(var(--spacing)*5)
    }

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

    :is(.\*\: py-1>*) {
        padding-block:calc(var(--spacing)*1)
    }

    :is(.\*\: py-1\.5>*) {
        padding-block:calc(var(--spacing)*1.5)
    }

    :is(.\*\: py-4>*) {
        padding-block:calc(var(--spacing)*4)
    }

    :is(.\*\: ps-3>*) {
        padding-inline-start:calc(var(--spacing)*3)
    }

    :is(.\*\: pe-3>*) {
        padding-inline-end:calc(var(--spacing)*3)
    }

    :is(.\*\: text-start>*) {
        text-align:start
    }

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

    :is(.\*\: font-semibold>*) {
        --tw-font-weight:var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    :is(.\*\: text-stone-500>*) {
        color:var(--color-stone-500)
    }

    :is(.\*\: text-stone-600>*) {
        color:var(--color-stone-600)
    }

    :is(.\*\: uppercase>*) {
        text-transform:uppercase
    }

    :is(.\*\: transition-colors>*) {
        transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    :is(.\*\: duration-200>*) {
        --tw-duration:.2s;
        transition-duration: .2s
    }

    @media (hover: hover) {
        .group-hover\:visible:is(:where(.group):hover *) {
            visibility:visible
        }

        .group-hover\:mt-8:is(:where(.group):hover *) {
            margin-top: calc(var(--spacing)*8)
        }

        .group-hover\:block:is(:where(.group):hover *) {
            display: block
        }

        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1
        }

        .group-hover\/arrow\:text-stone-500:is(:where(.group\/arrow):hover *) {
            color: var(--color-stone-500)
        }

        .group-hover\/child\:visible:is(:where(.group\/child):hover *) {
            visibility: visible
        }

        .group-hover\/child\:right-52:is(:where(.group\/child):hover *) {
            right: calc(var(--spacing)*52)
        }

        .group-hover\/child\:left-52:is(:where(.group\/child):hover *) {
            left: calc(var(--spacing)*52)
        }

        .group-hover\/child\:text-stone-700:is(:where(.group\/child):hover *) {
            color: var(--color-stone-700)
        }

        .group-hover\/child\:opacity-100:is(:where(.group\/child):hover *) {
            opacity: 1
        }

        .group-hover\/item\:visible:is(:where(.group\/item):hover *) {
            visibility: visible
        }

        .group-hover\/item\:right-73\.5:is(:where(.group\/item):hover *) {
            right: calc(var(--spacing)*73.5)
        }

        .group-hover\/item\:left-73\.5:is(:where(.group\/item):hover *) {
            left: calc(var(--spacing)*73.5)
        }

        .group-hover\/item\:w-full:is(:where(.group\/item):hover *) {
            width: 100%
        }

        .group-hover\/item\:border-primary-color:is(:where(.group\/item):hover *) {
            border-color: var(--color-primary-color)
        }

        .group-hover\/item\:bg-stone-100:is(:where(.group\/item):hover *) {
            background-color: var(--color-stone-100)
        }

        .group-hover\/item\:text-primary-color:is(:where(.group\/item):hover *) {
            color: var(--color-primary-color)
        }

        .group-hover\/item\:text-stone-600:is(:where(.group\/item):hover *) {
            color: var(--color-stone-600)
        }

        .group-hover\/item\:text-stone-700:is(:where(.group\/item):hover *) {
            color: var(--color-stone-700)
        }

        .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) {
            opacity: 1
        }

        .group-hover\/item\:shadow-xl\!:is(:where(.group\/item):hover *) {
            --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)!important;
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important
        }

        .group-hover\/item\:shadow-stone-950\/10\!:is(:where(.group\/item):hover *) {
            --tw-shadow-color: #0c0a091a!important
        }

        @supports (color: color-mix(in lab, red, red)) {
            .group-hover\/item\:shadow-stone-950\/10\!:is(:where(.group\/item):hover *) {
                --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-stone-950)10%,transparent)var(--tw-shadow-alpha),transparent)!important
            }
        }

        .group-hover\/sub\:text-stone-700:is(:where(.group\/sub):hover *) {
            color: var(--color-stone-700)
        }
    }

    .group-focus\: visible:is(:where(.group):focus *) {
        visibility:visible
    }

    .group-focus\: opacity-100:is(:where(.group):focus *) {
        opacity:1
    }

    .peer-checked\: text-amber-400:is(:where(.peer):checked~*) {
        color:var(--color-amber-400)
    }

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

    @media (hover: hover) {
        .hover\:-translate-y-0\.5:hover {
            --tw-translate-y:calc(var(--spacing)*-.5);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

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

        .hover\:bg-green-400:hover {
            background-color: var(--color-green-400)
        }

        .hover\:bg-green-600:hover {
            background-color: var(--color-green-600)
        }

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

        .hover\:bg-red-500:hover {
            background-color: var(--color-red-500)
        }

        .hover\:bg-stone-50:hover {
            background-color: var(--color-stone-50)
        }

        .hover\:bg-stone-100:hover {
            background-color: var(--color-stone-100)
        }

        .hover\:bg-stone-200:hover {
            background-color: var(--color-stone-200)
        }

        .hover\:bg-stone-400:hover {
            background-color: var(--color-stone-400)
        }

        .hover\:bg-stone-500:hover {
            background-color: var(--color-stone-500)
        }

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

        .hover\:bg-white\/90:hover {
            background-color: #ffffffe6
        }

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

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

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

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

        .hover\:opacity-80:hover {
            opacity: .8
        }

        .hover\:shadow-2xl:hover {
            --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)
        }

        .hover\:shadow-2xl\!:hover {
            --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color,#00000040)!important;
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important
        }

        .hover\:shadow-xl:hover {
            --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
        }

        .hover\:shadow-stone-950\/10:hover {
            --tw-shadow-color: #0c0a091a
        }

        @supports (color: color-mix(in lab, red, red)) {
            .hover\:shadow-stone-950\/10:hover {
                --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-stone-950)10%,transparent)var(--tw-shadow-alpha),transparent)
            }
        }

        .hover\:shadow-stone-950\/10\!:hover {
            --tw-shadow-color: #0c0a091a!important
        }

        @supports (color: color-mix(in lab, red, red)) {
            .hover\:shadow-stone-950\/10\!:hover {
                --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-stone-950)10%,transparent)var(--tw-shadow-alpha),transparent)!important
            }
        }
    }

    .focus\: bg-stone-50:focus {
        background-color:var(--color-stone-50)
    }

    @media (min-width: 40rem) {
        .sm\:block {
            display:block
        }

        .sm\:flex {
            display: flex
        }

        .sm\:grid {
            display: grid
        }

        .sm\:hidden {
            display: none
        }

        .sm\:w-auto {
            width: auto
        }

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

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

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

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

        .sm\:gap-x-3 {
            column-gap: calc(var(--spacing)*3)
        }

        .sm\:gap-x-5 {
            column-gap: calc(var(--spacing)*5)
        }

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

        .sm\:p-6 {
            padding: calc(var(--spacing)*6)
        }

        .sm\:px-5 {
            padding-inline:calc(var(--spacing)*5)}
    }

    @media (min-width: 48rem) {
        .md\:col-span-1 {
            grid-column:span 1/span 1
        }

        .md\:col-span-2 {
            grid-column: span 2/span 2
        }

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:h-10 {
            height: calc(var(--spacing)*10)
        }

        .md\:min-h-10 {
            min-height: calc(var(--spacing)*10)
        }

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

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

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

        .md\:flex-row {
            flex-direction: row
        }

        .md\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .md\:gap-x-3 {
            column-gap: calc(var(--spacing)*3)
        }

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

        .md\:text-justify {
            text-align: justify
        }

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

    @media (min-width: 64rem) {
        .lg\:block {
            display:block
        }

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

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

        .lg\:flex-row {
            flex-direction: row
        }

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

        .lg\:justify-center {
            justify-content: center
        }

        .lg\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .lg\:gap-x-3 {
            column-gap: calc(var(--spacing)*3)
        }

        .lg\:py-10 {
            padding-block:calc(var(--spacing)*10)}

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

    @media (min-width: 80rem) {
        .xl\:col-span-1 {
            grid-column:span 1/span 1
        }

        .xl\:col-span-3 {
            grid-column: span 3/span 3
        }

        .xl\:col-span-4 {
            grid-column: span 4/span 4
        }

        .xl\:col-span-6 {
            grid-column: span 6/span 6
        }

        .xl\:col-span-8 {
            grid-column: span 8/span 8
        }

        .xl\:col-span-9 {
            grid-column: span 9/span 9
        }

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

        .xl\:block {
            display: block
        }

        .xl\:flex {
            display: flex
        }

        .xl\:hidden {
            display: none
        }

        .xl\:hidden\! {
            display: none!important
        }

        .xl\:inline-block\! {
            display: inline-block!important
        }

        .xl\:h-28 {
            height: calc(var(--spacing)*28)
        }

        .xl\:min-h-screen {
            min-height: 100vh
        }

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

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

        .xl\:min-w-fit {
            min-width: fit-content
        }

        .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\:grid-cols-4 {
            grid-template-columns: repeat(4,minmax(0,1fr))
        }

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

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

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

        .xl\:flex-nowrap {
            flex-wrap: nowrap
        }

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

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

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

        :where(.xl\:divide-x>:not(:last-child)) {
            --tw-divide-x-reverse: 0;
            border-inline-style:var(--tw-border-style);border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
            border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}

        : where(.xl\:divide-stone-200>:not(:last-child)) {
            border-color:var(--color-stone-200)
        }

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

        .xl\:border-dashed {
            --tw-border-style: dashed;
            border-style: dashed
        }

        .xl\:border-stone-200 {
            border-color: var(--color-stone-200)
        }

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

        .xl\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }

        .xl\:pb-13\! {
            padding-bottom: calc(var(--spacing)*13)!important
        }

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

        :is(.xl\:\*\:py-0>*) {
            padding-block:calc(var(--spacing)*0)}
    }

    @media (prefers-color-scheme: dark) {
        .dark\:text-stone-400 {
            color:var(--color-stone-400)
        }
    }

    .\[tracking\=\"true\"\]\:visible:is(){visibility:visible}:is(.\*\:\[\&\>a\]\:flex>*)>a{display:flex}:is(.\*\:\[\&\>a\]\:items-center>*)>a{align-items:center}:is(.\*\:\[\&\>a\]\:gap-x-2>*)>a{column-gap:calc(var(--spacing)*2)}:is(.\*\:\[\&\>a\]\:py-1>*)>a{padding-block:calc(var(--spacing)*1)}:is(.\*\:\[\&\>a\]\:py-2>*)>a{padding-block:calc(var(--spacing)*2)}:is(.\*\:\[\&\>a\]\:text-stone-500>*)>a{color:var(--color-stone-500)}:is(.\*\:\[\&\>a\]\:text-stone-600>*)>a{color:var(--color-stone-600)}:is(.\*\:\[\&\>a\]\:transition-all>*)>a{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}:is(.\*\:\[\&\>a\]\:transition-colors>*)>a{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.\[\&\>a\]\:hover\:bg-stone-100>a:hover{background-color:var(--color-stone-100)}:is(.\*\:\[\&\>a\]\:hover\:pr-1>*)>a:hover{padding-right:calc(var(--spacing)*1)}:is(.\*\:\[\&\>a\]\:hover\:text-primary-color>*)>a:hover{color:var(--color-primary-color)}:is(.\*\:\[\&\>a\]\:hover\:text-stone-800>*)>a:hover{color:var(--color-stone-800)}}.\[\&\>span\]\:bg-stone-100>span{background-color:var(--color-stone-100)}.\[\&\>tr\>td\]\:px-6>tr>td{padding-inline:calc(var(--spacing)*6)}.\[\&\>tr\>td\]\:py-4>tr>td{padding-block:calc(var(--spacing)*4)}.\[\&\>tr\>td\]\:text-sm>tr>td{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\[\&\>tr\>td\]\:whitespace-nowrap>tr>td{white-space:nowrap}.\[\&\>tr\>td\]\:text-stone-500>tr>td{color:var(--color-stone-500)}}@font-face{font-family:Iransans;src:url(assets/fonts/iransans.woff2)format("woff2");font-display:swap;font-weight:400}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value: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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-text-shadow-color{syntax:"*";inherits:false}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@keyframes spin{to{transform:rotate(360deg)}}