/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
 @layer properties{
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){
        *,:before,:after,::backdrop{
            --tw-translate-x:0;
            --tw-translate-y:0;
            --tw-translate-z:0;
            --tw-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-border-style:solid;
            --tw-leading:initial;
            --tw-font-weight:initial;
            --tw-tracking:initial;
            --tw-outline-style:solid;
            --tw-blur:initial;
            --tw-brightness:initial;
            --tw-contrast:initial;
            --tw-grayscale:initial;
            --tw-hue-rotate:initial;
            --tw-invert:initial;
            --tw-opacity:initial;
            --tw-saturate:initial;
            --tw-sepia:initial;
            --tw-drop-shadow:initial;
            --tw-drop-shadow-color:initial;
            --tw-drop-shadow-alpha:100%;
            --tw-drop-shadow-size:initial;
            --tw-duration:initial;
            --tw-ease:initial;
            --tw-content:""
        }
    }
}
@layer theme{
    :root,:host{
        --font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --color-black:#000;
        --color-white:#fff;
        --spacing:.25rem;
        --text-xs:.75rem;
        --text-xs--line-height:calc(1/.75);
        --text-sm:.875rem;
        --text-sm--line-height:calc(1.25/.875);
        --text-base:1rem;
        --text-base--line-height:calc(1.5/1);
        --text-lg:1.125rem;
        --text-lg--line-height:calc(1.75/1.125);
        --text-xl:1.25rem;
        --text-xl--line-height:calc(1.75/1.25);
        --text-2xl:1.5rem;
        --text-2xl--line-height:calc(2/1.5);
        --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;
        --text-7xl:4.5rem;
        --text-7xl--line-height:1;
        --text-8xl:6rem;
        --text-8xl--line-height:1;
        --text-9xl:8rem;
        --text-9xl--line-height:1;
        --font-weight-normal:400;
        --font-weight-medium:500;
        --font-weight-semibold:600;
        --font-weight-bold:700;
        --ease-in-out:cubic-bezier(.4,0,.2,1);
        --aspect-video:16/9;
        --default-transition-duration:.15s;
        --default-transition-timing-function:cubic-bezier(.4,0,.2,1);
        --default-font-family:var(--font-sans);
        --default-mono-font-family:var(--font-mono);
        --text-15:15px;
        --color-body:#666;
        --color-primary:#9839B7;
        --color-navy-black:#160f1a;
        --font-body:"Poppins",sans-serif
    }
}
@layer base{
    *,:after,:before,::backdrop{
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }
    ::file-selector-button{
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }
    html,:host{
        -webkit-text-size-adjust:100%;
        tab-size:4;
        line-height:1.5;
        font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
        font-feature-settings:var(--default-font-feature-settings,normal);
        font-variation-settings:var(--default-font-variation-settings,normal);
        -webkit-tap-highlight-color:transparent
    }
    hr{
        height:0;
        color:inherit;
        border-top-width:1px
    }
    abbr:where([title]){
        -webkit-text-decoration:underline dotted;
        text-decoration:underline dotted
    }
    h1,h2,h3,h4,h5,h6{
        font-size:inherit;
        font-weight:inherit
    }
    a{
        color:inherit;
        -webkit-text-decoration:inherit;
        -webkit-text-decoration:inherit;
        -webkit-text-decoration:inherit;
        text-decoration:inherit
    }
    b,strong{
        font-weight:bolder
    }
    code,kbd,samp,pre{
        font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
        font-feature-settings:var(--default-mono-font-feature-settings,normal);
        font-variation-settings:var(--default-mono-font-variation-settings,normal);
        font-size:1em
    }
    small{
        font-size:80%
    }
    sub,sup{
        vertical-align:baseline;
        font-size:75%;
        line-height:0;
        position:relative
    }
    sub{
        bottom:-.25em
    }
    sup{
        top:-.5em
    }
    table{
        text-indent:0;
        border-color:inherit;
        border-collapse:collapse
    }
    :-moz-focusring{
        outline:auto
    }
    progress{
        vertical-align:baseline
    }
    summary{
        display:list-item
    }
    ol,ul,menu{
        list-style:none
    }
    img,svg,video,canvas,audio,iframe,embed,object{
        vertical-align:middle;
        display:block
    }
    img,video{
        max-width:100%;
        height:auto
    }
    button,input,select,optgroup,textarea{
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }
    ::file-selector-button{
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }
    :where(select:is([multiple],[size])) optgroup{
        font-weight:bolder
    }
    :where(select:is([multiple],[size])) optgroup option{
        padding-inline-start:20px
    }
    ::file-selector-button{
        margin-inline-end:4px
    }
    ::placeholder{
        opacity:1
    }
    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){
        ::placeholder{
            color:currentColor
        }
        @supports (color:color-mix(in lab, red, red)){
            ::placeholder{
                color:color-mix(in oklab,currentcolor 50%,transparent)
            }
        }
    }
    textarea{
        resize:vertical
    }
    ::-webkit-search-decoration{
        -webkit-appearance:none
    }
    ::-webkit-date-and-time-value{
        min-height:1lh;
        text-align:inherit
    }
    ::-webkit-datetime-edit{
        display:inline-flex
    }
    ::-webkit-datetime-edit-fields-wrapper{
        padding:0
    }
    ::-webkit-datetime-edit{
        padding-block:0
    }
    ::-webkit-datetime-edit-year-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-month-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-day-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-hour-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-minute-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-second-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-millisecond-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-meridiem-field{
        padding-block:0
    }
    ::-webkit-calendar-picker-indicator{
        line-height:1
    }
    :-moz-ui-invalid{
        box-shadow:none
    }
    button,input:where([type=button],[type=reset],[type=submit]){
        appearance:button
    }
    ::file-selector-button{
        appearance:button
    }
    ::-webkit-inner-spin-button{
        height:auto
    }
    ::-webkit-outer-spin-button{
        height:auto
    }
    [hidden]:where(:not([hidden=until-found])){
        display:none!important
    }
}
@layer components;
@layer utilities{
    .invisible{
        visibility:hidden
    }
    .visible{
        visibility:visible
    }
    .absolute{
        position:absolute
    }
    .fixed{
        position:fixed
    }
    .relative{
        position:relative
    }
    .static{
        position:static
    }
    .inset-y-0{
        inset-block:calc(var(--spacing)*0)
    }
    .-top-\[100px\]{
        top:-100px
    }
    .-top-px{
        top:-1px
    }
    .top-0{
        top:calc(var(--spacing)*0)
    }
    .top-1\/2{
        top:50%
    }
    .top-\[2px\]{
        top:2px
    }
    .top-\[3px\]{
        top:3px
    }
    .top-\[10px\]{
        top:10px
    }
    .top-\[11px\]{
        top:11px
    }
    .top-\[20px\]{
        top:20px
    }
    .top-px{
        top:1px
    }
    .right-0{
        right:calc(var(--spacing)*0)
    }
    .bottom-0{
        bottom:calc(var(--spacing)*0)
    }
    .bottom-\[25px\]{
        bottom:25px
    }
    .left-0{
        left:calc(var(--spacing)*0)
    }
    .left-1\/2{
        left:50%
    }
    .isolate{
        isolation:isolate
    }
    .-z-\[1\]{
        z-index:calc(1*-1)
    }
    .-z-\[2\]{
        z-index:calc(2*-1)
    }
    .z-\[1\]{
        z-index:1
    }
    .z-\[2\]{
        z-index:2
    }
    .z-\[4\]{
        z-index:4
    }
    .z-\[999\]{
        z-index:999
    }
    .container{
        width:100%
    }
    @media (min-width:40rem){
        .container{
            max-width:40rem
        }
    }
    @media (min-width:48rem){
        .container{
            max-width:48rem
        }
    }
    @media (min-width:64rem){
        .container{
            max-width:64rem
        }
    }
    @media (min-width:80rem){
        .container{
            max-width:80rem
        }
    }
    @media (min-width:96rem){
        .container{
            max-width:96rem
        }
    }
    .m-0{
        margin:calc(var(--spacing)*0)
    }
    .mx-auto{
        margin-inline:auto
    }
    .my-\[5px\]{
        margin-block:5px
    }
    .my-\[15px\]{
        margin-block:15px
    }
    .my-\[20px\]{
        margin-block:20px
    }
    .my-\[25px\]{
        margin-block:25px
    }
    .my-\[35px\]{
        margin-block:35px
    }
    .-mt-\[40px\]{
        margin-top:-40px
    }
    .-mt-px{
        margin-top:-1px
    }
    .mt-\[5px\]{
        margin-top:5px
    }
    .mt-\[7px\]{
        margin-top:7px
    }
    .mt-\[8px\]{
        margin-top:8px
    }
    .mt-\[10px\]{
        margin-top:10px
    }
    .mt-\[12px\]{
        margin-top:12px
    }
    .mt-\[13px\]{
        margin-top:13px
    }
    .mt-\[15px\]{
        margin-top:15px
    }
    .mt-\[20px\]{
        margin-top:20px
    }
    .mt-\[25px\]{
        margin-top:25px
    }
    .mt-\[30px\]{
        margin-top:30px
    }
    .mt-\[40px\]{
        margin-top:40px
    }
    .mt-\[60px\]{
        margin-top:60px
    }
    .\!mb-0{
        margin-bottom:calc(var(--spacing)*0)!important
    }
    .\!mb-\[5px\]{
        margin-bottom:5px!important
    }
    .\!mb-\[10px\]{
        margin-bottom:10px!important
    }
    .mb-0{
        margin-bottom:calc(var(--spacing)*0)
    }
    .mb-\[2px\]{
        margin-bottom:2px
    }
    .mb-\[3px\]{
        margin-bottom:3px
    }
    .mb-\[4px\]{
        margin-bottom:4px
    }
    .mb-\[5px\]{
        margin-bottom:5px
    }
    .mb-\[7px\]{
        margin-bottom:7px
    }
    .mb-\[8px\]{
        margin-bottom:8px
    }
    .mb-\[10px\]{
        margin-bottom:10px
    }
    .mb-\[12px\]{
        margin-bottom:12px
    }
    .mb-\[13px\]{
        margin-bottom:13px
    }
    .mb-\[15px\]{
        margin-bottom:15px
    }
    .mb-\[17px\]{
        margin-bottom:17px
    }
    .mb-\[18px\]{
        margin-bottom:18px
    }
    .mb-\[20px\]{
        margin-bottom:20px
    }
    .mb-\[25px\]{
        margin-bottom:25px
    }
    .mb-\[30px\]{
        margin-bottom:30px
    }
    .mb-\[40px\]{
        margin-bottom:40px
    }
    .mb-\[60px\]{
        margin-bottom:60px
    }
    .\!hidden{
        display:none!important
    }
    .block{
        display:block
    }
    .flex{
        display:flex
    }
    .grid{
        display:grid
    }
    .hidden{
        display:none
    }
    .inline{
        display:inline
    }
    .inline-block{
        display:inline-block
    }
    .table{
        display:table
    }
    .aspect-video{
        aspect-ratio:var(--aspect-video)
    }
    .h-1{
        height:calc(var(--spacing)*1)
    }
    .h-2{
        height:calc(var(--spacing)*2)
    }
    .h-3{
        height:calc(var(--spacing)*3)
    }
    .h-4{
        height:calc(var(--spacing)*4)
    }
    .h-5{
        height:calc(var(--spacing)*5)
    }
    .h-6{
        height:calc(var(--spacing)*6)
    }
    .h-\[1px\]{
        height:1px
    }
    .h-\[3px\]{
        height:3px
    }
    .h-\[5px\]{
        height:5px
    }
    .h-\[6px\]{
        height:6px
    }
    .h-\[14px\]{
        height:14px
    }
    .h-\[15px\]{
        height:15px
    }
    .h-\[24px\]{
        height:24px
    }
    .h-\[25px\]{
        height:25px
    }
    .h-\[30px\]{
        height:30px
    }
    .h-\[35px\]{
        height:35px
    }
    .h-\[38px\]{
        height:38px
    }
    .h-\[40px\]{
        height:40px
    }
    .h-\[41px\]{
        height:41px
    }
    .h-\[45px\]{
        height:45px
    }
    .h-\[50px\]{
        height:50px
    }
    .h-\[51px\]{
        height:51px
    }
    .h-\[60px\]{
        height:60px
    }
    .h-\[70px\]{
        height:70px
    }
    .h-\[75px\]{
        height:75px
    }
    .h-\[80px\]{
        height:80px
    }
    .h-\[83px\]{
        height:83px
    }
    .h-\[150px\]{
        height:150px
    }
    .h-\[259px\]{
        height:259px
    }
    .h-\[300px\]{
        height:300px
    }
    .h-\[400px\]{
        height:400px
    }
    .h-full{
        height:100%
    }
    .h-px{
        height:1px
    }
    .h-screen{
        height:100vh
    }
    .\!w-\[250px\]{
        width:250px!important
    }
    .w-0{
        width:calc(var(--spacing)*0)
    }
    .w-\[2px\]{
        width:2px
    }
    .w-\[5px\]{
        width:5px
    }
    .w-\[25px\]{
        width:25px
    }
    .w-\[30px\]{
        width:30px
    }
    .w-\[35px\]{
        width:35px
    }
    .w-\[38px\]{
        width:38px
    }
    .w-\[40px\]{
        width:40px
    }
    .w-\[45px\]{
        width:45px
    }
    .w-\[50px\]{
        width:50px
    }
    .w-\[51px\]{
        width:51px
    }
    .w-\[70px\]{
        width:70px
    }
    .w-\[75px\]{
        width:75px
    }
    .w-\[80px\]{
        width:80px
    }
    .w-\[83px\]{
        width:83px
    }
    .w-\[100px\]{
        width:100px
    }
    .w-\[120px\]{
        width:120px
    }
    .w-\[142px\]{
        width:142px
    }
    .w-\[150px\]{
        width:150px
    }
    .w-\[200px\]{
        width:200px
    }
    .w-\[205px\]{
        width:205px
    }
    .w-full{
        width:100%
    }
    .w-px{
        width:1px
    }
    .max-w-\[100px\]{
        max-width:100px
    }
    .max-w-\[170px\]{
        max-width:170px
    }
    .max-w-\[720px\]{
        max-width:720px
    }
    .min-w-\[270px\]{
        min-width:270px
    }
    .flex-none{
        flex:none
    }
    .grow{
        flex-grow:1
    }
    .basis-auto{
        flex-basis:auto
    }
    .basis-full{
        flex-basis:100%
    }
    .border-collapse{
        border-collapse:collapse
    }
    .translate-2{
        --tw-translate-x:calc(var(--spacing)*2);
        --tw-translate-y:calc(var(--spacing)*2);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-x-1\/2{
        --tw-translate-x:calc(calc(1/2*100%)*-1);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-y-1\/2{
        --tw-translate-y:calc(calc(1/2*100%)*-1);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .-scale-100{
        --tw-scale-x:calc(100%*-1);
        --tw-scale-y:calc(100%*-1);
        --tw-scale-z:calc(100%*-1);
        scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .rotate-\[15deg\]{
        rotate:15deg
    }
    .transform{
        transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
    }
    .cursor-grabbing{
        cursor:grabbing
    }
    .cursor-pointer{
        cursor:pointer
    }
    .resize{
        resize:both
    }
    .list-inside{
        list-style-position:inside
    }
    .list-decimal{
        list-style-type:decimal
    }
    .list-disc{
        list-style-type:disc
    }
    .grid-cols-1{
        grid-template-columns:repeat(1,minmax(0,1fr))
    }
    .grid-cols-2{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .flex-row{
        flex-direction:row
    }
    .flex-wrap{
        flex-wrap:wrap
    }
    .items-center{
        align-items:center
    }
    .items-end{
        align-items:flex-end
    }
    .justify-between{
        justify-content:space-between
    }
    .justify-center{
        justify-content:center
    }
    .justify-end{
        justify-content:flex-end
    }
    .gap-\[2px\]{
        gap:2px
    }
    .gap-\[5px\]{
        gap:5px
    }
    .gap-\[8px\]{
        gap:8px
    }
    .gap-\[10px\]{
        gap:10px
    }
    .gap-\[12px\]{
        gap:12px
    }
    .gap-\[15px\]{
        gap:15px
    }
    .gap-\[20px\]{
        gap:20px
    }
    .gap-\[25px\]{
        gap:25px
    }
    .gap-\[30px\]{
        gap:30px
    }
    .gap-\[40px\]{
        gap:40px
    }
    .gap-x-\[20px\]{
        column-gap:20px
    }
    .gap-y-\[10px\]{
        row-gap:10px
    }
    .gap-y-\[12px\]{
        row-gap:12px
    }
    .overflow-hidden{
        overflow:hidden
    }
    .overflow-x-auto{
        overflow-x:auto
    }
    .overflow-y-scroll{
        overflow-y:scroll
    }
    .rounded-\[5px\]{
        border-radius:5px
    }
    .rounded-\[30px\]{
        border-radius:30px
    }
    .rounded-\[50px\]{
        border-radius:50px
    }
    .rounded-full{
        border-radius:3.40282e38px
    }
    .border{
        border-style:var(--tw-border-style);
        border-width:1px
    }
    .border-0{
        border-style:var(--tw-border-style);
        border-width:0
    }
    .border-\[2px\]{
        border-style:var(--tw-border-style);
        border-width:2px
    }
    .border-\[3px\]{
        border-style:var(--tw-border-style);
        border-width:3px
    }
    .border-t{
        border-top-style:var(--tw-border-style);
        border-top-width:1px
    }
    .border-r{
        border-right-style:var(--tw-border-style);
        border-right-width:1px
    }
    .border-b{
        border-bottom-style:var(--tw-border-style);
        border-bottom-width:1px
    }
    .border-l{
        border-left-style:var(--tw-border-style);
        border-left-width:1px
    }
    .border-dashed{
        --tw-border-style:dashed;
        border-style:dashed
    }
    .\!border-white{
        border-color:var(--color-white)!important
    }
    .\!border-white\/20{
        border-color:#fff3!important
    }
    @supports (color:color-mix(in lab, red, red)){
        .\!border-white\/20{
            border-color:color-mix(in oklab,var(--color-white)20%,transparent)!important
        }
    }
    .border-\[\#1e1e1e\]{
        border-color:#1e1e1e
    }
    .border-primary{
        border-color:var(--color-primary)
    }
    .border-white{
        border-color:var(--color-white)
    }
    .border-white\/10{
        border-color:#ffffff1a
    }
    @supports (color:color-mix(in lab, red, red)){
        .border-white\/10{
            border-color:color-mix(in oklab,var(--color-white)10%,transparent)
        }
    }
    .border-white\/15{
        border-color:#ffffff26
    }
    @supports (color:color-mix(in lab, red, red)){
        .border-white\/15{
            border-color:color-mix(in oklab,var(--color-white)15%,transparent)
        }
    }
    .border-white\/20{
        border-color:#fff3
    }
    @supports (color:color-mix(in lab, red, red)){
        .border-white\/20{
            border-color:color-mix(in oklab,var(--color-white)20%,transparent)
        }
    }
    .border-white\/30{
        border-color:#ffffff4d
    }
    @supports (color:color-mix(in lab, red, red)){
        .border-white\/30{
            border-color:color-mix(in oklab,var(--color-white)30%,transparent)
        }
    }
    .border-white\/35{
        border-color:#ffffff59
    }
    @supports (color:color-mix(in lab, red, red)){
        .border-white\/35{
            border-color:color-mix(in oklab,var(--color-white)35%,transparent)
        }
    }
    .\!bg-black{
        background-color:var(--color-black)!important
    }
    .\!bg-white{
        background-color:var(--color-white)!important
    }
    .bg-\[\#0E0E0E\]{
        background-color:#0e0e0e
    }
    .bg-\[\#1DB954\]{
        background-color:#1db954
    }
    .bg-\[\#EE1D52\]{
        background-color:#ee1d52
    }
    .bg-\[\#FF0000\]{
        background-color:red
    }
    .bg-\[\#a0a0a0\]{
        background-color:#a0a0a0
    }
    .bg-\[\#ff7700\]{
        background-color:#f70
    }
    .bg-black{
        background-color:var(--color-black)
    }
    .bg-black\/65{
        background-color:#000000a6
    }
    @supports (color:color-mix(in lab, red, red)){
        .bg-black\/65{
            background-color:color-mix(in oklab,var(--color-black)65%,transparent)
        }
    }
    .bg-black\/75{
        background-color:#000000bf
    }
    @supports (color:color-mix(in lab, red, red)){
        .bg-black\/75{
            background-color:color-mix(in oklab,var(--color-black)75%,transparent)
        }
    }
    .bg-black\/80{
        background-color:#000c
    }
    @supports (color:color-mix(in lab, red, red)){
        .bg-black\/80{
            background-color:color-mix(in oklab,var(--color-black)80%,transparent)
        }
    }
    .bg-black\/85{
        background-color:#000000d9
    }
    @supports (color:color-mix(in lab, red, red)){
        .bg-black\/85{
            background-color:color-mix(in oklab,var(--color-black)85%,transparent)
        }
    }
    .bg-navy-black{
        background-color:var(--color-navy-black)
    }
    .bg-primary{
        background-color:var(--color-primary)
    }
    .bg-transparent{
        background-color:#0000
    }
    .bg-white{
        background-color:var(--color-white)
    }
    .bg-white\/10{
        background-color:#ffffff1a
    }
    @supports (color:color-mix(in lab, red, red)){
        .bg-white\/10{
            background-color:color-mix(in oklab,var(--color-white)10%,transparent)
        }
    }
    .bg-white\/20{
        background-color:#fff3
    }
    @supports (color:color-mix(in lab, red, red)){
        .bg-white\/20{
            background-color:color-mix(in oklab,var(--color-white)20%,transparent)
        }
    }
    .bg-white\/30{
        background-color:#ffffff4d
    }
    @supports (color:color-mix(in lab, red, red)){
        .bg-white\/30{
            background-color:color-mix(in oklab,var(--color-white)30%,transparent)
        }
    }
    .bg-cover{
        background-size:cover
    }
    .bg-clip-text{
        -webkit-background-clip:text;
        background-clip:text
    }
    .bg-center{
        background-position:50%
    }
    .bg-no-repeat{
        background-repeat:no-repeat
    }
    .\!object-contain{
        object-fit:contain!important
    }
    .object-cover{
        object-fit:cover
    }
    .p-0{
        padding:calc(var(--spacing)*0)
    }
    .p-\[10px\]{
        padding:10px
    }
    .p-\[15px\]{
        padding:15px
    }
    .p-\[20px\]{
        padding:20px
    }
    .px-\[10px\]{
        padding-inline:10px
    }
    .px-\[12px\]{
        padding-inline:12px
    }
    .px-\[15px\]{
        padding-inline:15px
    }
    .px-\[20px\]{
        padding-inline:20px
    }
    .px-\[25px\]{
        padding-inline:25px
    }
    .\!py-\[12px\]{
        padding-block:12px!important
    }
    .py-\[3px\]{
        padding-block:3px
    }
    .py-\[5px\]{
        padding-block:5px
    }
    .py-\[9px\]{
        padding-block:9px
    }
    .py-\[10px\]{
        padding-block:10px
    }
    .py-\[12px\]{
        padding-block:12px
    }
    .py-\[14px\]{
        padding-block:14px
    }
    .py-\[15px\]{
        padding-block:15px
    }
    .py-\[20px\]{
        padding-block:20px
    }
    .py-\[25px\]{
        padding-block:25px
    }
    .py-\[30px\]{
        padding-block:30px
    }
    .py-\[40px\]{
        padding-block:40px
    }
    .py-\[60px\]{
        padding-block:60px
    }
    .py-\[100px\]{
        padding-block:100px
    }
    .pt-\[4px\]{
        padding-top:4px
    }
    .pt-\[5px\]{
        padding-top:5px
    }
    .pt-\[60px\]{
        padding-top:60px
    }
    .pt-\[110px\]{
        padding-top:110px
    }
    .pt-\[120px\]{
        padding-top:120px
    }
    .pb-\[3px\]{
        padding-bottom:3px
    }
    .pb-\[5px\]{
        padding-bottom:5px
    }
    .pb-\[10px\]{
        padding-bottom:10px
    }
    .pb-\[12px\]{
        padding-bottom:12px
    }
    .pb-\[20px\]{
        padding-bottom:20px
    }
    .pb-\[60px\]{
        padding-bottom:60px
    }
    .pb-\[70px\]{
        padding-bottom:70px
    }
    .text-center{
        text-align:center
    }
    .align-bottom{
        vertical-align:bottom
    }
    .align-top{
        vertical-align:top
    }
    .font-mono{
        font-family:var(--font-mono)
    }
    .font-sans{
        font-family:var(--font-sans)
    }
    .text-2xl{
        font-size:var(--text-2xl);
        line-height:var(--tw-leading,var(--text-2xl--line-height))
    }
    .text-3xl{
        font-size:var(--text-3xl);
        line-height:var(--tw-leading,var(--text-3xl--line-height))
    }
    .text-4xl{
        font-size:var(--text-4xl);
        line-height:var(--tw-leading,var(--text-4xl--line-height))
    }
    .text-7xl{
        font-size:var(--text-7xl);
        line-height:var(--tw-leading,var(--text-7xl--line-height))
    }
    .text-base{
        font-size:var(--text-base);
        line-height:var(--tw-leading,var(--text-base--line-height))
    }
    .text-lg{
        font-size:var(--text-lg);
        line-height:var(--tw-leading,var(--text-lg--line-height))
    }
    .text-sm{
        font-size:var(--text-sm);
        line-height:var(--tw-leading,var(--text-sm--line-height))
    }
    .text-xl{
        font-size:var(--text-xl);
        line-height:var(--tw-leading,var(--text-xl--line-height))
    }
    .text-xs{
        font-size:var(--text-xs);
        line-height:var(--tw-leading,var(--text-xs--line-height))
    }
    .text-15{
        font-size:var(--text-15)
    }
    .text-\[40px\]{
        font-size:40px
    }
    .leading-\[1\.1\]{
        --tw-leading:1.1;
        line-height:1.1
    }
    .leading-\[1\.7\]{
        --tw-leading:1.7;
        line-height:1.7
    }
    .leading-none{
        --tw-leading:1;
        line-height:1
    }
    .\!font-medium{
        --tw-font-weight:var(--font-weight-medium)!important;
        font-weight:var(--font-weight-medium)!important
    }
    .\!font-normal{
        --tw-font-weight:var(--font-weight-normal)!important;
        font-weight:var(--font-weight-normal)!important
    }
    .\!font-semibold{
        --tw-font-weight:var(--font-weight-semibold)!important;
        font-weight:var(--font-weight-semibold)!important
    }
    .font-bold{
        --tw-font-weight:var(--font-weight-bold);
        font-weight:var(--font-weight-bold)
    }
    .font-medium{
        --tw-font-weight:var(--font-weight-medium);
        font-weight:var(--font-weight-medium)
    }
    .font-normal{
        --tw-font-weight:var(--font-weight-normal);
        font-weight:var(--font-weight-normal)
    }
    .font-semibold{
        --tw-font-weight:var(--font-weight-semibold);
        font-weight:var(--font-weight-semibold)
    }
    .-tracking-\[1px\]{
        --tw-tracking:calc(1px*-1);
        letter-spacing:-1px
    }
    .text-wrap{
        text-wrap:wrap
    }
    .whitespace-nowrap{
        white-space:nowrap
    }
    .\!text-\[\#a0a0a0\]\/50{
        color:oklab(70.5757% -2.98023e-8 0/.5)!important
    }
    .\!text-black{
        color:var(--color-black)!important
    }
    .\!text-primary{
        color:var(--color-primary)!important
    }
    .\!text-white{
        color:var(--color-white)!important
    }
    .text-\[\#02AD16\]{
        color:#02ad16
    }
    .text-\[\#8A2BE2\]{
        color:#8a2be2
    }
    .text-\[\#F4B70B\]{
        color:#f4b70b
    }
    .text-\[\#FF0004\]{
        color:#ff0004
    }
    .text-\[\#a0a0a0\]{
        color:#a0a0a0
    }
    .text-\[red\]{
        color:red
    }
    .text-black{
        color:var(--color-black)
    }
    .text-primary{
        color:var(--color-primary)
    }
    .text-transparent{
        color:#0000
    }
    .text-white{
        color:var(--color-white)
    }
    .uppercase{
        text-transform:uppercase
    }
    .italic{
        font-style:italic
    }
    .line-through{
        text-decoration-line:line-through
    }
    .overline{
        text-decoration-line:overline
    }
    .underline{
        text-decoration-line:underline
    }
    .accent-primary{
        accent-color:var(--color-primary)
    }
    .opacity-0{
        opacity:0
    }
    .opacity-5{
        opacity:.05
    }
    .opacity-10{
        opacity:.1
    }
    .opacity-60{
        opacity:.6
    }
    .\!outline-0{
        outline-style:var(--tw-outline-style)!important;
        outline-width:0!important
    }
    .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,)
    }
    .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))
    }
    .duration-300{
        --tw-duration:.3s;
        transition-duration:.3s
    }
    .ease-in-out{
        --tw-ease:var(--ease-in-out);
        transition-timing-function:var(--ease-in-out)
    }
    .\[-webkit-background-clip\:text\]{
        -webkit-background-clip:text
    }
    .\[-webkit-text-fill-color\:transparent\]{
        -webkit-text-fill-color:transparent
    }
    .backface-hidden{
        backface-visibility:hidden
    }
    @media (hover:hover){
        .group-hover\:invisible:is(:where(.group):hover *){
            visibility:hidden
        }
        .group-hover\:visible:is(:where(.group):hover *){
            visibility:visible
        }
        .group-hover\:-translate-y-\[65px\]:is(:where(.group):hover *){
            --tw-translate-y:calc(65px*-1);
            translate:var(--tw-translate-x)var(--tw-translate-y)
        }
        .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)
        }
        .group-hover\:\!border-white:is(:where(.group):hover *){
            border-color:var(--color-white)!important
        }
        .group-hover\:border-primary:is(:where(.group):hover *){
            border-color:var(--color-primary)
        }
        .group-hover\:bg-black:is(:where(.group):hover *){
            background-color:var(--color-black)
        }
        .group-hover\:bg-black\/80:is(:where(.group):hover *){
            background-color:#000c
        }
        @supports (color:color-mix(in lab, red, red)){
            .group-hover\:bg-black\/80:is(:where(.group):hover *){
                background-color:color-mix(in oklab,var(--color-black)80%,transparent)
            }
        }
        .group-hover\:bg-primary:is(:where(.group):hover *){
            background-color:var(--color-primary)
        }
        .group-hover\:\!text-white:is(:where(.group):hover *){
            color:var(--color-white)!important
        }
        .group-hover\:text-white:is(:where(.group):hover *){
            color:var(--color-white)
        }
        .group-hover\:opacity-0:is(:where(.group):hover *){
            opacity:0
        }
        .group-hover\:opacity-100:is(:where(.group):hover *){
            opacity:1
        }
    }
    .placeholder\:\!text-\[\#a0a0a0\]::placeholder{
        color:#a0a0a0!important
    }
    .before\:absolute:before{
        content:var(--tw-content);
        position:absolute
    }
    .before\:top-1\/2:before{
        content:var(--tw-content);
        top:50%
    }
    .before\:h-\[18px\]:before{
        content:var(--tw-content);
        height:18px
    }
    .before\:w-px:before{
        content:var(--tw-content);
        width:1px
    }
    .before\:-translate-y-1\/2:before{
        content:var(--tw-content);
        --tw-translate-y:calc(calc(1/2*100%)*-1);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .before\:bg-white\/20:before{
        content:var(--tw-content);
        background-color:#fff3
    }
    @supports (color:color-mix(in lab, red, red)){
        .before\:bg-white\/20:before{
            background-color:color-mix(in oklab,var(--color-white)20%,transparent)
        }
    }
    .first\:border-t:first-child{
        border-top-style:var(--tw-border-style);
        border-top-width:1px
    }
    .first\:pt-0:first-child{
        padding-top:calc(var(--spacing)*0)
    }
    .last\:\!mb-0:last-child{
        margin-bottom:calc(var(--spacing)*0)!important
    }
    .last\:mb-0:last-child{
        margin-bottom:calc(var(--spacing)*0)
    }
    .last\:hidden:last-child{
        display:none
    }
    .last\:border-0:last-child{
        border-style:var(--tw-border-style);
        border-width:0
    }
    .last\:border-b:last-child{
        border-bottom-style:var(--tw-border-style);
        border-bottom-width:1px
    }
    .last\:border-b-0:last-child{
        border-bottom-style:var(--tw-border-style);
        border-bottom-width:0
    }
    .last\:border-none:last-child{
        --tw-border-style:none;
        border-style:none
    }
    .last\:pb-0:last-child{
        padding-bottom:calc(var(--spacing)*0)
    }
    .last\:before\:hidden:last-child:before{
        content:var(--tw-content);
        display:none
    }
    @media (hover:hover){
        .hover\:border-primary:hover{
            border-color:var(--color-primary)
        }
        .hover\:\!bg-black:hover{
            background-color:var(--color-black)!important
        }
        .hover\:\!bg-primary:hover{
            background-color:var(--color-primary)!important
        }
        .hover\:\!bg-white:hover{
            background-color:var(--color-white)!important
        }
        .hover\:bg-primary:hover{
            background-color:var(--color-primary)
        }
        .hover\:bg-white:hover{
            background-color:var(--color-white)
        }
        .hover\:\!text-black:hover{
            color:var(--color-black)!important
        }
        .hover\:\!text-primary:hover{
            color:var(--color-primary)!important
        }
        .hover\:text-\[\#1DB954\]:hover{
            color:#1db954
        }
        .hover\:text-\[\#EE1D52\]:hover{
            color:#ee1d52
        }
        .hover\:text-\[\#FF0000\]:hover{
            color:red
        }
        .hover\:text-\[\#ff7700\]:hover{
            color:#f70
        }
        .hover\:text-primary:hover{
            color:var(--color-primary)
        }
        .hover\:text-white:hover{
            color:var(--color-white)
        }
        .hover\:no-underline:hover{
            text-decoration-line:none
        }
        .hover\:underline:hover{
            text-decoration-line:underline
        }
        @media (hover:hover){
            .group-hover\:hover\:\!border-black:is(:where(.group):hover *):hover{
                border-color:var(--color-black)!important
            }
        }
    }
    .focus\:\!border-primary:focus{
        border-color:var(--color-primary)!important
    }
    @media (min-width:40rem){
        .sm\:top-\[20px\]{
            top:20px
        }
        .sm\:mt-0{
            margin-top:calc(var(--spacing)*0)
        }
        .sm\:\!mb-0{
            margin-bottom:calc(var(--spacing)*0)!important
        }
        .sm\:mb-0{
            margin-bottom:calc(var(--spacing)*0)
        }
        .sm\:flex{
            display:flex
        }
        .sm\:w-\[50px\]{
            width:50px
        }
        .sm\:w-\[120px\]{
            width:120px
        }
        .sm\:grid-cols-1{
            grid-template-columns:repeat(1,minmax(0,1fr))
        }
        .sm\:grid-cols-2{
            grid-template-columns:repeat(2,minmax(0,1fr))
        }
        .sm\:gap-\[20px\]{
            gap:20px
        }
        .sm\:p-\[20px\]{
            padding:20px
        }
        .sm\:py-0{
            padding-block:calc(var(--spacing)*0)
        }
        .sm\:pb-\[5px\]{
            padding-bottom:5px
        }
        .sm\:text-center{
            text-align:center
        }
        .sm\:text-5xl{
            font-size:var(--text-5xl);
            line-height:var(--tw-leading,var(--text-5xl--line-height))
        }
        .sm\:text-9xl{
            font-size:var(--text-9xl);
            line-height:var(--tw-leading,var(--text-9xl--line-height))
        }
    }
    @media (min-width:48rem){
        .md\:absolute{
            position:absolute
        }
        .md\:-top-\[200px\]{
            top:-200px
        }
        .md\:top-1\/2{
            top:50%
        }
        .md\:top-\[27px\]{
            top:27px
        }
        .md\:top-\[30px\]{
            top:30px
        }
        .md\:col-span-1{
            grid-column:span 1/span 1
        }
        .md\:col-span-2{
            grid-column:span 2/span 2
        }
        .md\:mx-auto{
            margin-inline:auto
        }
        .md\:my-\[10px\]{
            margin-block:10px
        }
        .md\:my-\[20px\]{
            margin-block:20px
        }
        .md\:my-\[25px\]{
            margin-block:25px
        }
        .md\:my-\[35px\]{
            margin-block:35px
        }
        .md\:my-\[40px\]{
            margin-block:40px
        }
        .md\:-mt-\[25px\]{
            margin-top:-25px
        }
        .md\:-mt-\[40px\]{
            margin-top:-40px
        }
        .md\:-mt-px{
            margin-top:-1px
        }
        .md\:mt-0{
            margin-top:calc(var(--spacing)*0)
        }
        .md\:mt-\[5px\]{
            margin-top:5px
        }
        .md\:mt-\[10px\]{
            margin-top:10px
        }
        .md\:mt-\[15px\]{
            margin-top:15px
        }
        .md\:mt-\[20px\]{
            margin-top:20px
        }
        .md\:mt-\[25px\]{
            margin-top:25px
        }
        .md\:mt-\[30px\]{
            margin-top:30px
        }
        .md\:mt-\[35px\]{
            margin-top:35px
        }
        .md\:mt-\[40px\]{
            margin-top:40px
        }
        .md\:mt-\[50px\]{
            margin-top:50px
        }
        .md\:mt-\[60px\]{
            margin-top:60px
        }
        .md\:mt-\[80px\]{
            margin-top:80px
        }
        .md\:\!mb-\[20px\]{
            margin-bottom:20px!important
        }
        .md\:mb-0{
            margin-bottom:calc(var(--spacing)*0)
        }
        .md\:mb-\[5px\]{
            margin-bottom:5px
        }
        .md\:mb-\[8px\]{
            margin-bottom:8px
        }
        .md\:mb-\[10px\]{
            margin-bottom:10px
        }
        .md\:mb-\[12px\]{
            margin-bottom:12px
        }
        .md\:mb-\[15px\]{
            margin-bottom:15px
        }
        .md\:mb-\[18px\]{
            margin-bottom:18px
        }
        .md\:mb-\[20px\]{
            margin-bottom:20px
        }
        .md\:mb-\[25px\]{
            margin-bottom:25px
        }
        .md\:mb-\[30px\]{
            margin-bottom:30px
        }
        .md\:mb-\[35px\]{
            margin-bottom:35px
        }
        .md\:mb-\[40px\]{
            margin-bottom:40px
        }
        .md\:mb-\[45px\]{
            margin-bottom:45px
        }
        .md\:mb-\[60px\]{
            margin-bottom:60px
        }
        .md\:mb-\[80px\]{
            margin-bottom:80px
        }
        .md\:flex{
            display:flex
        }
        .md\:\!h-\[52px\]{
            height:52px!important
        }
        .md\:h-\[20px\]{
            height:20px
        }
        .md\:h-\[35px\]{
            height:35px
        }
        .md\:h-\[44px\]{
            height:44px
        }
        .md\:h-\[50px\]{
            height:50px
        }
        .md\:h-\[80px\]{
            height:80px
        }
        .md\:h-\[88px\]{
            height:88px
        }
        .md\:h-\[95px\]{
            height:95px
        }
        .md\:h-\[100px\]{
            height:100px
        }
        .md\:h-\[200px\]{
            height:200px
        }
        .md\:h-\[400px\]{
            height:400px
        }
        .md\:w-\[35px\]{
            width:35px
        }
        .md\:w-\[44px\]{
            width:44px
        }
        .md\:w-\[50px\]{
            width:50px
        }
        .md\:w-\[80px\]{
            width:80px
        }
        .md\:w-\[88px\]{
            width:88px
        }
        .md\:w-\[95px\]{
            width:95px
        }
        .md\:w-\[100px\]{
            width:100px
        }
        .md\:w-\[120px\]{
            width:120px
        }
        .md\:w-\[150px\]{
            width:150px
        }
        .md\:w-\[165px\]{
            width:165px
        }
        .md\:w-\[200px\]{
            width:200px
        }
        .md\:w-\[315px\]{
            width:315px
        }
        .md\:max-w-\[115px\]{
            max-width:115px
        }
        .md\:max-w-\[120px\]{
            max-width:120px
        }
        .md\:max-w-\[200px\]{
            max-width:200px
        }
        .md\:max-w-\[315px\]{
            max-width:315px
        }
        .md\:max-w-\[400px\]{
            max-width:400px
        }
        .md\:max-w-\[425px\]{
            max-width:425px
        }
        .md\:max-w-\[500px\]{
            max-width:500px
        }
        .md\:max-w-\[550px\]{
            max-width:550px
        }
        .md\:max-w-\[648px\]{
            max-width:648px
        }
        .md\:max-w-\[650px\]{
            max-width:650px
        }
        .md\:-translate-y-1\/2{
            --tw-translate-y:calc(calc(1/2*100%)*-1);
            translate:var(--tw-translate-x)var(--tw-translate-y)
        }
        .md\:grid-cols-2{
            grid-template-columns:repeat(2,minmax(0,1fr))
        }
        .md\:grid-cols-3{
            grid-template-columns:repeat(3,minmax(0,1fr))
        }
        .md\:grid-cols-4{
            grid-template-columns:repeat(4,minmax(0,1fr))
        }
        .md\:items-end{
            align-items:flex-end
        }
        .md\:justify-end{
            justify-content:flex-end
        }
        .md\:gap-0{
            gap:calc(var(--spacing)*0)
        }
        .md\:gap-\[7px\]{
            gap:7px
        }
        .md\:gap-\[15px\]{
            gap:15px
        }
        .md\:gap-\[20px\]{
            gap:20px
        }
        .md\:gap-\[25px\]{
            gap:25px
        }
        .md\:gap-\[30px\]{
            gap:30px
        }
        .md\:gap-\[35px\]{
            gap:35px
        }
        .md\:gap-\[45px\]{
            gap:45px
        }
        .md\:gap-\[50px\]{
            gap:50px
        }
        .md\:gap-x-\[25px\]{
            column-gap:25px
        }
        .md\:border-\[5px\]{
            border-style:var(--tw-border-style);
            border-width:5px
        }
        .md\:p-0{
            padding:calc(var(--spacing)*0)
        }
        .md\:p-\[20px\]{
            padding:20px
        }
        .md\:p-\[25px\]{
            padding:25px
        }
        .md\:p-\[30px\]{
            padding:30px
        }
        .md\:px-\[20px\]{
            padding-inline:20px
        }
        .md\:px-\[25px\]{
            padding-inline:25px
        }
        .md\:px-\[30px\]{
            padding-inline:30px
        }
        .md\:\!py-\[13px\]{
            padding-block:13px!important
        }
        .md\:py-0{
            padding-block:calc(var(--spacing)*0)
        }
        .md\:py-\[14px\]{
            padding-block:14px
        }
        .md\:py-\[15px\]{
            padding-block:15px
        }
        .md\:py-\[20px\]{
            padding-block:20px
        }
        .md\:py-\[25px\]{
            padding-block:25px
        }
        .md\:py-\[30px\]{
            padding-block:30px
        }
        .md\:py-\[40px\]{
            padding-block:40px
        }
        .md\:py-\[60px\]{
            padding-block:60px
        }
        .md\:py-\[80px\]{
            padding-block:80px
        }
        .md\:py-\[120px\]{
            padding-block:120px
        }
        .md\:pt-\[80px\]{
            padding-top:80px
        }
        .md\:pt-\[150px\]{
            padding-top:150px
        }
        .md\:pt-\[170px\]{
            padding-top:170px
        }
        .md\:pt-\[180px\]{
            padding-top:180px
        }
        .md\:pb-\[8px\]{
            padding-bottom:8px
        }
        .md\:pb-\[10px\]{
            padding-bottom:10px
        }
        .md\:pb-\[15px\]{
            padding-bottom:15px
        }
        .md\:pb-\[80px\]{
            padding-bottom:80px
        }
        .md\:pb-\[100px\]{
            padding-bottom:100px
        }
        .md\:text-3xl{
            font-size:var(--text-3xl);
            line-height:var(--tw-leading,var(--text-3xl--line-height))
        }
        .md\:text-4xl{
            font-size:var(--text-4xl);
            line-height:var(--tw-leading,var(--text-4xl--line-height))
        }
        .md\:text-5xl{
            font-size:var(--text-5xl);
            line-height:var(--tw-leading,var(--text-5xl--line-height))
        }
        .md\:text-6xl{
            font-size:var(--text-6xl);
            line-height:var(--tw-leading,var(--text-6xl--line-height))
        }
        .md\:text-base{
            font-size:var(--text-base);
            line-height:var(--tw-leading,var(--text-base--line-height))
        }
        .md\:text-lg{
            font-size:var(--text-lg);
            line-height:var(--tw-leading,var(--text-lg--line-height))
        }
        .md\:text-xl{
            font-size:var(--text-xl);
            line-height:var(--tw-leading,var(--text-xl--line-height))
        }
        .md\:text-15{
            font-size:var(--text-15)
        }
        .md\:text-\[50px\]{
            font-size:50px
        }
        .md\:text-\[180px\]{
            font-size:180px
        }
        .md\:-tracking-\[2px\]{
            --tw-tracking:calc(2px*-1);
            letter-spacing:-2px
        }
        .md\:\!text-white{
            color:var(--color-white)!important
        }
        .md\:text-\[\#a0a0a0\]{
            color:#a0a0a0
        }
        .md\:text-white{
            color:var(--color-white)
        }
    }
    @media (hover:hover){
        @media (min-width:48rem){
            .group-hover\:md\:-translate-y-\[75px\]:is(:where(.group):hover *){
                --tw-translate-y:calc(75px*-1);
                translate:var(--tw-translate-x)var(--tw-translate-y)
            }
        }
    }
    @media (min-width:64rem){
        .lg\:invisible{
            visibility:hidden
        }
        .lg\:-top-\[300px\]{
            top:-300px
        }
        .lg\:top-1\/2{
            top:50%
        }
        .lg\:top-\[39px\]{
            top:39px
        }
        .lg\:\!right-auto{
            right:auto!important
        }
        .lg\:\!left-1\/2{
            left:50%!important
        }
        .lg\:col-span-1{
            grid-column:span 1/span 1
        }
        .lg\:col-span-2{
            grid-column:span 2/span 2
        }
        .lg\:\!mx-0{
            margin-inline:calc(var(--spacing)*0)!important
        }
        .lg\:my-0{
            margin-block:calc(var(--spacing)*0)
        }
        .lg\:my-\[25px\]{
            margin-block:25px
        }
        .lg\:my-\[30px\]{
            margin-block:30px
        }
        .lg\:-mt-\[40px\]{
            margin-top:-40px
        }
        .lg\:-mt-\[50px\]{
            margin-top:-50px
        }
        .lg\:-mt-\[60px\]{
            margin-top:-60px
        }
        .lg\:mt-0{
            margin-top:calc(var(--spacing)*0)
        }
        .lg\:mt-\[10px\]{
            margin-top:10px
        }
        .lg\:mt-\[15px\]{
            margin-top:15px
        }
        .lg\:mt-\[20px\]{
            margin-top:20px
        }
        .lg\:mt-\[25px\]{
            margin-top:25px
        }
        .lg\:mt-\[30px\]{
            margin-top:30px
        }
        .lg\:mt-\[35px\]{
            margin-top:35px
        }
        .lg\:mt-\[40px\]{
            margin-top:40px
        }
        .lg\:mt-\[45px\]{
            margin-top:45px
        }
        .lg\:mt-\[50px\]{
            margin-top:50px
        }
        .lg\:mt-\[60px\]{
            margin-top:60px
        }
        .lg\:mt-\[75px\]{
            margin-top:75px
        }
        .lg\:mt-\[80px\]{
            margin-top:80px
        }
        .lg\:mt-\[100px\]{
            margin-top:100px
        }
        .lg\:mb-\[15px\]{
            margin-bottom:15px
        }
        .lg\:mb-\[20px\]{
            margin-bottom:20px
        }
        .lg\:mb-\[25px\]{
            margin-bottom:25px
        }
        .lg\:mb-\[30px\]{
            margin-bottom:30px
        }
        .lg\:mb-\[35px\]{
            margin-bottom:35px
        }
        .lg\:mb-\[40px\]{
            margin-bottom:40px
        }
        .lg\:mb-\[45px\]{
            margin-bottom:45px
        }
        .lg\:mb-\[50px\]{
            margin-bottom:50px
        }
        .lg\:mb-\[75px\]{
            margin-bottom:75px
        }
        .lg\:mb-\[80px\]{
            margin-bottom:80px
        }
        .lg\:mb-\[100px\]{
            margin-bottom:100px
        }
        .lg\:\!inline{
            display:inline!important
        }
        .lg\:block{
            display:block
        }
        .lg\:flex{
            display:flex
        }
        .lg\:hidden{
            display:none
        }
        .lg\:h-\[500px\]{
            height:500px
        }
        .lg\:w-\[110px\]{
            width:110px
        }
        .lg\:w-\[150px\]{
            width:150px
        }
        .lg\:w-\[450px\]{
            width:450px
        }
        .lg\:w-full{
            width:100%
        }
        .lg\:\!max-w-full{
            max-width:100%!important
        }
        .lg\:max-w-\[200px\]{
            max-width:200px
        }
        .lg\:max-w-\[215px\]{
            max-width:215px
        }
        .lg\:max-w-\[455px\]{
            max-width:455px
        }
        .lg\:max-w-\[570px\]{
            max-width:570px
        }
        .lg\:max-w-\[650px\]{
            max-width:650px
        }
        .lg\:max-w-\[720px\]{
            max-width:720px
        }
        .lg\:max-w-\[760px\]{
            max-width:760px
        }
        .lg\:max-w-\[850px\]{
            max-width:850px
        }
        .lg\:max-w-\[880px\]{
            max-width:880px
        }
        .lg\:max-w-\[890px\]{
            max-width:890px
        }
        .lg\:-translate-x-1\/2{
            --tw-translate-x:calc(calc(1/2*100%)*-1);
            translate:var(--tw-translate-x)var(--tw-translate-y)
        }
        .lg\:-translate-y-1\/2{
            --tw-translate-y:calc(calc(1/2*100%)*-1);
            translate:var(--tw-translate-x)var(--tw-translate-y)
        }
        .lg\:grid-cols-2{
            grid-template-columns:repeat(2,minmax(0,1fr))
        }
        .lg\:grid-cols-3{
            grid-template-columns:repeat(3,minmax(0,1fr))
        }
        .lg\:grid-cols-4{
            grid-template-columns:repeat(4,minmax(0,1fr))
        }
        .lg\:flex-nowrap{
            flex-wrap:nowrap
        }
        .lg\:justify-between{
            justify-content:space-between
        }
        .lg\:justify-end{
            justify-content:flex-end
        }
        .lg\:justify-start{
            justify-content:flex-start
        }
        .lg\:gap-\[20px\]{
            gap:20px
        }
        .lg\:gap-\[25px\]{
            gap:25px
        }
        .lg\:gap-\[30px\]{
            gap:30px
        }
        .lg\:gap-\[35px\]{
            gap:35px
        }
        .lg\:gap-\[50px\]{
            gap:50px
        }
        .lg\:gap-y-\[45px\]{
            row-gap:45px
        }
        .lg\:p-\[30px\]{
            padding:30px
        }
        .lg\:p-\[40px\]{
            padding:40px
        }
        .lg\:px-\[40px\]{
            padding-inline:40px
        }
        .lg\:py-0{
            padding-block:calc(var(--spacing)*0)
        }
        .lg\:py-\[5px\]{
            padding-block:5px
        }
        .lg\:py-\[25px\]{
            padding-block:25px
        }
        .lg\:py-\[40px\]{
            padding-block:40px
        }
        .lg\:py-\[50px\]{
            padding-block:50px
        }
        .lg\:py-\[100px\]{
            padding-block:100px
        }
        .lg\:py-\[140px\]{
            padding-block:140px
        }
        .lg\:pt-\[100px\]{
            padding-top:100px
        }
        .lg\:pt-\[130px\]{
            padding-top:130px
        }
        .lg\:pt-\[170px\]{
            padding-top:170px
        }
        .lg\:pt-\[200px\]{
            padding-top:200px
        }
        .lg\:pb-\[10px\]{
            padding-bottom:10px
        }
        .lg\:pb-\[20px\]{
            padding-bottom:20px
        }
        .lg\:pb-\[60px\]{
            padding-bottom:60px
        }
        .lg\:pb-\[100px\]{
            padding-bottom:100px
        }
        .lg\:pb-\[120px\]{
            padding-bottom:120px
        }
        .lg\:text-center{
            text-align:center
        }
        .lg\:text-6xl{
            font-size:var(--text-6xl);
            line-height:var(--tw-leading,var(--text-6xl--line-height))
        }
        .lg\:text-7xl{
            font-size:var(--text-7xl);
            line-height:var(--tw-leading,var(--text-7xl--line-height))
        }
        .lg\:text-base{
            font-size:var(--text-base);
            line-height:var(--tw-leading,var(--text-base--line-height))
        }
        .lg\:text-lg{
            font-size:var(--text-lg);
            line-height:var(--tw-leading,var(--text-lg--line-height))
        }
        .lg\:text-xl{
            font-size:var(--text-xl);
            line-height:var(--tw-leading,var(--text-xl--line-height))
        }
        .lg\:text-\[260px\]{
            font-size:260px
        }
        .lg\:opacity-0{
            opacity:0
        }
    }
    @media (min-width:80rem){
        .xl\:-top-\[295px\]{
            top:-295px
        }
        .xl\:top-\[47px\]{
            top:47px
        }
        .xl\:order-1{
            order:1
        }
        .xl\:order-2{
            order:2
        }
        .xl\:col-span-1{
            grid-column:span 1/span 1
        }
        .xl\:col-span-2{
            grid-column:span 2/span 2
        }
        .xl\:-mt-\[80px\]{
            margin-top:-80px
        }
        .xl\:-mt-\[100px\]{
            margin-top:-100px
        }
        .xl\:mt-\[40px\]{
            margin-top:40px
        }
        .xl\:mt-\[45px\]{
            margin-top:45px
        }
        .xl\:mt-\[50px\]{
            margin-top:50px
        }
        .xl\:mt-\[55px\]{
            margin-top:55px
        }
        .xl\:mt-\[70px\]{
            margin-top:70px
        }
        .xl\:mt-\[100px\]{
            margin-top:100px
        }
        .xl\:mt-\[120px\]{
            margin-top:120px
        }
        .xl\:mt-\[140px\]{
            margin-top:140px
        }
        .xl\:-mb-\[295px\]{
            margin-bottom:-295px
        }
        .xl\:mb-0{
            margin-bottom:calc(var(--spacing)*0)
        }
        .xl\:mb-\[35px\]{
            margin-bottom:35px
        }
        .xl\:mb-\[45px\]{
            margin-bottom:45px
        }
        .xl\:mb-\[55px\]{
            margin-bottom:55px
        }
        .xl\:mb-\[90px\]{
            margin-bottom:90px
        }
        .xl\:mb-\[100px\]{
            margin-bottom:100px
        }
        .xl\:mb-\[120px\]{
            margin-bottom:120px
        }
        .xl\:h-\[303px\]{
            height:303px
        }
        .xl\:h-\[500px\]{
            height:500px
        }
        .xl\:w-\[155px\]{
            width:155px
        }
        .xl\:w-\[380px\]{
            width:380px
        }
        .xl\:\!max-w-\[1650px\]{
            max-width:1650px!important
        }
        .xl\:max-w-\[250px\]{
            max-width:250px
        }
        .xl\:max-w-\[310px\]{
            max-width:310px
        }
        .xl\:max-w-\[315px\]{
            max-width:315px
        }
        .xl\:max-w-\[350px\]{
            max-width:350px
        }
        .xl\:max-w-\[425px\]{
            max-width:425px
        }
        .xl\:max-w-\[465px\]{
            max-width:465px
        }
        .xl\:max-w-\[575px\]{
            max-width:575px
        }
        .xl\:max-w-\[630px\]{
            max-width:630px
        }
        .xl\:max-w-\[770px\]{
            max-width:770px
        }
        .xl\:max-w-\[820px\]{
            max-width:820px
        }
        .xl\:max-w-\[840px\]{
            max-width:840px
        }
        .xl\:max-w-\[872px\]{
            max-width:872px
        }
        .xl\:max-w-\[960px\]{
            max-width:960px
        }
        .xl\:max-w-\[1058px\]{
            max-width:1058px
        }
        .xl\:max-w-\[1096px\]{
            max-width:1096px
        }
        .xl\:max-w-\[1110px\]{
            max-width:1110px
        }
        .xl\:min-w-\[300px\]{
            min-width:300px
        }
        .xl\:grid-cols-2{
            grid-template-columns:repeat(2,minmax(0,1fr))
        }
        .xl\:grid-cols-3{
            grid-template-columns:repeat(3,minmax(0,1fr))
        }
        .xl\:grid-cols-4{
            grid-template-columns:repeat(4,minmax(0,1fr))
        }
        .xl\:gap-\[10px\]{
            gap:10px
        }
        .xl\:gap-\[25px\]{
            gap:25px
        }
        .xl\:gap-\[30px\]{
            gap:30px
        }
        .xl\:gap-\[35px\]{
            gap:35px
        }
        .xl\:gap-\[50px\]{
            gap:50px
        }
        .xl\:gap-\[80px\]{
            gap:80px
        }
        .xl\:gap-\[100px\]{
            gap:100px
        }
        .xl\:p-\[50px\]{
            padding:50px
        }
        .xl\:px-\[50px\]{
            padding-inline:50px
        }
        .xl\:py-0{
            padding-block:calc(var(--spacing)*0)
        }
        .xl\:py-\[30px\]{
            padding-block:30px
        }
        .xl\:py-\[60px\]{
            padding-block:60px
        }
        .xl\:py-\[120px\]{
            padding-block:120px
        }
        .xl\:py-\[200px\]{
            padding-block:200px
        }
        .xl\:pt-\[120px\]{
            padding-top:120px
        }
        .xl\:pt-\[170px\]{
            padding-top:170px
        }
        .xl\:pt-\[210px\]{
            padding-top:210px
        }
        .xl\:pt-\[220px\]{
            padding-top:220px
        }
        .xl\:pt-\[260px\]{
            padding-top:260px
        }
        .xl\:pt-\[270px\]{
            padding-top:270px
        }
        .xl\:pb-\[12px\]{
            padding-bottom:12px
        }
        .xl\:pb-\[50px\]{
            padding-bottom:50px
        }
        .xl\:pb-\[120px\]{
            padding-bottom:120px
        }
        .xl\:pb-\[160px\]{
            padding-bottom:160px
        }
        .xl\:text-5xl{
            font-size:var(--text-5xl);
            line-height:var(--tw-leading,var(--text-5xl--line-height))
        }
        .xl\:text-8xl{
            font-size:var(--text-8xl);
            line-height:var(--tw-leading,var(--text-8xl--line-height))
        }
        .xl\:text-xl{
            font-size:var(--text-xl);
            line-height:var(--tw-leading,var(--text-xl--line-height))
        }
        .xl\:text-\[63px\]{
            font-size:63px
        }
        .xl\:text-\[64px\]{
            font-size:64px
        }
        .xl\:text-\[110px\]{
            font-size:110px
        }
        .xl\:text-\[310px\]{
            font-size:310px
        }
    }
    @media (min-width:96rem){
        .\32 xl\:top-\[54px\]{
            top:54px
        }
        .\32 xl\:w-\[450px\]{
            width:450px
        }
        .\32 xl\:gap-\[100px\]{
            gap:100px
        }
        .\32 xl\:pt-\[240px\]{
            padding-top:240px
        }
        .\32 xl\:pt-\[270px\]{
            padding-top:270px
        }
        .\32 xl\:pt-\[280px\]{
            padding-top:280px
        }
        .\32 xl\:text-\[360px\]{
            font-size:360px
        }
    }
    .ltr\:right-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        right:calc(var(--spacing)*0)
    }
    .ltr\:right-\[15px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        right:15px
    }
    .ltr\:left-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        left:calc(var(--spacing)*0)
    }
    .ltr\:left-\[15px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        left:15px
    }
    .ltr\:left-\[20px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        left:20px
    }
    .ltr\:mr-\[5px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        margin-right:5px
    }
    .ltr\:mr-\[15px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        margin-right:15px
    }
    .ltr\:mr-\[23px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        margin-right:23px
    }
    .ltr\:ml-\[5px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        margin-left:5px
    }
    .ltr\:ml-\[30px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        margin-left:30px
    }
    .ltr\:ml-auto:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        margin-left:auto
    }
    .ltr\:-scale-x-100:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        --tw-scale-x:calc(100%*-1);
        scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .ltr\:border-r:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        border-right-style:var(--tw-border-style);
        border-right-width:1px
    }
    .ltr\:border-l:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        border-left-style:var(--tw-border-style);
        border-left-width:1px
    }
    .ltr\:border-l-primary:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        border-left-color:var(--color-primary)
    }
    .ltr\:pr-\[10px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        padding-right:10px
    }
    .ltr\:pr-\[15px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        padding-right:15px
    }
    .ltr\:pl-\[10px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        padding-left:10px
    }
    .ltr\:pl-\[15px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        padding-left:15px
    }
    .ltr\:pl-\[18px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        padding-left:18px
    }
    .ltr\:pl-\[22px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        padding-left:22px
    }
    .ltr\:pl-\[25px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        padding-left:25px
    }
    .ltr\:text-right:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        text-align:right
    }
    .ltr\:before\:-right-\[15px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *):before{
        content:var(--tw-content);
        right:-15px
    }
    .ltr\:first\:pl-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):first-child{
        padding-left:calc(var(--spacing)*0)
    }
    .ltr\:first\:text-left:where(:dir(ltr),[dir=ltr],[dir=ltr] *):first-child{
        text-align:left
    }
    .ltr\:last\:mr-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):last-child{
        margin-right:calc(var(--spacing)*0)
    }
    .ltr\:last\:pr-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):last-child{
        padding-right:calc(var(--spacing)*0)
    }
    @media (min-width:40rem){
        .ltr\:sm\:mr-\[20px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-right:20px
        }
        .ltr\:sm\:border-r:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            border-right-style:var(--tw-border-style);
            border-right-width:1px
        }
        .ltr\:sm\:border-l:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            border-left-style:var(--tw-border-style);
            border-left-width:1px
        }
        .ltr\:sm\:pr-\[20px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-right:20px
        }
        .ltr\:sm\:pl-\[20px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:20px
        }
        .ltr\:sm\:pl-\[25px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:25px
        }
    }
    @media (min-width:48rem){
        .ltr\:md\:right-\[20px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            right:20px
        }
        .ltr\:md\:left-\[30px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            left:30px
        }
        .ltr\:md\:mr-\[25px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-right:25px
        }
        .ltr\:md\:mr-\[45px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-right:45px
        }
        .ltr\:md\:ml-auto:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-left:auto
        }
        .ltr\:md\:border-r:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            border-right-style:var(--tw-border-style);
            border-right-width:1px
        }
        .ltr\:md\:pr-\[20px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-right:20px
        }
        .ltr\:md\:pr-\[25px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-right:25px
        }
        .ltr\:md\:pr-\[35px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-right:35px
        }
        .ltr\:md\:pr-\[45px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-right:45px
        }
        .ltr\:md\:pl-\[20px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:20px
        }
        .ltr\:md\:pl-\[25px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:25px
        }
        .ltr\:md\:pl-\[35px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:35px
        }
        .ltr\:md\:pl-\[50px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:50px
        }
        .ltr\:md\:text-left:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            text-align:left
        }
        .ltr\:md\:text-right:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            text-align:right
        }
    }
    @media (min-width:64rem){
        .ltr\:lg\:-mr-\[70px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-right:-70px
        }
        .ltr\:lg\:-mr-\[125px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-right:-125px
        }
        .ltr\:lg\:ml-auto:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-left:auto
        }
        .ltr\:lg\:pr-\[30px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-right:30px
        }
        .ltr\:lg\:pl-\[20px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:20px
        }
        .ltr\:lg\:pl-\[30px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:30px
        }
        .ltr\:lg\:pl-\[35px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:35px
        }
        .ltr\:lg\:pl-\[70px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:70px
        }
        .ltr\:lg\:pl-\[125px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:125px
        }
        .ltr\:lg\:text-right:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            text-align:right
        }
    }
    @media (min-width:80rem){
        .ltr\:xl\:-mr-\[25px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-right:-25px
        }
        .ltr\:xl\:-mr-\[80px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-right:-80px
        }
        .ltr\:xl\:-mr-\[100px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-right:-100px
        }
        .ltr\:xl\:mr-\[35px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-right:35px
        }
        .ltr\:xl\:mr-\[60px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-right:60px
        }
        .ltr\:xl\:mr-\[90px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-right:90px
        }
        .ltr\:xl\:mr-\[105px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-right:105px
        }
        .ltr\:xl\:ml-\[25px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-left:25px
        }
        .ltr\:xl\:ml-\[100px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-left:100px
        }
        .ltr\:xl\:ml-auto:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-left:auto
        }
        .ltr\:xl\:pr-\[60px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-right:60px
        }
        .ltr\:xl\:pl-\[25px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:25px
        }
        .ltr\:xl\:pl-\[45px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:45px
        }
        .ltr\:xl\:pl-\[50px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:50px
        }
        .ltr\:xl\:pl-\[75px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:75px
        }
        .ltr\:xl\:pl-\[80px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:80px
        }
        .ltr\:xl\:pl-\[125px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:125px
        }
        .ltr\:xl\:pl-\[150px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            padding-left:150px
        }
    }
    @media (min-width:96rem){
        .ltr\:2xl\:-left-\[35px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            left:-35px
        }
        .ltr\:2xl\:ml-\[150px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
            margin-left:150px
        }
    }
    .rtl\:right-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        right:calc(var(--spacing)*0)
    }
    .rtl\:right-\[15px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        right:15px
    }
    .rtl\:right-\[20px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        right:20px
    }
    .rtl\:left-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        left:calc(var(--spacing)*0)
    }
    .rtl\:left-\[15px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        left:15px
    }
    .rtl\:mr-\[5px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        margin-right:5px
    }
    .rtl\:mr-\[30px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        margin-right:30px
    }
    .rtl\:mr-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        margin-right:auto
    }
    .rtl\:ml-\[5px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        margin-left:5px
    }
    .rtl\:ml-\[15px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        margin-left:15px
    }
    .rtl\:ml-\[23px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        margin-left:23px
    }
    .rtl\:-scale-x-100:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        --tw-scale-x:calc(100%*-1);
        scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .rtl\:border-r:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        border-right-style:var(--tw-border-style);
        border-right-width:1px
    }
    .rtl\:border-l:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        border-left-style:var(--tw-border-style);
        border-left-width:1px
    }
    .rtl\:border-r-primary:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        border-right-color:var(--color-primary)
    }
    .rtl\:pr-\[10px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        padding-right:10px
    }
    .rtl\:pr-\[15px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        padding-right:15px
    }
    .rtl\:pr-\[18px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        padding-right:18px
    }
    .rtl\:pr-\[22px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        padding-right:22px
    }
    .rtl\:pr-\[25px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        padding-right:25px
    }
    .rtl\:pl-\[10px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        padding-left:10px
    }
    .rtl\:pl-\[15px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        padding-left:15px
    }
    .rtl\:text-left:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        text-align:left
    }
    .rtl\:before\:-left-\[15px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before{
        content:var(--tw-content);
        left:-15px
    }
    .rtl\:first\:pr-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):first-child{
        padding-right:calc(var(--spacing)*0)
    }
    .rtl\:last\:ml-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):last-child{
        margin-left:calc(var(--spacing)*0)
    }
    .rtl\:last\:pl-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):last-child{
        padding-left:calc(var(--spacing)*0)
    }
    .rtl\:last\:text-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *):last-child{
        text-align:right
    }
    @media (min-width:40rem){
        .rtl\:sm\:ml-\[20px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-left:20px
        }
        .rtl\:sm\:border-r:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            border-right-style:var(--tw-border-style);
            border-right-width:1px
        }
        .rtl\:sm\:border-l:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            border-left-style:var(--tw-border-style);
            border-left-width:1px
        }
        .rtl\:sm\:pr-\[20px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:20px
        }
        .rtl\:sm\:pr-\[25px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:25px
        }
        .rtl\:sm\:pl-\[20px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-left:20px
        }
    }
    @media (min-width:48rem){
        .rtl\:md\:right-\[30px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            right:30px
        }
        .rtl\:md\:left-\[20px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            left:20px
        }
        .rtl\:md\:mr-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-right:auto
        }
        .rtl\:md\:ml-\[25px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-left:25px
        }
        .rtl\:md\:ml-\[45px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-left:45px
        }
        .rtl\:md\:border-l:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            border-left-style:var(--tw-border-style);
            border-left-width:1px
        }
        .rtl\:md\:pr-\[20px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:20px
        }
        .rtl\:md\:pr-\[25px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:25px
        }
        .rtl\:md\:pr-\[35px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:35px
        }
        .rtl\:md\:pr-\[50px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:50px
        }
        .rtl\:md\:pl-\[20px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-left:20px
        }
        .rtl\:md\:pl-\[25px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-left:25px
        }
        .rtl\:md\:pl-\[35px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-left:35px
        }
        .rtl\:md\:pl-\[45px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-left:45px
        }
        .rtl\:md\:text-left:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            text-align:left
        }
        .rtl\:md\:text-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            text-align:right
        }
    }
    @media (min-width:64rem){
        .rtl\:lg\:mr-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-right:auto
        }
        .rtl\:lg\:-ml-\[70px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-left:-70px
        }
        .rtl\:lg\:-ml-\[125px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-left:-125px
        }
        .rtl\:lg\:pr-\[20px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:20px
        }
        .rtl\:lg\:pr-\[30px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:30px
        }
        .rtl\:lg\:pr-\[35px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:35px
        }
        .rtl\:lg\:pr-\[70px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:70px
        }
        .rtl\:lg\:pr-\[125px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:125px
        }
        .rtl\:lg\:pl-\[30px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-left:30px
        }
        .rtl\:lg\:text-left:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            text-align:left
        }
    }
    @media (min-width:80rem){
        .rtl\:xl\:mr-\[25px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-right:25px
        }
        .rtl\:xl\:mr-\[100px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-right:100px
        }
        .rtl\:xl\:mr-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-right:auto
        }
        .rtl\:xl\:-ml-\[25px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-left:-25px
        }
        .rtl\:xl\:-ml-\[80px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-left:-80px
        }
        .rtl\:xl\:-ml-\[100px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-left:-100px
        }
        .rtl\:xl\:ml-\[35px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-left:35px
        }
        .rtl\:xl\:ml-\[60px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-left:60px
        }
        .rtl\:xl\:ml-\[90px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-left:90px
        }
        .rtl\:xl\:ml-\[105px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-left:105px
        }
        .rtl\:xl\:pr-\[25px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:25px
        }
        .rtl\:xl\:pr-\[45px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:45px
        }
        .rtl\:xl\:pr-\[50px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:50px
        }
        .rtl\:xl\:pr-\[75px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:75px
        }
        .rtl\:xl\:pr-\[80px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:80px
        }
        .rtl\:xl\:pr-\[125px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:125px
        }
        .rtl\:xl\:pr-\[150px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-right:150px
        }
        .rtl\:xl\:pl-\[60px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            padding-left:60px
        }
    }
    @media (min-width:96rem){
        .rtl\:2xl\:-right-\[35px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            right:-35px
        }
        .rtl\:2xl\:mr-\[150px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
            margin-right:150px
        }
    }
    .light\:\!hidden:where([class=light],[class=light] *){
        display:none!important
    }
    .light\:\!inline-block:where([class=light],[class=light] *){
        display:inline-block!important
    }
    .light\:overflow-hidden:where([class=light],[class=light] *){
        overflow:hidden
    }
    .light\:\!border-black:where([class=light],[class=light] *){
        border-color:var(--color-black)!important
    }
    .light\:\!border-black\/20:where([class=light],[class=light] *){
        border-color:#0003!important
    }
    @supports (color:color-mix(in lab, red, red)){
        .light\:\!border-black\/20:where([class=light],[class=light] *){
            border-color:color-mix(in oklab,var(--color-black)20%,transparent)!important
        }
    }
    .light\:border-black\/10:where([class=light],[class=light] *){
        border-color:#0000001a
    }
    @supports (color:color-mix(in lab, red, red)){
        .light\:border-black\/10:where([class=light],[class=light] *){
            border-color:color-mix(in oklab,var(--color-black)10%,transparent)
        }
    }
    .light\:border-black\/15:where([class=light],[class=light] *){
        border-color:#00000026
    }
    @supports (color:color-mix(in lab, red, red)){
        .light\:border-black\/15:where([class=light],[class=light] *){
            border-color:color-mix(in oklab,var(--color-black)15%,transparent)
        }
    }
    .light\:border-black\/20:where([class=light],[class=light] *){
        border-color:#0003
    }
    @supports (color:color-mix(in lab, red, red)){
        .light\:border-black\/20:where([class=light],[class=light] *){
            border-color:color-mix(in oklab,var(--color-black)20%,transparent)
        }
    }
    .light\:\!bg-white:where([class=light],[class=light] *){
        background-color:var(--color-white)!important
    }
    .light\:bg-\[\#f9f9f9\]:where([class=light],[class=light] *){
        background-color:#f9f9f9
    }
    .light\:bg-black:where([class=light],[class=light] *){
        background-color:var(--color-black)
    }
    .light\:bg-black\/10:where([class=light],[class=light] *){
        background-color:#0000001a
    }
    @supports (color:color-mix(in lab, red, red)){
        .light\:bg-black\/10:where([class=light],[class=light] *){
            background-color:color-mix(in oklab,var(--color-black)10%,transparent)
        }
    }
    .light\:bg-black\/20:where([class=light],[class=light] *){
        background-color:#0003
    }
    @supports (color:color-mix(in lab, red, red)){
        .light\:bg-black\/20:where([class=light],[class=light] *){
            background-color:color-mix(in oklab,var(--color-black)20%,transparent)
        }
    }
    .light\:bg-body:where([class=light],[class=light] *){
        background-color:var(--color-body)
    }
    .light\:bg-white:where([class=light],[class=light] *){
        background-color:var(--color-white)
    }
    .light\:text-black:where([class=light],[class=light] *){
        color:var(--color-black)
    }
    .light\:text-body:where([class=light],[class=light] *){
        color:var(--color-body)
    }
    .light\:text-body\/50:where([class=light],[class=light] *){
        color:#66666680
    }
    @supports (color:color-mix(in lab, red, red)){
        .light\:text-body\/50:where([class=light],[class=light] *){
            color:color-mix(in oklab,var(--color-body)50%,transparent)
        }
    }
    .light\:opacity-5:where([class=light],[class=light] *){
        opacity:.05
    }
    .light\:opacity-8:where([class=light],[class=light] *){
        opacity:.08
    }
    .light\:opacity-10:where([class=light],[class=light] *){
        opacity:.1
    }
    .light\:opacity-30:where([class=light],[class=light] *){
        opacity:.3
    }
    .light\:invert:where([class=light],[class=light] *){
        --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,)
    }
    .light\:before\:bg-black\/20:where([class=light],[class=light] *):before{
        content:var(--tw-content);
        background-color:#0003
    }
    @supports (color:color-mix(in lab, red, red)){
        .light\:before\:bg-black\/20:where([class=light],[class=light] *):before{
            background-color:color-mix(in oklab,var(--color-black)20%,transparent)
        }
    }
    @media (hover:hover){
        .light\:hover\:\!bg-black:where([class=light],[class=light] *):hover{
            background-color:var(--color-black)!important
        }
        .light\:hover\:\!text-white:where([class=light],[class=light] *):hover{
            color:var(--color-white)!important
        }
    }
    .\[\&\:not\(\:first-child\)\]\:mt-\[30px\]:not(:first-child){
        margin-top:30px
    }
    @media (min-width:48rem){
        .md\:\[\&\:not\(\:first-child\)\]\:mt-\[35px\]:not(:first-child){
            margin-top:35px
        }
        .md\:\[\&\:not\(\:first-child\)\]\:mt-\[40px\]:not(:first-child){
            margin-top:40px
        }
    }
    @media (min-width:64rem){
        .lg\:\[\&\:not\(\:first-child\)\]\:mt-\[40px\]:not(:first-child){
            margin-top:40px
        }
    }
}
body{
    background-color:var(--color-black);
    font-family:var(--font-body);
    font-size:var(--text-sm);
    line-height:var(--tw-leading,var(--text-sm--line-height));
    color:var(--color-white)
}
@media (min-width:48rem){
    body{
        font-size:var(--text-15)
    }
}
@media (min-width:64rem){
    body{
        font-size:var(--text-base);
        line-height:var(--tw-leading,var(--text-base--line-height))
    }
}
body:where([class=light],[class=light] *){
    background-color:var(--color-white);
    color:var(--color-body)
}
h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1,.display-6,.display-5,.display-4,.display-3,.display-2,.display-1{
    --tw-font-weight:var(--font-weight-bold);
    font-weight:var(--font-weight-bold);
    color:var(--color-white)
}
:is(h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1,.display-6,.display-5,.display-4,.display-3,.display-2,.display-1):where([class=light],[class=light] *){
    color:var(--color-black)
}
p{
    --tw-leading:1.5;
    margin-bottom:15px;
    line-height:1.5
}
p:last-child{
    margin-bottom:calc(var(--spacing)*0)
}
img{
    display:inline-block
}
.container{
    margin-inline:auto;
    padding-inline:12px
}
@media (min-width:40rem){
    .container{
        max-width:540px
    }
}
@media (min-width:48rem){
    .container{
        max-width:720px
    }
}
@media (min-width:64rem){
    .container{
        max-width:960px
    }
}
@media (min-width:80rem){
    .container{
        max-width:1308px
    }
}
button{
    cursor:pointer
}
.primary-btn{
    border-style:var(--tw-border-style);
    border-width:1px;
    border-color:var(--color-primary);
    background-color:var(--color-primary);
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium);
    color:var(--color-white);
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    --tw-duration:.3s;
    --tw-ease:var(--ease-in-out);
    transition-duration:.3s;
    transition-timing-function:var(--ease-in-out);
    border-radius:5px;
    padding-block:11px;
    padding-inline:25px;
    display:inline-block
}
@media (hover:hover){
    .primary-btn:hover{
        background-color:var(--color-navy-black)
    }
}
@media (min-width:48rem){
    .primary-btn{
        padding-block:13px;
        padding-inline:30px
    }
}
.primary-btn.with-border{
    background-color:#0000
}
@media (hover:hover){
    .primary-btn.with-border:hover{
        background-color:var(--color-navy-black);
        color:var(--color-white)
    }
}
.primary-btn.with-border:where([class=light],[class=light] *){
    color:var(--color-black)
}
.form-input{
    border-style:var(--tw-border-style);
    background-color:var(--color-navy-black);
    width:100%;
    height:50px;
    font-size:var(--text-sm);
    line-height:var(--tw-leading,var(--text-sm--line-height));
    color:var(--color-white);
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    --tw-duration:.3s;
    --tw-ease:var(--ease-in-out);
    transition-duration:.3s;
    transition-timing-function:var(--ease-in-out);
    --tw-outline-style:none;
    border-width:1px;
    border-color:#1e1e1e;
    outline-style:none;
    padding-inline:15px;
    display:block
}
.form-input::placeholder{
    color:oklab(70.5757% -2.98023e-8 0/.5);
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    --tw-duration:.3s;
    --tw-ease:var(--ease-in-out);
    transition-duration:.3s;
    transition-timing-function:var(--ease-in-out)
}
.form-input:focus{
    border-color:var(--color-primary)
}
@media (min-width:48rem){
    .form-input{
        height:55px;
        font-size:var(--text-15);
        padding-inline:20px
    }
}
@media (min-width:64rem){
    .form-input{
        font-size:var(--text-base);
        line-height:var(--tw-leading,var(--text-base--line-height))
    }
}
.form-input:where([class=light],[class=light] *){
    color:var(--color-black);
    background-color:#f9f9f9;
    border-color:#eee
}
.form-input:where([class=light],[class=light] *)::placeholder{
    color:#66666680
}
@supports (color:color-mix(in lab, red, red)){
    .form-input:where([class=light],[class=light] *)::placeholder{
        color:color-mix(in oklab,var(--color-body)50%,transparent)
    }
}
.form-input[type=date]{
    appearance:none;
    position:relative
}
.form-input[type=date]:after{
    content:var(--tw-content);
    pointer-events:none;
    content:var(--tw-content);
    content:var(--tw-content);
    content:var(--tw-content);
    content:var(--tw-content);
    content:var(--tw-content);
    --tw-translate-y:calc(calc(1/2*100%)*-1);
    width:20px;
    height:20px;
    translate:var(--tw-translate-x)var(--tw-translate-y);
    content:var(--tw-content);
    content:var(--tw-content);
    background-repeat:no-repeat;
    background-size:contain;
    position:absolute;
    top:50%
}
.form-input[type=date]:where(:dir(ltr),[dir=ltr],[dir=ltr] *):after{
    content:var(--tw-content);
    right:15px
}
@media (min-width:48rem){
    .form-input[type=date]:where(:dir(ltr),[dir=ltr],[dir=ltr] *):after{
        content:var(--tw-content);
        right:20px
    }
}
.form-input[type=date]:where(:dir(rtl),[dir=rtl],[dir=rtl] *):after{
    content:var(--tw-content);
    left:15px
}
@media (min-width:48rem){
    .form-input[type=date]:where(:dir(rtl),[dir=rtl],[dir=rtl] *):after{
        content:var(--tw-content);
        left:20px
    }
}
.form-input[type=date]::-webkit-calendar-picker-indicator{
    right:calc(var(--spacing)*0);
    cursor:pointer;
    opacity:0;
    width:100%;
    height:100%;
    position:absolute
}
.form-input[type=date]:after{
    content:"";
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF512F' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7zm12 18H5V9h14v11z'/%3E%3C/svg%3E")
}
textarea.form-input{
    height:150px;
    padding-top:15px
}
@media (min-width:64rem){
    textarea.form-input{
        padding-top:20px
    }
}
input[type=number]::-webkit-inner-spin-button{
    appearance:none
}
input[type=number]::-webkit-outer-spin-button{
    appearance:none
}
.form-select{
    cursor:pointer;
    appearance:none;
    border-style:var(--tw-border-style);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    background-color:var(--color-navy-black);
    width:100%;
    height:50px;
    font-size:var(--text-sm);
    line-height:var(--tw-leading,var(--text-sm--line-height));
    color:var(--color-white);
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    --tw-duration:.3s;
    --tw-ease:var(--ease-in-out);
    transition-duration:.3s;
    transition-timing-function:var(--ease-in-out);
    --tw-outline-style:none;
    background-repeat:no-repeat;
    background-size:24px;
    border-width:1px;
    border-color:#1e1e1e;
    outline-style:none;
    padding-inline:15px;
    display:block
}
.form-select:focus{
    border-color:var(--color-primary)
}
@media (min-width:48rem){
    .form-select{
        height:55px;
        font-size:var(--text-15);
        padding-inline:20px
    }
}
@media (min-width:64rem){
    .form-select{
        font-size:var(--text-base);
        line-height:var(--tw-leading,var(--text-base--line-height))
    }
}
.form-select:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
    background-position:right 12px center
}
.form-select:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
    background-position:12px
}
.form-select:where([class=light],[class=light] *){
    color:var(--color-black);
    background-color:#f9f9f9;
    border-color:#eee
}
.light .loader:after,.light .loader:before{
    background:linear-gradient(#000 0 0) 0,linear-gradient(#000 0 0) 100%
}
.loader{
    aspect-ratio:1;
    background-color:var(--color-black);
    --tw-blur:blur(5px);
    --tw-contrast:contrast(10);
    width: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,);
    margin-top:-50px;
    padding:10px;
    display:grid
}
.loader:where([class=light],[class=light] *){
    background-color:var(--color-white)
}
.loader:after,.loader:before{
    content:"";
    background:linear-gradient(#fff 0 0) 0,linear-gradient(#fff 0 0) 100%;
    grid-area:1/1;
    background-repeat:no-repeat!important;
    background-size:20px 40px!important
}
.loader:after{
    border-radius:3.40282e38px;
    width:20px;
    height:20px;
    margin-block:auto;
    animation:1s infinite l10
}
@keyframes l10{
    90%,to{
        transform:translate(300%)
    }
}
#navbar .navbar-nav .nav-item .nav-link.active{
    color:var(--color-primary)
}
#navbar .navbar-nav .nav-item .nav-link.active.hover\:underline{
    text-decoration-line:underline
}
#navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:before{
    content:var(--tw-content);
    content:var(--tw-content);
    content:var(--tw-content);
    content:var(--tw-content);
    --tw-translate-y:calc(calc(1/2*100%)*-1);
    translate:var(--tw-translate-x)var(--tw-translate-y);
    display:inline-block;
    position:absolute;
    top:50%
}
#navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
    padding-right:16px
}
#navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:where(:dir(ltr),[dir=ltr],[dir=ltr] *):before{
    content:var(--tw-content);
    right:-3px
}
#navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
    padding-left:16px
}
#navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before{
    content:var(--tw-content);
    left:-3px
}
#navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:before{
    --tw-content:"ï…‰";
    font-family:flaticon_musfix
}
#navbar .navbar-nav .nav-item .dropdown-menu{
    visibility:hidden;
    opacity:0;
    top:100%
}
#navbar .navbar-nav .nav-item .dropdown-menu:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
    left:calc(var(--spacing)*0)
}
#navbar .navbar-nav .nav-item .dropdown-menu:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
    right:calc(var(--spacing)*0)
}
#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.dropdown-toggle:where(:dir(ltr),[dir=ltr],[dir=ltr] *):before{
    content:var(--tw-content);
    right:20px
}
#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.dropdown-toggle:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before{
    content:var(--tw-content);
    left:20px
}
#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu{
    visibility:hidden;
    top:calc(var(--spacing)*0);
    opacity:0
}
#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
    left:-100%
}
#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
    right:-100%
}
#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu{
    visibility:hidden;
    opacity:0
}
#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
    left:100%
}
#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
    right:100%
}
#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu,#navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .dropdown-menu,#navbar .navbar-nav .nav-item:hover .dropdown-menu{
    visibility:visible;
    opacity:1
}
#navbar.navbar-sticky{
    background-color:var(--color-navy-black)
}
@media (min-width:48rem){
    #navbar.navbar-sticky{
        padding-block:20px
    }
}
@media (min-width:64rem){
    #navbar.navbar-sticky{
        padding-block:5px
    }
}
@media (min-width:80rem){
    #navbar.navbar-sticky{
        padding-block:10px
    }
}
.sidebar-modal{
    visibility:hidden;
    top:calc(var(--spacing)*0);
    bottom:calc(var(--spacing)*0);
    z-index:100;
    width:320px;
    max-width:100%;
    transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);
    background-color:var(--color-navy-black);
    opacity:0;
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    --tw-duration:.3s;
    --tw-ease:var(--ease-in-out);
    transition-duration:.3s;
    transition-timing-function:var(--ease-in-out);
    flex-direction:column;
    display:flex;
    position:fixed
}
@media (min-width:48rem){
    .sidebar-modal{
        width:400px
    }
}
@media (min-width:64rem){
    .sidebar-modal{
        width:500px
    }
}
.sidebar-modal:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
    right:calc(var(--spacing)*0);
    --tw-translate-x:100%;
    translate:var(--tw-translate-x)var(--tw-translate-y)
}
.sidebar-modal:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
    left:calc(var(--spacing)*0);
    --tw-translate-x:-100%;
    translate:var(--tw-translate-x)var(--tw-translate-y)
}
.sidebar-modal:where([class=light],[class=light] *){
    background-color:var(--color-white)
}
.sidebar-modal .sidebar-navbar-nav .nav-item .nav-link.dropdown-toggle:before{
    content:var(--tw-content);
    content:var(--tw-content);
    content:var(--tw-content);
    content:var(--tw-content);
    --tw-translate-y:calc(calc(1/2*100%)*-1);
    translate:var(--tw-translate-x)var(--tw-translate-y);
    display:inline-block;
    position:absolute;
    top:50%
}
.sidebar-modal .sidebar-navbar-nav .nav-item .nav-link.dropdown-toggle:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
    padding-right:20px
}
.sidebar-modal .sidebar-navbar-nav .nav-item .nav-link.dropdown-toggle:where(:dir(ltr),[dir=ltr],[dir=ltr] *):before{
    content:var(--tw-content);
    right:-2px
}
.sidebar-modal .sidebar-navbar-nav .nav-item .nav-link.dropdown-toggle:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
    padding-left:20px
}
.sidebar-modal .sidebar-navbar-nav .nav-item .nav-link.dropdown-toggle:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before{
    content:var(--tw-content);
    left:-2px
}
.sidebar-modal .sidebar-navbar-nav .nav-item .nav-link.dropdown-toggle:before{
    --tw-content:"ï…‰";
    font-family:flaticon_musfix
}
.sidebar-modal .sidebar-navbar-nav .nav-item .nav-link.active,.sidebar-modal .sidebar-navbar-nav .nav-item .nav-link:hover{
    color:var(--color-primary)
}
.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu{
    display:none
}
.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item{
    padding-inline:20px
}
.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.dropdown-toggle:before{
    --tw-content:"ï…‰"
}
.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu{
    display:none
}
.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.dropdown-toggle:before{
    --tw-content:"ï…‰"
}
.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu{
    display:none
}
.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.dropdown-toggle:before{
    --tw-content:"ï…‰"
}
.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu{
    display:none
}
.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link.dropdown-toggle:before{
    --tw-content:"ï…ˆ"
}
.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .dropdown-menu{
    display:block
}
.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link.dropdown-toggle:before{
    --tw-content:"ï…ˆ"
}
.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .dropdown-menu{
    display:block
}
.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link.dropdown-toggle:before{
    --tw-content:"ï…ˆ"
}
.sidebar-modal .sidebar-navbar-nav .nav-item .dropdown-menu .nav-item.active .dropdown-menu{
    display:block
}
.sidebar-modal .sidebar-navbar-nav .nav-item.active .nav-link.dropdown-toggle:before{
    --tw-content:"ï…ˆ"
}
.sidebar-modal .sidebar-navbar-nav .nav-item.active .dropdown-menu{
    display:block
}
.sidebar-modal.show{
    visibility:visible;
    opacity:1;
    translate:none
}
.backdrop{
    visibility:hidden;
    top:calc(var(--spacing)*0);
    right:calc(var(--spacing)*0);
    bottom:calc(var(--spacing)*0);
    left:calc(var(--spacing)*0);
    z-index:99;
    opacity:0;
    width:100vw;
    height:100vh;
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    --tw-duration:.3s;
    --tw-ease:var(--ease-in-out);
    transition-duration:.3s;
    transition-timing-function:var(--ease-in-out);
    background-color:#000;
    position:fixed
}
.backdrop.show{
    visibility:visible;
    opacity:.7
}
.scrollbar::-webkit-scrollbar{
    width:6px
}
.scrollbar::-webkit-scrollbar-thumb{
    background-color:#444
}
.scrollbar::-webkit-scrollbar-track{
    background-color:#0000
}
.accordion .accordion-item.active .accordion-toggle i:before{
    content:"ï„Ž"
}
.tabs .nav-tabs .nav-item .nav-link.active{
    color:var(--color-primary)
}
.tabs .tab-content .tab-pane.active{
    display:block
}
.marquee{
    animation:12s linear infinite marquee
}
@keyframes marquee{
    0%{
        transform:translate(0)
    }
    to{
        transform:translate(-100%)
    }
}
.swiper-slide-thumb-active .video-item .active{
    border-color:var(--color-primary);
    background-color:var(--color-primary);
    color:var(--color-white)
}
.swiper-slide-thumb-active .border-active{
    background-color:var(--color-primary)
}
.swiper-button-next,.swiper-button-prev{
    top:calc(var(--spacing)*0);
    right:calc(var(--spacing)*0);
    bottom:calc(var(--spacing)*0);
    left:calc(var(--spacing)*0);
    margin-inline:5px;
    margin-block:calc(var(--spacing)*0);
    border-style:var(--tw-border-style);
    border-width:1px;
    border-color:#ffffff4d;
    border-radius:3.40282e38px;
    width:45px;
    height:45px;
    position:relative
}
@supports (color:color-mix(in lab, red, red)){
    .swiper-button-next,.swiper-button-prev{
        border-color:color-mix(in oklab,var(--color-white)30%,transparent)
    }
}
.swiper-button-next,.swiper-button-prev{
    font-size:var(--text-xl);
    line-height:var(--tw-leading,var(--text-xl--line-height));
    color:var(--color-white);
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    --tw-duration:.3s;
    --tw-ease:var(--ease-in-out);
    transition-duration:.3s;
    transition-timing-function:var(--ease-in-out);
    background-color:#0000
}
@media (hover:hover){
    :is(.swiper-button-next,.swiper-button-prev):hover{
        border-color:var(--color-primary);
        background-color:var(--color-primary);
        color:var(--color-white)
    }
}
@media (min-width:48rem){
    .swiper-button-next,.swiper-button-prev{
        width:50px;
        height:50px
    }
}
:is(.swiper-button-next,.swiper-button-prev):where([class=light],[class=light] *){
    border-color:#0000001a
}
@supports (color:color-mix(in lab, red, red)){
    :is(.swiper-button-next,.swiper-button-prev):where([class=light],[class=light] *){
        border-color:color-mix(in oklab,var(--color-black)10%,transparent)
    }
}
:is(.swiper-button-next,.swiper-button-prev):where([class=light],[class=light] *){
    color:var(--color-black)
}
:is(.swiper-button-next,.swiper-button-prev) i{
    --tw-leading:1;
    line-height:1
}
:is(.swiper-button-next,.swiper-button-prev) svg{
    display:none
}
.swiper-button-next:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
    margin-right:calc(var(--spacing)*0)
}
.swiper-button-next:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
    margin-left:calc(var(--spacing)*0)
}
.swiper-button-next i:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
    --tw-scale-x:calc(100%*-1);
    scale:var(--tw-scale-x)var(--tw-scale-y)
}
.swiper-button-prev:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
    margin-left:calc(var(--spacing)*0)
}
.swiper-button-prev:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
    margin-right:calc(var(--spacing)*0)
}
.swiper-button-prev i:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
    --tw-scale-x:calc(100%*-1);
    scale:var(--tw-scale-x)var(--tw-scale-y)
}
html[dir=rtl] .swiper{
    direction:ltr
}
html[dir=rtl] .swiper .swiper-slide *{
    direction:rtl
}
.form-check input[type=checkbox]{
    appearance:none;
    border-style:var(--tw-border-style);
    border-width:1px;
    border-color:#fff3;
    border-radius:2px;
    width:16px;
    height:16px;
    position:relative
}
@supports (color:color-mix(in lab, red, red)){
    .form-check input[type=checkbox]{
        border-color:color-mix(in oklab,var(--color-white)20%,transparent)
    }
}
.form-check input[type=checkbox]:disabled{
    opacity:.35
}
@media (prefers-color-scheme:dark){
    .form-check input[type=checkbox]{
        border-color:#0003
    }
    @supports (color:color-mix(in lab, red, red)){
        .form-check input[type=checkbox]{
            border-color:color-mix(in oklab,var(--color-black)20%,transparent)
        }
    }
}
.form-check input[type=checkbox]:before{
    content:"";
    border:2px solid #0000;
    border-width:0 2px 2px 0;
    width:4px;
    height:10px;
    margin-top:-1px;
    margin-left:-1px;
    margin-right:-.5px;
    position:absolute;
    top:50%;
    right:50%;
    transform:rotate(45deg)translate(-50%,-50%)
}
.form-check input[type=checkbox]:checked{
    border-color:var(--color-primary);
    background-color:var(--color-primary)
}
.form-check input[type=checkbox]:checked:before{
    border-color:var(--color-white)
}
.form-check input[type=checkbox]:disabled~label{
    opacity:.35
}
#ltrRtlToggle{
    z-index:9;
    background-color:var(--color-navy-black);
    width:40px;
    height:40px;
    font-size:var(--text-lg);
    line-height:var(--tw-leading,var(--text-lg--line-height));
    color:var(--color-white);
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    --tw-duration:.3s;
    --tw-ease:var(--ease-in-out);
    transition-duration:.3s;
    transition-timing-function:var(--ease-in-out);
    justify-content:center;
    align-items:center;
    display:flex;
    position:fixed;
    bottom:10px
}
@media (min-width:48rem){
    #ltrRtlToggle{
        bottom:20px
    }
}
@media (min-width:64rem){
    #ltrRtlToggle{
        bottom:30px
    }
}
@media (min-width:80rem){
    #ltrRtlToggle{
        bottom:40px
    }
}
#ltrRtlToggle:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
    left:10px
}
@media (min-width:48rem){
    #ltrRtlToggle:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        left:20px
    }
}
@media (min-width:64rem){
    #ltrRtlToggle:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        left:30px
    }
}
@media (min-width:80rem){
    #ltrRtlToggle:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        left:40px
    }
}
#ltrRtlToggle:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
    right:10px
}
@media (min-width:48rem){
    #ltrRtlToggle:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        right:20px
    }
}
@media (min-width:64rem){
    #ltrRtlToggle:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        right:30px
    }
}
@media (min-width:80rem){
    #ltrRtlToggle:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        right:40px
    }
}
#ltrRtlToggle:where([class=light],[class=light] *){
    color:var(--color-black);
    background-color:#f1f1f1
}
#lightDarkToggle{
    z-index:9;
    background-color:var(--color-navy-black);
    width:40px;
    height:40px;
    font-size:var(--text-lg);
    line-height:var(--tw-leading,var(--text-lg--line-height));
    color:var(--color-white);
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    --tw-duration:.3s;
    --tw-ease:var(--ease-in-out);
    transition-duration:.3s;
    transition-timing-function:var(--ease-in-out);
    justify-content:center;
    align-items:center;
    display:flex;
    position:fixed;
    bottom:65px
}
@media (min-width:48rem){
    #lightDarkToggle{
        bottom:75px
    }
}
@media (min-width:64rem){
    #lightDarkToggle{
        bottom:85px
    }
}
@media (min-width:80rem){
    #lightDarkToggle{
        bottom:95px
    }
}
#lightDarkToggle:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
    right:10px
}
@media (min-width:48rem){
    #lightDarkToggle:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        right:20px
    }
}
@media (min-width:64rem){
    #lightDarkToggle:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        right:30px
    }
}
@media (min-width:80rem){
    #lightDarkToggle:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        right:40px
    }
}
#lightDarkToggle:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
    left:10px
}
@media (min-width:48rem){
    #lightDarkToggle:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        left:20px
    }
}
@media (min-width:64rem){
    #lightDarkToggle:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        left:30px
    }
}
@media (min-width:80rem){
    #lightDarkToggle:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        left:40px
    }
}
#lightDarkToggle:where([class=light],[class=light] *){
    color:var(--color-black);
    background-color:#f1f1f1
}
#backToTopBtn{
    visibility:hidden;
    bottom:calc(var(--spacing)*0);
    z-index:9;
    background-color:var(--color-primary);
    width:40px;
    height:40px;
    font-size:var(--text-xl);
    line-height:var(--tw-leading,var(--text-xl--line-height));
    color:var(--color-white);
    opacity:0;
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    --tw-duration:.3s;
    --tw-ease:var(--ease-in-out);
    transition-duration:.3s;
    transition-timing-function:var(--ease-in-out);
    justify-content:center;
    align-items:center;
    display:flex;
    position:fixed
}
@media (hover:hover){
    #backToTopBtn:hover{
        background-color:var(--color-navy-black)
    }
}
#backToTopBtn:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
    right:10px
}
@media (min-width:48rem){
    #backToTopBtn:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        right:20px
    }
}
@media (min-width:64rem){
    #backToTopBtn:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        right:30px
    }
}
@media (min-width:80rem){
    #backToTopBtn:where(:dir(ltr),[dir=ltr],[dir=ltr] *){
        right:40px
    }
}
#backToTopBtn:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
    left:10px
}
@media (min-width:48rem){
    #backToTopBtn:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        left:20px
    }
}
@media (min-width:64rem){
    #backToTopBtn:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        left:30px
    }
}
@media (min-width:80rem){
    #backToTopBtn:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
        left:40px
    }
}
#backToTopBtn i{
    --tw-leading:1;
    line-height:1;
    position:relative;
    top:2px
}
#backToTopBtn.show{
    visibility:visible;
    opacity:1;
    bottom:10px
}
@media (min-width:48rem){
    #backToTopBtn.show{
        bottom:20px
    }
}
@media (min-width:64rem){
    #backToTopBtn.show{
        bottom:30px
    }
}
@media (min-width:80rem){
    #backToTopBtn.show{
        bottom:40px
    }
}
@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-border-style{
    syntax:"*";
    inherits:false;
    initial-value:solid
}
@property --tw-leading{
    syntax:"*";
    inherits:false
}
@property --tw-font-weight{
    syntax:"*";
    inherits:false
}
@property --tw-tracking{
    syntax:"*";
    inherits:false
}
@property --tw-outline-style{
    syntax:"*";
    inherits:false;
    initial-value:solid
}
@property --tw-blur{
    syntax:"*";
    inherits:false
}
@property --tw-brightness{
    syntax:"*";
    inherits:false
}
@property --tw-contrast{
    syntax:"*";
    inherits:false
}
@property --tw-grayscale{
    syntax:"*";
    inherits:false
}
@property --tw-hue-rotate{
    syntax:"*";
    inherits:false
}
@property --tw-invert{
    syntax:"*";
    inherits:false
}
@property --tw-opacity{
    syntax:"*";
    inherits:false
}
@property --tw-saturate{
    syntax:"*";
    inherits:false
}
@property --tw-sepia{
    syntax:"*";
    inherits:false
}
@property --tw-drop-shadow{
    syntax:"*";
    inherits:false
}
@property --tw-drop-shadow-color{
    syntax:"*";
    inherits:false
}
@property --tw-drop-shadow-alpha{
    syntax:"<percentage>";
    inherits:false;
    initial-value:100%
}
@property --tw-drop-shadow-size{
    syntax:"*";
    inherits:false
}
@property --tw-duration{
    syntax:"*";
    inherits:false
}
@property --tw-ease{
    syntax:"*";
    inherits:false
}
@property --tw-content{
    syntax:"*";
    inherits:false;
    initial-value:""
}