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

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

@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-gray-100: oklch(.967 .003 264.542);
        --color-gray-300: oklch(.872 .01 258.338);
        --color-neutral-700: oklch(.371 0 0);
        --color-neutral-800: oklch(.269 0 0);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --text-base: 1rem;
        --text-lg: 1.125rem;
        --text-xl: 1.25rem;
        --text-2xl: 1.5rem;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --leading-tight: 1.25;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-xl: 24px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-font-feature-settings: var(--font-sans--font-feature-settings);
        --default-font-variation-settings: var(--font-sans--font-variation-settings);
        --default-mono-font-family: var(--font-mono);
        --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
        --default-mono-font-variation-settings: var(--font-mono--font-variation-settings)
    }
}

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

    body {
        line-height: inherit
    }

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

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

    * {
        border-color: var(--border);
        outline-color: var(--ring)
    }

    @supports (color: color-mix(in lab, red, red)) {
        * {
            outline-color: color-mix(in oklab, var(--ring) 50%, transparent)
        }
    }

    body {
        background-color: var(--background);
        color: var(--foreground)
    }

    :where(:not(:has([class*=" text-"]), :not(:has([class^=text-])))) h1 {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-medium);
        line-height: 1.5
    }

    :where(:not(:has([class*=" text-"]), :not(:has([class^=text-])))) h2 {
        font-size: var(--text-xl);
        font-weight: var(--font-weight-medium);
        line-height: 1.5
    }

    :where(:not(:has([class*=" text-"]), :not(:has([class^=text-])))) h3 {
        font-size: var(--text-lg);
        font-weight: var(--font-weight-medium);
        line-height: 1.5
    }

    :where(:not(:has([class*=" text-"]), :not(:has([class^=text-])))) h4 {
        font-size: var(--text-base);
        font-weight: var(--font-weight-medium);
        line-height: 1.5
    }

    :where(:not(:has([class*=" text-"]), :not(:has([class^=text-])))) p {
        font-size: var(--text-base);
        font-weight: var(--font-weight-normal);
        line-height: 1.5
    }

    :where(:not(:has([class*=" text-"]), :not(:has([class^=text-])))) label,
    :where(:not(:has([class*=" text-"]), :not(:has([class^=text-])))) button {
        font-size: var(--text-base);
        font-weight: var(--font-weight-medium);
        line-height: 1.5
    }

    :where(:not(:has([class*=" text-"]), :not(:has([class^=text-])))) input {
        font-size: var(--text-base);
        font-weight: var(--font-weight-normal);
        line-height: 1.5
    }
}

@layer utilities {
    .pointer-events-none {
        pointer-events: none
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

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

    .inset-\[-4\.167\%\] {
        inset: -4.167%
    }

    .inset-\[-5\.882\%\] {
        inset: -5.882%
    }

    .inset-\[-8px\] {
        inset: -8px
    }

    .inset-\[-11\.19\%_-10\.91\%\] {
        inset: -11.19% -10.91%
    }

    .inset-\[-11\.19\%_-43\.28\%\] {
        inset: -11.19% -43.28%
    }

    .inset-\[-11\.19\%_-96\.44\%\] {
        inset: -11.19% -96.44%
    }

    .inset-\[-22\.37\%_-29\.09\%\] {
        inset: -22.37% -29.09%
    }

    .inset-\[-62\.47px_-3\.58\%_-52\.47px_-3\.58\%\] {
        inset: -62.47px -3.58% -52.47px
    }

    .-top-\[5px\] {
        top: -5px
    }

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

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

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

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

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

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

    .top-\[0px\] {
        top: 0
    }

    .top-\[2px\] {
        top: 2px
    }

    .top-\[3px\] {
        top: 3px
    }

    .top-\[4px\] {
        top: 4px
    }

    .top-\[5px\] {
        top: 5px
    }

    .top-\[6\.5px\] {
        top: 6.5px
    }

    .top-\[8\.5px\] {
        top: 8.5px
    }

    .top-\[14px\] {
        top: 14px
    }

    .top-\[15px\] {
        top: 15px
    }

    .top-\[16px\] {
        top: 16px
    }

    .top-\[20\%\] {
        top: 20%
    }

    .top-\[20px\] {
        top: 20px
    }

    .top-\[23px\] {
        top: 23px
    }

    .top-\[24px\] {
        top: 24px
    }

    .top-\[44px\] {
        top: 44px
    }

    .top-\[90px\] {
        top: 90px
    }

    .top-\[180px\] {
        top: 180px
    }

    .top-\[207px\] {
        top: 207px
    }

    .top-\[220px\] {
        top: 220px
    }

    .top-\[255px\] {
        top: 255px
    }

    .top-\[333px\] {
        top: 333px
    }

    .top-\[411px\] {
        top: 411px
    }

    .top-\[764px\] {
        top: 764px
    }

    .top-\[calc\(50\%-12px\)\] {
        top: calc(50% - 12px)
    }

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

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

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

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

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

    .right-\[18\%\] {
        right: 18%
    }

    .right-\[22px\] {
        right: 22px
    }

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

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

    .bottom-\[25\%\] {
        bottom: 25%
    }

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

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

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

    .left-\[14px\] {
        left: 14px
    }

    .left-\[15\%\] {
        left: 15%
    }

    .left-\[15px\] {
        left: 15px
    }

    .left-\[16px\] {
        left: 16px
    }

    .left-\[20px\] {
        left: 20px
    }

    .left-\[21px\] {
        left: 21px
    }

    .left-\[22px\] {
        left: 22px
    }

    .left-\[27px\] {
        left: 27px
    }

    .left-\[44px\] {
        left: 44px
    }

    .left-\[50\%\] {
        left: 50%
    }

    .left-\[54px\] {
        left: 54px
    }

    .left-\[55px\] {
        left: 55px
    }

    .left-\[59px\] {
        left: 59px
    }

    .left-\[65\.5px\] {
        left: 65.5px
    }

    .left-\[98px\] {
        left: 98px
    }

    .left-\[100px\] {
        left: 100px
    }

    .left-\[101px\] {
        left: 101px
    }

    .left-\[113px\] {
        left: 113px
    }

    .left-\[122\.84px\] {
        left: 122.84px
    }

    .left-\[126px\] {
        left: 126px
    }

    .left-\[166\.84px\] {
        left: 166.84px
    }

    .left-\[188px\] {
        left: 188px
    }

    .left-\[234\.34px\] {
        left: 234.34px
    }

    .left-\[238\.07px\] {
        left: 238.07px
    }

    .left-\[280px\] {
        left: 280px
    }

    .left-\[305\.33px\] {
        left: 305.33px
    }

    .left-\[328\.33px\] {
        left: 328.33px
    }

    .left-\[394px\] {
        left: 394px
    }

    .left-\[411\.83px\] {
        left: 411.83px
    }

    .left-\[550px\] {
        left: 550px
    }

    .left-\[562\.06px\] {
        left: 562.06px
    }

    .left-\[666\.48px\] {
        left: 666.48px
    }

    .left-\[677px\] {
        left: 677px
    }

    .left-\[750\.83px\] {
        left: 750.83px
    }

    .left-\[calc\(50\%-42px\)\] {
        left: calc(50% - 42px)
    }

    .left-\[calc\(83\.333\%\+12\.333px\)\] {
        left: calc(83.333% + 12.333px)
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

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

    .mx-auto {
        margin-inline: auto
    }

    .mt-\[0px\] {
        margin-top: 0
    }

    .mt-\[3px\] {
        margin-top: 3px
    }

    .mt-auto {
        margin-top: auto
    }

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

    .mr-\[0px\] {
        margin-right: 0
    }

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

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

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

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

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

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

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

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

    .mb-\[5px\] {
        margin-bottom: 5px
    }

    .mb-\[10px\] {
        margin-bottom: 10px
    }

    .mb-\[12px\] {
        margin-bottom: 12px
    }

    .mb-\[20px\] {
        margin-bottom: 20px
    }

    .mb-\[24px\] {
        margin-bottom: 24px
    }

    .mb-\[26px\] {
        margin-bottom: 26px
    }

    .mb-\[30px\] {
        margin-bottom: 30px
    }

    .mb-\[60px\] {
        margin-bottom: 60px
    }

    .mb-\[394px\] {
        margin-bottom: 394px
    }

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

    .ml-\[0px\] {
        margin-left: 0
    }

    .box-border {
        box-sizing: border-box
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .aspect-\[930\/453\] {
        aspect-ratio: 930 / 453
    }

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

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

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

    .size-\[15px\] {
        width: 15px;
        height: 15px
    }

    .size-\[16\.89px\] {
        width: 16.89px;
        height: 16.89px
    }

    .size-\[20px\] {
        width: 20px;
        height: 20px
    }

    .size-\[24px\] {
        width: 24px;
        height: 24px
    }

    .size-\[34px\] {
        width: 34px;
        height: 34px
    }

    .size-\[40px\] {
        width: 40px;
        height: 40px
    }

    .size-\[44px\] {
        width: 44px;
        height: 44px
    }

    .size-\[45px\] {
        width: 45px;
        height: 45px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*1\)\+\(var\(--transform-inner-height\)\*0\)\)\)\] {
        height: calc(1px * ((var(--transform-inner-width) * 1) + (var(--transform-inner-height) * 0)))
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

    .min-h-\[852px\] {
        min-height: 852px
    }

    .min-h-px {
        min-height: 1px
    }

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

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

    .w-\[1\.114px\] {
        width: 1.114px
    }

    .w-\[5\.355px\] {
        width: 5.355px
    }

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

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

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

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

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

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

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

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

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

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

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

    .w-\[110\.693px\] {
        width: 110.693px
    }

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

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

    .w-\[170\.029px\] {
        width: 170.029px
    }

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

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

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

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

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

    .w-\[378\.884px\] {
        width: 378.884px
    }

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

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

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

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

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

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

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

    .w-\[1127\.28px\] {
        width: 1127.28px
    }

    .w-\[1464\.66px\] {
        width: 1464.66px
    }

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

    .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*1\)\+\(var\(--transform-inner-width\)\*0\)\)\)\] {
        width: calc(1px * ((var(--transform-inner-height) * 1) + (var(--transform-inner-width) * 0)))
    }

    .w-\[calc\(100\%-40px\)\] {
        width: calc(100% - 40px)
    }

    .w-\[calc\(100\%-55px\)\] {
        width: calc(100% - 55px)
    }

    .w-\[calc\(100\%-80px\)\] {
        width: calc(100% - 80px)
    }

    .w-\[min-content\] {
        width: min-content
    }

    .w-full {
        width: 100%
    }

    .w-px {
        width: 1px
    }

    .max-w-\[90\%\] {
        max-width: 90%
    }

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

    .max-w-\[283px\] {
        max-width: 283px
    }

    .max-w-\[360px\] {
        max-width: 360px
    }

    .max-w-\[363px\] {
        max-width: 363px
    }

    .max-w-\[680px\] {
        max-width: 680px
    }

    .max-w-\[756px\] {
        max-width: 756px
    }

    .max-w-\[780px\] {
        max-width: 780px
    }

    .max-w-\[800px\] {
        max-width: 800px
    }

    .max-w-\[900px\] {
        max-width: 900px
    }

    .max-w-\[930px\] {
        max-width: 930px
    }

    .max-w-\[1120px\] {
        max-width: 1120px
    }

    .max-w-\[1280px\] {
        max-width: 1280px
    }

    .max-w-none {
        max-width: none
    }

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

    .min-w-px {
        min-width: 1px
    }

    .flex-1 {
        flex: 1
    }

    .flex-none {
        flex: none
    }

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

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

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

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

    .-translate-x-full {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-\[-50\%\] {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

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

    .translate-y-\[-50\%\] {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .rotate-\[90deg\] {
        rotate: 90deg
    }

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

    .cursor-pointer {
        cursor: pointer
    }

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

    .flex-col {
        flex-direction: column
    }

    .content-stretch {
        align-content: stretch
    }

    .items-center {
        align-items: center
    }

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

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

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

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

    .justify-center {
        justify-content: center
    }

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

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

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

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

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

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

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

    .gap-\[6px\] {
        gap: 6px
    }

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

    .gap-\[11px\] {
        gap: 11px
    }

    .gap-\[14px\] {
        gap: 14px
    }

    .gap-\[15px\] {
        gap: 15px
    }

    .gap-\[20px\] {
        gap: 20px
    }

    .gap-\[21px\] {
        gap: 21px
    }

    .gap-\[24px\] {
        gap: 24px
    }

    .gap-\[30px\] {
        gap: 30px
    }

    .gap-\[104px\] {
        gap: 104px
    }

    :where(.space-y-\[10px\]>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(10px * var(--tw-space-y-reverse));
        margin-block-end: calc(10px * calc(1 - var(--tw-space-y-reverse)))
    }

    .overflow-clip {
        overflow: clip
    }

    .overflow-hidden {
        overflow: hidden
    }

    .rounded-\[14px\] {
        border-radius: 14px
    }

    .rounded-\[16px\] {
        border-radius: 16px
    }

    .rounded-\[20px\] {
        border-radius: 20px
    }

    .rounded-\[24px\] {
        border-radius: 24px
    }

    .rounded-\[32px\] {
        border-radius: 32px
    }

    .rounded-\[100px\] {
        border-radius: 100px
    }

    .rounded-\[136px\] {
        border-radius: 136px
    }

    .rounded-\[192px\] {
        border-radius: 192px
    }

    .rounded-\[inherit\] {
        border-radius: inherit
    }

    .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-\[6px\] {
        border-style: var(--tw-border-style);
        border-width: 6px
    }

    .border-\[8px\] {
        border-style: var(--tw-border-style);
        border-width: 8px
    }

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

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

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

    .border-\[\#1f1f1f\] {
        border-color: #1f1f1f
    }

    .border-\[\#2a2a2a\] {
        border-color: #2a2a2a
    }

    .border-\[\#3F3F3F\] {
        border-color: #3f3f3f
    }

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

    .border-\[\#333333\] {
        border-color: #333
    }

    .border-\[rgba\(121\,187\,200\,0\.15\)\] {
        border-color: #79bbc826
    }

    .border-\[rgba\(121\,187\,200\,0\.32\)\] {
        border-color: #79bbc852
    }

    .border-\[rgba\(255\,255\,255\,0\.1\)\] {
        border-color: #ffffff1a
    }

    .border-neutral-800 {
        border-color: var(--color-neutral-800)
    }

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

    .bg-\[\#0a0a0a\] {
        background-color: #0a0a0a
    }

    .bg-\[\#0f0f0f\] {
        background-color: #0f0f0f
    }

    .bg-\[\#000000\] {
        background-color: #000
    }

    .bg-\[\#1a1a1a\] {
        background-color: #1a1a1a
    }

    .bg-\[\#1e1e1e\] {
        background-color: #1e1e1e
    }

    .bg-\[\#79BBC8\],
    .bg-\[\#79bbc8\] {
        background-color: #79bbc8
    }

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

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

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

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

    .bg-\[rgb\(0\,0\,0\)\] {
        background-color: #000
    }

    .bg-\[rgba\(0\,0\,0\,0\.8\)\] {
        background-color: #000c
    }

    .bg-\[rgba\(48\,48\,48\,0\.3\)\] {
        background-color: #3030304d
    }

    .bg-\[rgba\(121\,187\,200\,0\.4\)\] {
        background-color: #79bbc866
    }

    .bg-\[rgba\(133\,147\,163\,0\.16\)\] {
        background-color: #8593a329
    }

    .bg-\[rgba\(255\,61\,61\,0\.3\)\] {
        background-color: #ff3d3d4d
    }

    .bg-\[rgba\(255\,255\,255\,0\.1\)\] {
        background-color: #ffffff1a
    }

    .bg-\[rgba\(255\,255\,255\,0\.2\)\] {
        background-color: #fff3
    }

    .bg-\[rgba\(255\,255\,255\,0\.16\)\] {
        background-color: #ffffff29
    }

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

    .bg-black\/50 {
        background-color: #00000080
    }

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

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

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

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

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

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

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

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

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

    .from-\[\#1a1a1a\] {
        --tw-gradient-from: #1a1a1a;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[\#79bbc8\] {
        --tw-gradient-from: #79bbc8;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[\#ffffff\] {
        --tw-gradient-from: #fff;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[rgba\(121\,187\,200\,0\.2\)\] {
        --tw-gradient-from: #79bbc833;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[rgba\(121\,187\,200\,0\.05\)\] {
        --tw-gradient-from: #79bbc80d;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[rgba\(121\,187\,200\,0\.08\)\] {
        --tw-gradient-from: #79bbc814;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[rgba\(121\,187\,200\,0\.12\)\] {
        --tw-gradient-from: #79bbc81f;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[rgba\(255\,255\,255\,0\.08\)\] {
        --tw-gradient-from: #ffffff14;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

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

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

    .via-\[\#79BBC8\] {
        --tw-gradient-via: #79bbc8;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-\[rgba\(121\,187\,200\,0\.2\)\] {
        --tw-gradient-via: #79bbc833;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-\[rgba\(121\,187\,200\,0\.04\)\] {
        --tw-gradient-via: #79bbc80a;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-\[rgba\(255\,255\,255\,0\.1\)\] {
        --tw-gradient-via: #ffffff1a;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-\[rgba\(255\,255\,255\,0\.03\)\] {
        --tw-gradient-via: #ffffff08;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

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

    .via-50\% {
        --tw-gradient-via-position: 50%
    }

    .to-\[\#1a9999\] {
        --tw-gradient-to: #1a9999;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[\#b1b1b1\] {
        --tw-gradient-to: #b1b1b1;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[rgba\(26\,26\,26\,0\)\] {
        --tw-gradient-to: #1a1a1a00;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[rgba\(121\,187\,200\,0\.07\)\] {
        --tw-gradient-to: #79bbc812;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[rgba\(255\,255\,255\,0\)\] {
        --tw-gradient-to: #fff0;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[rgba\(255\,255\,255\,0\.02\)\] {
        --tw-gradient-to: #ffffff05;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-black\/20 {
        --tw-gradient-to: #0003;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

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

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

    .fill-\[\#FDB022\] {
        fill: #fdb022
    }

    .fill-none {
        fill: none
    }

    .object-cover {
        object-fit: cover
    }

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

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

    .p-\[10px\] {
        padding: 10px
    }

    .p-\[18px\] {
        padding: 18px
    }

    .p-\[20px\] {
        padding: 20px
    }

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

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

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

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

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

    .px-\[0px\] {
        padding-inline: 0
    }

    .px-\[10px\] {
        padding-inline: 10px
    }

    .px-\[16px\] {
        padding-inline: 16px
    }

    .px-\[20px\] {
        padding-inline: 20px
    }

    .px-\[80px\] {
        padding-inline: 80px
    }

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

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

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

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

    .py-\[6px\] {
        padding-block: 6px
    }

    .py-\[24px\] {
        padding-block: 24px
    }

    .py-\[25px\] {
        padding-block: 25px
    }

    .py-\[40px\] {
        padding-block: 40px
    }

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

    .pt-\[20px\] {
        padding-top: 20px
    }

    .pt-\[24px\] {
        padding-top: 24px
    }

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

    .pb-\[10px\] {
        padding-bottom: 10px
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .align-middle {
        vertical-align: middle
    }

    .font-\[\'Manrope\:Light\'\,sans-serif\] {
        font-family: Manrope\:Light, sans-serif
    }

    .font-\[\'Manrope\:Medium\'\,sans-serif\] {
        font-family: Manrope\:Medium, sans-serif
    }

    .font-\[\'Manrope\:Regular\'\,sans-serif\] {
        font-family: Manrope\:Regular, sans-serif
    }

    .font-\[\'Manrope\:SemiBold\'\,sans-serif\] {
        font-family: Manrope\:SemiBold, sans-serif
    }

    .font-\[\'Neue_Haas_Grotesk_Display_Pro\:55_Roman\'\,sans-serif\] {
        font-family: Neue Haas Grotesk Display Pro\:55 Roman, sans-serif
    }

    .font-\[\'Poppins\:Regular\'\,sans-serif\] {
        font-family: Poppins\:Regular, sans-serif
    }

    .font-\[\'Sora\:Light\'\,sans-serif\] {
        font-family: Sora\:Light, sans-serif
    }

    .font-\[\'Sora\:Regular\'\,sans-serif\] {
        font-family: Sora\:Regular, sans-serif
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .leading-\[0\] {
        --tw-leading: 0;
        line-height: 0
    }

    .leading-\[1\.2\] {
        --tw-leading: 1.2;
        line-height: 1.2
    }

    .leading-\[1\.5\] {
        --tw-leading: 1.5;
        line-height: 1.5
    }

    .leading-\[1\.6\] {
        --tw-leading: 1.6;
        line-height: 1.6
    }

    .leading-\[1\.8\] {
        --tw-leading: 1.8;
        line-height: 1.8
    }

    .leading-\[1\.15\] {
        --tw-leading: 1.15;
        line-height: 1.15
    }

    .leading-\[2\] {
        --tw-leading: 2;
        line-height: 2
    }

    .leading-\[12\.237px\] {
        --tw-leading: 12.237px;
        line-height: 12.237px
    }

    .leading-\[20px\] {
        --tw-leading: 20px;
        line-height: 20px
    }

    .leading-\[22px\] {
        --tw-leading: 22px;
        line-height: 22px
    }

    .leading-\[23px\] {
        --tw-leading: 23px;
        line-height: 23px
    }

    .leading-\[24px\] {
        --tw-leading: 24px;
        line-height: 24px
    }

    .leading-\[28px\] {
        --tw-leading: 28px;
        line-height: 28px
    }

    .leading-\[32px\] {
        --tw-leading: 32px;
        line-height: 32px
    }

    .leading-\[56px\] {
        --tw-leading: 56px;
        line-height: 56px
    }

    .leading-\[normal\] {
        --tw-leading: normal;
        line-height: normal
    }

    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }

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

    .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-\[-0\.8px\] {
        --tw-tracking: -.8px;
        letter-spacing: -.8px
    }

    .tracking-\[-0\.28px\] {
        --tw-tracking: -.28px;
        letter-spacing: -.28px
    }

    .tracking-\[-0\.36px\] {
        --tw-tracking: -.36px;
        letter-spacing: -.36px
    }

    .tracking-\[-0\.64px\] {
        --tw-tracking: -.64px;
        letter-spacing: -.64px
    }

    .tracking-\[-0\.072px\] {
        --tw-tracking: -.072px;
        letter-spacing: -.072px
    }

    .tracking-\[-0\.084px\] {
        --tw-tracking: -.084px;
        letter-spacing: -.084px
    }

    .tracking-\[1\.44px\] {
        --tw-tracking: 1.44px;
        letter-spacing: 1.44px
    }

    .tracking-\[1px\] {
        --tw-tracking: 1px;
        letter-spacing: 1px
    }

    .text-nowrap {
        text-wrap: nowrap
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre {
        white-space: pre
    }

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

    .text-\[\#6b7280\] {
        color: #6b7280
    }

    .text-\[\#7A7A7A\] {
        color: #7a7a7a
    }

    .text-\[\#8c8c8c\] {
        color: #8c8c8c
    }

    .text-\[\#79BBC8\] {
        color: #79bbc8
    }

    .text-\[\#666666\] {
        color: #666
    }

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

    .text-\[\#FDB022\] {
        color: #fdb022
    }

    .text-\[\#FF6954\] {
        color: #ff6954
    }

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

    .text-\[grey\] {
        color: gray
    }

    .text-\[rgba\(255\,255\,255\,0\.5\)\] {
        color: #ffffff80
    }

    .text-\[rgba\(255\,255\,255\,0\.7\)\] {
        color: #ffffffb3
    }

    .text-\[rgba\(255\,255\,255\,0\.8\)\] {
        color: #fffc
    }

    .text-\[rgba\(255\,255\,255\,0\.9\)\] {
        color: #ffffffe6
    }

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

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

    .capitalize {
        text-transform: capitalize
    }

    .not-italic {
        font-style: normal
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-10 {
        opacity: .1
    }

    .opacity-15 {
        opacity: .15
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-\[0\.07\] {
        opacity: .07
    }

    .mix-blend-overlay {
        mix-blend-mode: overlay
    }

    .mix-blend-screen {
        mix-blend-mode: screen
    }

    .shadow-\[0px_7px_94\.5px_0px_rgba\(123\,166\,174\,0\.2\)\] {
        --tw-shadow: 0px 7px 94.5px 0px var(--tw-shadow-color, #7ba6ae33);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-\[rgba\(121\,187\,200\,0\.2\)\] {
        --tw-ring-color: #79bbc833
    }

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

    .blur-\[33\.47px\] {
        --tw-blur: blur(33.47px);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .drop-shadow {
        --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
        --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .drop-shadow-\[0_0_8px_rgba\(253\,176\,34\,0\.5\)\] {
        --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, #fdb02280));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

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

    .backdrop-blur-\[13\.55px\] {
        --tw-backdrop-blur: blur(13.55px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

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

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

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

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

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

    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

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

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .duration-1000 {
        --tw-duration: 1s;
        transition-duration: 1s
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

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

    .paused {
        animation-play-state: paused
    }

    @media(hover:hover) {
        .group-hover\:-translate-x-1:is(:where(.group):hover *) {
            --tw-translate-x: calc(var(--spacing) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }
    }

    @media(hover:hover) {
        .group-hover\:translate-x-full:is(:where(.group):hover *) {
            --tw-translate-x: 100%;
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }
    }

    @media(hover:hover) {
        .group-hover\:via-\[rgba\(121\,187\,200\,0\.4\)\]:is(:where(.group):hover *) {
            --tw-gradient-via: #79bbc866;
            --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-via-stops)
        }
    }

    @media(hover:hover) {
        .group-hover\:text-\[\#79BBC8\]:is(:where(.group):hover *) {
            color: #79bbc8
        }
    }

    @media(hover:hover) {
        .group-hover\:text-\[rgba\(121\,187\,200\,0\.7\)\]:is(:where(.group):hover *) {
            color: #79bbc8b3
        }
    }

    @media(hover:hover) {
        .group-hover\:text-black:is(:where(.group):hover *) {
            color: var(--color-black)
        }
    }

    @media(hover:hover) {
        .group-hover\:text-white:is(:where(.group):hover *) {
            color: var(--color-white)
        }
    }

    @media(hover:hover) {
        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1
        }
    }

    @media(hover:hover) {
        .group-hover\:opacity-\[0\.12\]:is(:where(.group):hover *) {
            opacity: .12
        }
    }

    @media(hover:hover) {
        .group-hover\:ring-\[rgba\(121\,187\,200\,0\.5\)\]:is(:where(.group):hover *) {
            --tw-ring-color: #79bbc880
        }
    }

    @media(hover:hover) {
        .hover\:scale-\[1\.02\]:hover {
            scale: 1.02
        }
    }

    @media(hover:hover) {
        .hover\:border-\[rgba\(121\,187\,200\,0\.35\)\]:hover {
            border-color: #79bbc859
        }
    }

    @media(hover:hover) {
        .hover\:border-neutral-700:hover {
            border-color: var(--color-neutral-700)
        }
    }

    @media(hover:hover) {
        .hover\:bg-\[rgba\(255\,255\,255\,0\.1\)\]:hover {
            background-color: #ffffff1a
        }
    }

    @media(hover:hover) {
        .hover\:bg-white:hover {
            background-color: var(--color-white)
        }
    }

    @media(hover:hover) {
        .hover\:text-black:hover {
            color: var(--color-black)
        }
    }

    @media(hover:hover) {
        .hover\:text-gray-300:hover {
            color: var(--color-gray-300)
        }
    }

    @media(hover:hover) {
        .hover\:text-white:hover {
            color: var(--color-white)
        }
    }

    @media(hover:hover) {
        .hover\:opacity-90:hover {
            opacity: .9
        }
    }

    @media(hover:hover) {
        .hover\:shadow-\[0_0_30px_rgba\(121\,187\,200\,0\.3\)\]:hover {
            --tw-shadow: 0 0 30px var(--tw-shadow-color, #79bbc84d);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
    }

    @media(hover:hover) {
        .hover\:shadow-\[0_8px_32px_rgba\(121\,187\,200\,0\.15\)\]:hover {
            --tw-shadow: 0 8px 32px var(--tw-shadow-color, #79bbc826);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
    }

    @media(width>=40rem) {
        .sm\:top-\[0px\] {
            top: 0
        }
    }

    @media(width>=40rem) {
        .sm\:top-\[25px\] {
            top: 25px
        }
    }

    @media(width>=40rem) {
        .sm\:top-\[240px\] {
            top: 240px
        }
    }

    @media(width>=40rem) {
        .sm\:top-\[275px\] {
            top: 275px
        }
    }

    @media(width>=40rem) {
        .sm\:left-\[25px\] {
            left: 25px
        }
    }

    @media(width>=40rem) {
        .sm\:left-\[58px\] {
            left: 58px
        }
    }

    @media(width>=40rem) {
        .sm\:mr-5 {
            margin-right: calc(var(--spacing) * 5)
        }
    }

    @media(width>=40rem) {
        .sm\:mb-4 {
            margin-bottom: calc(var(--spacing) * 4)
        }
    }

    @media(width>=40rem) {
        .sm\:mb-10 {
            margin-bottom: calc(var(--spacing) * 10)
        }
    }

    @media(width>=40rem) {
        .sm\:mb-\[80px\] {
            margin-bottom: 80px
        }
    }

    @media(width>=40rem) {
        .sm\:size-\[26px\] {
            width: 26px;
            height: 26px
        }
    }

    @media(width>=40rem) {
        .sm\:size-\[48px\] {
            width: 48px;
            height: 48px
        }
    }

    @media(width>=40rem) {
        .sm\:h-\[17px\] {
            height: 17px
        }
    }

    @media(width>=40rem) {
        .sm\:h-\[48px\] {
            height: 48px
        }
    }

    @media(width>=40rem) {
        .sm\:h-\[240px\] {
            height: 240px
        }
    }

    @media(width>=40rem) {
        .sm\:h-\[260px\] {
            height: 260px
        }
    }

    @media(width>=40rem) {
        .sm\:h-\[330px\] {
            height: 330px
        }
    }

    @media(width>=40rem) {
        .sm\:w-\[55px\] {
            width: 55px
        }
    }

    @media(width>=40rem) {
        .sm\:w-\[80px\] {
            width: 80px
        }
    }

    @media(width>=40rem) {
        .sm\:w-\[360px\] {
            width: 360px
        }
    }

    @media(width>=40rem) {
        .sm\:w-\[calc\(100\%-50px\)\] {
            width: calc(100% - 50px)
        }
    }

    @media(width>=40rem) {
        .sm\:w-\[calc\(100\%-58px\)\] {
            width: calc(100% - 58px)
        }
    }

    @media(width>=40rem) {
        .sm\:max-w-\[80\%\] {
            max-width: 80%
        }
    }

    @media(width>=40rem) {
        .sm\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }

    @media(width>=40rem) {
        .sm\:flex-row {
            flex-direction: row
        }
    }

    @media(width>=40rem) {
        .sm\:gap-\[20px\] {
            gap: 20px
        }
    }

    @media(width>=40rem) {
        .sm\:gap-\[25px\] {
            gap: 25px
        }
    }

    @media(width>=40rem) {
        .sm\:p-\[11px\] {
            padding: 11px
        }
    }

    @media(width>=40rem) {
        .sm\:p-\[28px\] {
            padding: 28px
        }
    }

    @media(width>=40rem) {
        .sm\:px-6 {
            padding-inline: calc(var(--spacing) * 6)
        }
    }

    @media(width>=40rem) {
        .sm\:py-16 {
            padding-block: calc(var(--spacing) * 16)
        }
    }

    @media(width>=40rem) {
        .sm\:py-\[70px\] {
            padding-block: 70px
        }
    }

    @media(width>=40rem) {
        .sm\:text-\[14px\] {
            font-size: 14px
        }
    }

    @media(width>=40rem) {
        .sm\:text-\[15px\] {
            font-size: 15px
        }
    }

    @media(width>=40rem) {
        .sm\:text-\[16px\] {
            font-size: 16px
        }
    }

    @media(width>=40rem) {
        .sm\:text-\[17px\] {
            font-size: 17px
        }
    }

    @media(width>=40rem) {
        .sm\:text-\[18px\] {
            font-size: 18px
        }
    }

    @media(width>=40rem) {
        .sm\:text-\[36px\] {
            font-size: 36px
        }
    }

    @media(width>=40rem) {
        .sm\:text-\[40px\] {
            font-size: 40px
        }
    }

    @media(width>=40rem) {
        .sm\:text-\[42px\] {
            font-size: 42px
        }
    }

    @media(width>=48rem) {
        .md\:absolute {
            position: absolute
        }
    }

    @media(width>=48rem) {
        .md\:inset-\[-10px\] {
            inset: -10px
        }
    }

    @media(width>=48rem) {
        .md\:top-\[0\.5px\] {
            top: .5px
        }
    }

    @media(width>=48rem) {
        .md\:top-\[27px\] {
            top: 27px
        }
    }

    @media(width>=48rem) {
        .md\:top-\[30px\] {
            top: 30px
        }
    }

    @media(width>=48rem) {
        .md\:top-\[252px\] {
            top: 252px
        }
    }

    @media(width>=48rem) {
        .md\:top-\[287px\] {
            top: 287px
        }
    }

    @media(width>=48rem) {
        .md\:bottom-\[28px\] {
            bottom: 28px
        }
    }

    @media(width>=48rem) {
        .md\:left-1\/2 {
            left: 50%
        }
    }

    @media(width>=48rem) {
        .md\:left-\[30px\] {
            left: 30px
        }
    }

    @media(width>=48rem) {
        .md\:left-\[60px\] {
            left: 60px
        }
    }

    @media(width>=48rem) {
        .md\:mr-6 {
            margin-right: calc(var(--spacing) * 6)
        }
    }

    @media(width>=48rem) {
        .md\:mb-0 {
            margin-bottom: calc(var(--spacing) * 0)
        }
    }

    @media(width>=48rem) {
        .md\:mb-1 {
            margin-bottom: calc(var(--spacing) * 1)
        }
    }

    @media(width>=48rem) {
        .md\:mb-5 {
            margin-bottom: calc(var(--spacing) * 5)
        }
    }

    @media(width>=48rem) {
        .md\:mb-6 {
            margin-bottom: calc(var(--spacing) * 6)
        }
    }

    @media(width>=48rem) {
        .md\:mb-8 {
            margin-bottom: calc(var(--spacing) * 8)
        }
    }

    @media(width>=48rem) {
        .md\:mb-10 {
            margin-bottom: calc(var(--spacing) * 10)
        }
    }

    @media(width>=48rem) {
        .md\:mb-12 {
            margin-bottom: calc(var(--spacing) * 12)
        }
    }

    @media(width>=48rem) {
        .md\:mb-16 {
            margin-bottom: calc(var(--spacing) * 16)
        }
    }

    @media(width>=48rem) {
        .md\:mb-\[20px\] {
            margin-bottom: 20px
        }
    }

    @media(width>=48rem) {
        .md\:mb-\[51px\] {
            margin-bottom: 51px
        }
    }

    @media(width>=48rem) {
        .md\:mb-\[105px\] {
            margin-bottom: 105px
        }
    }

    @media(width>=48rem) {
        .md\:block {
            display: block
        }
    }

    @media(width>=48rem) {
        .md\:size-14 {
            width: calc(var(--spacing) * 14);
            height: calc(var(--spacing) * 14)
        }
    }

    @media(width>=48rem) {
        .md\:size-\[28px\] {
            width: 28px;
            height: 28px
        }
    }

    @media(width>=48rem) {
        .md\:size-\[44px\] {
            width: 44px;
            height: 44px
        }
    }

    @media(width>=48rem) {
        .md\:size-\[50px\] {
            width: 50px;
            height: 50px
        }
    }

    @media(width>=48rem) {
        .md\:h-\[19px\] {
            height: 19px
        }
    }

    @media(width>=48rem) {
        .md\:h-\[51px\] {
            height: 51px
        }
    }

    @media(width>=48rem) {
        .md\:h-\[52px\] {
            height: 52px
        }
    }

    @media(width>=48rem) {
        .md\:h-\[252px\] {
            height: 252px
        }
    }

    @media(width>=48rem) {
        .md\:h-\[271px\] {
            height: 271px
        }
    }

    @media(width>=48rem) {
        .md\:h-\[300px\] {
            height: 300px
        }
    }

    @media(width>=48rem) {
        .md\:h-\[338px\] {
            height: 338px
        }
    }

    @media(width>=48rem) {
        .md\:w-\[60px\] {
            width: 60px
        }
    }

    @media(width>=48rem) {
        .md\:w-\[100px\] {
            width: 100px
        }
    }

    @media(width>=48rem) {
        .md\:w-\[200px\] {
            width: 200px
        }
    }

    @media(width>=48rem) {
        .md\:w-\[283px\] {
            width: 283px
        }
    }

    @media(width>=48rem) {
        .md\:w-\[360\.75px\] {
            width: 360.75px
        }
    }

    @media(width>=48rem) {
        .md\:w-\[400px\] {
            width: 400px
        }
    }

    @media(width>=48rem) {
        .md\:max-w-\[700px\] {
            max-width: 700px
        }
    }

    @media(width>=48rem) {
        .md\:max-w-none {
            max-width: none
        }
    }

    @media(width>=48rem) {
        .md\:-translate-x-1\/2 {
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }
    }

    @media(width>=48rem) {
        .md\:flex-row {
            flex-direction: row
        }
    }

    @media(width>=48rem) {
        .md\:gap-5 {
            gap: calc(var(--spacing) * 5)
        }
    }

    @media(width>=48rem) {
        .md\:gap-8 {
            gap: calc(var(--spacing) * 8)
        }
    }

    @media(width>=48rem) {
        .md\:gap-\[30px\] {
            gap: 30px
        }
    }

    @media(width>=48rem) {
        .md\:rounded-\[20px\] {
            border-radius: 20px
        }
    }

    @media(width>=48rem) {
        .md\:rounded-\[30px\] {
            border-radius: 30px
        }
    }

    @media(width>=48rem) {
        .md\:rounded-\[32px\] {
            border-radius: 32px
        }
    }

    @media(width>=48rem) {
        .md\:border-\[10px\] {
            border-style: var(--tw-border-style);
            border-width: 10px
        }
    }

    @media(width>=48rem) {
        .md\:p-7 {
            padding: calc(var(--spacing) * 7)
        }
    }

    @media(width>=48rem) {
        .md\:p-8 {
            padding: calc(var(--spacing) * 8)
        }
    }

    @media(width>=48rem) {
        .md\:p-\[12px\] {
            padding: 12px
        }
    }

    @media(width>=48rem) {
        .md\:p-\[20px\] {
            padding: 20px
        }
    }

    @media(width>=48rem) {
        .md\:p-\[34px\] {
            padding: 34px
        }
    }

    @media(width>=48rem) {
        .md\:px-8 {
            padding-inline: calc(var(--spacing) * 8)
        }
    }

    @media(width>=48rem) {
        .md\:px-12 {
            padding-inline: calc(var(--spacing) * 12)
        }
    }

    @media(width>=48rem) {
        .md\:px-\[40px\] {
            padding-inline: 40px
        }
    }

    @media(width>=48rem) {
        .md\:py-16 {
            padding-block: calc(var(--spacing) * 16)
        }
    }

    @media(width>=48rem) {
        .md\:py-20 {
            padding-block: calc(var(--spacing) * 20)
        }
    }

    @media(width>=48rem) {
        .md\:py-24 {
            padding-block: calc(var(--spacing) * 24)
        }
    }

    @media(width>=48rem) {
        .md\:py-\[80px\] {
            padding-block: 80px
        }
    }

    @media(width>=48rem) {
        .md\:pt-\[24px\] {
            padding-top: 24px
        }
    }

    @media(width>=48rem) {
        .md\:pb-\[28px\] {
            padding-bottom: 28px
        }
    }

    @media(width>=48rem) {
        .md\:text-\[12px\] {
            font-size: 12px
        }
    }

    @media(width>=48rem) {
        .md\:text-\[13px\] {
            font-size: 13px
        }
    }

    @media(width>=48rem) {
        .md\:text-\[14px\] {
            font-size: 14px
        }
    }

    @media(width>=48rem) {
        .md\:text-\[15px\] {
            font-size: 15px
        }
    }

    @media(width>=48rem) {
        .md\:text-\[16px\] {
            font-size: 16px
        }
    }

    @media(width>=48rem) {
        .md\:text-\[18px\] {
            font-size: 18px
        }
    }

    @media(width>=48rem) {
        .md\:text-\[20px\] {
            font-size: 20px
        }
    }

    @media(width>=48rem) {
        .md\:text-\[28px\] {
            font-size: 28px
        }
    }

    @media(width>=48rem) {
        .md\:text-\[40px\] {
            font-size: 40px
        }
    }

    @media(width>=48rem) {
        .md\:text-\[42px\] {
            font-size: 42px
        }
    }

    @media(width>=48rem) {
        .md\:text-\[48px\] {
            font-size: 48px
        }
    }

    @media(width>=48rem) {
        .md\:text-\[54px\] {
            font-size: 54px
        }
    }

    @media(width>=48rem) {
        .md\:backdrop-blur-\[42px\] {
            --tw-backdrop-blur: blur(42px);
            -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
            backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
        }
    }

    @media(width>=64rem) {
        .lg\:inset-\[-14px\] {
            inset: -14px
        }
    }

    @media(width>=64rem) {
        .lg\:mb-16 {
            margin-bottom: calc(var(--spacing) * 16)
        }
    }

    @media(width>=64rem) {
        .lg\:mb-20 {
            margin-bottom: calc(var(--spacing) * 20)
        }
    }

    @media(width>=64rem) {
        .lg\:block {
            display: block
        }
    }

    @media(width>=64rem) {
        .lg\:hidden {
            display: none
        }
    }

    @media(width>=64rem) {
        .lg\:h-\[350px\] {
            height: 350px
        }
    }

    @media(width>=64rem) {
        .lg\:w-\[150px\] {
            width: 150px
        }
    }

    @media(width>=64rem) {
        .lg\:w-\[420\.75px\] {
            width: 420.75px
        }
    }

    @media(width>=64rem) {
        .lg\:max-w-\[900px\] {
            max-width: 900px
        }
    }

    @media(width>=64rem) {
        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }

    @media(width>=64rem) {
        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    @media(width>=64rem) {
        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }

    @media(width>=64rem) {
        .lg\:gap-\[45px\] {
            gap: 45px
        }
    }

    @media(width>=64rem) {
        .lg\:rounded-\[34px\] {
            border-radius: 34px
        }
    }

    @media(width>=64rem) {
        .lg\:border-\[14px\] {
            border-style: var(--tw-border-style);
            border-width: 14px
        }
    }

    @media(width>=64rem) {
        .lg\:p-12 {
            padding: calc(var(--spacing) * 12)
        }
    }

    @media(width>=64rem) {
        .lg\:px-16 {
            padding-inline: calc(var(--spacing) * 16)
        }
    }

    @media(width>=64rem) {
        .lg\:px-20 {
            padding-inline: calc(var(--spacing) * 20)
        }
    }

    @media(width>=64rem) {
        .lg\:px-\[80px\] {
            padding-inline: 80px
        }
    }

    @media(width>=64rem) {
        .lg\:py-20 {
            padding-block: calc(var(--spacing) * 20)
        }
    }

    @media(width>=64rem) {
        .lg\:py-24 {
            padding-block: calc(var(--spacing) * 24)
        }
    }

    @media(width>=64rem) {
        .lg\:py-32 {
            padding-block: calc(var(--spacing) * 32)
        }
    }

    @media(width>=64rem) {
        .lg\:text-\[18px\] {
            font-size: 18px
        }
    }

    @media(width>=64rem) {
        .lg\:text-\[20px\] {
            font-size: 20px
        }
    }

    @media(width>=64rem) {
        .lg\:text-\[24px\] {
            font-size: 24px
        }
    }

    @media(width>=64rem) {
        .lg\:text-\[32px\] {
            font-size: 32px
        }
    }

    @media(width>=64rem) {
        .lg\:text-\[54px\] {
            font-size: 54px
        }
    }
}

:root {
    --font-size: 16px;
    --background: #000;
    --foreground: oklch(.985 0 0);
    --card: #fff;
    --card-foreground: oklch(.145 0 0);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(.145 0 0);
    --primary: #030213;
    --primary-foreground: oklch(1 0 0);
    --secondary: oklch(.95 .0058 264.53);
    --secondary-foreground: #030213;
    --muted: #ececf0;
    --muted-foreground: #717182;
    --accent: #e9ebef;
    --accent-foreground: #030213;
    --destructive: #d4183d;
    --destructive-foreground: #fff;
    --border: #0000001a;
    --input: transparent;
    --input-background: #f3f3f5;
    --switch-background: #cbced4;
    --font-weight-medium: 500;
    --font-weight-normal: 400;
    --ring: oklch(.708 0 0);
    --chart-1: oklch(.646 .222 41.116);
    --chart-2: oklch(.6 .118 184.704);
    --chart-3: oklch(.398 .07 227.392);
    --chart-4: oklch(.828 .189 84.429);
    --chart-5: oklch(.769 .188 70.08);
    --radius: .625rem;
    --sidebar: oklch(.985 0 0);
    --sidebar-foreground: oklch(.145 0 0);
    --sidebar-primary: #030213;
    --sidebar-primary-foreground: oklch(.985 0 0);
    --sidebar-accent: oklch(.97 0 0);
    --sidebar-accent-foreground: oklch(.205 0 0);
    --sidebar-border: oklch(.922 0 0);
    --sidebar-ring: oklch(.708 0 0)
}

.dark {
    --background: oklch(.145 0 0);
    --foreground: oklch(.985 0 0);
    --card: oklch(.145 0 0);
    --card-foreground: oklch(.985 0 0);
    --popover: oklch(.145 0 0);
    --popover-foreground: oklch(.985 0 0);
    --primary: oklch(.985 0 0);
    --primary-foreground: oklch(.205 0 0);
    --secondary: oklch(.269 0 0);
    --secondary-foreground: oklch(.985 0 0);
    --muted: oklch(.269 0 0);
    --muted-foreground: oklch(.708 0 0);
    --accent: oklch(.269 0 0);
    --accent-foreground: oklch(.985 0 0);
    --destructive: oklch(.396 .141 25.723);
    --destructive-foreground: oklch(.637 .237 25.331);
    --border: oklch(.269 0 0);
    --input: oklch(.269 0 0);
    --ring: oklch(.439 0 0);
    --font-weight-medium: 500;
    --font-weight-normal: 400;
    --chart-1: oklch(.488 .243 264.376);
    --chart-2: oklch(.696 .17 162.48);
    --chart-3: oklch(.769 .188 70.08);
    --chart-4: oklch(.627 .265 303.9);
    --chart-5: oklch(.645 .246 16.439);
    --sidebar: oklch(.205 0 0);
    --sidebar-foreground: oklch(.985 0 0);
    --sidebar-primary: oklch(.488 .243 264.376);
    --sidebar-primary-foreground: oklch(.985 0 0);
    --sidebar-accent: oklch(.269 0 0);
    --sidebar-accent-foreground: oklch(.985 0 0);
    --sidebar-border: oklch(.269 0 0);
    --sidebar-ring: oklch(.439 0 0)
}

html {
    font-size: var(--font-size)
}

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

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

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

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

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

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

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

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

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

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

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

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

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%;
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%;
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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