@layer properties;
@layer theme, base, components, utilities;
@layer theme{
    :root, :host{
        --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-300:oklch(80.8% 0.114 19.571);
        --color-red-400:oklch(70.4% 0.191 22.216);
        --color-red-500:oklch(63.7% 0.237 25.331);
        --color-red-600:oklch(57.7% 0.245 27.325);
        --color-red-700:oklch(50.5% 0.213 27.518);
        --color-amber-500:oklch(76.9% 0.188 70.08);
        --color-yellow-400:oklch(85.2% 0.199 91.936);
        --color-emerald-50:oklch(97.9% 0.021 166.113);
        --color-emerald-200:oklch(90.5% 0.093 164.15);
        --color-emerald-400:oklch(76.5% 0.177 163.223);
        --color-emerald-500:oklch(69.6% 0.17 162.48);
        --color-emerald-600:oklch(59.6% 0.145 163.225);
        --color-emerald-800:oklch(43.2% 0.095 166.913);
        --color-emerald-900:oklch(37.8% 0.077 168.94);
        --color-emerald-950:oklch(26.2% 0.051 172.552);
        --color-cyan-400:oklch(78.9% 0.154 211.53);
        --color-blue-50:oklch(97% 0.014 254.604);
        --color-blue-200:oklch(88.2% 0.059 254.128);
        --color-blue-300:oklch(80.9% 0.105 251.813);
        --color-blue-400:oklch(70.7% 0.165 254.624);
        --color-blue-500:oklch(62.3% 0.214 259.815);
        --color-blue-600:oklch(54.6% 0.245 262.881);
        --color-blue-700:oklch(48.8% 0.243 264.376);
        --color-blue-800:oklch(42.4% 0.199 265.638);
        --color-blue-900:oklch(37.9% 0.146 265.522);
        --color-indigo-400:oklch(67.3% 0.182 276.935);
        --color-indigo-500:oklch(58.5% 0.233 277.117);
        --color-indigo-600:oklch(51.1% 0.262 276.966);
        --color-indigo-700:oklch(45.7% 0.24 277.023);
        --color-purple-400:oklch(71.4% 0.203 305.504);
        --color-purple-500:oklch(62.7% 0.265 303.9);
        --color-rose-400:oklch(71.2% 0.194 13.428);
        --color-rose-500:oklch(64.5% 0.246 16.439);
        --color-rose-600:oklch(58.6% 0.253 17.585);
        --color-rose-700:oklch(51.4% 0.222 16.935);
        --color-slate-50:oklch(98.4% 0.003 247.858);
        --color-slate-100:oklch(96.8% 0.007 247.896);
        --color-slate-200:oklch(92.9% 0.013 255.508);
        --color-slate-300:oklch(86.9% 0.022 252.894);
        --color-slate-400:oklch(70.4% 0.04 256.788);
        --color-slate-500:oklch(55.4% 0.046 257.417);
        --color-slate-600:oklch(44.6% 0.043 257.281);
        --color-slate-700:oklch(37.2% 0.044 257.287);
        --color-slate-800:oklch(27.9% 0.041 260.031);
        --color-slate-900:oklch(20.8% 0.042 265.755);
        --color-slate-950:oklch(12.9% 0.042 264.695);
        --color-black:#000;
        --color-white:#fff;
        --spacing:0.25rem;
        --container-xs:20rem;
        --container-md:28rem;
        --container-lg:32rem;
        --container-xl:36rem;
        --container-2xl:42rem;
        --container-3xl:48rem;
        --container-4xl:56rem;
        --container-5xl:64rem;
        --container-7xl:80rem;
        --text-xs:0.75rem;
        --text-xs--line-height:calc(1 / 0.75);
        --text-sm:0.875rem;
        --text-sm--line-height:calc(1.25 / 0.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);
        --text-3xl:1.875rem;
        --text-3xl--line-height:calc(2.25 / 1.875);
        --text-4xl:2.25rem;
        --text-4xl--line-height:calc(2.5 / 2.25);
        --text-5xl:3rem;
        --text-5xl--line-height:1;
        --text-6xl:3.75rem;
        --text-6xl--line-height:1;
        --font-weight-normal:400;
        --font-weight-medium:500;
        --font-weight-semibold:600;
        --font-weight-bold:700;
        --font-weight-extrabold:800;
        --font-weight-black:900;
        --tracking-tighter:-0.05em;
        --tracking-tight:-0.025em;
        --tracking-normal:0em;
        --tracking-wide:0.025em;
        --tracking-wider:0.05em;
        --tracking-widest:0.1em;
        --leading-tight:1.25;
        --leading-snug:1.375;
        --leading-relaxed:1.625;
        --radius-md:0.375rem;
        --radius-lg:0.5rem;
        --radius-xl:0.75rem;
        --radius-2xl:1rem;
        --radius-3xl:1.5rem;
        --drop-shadow-sm:0 1px 2px rgb(0 0 0 / 0.15);
        --ease-out:cubic-bezier(0, 0, 0.2, 1);
        --ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);
        --animate-spin:spin 1s linear infinite;
        --animate-ping:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
        --animate-pulse:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        --animate-bounce:bounce 1s infinite;
        --blur-sm:8px;
        --blur-md:12px;
        --blur-xl:24px;
        --blur-2xl:40px;
        --blur-3xl:64px;
        --aspect-video:16 / 9;
        --default-transition-duration:150ms;
        --default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
        --default-mono-font-family:var(--font-mono)
    }
}
@layer base{
    *, ::after, ::before, ::backdrop, ::file-selector-button{
        box-sizing:border-box;
        margin:0;
        padding:0;
        border:0 solid
    }
}
@layer base{
    html, :host{
        line-height:1.5;
        -webkit-text-size-adjust:100%;
        tab-size:4;
        font-family:var(--fw-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"), sans-serif;
        font-feature-settings:normal;
        font-variation-settings:normal;
        -webkit-tap-highlight-color:transparent
    }
}
@layer base{
    hr{
        height:0;
        color:inherit;
        border-top-width:1px
    }
}
@layer base{
    abbr:where([title]){
        -webkit-text-decoration:underline dotted;
        text-decoration:underline dotted
    }
}
@layer base{
    h1, h2, h3, h4, h5, h6{
        font-size:inherit;
        font-weight:inherit
    }
}
@layer base{
    a{
        color:inherit;
        -webkit-text-decoration:inherit;
        text-decoration:inherit
    }
}
@layer base{
    b, strong{
        font-weight:bolder
    }
}
@layer base{
    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
    }
}
@layer base{
    small{
        font-size:80%
    }
}
@layer base{
    sub, sup{
        font-size:75%;
        line-height:0;
        position:relative;
        vertical-align:baseline
    }
}
@layer base{
    sub{
        bottom:-0.25em
    }
}
@layer base{
    sup{
        top:-0.5em
    }
}
@layer base{
    table{
        text-indent:0;
        border-color:inherit;
        border-collapse:collapse
    }
}
@layer base{
    :-moz-focusring{
        outline:auto
    }
}
@layer base{
    progress{
        vertical-align:baseline
    }
}
@layer base{
    summary{
        display:list-item
    }
}
@layer base{
    ol, ul, menu{
        list-style:none
    }
}
@layer base{
    img, svg, video, canvas, audio, iframe, embed, object{
        display:block;
        vertical-align:middle
    }
}
@layer base{
    img, video{
        max-width:100%;
        height:auto
    }
}
@layer base{
    button, input, select, optgroup, textarea, ::file-selector-button{
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        border-radius:0;
        background-color:transparent;
        opacity:1
    }
}
@layer base{
    :where(select:is([multiple], [size])) optgroup{
        font-weight:bolder
    }
}
@layer base{
    :where(select:is([multiple], [size])) optgroup option{
        padding-inline-start:20px
    }
}
@layer base{
    ::file-selector-button{
        margin-inline-end:4px
    }
}
@layer base{
    ::placeholder{
        opacity:1
    }
}
@layer base{
    @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){
        ::placeholder{
            color:currentcolor
        }
    }
}
@layer base{
    @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){
        @supports (color: color-mix(in lab, red, red)){
            ::placeholder{
                color:color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }
}
@layer base{
    textarea{
        resize:vertical
    }
}
@layer base{
    ::-webkit-search-decoration{
        -webkit-appearance:none
    }
}
@layer base{
    ::-webkit-date-and-time-value{
        min-height:1lh;
        text-align:inherit
    }
}
@layer base{
    ::-webkit-datetime-edit{
        display:inline-flex
    }
}
@layer base{
    ::-webkit-datetime-edit-fields-wrapper{
        padding:0
    }
}
@layer base{
    ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field{
        padding-block:0
    }
}
@layer base{
    :-moz-ui-invalid{
        box-shadow:none
    }
}
@layer base{
    button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button{
        appearance:button
    }
}
@layer base{
    ::-webkit-inner-spin-button, ::-webkit-outer-spin-button{
        height:auto
    }
}
@layer base{
    [hidden]:where(:not([hidden="until-found"])){
        display:none !important
    }
}
@layer utilities{
    .pointer-events-none{
        pointer-events:none
    }
}
@layer utilities{
    .visible{
        visibility:visible
    }
}
@layer utilities{
    .sr-only{
        position:absolute;
        width:1px;
        height:1px;
        padding:0;
        margin:-1px;
        overflow:hidden;
        clip:rect(0, 0, 0, 0);
        white-space:nowrap;
        border-width:0
    }
}
@layer utilities{
    .absolute{
        position:absolute
    }
}
@layer utilities{
    .fixed{
        position:fixed
    }
}
@layer utilities{
    .relative{
        position:relative
    }
}
@layer utilities{
    .static{
        position:static
    }
}
@layer utilities{
    .sticky{
        position:sticky
    }
}
@layer utilities{
    .-inset-1\.5{
        inset:calc(var(--spacing) * -1.5)
    }
}
@layer utilities{
    .inset-0{
        inset:calc(var(--spacing) * 0)
    }
}
@layer utilities{
    .inset-2{
        inset:calc(var(--spacing) * 2)
    }
}
@layer utilities{
    .-top-10{
        top:calc(var(--spacing) * -10)
    }
}
@layer utilities{
    .-top-20{
        top:calc(var(--spacing) * -20)
    }
}
@layer utilities{
    .top-0{
        top:calc(var(--spacing) * 0)
    }
}
@layer utilities{
    .top-1\.5{
        top:calc(var(--spacing) * 1.5)
    }
}
@layer utilities{
    .top-1\/2{
        top:calc(1/2 * 100%)
    }
}
@layer utilities{
    .top-1\/3{
        top:calc(1/3 * 100%)
    }
}
@layer utilities{
    .top-28{
        top:calc(var(--spacing) * 28)
    }
}
@layer utilities{
    .-right-4{
        right:calc(var(--spacing) * -4)
    }
}
@layer utilities{
    .-right-10{
        right:calc(var(--spacing) * -10)
    }
}
@layer utilities{
    .-right-20{
        right:calc(var(--spacing) * -20)
    }
}
@layer utilities{
    .right-0{
        right:calc(var(--spacing) * 0)
    }
}
@layer utilities{
    .right-1\/4{
        right:calc(1/4 * 100%)
    }
}
@layer utilities{
    .right-2{
        right:calc(var(--spacing) * 2)
    }
}
@layer utilities{
    .right-4{
        right:calc(var(--spacing) * 4)
    }
}
@layer utilities{
    .right-5{
        right:calc(var(--spacing) * 5)
    }
}
@layer utilities{
    .-bottom-4{
        bottom:calc(var(--spacing) * -4)
    }
}
@layer utilities{
    .-bottom-10{
        bottom:calc(var(--spacing) * -10)
    }
}
@layer utilities{
    .bottom-0{
        bottom:calc(var(--spacing) * 0)
    }
}
@layer utilities{
    .bottom-4{
        bottom:calc(var(--spacing) * 4)
    }
}
@layer utilities{
    .bottom-10{
        bottom:calc(var(--spacing) * 10)
    }
}
@layer utilities{
    .-left-10{
        left:calc(var(--spacing) * -10)
    }
}
@layer utilities{
    .left-0{
        left:calc(var(--spacing) * 0)
    }
}
@layer utilities{
    .left-1\/2{
        left:calc(1/2 * 100%)
    }
}
@layer utilities{
    .left-1\/4{
        left:calc(1/4 * 100%)
    }
}
@layer utilities{
    .left-4{
        left:calc(var(--spacing) * 4)
    }
}
@layer utilities{
    .-z-10{
        z-index:calc(10 * -1)
    }
}
@layer utilities{
    .-z-20{
        z-index:calc(20 * -1)
    }
}
@layer utilities{
    .z-0{
        z-index:0
    }
}
@layer utilities{
    .z-10{
        z-index:10
    }
}
@layer utilities{
    .z-40{
        z-index:40
    }
}
@layer utilities{
    .z-50{
        z-index:50
    }
}
@layer utilities{
    .z-\[99999\]{
        z-index:99999
    }
}
@layer utilities{
    .z-\[999999\]{
        z-index:999999
    }
}
@layer utilities{
    .col-12{
        grid-column:12
    }
}
@layer utilities{
    .container{
        width:100%
    }
}
@layer utilities{
    @media (width >= 40rem){
        .container{
            max-width:40rem
        }
    }
}
@layer utilities{
    @media (width >= 48rem){
        .container{
            max-width:48rem
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .container{
            max-width:64rem
        }
    }
}
@layer utilities{
    @media (width >= 80rem){
        .container{
            max-width:80rem
        }
    }
}
@layer utilities{
    @media (width >= 96rem){
        .container{
            max-width:96rem
        }
    }
}
@layer utilities{
    .m-0{
        margin:calc(var(--spacing) * 0)
    }
}
@layer utilities{
    .mx-auto{
        margin-inline:auto
    }
}
@layer utilities{
    .my-4{
        margin-block:calc(var(--spacing) * 4)
    }
}
@layer utilities{
    .my-8{
        margin-block:calc(var(--spacing) * 8)
    }
}
@layer utilities{
    .my-auto{
        margin-block:auto
    }
}
@layer utilities{
    .me-1{
        margin-inline-end:calc(var(--spacing) * 1)
    }
}
@layer utilities{
    .mt-0\.5{
        margin-top:calc(var(--spacing) * 0.5)
    }
}
@layer utilities{
    .mt-1{
        margin-top:calc(var(--spacing) * 1)
    }
}
@layer utilities{
    .mt-2{
        margin-top:calc(var(--spacing) * 2)
    }
}
@layer utilities{
    .mt-2\.5{
        margin-top:calc(var(--spacing) * 2.5)
    }
}
@layer utilities{
    .mt-3{
        margin-top:calc(var(--spacing) * 3)
    }
}
@layer utilities{
    .mt-4{
        margin-top:calc(var(--spacing) * 4)
    }
}
@layer utilities{
    .mt-5{
        margin-top:calc(var(--spacing) * 5)
    }
}
@layer utilities{
    .mt-6{
        margin-top:calc(var(--spacing) * 6)
    }
}
@layer utilities{
    .mt-12{
        margin-top:calc(var(--spacing) * 12)
    }
}
@layer utilities{
    .mt-16{
        margin-top:calc(var(--spacing) * 16)
    }
}
@layer utilities{
    .mt-auto{
        margin-top:auto
    }
}
@layer utilities{
    .mr-1{
        margin-right:calc(var(--spacing) * 1)
    }
}
@layer utilities{
    .mr-1\.5{
        margin-right:calc(var(--spacing) * 1.5)
    }
}
@layer utilities{
    .mr-2{
        margin-right:calc(var(--spacing) * 2)
    }
}
@layer utilities{
    .mb-0{
        margin-bottom:calc(var(--spacing) * 0)
    }
}
@layer utilities{
    .mb-0\.5{
        margin-bottom:calc(var(--spacing) * 0.5)
    }
}
@layer utilities{
    .mb-1{
        margin-bottom:calc(var(--spacing) * 1)
    }
}
@layer utilities{
    .mb-1\.5{
        margin-bottom:calc(var(--spacing) * 1.5)
    }
}
@layer utilities{
    .mb-2{
        margin-bottom:calc(var(--spacing) * 2)
    }
}
@layer utilities{
    .mb-2\.5{
        margin-bottom:calc(var(--spacing) * 2.5)
    }
}
@layer utilities{
    .mb-3{
        margin-bottom:calc(var(--spacing) * 3)
    }
}
@layer utilities{
    .mb-4{
        margin-bottom:calc(var(--spacing) * 4)
    }
}
@layer utilities{
    .mb-5{
        margin-bottom:calc(var(--spacing) * 5)
    }
}
@layer utilities{
    .mb-6{
        margin-bottom:calc(var(--spacing) * 6)
    }
}
@layer utilities{
    .mb-8{
        margin-bottom:calc(var(--spacing) * 8)
    }
}
@layer utilities{
    .mb-10{
        margin-bottom:calc(var(--spacing) * 10)
    }
}
@layer utilities{
    .mb-16{
        margin-bottom:calc(var(--spacing) * 16)
    }
}
@layer utilities{
    .ml-1\.5{
        margin-left:calc(var(--spacing) * 1.5)
    }
}
@layer utilities{
    .ml-4{
        margin-left:calc(var(--spacing) * 4)
    }
}
@layer utilities{
    .ml-auto{
        margin-left:auto
    }
}
@layer utilities{
    .line-clamp-1{
        overflow:hidden;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:1
    }
}
@layer utilities{
    .line-clamp-2{
        overflow:hidden;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2
    }
}
@layer utilities{
    .block{
        display:block
    }
}
@layer utilities{
    .flex{
        display:flex
    }
}
@layer utilities{
    .grid{
        display:grid
    }
}
@layer utilities{
    .hidden{
        display:none
    }
}
@layer utilities{
    .inline{
        display:inline
    }
}
@layer utilities{
    .inline-block{
        display:inline-block
    }
}
@layer utilities{
    .inline-flex{
        display:inline-flex
    }
}
@layer utilities{
    .table{
        display:table
    }
}
@layer utilities{
    .aspect-\[4\/3\]{
        aspect-ratio:4/3
    }
}
@layer utilities{
    .aspect-\[4\/4\.1\]{
        aspect-ratio:4/4.1
    }
}
@layer utilities{
    .aspect-\[16\/9\]{
        aspect-ratio:16/9
    }
}
@layer utilities{
    .aspect-video{
        aspect-ratio:var(--aspect-video)
    }
}
@layer utilities{
    .h-1{
        height:calc(var(--spacing) * 1)
    }
}
@layer utilities{
    .h-1\.5{
        height:calc(var(--spacing) * 1.5)
    }
}
@layer utilities{
    .h-2{
        height:calc(var(--spacing) * 2)
    }
}
@layer utilities{
    .h-3{
        height:calc(var(--spacing) * 3)
    }
}
@layer utilities{
    .h-5{
        height:calc(var(--spacing) * 5)
    }
}
@layer utilities{
    .h-6{
        height:calc(var(--spacing) * 6)
    }
}
@layer utilities{
    .h-7{
        height:calc(var(--spacing) * 7)
    }
}
@layer utilities{
    .h-8{
        height:calc(var(--spacing) * 8)
    }
}
@layer utilities{
    .h-9{
        height:calc(var(--spacing) * 9)
    }
}
@layer utilities{
    .h-10{
        height:calc(var(--spacing) * 10)
    }
}
@layer utilities{
    .h-11{
        height:calc(var(--spacing) * 11)
    }
}
@layer utilities{
    .h-12{
        height:calc(var(--spacing) * 12)
    }
}
@layer utilities{
    .h-14{
        height:calc(var(--spacing) * 14)
    }
}
@layer utilities{
    .h-16{
        height:calc(var(--spacing) * 16)
    }
}
@layer utilities{
    .h-20{
        height:calc(var(--spacing) * 20)
    }
}
@layer utilities{
    .h-22{
        height:calc(var(--spacing) * 22)
    }
}
@layer utilities{
    .h-24{
        height:calc(var(--spacing) * 24)
    }
}
@layer utilities{
    .h-32{
        height:calc(var(--spacing) * 32)
    }
}
@layer utilities{
    .h-40{
        height:calc(var(--spacing) * 40)
    }
}
@layer utilities{
    .h-44{
        height:calc(var(--spacing) * 44)
    }
}
@layer utilities{
    .h-60{
        height:calc(var(--spacing) * 60)
    }
}
@layer utilities{
    .h-72{
        height:calc(var(--spacing) * 72)
    }
}
@layer utilities{
    .h-96{
        height:calc(var(--spacing) * 96)
    }
}
@layer utilities{
    .h-100{
        height:calc(var(--spacing) * 100)
    }
}
@layer utilities{
    .h-\[280px\]{
        height:280px
    }
}
@layer utilities{
    .h-\[300px\]{
        height:300px
    }
}
@layer utilities{
    .h-\[350px\]{
        height:350px
    }
}
@layer utilities{
    .h-auto{
        height:auto
    }
}
@layer utilities{
    .h-fit{
        height:fit-content
    }
}
@layer utilities{
    .h-full{
        height:100%
    }
}
@layer utilities{
    .max-h-6{
        max-height:calc(var(--spacing) * 6)
    }
}
@layer utilities{
    .max-h-8{
        max-height:calc(var(--spacing) * 8)
    }
}
@layer utilities{
    .max-h-full{
        max-height:100%
    }
}
@layer utilities{
    .min-h-\[64px\]{
        min-height:64px
    }
}
@layer utilities{
    .min-h-\[100dvh\]{
        min-height:100dvh
    }
}
@layer utilities{
    .min-h-\[105px\]{
        min-height:105px
    }
}
@layer utilities{
    .min-h-\[300px\]{
        min-height:300px
    }
}
@layer utilities{
    .min-h-\[450px\]{
        min-height:450px
    }
}
@layer utilities{
    .min-h-screen{
        min-height:100vh
    }
}
@layer utilities{
    .w-1\.5{
        width:calc(var(--spacing) * 1.5)
    }
}
@layer utilities{
    .w-1\/2{
        width:calc(1/2 * 100%)
    }
}
@layer utilities{
    .w-2{
        width:calc(var(--spacing) * 2)
    }
}
@layer utilities{
    .w-3{
        width:calc(var(--spacing) * 3)
    }
}
@layer utilities{
    .w-5{
        width:calc(var(--spacing) * 5)
    }
}
@layer utilities{
    .w-6{
        width:calc(var(--spacing) * 6)
    }
}
@layer utilities{
    .w-7{
        width:calc(var(--spacing) * 7)
    }
}
@layer utilities{
    .w-8{
        width:calc(var(--spacing) * 8)
    }
}
@layer utilities{
    .w-10{
        width:calc(var(--spacing) * 10)
    }
}
@layer utilities{
    .w-11{
        width:calc(var(--spacing) * 11)
    }
}
@layer utilities{
    .w-12{
        width:calc(var(--spacing) * 12)
    }
}
@layer utilities{
    .w-14{
        width:calc(var(--spacing) * 14)
    }
}
@layer utilities{
    .w-16{
        width:calc(var(--spacing) * 16)
    }
}
@layer utilities{
    .w-20{
        width:calc(var(--spacing) * 20)
    }
}
@layer utilities{
    .w-24{
        width:calc(var(--spacing) * 24)
    }
}
@layer utilities{
    .w-32{
        width:calc(var(--spacing) * 32)
    }
}
@layer utilities{
    .w-40{
        width:calc(var(--spacing) * 40)
    }
}
@layer utilities{
    .w-48{
        width:calc(var(--spacing) * 48)
    }
}
@layer utilities{
    .w-60{
        width:calc(var(--spacing) * 60)
    }
}
@layer utilities{
    .w-72{
        width:calc(var(--spacing) * 72)
    }
}
@layer utilities{
    .w-96{
        width:calc(var(--spacing) * 96)
    }
}
@layer utilities{
    .w-100{
        width:calc(var(--spacing) * 100)
    }
}
@layer utilities{
    .w-\[350px\]{
        width:350px
    }
}
@layer utilities{
    .w-\[500px\]{
        width:500px
    }
}
@layer utilities{
    .w-\[550px\]{
        width:550px
    }
}
@layer utilities{
    .w-\[calc\(100\%-2rem\)\]{
        width:calc(100% - 2rem)
    }
}
@layer utilities{
    .w-auto{
        width:auto
    }
}
@layer utilities{
    .w-fit{
        width:fit-content
    }
}
@layer utilities{
    .w-full{
        width:100%
    }
}
@layer utilities{
    .max-w-2xl{
        max-width:var(--container-2xl)
    }
}
@layer utilities{
    .max-w-3xl{
        max-width:var(--container-3xl)
    }
}
@layer utilities{
    .max-w-4xl{
        max-width:var(--container-4xl)
    }
}
@layer utilities{
    .max-w-5xl{
        max-width:var(--container-5xl)
    }
}
@layer utilities{
    .max-w-7xl{
        max-width:var(--container-7xl)
    }
}
@layer utilities{
    .max-w-\[80vw\]{
        max-width:80vw
    }
}
@layer utilities{
    .max-w-full{
        max-width:100%
    }
}
@layer utilities{
    .max-w-lg{
        max-width:var(--container-lg)
    }
}
@layer utilities{
    .max-w-md{
        max-width:var(--container-md)
    }
}
@layer utilities{
    .max-w-none{
        max-width:none
    }
}
@layer utilities{
    .max-w-xl{
        max-width:var(--container-xl)
    }
}
@layer utilities{
    .max-w-xs{
        max-width:var(--container-xs)
    }
}
@layer utilities{
    .min-w-0{
        min-width:calc(var(--spacing) * 0)
    }
}
@layer utilities{
    .flex-1{
        flex:1
    }
}
@layer utilities{
    .flex-shrink-0{
        flex-shrink:0
    }
}
@layer utilities{
    .shrink-0{
        flex-shrink:0
    }
}
@layer utilities{
    .flex-grow{
        flex-grow:1
    }
}
@layer utilities{
    .-translate-x-1\/2{
        --tw-translate-x:calc(calc(1/2 * 100%) * -1);
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }
}
@layer utilities{
    .-translate-x-full{
        --tw-translate-x:-100%;
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }
}
@layer utilities{
    .-translate-y-1\/2{
        --tw-translate-y:calc(calc(1/2 * 100%) * -1);
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }
}
@layer utilities{
    .translate-y-1{
        --tw-translate-y:calc(var(--spacing) * 1);
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }
}
@layer utilities{
    .translate-y-2{
        --tw-translate-y:calc(var(--spacing) * 2);
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }
}
@layer utilities{
    .translate-y-24{
        --tw-translate-y:calc(var(--spacing) * 24);
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }
}
@layer utilities{
    .translate-y-\[3px\]{
        --tw-translate-y:3px;
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }
}
@layer utilities{
    .translate-y-full{
        --tw-translate-y:100%;
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }
}
@layer utilities{
    .scale-0{
        --tw-scale-x:0%;
        --tw-scale-y:0%;
        --tw-scale-z:0%;
        scale:var(--tw-scale-x) var(--tw-scale-y)
    }
}
@layer utilities{
    .scale-100{
        --tw-scale-x:100%;
        --tw-scale-y:100%;
        --tw-scale-z:100%;
        scale:var(--tw-scale-x) var(--tw-scale-y)
    }
}
@layer utilities{
    .-rotate-6{
        rotate:calc(6deg * -1)
    }
}
@layer utilities{
    .-rotate-12{
        rotate:calc(12deg * -1)
    }
}
@layer utilities{
    .skew-x-12{
        --tw-skew-x:skewX(12deg);
        transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
    }
}
@layer utilities{
    .transform{
        transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
    }
}
@layer utilities{
    .animate-bounce{
        animation:var(--animate-bounce)
    }
}
@layer utilities{
    .animate-ping{
        animation:var(--animate-ping)
    }
}
@layer utilities{
    .animate-pulse{
        animation:var(--animate-pulse)
    }
}
@layer utilities{
    .animate-spin{
        animation:var(--animate-spin)
    }
}
@layer utilities{
    .cursor-not-allowed{
        cursor:not-allowed
    }
}
@layer utilities{
    .cursor-pointer{
        cursor:pointer
    }
}
@layer utilities{
    .resize-none{
        resize:none
    }
}
@layer utilities{
    .appearance-none{
        appearance:none
    }
}
@layer utilities{
    .grid-cols-1{
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }
}
@layer utilities{
    .grid-cols-2{
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}
@layer utilities{
    .flex-col{
        flex-direction:column
    }
}
@layer utilities{
    .flex-wrap{
        flex-wrap:wrap
    }
}
@layer utilities{
    .items-baseline{
        align-items:baseline
    }
}
@layer utilities{
    .items-center{
        align-items:center
    }
}
@layer utilities{
    .items-end{
        align-items:flex-end
    }
}
@layer utilities{
    .items-start{
        align-items:flex-start
    }
}
@layer utilities{
    .items-stretch{
        align-items:stretch
    }
}
@layer utilities{
    .justify-between{
        justify-content:space-between
    }
}
@layer utilities{
    .justify-center{
        justify-content:center
    }
}
@layer utilities{
    .justify-end{
        justify-content:flex-end
    }
}
@layer utilities{
    .justify-items-center{
        justify-items:center
    }
}
@layer utilities{
    .gap-0{
        gap:calc(var(--spacing) * 0)
    }
}
@layer utilities{
    .gap-0\.5{
        gap:calc(var(--spacing) * 0.5)
    }
}
@layer utilities{
    .gap-1{
        gap:calc(var(--spacing) * 1)
    }
}
@layer utilities{
    .gap-1\.5{
        gap:calc(var(--spacing) * 1.5)
    }
}
@layer utilities{
    .gap-2{
        gap:calc(var(--spacing) * 2)
    }
}
@layer utilities{
    .gap-2\.5{
        gap:calc(var(--spacing) * 2.5)
    }
}
@layer utilities{
    .gap-3{
        gap:calc(var(--spacing) * 3)
    }
}
@layer utilities{
    .gap-3\.5{
        gap:calc(var(--spacing) * 3.5)
    }
}
@layer utilities{
    .gap-4{
        gap:calc(var(--spacing) * 4)
    }
}
@layer utilities{
    .gap-5{
        gap:calc(var(--spacing) * 5)
    }
}
@layer utilities{
    .gap-6{
        gap:calc(var(--spacing) * 6)
    }
}
@layer utilities{
    .gap-8{
        gap:calc(var(--spacing) * 8)
    }
}
@layer utilities{
    .gap-10{
        gap:calc(var(--spacing) * 10)
    }
}
@layer utilities{
    :where(.space-y-1\.5 > :not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))
    }
}
@layer utilities{
    :where(.space-y-2 > :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)))
    }
}
@layer utilities{
    :where(.space-y-2\.5 > :not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))
    }
}
@layer utilities{
    :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)))
    }
}
@layer utilities{
    :where(.space-y-3\.5 > :not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))
    }
}
@layer utilities{
    :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)))
    }
}
@layer utilities{
    :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)))
    }
}
@layer utilities{
    :where(.space-y-6 > :not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
    }
}
@layer utilities{
    :where(.space-y-8 > :not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))
    }
}
@layer utilities{
    :where(.space-y-16 > :not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))
    }
}
@layer utilities{
    .self-start{
        align-self:flex-start
    }
}
@layer utilities{
    .truncate{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
}
@layer utilities{
    .overflow-hidden{
        overflow:hidden
    }
}
@layer utilities{
    .overflow-x-hidden{
        overflow-x:hidden
    }
}
@layer utilities{
    .scroll-smooth{
        scroll-behavior:smooth
    }
}
@layer utilities{
    .rounded{
        border-radius:0.25rem
    }
}
@layer utilities{
    .rounded-2xl{
        border-radius:var(--radius-2xl)
    }
}
@layer utilities{
    .rounded-3xl{
        border-radius:var(--radius-3xl)
    }
}
@layer utilities{
    .rounded-\[2\.2rem\]{
        border-radius:2.2rem
    }
}
@layer utilities{
    .rounded-\[2\.5rem\]{
        border-radius:2.5rem
    }
}
@layer utilities{
    .rounded-\[2rem\]{
        border-radius:2rem
    }
}
@layer utilities{
    .rounded-full{
        border-radius:calc(infinity * 1px)
    }
}
@layer utilities{
    .rounded-lg{
        border-radius:var(--radius-lg)
    }
}
@layer utilities{
    .rounded-md{
        border-radius:var(--radius-md)
    }
}
@layer utilities{
    .rounded-xl{
        border-radius:var(--radius-xl)
    }
}
@layer utilities{
    .border{
        border-style:var(--tw-border-style);
        border-width:1px
    }
}
@layer utilities{
    .border-0{
        border-style:var(--tw-border-style);
        border-width:0px
    }
}
@layer utilities{
    .border-2{
        border-style:var(--tw-border-style);
        border-width:2px
    }
}
@layer utilities{
    .border-4{
        border-style:var(--tw-border-style);
        border-width:4px
    }
}
@layer utilities{
    .border-t{
        border-top-style:var(--tw-border-style);
        border-top-width:1px
    }
}
@layer utilities{
    .border-b{
        border-bottom-style:var(--tw-border-style);
        border-bottom-width:1px
    }
}
@layer utilities{
    .border-l{
        border-left-style:var(--tw-border-style);
        border-left-width:1px
    }
}
@layer utilities{
    .border-l-4{
        border-left-style:var(--tw-border-style);
        border-left-width:4px
    }
}
@layer utilities{
    .border-accent-500\/20{
        border-color:var(--fw-color-accent-500)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-accent-500\/20{
            border-color:color-mix(in oklab, var(--fw-color-accent-500) 20%, transparent)
        }
    }
}
@layer utilities{
    .border-accent-500\/30{
        border-color:var(--fw-color-accent-500)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-accent-500\/30{
            border-color:color-mix(in oklab, var(--fw-color-accent-500) 30%, transparent)
        }
    }
}
@layer utilities{
    .border-accent-600{
        border-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    .border-accent-600\/10{
        border-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-accent-600\/10{
            border-color:color-mix(in oklab, var(--fw-color-accent-600) 10%, transparent)
        }
    }
}
@layer utilities{
    .border-accent-600\/20{
        border-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-accent-600\/20{
            border-color:color-mix(in oklab, var(--fw-color-accent-600) 20%, transparent)
        }
    }
}
@layer utilities{
    .border-accent-600\/30{
        border-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-accent-600\/30{
            border-color:color-mix(in oklab, var(--fw-color-accent-600) 30%, transparent)
        }
    }
}
@layer utilities{
    .border-blue-200{
        border-color:var(--color-blue-200)
    }
}
@layer utilities{
    .border-blue-200\/50{
        border-color:color-mix(in srgb, oklch(88.2% 0.059 254.128) 50%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-blue-200\/50{
            border-color:color-mix(in oklab, var(--color-blue-200) 50%, transparent)
        }
    }
}
@layer utilities{
    .border-blue-200\/80{
        border-color:color-mix(in srgb, oklch(88.2% 0.059 254.128) 80%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-blue-200\/80{
            border-color:color-mix(in oklab, var(--color-blue-200) 80%, transparent)
        }
    }
}
@layer utilities{
    .border-blue-500\/20{
        border-color:color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-blue-500\/20{
            border-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)
        }
    }
}
@layer utilities{
    .border-emerald-200\/50{
        border-color:color-mix(in srgb, oklch(90.5% 0.093 164.15) 50%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-emerald-200\/50{
            border-color:color-mix(in oklab, var(--color-emerald-200) 50%, transparent)
        }
    }
}
@layer utilities{
    .border-emerald-400\/20{
        border-color:color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-emerald-400\/20{
            border-color:color-mix(in oklab, var(--color-emerald-400) 20%, transparent)
        }
    }
}
@layer utilities{
    .border-emerald-500\/20{
        border-color:color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-emerald-500\/20{
            border-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)
        }
    }
}
@layer utilities{
    .border-emerald-500\/30{
        border-color:color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-emerald-500\/30{
            border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)
        }
    }
}
@layer utilities{
    .border-emerald-600{
        border-color:var(--color-emerald-600)
    }
}
@layer utilities{
    .border-indigo-400\/30{
        border-color:color-mix(in srgb, oklch(67.3% 0.182 276.935) 30%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-indigo-400\/30{
            border-color:color-mix(in oklab, var(--color-indigo-400) 30%, transparent)
        }
    }
}
@layer utilities{
    .border-red-500\/20{
        border-color:color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-red-500\/20{
            border-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)
        }
    }
}
@layer utilities{
    .border-red-500\/40{
        border-color:color-mix(in srgb, oklch(63.7% 0.237 25.331) 40%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-red-500\/40{
            border-color:color-mix(in oklab, var(--color-red-500) 40%, transparent)
        }
    }
}
@layer utilities{
    .border-rose-400\/30{
        border-color:color-mix(in srgb, oklch(71.2% 0.194 13.428) 30%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-rose-400\/30{
            border-color:color-mix(in oklab, var(--color-rose-400) 30%, transparent)
        }
    }
}
@layer utilities{
    .border-rose-500\/20{
        border-color:color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-rose-500\/20{
            border-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)
        }
    }
}
@layer utilities{
    .border-slate-100{
        border-color:var(--color-slate-100)
    }
}
@layer utilities{
    .border-slate-200{
        border-color:var(--color-slate-200)
    }
}
@layer utilities{
    .border-slate-200\/60{
        border-color:color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-slate-200\/60{
            border-color:color-mix(in oklab, var(--color-slate-200) 60%, transparent)
        }
    }
}
@layer utilities{
    .border-slate-200\/70{
        border-color:color-mix(in srgb, oklch(92.9% 0.013 255.508) 70%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-slate-200\/70{
            border-color:color-mix(in oklab, var(--color-slate-200) 70%, transparent)
        }
    }
}
@layer utilities{
    .border-slate-200\/80{
        border-color:color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-slate-200\/80{
            border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)
        }
    }
}
@layer utilities{
    .border-slate-200\/90{
        border-color:color-mix(in srgb, oklch(92.9% 0.013 255.508) 90%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-slate-200\/90{
            border-color:color-mix(in oklab, var(--color-slate-200) 90%, transparent)
        }
    }
}
@layer utilities{
    .border-slate-300{
        border-color:var(--color-slate-300)
    }
}
@layer utilities{
    .border-slate-700\/60{
        border-color:color-mix(in srgb, oklch(37.2% 0.044 257.287) 60%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-slate-700\/60{
            border-color:color-mix(in oklab, var(--color-slate-700) 60%, transparent)
        }
    }
}
@layer utilities{
    .border-slate-800{
        border-color:var(--color-slate-800)
    }
}
@layer utilities{
    .border-slate-800\/60{
        border-color:color-mix(in srgb, oklch(27.9% 0.041 260.031) 60%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-slate-800\/60{
            border-color:color-mix(in oklab, var(--color-slate-800) 60%, transparent)
        }
    }
}
@layer utilities{
    .border-slate-800\/80{
        border-color:color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-slate-800\/80{
            border-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)
        }
    }
}
@layer utilities{
    .border-transparent{
        border-color:transparent
    }
}
@layer utilities{
    .border-white\/10{
        border-color:color-mix(in srgb, #fff 10%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-white\/10{
            border-color:color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }
}
@layer utilities{
    .border-white\/15{
        border-color:color-mix(in srgb, #fff 15%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-white\/15{
            border-color:color-mix(in oklab, var(--color-white) 15%, transparent)
        }
    }
}
@layer utilities{
    .border-white\/20{
        border-color:color-mix(in srgb, #fff 20%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-white\/20{
            border-color:color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }
}
@layer utilities{
    .border-white\/25{
        border-color:color-mix(in srgb, #fff 25%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .border-white\/25{
            border-color:color-mix(in oklab, var(--color-white) 25%, transparent)
        }
    }
}
@layer utilities{
    .border-t-blue-500{
        border-top-color:var(--color-blue-500)
    }
}
@layer utilities{
    .border-r-indigo-500{
        border-right-color:var(--color-indigo-500)
    }
}
@layer utilities{
    .border-b-emerald-400{
        border-bottom-color:var(--color-emerald-400)
    }
}
@layer utilities{
    .border-l-cyan-400{
        border-left-color:var(--color-cyan-400)
    }
}
@layer utilities{
    .bg-\[\#F8FAFC\]{
        background-color:#F8FAFC
    }
}
@layer utilities{
    .bg-accent-500{
        background-color:var(--fw-color-accent-500)
    }
}
@layer utilities{
    .bg-accent-500\/5{
        background-color:var(--fw-color-accent-500)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-accent-500\/5{
            background-color:color-mix(in oklab, var(--fw-color-accent-500) 5%, transparent)
        }
    }
}
@layer utilities{
    .bg-accent-500\/10{
        background-color:var(--fw-color-accent-500)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-accent-500\/10{
            background-color:color-mix(in oklab, var(--fw-color-accent-500) 10%, transparent)
        }
    }
}
@layer utilities{
    .bg-accent-600{
        background-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    .bg-accent-600\/5{
        background-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-accent-600\/5{
            background-color:color-mix(in oklab, var(--fw-color-accent-600) 5%, transparent)
        }
    }
}
@layer utilities{
    .bg-accent-600\/10{
        background-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-accent-600\/10{
            background-color:color-mix(in oklab, var(--fw-color-accent-600) 10%, transparent)
        }
    }
}
@layer utilities{
    .bg-accent-600\/20{
        background-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-accent-600\/20{
            background-color:color-mix(in oklab, var(--fw-color-accent-600) 20%, transparent)
        }
    }
}
@layer utilities{
    .bg-amber-500{
        background-color:var(--color-amber-500)
    }
}
@layer utilities{
    .bg-blue-50{
        background-color:var(--color-blue-50)
    }
}
@layer utilities{
    .bg-blue-50\/80{
        background-color:color-mix(in srgb, oklch(97% 0.014 254.604) 80%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-blue-50\/80{
            background-color:color-mix(in oklab, var(--color-blue-50) 80%, transparent)
        }
    }
}
@layer utilities{
    .bg-blue-500{
        background-color:var(--color-blue-500)
    }
}
@layer utilities{
    .bg-blue-500\/5{
        background-color:color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-blue-500\/5{
            background-color:color-mix(in oklab, var(--color-blue-500) 5%, transparent)
        }
    }
}
@layer utilities{
    .bg-blue-500\/10{
        background-color:color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-blue-500\/10{
            background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)
        }
    }
}
@layer utilities{
    .bg-blue-600{
        background-color:var(--color-blue-600)
    }
}
@layer utilities{
    .bg-blue-600\/10{
        background-color:color-mix(in srgb, oklch(54.6% 0.245 262.881) 10%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-blue-600\/10{
            background-color:color-mix(in oklab, var(--color-blue-600) 10%, transparent)
        }
    }
}
@layer utilities{
    .bg-emerald-50{
        background-color:var(--color-emerald-50)
    }
}
@layer utilities{
    .bg-emerald-400{
        background-color:var(--color-emerald-400)
    }
}
@layer utilities{
    .bg-emerald-500{
        background-color:var(--color-emerald-500)
    }
}
@layer utilities{
    .bg-emerald-500\/5{
        background-color:color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-emerald-500\/5{
            background-color:color-mix(in oklab, var(--color-emerald-500) 5%, transparent)
        }
    }
}
@layer utilities{
    .bg-emerald-500\/10{
        background-color:color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-emerald-500\/10{
            background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)
        }
    }
}
@layer utilities{
    .bg-emerald-500\/15{
        background-color:color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-emerald-500\/15{
            background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)
        }
    }
}
@layer utilities{
    .bg-emerald-500\/20{
        background-color:color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-emerald-500\/20{
            background-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)
        }
    }
}
@layer utilities{
    .bg-emerald-600{
        background-color:var(--color-emerald-600)
    }
}
@layer utilities{
    .bg-indigo-600{
        background-color:var(--color-indigo-600)
    }
}
@layer utilities{
    .bg-indigo-600\/10{
        background-color:color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-indigo-600\/10{
            background-color:color-mix(in oklab, var(--color-indigo-600) 10%, transparent)
        }
    }
}
@layer utilities{
    .bg-obsidian{
        background-color:var(--fw-color-obsidian)
    }
}
@layer utilities{
    .bg-panel{
        background-color:var(--fw-color-panel)
    }
}
@layer utilities{
    .bg-panel\/40{
        background-color:var(--fw-color-panel)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-panel\/40{
            background-color:color-mix(in oklab, var(--fw-color-panel) 40%, transparent)
        }
    }
}
@layer utilities{
    .bg-panel\/80{
        background-color:var(--fw-color-panel)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-panel\/80{
            background-color:color-mix(in oklab, var(--fw-color-panel) 80%, transparent)
        }
    }
}
@layer utilities{
    .bg-panel\/90{
        background-color:var(--fw-color-panel)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-panel\/90{
            background-color:color-mix(in oklab, var(--fw-color-panel) 90%, transparent)
        }
    }
}
@layer utilities{
    .bg-red-500\/10{
        background-color:color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-red-500\/10{
            background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)
        }
    }
}
@layer utilities{
    .bg-red-500\/20{
        background-color:color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-red-500\/20{
            background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)
        }
    }
}
@layer utilities{
    .bg-rose-500{
        background-color:var(--color-rose-500)
    }
}
@layer utilities{
    .bg-rose-500\/5{
        background-color:color-mix(in srgb, oklch(64.5% 0.246 16.439) 5%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-rose-500\/5{
            background-color:color-mix(in oklab, var(--color-rose-500) 5%, transparent)
        }
    }
}
@layer utilities{
    .bg-rose-500\/10{
        background-color:color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-rose-500\/10{
            background-color:color-mix(in oklab, var(--color-rose-500) 10%, transparent)
        }
    }
}
@layer utilities{
    .bg-rose-600{
        background-color:var(--color-rose-600)
    }
}
@layer utilities{
    .bg-slate-50{
        background-color:var(--color-slate-50)
    }
}
@layer utilities{
    .bg-slate-50\/50{
        background-color:color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-slate-50\/50{
            background-color:color-mix(in oklab, var(--color-slate-50) 50%, transparent)
        }
    }
}
@layer utilities{
    .bg-slate-50\/70{
        background-color:color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-slate-50\/70{
            background-color:color-mix(in oklab, var(--color-slate-50) 70%, transparent)
        }
    }
}
@layer utilities{
    .bg-slate-50\/80{
        background-color:color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-slate-50\/80{
            background-color:color-mix(in oklab, var(--color-slate-50) 80%, transparent)
        }
    }
}
@layer utilities{
    .bg-slate-50\/90{
        background-color:color-mix(in srgb, oklch(98.4% 0.003 247.858) 90%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-slate-50\/90{
            background-color:color-mix(in oklab, var(--color-slate-50) 90%, transparent)
        }
    }
}
@layer utilities{
    .bg-slate-100{
        background-color:var(--color-slate-100)
    }
}
@layer utilities{
    .bg-slate-100\/30{
        background-color:color-mix(in srgb, oklch(96.8% 0.007 247.896) 30%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-slate-100\/30{
            background-color:color-mix(in oklab, var(--color-slate-100) 30%, transparent)
        }
    }
}
@layer utilities{
    .bg-slate-100\/40{
        background-color:color-mix(in srgb, oklch(96.8% 0.007 247.896) 40%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-slate-100\/40{
            background-color:color-mix(in oklab, var(--color-slate-100) 40%, transparent)
        }
    }
}
@layer utilities{
    .bg-slate-100\/60{
        background-color:color-mix(in srgb, oklch(96.8% 0.007 247.896) 60%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-slate-100\/60{
            background-color:color-mix(in oklab, var(--color-slate-100) 60%, transparent)
        }
    }
}
@layer utilities{
    .bg-slate-100\/80{
        background-color:color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-slate-100\/80{
            background-color:color-mix(in oklab, var(--color-slate-100) 80%, transparent)
        }
    }
}
@layer utilities{
    .bg-slate-800{
        background-color:var(--color-slate-800)
    }
}
@layer utilities{
    .bg-slate-800\/80{
        background-color:color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-slate-800\/80{
            background-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)
        }
    }
}
@layer utilities{
    .bg-slate-900{
        background-color:var(--color-slate-900)
    }
}
@layer utilities{
    .bg-slate-900\/50{
        background-color:color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-slate-900\/50{
            background-color:color-mix(in oklab, var(--color-slate-900) 50%, transparent)
        }
    }
}
@layer utilities{
    .bg-slate-900\/80{
        background-color:color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-slate-900\/80{
            background-color:color-mix(in oklab, var(--color-slate-900) 80%, transparent)
        }
    }
}
@layer utilities{
    .bg-slate-950{
        background-color:var(--color-slate-950)
    }
}
@layer utilities{
    .bg-slate-950\/10{
        background-color:color-mix(in srgb, oklch(12.9% 0.042 264.695) 10%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-slate-950\/10{
            background-color:color-mix(in oklab, var(--color-slate-950) 10%, transparent)
        }
    }
}
@layer utilities{
    .bg-slate-950\/60{
        background-color:color-mix(in srgb, oklch(12.9% 0.042 264.695) 60%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-slate-950\/60{
            background-color:color-mix(in oklab, var(--color-slate-950) 60%, transparent)
        }
    }
}
@layer utilities{
    .bg-subtle{
        background-color:#1F2937
    }
}
@layer utilities{
    .bg-white{
        background-color:var(--color-white)
    }
}
@layer utilities{
    .bg-white\/15{
        background-color:color-mix(in srgb, #fff 15%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-white\/15{
            background-color:color-mix(in oklab, var(--color-white) 15%, transparent)
        }
    }
}
@layer utilities{
    .bg-white\/20{
        background-color:color-mix(in srgb, #fff 20%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-white\/20{
            background-color:color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }
}
@layer utilities{
    .bg-white\/80{
        background-color:color-mix(in srgb, #fff 80%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-white\/80{
            background-color:color-mix(in oklab, var(--color-white) 80%, transparent)
        }
    }
}
@layer utilities{
    .bg-white\/90{
        background-color:color-mix(in srgb, #fff 90%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-white\/90{
            background-color:color-mix(in oklab, var(--color-white) 90%, transparent)
        }
    }
}
@layer utilities{
    .bg-white\/95{
        background-color:color-mix(in srgb, #fff 95%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .bg-white\/95{
            background-color:color-mix(in oklab, var(--color-white) 95%, transparent)
        }
    }
}
@layer utilities{
    .bg-gradient-to-b{
        --tw-gradient-position:to bottom in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
}
@layer utilities{
    .bg-gradient-to-br{
        --tw-gradient-position:to bottom right in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
}
@layer utilities{
    .bg-gradient-to-r{
        --tw-gradient-position:to right in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
}
@layer utilities{
    .bg-gradient-to-t{
        --tw-gradient-position:to top in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
}
@layer utilities{
    .bg-gradient-to-tr{
        --tw-gradient-position:to top right in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
}
@layer utilities{
    .from-accent-600{
        --tw-gradient-from:var(--fw-color-accent-600);
        --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))
    }
}
@layer utilities{
    .from-accent-600\/10{
        --tw-gradient-from:var(--fw-color-accent-600);
        --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))
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .from-accent-600\/10{
            --tw-gradient-from:color-mix(in oklab, var(--fw-color-accent-600) 10%, transparent)
        }
    }
}
@layer utilities{
    .from-blue-600{
        --tw-gradient-from:var(--color-blue-600);
        --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))
    }
}
@layer utilities{
    .from-blue-600\/15{
        --tw-gradient-from:color-mix(in srgb, oklch(54.6% 0.245 262.881) 15%, transparent);
        --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .from-blue-600\/15{
            --tw-gradient-from:color-mix(in oklab, var(--color-blue-600) 15%, transparent)
        }
    }
}
@layer utilities{
    .from-blue-600\/30{
        --tw-gradient-from:color-mix(in srgb, oklch(54.6% 0.245 262.881) 30%, transparent);
        --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .from-blue-600\/30{
            --tw-gradient-from:color-mix(in oklab, var(--color-blue-600) 30%, transparent)
        }
    }
}
@layer utilities{
    .from-emerald-500\/5{
        --tw-gradient-from:color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
        --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .from-emerald-500\/5{
            --tw-gradient-from:color-mix(in oklab, var(--color-emerald-500) 5%, transparent)
        }
    }
}
@layer utilities{
    .from-emerald-500\/10{
        --tw-gradient-from:color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
        --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .from-emerald-500\/10{
            --tw-gradient-from:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)
        }
    }
}
@layer utilities{
    .from-emerald-600{
        --tw-gradient-from:var(--color-emerald-600);
        --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))
    }
}
@layer utilities{
    .from-slate-900{
        --tw-gradient-from:var(--color-slate-900);
        --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))
    }
}
@layer utilities{
    .from-slate-950{
        --tw-gradient-from:var(--color-slate-950);
        --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))
    }
}
@layer utilities{
    .from-slate-950\/40{
        --tw-gradient-from:color-mix(in srgb, oklch(12.9% 0.042 264.695) 40%, transparent);
        --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .from-slate-950\/40{
            --tw-gradient-from:color-mix(in oklab, var(--color-slate-950) 40%, transparent)
        }
    }
}
@layer utilities{
    .from-slate-950\/70{
        --tw-gradient-from:color-mix(in srgb, oklch(12.9% 0.042 264.695) 70%, transparent);
        --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .from-slate-950\/70{
            --tw-gradient-from:color-mix(in oklab, var(--color-slate-950) 70%, transparent)
        }
    }
}
@layer utilities{
    .from-slate-950\/80{
        --tw-gradient-from:color-mix(in srgb, oklch(12.9% 0.042 264.695) 80%, transparent);
        --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .from-slate-950\/80{
            --tw-gradient-from:color-mix(in oklab, var(--color-slate-950) 80%, transparent)
        }
    }
}
@layer utilities{
    .from-transparent{
        --tw-gradient-from:transparent;
        --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
}
@layer utilities{
    .from-white{
        --tw-gradient-from:var(--color-white);
        --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))
    }
}
@layer utilities{
    .via-\[\#0B101B\]{
        --tw-gradient-via:#0B101B;
        --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)
    }
}
@layer utilities{
    .via-blue-700{
        --tw-gradient-via:var(--color-blue-700);
        --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)
    }
}
@layer utilities{
    .via-indigo-500\/10{
        --tw-gradient-via:color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
        --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)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .via-indigo-500\/10{
            --tw-gradient-via:color-mix(in oklab, var(--color-indigo-500) 10%, transparent)
        }
    }
}
@layer utilities{
    .via-indigo-500\/20{
        --tw-gradient-via:color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
        --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)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .via-indigo-500\/20{
            --tw-gradient-via:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)
        }
    }
}
@layer utilities{
    .via-indigo-600{
        --tw-gradient-via:var(--color-indigo-600);
        --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)
    }
}
@layer utilities{
    .via-slate-50\/50{
        --tw-gradient-via:color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
        --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)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .via-slate-50\/50{
            --tw-gradient-via:color-mix(in oklab, var(--color-slate-50) 50%, transparent)
        }
    }
}
@layer utilities{
    .via-slate-100\/80{
        --tw-gradient-via:color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);
        --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)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .via-slate-100\/80{
            --tw-gradient-via:color-mix(in oklab, var(--color-slate-100) 80%, transparent)
        }
    }
}
@layer utilities{
    .via-slate-200{
        --tw-gradient-via:var(--color-slate-200);
        --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)
    }
}
@layer utilities{
    .via-slate-950\/10{
        --tw-gradient-via:color-mix(in srgb, oklch(12.9% 0.042 264.695) 10%, transparent);
        --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)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .via-slate-950\/10{
            --tw-gradient-via:color-mix(in oklab, var(--color-slate-950) 10%, transparent)
        }
    }
}
@layer utilities{
    .via-slate-950\/20{
        --tw-gradient-via:color-mix(in srgb, oklch(12.9% 0.042 264.695) 20%, transparent);
        --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)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .via-slate-950\/20{
            --tw-gradient-via:color-mix(in oklab, var(--color-slate-950) 20%, transparent)
        }
    }
}
@layer utilities{
    .via-slate-950\/40{
        --tw-gradient-via:color-mix(in srgb, oklch(12.9% 0.042 264.695) 40%, transparent);
        --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)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .via-slate-950\/40{
            --tw-gradient-via:color-mix(in oklab, var(--color-slate-950) 40%, transparent)
        }
    }
}
@layer utilities{
    .via-transparent{
        --tw-gradient-via:transparent;
        --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)
    }
}
@layer utilities{
    .via-white{
        --tw-gradient-via:var(--color-white);
        --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)
    }
}
@layer utilities{
    .to-\[\#090D16\]{
        --tw-gradient-to:#090D16;
        --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))
    }
}
@layer utilities{
    .to-accent-600\/5{
        --tw-gradient-to:var(--fw-color-accent-600);
        --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))
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .to-accent-600\/5{
            --tw-gradient-to:color-mix(in oklab, var(--fw-color-accent-600) 5%, transparent)
        }
    }
}
@layer utilities{
    .to-blue-500{
        --tw-gradient-to:var(--color-blue-500);
        --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))
    }
}
@layer utilities{
    .to-blue-700{
        --tw-gradient-to:var(--color-blue-700);
        --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))
    }
}
@layer utilities{
    .to-emerald-500{
        --tw-gradient-to:var(--color-emerald-500);
        --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))
    }
}
@layer utilities{
    .to-emerald-500\/5{
        --tw-gradient-to:color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
        --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .to-emerald-500\/5{
            --tw-gradient-to:color-mix(in oklab, var(--color-emerald-500) 5%, transparent)
        }
    }
}
@layer utilities{
    .to-emerald-500\/20{
        --tw-gradient-to:color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
        --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .to-emerald-500\/20{
            --tw-gradient-to:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)
        }
    }
}
@layer utilities{
    .to-indigo-600{
        --tw-gradient-to:var(--color-indigo-600);
        --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))
    }
}
@layer utilities{
    .to-slate-100\/70{
        --tw-gradient-to:color-mix(in srgb, oklch(96.8% 0.007 247.896) 70%, transparent);
        --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .to-slate-100\/70{
            --tw-gradient-to:color-mix(in oklab, var(--color-slate-100) 70%, transparent)
        }
    }
}
@layer utilities{
    .to-slate-400{
        --tw-gradient-to:var(--color-slate-400);
        --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))
    }
}
@layer utilities{
    .to-transparent{
        --tw-gradient-to:transparent;
        --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
}
@layer utilities{
    .to-white{
        --tw-gradient-to:var(--color-white);
        --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))
    }
}
@layer utilities{
    .bg-clip-text{
        background-clip:text
    }
}
@layer utilities{
    .object-contain{
        object-fit:contain
    }
}
@layer utilities{
    .object-cover{
        object-fit:cover
    }
}
@layer utilities{
    .object-center{
        object-position:center
    }
}
@layer utilities{
    .object-top{
        object-position:top
    }
}
@layer utilities{
    .p-0{
        padding:calc(var(--spacing) * 0)
    }
}
@layer utilities{
    .p-1{
        padding:calc(var(--spacing) * 1)
    }
}
@layer utilities{
    .p-1\.5{
        padding:calc(var(--spacing) * 1.5)
    }
}
@layer utilities{
    .p-2{
        padding:calc(var(--spacing) * 2)
    }
}
@layer utilities{
    .p-3{
        padding:calc(var(--spacing) * 3)
    }
}
@layer utilities{
    .p-3\.5{
        padding:calc(var(--spacing) * 3.5)
    }
}
@layer utilities{
    .p-4{
        padding:calc(var(--spacing) * 4)
    }
}
@layer utilities{
    .p-5{
        padding:calc(var(--spacing) * 5)
    }
}
@layer utilities{
    .p-6{
        padding:calc(var(--spacing) * 6)
    }
}
@layer utilities{
    .p-8{
        padding:calc(var(--spacing) * 8)
    }
}
@layer utilities{
    .p-10{
        padding:calc(var(--spacing) * 10)
    }
}
@layer utilities{
    .px-2{
        padding-inline:calc(var(--spacing) * 2)
    }
}
@layer utilities{
    .px-2\.5{
        padding-inline:calc(var(--spacing) * 2.5)
    }
}
@layer utilities{
    .px-3{
        padding-inline:calc(var(--spacing) * 3)
    }
}
@layer utilities{
    .px-3\.5{
        padding-inline:calc(var(--spacing) * 3.5)
    }
}
@layer utilities{
    .px-4{
        padding-inline:calc(var(--spacing) * 4)
    }
}
@layer utilities{
    .px-4\.5{
        padding-inline:calc(var(--spacing) * 4.5)
    }
}
@layer utilities{
    .px-5{
        padding-inline:calc(var(--spacing) * 5)
    }
}
@layer utilities{
    .px-6{
        padding-inline:calc(var(--spacing) * 6)
    }
}
@layer utilities{
    .px-7{
        padding-inline:calc(var(--spacing) * 7)
    }
}
@layer utilities{
    .px-8{
        padding-inline:calc(var(--spacing) * 8)
    }
}
@layer utilities{
    .py-0\.5{
        padding-block:calc(var(--spacing) * 0.5)
    }
}
@layer utilities{
    .py-1{
        padding-block:calc(var(--spacing) * 1)
    }
}
@layer utilities{
    .py-1\.5{
        padding-block:calc(var(--spacing) * 1.5)
    }
}
@layer utilities{
    .py-2{
        padding-block:calc(var(--spacing) * 2)
    }
}
@layer utilities{
    .py-2\.5{
        padding-block:calc(var(--spacing) * 2.5)
    }
}
@layer utilities{
    .py-3{
        padding-block:calc(var(--spacing) * 3)
    }
}
@layer utilities{
    .py-3\.5{
        padding-block:calc(var(--spacing) * 3.5)
    }
}
@layer utilities{
    .py-4{
        padding-block:calc(var(--spacing) * 4)
    }
}
@layer utilities{
    .py-5{
        padding-block:calc(var(--spacing) * 5)
    }
}
@layer utilities{
    .py-6{
        padding-block:calc(var(--spacing) * 6)
    }
}
@layer utilities{
    .py-8{
        padding-block:calc(var(--spacing) * 8)
    }
}
@layer utilities{
    .py-10{
        padding-block:calc(var(--spacing) * 10)
    }
}
@layer utilities{
    .py-12{
        padding-block:calc(var(--spacing) * 12)
    }
}
@layer utilities{
    .py-14{
        padding-block:calc(var(--spacing) * 14)
    }
}
@layer utilities{
    .py-16{
        padding-block:calc(var(--spacing) * 16)
    }
}
@layer utilities{
    .py-20{
        padding-block:calc(var(--spacing) * 20)
    }
}
@layer utilities{
    .ps-4{
        padding-inline-start:calc(var(--spacing) * 4)
    }
}
@layer utilities{
    .pe-4{
        padding-inline-end:calc(var(--spacing) * 4)
    }
}
@layer utilities{
    .pt-1{
        padding-top:calc(var(--spacing) * 1)
    }
}
@layer utilities{
    .pt-2{
        padding-top:calc(var(--spacing) * 2)
    }
}
@layer utilities{
    .pt-2\.5{
        padding-top:calc(var(--spacing) * 2.5)
    }
}
@layer utilities{
    .pt-3{
        padding-top:calc(var(--spacing) * 3)
    }
}
@layer utilities{
    .pt-3\.5{
        padding-top:calc(var(--spacing) * 3.5)
    }
}
@layer utilities{
    .pt-4{
        padding-top:calc(var(--spacing) * 4)
    }
}
@layer utilities{
    .pt-5{
        padding-top:calc(var(--spacing) * 5)
    }
}
@layer utilities{
    .pt-6{
        padding-top:calc(var(--spacing) * 6)
    }
}
@layer utilities{
    .pt-20{
        padding-top:calc(var(--spacing) * 20)
    }
}
@layer utilities{
    .pr-1{
        padding-right:calc(var(--spacing) * 1)
    }
}
@layer utilities{
    .pr-4{
        padding-right:calc(var(--spacing) * 4)
    }
}
@layer utilities{
    .pr-5{
        padding-right:calc(var(--spacing) * 5)
    }
}
@layer utilities{
    .pr-12{
        padding-right:calc(var(--spacing) * 12)
    }
}
@layer utilities{
    .pb-1{
        padding-bottom:calc(var(--spacing) * 1)
    }
}
@layer utilities{
    .pb-2{
        padding-bottom:calc(var(--spacing) * 2)
    }
}
@layer utilities{
    .pb-3{
        padding-bottom:calc(var(--spacing) * 3)
    }
}
@layer utilities{
    .pb-3\.5{
        padding-bottom:calc(var(--spacing) * 3.5)
    }
}
@layer utilities{
    .pb-4{
        padding-bottom:calc(var(--spacing) * 4)
    }
}
@layer utilities{
    .pb-5{
        padding-bottom:calc(var(--spacing) * 5)
    }
}
@layer utilities{
    .pb-6{
        padding-bottom:calc(var(--spacing) * 6)
    }
}
@layer utilities{
    .pb-8{
        padding-bottom:calc(var(--spacing) * 8)
    }
}
@layer utilities{
    .pl-2\.5{
        padding-left:calc(var(--spacing) * 2.5)
    }
}
@layer utilities{
    .pl-12{
        padding-left:calc(var(--spacing) * 12)
    }
}
@layer utilities{
    .text-center{
        text-align:center
    }
}
@layer utilities{
    .align-middle{
        vertical-align:middle
    }
}
@layer utilities{
    .font-mono{
        font-family:var(--font-mono)
    }
}
@layer utilities{
    .font-sans{
        font-family:var(--fw-font-family), sans-serif
    }
}
@layer utilities{
    .text-2xl{
        font-size:var(--text-2xl);
        line-height:var(--tw-leading, var(--text-2xl--line-height))
    }
}
@layer utilities{
    .text-3xl{
        font-size:var(--text-3xl);
        line-height:var(--tw-leading, var(--text-3xl--line-height))
    }
}
@layer utilities{
    .text-4xl{
        font-size:var(--text-4xl);
        line-height:var(--tw-leading, var(--text-4xl--line-height))
    }
}
@layer utilities{
    .text-5xl{
        font-size:var(--text-5xl);
        line-height:var(--tw-leading, var(--text-5xl--line-height))
    }
}
@layer utilities{
    .text-6xl{
        font-size:var(--text-6xl);
        line-height:var(--tw-leading, var(--text-6xl--line-height))
    }
}
@layer utilities{
    .text-base{
        font-size:var(--text-base);
        line-height:var(--tw-leading, var(--text-base--line-height))
    }
}
@layer utilities{
    .text-lg{
        font-size:var(--text-lg);
        line-height:var(--tw-leading, var(--text-lg--line-height))
    }
}
@layer utilities{
    .text-sm{
        font-size:var(--text-sm);
        line-height:var(--tw-leading, var(--text-sm--line-height))
    }
}
@layer utilities{
    .text-xl{
        font-size:var(--text-xl);
        line-height:var(--tw-leading, var(--text-xl--line-height))
    }
}
@layer utilities{
    .text-xs{
        font-size:var(--text-xs);
        line-height:var(--tw-leading, var(--text-xs--line-height))
    }
}
@layer utilities{
    .text-\[9\.5px\]{
        font-size:9.5px
    }
}
@layer utilities{
    .text-\[9px\]{
        font-size:9px
    }
}
@layer utilities{
    .text-\[10px\]{
        font-size:10px
    }
}
@layer utilities{
    .text-\[11px\]{
        font-size:11px
    }
}
@layer utilities{
    .text-\[12rem\]{
        font-size:12rem
    }
}
@layer utilities{
    .text-\[15px\]{
        font-size:15px
    }
}
@layer utilities{
    .leading-\[1\.08\]{
        --tw-leading:1.08;
        line-height:1.08
    }
}
@layer utilities{
    .leading-none{
        --tw-leading:1;
        line-height:1
    }
}
@layer utilities{
    .leading-relaxed{
        --tw-leading:var(--leading-relaxed);
        line-height:var(--leading-relaxed)
    }
}
@layer utilities{
    .leading-snug{
        --tw-leading:var(--leading-snug);
        line-height:var(--leading-snug)
    }
}
@layer utilities{
    .leading-tight{
        --tw-leading:var(--leading-tight);
        line-height:var(--leading-tight)
    }
}
@layer utilities{
    .font-black{
        --tw-font-weight:var(--font-weight-black);
        font-weight:var(--font-weight-black)
    }
}
@layer utilities{
    .font-bold{
        --tw-font-weight:var(--font-weight-bold);
        font-weight:var(--font-weight-bold)
    }
}
@layer utilities{
    .font-extrabold{
        --tw-font-weight:var(--font-weight-extrabold);
        font-weight:var(--font-weight-extrabold)
    }
}
@layer utilities{
    .font-medium{
        --tw-font-weight:var(--font-weight-medium);
        font-weight:var(--font-weight-medium)
    }
}
@layer utilities{
    .font-normal{
        --tw-font-weight:var(--font-weight-normal);
        font-weight:var(--font-weight-normal)
    }
}
@layer utilities{
    .font-semibold{
        --tw-font-weight:var(--font-weight-semibold);
        font-weight:var(--font-weight-semibold)
    }
}
@layer utilities{
    .tracking-normal{
        --tw-tracking:var(--tracking-normal);
        letter-spacing:var(--tracking-normal)
    }
}
@layer utilities{
    .tracking-tight{
        --tw-tracking:var(--tracking-tight);
        letter-spacing:var(--tracking-tight)
    }
}
@layer utilities{
    .tracking-tighter{
        --tw-tracking:var(--tracking-tighter);
        letter-spacing:var(--tracking-tighter)
    }
}
@layer utilities{
    .tracking-wide{
        --tw-tracking:var(--tracking-wide);
        letter-spacing:var(--tracking-wide)
    }
}
@layer utilities{
    .tracking-wider{
        --tw-tracking:var(--tracking-wider);
        letter-spacing:var(--tracking-wider)
    }
}
@layer utilities{
    .tracking-widest{
        --tw-tracking:var(--tracking-widest);
        letter-spacing:var(--tracking-widest)
    }
}
@layer utilities{
    .text-nowrap{
        text-wrap:nowrap
    }
}
@layer utilities{
    .whitespace-nowrap{
        white-space:nowrap
    }
}
@layer utilities{
    .\!text-accent-400{
        color:var(--fw-color-accent-400) !important
    }
}
@layer utilities{
    .\!text-slate-300{
        color:var(--color-slate-300) !important
    }
}
@layer utilities{
    .\!text-white{
        color:var(--color-white) !important
    }
}
@layer utilities{
    .text-accent-400{
        color:var(--fw-color-accent-400)
    }
}
@layer utilities{
    .text-accent-500{
        color:var(--fw-color-accent-500)
    }
}
@layer utilities{
    .text-accent-600{
        color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    .text-amber-500{
        color:var(--color-amber-500)
    }
}
@layer utilities{
    .text-blue-200{
        color:var(--color-blue-200)
    }
}
@layer utilities{
    .text-blue-500{
        color:var(--color-blue-500)
    }
}
@layer utilities{
    .text-blue-600{
        color:var(--color-blue-600)
    }
}
@layer utilities{
    .text-blue-800{
        color:var(--color-blue-800)
    }
}
@layer utilities{
    .text-blue-900{
        color:var(--color-blue-900)
    }
}
@layer utilities{
    .text-emerald-500{
        color:var(--color-emerald-500)
    }
}
@layer utilities{
    .text-emerald-600{
        color:var(--color-emerald-600)
    }
}
@layer utilities{
    .text-indigo-500{
        color:var(--color-indigo-500)
    }
}
@layer utilities{
    .text-purple-500{
        color:var(--color-purple-500)
    }
}
@layer utilities{
    .text-red-500{
        color:var(--color-red-500)
    }
}
@layer utilities{
    .text-red-600{
        color:var(--color-red-600)
    }
}
@layer utilities{
    .text-rose-500{
        color:var(--color-rose-500)
    }
}
@layer utilities{
    .text-rose-600{
        color:var(--color-rose-600)
    }
}
@layer utilities{
    .text-slate-200\/40{
        color:color-mix(in srgb, oklch(92.9% 0.013 255.508) 40%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .text-slate-200\/40{
            color:color-mix(in oklab, var(--color-slate-200) 40%, transparent)
        }
    }
}
@layer utilities{
    .text-slate-300{
        color:var(--color-slate-300)
    }
}
@layer utilities{
    .text-slate-400{
        color:var(--color-slate-400)
    }
}
@layer utilities{
    .text-slate-500{
        color:var(--color-slate-500)
    }
}
@layer utilities{
    .text-slate-600{
        color:var(--color-slate-600)
    }
}
@layer utilities{
    .text-slate-700{
        color:var(--color-slate-700)
    }
}
@layer utilities{
    .text-slate-800{
        color:var(--color-slate-800)
    }
}
@layer utilities{
    .text-slate-900{
        color:var(--color-slate-900)
    }
}
@layer utilities{
    .text-slate-900\/\[0\.02\]{
        color:color-mix(in srgb, oklch(20.8% 0.042 265.755) 2%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .text-slate-900\/\[0\.02\]{
            color:color-mix(in oklab, var(--color-slate-900) 2%, transparent)
        }
    }
}
@layer utilities{
    .text-transparent{
        color:transparent
    }
}
@layer utilities{
    .text-white{
        color:var(--color-white)
    }
}
@layer utilities{
    .lowercase{
        text-transform:lowercase
    }
}
@layer utilities{
    .uppercase{
        text-transform:uppercase
    }
}
@layer utilities{
    .italic{
        font-style:italic
    }
}
@layer utilities{
    .underline{
        text-decoration-line:underline
    }
}
@layer utilities{
    .antialiased{
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale
    }
}
@layer utilities{
    .placeholder-slate-400::placeholder{
        color:var(--color-slate-400)
    }
}
@layer utilities{
    .opacity-0{
        opacity:0%
    }
}
@layer utilities{
    .opacity-50{
        opacity:50%
    }
}
@layer utilities{
    .opacity-60{
        opacity:60%
    }
}
@layer utilities{
    .opacity-70{
        opacity:70%
    }
}
@layer utilities{
    .opacity-75{
        opacity:75%
    }
}
@layer utilities{
    .opacity-80{
        opacity:80%
    }
}
@layer utilities{
    .opacity-90{
        opacity:90%
    }
}
@layer utilities{
    .opacity-100{
        opacity:100%
    }
}
@layer utilities{
    .shadow-2xl{
        --tw-shadow:0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
}
@layer utilities{
    .shadow-2xs{
        --tw-shadow:0 1px var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
}
@layer utilities{
    .shadow-\[0_25px_60px_-15px_rgba\(0\,0\,0\,0\.7\)\]{
        --tw-shadow:0 25px 60px -15px var(--tw-shadow-color, rgba(0,0,0,0.7));
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
}
@layer utilities{
    .shadow-inner{
        --tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
}
@layer utilities{
    .shadow-lg{
        --tw-shadow:0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
}
@layer utilities{
    .shadow-md{
        --tw-shadow:0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
}
@layer utilities{
    .shadow-sm{
        --tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
}
@layer utilities{
    .shadow-xl{
        --tw-shadow:0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
}
@layer utilities{
    .shadow-xs{
        --tw-shadow:0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
}
@layer utilities{
    .ring-1{
        --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
}
@layer utilities{
    .shadow-accent-600\/25{
        --tw-shadow-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .shadow-accent-600\/25{
            --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--fw-color-accent-600) 25%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }
}
@layer utilities{
    .shadow-accent-600\/30{
        --tw-shadow-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .shadow-accent-600\/30{
            --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--fw-color-accent-600) 30%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }
}
@layer utilities{
    .shadow-blue-500\/25{
        --tw-shadow-color:color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .shadow-blue-500\/25{
            --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 25%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }
}
@layer utilities{
    .shadow-blue-500\/50{
        --tw-shadow-color:color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .shadow-blue-500\/50{
            --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 50%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }
}
@layer utilities{
    .shadow-blue-600\/30{
        --tw-shadow-color:color-mix(in srgb, oklch(54.6% 0.245 262.881) 30%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .shadow-blue-600\/30{
            --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 30%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }
}
@layer utilities{
    .shadow-blue-600\/35{
        --tw-shadow-color:color-mix(in srgb, oklch(54.6% 0.245 262.881) 35%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .shadow-blue-600\/35{
            --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 35%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }
}
@layer utilities{
    .shadow-emerald-500\/5{
        --tw-shadow-color:color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .shadow-emerald-500\/5{
            --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 5%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }
}
@layer utilities{
    .shadow-emerald-500\/30{
        --tw-shadow-color:color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .shadow-emerald-500\/30{
            --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 30%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }
}
@layer utilities{
    .shadow-emerald-950\/40{
        --tw-shadow-color:color-mix(in srgb, oklch(26.2% 0.051 172.552) 40%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .shadow-emerald-950\/40{
            --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-950) 40%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }
}
@layer utilities{
    .shadow-indigo-600\/25{
        --tw-shadow-color:color-mix(in srgb, oklch(51.1% 0.262 276.966) 25%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .shadow-indigo-600\/25{
            --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 25%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }
}
@layer utilities{
    .shadow-rose-600\/25{
        --tw-shadow-color:color-mix(in srgb, oklch(58.6% 0.253 17.585) 25%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .shadow-rose-600\/25{
            --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 25%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }
}
@layer utilities{
    .shadow-slate-900\/5{
        --tw-shadow-color:color-mix(in srgb, oklch(20.8% 0.042 265.755) 5%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .shadow-slate-900\/5{
            --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }
}
@layer utilities{
    .shadow-slate-900\/10{
        --tw-shadow-color:color-mix(in srgb, oklch(20.8% 0.042 265.755) 10%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .shadow-slate-900\/10{
            --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 10%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }
}
@layer utilities{
    .ring-black\/5{
        --tw-ring-color:color-mix(in srgb, #000 5%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .ring-black\/5{
            --tw-ring-color:color-mix(in oklab, var(--color-black) 5%, transparent)
        }
    }
}
@layer utilities{
    .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,)
    }
}
@layer utilities{
    .blur-2xl{
        --tw-blur:blur(var(--blur-2xl));
        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,)
    }
}
@layer utilities{
    .blur-3xl{
        --tw-blur:blur(var(--blur-3xl));
        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,)
    }
}
@layer utilities{
    .blur-\[90px\]{
        --tw-blur:blur(90px);
        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,)
    }
}
@layer utilities{
    .blur-\[100px\]{
        --tw-blur:blur(100px);
        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,)
    }
}
@layer utilities{
    .blur-\[160px\]{
        --tw-blur:blur(160px);
        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,)
    }
}
@layer utilities{
    .blur-xl{
        --tw-blur:blur(var(--blur-xl));
        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,)
    }
}
@layer utilities{
    .drop-shadow-sm{
        --tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
        --tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));
        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,)
    }
}
@layer utilities{
    .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,)
    }
}
@layer utilities{
    .hue-rotate-180{
        --tw-hue-rotate:hue-rotate(180deg);
        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,)
    }
}
@layer utilities{
    .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,)
    }
}
@layer utilities{
    .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,)
    }
}
@layer utilities{
    .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,)
    }
}
@layer utilities{
    .backdrop-blur-2xl{
        --tw-backdrop-blur:blur(var(--blur-2xl));
        -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,)
    }
}
@layer utilities{
    .backdrop-blur-md{
        --tw-backdrop-blur:blur(var(--blur-md));
        -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,)
    }
}
@layer utilities{
    .backdrop-blur-sm{
        --tw-backdrop-blur:blur(var(--blur-sm));
        -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,)
    }
}
@layer utilities{
    .backdrop-blur-xl{
        --tw-backdrop-blur:blur(var(--blur-xl));
        -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
    }
}
@layer utilities{
    .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, visibility, 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))
    }
}
@layer utilities{
    .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))
    }
}
@layer utilities{
    .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))
    }
}
@layer utilities{
    .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))
    }
}
@layer utilities{
    .transition-transform{
        transition-property:transform, translate, scale, rotate;
        transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
        transition-duration:var(--tw-duration, var(--default-transition-duration))
    }
}
@layer utilities{
    .duration-200{
        --tw-duration:200ms;
        transition-duration:200ms
    }
}
@layer utilities{
    .duration-300{
        --tw-duration:300ms;
        transition-duration:300ms
    }
}
@layer utilities{
    .duration-500{
        --tw-duration:500ms;
        transition-duration:500ms
    }
}
@layer utilities{
    .duration-700{
        --tw-duration:700ms;
        transition-duration:700ms
    }
}
@layer utilities{
    .duration-1000{
        --tw-duration:1000ms;
        transition-duration:1000ms
    }
}
@layer utilities{
    .ease-in-out{
        --tw-ease:var(--ease-in-out);
        transition-timing-function:var(--ease-in-out)
    }
}
@layer utilities{
    .ease-out{
        --tw-ease:var(--ease-out);
        transition-timing-function:var(--ease-out)
    }
}
@layer utilities{
    .select-all{
        -webkit-user-select:all;
        user-select:all
    }
}
@layer utilities{
    .select-none{
        -webkit-user-select:none;
        user-select:none
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:-translate-x-1:is(:where(.group):hover *){
            --tw-translate-x:calc(var(--spacing) * -1);
            translate:var(--tw-translate-x) var(--tw-translate-y)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:translate-x-0\.5:is(:where(.group):hover *){
            --tw-translate-x:calc(var(--spacing) * 0.5);
            translate:var(--tw-translate-x) var(--tw-translate-y)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:translate-x-1:is(:where(.group):hover *){
            --tw-translate-x:calc(var(--spacing) * 1);
            translate:var(--tw-translate-x) var(--tw-translate-y)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:translate-x-\[300\%\]:is(:where(.group):hover *){
            --tw-translate-x:300%;
            translate:var(--tw-translate-x) var(--tw-translate-y)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:-translate-y-0\.5:is(:where(.group):hover *){
            --tw-translate-y:calc(var(--spacing) * -0.5);
            translate:var(--tw-translate-x) var(--tw-translate-y)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:translate-y-0:is(:where(.group):hover *){
            --tw-translate-y:calc(var(--spacing) * 0);
            translate:var(--tw-translate-x) var(--tw-translate-y)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:scale-105:is(:where(.group):hover *){
            --tw-scale-x:105%;
            --tw-scale-y:105%;
            --tw-scale-z:105%;
            scale:var(--tw-scale-x) var(--tw-scale-y)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:scale-110:is(:where(.group):hover *){
            --tw-scale-x:110%;
            --tw-scale-y:110%;
            --tw-scale-z:110%;
            scale:var(--tw-scale-x) var(--tw-scale-y)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *){
            scale:1.02
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:rotate-3:is(:where(.group):hover *){
            rotate:3deg
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:rotate-6:is(:where(.group):hover *){
            rotate:6deg
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:rotate-12:is(:where(.group):hover *){
            rotate:12deg
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:rotate-180:is(:where(.group):hover *){
            rotate:180deg
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:border-accent-500\/40:is(:where(.group):hover *){
            border-color:var(--fw-color-accent-500)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .group-hover\:border-accent-500\/40:is(:where(.group):hover *){
                border-color:color-mix(in oklab, var(--fw-color-accent-500) 40%, transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:border-accent-600:is(:where(.group):hover *){
            border-color:var(--fw-color-accent-600)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:border-slate-300:is(:where(.group):hover *){
            border-color:var(--color-slate-300)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:bg-accent-600:is(:where(.group):hover *){
            background-color:var(--fw-color-accent-600)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:bg-blue-700:is(:where(.group):hover *){
            background-color:var(--color-blue-700)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:bg-emerald-500\/10:is(:where(.group):hover *){
            background-color:color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .group-hover\:bg-emerald-500\/10:is(:where(.group):hover *){
                background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:bg-emerald-500\/20:is(:where(.group):hover *){
            background-color:color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .group-hover\:bg-emerald-500\/20:is(:where(.group):hover *){
                background-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:bg-white\/20:is(:where(.group):hover *){
            background-color:color-mix(in srgb, #fff 20%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .group-hover\:bg-white\/20:is(:where(.group):hover *){
                background-color:color-mix(in oklab, var(--color-white) 20%, transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:bg-white\/25:is(:where(.group):hover *){
            background-color:color-mix(in srgb, #fff 25%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .group-hover\:bg-white\/25:is(:where(.group):hover *){
                background-color:color-mix(in oklab, var(--color-white) 25%, transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:text-accent-600:is(:where(.group):hover *){
            color:var(--fw-color-accent-600)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:text-blue-300:is(:where(.group):hover *){
            color:var(--color-blue-300)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:text-white:is(:where(.group):hover *){
            color:var(--color-white)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:opacity-40:is(:where(.group):hover *){
            opacity:40%
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\:opacity-100:is(:where(.group):hover *){
            opacity:100%
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\/card\:scale-105:is(:where(.group\/card):hover *){
            --tw-scale-x:105%;
            --tw-scale-y:105%;
            --tw-scale-z:105%;
            scale:var(--tw-scale-x) var(--tw-scale-y)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\/card\:rotate-0:is(:where(.group\/card):hover *){
            rotate:0deg
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\/row\:scale-110:is(:where(.group\/row):hover *){
            --tw-scale-x:110%;
            --tw-scale-y:110%;
            --tw-scale-z:110%;
            scale:var(--tw-scale-x) var(--tw-scale-y)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .group-hover\/row\:border-slate-300:is(:where(.group\/row):hover *){
            border-color:var(--color-slate-300)
        }
    }
}
@layer utilities{
    .peer-checked\:border-accent-600:is(:where(.peer):checked ~ *){
        border-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    .peer-checked\:bg-accent-600\/10:is(:where(.peer):checked ~ *){
        background-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .peer-checked\:bg-accent-600\/10:is(:where(.peer):checked ~ *){
            background-color:color-mix(in oklab, var(--fw-color-accent-600) 10%, transparent)
        }
    }
}
@layer utilities{
    .peer-checked\:text-accent-600:is(:where(.peer):checked ~ *){
        color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    .selection\:bg-accent-600 *::selection{
        background-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    .selection\:bg-accent-600::selection{
        background-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    .selection\:text-white *::selection{
        color:var(--color-white)
    }
}
@layer utilities{
    .selection\:text-white::selection{
        color:var(--color-white)
    }
}
@layer utilities{
    .placeholder\:text-slate-400::placeholder{
        color:var(--color-slate-400)
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:-translate-y-0\.5:hover{
            --tw-translate-y:calc(var(--spacing) * -0.5);
            translate:var(--tw-translate-x) var(--tw-translate-y)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:-translate-y-1:hover{
            --tw-translate-y:calc(var(--spacing) * -1);
            translate:var(--tw-translate-x) var(--tw-translate-y)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:scale-105:hover{
            --tw-scale-x:105%;
            --tw-scale-y:105%;
            --tw-scale-z:105%;
            scale:var(--tw-scale-x) var(--tw-scale-y)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:scale-125:hover{
            --tw-scale-x:125%;
            --tw-scale-y:125%;
            --tw-scale-z:125%;
            scale:var(--tw-scale-x) var(--tw-scale-y)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:rotate-0:hover{
            rotate:0deg
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:border-accent-600:hover{
            border-color:var(--fw-color-accent-600)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:border-accent-600\/30:hover{
            border-color:var(--fw-color-accent-600)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:border-accent-600\/30:hover{
                border-color:color-mix(in oklab, var(--fw-color-accent-600) 30%, transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:border-accent-600\/40:hover{
            border-color:var(--fw-color-accent-600)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:border-accent-600\/40:hover{
                border-color:color-mix(in oklab, var(--fw-color-accent-600) 40%, transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:border-accent-600\/50:hover{
            border-color:var(--fw-color-accent-600)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:border-accent-600\/50:hover{
                border-color:color-mix(in oklab, var(--fw-color-accent-600) 50%, transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:border-blue-500\/40:hover{
            border-color:color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:border-blue-500\/40:hover{
                border-color:color-mix(in oklab, var(--color-blue-500) 40%, transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:border-blue-500\/50:hover{
            border-color:color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:border-blue-500\/50:hover{
                border-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:border-blue-600:hover{
            border-color:var(--color-blue-600)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:border-red-600\/60:hover{
            border-color:color-mix(in srgb, oklch(57.7% 0.245 27.325) 60%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:border-red-600\/60:hover{
                border-color:color-mix(in oklab, var(--color-red-600) 60%, transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:border-slate-300:hover{
            border-color:var(--color-slate-300)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:bg-accent-500:hover{
            background-color:var(--fw-color-accent-500)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:bg-accent-600:hover{
            background-color:var(--fw-color-accent-600)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:bg-accent-700:hover{
            background-color:var(--fw-color-accent-700)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:bg-blue-50:hover{
            background-color:var(--color-blue-50)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:bg-blue-600:hover{
            background-color:var(--color-blue-600)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:bg-blue-700:hover{
            background-color:var(--color-blue-700)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:bg-indigo-500:hover{
            background-color:var(--color-indigo-500)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:bg-red-500\/20:hover{
            background-color:color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:bg-red-500\/20:hover{
                background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:bg-rose-500:hover{
            background-color:var(--color-rose-500)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:bg-rose-700:hover{
            background-color:var(--color-rose-700)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:bg-slate-100:hover{
            background-color:var(--color-slate-100)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:bg-slate-100\/80:hover{
            background-color:color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:bg-slate-100\/80:hover{
                background-color:color-mix(in oklab, var(--color-slate-100) 80%, transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:bg-slate-200:hover{
            background-color:var(--color-slate-200)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:bg-white:hover{
            background-color:var(--color-white)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:from-accent-700:hover{
            --tw-gradient-from:var(--fw-color-accent-700);
            --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))
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:from-blue-500:hover{
            --tw-gradient-from:var(--color-blue-500);
            --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))
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:from-blue-700:hover{
            --tw-gradient-from:var(--color-blue-700);
            --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))
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:from-emerald-500:hover{
            --tw-gradient-from:var(--color-emerald-500);
            --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))
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:via-blue-800:hover{
            --tw-gradient-via:var(--color-blue-800);
            --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)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:to-blue-600:hover{
            --tw-gradient-to:var(--color-blue-600);
            --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))
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:to-emerald-400:hover{
            --tw-gradient-to:var(--color-emerald-400);
            --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))
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:to-indigo-500:hover{
            --tw-gradient-to:var(--color-indigo-500);
            --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))
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:to-indigo-700:hover{
            --tw-gradient-to:var(--color-indigo-700);
            --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))
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:text-accent-600:hover{
            color:var(--fw-color-accent-600)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:text-accent-700:hover{
            color:var(--fw-color-accent-700)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:text-amber-500:hover{
            color:var(--color-amber-500)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:text-blue-600:hover{
            color:var(--color-blue-600)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:text-emerald-600:hover{
            color:var(--color-emerald-600)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:text-red-500:hover{
            color:var(--color-red-500)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:text-red-700:hover{
            color:var(--color-red-700)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:text-slate-900:hover{
            color:var(--color-slate-900)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:text-white:hover{
            color:var(--color-white)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:underline:hover{
            text-decoration-line:underline
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:shadow-2xl:hover{
            --tw-shadow:0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
            box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:shadow-lg:hover{
            --tw-shadow:0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
            box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:shadow-md:hover{
            --tw-shadow:0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
            box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:shadow-sm:hover{
            --tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
            box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:shadow-xl:hover{
            --tw-shadow:0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
            box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:shadow-accent-600\/20:hover{
            --tw-shadow-color:var(--fw-color-accent-600)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:shadow-accent-600\/20:hover{
                --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--fw-color-accent-600) 20%, transparent) var(--tw-shadow-alpha), transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:shadow-blue-500\/10:hover{
            --tw-shadow-color:color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:shadow-blue-500\/10:hover{
                --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:shadow-blue-500\/40:hover{
            --tw-shadow-color:color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:shadow-blue-500\/40:hover{
                --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 40%, transparent) var(--tw-shadow-alpha), transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:shadow-blue-600\/20:hover{
            --tw-shadow-color:color-mix(in srgb, oklch(54.6% 0.245 262.881) 20%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:shadow-blue-600\/20:hover{
                --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 20%, transparent) var(--tw-shadow-alpha), transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:shadow-blue-600\/25:hover{
            --tw-shadow-color:color-mix(in srgb, oklch(54.6% 0.245 262.881) 25%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:shadow-blue-600\/25:hover{
                --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 25%, transparent) var(--tw-shadow-alpha), transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:shadow-blue-600\/50:hover{
            --tw-shadow-color:color-mix(in srgb, oklch(54.6% 0.245 262.881) 50%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:shadow-blue-600\/50:hover{
                --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 50%, transparent) var(--tw-shadow-alpha), transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:shadow-emerald-600\/20:hover{
            --tw-shadow-color:color-mix(in srgb, oklch(59.6% 0.145 163.225) 20%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:shadow-emerald-600\/20:hover{
                --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-600) 20%, transparent) var(--tw-shadow-alpha), transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:shadow-indigo-600\/40:hover{
            --tw-shadow-color:color-mix(in srgb, oklch(51.1% 0.262 276.966) 40%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:shadow-indigo-600\/40:hover{
                --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 40%, transparent) var(--tw-shadow-alpha), transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:shadow-red-500\/15:hover{
            --tw-shadow-color:color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:shadow-red-500\/15:hover{
                --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 15%, transparent) var(--tw-shadow-alpha), transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:shadow-rose-600\/25:hover{
            --tw-shadow-color:color-mix(in srgb, oklch(58.6% 0.253 17.585) 25%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:shadow-rose-600\/25:hover{
                --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 25%, transparent) var(--tw-shadow-alpha), transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .hover\:shadow-rose-600\/40:hover{
            --tw-shadow-color:color-mix(in srgb, oklch(58.6% 0.253 17.585) 40%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .hover\:shadow-rose-600\/40:hover{
                --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 40%, transparent) var(--tw-shadow-alpha), transparent)
            }
        }
    }
}
@layer utilities{
    .focus\:border-accent-600:focus{
        border-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    .focus\:border-blue-600:focus{
        border-color:var(--color-blue-600)
    }
}
@layer utilities{
    .focus\:bg-white:focus{
        background-color:var(--color-white)
    }
}
@layer utilities{
    .focus\:ring-2:focus{
        --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
}
@layer utilities{
    .focus\:ring-4:focus{
        --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
}
@layer utilities{
    .focus\:ring-accent-500:focus{
        --tw-ring-color:var(--fw-color-accent-500)
    }
}
@layer utilities{
    .focus\:ring-accent-600\/10:focus{
        --tw-ring-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .focus\:ring-accent-600\/10:focus{
            --tw-ring-color:color-mix(in oklab, var(--fw-color-accent-600) 10%, transparent)
        }
    }
}
@layer utilities{
    .focus\:ring-accent-600\/20:focus{
        --tw-ring-color:var(--fw-color-accent-600)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .focus\:ring-accent-600\/20:focus{
            --tw-ring-color:color-mix(in oklab, var(--fw-color-accent-600) 20%, transparent)
        }
    }
}
@layer utilities{
    .focus\:ring-blue-500\/15:focus{
        --tw-ring-color:color-mix(in srgb, oklch(62.3% 0.214 259.815) 15%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .focus\:ring-blue-500\/15:focus{
            --tw-ring-color:color-mix(in oklab, var(--color-blue-500) 15%, transparent)
        }
    }
}
@layer utilities{
    .focus\:outline-none:focus{
        --tw-outline-style:none;
        outline-style:none
    }
}
@layer utilities{
    .active\:translate-y-0:active{
        --tw-translate-y:calc(var(--spacing) * 0);
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }
}
@layer utilities{
    .active\:scale-90:active{
        --tw-scale-x:90%;
        --tw-scale-y:90%;
        --tw-scale-z:90%;
        scale:var(--tw-scale-x) var(--tw-scale-y)
    }
}
@layer utilities{
    .active\:scale-95:active{
        --tw-scale-x:95%;
        --tw-scale-y:95%;
        --tw-scale-z:95%;
        scale:var(--tw-scale-x) var(--tw-scale-y)
    }
}
@layer utilities{
    .active\:scale-\[0\.97\]:active{
        scale:0.97
    }
}
@layer utilities{
    .active\:scale-\[0\.98\]:active{
        scale:0.98
    }
}
@layer utilities{
    .active\:scale-\[0\.99\]:active{
        scale:0.99
    }
}
@layer utilities{
    .disabled\:cursor-not-allowed:disabled{
        cursor:not-allowed
    }
}
@layer utilities{
    .disabled\:opacity-50:disabled{
        opacity:50%
    }
}
@layer utilities{
    @media (width >= 360px){
        .min-\[360px\]\:text-\[10\.5px\]{
            font-size:10.5px
        }
    }
}
@layer utilities{
    @media (width >= 400px){
        .min-\[400px\]\:text-\[11\.5px\]{
            font-size:11.5px
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:right-5{
            right:calc(var(--spacing) * 5)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:mt-6{
            margin-top:calc(var(--spacing) * 6)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:mb-12{
            margin-bottom:calc(var(--spacing) * 12)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:ml-3{
            margin-left:calc(var(--spacing) * 3)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:block{
            display:block
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:flex{
            display:flex
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:inline-block{
            display:inline-block
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:inline-flex{
            display:inline-flex
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:h-9{
            height:calc(var(--spacing) * 9)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:h-10{
            height:calc(var(--spacing) * 10)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:h-11{
            height:calc(var(--spacing) * 11)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:h-12{
            height:calc(var(--spacing) * 12)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:h-24{
            height:calc(var(--spacing) * 24)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:h-28{
            height:calc(var(--spacing) * 28)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:max-h-8{
            max-height:calc(var(--spacing) * 8)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:max-h-9{
            max-height:calc(var(--spacing) * 9)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:max-h-\[600px\]{
            max-height:600px
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:w-10{
            width:calc(var(--spacing) * 10)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:w-12{
            width:calc(var(--spacing) * 12)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:w-24{
            width:calc(var(--spacing) * 24)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:w-56{
            width:calc(var(--spacing) * 56)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:w-auto{
            width:auto
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:max-w-\[400px\]{
            max-width:400px
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:translate-y-\[5px\]{
            --tw-translate-y:5px;
            translate:var(--tw-translate-x) var(--tw-translate-y)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:grid-cols-2{
            grid-template-columns:repeat(2, minmax(0, 1fr))
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:grid-cols-3{
            grid-template-columns:repeat(3, minmax(0, 1fr))
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:flex-row{
            flex-direction:row
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:items-center{
            align-items:center
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:justify-between{
            justify-content:space-between
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:gap-2\.5{
            gap:calc(var(--spacing) * 2.5)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:gap-3{
            gap:calc(var(--spacing) * 3)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:gap-3\.5{
            gap:calc(var(--spacing) * 3.5)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:gap-4{
            gap:calc(var(--spacing) * 4)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:gap-4\.5{
            gap:calc(var(--spacing) * 4.5)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:gap-5{
            gap:calc(var(--spacing) * 5)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:gap-7{
            gap:calc(var(--spacing) * 7)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:gap-8{
            gap:calc(var(--spacing) * 8)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:gap-10{
            gap:calc(var(--spacing) * 10)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        :where(.sm\:space-y-3\.5 > :not(:last-child)){
            --tw-space-y-reverse:0;
            margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
            margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        :where(.sm\:space-y-7 > :not(:last-child)){
            --tw-space-y-reverse:0;
            margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
            margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:self-auto{
            align-self:auto
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:rounded-2xl{
            border-radius:var(--radius-2xl)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:rounded-3xl{
            border-radius:var(--radius-3xl)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:p-2\.5{
            padding:calc(var(--spacing) * 2.5)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:p-4{
            padding:calc(var(--spacing) * 4)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:p-5{
            padding:calc(var(--spacing) * 5)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:p-6{
            padding:calc(var(--spacing) * 6)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:p-7{
            padding:calc(var(--spacing) * 7)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:p-8{
            padding:calc(var(--spacing) * 8)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:p-10{
            padding:calc(var(--spacing) * 10)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:p-12{
            padding:calc(var(--spacing) * 12)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:p-14{
            padding:calc(var(--spacing) * 14)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:px-4{
            padding-inline:calc(var(--spacing) * 4)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:px-6{
            padding-inline:calc(var(--spacing) * 6)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:py-4{
            padding-block:calc(var(--spacing) * 4)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:py-7{
            padding-block:calc(var(--spacing) * 7)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:py-8{
            padding-block:calc(var(--spacing) * 8)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:py-10{
            padding-block:calc(var(--spacing) * 10)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:py-12{
            padding-block:calc(var(--spacing) * 12)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:py-14{
            padding-block:calc(var(--spacing) * 14)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:py-16{
            padding-block:calc(var(--spacing) * 16)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:pt-8{
            padding-top:calc(var(--spacing) * 8)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:pr-2{
            padding-right:calc(var(--spacing) * 2)
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:text-left{
            text-align:left
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:text-right{
            text-align:right
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:text-2xl{
            font-size:var(--text-2xl);
            line-height:var(--tw-leading, var(--text-2xl--line-height))
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:text-3xl{
            font-size:var(--text-3xl);
            line-height:var(--tw-leading, var(--text-3xl--line-height))
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:text-4xl{
            font-size:var(--text-4xl);
            line-height:var(--tw-leading, var(--text-4xl--line-height))
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:text-5xl{
            font-size:var(--text-5xl);
            line-height:var(--tw-leading, var(--text-5xl--line-height))
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:text-6xl{
            font-size:var(--text-6xl);
            line-height:var(--tw-leading, var(--text-6xl--line-height))
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:text-base{
            font-size:var(--text-base);
            line-height:var(--tw-leading, var(--text-base--line-height))
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:text-lg{
            font-size:var(--text-lg);
            line-height:var(--tw-leading, var(--text-lg--line-height))
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:text-sm{
            font-size:var(--text-sm);
            line-height:var(--tw-leading, var(--text-sm--line-height))
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:text-xl{
            font-size:var(--text-xl);
            line-height:var(--tw-leading, var(--text-xl--line-height))
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:text-xs{
            font-size:var(--text-xs);
            line-height:var(--tw-leading, var(--text-xs--line-height))
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:text-\[10px\]{
            font-size:10px
        }
    }
}
@layer utilities{
    @media (width >= 40rem){
        .sm\:tracking-wide{
            --tw-tracking:var(--tracking-wide);
            letter-spacing:var(--tracking-wide)
        }
    }
}
@layer utilities{
    @media (width >= 48rem){
        .md\:bottom-6{
            bottom:calc(var(--spacing) * 6)
        }
    }
}
@layer utilities{
    @media (width >= 48rem){
        .md\:col-span-2{
            grid-column:span 2 / span 2
        }
    }
}
@layer utilities{
    @media (width >= 48rem){
        .md\:mt-0{
            margin-top:calc(var(--spacing) * 0)
        }
    }
}
@layer utilities{
    @media (width >= 48rem){
        .md\:h-12{
            height:calc(var(--spacing) * 12)
        }
    }
}
@layer utilities{
    @media (width >= 48rem){
        .md\:w-auto{
            width:auto
        }
    }
}
@layer utilities{
    @media (width >= 48rem){
        .md\:flex-initial{
            flex:0 auto
        }
    }
}
@layer utilities{
    @media (width >= 48rem){
        .md\:grid-cols-2{
            grid-template-columns:repeat(2, minmax(0, 1fr))
        }
    }
}
@layer utilities{
    @media (width >= 48rem){
        .md\:grid-cols-3{
            grid-template-columns:repeat(3, minmax(0, 1fr))
        }
    }
}
@layer utilities{
    @media (width >= 48rem){
        .md\:grid-cols-4{
            grid-template-columns:repeat(4, minmax(0, 1fr))
        }
    }
}
@layer utilities{
    @media (width >= 48rem){
        .md\:flex-row{
            flex-direction:row
        }
    }
}
@layer utilities{
    @media (width >= 48rem){
        .md\:items-center{
            align-items:center
        }
    }
}
@layer utilities{
    @media (width >= 48rem){
        .md\:items-end{
            align-items:flex-end
        }
    }
}
@layer utilities{
    @media (width >= 48rem){
        .md\:border-t-0{
            border-top-style:var(--tw-border-style);
            border-top-width:0px
        }
    }
}
@layer utilities{
    @media (width >= 48rem){
        .md\:pt-0{
            padding-top:calc(var(--spacing) * 0)
        }
    }
}
@layer utilities{
    @media (width >= 48rem){
        .md\:text-base{
            font-size:var(--text-base);
            line-height:var(--tw-leading, var(--text-base--line-height))
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:sticky{
            position:sticky
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:top-8{
            top:calc(var(--spacing) * 8)
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:top-28{
            top:calc(var(--spacing) * 28)
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:col-span-4{
            grid-column:span 4 / span 4
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:col-span-5{
            grid-column:span 5 / span 5
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:col-span-7{
            grid-column:span 7 / span 7
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:col-span-8{
            grid-column:span 8 / span 8
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:mx-0{
            margin-inline:calc(var(--spacing) * 0)
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:mt-0{
            margin-top:calc(var(--spacing) * 0)
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:mb-0{
            margin-bottom:calc(var(--spacing) * 0)
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:flex{
            display:flex
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:hidden{
            display:none
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:max-w-\[420px\]{
            max-width:420px
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:grid-cols-2{
            grid-template-columns:repeat(2, minmax(0, 1fr))
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:grid-cols-3{
            grid-template-columns:repeat(3, minmax(0, 1fr))
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:grid-cols-4{
            grid-template-columns:repeat(4, minmax(0, 1fr))
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:grid-cols-12{
            grid-template-columns:repeat(12, minmax(0, 1fr))
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:flex-row{
            flex-direction:row
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:items-center{
            align-items:center
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:justify-end{
            justify-content:flex-end
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:justify-start{
            justify-content:flex-start
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:gap-8{
            gap:calc(var(--spacing) * 8)
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:gap-10{
            gap:calc(var(--spacing) * 10)
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:gap-12{
            gap:calc(var(--spacing) * 12)
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:p-10{
            padding:calc(var(--spacing) * 10)
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:p-12{
            padding:calc(var(--spacing) * 12)
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:p-14{
            padding:calc(var(--spacing) * 14)
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:p-16{
            padding:calc(var(--spacing) * 16)
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:px-8{
            padding-inline:calc(var(--spacing) * 8)
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:pt-0{
            padding-top:calc(var(--spacing) * 0)
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:text-left{
            text-align:left
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:text-4xl{
            font-size:var(--text-4xl);
            line-height:var(--tw-leading, var(--text-4xl--line-height))
        }
    }
}
@layer utilities{
    @media (width >= 64rem){
        .lg\:text-5xl{
            font-size:var(--text-5xl);
            line-height:var(--tw-leading, var(--text-5xl--line-height))
        }
    }
}
@layer utilities{
    @media (width >= 80rem){
        .xl\:grid-cols-4{
            grid-template-columns:repeat(4, minmax(0, 1fr))
        }
    }
}
@layer utilities{
    .dark\:border-blue-800:is(.dark *){
        border-color:var(--color-blue-800)
    }
}
@layer utilities{
    .dark\:border-blue-800\/50:is(.dark *){
        border-color:color-mix(in srgb, oklch(42.4% 0.199 265.638) 50%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:border-blue-800\/50:is(.dark *){
            border-color:color-mix(in oklab, var(--color-blue-800) 50%, transparent)
        }
    }
}
@layer utilities{
    .dark\:border-blue-800\/60:is(.dark *){
        border-color:color-mix(in srgb, oklch(42.4% 0.199 265.638) 60%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:border-blue-800\/60:is(.dark *){
            border-color:color-mix(in oklab, var(--color-blue-800) 60%, transparent)
        }
    }
}
@layer utilities{
    .dark\:border-emerald-500\/20:is(.dark *){
        border-color:color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:border-emerald-500\/20:is(.dark *){
            border-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)
        }
    }
}
@layer utilities{
    .dark\:border-emerald-800\/50:is(.dark *){
        border-color:color-mix(in srgb, oklch(43.2% 0.095 166.913) 50%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:border-emerald-800\/50:is(.dark *){
            border-color:color-mix(in oklab, var(--color-emerald-800) 50%, transparent)
        }
    }
}
@layer utilities{
    .dark\:border-red-500\/50:is(.dark *){
        border-color:color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:border-red-500\/50:is(.dark *){
            border-color:color-mix(in oklab, var(--color-red-500) 50%, transparent)
        }
    }
}
@layer utilities{
    .dark\:border-slate-600:is(.dark *){
        border-color:var(--color-slate-600)
    }
}
@layer utilities{
    .dark\:border-slate-700:is(.dark *){
        border-color:var(--color-slate-700)
    }
}
@layer utilities{
    .dark\:border-slate-700\/50:is(.dark *){
        border-color:color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:border-slate-700\/50:is(.dark *){
            border-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)
        }
    }
}
@layer utilities{
    .dark\:border-slate-700\/60:is(.dark *){
        border-color:color-mix(in srgb, oklch(37.2% 0.044 257.287) 60%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:border-slate-700\/60:is(.dark *){
            border-color:color-mix(in oklab, var(--color-slate-700) 60%, transparent)
        }
    }
}
@layer utilities{
    .dark\:border-slate-700\/80:is(.dark *){
        border-color:color-mix(in srgb, oklch(37.2% 0.044 257.287) 80%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:border-slate-700\/80:is(.dark *){
            border-color:color-mix(in oklab, var(--color-slate-700) 80%, transparent)
        }
    }
}
@layer utilities{
    .dark\:border-slate-800:is(.dark *){
        border-color:var(--color-slate-800)
    }
}
@layer utilities{
    .dark\:border-slate-800\/50:is(.dark *){
        border-color:color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:border-slate-800\/50:is(.dark *){
            border-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)
        }
    }
}
@layer utilities{
    .dark\:border-slate-800\/60:is(.dark *){
        border-color:color-mix(in srgb, oklch(27.9% 0.041 260.031) 60%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:border-slate-800\/60:is(.dark *){
            border-color:color-mix(in oklab, var(--color-slate-800) 60%, transparent)
        }
    }
}
@layer utilities{
    .dark\:border-slate-800\/70:is(.dark *){
        border-color:color-mix(in srgb, oklch(27.9% 0.041 260.031) 70%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:border-slate-800\/70:is(.dark *){
            border-color:color-mix(in oklab, var(--color-slate-800) 70%, transparent)
        }
    }
}
@layer utilities{
    .dark\:border-slate-800\/80:is(.dark *){
        border-color:color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:border-slate-800\/80:is(.dark *){
            border-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-accent-500\/10:is(.dark *){
        background-color:var(--fw-color-accent-500)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-accent-500\/10:is(.dark *){
            background-color:color-mix(in oklab, var(--fw-color-accent-500) 10%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-blue-400:is(.dark *){
        background-color:var(--color-blue-400)
    }
}
@layer utilities{
    .dark\:bg-blue-500:is(.dark *){
        background-color:var(--color-blue-500)
    }
}
@layer utilities{
    .dark\:bg-blue-500\/10:is(.dark *){
        background-color:color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-blue-500\/10:is(.dark *){
            background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-blue-900\/20:is(.dark *){
        background-color:color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-blue-900\/20:is(.dark *){
            background-color:color-mix(in oklab, var(--color-blue-900) 20%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-blue-900\/30:is(.dark *){
        background-color:color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-blue-900\/30:is(.dark *){
            background-color:color-mix(in oklab, var(--color-blue-900) 30%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-emerald-500\/10:is(.dark *){
        background-color:color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-emerald-500\/10:is(.dark *){
            background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-emerald-500\/15:is(.dark *){
        background-color:color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-emerald-500\/15:is(.dark *){
            background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-emerald-900\/30:is(.dark *){
        background-color:color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-emerald-900\/30:is(.dark *){
            background-color:color-mix(in oklab, var(--color-emerald-900) 30%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-obsidian:is(.dark *){
        background-color:var(--fw-color-obsidian)
    }
}
@layer utilities{
    .dark\:bg-obsidian\/30:is(.dark *){
        background-color:var(--fw-color-obsidian)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-obsidian\/30:is(.dark *){
            background-color:color-mix(in oklab, var(--fw-color-obsidian) 30%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-obsidian\/50:is(.dark *){
        background-color:var(--fw-color-obsidian)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-obsidian\/50:is(.dark *){
            background-color:color-mix(in oklab, var(--fw-color-obsidian) 50%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-obsidian\/60:is(.dark *){
        background-color:var(--fw-color-obsidian)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-obsidian\/60:is(.dark *){
            background-color:color-mix(in oklab, var(--fw-color-obsidian) 60%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-obsidian\/90:is(.dark *){
        background-color:var(--fw-color-obsidian)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-obsidian\/90:is(.dark *){
            background-color:color-mix(in oklab, var(--fw-color-obsidian) 90%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-obsidian\/95:is(.dark *){
        background-color:var(--fw-color-obsidian)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-obsidian\/95:is(.dark *){
            background-color:color-mix(in oklab, var(--fw-color-obsidian) 95%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-panel:is(.dark *){
        background-color:var(--fw-color-panel)
    }
}
@layer utilities{
    .dark\:bg-panel\/20:is(.dark *){
        background-color:var(--fw-color-panel)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-panel\/20:is(.dark *){
            background-color:color-mix(in oklab, var(--fw-color-panel) 20%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-panel\/30:is(.dark *){
        background-color:var(--fw-color-panel)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-panel\/30:is(.dark *){
            background-color:color-mix(in oklab, var(--fw-color-panel) 30%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-panel\/40:is(.dark *){
        background-color:var(--fw-color-panel)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-panel\/40:is(.dark *){
            background-color:color-mix(in oklab, var(--fw-color-panel) 40%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-panel\/60:is(.dark *){
        background-color:var(--fw-color-panel)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-panel\/60:is(.dark *){
            background-color:color-mix(in oklab, var(--fw-color-panel) 60%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-panel\/90:is(.dark *){
        background-color:var(--fw-color-panel)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-panel\/90:is(.dark *){
            background-color:color-mix(in oklab, var(--fw-color-panel) 90%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-panel\/95:is(.dark *){
        background-color:var(--fw-color-panel)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-panel\/95:is(.dark *){
            background-color:color-mix(in oklab, var(--fw-color-panel) 95%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-red-500\/15:is(.dark *){
        background-color:color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-red-500\/15:is(.dark *){
            background-color:color-mix(in oklab, var(--color-red-500) 15%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-rose-500\/15:is(.dark *){
        background-color:color-mix(in srgb, oklch(64.5% 0.246 16.439) 15%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-rose-500\/15:is(.dark *){
            background-color:color-mix(in oklab, var(--color-rose-500) 15%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-slate-800\/40:is(.dark *){
        background-color:color-mix(in srgb, oklch(27.9% 0.041 260.031) 40%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-slate-800\/40:is(.dark *){
            background-color:color-mix(in oklab, var(--color-slate-800) 40%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-slate-800\/50:is(.dark *){
        background-color:color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-slate-800\/50:is(.dark *){
            background-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-slate-800\/80:is(.dark *){
        background-color:color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-slate-800\/80:is(.dark *){
            background-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-slate-900\/90:is(.dark *){
        background-color:color-mix(in srgb, oklch(20.8% 0.042 265.755) 90%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-slate-900\/90:is(.dark *){
            background-color:color-mix(in oklab, var(--color-slate-900) 90%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-slate-950\/25:is(.dark *){
        background-color:color-mix(in srgb, oklch(12.9% 0.042 264.695) 25%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-slate-950\/25:is(.dark *){
            background-color:color-mix(in oklab, var(--color-slate-950) 25%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-slate-950\/90:is(.dark *){
        background-color:color-mix(in srgb, oklch(12.9% 0.042 264.695) 90%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:bg-slate-950\/90:is(.dark *){
            background-color:color-mix(in oklab, var(--color-slate-950) 90%, transparent)
        }
    }
}
@layer utilities{
    .dark\:bg-subtle:is(.dark *){
        background-color:#1F2937
    }
}
@layer utilities{
    .dark\:bg-subtle\/20:is(.dark *){
        background-color:color-mix(in oklab, #1F2937 20%, transparent)
    }
}
@layer utilities{
    .dark\:bg-subtle\/30:is(.dark *){
        background-color:color-mix(in oklab, #1F2937 30%, transparent)
    }
}
@layer utilities{
    .dark\:bg-subtle\/40:is(.dark *){
        background-color:color-mix(in oklab, #1F2937 40%, transparent)
    }
}
@layer utilities{
    .dark\:bg-subtle\/60:is(.dark *){
        background-color:color-mix(in oklab, #1F2937 60%, transparent)
    }
}
@layer utilities{
    .dark\:bg-white:is(.dark *){
        background-color:var(--color-white)
    }
}
@layer utilities{
    .dark\:from-emerald-500\/10:is(.dark *){
        --tw-gradient-from:color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
        --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:from-emerald-500\/10:is(.dark *){
            --tw-gradient-from:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)
        }
    }
}
@layer utilities{
    .dark\:via-obsidian\/30:is(.dark *){
        --tw-gradient-via:var(--fw-color-obsidian);
        --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)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:via-obsidian\/30:is(.dark *){
            --tw-gradient-via:color-mix(in oklab, var(--fw-color-obsidian) 30%, transparent)
        }
    }
}
@layer utilities{
    .dark\:via-panel:is(.dark *){
        --tw-gradient-via:var(--fw-color-panel);
        --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)
    }
}
@layer utilities{
    .dark\:to-emerald-500\/10:is(.dark *){
        --tw-gradient-to:color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
        --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:to-emerald-500\/10:is(.dark *){
            --tw-gradient-to:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)
        }
    }
}
@layer utilities{
    .dark\:to-obsidian:is(.dark *){
        --tw-gradient-to:var(--fw-color-obsidian);
        --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))
    }
}
@layer utilities{
    .dark\:to-panel\/40:is(.dark *){
        --tw-gradient-to:var(--fw-color-panel);
        --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))
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:to-panel\/40:is(.dark *){
            --tw-gradient-to:color-mix(in oklab, var(--fw-color-panel) 40%, transparent)
        }
    }
}
@layer utilities{
    .dark\:text-accent-400:is(.dark *){
        color:var(--fw-color-accent-400)
    }
}
@layer utilities{
    .dark\:text-blue-200:is(.dark *){
        color:var(--color-blue-200)
    }
}
@layer utilities{
    .dark\:text-blue-400:is(.dark *){
        color:var(--color-blue-400)
    }
}
@layer utilities{
    .dark\:text-emerald-400:is(.dark *){
        color:var(--color-emerald-400)
    }
}
@layer utilities{
    .dark\:text-indigo-400:is(.dark *){
        color:var(--color-indigo-400)
    }
}
@layer utilities{
    .dark\:text-purple-400:is(.dark *){
        color:var(--color-purple-400)
    }
}
@layer utilities{
    .dark\:text-red-400:is(.dark *){
        color:var(--color-red-400)
    }
}
@layer utilities{
    .dark\:text-rose-400:is(.dark *){
        color:var(--color-rose-400)
    }
}
@layer utilities{
    .dark\:text-slate-200:is(.dark *){
        color:var(--color-slate-200)
    }
}
@layer utilities{
    .dark\:text-slate-300:is(.dark *){
        color:var(--color-slate-300)
    }
}
@layer utilities{
    .dark\:text-slate-400:is(.dark *){
        color:var(--color-slate-400)
    }
}
@layer utilities{
    .dark\:text-slate-500:is(.dark *){
        color:var(--color-slate-500)
    }
}
@layer utilities{
    .dark\:text-slate-700:is(.dark *){
        color:var(--color-slate-700)
    }
}
@layer utilities{
    .dark\:text-slate-800\/30:is(.dark *){
        color:color-mix(in srgb, oklch(27.9% 0.041 260.031) 30%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:text-slate-800\/30:is(.dark *){
            color:color-mix(in oklab, var(--color-slate-800) 30%, transparent)
        }
    }
}
@layer utilities{
    .dark\:text-slate-900:is(.dark *){
        color:var(--color-slate-900)
    }
}
@layer utilities{
    .dark\:text-white:is(.dark *){
        color:var(--color-white)
    }
}
@layer utilities{
    .dark\:text-white\/\[0\.02\]:is(.dark *){
        color:color-mix(in srgb, #fff 2%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:text-white\/\[0\.02\]:is(.dark *){
            color:color-mix(in oklab, var(--color-white) 2%, transparent)
        }
    }
}
@layer utilities{
    .dark\:text-yellow-400:is(.dark *){
        color:var(--color-yellow-400)
    }
}
@layer utilities{
    .dark\:placeholder-slate-500:is(.dark *)::placeholder{
        color:var(--color-slate-500)
    }
}
@layer utilities{
    .dark\:shadow-blue-500\/20:is(.dark *){
        --tw-shadow-color:color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:shadow-blue-500\/20:is(.dark *){
            --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }
}
@layer utilities{
    .dark\:shadow-white\/5:is(.dark *){
        --tw-shadow-color:color-mix(in srgb, #fff 5%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:shadow-white\/5:is(.dark *){
            --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-white) 5%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }
}
@layer utilities{
    .dark\:ring-white\/5:is(.dark *){
        --tw-ring-color:color-mix(in srgb, #fff 5%, transparent)
    }
}
@layer utilities{
    @supports (color: color-mix(in lab, red, red)){
        .dark\:ring-white\/5:is(.dark *){
            --tw-ring-color:color-mix(in oklab, var(--color-white) 5%, transparent)
        }
    }
}
@layer utilities{
    .dark\:hue-rotate-0:is(.dark *){
        --tw-hue-rotate:hue-rotate(0deg);
        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,)
    }
}
@layer utilities{
    .dark\:invert-0:is(.dark *){
        --tw-invert:invert(0%);
        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,)
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:group-hover\:border-slate-700:is(.dark *):is(:where(.group):hover *){
            border-color:var(--color-slate-700)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:group-hover\:text-accent-400:is(.dark *):is(:where(.group):hover *){
            color:var(--fw-color-accent-400)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:group-hover\/row\:border-slate-600:is(.dark *):is(:where(.group\/row):hover *){
            border-color:var(--color-slate-600)
        }
    }
}
@layer utilities{
    .dark\:peer-checked\:border-accent-500:is(.dark *):is(:where(.peer):checked ~ *){
        border-color:var(--fw-color-accent-500)
    }
}
@layer utilities{
    .dark\:peer-checked\:text-accent-400:is(.dark *):is(:where(.peer):checked ~ *){
        color:var(--fw-color-accent-400)
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:border-accent-500:is(.dark *):hover{
            border-color:var(--fw-color-accent-500)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:border-accent-500\/50:is(.dark *):hover{
            border-color:var(--fw-color-accent-500)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .dark\:hover\:border-accent-500\/50:is(.dark *):hover{
                border-color:color-mix(in oklab, var(--fw-color-accent-500) 50%, transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:border-accent-600:is(.dark *):hover{
            border-color:var(--fw-color-accent-600)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:border-blue-400:is(.dark *):hover{
            border-color:var(--color-blue-400)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:border-slate-700:is(.dark *):hover{
            border-color:var(--color-slate-700)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:bg-accent-600:is(.dark *):hover{
            background-color:var(--fw-color-accent-600)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:bg-blue-400:is(.dark *):hover{
            background-color:var(--color-blue-400)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:bg-panel:is(.dark *):hover{
            background-color:var(--fw-color-panel)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:bg-red-500\/30:is(.dark *):hover{
            background-color:color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .dark\:hover\:bg-red-500\/30:is(.dark *):hover{
                background-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:bg-slate-700:is(.dark *):hover{
            background-color:var(--color-slate-700)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:bg-slate-800\/70:is(.dark *):hover{
            background-color:color-mix(in srgb, oklch(27.9% 0.041 260.031) 70%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        @supports (color: color-mix(in lab, red, red)){
            .dark\:hover\:bg-slate-800\/70:is(.dark *):hover{
                background-color:color-mix(in oklab, var(--color-slate-800) 70%, transparent)
            }
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:bg-subtle:is(.dark *):hover{
            background-color:#1F2937
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:bg-subtle\/50:is(.dark *):hover{
            background-color:color-mix(in oklab, #1F2937 50%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:bg-subtle\/70:is(.dark *):hover{
            background-color:color-mix(in oklab, #1F2937 70%, transparent)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:text-accent-400:is(.dark *):hover{
            color:var(--fw-color-accent-400)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:text-blue-400:is(.dark *):hover{
            color:var(--color-blue-400)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:text-emerald-400:is(.dark *):hover{
            color:var(--color-emerald-400)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:text-red-300:is(.dark *):hover{
            color:var(--color-red-300)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:text-slate-950:is(.dark *):hover{
            color:var(--color-slate-950)
        }
    }
}
@layer utilities{
    @media (hover: hover){
        .dark\:hover\:text-white:is(.dark *):hover{
            color:var(--color-white)
        }
    }
}
@layer utilities{
    .dark\:focus\:border-accent-500:is(.dark *):focus{
        border-color:var(--fw-color-accent-500)
    }
}
@layer utilities{
    .dark\:focus\:bg-panel:is(.dark *):focus{
        background-color:var(--fw-color-panel)
    }
}
@layer utilities{
    .dark\:focus\:bg-slate-900:is(.dark *):focus{
        background-color:var(--color-slate-900)
    }
}
@property --tw-translate-x{
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-translate-y{
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-translate-z{
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-scale-x{
    syntax:"*";
    inherits:false;
    initial-value:1
}
@property --tw-scale-y{
    syntax:"*";
    inherits:false;
    initial-value:1
}
@property --tw-scale-z{
    syntax:"*";
    inherits:false;
    initial-value:1
}
@property --tw-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-border-style{
    syntax:"*";
    inherits:false;
    initial-value:solid
}
@property --tw-gradient-position{
    syntax:"*";
    inherits:false
}
@property --tw-gradient-from{
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
}
@property --tw-gradient-via{
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
}
@property --tw-gradient-to{
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
}
@property --tw-gradient-stops{
    syntax:"*";
    inherits:false
}
@property --tw-gradient-via-stops{
    syntax:"*";
    inherits:false
}
@property --tw-gradient-from-position{
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:0%
}
@property --tw-gradient-via-position{
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:50%
}
@property --tw-gradient-to-position{
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:100%
}
@property --tw-leading{
    syntax:"*";
    inherits:false
}
@property --tw-font-weight{
    syntax:"*";
    inherits:false
}
@property --tw-tracking{
    syntax:"*";
    inherits:false
}
@property --tw-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-shadow-color{
    syntax:"*";
    inherits:false
}
@property --tw-shadow-alpha{
    syntax:"<percentage>";
    inherits:false;
    initial-value:100%
}
@property --tw-inset-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-inset-shadow-color{
    syntax:"*";
    inherits:false
}
@property --tw-inset-shadow-alpha{
    syntax:"<percentage>";
    inherits:false;
    initial-value:100%
}
@property --tw-ring-color{
    syntax:"*";
    inherits:false
}
@property --tw-ring-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-inset-ring-color{
    syntax:"*";
    inherits:false
}
@property --tw-inset-ring-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-ring-inset{
    syntax:"*";
    inherits:false
}
@property --tw-ring-offset-width{
    syntax:"<length>";
    inherits:false;
    initial-value:0px
}
@property --tw-ring-offset-color{
    syntax:"*";
    inherits:false;
    initial-value:#fff
}
@property --tw-ring-offset-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-blur{
    syntax:"*";
    inherits:false
}
@property --tw-brightness{
    syntax:"*";
    inherits:false
}
@property --tw-contrast{
    syntax:"*";
    inherits:false
}
@property --tw-grayscale{
    syntax:"*";
    inherits:false
}
@property --tw-hue-rotate{
    syntax:"*";
    inherits:false
}
@property --tw-invert{
    syntax:"*";
    inherits:false
}
@property --tw-opacity{
    syntax:"*";
    inherits:false
}
@property --tw-saturate{
    syntax:"*";
    inherits:false
}
@property --tw-sepia{
    syntax:"*";
    inherits:false
}
@property --tw-drop-shadow{
    syntax:"*";
    inherits:false
}
@property --tw-drop-shadow-color{
    syntax:"*";
    inherits:false
}
@property --tw-drop-shadow-alpha{
    syntax:"<percentage>";
    inherits:false;
    initial-value:100%
}
@property --tw-drop-shadow-size{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-blur{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-brightness{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-contrast{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-grayscale{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-hue-rotate{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-invert{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-opacity{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-saturate{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-sepia{
    syntax:"*";
    inherits:false
}
@property --tw-duration{
    syntax:"*";
    inherits:false
}
@property --tw-ease{
    syntax:"*";
    inherits:false
}
@keyframes spin{
    to{
        transform:rotate(360deg)
    }
}
@keyframes ping{
    75%, 100%{
        transform:scale(2);
        opacity:0
    }
}
@keyframes pulse{
    50%{
        opacity:0.5
    }
}
@keyframes bounce{
    0%, 100%{
        transform:translateY(-25%);
        animation-timing-function:cubic-bezier(0.8, 0, 1, 1)
    }
}
@keyframes bounce{
    50%{
        transform:none;
        animation-timing-function:cubic-bezier(0, 0, 0.2, 1)
    }
}
@layer properties{
    @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){
        *, ::before, ::after, ::backdrop{
            --tw-translate-x:0;
            --tw-translate-y:0;
            --tw-translate-z:0;
            --tw-scale-x:1;
            --tw-scale-y:1;
            --tw-scale-z:1;
            --tw-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-border-style:solid;
            --tw-gradient-position:initial;
            --tw-gradient-from:#0000;
            --tw-gradient-via:#0000;
            --tw-gradient-to:#0000;
            --tw-gradient-stops:initial;
            --tw-gradient-via-stops:initial;
            --tw-gradient-from-position:0%;
            --tw-gradient-via-position:50%;
            --tw-gradient-to-position:100%;
            --tw-leading:initial;
            --tw-font-weight:initial;
            --tw-tracking:initial;
            --tw-shadow:0 0 #0000;
            --tw-shadow-color:initial;
            --tw-shadow-alpha:100%;
            --tw-inset-shadow:0 0 #0000;
            --tw-inset-shadow-color:initial;
            --tw-inset-shadow-alpha:100%;
            --tw-ring-color:initial;
            --tw-ring-shadow:0 0 #0000;
            --tw-inset-ring-color:initial;
            --tw-inset-ring-shadow:0 0 #0000;
            --tw-ring-inset:initial;
            --tw-ring-offset-width:0px;
            --tw-ring-offset-color:#fff;
            --tw-ring-offset-shadow:0 0 #0000;
            --tw-blur:initial;
            --tw-brightness:initial;
            --tw-contrast:initial;
            --tw-grayscale:initial;
            --tw-hue-rotate:initial;
            --tw-invert:initial;
            --tw-opacity:initial;
            --tw-saturate:initial;
            --tw-sepia:initial;
            --tw-drop-shadow:initial;
            --tw-drop-shadow-color:initial;
            --tw-drop-shadow-alpha:100%;
            --tw-drop-shadow-size:initial;
            --tw-backdrop-blur:initial;
            --tw-backdrop-brightness:initial;
            --tw-backdrop-contrast:initial;
            --tw-backdrop-grayscale:initial;
            --tw-backdrop-hue-rotate:initial;
            --tw-backdrop-invert:initial;
            --tw-backdrop-opacity:initial;
            --tw-backdrop-saturate:initial;
            --tw-backdrop-sepia:initial;
            --tw-duration:initial;
            --tw-ease:initial
        }
    }
}

/* ==========================================================================
   ANIMATE ON SCROLL (AOS)
   Merged from aos.min.css to avoid an extra stylesheet request.
   ========================================================================== */
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
	transition-duration: 50ms
}
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
	transition-delay: 50ms
}
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
	transition-duration: .1s
}
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
	transition-delay: .1s
}
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
	transition-duration: .15s
}
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
	transition-delay: .15s
}
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
	transition-duration: .2s
}
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
	transition-delay: .2s
}
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
	transition-duration: .25s
}
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
	transition-delay: .25s
}
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
	transition-duration: .3s
}
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
	transition-delay: .3s
}
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
	transition-duration: .35s
}
[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
	transition-delay: .35s
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
	transition-duration: .4s
}
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
	transition-delay: .4s
}
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
	transition-duration: .45s
}
[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
	transition-delay: .45s
}
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
	transition-duration: .5s
}
[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
	transition-delay: .5s
}
[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
	transition-duration: .55s
}
[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
	transition-delay: .55s
}
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
	transition-duration: .6s
}
[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
	transition-delay: .6s
}
[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
	transition-duration: .65s
}
[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
	transition-delay: .65s
}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
	transition-duration: .7s
}
[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
	transition-delay: .7s
}
[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
	transition-duration: .75s
}
[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
	transition-delay: .75s
}
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
	transition-duration: .8s
}
[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
	transition-delay: .8s
}
[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
	transition-duration: .85s
}
[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
	transition-delay: .85s
}
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
	transition-duration: .9s
}
[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
	transition-delay: .9s
}
[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
	transition-duration: .95s
}
[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
	transition-delay: .95s
}
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
	transition-duration: 1s
}
[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
	transition-delay: 1s
}
[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
	transition-duration: 1.05s
}
[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
	transition-delay: 1.05s
}
[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
	transition-duration: 1.1s
}
[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
	transition-delay: 1.1s
}
[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
	transition-duration: 1.15s
}
[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
	transition-delay: 1.15s
}
[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
	transition-duration: 1.2s
}
[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
	transition-delay: 1.2s
}
[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
	transition-duration: 1.25s
}
[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
	transition-delay: 1.25s
}
[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
	transition-duration: 1.3s
}
[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
	transition-delay: 1.3s
}
[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
	transition-duration: 1.35s
}
[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
	transition-delay: 1.35s
}
[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
	transition-duration: 1.4s
}
[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
	transition-delay: 1.4s
}
[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
	transition-duration: 1.45s
}
[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
	transition-delay: 1.45s
}
[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
	transition-duration: 1.5s
}
[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
	transition-delay: 1.5s
}
[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
	transition-duration: 1.55s
}
[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
	transition-delay: 1.55s
}
[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
	transition-duration: 1.6s
}
[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
	transition-delay: 1.6s
}
[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
	transition-duration: 1.65s
}
[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
	transition-delay: 1.65s
}
[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
	transition-duration: 1.7s
}
[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
	transition-delay: 1.7s
}
[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
	transition-duration: 1.75s
}
[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
	transition-delay: 1.75s
}
[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
	transition-duration: 1.8s
}
[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
	transition-delay: 1.8s
}
[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
	transition-duration: 1.85s
}
[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
	transition-delay: 1.85s
}
[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
	transition-duration: 1.9s
}
[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
	transition-delay: 1.9s
}
[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
	transition-duration: 1.95s
}
[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
	transition-delay: 1.95s
}
[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
	transition-duration: 2s
}
[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
	transition-delay: 2s
}
[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
	transition-duration: 2.05s
}
[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
	transition-delay: 2.05s
}
[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
	transition-duration: 2.1s
}
[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
	transition-delay: 2.1s
}
[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
	transition-duration: 2.15s
}
[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
	transition-delay: 2.15s
}
[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
	transition-duration: 2.2s
}
[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
	transition-delay: 2.2s
}
[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
	transition-duration: 2.25s
}
[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
	transition-delay: 2.25s
}
[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
	transition-duration: 2.3s
}
[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
	transition-delay: 2.3s
}
[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
	transition-duration: 2.35s
}
[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
	transition-delay: 2.35s
}
[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
	transition-duration: 2.4s
}
[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
	transition-delay: 2.4s
}
[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
	transition-duration: 2.45s
}
[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
	transition-delay: 2.45s
}
[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
	transition-duration: 2.5s
}
[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
	transition-delay: 2.5s
}
[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
	transition-duration: 2.55s
}
[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
	transition-delay: 2.55s
}
[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
	transition-duration: 2.6s
}
[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
	transition-delay: 2.6s
}
[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
	transition-duration: 2.65s
}
[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
	transition-delay: 2.65s
}
[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
	transition-duration: 2.7s
}
[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
	transition-delay: 2.7s
}
[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
	transition-duration: 2.75s
}
[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
	transition-delay: 2.75s
}
[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
	transition-duration: 2.8s
}
[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
	transition-delay: 2.8s
}
[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
	transition-duration: 2.85s
}
[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
	transition-delay: 2.85s
}
[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
	transition-duration: 2.9s
}
[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
	transition-delay: 2.9s
}
[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
	transition-duration: 2.95s
}
[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
	transition-delay: 2.95s
}
[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
	transition-duration: 3s
}
[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
	transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
	transition-delay: 3s
}
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
	transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}
[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
	transition-timing-function: ease
}
[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
	transition-timing-function: ease-in
}
[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
	transition-timing-function: ease-out
}
[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
	transition-timing-function: ease-in-out
}
[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
	transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}
[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
	transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
	transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
	transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}
[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
	transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
	transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}
[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
	transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
	transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
	transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
	transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
	transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
	transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
	transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
	transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
	transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos^=fade][data-aos^=fade] {
	opacity: 0;
	transition-property: opacity, transform
}
[data-aos^=fade][data-aos^=fade].aos-animate {
	opacity: 1;
	transform: translateZ(0)
}
[data-aos=fade-up] {
	transform: translate3d(0, 100px, 0)
}
[data-aos=fade-down] {
	transform: translate3d(0, -100px, 0)
}
[data-aos=fade-right] {
	transform: translate3d(-100px, 0, 0)
}
[data-aos=fade-left] {
	transform: translate3d(100px, 0, 0)
}
[data-aos=fade-up-right] {
	transform: translate3d(-100px, 100px, 0)
}
[data-aos=fade-up-left] {
	transform: translate3d(100px, 100px, 0)
}
[data-aos=fade-down-right] {
	transform: translate3d(-100px, -100px, 0)
}
[data-aos=fade-down-left] {
	transform: translate3d(100px, -100px, 0)
}
[data-aos^=zoom][data-aos^=zoom] {
	opacity: 0;
	transition-property: opacity, transform
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
	opacity: 1;
	transform: translateZ(0) scale(1)
}
[data-aos=zoom-in] {
	transform: scale(.6)
}
[data-aos=zoom-in-up] {
	transform: translate3d(0, 100px, 0) scale(.6)
}
[data-aos=zoom-in-down] {
	transform: translate3d(0, -100px, 0) scale(.6)
}
[data-aos=zoom-in-right] {
	transform: translate3d(-100px, 0, 0) scale(.6)
}
[data-aos=zoom-in-left] {
	transform: translate3d(100px, 0, 0) scale(.6)
}
[data-aos=zoom-out] {
	transform: scale(1.2)
}
[data-aos=zoom-out-up] {
	transform: translate3d(0, 100px, 0) scale(1.2)
}
[data-aos=zoom-out-down] {
	transform: translate3d(0, -100px, 0) scale(1.2)
}
[data-aos=zoom-out-right] {
	transform: translate3d(-100px, 0, 0) scale(1.2)
}
[data-aos=zoom-out-left] {
	transform: translate3d(100px, 0, 0) scale(1.2)
}
[data-aos^=slide][data-aos^=slide] {
	transition-property: transform
}
[data-aos^=slide][data-aos^=slide].aos-animate {
	transform: translateZ(0)
}
[data-aos=slide-up] {
	transform: translate3d(0, 100%, 0)
}
[data-aos=slide-down] {
	transform: translate3d(0, -100%, 0)
}
[data-aos=slide-right] {
	transform: translate3d(-100%, 0, 0)
}
[data-aos=slide-left] {
	transform: translate3d(100%, 0, 0)
}
[data-aos^=flip][data-aos^=flip] {
	backface-visibility: hidden;
	transition-property: transform
}
[data-aos=flip-left] {
	transform: perspective(2500px) rotateY(-100deg)
}
[data-aos=flip-left].aos-animate {
	transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-right] {
	transform: perspective(2500px) rotateY(100deg)
}
[data-aos=flip-right].aos-animate {
	transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-up] {
	transform: perspective(2500px) rotateX(-100deg)
}
[data-aos=flip-up].aos-animate {
	transform: perspective(2500px) rotateX(0)
}
[data-aos=flip-down] {
	transform: perspective(2500px) rotateX(100deg)
}
[data-aos=flip-down].aos-animate {
	transform: perspective(2500px) rotateX(0)
}

/* ==========================================================================
   FRONTEND LAYOUT AND COMPONENT OVERRIDES
   Moved from header.php and footer.php.
   ========================================================================== */

html {
    min-height: 100%;
    background-color: #111827;
}

body {
    font-family: var(--fw-font-family, "Plus Jakarta Sans"), sans-serif !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    overflow-x: hidden;
    top: 0 !important;
}

body > header {
    flex: 0 0 auto;
}

main {
    flex: 1 0 auto !important;
    width: 100%;
}

body > footer {
    flex: 0 0 auto;
    width: 100%;
    margin-top: auto !important;
}

footer {
    position: relative !important;
    background-color: #111827 !important;
    padding-bottom: calc(2.5rem + env(safe-area-inset-bottom)) !important;
    margin-bottom: 0 !important;
}

.site-logo {
    max-height: var(--fw-logo-height, 44px) !important;
    width: auto;
}

.admin-header {
    background: rgb(255 255 255 / 90%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.dark .admin-header {
    background: rgb(9 13 22 / 90%);
}

.drawer-overlay {
    transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity;
}

.drawer-content {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
    transform: translate3d(100%, 0, 0);
}

.drawer-content.is-open {
    transform: translate3d(0, 0, 0) !important;
}

.no-transition,
.no-transition * {
    transition: none !important;
}

main [class*="py-10"],
main [class*="py-16"] {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

main [class*="py-12"] {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

@media (min-width: 640px) {
    main [class*="py-10"],
    main [class*="py-16"] {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }

    main [class*="py-12"] {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

.goog-te-gadget-simple {
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.goog-te-gadget-icon,
.goog-te-gadget-simple img {
    display: none !important;
}

.goog-te-menu-value {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    color: inherit !important;
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
}

.goog-te-menu-value span:nth-child(3),
.goog-te-menu-value span:nth-child(5) {
    display: none !important;
}

.goog-te-menu-value::after {
    content: "▼";
    font-size: 0.5rem;
    margin-left: 0.35rem;
    opacity: 0.6;
}

.goog-te-banner-frame.skiptranslate,
.goog-te-balloon-frame,
#goog-gt-tt {
    display: none !important;
}

article.prose p,
.content-body p,
.page-details p {
    margin-top: 0.5rem !important;
    margin-bottom: 0.75rem !important;
    line-height: 1.65 !important;
}

article.prose p:empty,
.content-body p:empty,
.page-details p:empty {
    display: none !important;
}

.whatsapp-floating-btn {
    position: fixed;
    width: 50px;
    height: 50px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 4px 10px rgb(0 0 0 / 15%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}

.whatsapp-floating-btn:hover {
    background-color: #128c7e;
    transform: scale(1.08);
    box-shadow: 0 6px 14px rgb(0 0 0 / 25%);
}

.whatsapp-icon {
    width: 28px;
    height: 28px;
}

.fw-fab-scroll-mode {
    background-color: var(--fw-color-accent-600, #2563eb) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 20px 25px -5px rgb(37 99 235 / 30%), 0 8px 10px -6px rgb(37 99 235 / 30%) !important;
}

.fw-loader-ring-primary {
    animation-duration: 0.8s !important;
}

.fw-loader-ring-secondary {
    animation-direction: reverse !important;
    animation-duration: 1.2s !important;
}

.fw-loader-dot-1 {
    animation-delay: 0.1s !important;
}

.fw-loader-dot-2 {
    animation-delay: 0.2s !important;
}

.fw-loader-dot-3 {
    animation-delay: 0.3s !important;
}

/* Header CTA: keep the configured accent color on hover. */
.quote-cta {
    background-color: var(--fw-color-accent-600, #2563eb) !important;
    color: #fff !important;
}

.quote-cta:hover,
.quote-cta:focus-visible {
    background-color: var(--fw-color-accent-700, #1d4ed8) !important;
    color: #fff !important;
}

/* Floating WhatsApp button positioning is supplied securely by footer.php. */
.whatsapp-floating-btn {
    margin: 0 !important;
}


/* Interactive floating controls: pointer feedback and reliable touch/click behavior. */
.fw-floating-control,
.nightToggle {
    cursor: pointer !important;
    pointer-events: auto;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

#scrollTopBtn[style*="pointer-events: none"] {
    cursor: default !important;
}

/* ==========================================================================
   FRONTEND PAGE COMPONENTS — centralized from View files
   ========================================================================== */

/* Product and project filters */
.product-item.animate-fade-in {
    animation: fwProductFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    will-change: transform, opacity;
}
.project-item.animate-fade-in {
    animation: fwProjectFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    will-change: transform, opacity;
}
@keyframes fwProductFadeIn {
    from { opacity: 0; transform: translateY(8px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes fwProjectFadeIn {
    from { opacity: 0; transform: translateY(12px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
.project-item a > div:first-child {
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 1.5rem 1.5rem 0 0 !important;
}
.project-item a > div:first-child img {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Payment module content ordering */
.payment-terminal-content {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    gap: 0.5rem !important;
}
.payment-terminal-content a:not([class*="btn-primary"]):not([class*="submit"]),
.payment-terminal-content p:has(a:not([class*="btn-primary"]):not([class*="submit"])),
.payment-terminal-content div:has(> a:not([class*="btn-primary"]):not([class*="submit"])) {
    order: -20 !important;
    margin-bottom: 0.5rem !important;
}
.payment-terminal-content img,
.payment-terminal-content p:has(img),
.payment-terminal-content div:has(> img) {
    order: -10 !important;
    margin-top: 0.25rem !important;
    align-self: flex-start !important;
}
.payment-terminal-content form {
    order: 10 !important;
    width: 100% !important;
}

/* Blog content */
.clean-prose p:empty,
.clean-prose p > br:only-child {
    display: none !important;
}
.clean-prose blockquote {
    border-left: 4px solid #2563eb !important;
    background-color: rgb(241 245 249 / 60%) !important;
    padding: 1.25rem 1.5rem !important;
    border-radius: 0 1rem 1rem 0 !important;
    font-style: italic !important;
    color: #334155 !important;
    margin: 1.75em 0 !important;
}
.dark .clean-prose blockquote {
    background-color: rgb(30 41 59 / 40%) !important;
    color: #cbd5e1 !important;
}
.clean-prose a {
    color: #2563eb !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    transition: color 0.2s ease !important;
}
.clean-prose a:hover {
    color: #1d4ed8 !important;
}
.clean-prose img {
    border-radius: 1.25rem !important;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%) !important;
    margin: 2em auto !important;
}
.post-promo-widget img,
.post-promo-widget iframe {
    border-radius: 0.75rem !important;
    width: 100% !important;
    box-shadow: none !important;
    margin: 0 !important;
}
.sidebar-promo-widget,
.widget-media-box {
    display: block !important;
}
[data-page="blog"] .widget-media-box img,
[data-page="blog"] .widget-media-box iframe,
[data-page="blog"] .widget-media-box a img {
    border-radius: 0.75rem !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
}
[data-page="blog-post"] .widget-media-box img,
[data-page="blog-post"] .widget-media-box iframe,
[data-page="blog-post"] .widget-media-box a img {
    border-radius: 1rem !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
}

/* Blog pagination */
.pagination-wrapper ul {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.pagination-wrapper li a,
.pagination-wrapper li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 2.75rem !important;
    height: 2.75rem !important;
    padding: 0 0.75rem !important;
    border-radius: 0.75rem !important;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    transition: all 0.2s ease !important;
    border: 1px solid rgb(226 232 240 / 80%) !important;
    background-color: #fff !important;
    color: #334155 !important;
    text-decoration: none !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%) !important;
}
.dark .pagination-wrapper li a,
.dark .pagination-wrapper li span {
    border-color: #1e293b !important;
    background-color: #1e293b !important;
    color: #cbd5e1 !important;
}
.pagination-wrapper li a:hover {
    transform: translateY(-2px) !important;
    border-color: #2563eb !important;
    color: #2563eb !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%) !important;
}
.pagination-wrapper li.active a,
.pagination-wrapper li.active span,
.pagination-wrapper li a.active,
.pagination-wrapper span.current {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #fff !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 12px rgb(37 99 235 / 35%) !important;
    pointer-events: none !important;
}

/* Gallery */
.nGY2PopupTitle {
    padding-bottom: 1rem;
}
body > div.nGY2Popup > div > br {
    display: none;
}
.nGY2GThumbnail {
    border-radius: 1.25rem !important;
    overflow: hidden !important;
    box-shadow: 0 10px 25px -5px rgb(0 0 0 / 8%), 0 8px 10px -6px rgb(0 0 0 / 4%) !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.nGY2GThumbnail:hover {
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 18%), 0 8px 10px -6px rgb(0 0 0 / 10%) !important;
    z-index: 10 !important;
}
.nGY2Pagination {
    margin-top: 2.5rem !important;
}

/* Maintenance page */
.bg-grid-pattern {
    background-size: 32px 32px;
    background-image:
        linear-gradient(to right, rgb(255 255 255 / 2%) 1px, transparent 1px),
        linear-gradient(to bottom, rgb(255 255 255 / 2%) 1px, transparent 1px);
}

/* Remixicon-based floating WhatsApp glyph */
.whatsapp-icon {
    width: auto;
    height: auto;
    font-size: 28px;
    line-height: 1;
}