/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@layer properties;
@layer theme,
base,
components,
utilities;

@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-teal-400: oklch(77.7% 0.152 181.912);
        --color-indigo-500: oklch(58.5% 0.233 277.117);
        --color-gray-100: oklch(96.7% 0.003 264.542);
        --color-gray-200: oklch(92.8% 0.006 264.531);
        --color-gray-300: oklch(87.2% 0.01 258.338);
        --color-gray-500: oklch(55.1% 0.027 264.364);
        --color-gray-600: oklch(44.6% 0.03 256.802);
        --color-gray-900: oklch(21% 0.034 264.665);
        --color-zinc-800: oklch(27.4% 0.006 286.033);
        --color-black: #161519;
        --color-white: #ffffff;
        --spacing: 0.25rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --text-xs: 0.75rem;
        --text-xs--line-height: calc(1 / 0.75);
        --text-sm: 0.875rem;
        --text-sm--line-height: calc(1.25 / 0.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5 / 1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25 / 1.875);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-tight: -0.025em;
        --tracking-wide: 0.025em;
        --leading-tight: 1.25;
        --leading-relaxed: 1.625;
        --leading-loose: 2;
        --radius-md: 0.375rem;
        --radius-lg: 0.5rem;
        --radius-xl: 0.75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --radius-4xl: 2rem;
        --ease-in: cubic-bezier(0.4, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, 0.2, 1);
        --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
        --blur-3xl: 64px;
        --default-transition-duration: 150ms;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --font-body: "Inter", sans-serif;
        --font-display: "Inter Display"'sans-serif';
        --color-primary: #6248ff;
        --color-green: #acffd3;
        --color-grey: #494851;
        --color-grey-100: #77767a;
        --color-grey-200: #f6f7fa;
        --color-grey-300: #3d3d3d;
    }
}

@layer base {

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

    html,
    :host {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        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;
        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 {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sub {
        bottom: -0.25em;
    }

    sup {
        top: -0.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 {
        display: block;
        vertical-align: middle;
    }

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

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

    :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)) {
                color: color-mix(in oklab, currentcolor 50%, transparent);
            }
        }
    }

    textarea {
        resize: vertical;
    }

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

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

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

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

    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-year-field,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field,
    ::-webkit-datetime-edit-second-field,
    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0;
    }

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

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

    button,
    input:where([type="button"], [type="reset"], [type="submit"]),
    ::file-selector-button {
        appearance: button;
    }

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

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

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

    .collapse {
        visibility: collapse;
    }

    .invisible {
        visibility: hidden;
    }

    .visible {
        visibility: visible;
    }

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

    .absolute {
        position: absolute;
    }

    .fixed {
        position: fixed;
    }

    .relative {
        position: relative;
    }

    .static {
        position: static;
    }

    .sticky {
        position: sticky;
    }

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

    .start {
        inset-inline-start: var(--spacing);
    }

    .end {
        inset-inline-end: var(--spacing);
    }

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

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

    .-top-\[34px\] {
        top: calc(34px * -1);
    }

    .-top-\[100px\] {
        top: calc(100px * -1);
    }

    .-top-\[152px\] {
        top: calc(152px * -1);
    }

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

    .top-1\/2 {
        top: calc(1 / 2 * 100%);
    }

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

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

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

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

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

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

    .top-\[-50px\] {
        top: -50px;
    }

    .top-\[-60px\] {
        top: -60px;
    }

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

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

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

    .top-\[10px\] {
        top: 10px;
    }

    .top-\[12px\] {
        top: 12px;
    }

    .top-\[17\%\] {
        top: 17%;
    }

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

    .top-\[21\%\] {
        top: 21%;
    }

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

    .top-\[25\%\] {
        top: 25%;
    }

    .top-\[28px\] {
        top: 28px;
    }

    .top-\[30px\] {
        top: 30px;
    }

    .top-\[40\%\] {
        top: 40%;
    }

    .top-\[40px\] {
        top: 40px;
    }

    .top-\[45px\] {
        top: 45px;
    }

    .top-\[50\%\] {
        top: 50%;
    }

    .top-\[50px\] {
        top: 50px;
    }

    .top-\[65px\] {
        top: 65px;
    }

    .top-\[70px\] {
        top: 70px;
    }

    .top-\[80px\] {
        top: 80px;
    }

    .top-\[86px\] {
        top: 86px;
    }

    .top-\[100px\] {
        top: 100px;
    }

    .top-\[112px\] {
        top: 112px;
    }

    .top-\[120px\] {
        top: 120px;
    }

    .top-\[122px\] {
        top: 122px;
    }

    .top-\[154px\] {
        top: 154px;
    }

    .top-\[166px\] {
        top: 166px;
    }

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

    .top-\[190px\] {
        top: 190px;
    }

    .top-\[300px\] {
        top: 300px;
    }

    .top-\[307px\] {
        top: 307px;
    }

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

    .-right-\[100px\] {
        right: calc(100px * -1);
    }

    .-right-\[160px\] {
        right: calc(160px * -1);
    }

    .-right-\[200px\] {
        right: calc(200px * -1);
    }

    .-right-full {
        right: -100%;
    }

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

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

    .right-\[-30px\] {
        right: -30px;
    }

    .right-\[1px\] {
        right: 1px;
    }

    .right-\[5\%\] {
        right: 5%;
    }

    .right-\[5px\] {
        right: 5px;
    }

    .right-\[6\%\] {
        right: 6%;
    }

    .right-\[6px\] {
        right: 6px;
    }

    .right-\[8\%\] {
        right: 8%;
    }

    .right-\[8px\] {
        right: 8px;
    }

    .right-\[9\%\] {
        right: 9%;
    }

    .right-\[10\%\] {
        right: 10%;
    }

    .right-\[10px\] {
        right: 10px;
    }

    .right-\[12\%\] {
        right: 12%;
    }

    .right-\[12px\] {
        right: 12px;
    }

    .right-\[15\%\] {
        right: 15%;
    }

    .right-\[16\%\] {
        right: 16%;
    }

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

    .right-\[19\%\] {
        right: 19%;
    }

    .right-\[20px\] {
        right: 20px;
    }

    .right-\[24\%\] {
        right: 24%;
    }

    .right-\[30px\] {
        right: 30px;
    }

    .right-\[31\%\] {
        right: 31%;
    }

    .right-\[40px\] {
        right: 40px;
    }

    .right-\[46px\] {
        right: 46px;
    }

    .right-\[50px\] {
        right: 50px;
    }

    .right-\[53px\] {
        right: 53px;
    }

    .right-\[54px\] {
        right: 54px;
    }

    .right-\[63px\] {
        right: 63px;
    }

    .right-\[65px\] {
        right: 65px;
    }

    .right-\[70px\] {
        right: 70px;
    }

    .right-\[100px\] {
        right: 100px;
    }

    .right-\[170px\] {
        right: 170px;
    }

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

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

    .-bottom-\[30px\] {
        bottom: calc(30px * -1);
    }

    .-bottom-\[34px\] {
        bottom: calc(34px * -1);
    }

    .-bottom-\[50px\] {
        bottom: calc(50px * -1);
    }

    .-bottom-\[130px\] {
        bottom: calc(130px * -1);
    }

    .-bottom-\[200px\] {
        bottom: calc(200px * -1);
    }

    .-bottom-\[500px\] {
        bottom: calc(500px * -1);
    }

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

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

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

    .bottom-\[-2px\] {
        bottom: -2px;
    }

    .bottom-\[-5px\] {
        bottom: -5px;
    }

    .bottom-\[-10\%\] {
        bottom: -10%;
    }

    .bottom-\[-15px\] {
        bottom: -15px;
    }

    .bottom-\[-30px\] {
        bottom: -30px;
    }

    .bottom-\[-85px\] {
        bottom: -85px;
    }

    .bottom-\[-100px\] {
        bottom: -100px;
    }

    .bottom-\[-150px\] {
        bottom: -150px;
    }

    .bottom-\[20px\] {
        bottom: 20px;
    }

    .bottom-\[40px\] {
        bottom: 40px;
    }

    .bottom-\[44px\] {
        bottom: 44px;
    }

    .bottom-\[50px\] {
        bottom: 50px;
    }

    .bottom-\[55px\] {
        bottom: 55px;
    }

    .bottom-\[60px\] {
        bottom: 60px;
    }

    .bottom-\[80px\] {
        bottom: 80px;
    }

    .bottom-\[84px\] {
        bottom: 84px;
    }

    .bottom-\[90px\] {
        bottom: 90px;
    }

    .bottom-\[110px\] {
        bottom: 110px;
    }

    .bottom-\[160px\] {
        bottom: 160px;
    }

    .bottom-\[166px\] {
        bottom: 166px;
    }

    .bottom-\[210px\] {
        bottom: 210px;
    }

    .bottom-\[220px\] {
        bottom: 220px;
    }

    .bottom-\[240px\] {
        bottom: 240px;
    }

    .bottom-\[255px\] {
        bottom: 255px;
    }

    .bottom-\[260px\] {
        bottom: 260px;
    }

    .bottom-\[445px\] {
        bottom: 445px;
    }

    .bottom-\[500px\] {
        bottom: 500px;
    }

    .-left-\[35px\] {
        left: calc(35px * -1);
    }

    .-left-\[40px\] {
        left: calc(40px * -1);
    }

    .-left-\[127px\] {
        left: calc(127px * -1);
    }

    .-left-\[160px\] {
        left: calc(160px * -1);
    }

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

    .left-1\/2 {
        left: calc(1 / 2 * 100%);
    }

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

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

    .left-\[-65px\] {
        left: -65px;
    }

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

    .left-\[2px\] {
        left: 2px;
    }

    .left-\[5\%\] {
        left: 5%;
    }

    .left-\[6\%\] {
        left: 6%;
    }

    .left-\[8\%\] {
        left: 8%;
    }

    .left-\[11\%\] {
        left: 11%;
    }

    .left-\[12\%\] {
        left: 12%;
    }

    .left-\[16\%\] {
        left: 16%;
    }

    .left-\[18\%\] {
        left: 18%;
    }

    .left-\[19\%\] {
        left: 19%;
    }

    .left-\[20\%\] {
        left: 20%;
    }

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

    .left-\[22\%\] {
        left: 22%;
    }

    .left-\[24\%\] {
        left: 24%;
    }

    .left-\[31\%\] {
        left: 31%;
    }

    .left-\[32\%\] {
        left: 32%;
    }

    .left-\[35px\] {
        left: 35px;
    }

    .left-\[40px\] {
        left: 40px;
    }

    .left-\[45\%\] {
        left: 45%;
    }

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

    .left-\[50px\] {
        left: 50px;
    }

    .left-\[64px\] {
        left: 64px;
    }

    .left-\[70px\] {
        left: 70px;
    }

    .left-\[80px\] {
        left: 80px;
    }

    .left-\[120px\] {
        left: 120px;
    }

    .-z-1 {
        z-index: calc(1 * -1);
    }

    .-z-10 {
        z-index: calc(10 * -1);
    }

    .-z-20 {
        z-index: calc(20 * -1);
    }

    .z-1 {
        z-index: 1;
    }

    .z-2 {
        z-index: 2;
    }

    .z-5 {
        z-index: 5;
    }

    .z-10 {
        z-index: 10;
    }

    .z-20 {
        z-index: 20;
    }

    .z-30 {
        z-index: 30;
    }

    .z-40 {
        z-index: 40;
    }

    .z-999 {
        z-index: 999;
    }

    .z-9999 {
        z-index: 9999;
    }

    .z-\[1\] {
        z-index: 1;
    }

    .z-\[2\] {
        z-index: 2;
    }

    .z-\[3\] {
        z-index: 3;
    }

    .z-\[5\] {
        z-index: 5;
    }

    .z-\[9\] {
        z-index: 9;
    }

    .z-\[11\] {
        z-index: 11;
    }

    .z-\[999\] {
        z-index: 999;
    }

    .z-\[999999\] {
        z-index: 999999;
    }

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

    .col-span-2 {
        grid-column: span 2 / span 2;
    }

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

    .col-span-5 {
        grid-column: span 5 / span 5;
    }

    .col-span-6 {
        grid-column: span 6 / span 6;
    }

    .col-span-7 {
        grid-column: span 7 / span 7;
    }

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

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

    .float-left {
        float: left;
    }

    .container {
        width: 100%;

        @media (width >=576px) {
            max-width: 576px;
        }

        @media (width >=768px) {
            max-width: 768px;
        }

        @media (width >=992px) {
            max-width: 992px;
        }

        @media (width >=1200px) {
            max-width: 1200px;
        }

        @media (width >=1400px) {
            max-width: 1400px;
        }

        @media (width >=1600px) {
            max-width: 1600px;
        }

        @media (width >=1700px) {
            max-width: 1700px;
        }
    }

    .m-1\.25 {
        margin: calc(var(--spacing) * 1.25);
    }

    .m-\[-20px_-40px_-45px_0px\] {
        margin: -20px -40px -45px 0px;
    }

    .m-\[0_auto\] {
        margin: 0 auto;
    }

    .m-\[15px\] {
        margin: 15px;
    }

    .m-auto {
        margin: auto;
    }

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

    .mx-auto {
        margin-inline: auto;
    }

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

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

    .my-\[3px\] {
        margin-block: 3px;
    }

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

    .-mt-\[18px\] {
        margin-top: calc(18px * -1);
    }

    .-mt-\[20px\] {
        margin-top: calc(20px * -1);
    }

    .-mt-\[240px\] {
        margin-top: calc(240px * -1);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .-mr-\[66px\] {
        margin-right: calc(66px * -1);
    }

    .-mr-\[75px\] {
        margin-right: calc(75px * -1);
    }

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

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

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

    .mr-2\.5 {
        margin-right: calc(var(--spacing) * 2.5);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mr-auto {
        margin-right: auto;
    }

    .-mb-\[13px\] {
        margin-bottom: calc(13px * -1);
    }

    .-mb-\[27px\] {
        margin-bottom: calc(27px * -1);
    }

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

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

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

    .mb-2\.5 {
        margin-bottom: calc(var(--spacing) * 2.5);
    }

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

    .mb-3\.5 {
        margin-bottom: calc(var(--spacing) * 3.5);
    }

    .mb-3\.75 {
        margin-bottom: calc(var(--spacing) * 3.75);
    }

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

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

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

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

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

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

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

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

    .mb-12\.5 {
        margin-bottom: calc(var(--spacing) * 12.5);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .-ml-\[75px\] {
        margin-left: calc(75px * -1);
    }

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

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

    .ml-1\.25 {
        margin-left: calc(var(--spacing) * 1.25);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ml-auto {
        margin-left: auto;
    }

    .block {
        display: block;
    }

    .contents {
        display: contents;
    }

    .flex {
        display: flex;
    }

    .grid {
        display: grid;
    }

    .hidden {
        display: none;
    }

    .inline {
        display: inline;
    }

    .inline-block {
        display: inline-block;
    }

    .inline-flex {
        display: inline-flex;
    }

    .table {
        display: table;
    }

    .aspect-square {
        aspect-ratio: 1 / 1;
    }

    .\!h-\[52px\] {
        height: 52px !important;
    }

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

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

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

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

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

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

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

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

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

    .h-11\.25 {
        height: calc(var(--spacing) * 11.25);
    }

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

    .h-12\.5 {
        height: calc(var(--spacing) * 12.5);
    }

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

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

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

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

    .h-17\.5 {
        height: calc(var(--spacing) * 17.5);
    }

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

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

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

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

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

    .h-\[6px\] {
        height: 6px;
    }

    .h-\[7px\] {
        height: 7px;
    }

    .h-\[8px\] {
        height: 8px;
    }

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

    .h-\[14px\] {
        height: 14px;
    }

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

    .h-\[26px\] {
        height: 26px;
    }

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

    .h-\[30px\] {
        height: 30px;
    }

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

    .h-\[35px\] {
        height: 35px;
    }

    .h-\[36px\] {
        height: 36px;
    }

    .h-\[38px\] {
        height: 38px;
    }

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

    .h-\[42px\] {
        height: 42px;
    }

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

    .h-\[46px\] {
        height: 46px;
    }

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

    .h-\[50px\] {
        height: 50px;
    }

    .h-\[52px\] {
        height: 52px;
    }

    .h-\[54px\] {
        height: 54px;
    }

    .h-\[55px\] {
        height: 55px;
    }

    .h-\[56px\] {
        height: 56px;
    }

    .h-\[60px\] {
        height: 60px;
    }

    .h-\[65px\] {
        height: 65px;
    }

    .h-\[70px\] {
        height: 70px;
    }

    .h-\[80px\] {
        height: 80px;
    }

    .h-\[90px\] {
        height: 90px;
    }

    .h-\[100\%\] {
        height: 100%;
    }

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

    .h-\[110px\] {
        height: 110px;
    }

    .h-\[112px\] {
        height: 112px;
    }

    .h-\[130px\] {
        height: 130px;
    }

    .h-\[152px\] {
        height: 152px;
    }

    .h-\[164px\] {
        height: 164px;
    }

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

    .h-\[210px\] {
        height: 210px;
    }

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

    .h-\[286px\] {
        height: 286px;
    }

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

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

    .h-\[331px\] {
        height: 331px;
    }

    .h-\[350px\] {
        height: 350px;
    }

    .h-\[400px\] {
        height: 400px;
    }

    .h-\[478px\] {
        height: 478px;
    }

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

    .h-\[600px\] {
        height: 600px;
    }

    .h-\[634px\] {
        height: 634px;
    }

    .h-\[760px\] {
        height: 760px;
    }

    .h-\[1100px\] {
        height: 1100px;
    }

    .h-full {
        height: 100%;
    }

    .h-px {
        height: 1px;
    }

    .h-screen {
        height: 100vh;
    }

    .max-h-\[332px\] {
        max-height: 332px;
    }

    .max-h-full {
        max-height: 100%;
    }

    .\!w-\[210px\] {
        width: 210px !important;
    }

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

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

    .w-1\/3 {
        width: calc(1 / 3 * 100%);
    }

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

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

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

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

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

    .w-11\.25 {
        width: calc(var(--spacing) * 11.25);
    }

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

    .w-12\.5 {
        width: calc(var(--spacing) * 12.5);
    }

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

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

    .w-17\.5 {
        width: calc(var(--spacing) * 17.5);
    }

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

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

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

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

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

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

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

    .w-\[7px\] {
        width: 7px;
    }

    .w-\[8px\] {
        width: 8px;
    }

    .w-\[10px\] {
        width: 10px;
    }

    .w-\[14px\] {
        width: 14px;
    }

    .w-\[18\%\] {
        width: 18%;
    }

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

    .w-\[23\%\] {
        width: 23%;
    }

    .w-\[24\%\] {
        width: 24%;
    }

    .w-\[26\%\] {
        width: 26%;
    }

    .w-\[26px\] {
        width: 26px;
    }

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

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

    .w-\[35px\] {
        width: 35px;
    }

    .w-\[36\%\] {
        width: 36%;
    }

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

    .w-\[42px\] {
        width: 42px;
    }

    .w-\[44\%\] {
        width: 44%;
    }

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

    .w-\[45\%\] {
        width: 45%;
    }

    .w-\[46px\] {
        width: 46px;
    }

    .w-\[47\%\] {
        width: 47%;
    }

    .w-\[48px\] {
        width: 48px;
    }

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

    .w-\[56px\] {
        width: 56px;
    }

    .w-\[57px\] {
        width: 57px;
    }

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

    .w-\[65px\] {
        width: 65px;
    }

    .w-\[70px\] {
        width: 70px;
    }

    .w-\[80px\] {
        width: 80px;
    }

    .w-\[100\%\] {
        width: 100%;
    }

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

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

    .w-\[116px\] {
        width: 116px;
    }

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

    .w-\[130px\] {
        width: 130px;
    }

    .w-\[152px\] {
        width: 152px;
    }

    .w-\[164px\] {
        width: 164px;
    }

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

    .w-\[210px\] {
        width: 210px;
    }

    .w-\[240px\] {
        width: 240px;
    }

    .w-\[270px\] {
        width: 270px;
    }

    .w-\[300px\] {
        width: 300px;
    }

    .w-\[305px\] {
        width: 305px;
    }

    .w-\[334px\] {
        width: 334px;
    }

    .w-\[350px\] {
        width: 350px;
    }

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

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

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

    .w-\[600px\] {
        width: 600px;
    }

    .w-\[682px\] {
        width: 682px;
    }

    .w-\[817px\] {
        width: 817px;
    }

    .w-\[1290px\] {
        width: 1290px;
    }

    .w-\[1310px\] {
        width: 1310px;
    }

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

    .w-full {
        width: 100%;
    }

    .w-px {
        width: 1px;
    }

    .max-w-2xl {
        max-width: var(--container-2xl);
    }

    .max-w-3xl {
        max-width: var(--container-3xl);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .max-w-full {
        max-width: 100%;
    }

    .flex-1 {
        flex: 1;
    }

    .flex-\[0_0_auto\] {
        flex: 0 0 auto;
    }

    .flex-auto {
        flex: auto;
    }

    .flex-none {
        flex: none;
    }

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

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

    .grow {
        flex-grow: 1;
    }

    .origin-right {
        transform-origin: 100%;
    }

    .translate-\[-50\%\] {
        --tw-translate-x: -50%;
        --tw-translate-y: -50%;
        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-x-\[50\%\] {
        --tw-translate-x: calc(50% * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

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

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

    .translate-x-\[115px\] {
        --tw-translate-x: 115px;
        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);
    }

    .-translate-y-\[10px\] {
        --tw-translate-y: calc(10px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

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

    .translate-y-5 {
        --tw-translate-y: calc(var(--spacing) * 5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

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

    .translate-y-\[calc\(-100\%-80px\)\] {
        --tw-translate-y: calc(-100% - 80px);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .scale-0 {
        --tw-scale-x: 0%;
        --tw-scale-y: 0%;
        --tw-scale-z: 0%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .scale-75 {
        --tw-scale-x: 75%;
        --tw-scale-y: 75%;
        --tw-scale-z: 75%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .scale-x-110 {
        --tw-scale-x: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .-rotate-8 {
        rotate: calc(8deg * -1);
    }

    .-rotate-20 {
        rotate: calc(20deg * -1);
    }

    .-rotate-180 {
        rotate: calc(180deg * -1);
    }

    .-rotate-\[180deg\] {
        rotate: calc(180deg * -1);
    }

    .-rotate-\[190deg\] {
        rotate: calc(190deg * -1);
    }

    .rotate-20 {
        rotate: 20deg;
    }

    .rotate-45 {
        rotate: 45deg;
    }

    .rotate-180 {
        rotate: 180deg;
    }

    .rotate-\[-8deg\] {
        rotate: -8deg;
    }

    .rotate-\[-16deg\] {
        rotate: -16deg;
    }

    .rotate-\[-20deg\] {
        rotate: -20deg;
    }

    .rotate-\[-180deg\] {
        rotate: -180deg;
    }

    .rotate-\[20deg\] {
        rotate: 20deg;
    }

    .rotate-\[180deg\] {
        rotate: 180deg;
    }

    .rotate-\[190deg\] {
        rotate: 190deg;
    }

    .\[transform\:rotateX\(15deg\)_rotateY\(0\)\] {
        transform: rotateX(15deg) rotateY(0);
    }

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

    .\[animation\:drawFlowReverse_4s_linear_infinite\] {
        animation: drawFlowReverse 4s linear infinite;
    }

    .\[animation\:drawFlow_4s_linear_infinite\] {
        animation: drawFlow 4s linear infinite;
    }

    .animate-\[TestimonialScroll2_20s_linear_infinite\] {
        animation: TestimonialScroll2 20s linear infinite;
    }

    .animate-\[TestimonialScroll2_32s_linear_infinite\] {
        animation: TestimonialScroll2 32s linear infinite;
    }

    .animate-\[TestimonialScroll_20s_linear_infinite\] {
        animation: TestimonialScroll 20s linear infinite;
    }

    .animate-\[anim-left-right_4s_linear_infinite_alternate\] {
        animation: anim-left-right 4s linear infinite alternate;
    }

    .animate-\[anim-top-bottom_1s_linear_infinite_alternate\] {
        animation: anim-top-bottom 1s linear infinite alternate;
    }

    .animate-\[move_4s_linear_infinite\] {
        animation: move 4s linear infinite;
    }

    .animate-\[rotate-infinite_15s_linear_infinite\] {
        animation: rotate-infinite 15s linear infinite;
    }

    .animate-\[tptranslateX2_5s_forwards_infinite_alternate\] {
        animation: tptranslateX2 5s forwards infinite alternate;
    }

    .animate-\[tptranslateY_4s_forwards_infinite_alternate\] {
        animation: tptranslateY 4s forwards infinite alternate;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .resize {
        resize: both;
    }

    .resize-none {
        resize: none;
    }

    .list-disc {
        list-style-type: disc;
    }

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

    .appearance-none {
        appearance: none;
    }

    .columns-2 {
        columns: 2;
    }

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

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

    .flex-col {
        flex-direction: column;
    }

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

    .place-items-center {
        place-items: center;
    }

    .items-center {
        align-items: center;
    }

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

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

    .items-stretch {
        align-items: stretch;
    }

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

    .justify-center {
        justify-content: center;
    }

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

    .justify-start {
        justify-content: flex-start;
    }

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

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

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

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

    .gap-3\.5 {
        gap: calc(var(--spacing) * 3.5);
    }

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

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

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

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

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

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

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

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

    .gap-\[7px\] {
        gap: 7px;
    }

    .gap-\[8px\] {
        gap: 8px;
    }

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

    .gap-\[12px\] {
        gap: 12px;
    }

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

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

    .gap-\[16px\] {
        gap: 16px;
    }

    .gap-\[18px\] {
        gap: 18px;
    }

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

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

    .gap-\[28px\] {
        gap: 28px;
    }

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

    .gap-\[35px\] {
        gap: 35px;
    }

    .gap-\[40px\] {
        gap: 40px;
    }

    .gap-\[50px\] {
        gap: 50px;
    }

    .gap-\[55px\] {
        gap: 55px;
    }

    .gap-\[60px\] {
        gap: 60px;
    }

    .gap-\[80px\] {
        gap: 80px;
    }

    .gap-\[95px\] {
        gap: 95px;
    }

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

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

    .overflow-hidden {
        overflow: hidden;
    }

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

    .\!rounded-\[12px\] {
        border-radius: 12px !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .rounded-full {
        border-radius: calc(infinity * 1px);
    }

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

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

    .rounded-none {
        border-radius: 0;
    }

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

    .rounded-t-\[40px\] {
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
    }

    .rounded-tl-\[20px\] {
        border-top-left-radius: 20px;
    }

    .rounded-tr-\[20px\] {
        border-top-right-radius: 20px;
    }

    .rounded-b-\[24px\] {
        border-bottom-right-radius: 24px;
        border-bottom-left-radius: 24px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .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-b-2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px;
    }

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

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

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

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

    .\!border-\[rgba\(22\,21\,25\,0\.1\)\] {
        border-color: rgba(22, 21, 25, 0.1) !important;
    }

    .border-\[\#6248FF\] {
        border-color: #6248FF;
    }

    .border-\[\#080829\]\/\[0\.08\] {
        border-color: color-mix(in oklab, #080829 8%, transparent);
    }

    .border-\[\#161519\]\/10 {
        border-color: color-mix(in oklab, #161519 10%, transparent);
    }

    .border-\[\#E5E5E5\] {
        border-color: #E5E5E5;
    }

    .border-\[\#EFF1F7\] {
        border-color: #EFF1F7;
    }

    .border-\[\#d9d9d9\] {
        border-color: #d9d9d9;
    }

    .border-\[\#e6e8f0\] {
        border-color: #e6e8f0;
    }

    .border-\[\#ecedf0\] {
        border-color: #ecedf0;
    }

    .border-\[\#f6f7fa\] {
        border-color: #f6f7fa;
    }

    .border-\[hsla\(0\,0\%\,100\%\,0\)\] {
        border-color: hsla(0, 0%, 100%, 0);
    }

    .border-\[linear-gradient\(330deg\,\#6f2bff_0\%\,\#ff2f2f_48\.01\%\,\#ffaf2f_99\.04\%\)\] {
        border-color: linear-gradient(330deg, #6f2bff 0%, #ff2f2f 48.01%, #ffaf2f 99.04%);
    }

    .border-\[rgb\(22_21_25\/0\.10\)\] {
        border-color: rgb(22 21 25/0.10);
    }

    .border-\[rgb\(22_21_25\/10\%\)\] {
        border-color: rgb(22 21 25/10%);
    }

    .border-\[rgba\(0\,0\,0\,0\.15\)\] {
        border-color: rgba(0, 0, 0, 0.15);
    }

    .border-\[rgba\(7\,21\,22\,0\.1\)\] {
        border-color: rgba(7, 21, 22, 0.1);
    }

    .border-\[rgba\(17\,17\,17\,0\.08\)\] {
        border-color: rgba(17, 17, 17, 0.08);
    }

    .border-\[rgba\(20\,24\,32\,0\.24\)\] {
        border-color: rgba(20, 24, 32, 0.24);
    }

    .border-\[rgba\(22\,21\,25\,0\.1\)\] {
        border-color: rgba(22, 21, 25, 0.1);
    }

    .border-\[rgba\(22\,21\,25\,0\.06\)\] {
        border-color: rgba(22, 21, 25, 0.06);
    }

    .border-\[rgba\(22\,21\,25\,0\.08\)\] {
        border-color: rgba(22, 21, 25, 0.08);
    }

    .border-\[rgba\(22\,21\,25\,0\.10\)\] {
        border-color: rgba(22, 21, 25, 0.10);
    }

    .border-\[rgba\(22\,21\,25\,0\.15\)\] {
        border-color: rgba(22, 21, 25, 0.15);
    }

    .border-\[rgba\(22\,21\,25\,_0\.1\)\] {
        border-color: rgba(22, 21, 25, 0.1);
    }

    .border-\[rgba\(22\,22\,22\,0\.1\)\] {
        border-color: rgba(22, 22, 22, 0.1);
    }

    .border-\[rgba\(22\,22\,22\,0\.15\)\] {
        border-color: rgba(22, 22, 22, 0.15);
    }

    .border-\[rgba\(22\,_21\,_25\,_0\.1\)\] {
        border-color: rgba(22, 21, 25, 0.1);
    }

    .border-\[rgba\(73\,72\,81\,0\.1\)\] {
        border-color: rgba(73, 72, 81, 0.1);
    }

    .border-\[rgba\(91\,108\,255\,0\.1\)\] {
        border-color: rgba(91, 108, 255, 0.1);
    }

    .border-\[rgba\(98\,72\,255\,0\.1\)\] {
        border-color: rgba(98, 72, 255, 0.1);
    }

    .border-\[rgba\(119\,118\,122\,0\.1\)\] {
        border-color: rgba(119, 118, 122, 0.1);
    }

    .border-\[rgba\(119\,118\,122\,0\.2\)\] {
        border-color: rgba(119, 118, 122, 0.2);
    }

    .border-\[rgba\(119\,118\,122\,0\.08\)\] {
        border-color: rgba(119, 118, 122, 0.08);
    }

    .border-\[rgba\(217\,217\,217\,0\.3\)\] {
        border-color: rgba(217, 217, 217, 0.3);
    }

    .border-\[rgba\(231\,229\,242\,0\.1\)\] {
        border-color: rgba(231, 229, 242, 0.1);
    }

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

    .border-\[rgba\(255\,255\,255\,0\.2\)\] {
        border-color: rgba(255, 255, 255, 0.2);
    }

    .border-\[rgba\(255\,255\,255\,0\.7\)\] {
        border-color: rgba(255, 255, 255, 0.7);
    }

    .border-\[rgba\(255\,255\,255\,0\.08\)\] {
        border-color: rgba(255, 255, 255, 0.08);
    }

    .border-\[rgba\(255\,255\,255\,0\.15\)\] {
        border-color: rgba(255, 255, 255, 0.15);
    }

    .border-\[rgba\(255\,255\,255\,0\.25\)\] {
        border-color: rgba(255, 255, 255, 0.25);
    }

    .border-\[rgba\(255\,255\,255\,_0\.5\)\] {
        border-color: rgba(255, 255, 255, 0.5);
    }

    .border-\[rgba\(555\,555\,555\,0\.15\)\] {
        border-color: rgba(555, 555, 555, 0.15);
    }

    .border-black {
        border-color: var(--color-black);
    }

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

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

    .border-gray-900\/10 {
        border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
        }
    }

    .border-grey-200 {
        border-color: var(--color-grey-200);
    }

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

    .border-transparent {
        border-color: transparent;
    }

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

    .border-white\/10 {
        border-color: color-mix(in srgb, #ffffff 10%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }

    .border-white\/15 {
        border-color: color-mix(in srgb, #ffffff 15%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
    }

    .border-white\/20 {
        border-color: color-mix(in srgb, #ffffff 20%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
    }

    .border-t-\[rgba\(22\,21\,25\,_0\.15\)\] {
        border-top-color: rgba(22, 21, 25, 0.15);
    }

    .border-b-\[rgba\(255\,255\,255\,0\.2\)\] {
        border-bottom-color: rgba(255, 255, 255, 0.2);
    }

    .\!bg-transparent {
        background-color: transparent !important;
    }

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

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

    .bg-\[\#3fe0c5\] {
        background-color: #3fe0c5;
    }

    .bg-\[\#5fa978\] {
        background-color: #5fa978;
    }

    .bg-\[\#9fe870\] {
        background-color: #9fe870;
    }

    .bg-\[\#43B6F9\] {
        background-color: #43B6F9;
    }

    .bg-\[\#78CEF8\] {
        background-color: #78CEF8;
    }

    .bg-\[\#110e2f\] {
        background-color: #110e2f;
    }

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

    .bg-\[\#573df1\] {
        background-color: #573df1;
    }

    .bg-\[\#713dff\] {
        background-color: #713dff;
    }

    .bg-\[\#806cf7\] {
        background-color: #806cf7;
    }

    .bg-\[\#6248FF\] {
        background-color: #6248FF;
    }

    .bg-\[\#6248ff\] {
        background-color: #6248ff;
    }

    .bg-\[\#6344ff\] {
        background-color: #6344ff;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .bg-\[hsla\(0\,0\%\,0\%\,1\)\] {
        background-color: hsla(0, 0%, 0%, 1);
    }

    .bg-\[rgba\(000\,_000\,_000\,_0\.6\)\] {
        background-color: rgba(000, 000, 000, 0.6);
    }

    .bg-\[rgba\(17\,17\,17\,0\.1\)\] {
        background-color: rgba(17, 17, 17, 0.1);
    }

    .bg-\[rgba\(20\,17\,37\,0\.08\)\] {
        background-color: rgba(20, 17, 37, 0.08);
    }

    .bg-\[rgba\(22\,21\,25\,0\.04\)\] {
        background-color: rgba(22, 21, 25, 0.04);
    }

    .bg-\[rgba\(22\,21\,25\,0\.06\)\] {
        background-color: rgba(22, 21, 25, 0.06);
    }

    .bg-\[rgba\(40\,26\,67\,0\.1\)\] {
        background-color: rgba(40, 26, 67, 0.1);
    }

    .bg-\[rgba\(73\,72\,81\,0\.1\)\] {
        background-color: rgba(73, 72, 81, 0.1);
    }

    .bg-\[rgba\(98\,72\,255\,0\.06\)\] {
        background-color: rgba(98, 72, 255, 0.06);
    }

    .bg-\[rgba\(163\,220\,198\,0\.5\)\] {
        background-color: rgba(163, 220, 198, 0.5);
    }

    .bg-\[rgba\(165\,211\,250\,0\.5\)\] {
        background-color: rgba(165, 211, 250, 0.5);
    }

    .bg-\[rgba\(200\,194\,219\,_0\.2\)\] {
        background-color: rgba(200, 194, 219, 0.2);
    }

    .bg-\[rgba\(231\,229\,242\,0\.1\)\] {
        background-color: rgba(231, 229, 242, 0.1);
    }

    .bg-\[rgba\(246\,247\,250\,0\.9\)\] {
        background-color: rgba(246, 247, 250, 0.9);
    }

    .bg-\[rgba\(251\,206\,160\,0\.7\)\] {
        background-color: rgba(251, 206, 160, 0.7);
    }

    .bg-\[rgba\(255\,255\,255\,0\.06\)\] {
        background-color: rgba(255, 255, 255, 0.06);
    }

    .bg-\[rgba\(255\,255\,255\,0\.8\)\] {
        background-color: rgba(255, 255, 255, 0.8);
    }

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

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

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

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

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

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

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

    .bg-transparent {
        background-color: transparent;
    }

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

    .bg-white\/10 {
        background-color: color-mix(in srgb, #ffffff 10%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }

    .bg-white\/15 {
        background-color: color-mix(in srgb, #ffffff 15%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
    }

    .bg-linear-to-r {
        --tw-gradient-position: to right;

        @supports (background-image: linear-gradient(in lab, red, red)) {
            --tw-gradient-position: to right in oklab;
        }

        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-gradient-to-b {
        --tw-gradient-position: to bottom 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-\[linear-gradient\(0deg\,\#f6f7fa_0\%\,rgba\(246\,247\,250\,0\)_100\%\)\] {
        background-image: linear-gradient(0deg, #f6f7fa 0%, rgba(246, 247, 250, 0) 100%);
    }

    .bg-\[linear-gradient\(0deg\,\#fff_0\%\,\#fff_15\%\,rgba\(255\,255\,255\,0\)_100\%\)\] {
        background-image: linear-gradient(0deg, #fff 0%, #fff 15%, rgba(255, 255, 255, 0) 100%);
    }

    .bg-\[linear-gradient\(0deg\,rgba\(246\,247\,250\,0\)_0\%\,\#F6F7FA_90\.63\%\)\] {
        background-image: linear-gradient(0deg, rgba(246, 247, 250, 0) 0%, #F6F7FA 90.63%);
    }

    .bg-\[linear-gradient\(46deg\,rgba\(120\,97\,255\,0\.16\)_8\.78\%\,rgba\(158\,218\,255\,0\.16\)_94\.01\%\)\] {
        background-image: linear-gradient(46deg, rgba(120, 97, 255, 0.16) 8.78%, rgba(158, 218, 255, 0.16) 94.01%);
    }

    .bg-\[linear-gradient\(62deg\,\#ffac5a_0\%\,\#fd6cb4_56\.09\%\,\#a168f9_100\%\)\] {
        background-image: linear-gradient(62deg, #ffac5a 0%, #fd6cb4 56.09%, #a168f9 100%);
    }

    .bg-\[linear-gradient\(90deg\,\#6248ff_0\%\,rgba\(98\,72\,255\,0\)_100\%\)\] {
        background-image: linear-gradient(90deg, #6248ff 0%, rgba(98, 72, 255, 0) 100%);
    }

    .bg-\[linear-gradient\(90deg\,_\#F6F7FA_0\%\,_rgba\(246\,247\,250\,0\)_100\%\)\] {
        background-image: linear-gradient(90deg, #F6F7FA 0%, rgba(246, 247, 250, 0) 100%);
    }

    .bg-\[linear-gradient\(180deg\,\#34258f_0\%\,\#f6f7fa_100\%\)\] {
        background-image: linear-gradient(180deg, #34258f 0%, #f6f7fa 100%);
    }

    .bg-\[linear-gradient\(180deg\,\#f6f7fa_0\%\,rgba\(246\,247\,250\,0\)_100\%\)\] {
        background-image: linear-gradient(180deg, #f6f7fa 0%, rgba(246, 247, 250, 0) 100%);
    }

    .bg-\[linear-gradient\(180deg\,\#fff_0\%\,\#f6f7fa_100\%\)\] {
        background-image: linear-gradient(180deg, #fff 0%, #f6f7fa 100%);
    }

    .bg-\[linear-gradient\(180deg\,_\#f6f7fa_0\%\,_rgba\(246\,247\,250\,0\)_100\%\)\] {
        background-image: linear-gradient(180deg, #f6f7fa 0%, rgba(246, 247, 250, 0) 100%);
    }

    .bg-\[linear-gradient\(180deg\,_rgba\(246\,247\,250\,0\)_0\%\,_\#f6f7fa_100\%\)\] {
        background-image: linear-gradient(180deg, rgba(246, 247, 250, 0) 0%, #f6f7fa 100%);
    }

    .bg-\[linear-gradient\(180deg\,rgba\(246\,247\,250\,0\)_0\%\,\#F6F7FA_93\.62\%\)\] {
        background-image: linear-gradient(180deg, rgba(246, 247, 250, 0) 0%, #F6F7FA 93.62%);
    }

    .bg-\[linear-gradient\(209deg\,_rgba\(255\,255\,255\,0\.65\)_0\%\,_rgba\(255\,255\,255\,0\.35\)_100\%\)\] {
        background-image: linear-gradient(209deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.35) 100%);
    }

    .bg-\[linear-gradient\(209deg\,rgba\(22\,21\,25\,0\.15\)_0\%\,rgba\(22\,21\,25\,0\.15\)_100\%\)\] {
        background-image: linear-gradient(209deg, rgba(22, 21, 25, 0.15) 0%, rgba(22, 21, 25, 0.15) 100%);
    }

    .bg-\[linear-gradient\(209deg\,rgba\(22\,21\,25\,0\.25\)_0\%\,rgba\(22\,21\,25\,0\.25\)_100\%\)\] {
        background-image: linear-gradient(209deg, rgba(22, 21, 25, 0.25) 0%, rgba(22, 21, 25, 0.25) 100%);
    }

    .bg-\[linear-gradient\(209deg\,rgba\(255\,255\,255\,0\.2\)_0\%\,rgba\(255\,255\,255\,0\.2\)_100\%\)\] {
        background-image: linear-gradient(209deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    }

    .bg-\[linear-gradient\(209deg\,rgba\(255\,255\,255\,0\.4\)_0\%\,rgba\(255\,255\,255\,0\.4\)_100\%\)\] {
        background-image: linear-gradient(209deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%);
    }

    .bg-\[linear-gradient\(209deg\,rgba\(255\,255\,255\,0\.15\)_0\%\,rgba\(255\,255\,255\,0\.15\)_100\%\)\] {
        background-image: linear-gradient(209deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
    }

    .bg-\[linear-gradient\(270deg\,\#f6f7fa_0\%\,rgba\(244\,242\,241\,0\)_100\%\)\] {
        background-image: linear-gradient(270deg, #f6f7fa 0%, rgba(244, 242, 241, 0) 100%);
    }

    .bg-\[linear-gradient\(270deg\,rgba\(17\,14\,47\,0\)_0\%\,\#110e2f_22\.93\%\)\] {
        background-image: linear-gradient(270deg, rgba(17, 14, 47, 0) 0%, #110e2f 22.93%);
    }

    .bg-\[linear-gradient\(323deg\,\#49fbed_0\%\,\#55f6aa_52\.88\%\,\#e0fc4f_100\%\)\] {
        background-image: linear-gradient(323deg, #49fbed 0%, #55f6aa 52.88%, #e0fc4f 100%);
    }

    .from-\[\#8D59FF00\] {
        --tw-gradient-from: #8D59FF00;
        --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-\[\#b0e8fd\] {
        --tw-gradient-from: #b0e8fd;
        --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-\[\#dbff72\] {
        --tw-gradient-from: #dbff72;
        --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-\[\#ffccfa\] {
        --tw-gradient-from: #ffccfa;
        --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-zinc-800 {
        --tw-gradient-from: var(--color-zinc-800);
        --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-\[\#5fa978\] {
        --tw-gradient-to: #5fa978;
        --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-\[\#6ff29b\] {
        --tw-gradient-to: #6ff29b;
        --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-\[\#d7f3fe\] {
        --tw-gradient-to: #d7f3fe;
        --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-\[\#ffe6fd\] {
        --tw-gradient-to: #ffe6fd;
        --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 {
        --tw-gradient-to: 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));
    }

    .decoration-slice {
        -webkit-box-decoration-break: slice;
        box-decoration-break: slice;
    }

    .bg-cover {
        background-size: cover;
    }

    .bg-center {
        background-position: center;
    }

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

    .object-contain {
        object-fit: contain;
    }

    .object-cover {
        object-fit: cover;
    }

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

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

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

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

    .p-12\.5 {
        padding: calc(var(--spacing) * 12.5);
    }

    .p-\[0px_15px_15px_15px\] {
        padding: 0px 15px 15px 15px;
    }

    .p-\[0px_20px_36px_35px\] {
        padding: 0px 20px 36px 35px;
    }

    .p-\[0px_30px_30px_30px\] {
        padding: 0px 30px 30px 30px;
    }

    .p-\[3px_9px\] {
        padding: 3px 9px;
    }

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

    .p-\[3px_14px\] {
        padding: 3px 14px;
    }

    .p-\[3px_14px_0px_14px\] {
        padding: 3px 14px 0px 14px;
    }

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

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

    .p-\[4px_11px\] {
        padding: 4px 11px;
    }

    .p-\[5px_11px\] {
        padding: 5px 11px;
    }

    .p-\[6px_6px_6px_17px\] {
        padding: 6px 6px 6px 17px;
    }

    .p-\[6px_15px_6px_15px\] {
        padding: 6px 15px 6px 15px;
    }

    .p-\[6px_17px\] {
        padding: 6px 17px;
    }

    .p-\[7px_15px\] {
        padding: 7px 15px;
    }

    .p-\[7px_16px\] {
        padding: 7px 16px;
    }

    .p-\[8px\] {
        padding: 8px;
    }

    .p-\[9px_15px_13px_15px\] {
        padding: 9px 15px 13px 15px;
    }

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

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

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

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

    .p-\[11px_30px_11px_11px\] {
        padding: 11px 30px 11px 11px;
    }

    .p-\[12px_12px_12px_25px\] {
        padding: 12px 12px 12px 25px;
    }

    .p-\[15px\] {
        padding: 15px;
    }

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

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

    .p-\[15px_33px_15px_15px\] {
        padding: 15px 33px 15px 15px;
    }

    .p-\[17px_26px_0px_26px\] {
        padding: 17px 26px 0px 26px;
    }

    .p-\[18px_20px_15px_20px\] {
        padding: 18px 20px 15px 20px;
    }

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

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

    .p-\[20px_19px_14px_19px\] {
        padding: 20px 19px 14px 19px;
    }

    .p-\[20px_20px_18px_22px\] {
        padding: 20px 20px 18px 22px;
    }

    .p-\[20px_20px_18px_24px\] {
        padding: 20px 20px 18px 24px;
    }

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

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

    .p-\[20px_25px_30px_25px\] {
        padding: 20px 25px 30px 25px;
    }

    .p-\[20px_30px_13px_22px\] {
        padding: 20px 30px 13px 22px;
    }

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

    .p-\[21px_30px_21px_26px\] {
        padding: 21px 30px 21px 26px;
    }

    .p-\[22px_25px_0px_20px\] {
        padding: 22px 25px 0px 20px;
    }

    .p-\[24px_25px_20px_30px\] {
        padding: 24px 25px 20px 30px;
    }

    .p-\[25px\] {
        padding: 25px;
    }

    .p-\[25px_20px_14px_20px\] {
        padding: 25px 20px 14px 20px;
    }

    .p-\[25px_20px_50px_30px\] {
        padding: 25px 20px 50px 30px;
    }

    .p-\[25px_28px_20px_28px\] {
        padding: 25px 28px 20px 28px;
    }

    .p-\[25px_30px_30px\] {
        padding: 25px 30px 30px;
    }

    .p-\[28px_30px_25px_30px\] {
        padding: 28px 30px 25px 30px;
    }

    .p-\[28px_55px_25px_30px\] {
        padding: 28px 55px 25px 30px;
    }

    .p-\[30px\] {
        padding: 30px;
    }

    .p-\[30px_20px_36px_35px\] {
        padding: 30px 20px 36px 35px;
    }

    .p-\[30px_20px_44px_20px\] {
        padding: 30px 20px 44px 20px;
    }

    .p-\[30px_30px_23px_30px\] {
        padding: 30px 30px 23px 30px;
    }

    .p-\[30px_30px_24px_30px\] {
        padding: 30px 30px 24px 30px;
    }

    .p-\[30px_30px_25px_30px\] {
        padding: 30px 30px 25px 30px;
    }

    .p-\[30px_34px_24px_34px\] {
        padding: 30px 34px 24px 34px;
    }

    .p-\[30px_35px_0px_35px\] {
        padding: 30px 35px 0px 35px;
    }

    .p-\[30px_40px_23px_40px\] {
        padding: 30px 40px 23px 40px;
    }

    .p-\[30px_40px_30px_40px\] {
        padding: 30px 40px 30px 40px;
    }

    .p-\[32px_50px\] {
        padding: 32px 50px;
    }

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

    .p-\[33px_25px_25px_40px\] {
        padding: 33px 25px 25px 40px;
    }

    .p-\[34px_40px_34px_40px\] {
        padding: 34px 40px 34px 40px;
    }

    .p-\[34px_40px_40px_40px\] {
        padding: 34px 40px 40px 40px;
    }

    .p-\[35px_0px_0px_20px\] {
        padding: 35px 0px 0px 20px;
    }

    .p-\[35px_20px_0px_20px\] {
        padding: 35px 20px 0px 20px;
    }

    .p-\[35px_30px_0_30px\] {
        padding: 35px 30px 0 30px;
    }

    .p-\[35px_30px_10px_30px\] {
        padding: 35px 30px 10px 30px;
    }

    .p-\[35px_30px_30px_30px\] {
        padding: 35px 30px 30px 30px;
    }

    .p-\[35px_35px_0_35px\] {
        padding: 35px 35px 0 35px;
    }

    .p-\[35px_35px_0px_35px\] {
        padding: 35px 35px 0px 35px;
    }

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

    .p-\[35px_35px_32px_35px\] {
        padding: 35px 35px 32px 35px;
    }

    .p-\[35px_35px_40px_35px\] {
        padding: 35px 35px 40px 35px;
    }

    .p-\[35px_35px_50px_35px\] {
        padding: 35px 35px 50px 35px;
    }

    .p-\[35px_40px_40px_40px\] {
        padding: 35px 40px 40px 40px;
    }

    .p-\[35px_42px_0px_42px\] {
        padding: 35px 42px 0px 42px;
    }

    .p-\[35px_42px_40px_42px\] {
        padding: 35px 42px 40px 42px;
    }

    .p-\[35px_150px_30px_30px\] {
        padding: 35px 150px 30px 30px;
    }

    .p-\[36px_34px_36px_34px\] {
        padding: 36px 34px 36px 34px;
    }

    .p-\[36px_36px_31px_40px\] {
        padding: 36px 36px 31px 40px;
    }

    .p-\[36px_40px_30px_40px\] {
        padding: 36px 40px 30px 40px;
    }

    .p-\[37px_20px_36px_35px\] {
        padding: 37px 20px 36px 35px;
    }

    .p-\[37px_30px_40px_30px\] {
        padding: 37px 30px 40px 30px;
    }

    .p-\[37px_34px_14px_34px\] {
        padding: 37px 34px 14px 34px;
    }

    .p-\[37px_40px_0_40px\] {
        padding: 37px 40px 0 40px;
    }

    .p-\[37px_40px_54px_40px\] {
        padding: 37px 40px 54px 40px;
    }

    .p-\[37px_50px_37px_50px\] {
        padding: 37px 50px 37px 50px;
    }

    .p-\[38px_30px_34px_40px\] {
        padding: 38px 30px 34px 40px;
    }

    .p-\[38px_40px_24px_40px\] {
        padding: 38px 40px 24px 40px;
    }

    .p-\[40px_10px_35px_40px\] {
        padding: 40px 10px 35px 40px;
    }

    .p-\[40px_30px\] {
        padding: 40px 30px;
    }

    .p-\[40px_32px_0px_32px\] {
        padding: 40px 32px 0px 32px;
    }

    .p-\[40px_34px_40px_34px\] {
        padding: 40px 34px 40px 34px;
    }

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

    .p-\[40px_40px_30px_40px\] {
        padding: 40px 40px 30px 40px;
    }

    .p-\[40px_40px_36px_40px\] {
        padding: 40px 40px 36px 40px;
    }

    .p-\[40px_40px_40px_40px\] {
        padding: 40px 40px 40px 40px;
    }

    .p-\[40px_40px_43px_40px\] {
        padding: 40px 40px 43px 40px;
    }

    .p-\[40px_50px_30px_50px\] {
        padding: 40px 50px 30px 50px;
    }

    .p-\[40px_50px_40px_50px\] {
        padding: 40px 50px 40px 50px;
    }

    .p-\[40px_62px_50px_40px\] {
        padding: 40px 62px 50px 40px;
    }

    .p-\[44px_0px_44px_50px\] {
        padding: 44px 0px 44px 50px;
    }

    .p-\[45px_20px_46px_20px\] {
        padding: 45px 20px 46px 20px;
    }

    .p-\[45px_30px_30px_30px\] {
        padding: 45px 30px 30px 30px;
    }

    .p-\[45px_30px_37px_30px\] {
        padding: 45px 30px 37px 30px;
    }

    .p-\[45px_46px_40px_40px\] {
        padding: 45px 46px 40px 40px;
    }

    .p-\[45px_50px_45px_50px\] {
        padding: 45px 50px 45px 50px;
    }

    .p-\[45px_60px_47px_40px\] {
        padding: 45px 60px 47px 40px;
    }

    .p-\[46px_60px_60px_60px\] {
        padding: 46px 60px 60px 60px;
    }

    .p-\[47px_40px_0_40px\] {
        padding: 47px 40px 0 40px;
    }

    .p-\[50px\] {
        padding: 50px;
    }

    .p-\[50px_20px_86px_20px\] {
        padding: 50px 20px 86px 20px;
    }

    .p-\[50px_30px_0px_30px\] {
        padding: 50px 30px 0px 30px;
    }

    .p-\[50px_34px_24px_34px\] {
        padding: 50px 34px 24px 34px;
    }

    .p-\[50px_40px_43px_40px\] {
        padding: 50px 40px 43px 40px;
    }

    .p-\[50px_50px_0px_50px\] {
        padding: 50px 50px 0px 50px;
    }

    .p-\[50px_50px_30px_50px\] {
        padding: 50px 50px 30px 50px;
    }

    .p-\[50px_50px_42px_50px\] {
        padding: 50px 50px 42px 50px;
    }

    .p-\[50px_50px_45px_50px\] {
        padding: 50px 50px 45px 50px;
    }

    .p-\[50px_60px_0_95px\] {
        padding: 50px 60px 0 95px;
    }

    .p-\[50px_60px_40px_50px\] {
        padding: 50px 60px 40px 50px;
    }

    .p-\[50px_80px_50px_80px\] {
        padding: 50px 80px 50px 80px;
    }

    .p-\[57px_0_57px_40px\] {
        padding: 57px 0 57px 40px;
    }

    .p-\[59px_20px_36px_35px\] {
        padding: 59px 20px 36px 35px;
    }

    .p-\[60px\] {
        padding: 60px;
    }

    .p-\[60px_60px_60px_60px\] {
        padding: 60px 60px 60px 60px;
    }

    .p-\[75px_70px_75px_80px\] {
        padding: 75px 70px 75px 80px;
    }

    .p-\[77px_60px_90px_95px\] {
        padding: 77px 60px 90px 95px;
    }

    .p-\[80px\] {
        padding: 80px;
    }

    .p-\[80px_80px_40px_80px\] {
        padding: 80px 80px 40px 80px;
    }

    .p-\[84px_30px_80px_60px\] {
        padding: 84px 30px 80px 60px;
    }

    .p-\[87px_60px_100px_95px\] {
        padding: 87px 60px 100px 95px;
    }

    .p-\[89px_80px_60px_80px\] {
        padding: 89px 80px 60px 80px;
    }

    .p-\[90px_90px_35px_90px\] {
        padding: 90px 90px 35px 90px;
    }

    .p-\[90px_120px_100px_120px\] {
        padding: 90px 120px 100px 120px;
    }

    .p-\[92px_100px_55px_100px\] {
        padding: 92px 100px 55px 100px;
    }

    .p-\[100px\] {
        padding: 100px;
    }

    .p-\[100px_105px_108px_105px\] {
        padding: 100px 105px 108px 105px;
    }

    .p-\[120px_90px_120px_90px\] {
        padding: 120px 90px 120px 90px;
    }

    .\!px-5 {
        padding-inline: calc(var(--spacing) * 5) !important;
    }

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

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

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

    .px-3\.75 {
        padding-inline: calc(var(--spacing) * 3.75);
    }

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

    .px-4\.5 {
        padding-inline: calc(var(--spacing) * 4.5);
    }

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

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

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

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

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

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

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

    .px-\[12px\] {
        padding-inline: 12px;
    }

    .px-\[14px\] {
        padding-inline: 14px;
    }

    .px-\[15px\] {
        padding-inline: 15px;
    }

    .px-\[17px\] {
        padding-inline: 17px;
    }

    .px-\[18px\] {
        padding-inline: 18px;
    }

    .px-\[19px\] {
        padding-inline: 19px;
    }

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

    .px-\[24px\] {
        padding-inline: 24px;
    }

    .px-\[25px\] {
        padding-inline: 25px;
    }

    .px-\[26px\] {
        padding-inline: 26px;
    }

    .px-\[30px\] {
        padding-inline: 30px;
    }

    .px-\[32px\] {
        padding-inline: 32px;
    }

    .px-\[35px\] {
        padding-inline: 35px;
    }

    .px-\[38px\] {
        padding-inline: 38px;
    }

    .px-\[40px\] {
        padding-inline: 40px;
    }

    .px-\[44px\] {
        padding-inline: 44px;
    }

    .px-\[55px\] {
        padding-inline: 55px;
    }

    .px-\[85px\] {
        padding-inline: 85px;
    }

    .px-\[100px\] {
        padding-inline: 100px;
    }

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

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

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

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

    .py-3\.75 {
        padding-block: calc(var(--spacing) * 3.75);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ps-\[26px\] {
        padding-inline-start: 26px;
    }

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

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

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

    .pt-17\.5 {
        padding-top: calc(var(--spacing) * 17.5);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pr-2\.5 {
        padding-right: calc(var(--spacing) * 2.5);
    }

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

    .pr-\[6px\] {
        padding-right: 6px;
    }

    .pr-\[8px\] {
        padding-right: 8px;
    }

    .pr-\[10px\] {
        padding-right: 10px;
    }

    .pr-\[15px\] {
        padding-right: 15px;
    }

    .pr-\[20px\] {
        padding-right: 20px;
    }

    .pr-\[23px\] {
        padding-right: 23px;
    }

    .pr-\[30px\] {
        padding-right: 30px;
    }

    .pr-\[40px\] {
        padding-right: 40px;
    }

    .pr-\[60px\] {
        padding-right: 60px;
    }

    .pr-\[80px\] {
        padding-right: 80px;
    }

    .pr-\[145px\] {
        padding-right: 145px;
    }

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

    .pb-2\.5 {
        padding-bottom: calc(var(--spacing) * 2.5);
    }

    .pb-4\.5 {
        padding-bottom: calc(var(--spacing) * 4.5);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pl-\[13px\] {
        padding-left: 13px;
    }

    .pl-\[14px\] {
        padding-left: 14px;
    }

    .pl-\[15px\] {
        padding-left: 15px;
    }

    .pl-\[16px\] {
        padding-left: 16px;
    }

    .pl-\[18px\] {
        padding-left: 18px;
    }

    .pl-\[19px\] {
        padding-left: 19px;
    }

    .pl-\[24px\] {
        padding-left: 24px;
    }

    .pl-\[30px\] {
        padding-left: 30px;
    }

    .pl-\[35px\] {
        padding-left: 35px;
    }

    .pl-\[48px\] {
        padding-left: 48px;
    }

    .pl-\[56px\] {
        padding-left: 56px;
    }

    .pl-\[60px\] {
        padding-left: 60px;
    }

    .pl-\[80px\] {
        padding-left: 80px;
    }

    .pl-\[100px\] {
        padding-left: 100px;
    }

    .pl-\[120px\] {
        padding-left: 120px;
    }

    .text-center {
        text-align: center;
    }

    .text-end {
        text-align: end;
    }

    .text-left {
        text-align: left;
    }

    .text-right {
        text-align: right;
    }

    .font-body {
        font-family: var(--font-body);
    }

    .font-display {
        font-family: var(--font-display);
    }

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

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

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

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

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

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

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

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

    .\!text-\[15px\] {
        font-size: 15px !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .\!leading-\[52px\] {
        --tw-leading: 52px !important;
        line-height: 52px !important;
    }

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

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

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

    .leading-11\.5 {
        --tw-leading: calc(var(--spacing) * 11.5);
        line-height: calc(var(--spacing) * 11.5);
    }

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

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

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

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

    .leading-\[1\.3\] {
        --tw-leading: 1.3;
        line-height: 1.3;
    }

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

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

    .leading-\[1\.17\] {
        --tw-leading: 1.17;
        line-height: 1.17;
    }

    .leading-\[1\.25\] {
        --tw-leading: 1.25;
        line-height: 1.25;
    }

    .leading-\[1\.33\] {
        --tw-leading: 1.33;
        line-height: 1.33;
    }

    .leading-\[1\.44\] {
        --tw-leading: 1.44;
        line-height: 1.44;
    }

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

    .leading-\[1\.57\] {
        --tw-leading: 1.57;
        line-height: 1.57;
    }

    .leading-\[1\.63\] {
        --tw-leading: 1.63;
        line-height: 1.63;
    }

    .leading-\[1\.89\] {
        --tw-leading: 1.89;
        line-height: 1.89;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .leading-none {
        --tw-leading: 1;
        line-height: 1;
    }

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

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

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

    .font-\[16px\] {
        --tw-font-weight: 16px;
        font-weight: 16px;
    }

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

    .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\.01em\] {
        --tw-tracking: -0.01em;
        letter-spacing: -0.01em;
    }

    .tracking-\[-0\.02em\] {
        --tw-tracking: -0.02em;
        letter-spacing: -0.02em;
    }

    .tracking-\[-0\.03em\] {
        --tw-tracking: -0.03em;
        letter-spacing: -0.03em;
    }

    .tracking-\[-0\.04em\] {
        --tw-tracking: -0.04em;
        letter-spacing: -0.04em;
    }

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

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

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

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

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

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

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

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

    .tracking-\[0\.1em\] {
        --tw-tracking: 0.1em;
        letter-spacing: 0.1em;
    }

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

    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight);
    }

    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide);
    }

    .\!text-\[\#87888A\] {
        color: #87888A !important;
    }

    .text-\[\#000\] {
        color: #000;
    }

    .text-\[\#000000\] {
        color: #000000;
    }

    .text-\[\#3d3d3d\] {
        color: #3d3d3d;
    }

    .text-\[\#5B4DFF\] {
        color: #5B4DFF;
    }

    .text-\[\#5b6cff\] {
        color: #5b6cff;
    }

    .text-\[\#5f6a77\] {
        color: #5f6a77;
    }

    .text-\[\#7C7C7C\] {
        color: #7C7C7C;
    }

    .text-\[\#26D27A\] {
        color: #26D27A;
    }

    .text-\[\#6248FF\] {
        color: #6248FF;
    }

    .text-\[\#6248ff\] {
        color: #6248ff;
    }

    .text-\[\#6344ff\] {
        color: #6344ff;
    }

    .text-\[\#7761ff\] {
        color: #7761ff;
    }

    .text-\[\#072929\] {
        color: #072929;
    }

    .text-\[\#77767A\] {
        color: #77767A;
    }

    .text-\[\#77767a\] {
        color: #77767a;
    }

    .text-\[\#87888A\] {
        color: #87888A;
    }

    .text-\[\#161519\] {
        color: #161519;
    }

    .text-\[\#161616\] {
        color: #161616;
    }

    .text-\[\#202124\] {
        color: #202124;
    }

    .text-\[\#333333\] {
        color: #333333;
    }

    .text-\[\#494851\] {
        color: #494851;
    }

    .text-\[\#939498\] {
        color: #939498;
    }

    .text-\[\#BABBBB\] {
        color: #BABBBB;
    }

    .text-\[\#F9A114\] {
        color: #F9A114;
    }

    .text-\[\#bfbfbf\] {
        color: #bfbfbf;
    }

    .text-\[\#e8fdb8\] {
        color: #e8fdb8;
    }

    .text-\[\#fff\] {
        color: #fff;
    }

    .text-\[rgba\(22\,21\,25\,0\.8\)\] {
        color: rgba(22, 21, 25, 0.8);
    }

    .text-\[rgba\(71\,71\,71\,0\.6\)\] {
        color: rgba(71, 71, 71, 0.6);
    }

    .text-\[rgba\(71\,71\,71\,0\.7\)\] {
        color: rgba(71, 71, 71, 0.7);
    }

    .text-\[rgba\(231\,229\,242\,0\.7\)\] {
        color: rgba(231, 229, 242, 0.7);
    }

    .text-\[rgba\(255\,255\,255\,0\.6\)\] {
        color: rgba(255, 255, 255, 0.6);
    }

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

    .text-\[rgba\(255\,255\,255\,0\.80\)\] {
        color: rgba(255, 255, 255, 0.80);
    }

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

    .text-black\/60 {
        color: color-mix(in srgb, #161519 60%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-black) 60%, transparent);
        }
    }

    .text-black\/70 {
        color: color-mix(in srgb, #161519 70%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-black) 70%, transparent);
        }
    }

    .text-gray-300 {
        color: var(--color-gray-300);
    }

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

    .text-gray-600 {
        color: var(--color-gray-600);
    }

    .text-gray-900 {
        color: var(--color-gray-900);
    }

    .text-grey {
        color: var(--color-grey);
    }

    .text-grey-100 {
        color: var(--color-grey-100);
    }

    .text-grey-200 {
        color: var(--color-grey-200);
    }

    .text-grey-300 {
        color: var(--color-grey-300);
    }

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

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

    .text-white\/30 {
        color: color-mix(in srgb, #ffffff 30%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
    }

    .text-white\/70 {
        color: color-mix(in srgb, #ffffff 70%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 70%, transparent);
        }
    }

    .text-white\/80 {
        color: color-mix(in srgb, #ffffff 80%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 80%, transparent);
        }
    }

    .capitalize {
        text-transform: capitalize;
    }

    .uppercase {
        text-transform: uppercase;
    }

    .not-italic {
        font-style: normal;
    }

    .underline {
        text-decoration-line: underline;
    }

    .placeholder-white\/50 {
        &::placeholder {
            color: color-mix(in srgb, #ffffff 50%, transparent);

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, var(--color-white) 50%, transparent);
            }
        }
    }

    .opacity-0 {
        opacity: 0%;
    }

    .opacity-70 {
        opacity: 70%;
    }

    .opacity-80 {
        opacity: 80%;
    }

    .mix-blend-darken {
        mix-blend-mode: darken;
    }

    .mix-blend-luminosity {
        mix-blend-mode: luminosity;
    }

    .\!shadow-none {
        --tw-shadow: 0 0 #0000 !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-2xl {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[-20px_-20px_120px_0_rgba\(1\,16\,61\,0\.12\)\,10px_40px_40px_0_rgba\(1\,16\,61\,0\.06\)\] {
        --tw-shadow: -20px -20px 120px 0 var(--tw-shadow-color, rgba(1, 16, 61, 0.12)), 10px 40px 40px 0 var(--tw-shadow-color, rgba(1, 16, 61, 0.06));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[-20px_-20px_120px_0_rgba\(1\,16\,61\,0\.12\)\,_10px_40px_40px_0_rgba\(1\,16\,61\,0\.06\)\] {
        --tw-shadow: -20px -20px 120px 0 var(--tw-shadow-color, rgba(1, 16, 61, 0.12)), 10px 40px 40px 0 var(--tw-shadow-color, rgba(1, 16, 61, 0.06));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[-20px_20px_30px_0_rgba\(0\,0\,0\,0\.2\)\] {
        --tw-shadow: -20px 20px 30px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.2));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_0_0_1px_rgba\(120\,97\,255\,0\.16\)\,0_0_0_1px_rgba\(158\,218\,255\,0\.16\)\] {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(120, 97, 255, 0.16)), 0 0 0 1px var(--tw-shadow-color, rgba(158, 218, 255, 0.16));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_0_4px_0_rgba\(0\,0\,0\,0\.14\)\] {
        --tw-shadow: 0 0 4px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.14));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_0_20px_0_rgba\(255\,255\,255\,0\.16\)\] {
        --tw-shadow: 0 0 20px 0 var(--tw-shadow-color, rgba(255, 255, 255, 0.16));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_1px_3px_0_rgba\(3\,7\,22\,0\.1\)\] {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(3, 7, 22, 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_1px_3px_0_rgba\(20\,24\,32\,0\.1\)\] {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(20, 24, 32, 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_1px_3px_0_rgba\(22\,21\,25\,0\.1\)\] {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(22, 21, 25, 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_1px_3px_0_rgba\(22\,22\,22\,0\.2\)\] {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(22, 22, 22, 0.2));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_1px_3px_0_rgba\(70\,31\,220\,0\.3\)\] {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(70, 31, 220, 0.3));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_3px_8px_0_rgba\(0\,0\,0\,0\.05\)\,0_1px_1px_0_rgba\(0\,0\,0\,0\.1\)\] {
        --tw-shadow: 0 3px 8px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05)), 0 1px 1px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.02\)\] {
        --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(0, 0, 0, 0.02));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_4px_24px_-1px_rgba\(28\,9\,61\,0\.2\)\] {
        --tw-shadow: 0 4px 24px -1px var(--tw-shadow-color, rgba(28, 9, 61, 0.2));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_4px_24px_rgba\(0\,0\,0\,0\.01\)\] {
        --tw-shadow: 0 4px 24px var(--tw-shadow-color, rgba(0, 0, 0, 0.01));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_4px_30px_rgba\(0\,0\,0\,0\.01\)\] {
        --tw-shadow: 0 4px 30px var(--tw-shadow-color, rgba(0, 0, 0, 0.01));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_5px_8px_0_rgba\(0\,0\,0\,0\.04\)\,0_1px_3px_0_rgba\(0\,0\,0\,0\.04\)\] {
        --tw-shadow: 0 5px 8px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.04)), 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.04));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_10px_12px_-7px_rgba\(17\,17\,17\,0\.2\)\,inset_0_0_20px_0_rgba\(255\,255\,255\,0\.16\)\] {
        --tw-shadow: 0 10px 12px -7px var(--tw-shadow-color, rgba(17, 17, 17, 0.2)), inset 0 0 20px 0 var(--tw-shadow-color, rgba(255, 255, 255, 0.16));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.35\)\] {
        --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(0, 0, 0, 0.35));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_14px_14px_-3px_rgba\(158\,158\,158\,0\.1\)\,0_7px_7px_-2px_rgba\(158\,158\,158\,0\.1\)\,0_4px_4px_-2px_rgba\(158\,158\,158\,0\.1\)\,0_2px_2px_-1px_rgba\(158\,158\,158\,0\.2\)\,0_1px_1px_-1px_rgba\(158\,158\,158\,0\.3\)\,0_-4px_0_0_\#ffcd29\] {
        --tw-shadow: 0 14px 14px -3px var(--tw-shadow-color, rgba(158, 158, 158, 0.1)), 0 7px 7px -2px var(--tw-shadow-color, rgba(158, 158, 158, 0.1)), 0 4px 4px -2px var(--tw-shadow-color, rgba(158, 158, 158, 0.1)), 0 2px 2px -1px var(--tw-shadow-color, rgba(158, 158, 158, 0.2)), 0 1px 1px -1px var(--tw-shadow-color, rgba(158, 158, 158, 0.3)), 0 -4px 0 0 var(--tw-shadow-color, #ffcd29);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_14px_14px_-3px_rgba\(158\,158\,158\,0\.1\)\,0_7px_7px_-2px_rgba\(158\,158\,158\,0\.1\)\,0_4px_4px_-2px_rgba\(158\,158\,158\,0\.1\)\,0_2px_2px_-1px_rgba\(158\,158\,158\,0\.2\)\,0_1px_1px_-1px_rgba\(158\,158\,158\,0\.3\)\] {
        --tw-shadow: 0 14px 14px -3px var(--tw-shadow-color, rgba(158, 158, 158, 0.1)), 0 7px 7px -2px var(--tw-shadow-color, rgba(158, 158, 158, 0.1)), 0 4px 4px -2px var(--tw-shadow-color, rgba(158, 158, 158, 0.1)), 0 2px 2px -1px var(--tw-shadow-color, rgba(158, 158, 158, 0.2)), 0 1px 1px -1px var(--tw-shadow-color, rgba(158, 158, 158, 0.3));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_15px_50px_0_rgba\(29\,12\,7\,0\.1\)\] {
        --tw-shadow: 0 15px 50px 0 var(--tw-shadow-color, rgba(29, 12, 7, 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_20px_26px_0_rgba\(3\,4\,28\,0\.1\)\] {
        --tw-shadow: 0 20px 26px 0 var(--tw-shadow-color, rgba(3, 4, 28, 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_30px_50px_0_rgba\(18\,17\,22\,0\.08\)\] {
        --tw-shadow: 0 30px 50px 0 var(--tw-shadow-color, rgba(18, 17, 22, 0.08));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_36px_16px_-23px_rgba\(5\,18\,51\,0\.1\)\] {
        --tw-shadow: 0 36px 16px -23px var(--tw-shadow-color, rgba(5, 18, 51, 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_36px_16px_-23px_rgba\(19\,19\,19\,0\.1\)\] {
        --tw-shadow: 0 36px 16px -23px var(--tw-shadow-color, rgba(19, 19, 19, 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_50px_30px_-3px_rgba\(17\,17\,17\,0\.1\)\,0_27px_16px_-2px_rgba\(17\,17\,17\,0\.11\)\,0_16px_10px_-2px_rgba\(17\,17\,17\,0\.11\)\,0_10px_6px_-2px_rgba\(17\,17\,17\,0\.11\)\,0_6px_4px_-1px_rgba\(17\,17\,17\,0\.11\)\,0_4px_2px_-1px_rgba\(17\,17\,17\,0\.11\)\,0_2px_2px_-6px_rgba\(17\,17\,17\,0\.11\)\,0_1px_1px_0_rgba\(17\,17\,17\,0\.11\)\,inset_0_0_20px_0_rgba\(255\,255\,255\,0\.16\)\] {
        --tw-shadow: 0 50px 30px -3px var(--tw-shadow-color, rgba(17, 17, 17, 0.1)), 0 27px 16px -2px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 16px 10px -2px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 10px 6px -2px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 6px 4px -1px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 4px 2px -1px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 2px 2px -6px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 1px 1px 0 var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), inset 0 0 20px 0 var(--tw-shadow-color, rgba(255, 255, 255, 0.16));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_50px_30px_-3px_rgba\(17\,17\,17\,0\.1\)\,0_27px_16px_-2px_rgba\(17\,17\,17\,0\.11\)\,0_16px_10px_-2px_rgba\(17\,17\,17\,0\.11\)\,0_10px_6px_-2px_rgba\(17\,17\,17\,0\.11\)\,0_6px_4px_-1px_rgba\(17\,17\,17\,0\.11\)\,0_4px_2px_-1px_rgba\(17\,17\,17\,0\.11\)\,0_2px_2px_-6px_rgba\(17\,17\,17\,0\.11\)\,inset_0_0_20px_0_rgba\(255\,255\,255\,0\.16\)\] {
        --tw-shadow: 0 50px 30px -3px var(--tw-shadow-color, rgba(17, 17, 17, 0.1)), 0 27px 16px -2px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 16px 10px -2px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 10px 6px -2px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 6px 4px -1px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 4px 2px -1px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 2px 2px -6px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), inset 0 0 20px 0 var(--tw-shadow-color, rgba(255, 255, 255, 0.16));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0px_1px_3px_rgba\(32\,33\,36\,0\.08\)\] {
        --tw-shadow: 0px 1px 3px var(--tw-shadow-color, rgba(32, 33, 36, 0.08));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0px_10px_50px_rgba\(32\,33\,36\,0\.1\)\] {
        --tw-shadow: 0px 10px 50px var(--tw-shadow-color, rgba(32, 33, 36, 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0px_20px_60px_rgba\(0\,0\,0\,0\.1\)\] {
        --tw-shadow: 0px 20px 60px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[20px_30px_30px_0_rgba\(0\,0\,0\,0\.3\)\] {
        --tw-shadow: 20px 30px 30px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.3));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[inset_5px_4px_12px_rgba\(255\,255\,255\,0\.1\)\] {
        --tw-shadow: inset 5px 4px 12px var(--tw-shadow-color, rgba(255, 255, 255, 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-inner {
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .\[box-shadow\:0_20px_40px_0_rgba\(0\,0\,0\,0\.2\)\] {
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
    }

    .shadow-\[\#6344ff\]\/10 {
        --tw-shadow-color: color-mix(in srgb, #6344ff 10%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #6344ff 10%, transparent) var(--tw-shadow-alpha), transparent);
        }
    }

    .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-\[80px\] {
        --tw-blur: blur(80px);
        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-\[100px\] {
        --tw-blur: blur(100px);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .blur-\[200px\] {
        --tw-blur: blur(200px);
        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_1px_6px_rgba\(22\,21\,25\,0\.15\)\] {
        --tw-drop-shadow-size: drop-shadow(0 1px 6px var(--tw-drop-shadow-color, rgba(22, 21, 25, 0.15)));
        --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, );
    }

    .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, );
    }

    .\[filter\:blur\(5px\)_contrast\(10\)_hue-rotate\(300deg\)\] {
        filter: blur(5px) contrast(10) hue-rotate(300deg);
    }

    .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 {
        --tw-backdrop-blur: blur(8px);
        -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-3xl {
        --tw-backdrop-blur: blur(var(--blur-3xl));
        -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-\[10px\] {
        --tw-backdrop-blur: blur(10px);
        -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-\[40px\] {
        --tw-backdrop-blur: blur(40px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }

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

    .transition-\[0\.3s\] {
        transition-property: 0.3s;
        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));
    }

    .delay-0 {
        transition-delay: 0ms;
    }

    .delay-100 {
        transition-delay: 100ms;
    }

    .duration-100 {
        --tw-duration: 100ms;
        transition-duration: 100ms;
    }

    .duration-200 {
        --tw-duration: 200ms;
        transition-duration: 200ms;
    }

    .duration-300 {
        --tw-duration: 300ms;
        transition-duration: 300ms;
    }

    .duration-500 {
        --tw-duration: 500ms;
        transition-duration: 500ms;
    }

    .duration-700 {
        --tw-duration: 700ms;
        transition-duration: 700ms;
    }

    .duration-1000 {
        --tw-duration: 1000ms;
        transition-duration: 1000ms;
    }

    .duration-\[400ms\] {
        --tw-duration: 400ms;
        transition-duration: 400ms;
    }

    .ease-\[cubic-bezier\(0\.785\,0\.135\,0\.15\,0\.86\)\] {
        --tw-ease: cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .ease-\[ease\] {
        --tw-ease: ease;
        transition-timing-function: ease;
    }

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

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

    .ease-linear {
        --tw-ease: linear;
        transition-timing-function: linear;
    }

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

    .will-change-transform {
        will-change: transform;
    }

    .\!outline-none {
        --tw-outline-style: none !important;
        outline-style: none !important;
    }

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

    .select-none {
        -webkit-user-select: none;
        user-select: none;
    }

    .\[hostname\:port\] {
        hostname: port;
    }

    .\[perspective\:1140px\] {
        perspective: 1140px;
    }

    .\[text-decoration-skip-ink\:none\] {
        text-decoration-skip-ink: none;
    }

    .backface-hidden {
        backface-visibility: hidden;
    }

    .group-hover\:h-100 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                height: calc(var(--spacing) * 100);
            }
        }
    }

    .group-hover\:w-100 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                width: calc(var(--spacing) * 100);
            }
        }
    }

    .group-hover\:w-\[20px\] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                width: 20px;
            }
        }
    }

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

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

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

    .group-hover\:scale-110 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                --tw-scale-x: 110%;
                --tw-scale-y: 110%;
                --tw-scale-z: 110%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .group-hover\:scale-x-\[-1\] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                --tw-scale-x: -1;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .group-hover\:scale-\[1\.1\] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                scale: 1.1;
            }
        }
    }

    .group-hover\:scale-\[1\.06\] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                scale: 1.06;
            }
        }
    }

    .group-hover\:border-primary {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                border-color: var(--color-primary);
            }
        }
    }

    .group-hover\:bg-\[\#6248FF\] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: #6248FF;
            }
        }
    }

    .group-hover\:bg-\[\#e9e5ff\] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: #e9e5ff;
            }
        }
    }

    .group-hover\:bg-primary {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: var(--color-primary);
            }
        }
    }

    .group-hover\:bg-teal-400 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: var(--color-teal-400);
            }
        }
    }

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

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

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

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

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

    .group-hover\:shadow-\[0_20px_20px_-4px_rgba\(14\,15\,28\,0\.5\)\] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                --tw-shadow: 0 20px 20px -4px var(--tw-shadow-color, rgba(14, 15, 28, 0.5));
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
        }
    }

    .group-hover\/menu\:text-primary {
        &:is(:where(.group\/menu):hover *) {
            @media (hover: hover) {
                color: var(--color-primary);
            }
        }
    }

    .group-hover\/menu\:opacity-\[0\.8\] {
        &:is(:where(.group\/menu):hover *) {
            @media (hover: hover) {
                opacity: 0.8;
            }
        }
    }

    .group-\[\&\.active\]\:opacity-100 {
        &:is(:where(.group).active *) {
            opacity: 100%;
        }
    }

    .group-\[\&\:hover\]\:opacity-100 {
        &:is(:where(.group):hover *) {
            opacity: 100%;
        }
    }

    .group-\[\.active\]\/accordion\:rotate-45 {
        &:is(:where(.group\/accordion):is(.active) *) {
            rotate: 45deg;
        }
    }

    .group-\[\.active\]\/accordion\:rotate-180 {
        &:is(:where(.group\/accordion):is(.active) *) {
            rotate: 180deg;
        }
    }

    .group-\[\.active\]\/accordion\:bg-black {
        &:is(:where(.group\/accordion):is(.active) *) {
            background-color: var(--color-black);
        }
    }

    .group-\[\.active\]\/accordion\:bg-grey-200 {
        &:is(:where(.group\/accordion):is(.active) *) {
            background-color: var(--color-grey-200);
        }
    }

    .group-\[\.active\]\/accordion\:text-white {
        &:is(:where(.group\/accordion):is(.active) *) {
            color: var(--color-white);
        }
    }

    .group-\[\.back-to-top-btn-show\]\/show\:bottom-\[80px\] {
        &:is(:where(.group\/show):is(.back-to-top-btn-show) *) {
            bottom: 80px;
        }
    }

    .group-\[\.header-sticky\]\/sticky\:hidden {
        &:is(:where(.group\/sticky):is(.header-sticky) *) {
            display: none;
        }
    }

    .group-\[\.header-sticky\]\/sticky\:inline-block {
        &:is(:where(.group\/sticky):is(.header-sticky) *) {
            display: inline-block;
        }
    }

    .group-\[\.header-sticky\]\/sticky\:bg-primary {
        &:is(:where(.group\/sticky):is(.header-sticky) *) {
            background-color: var(--color-primary);
        }
    }

    .group-\[\.header-sticky\]\/sticky\:bg-white {
        &:is(:where(.group\/sticky):is(.header-sticky) *) {
            background-color: var(--color-white);
        }
    }

    .group-\[\.header-sticky\]\/sticky\:text-black {
        &:is(:where(.group\/sticky):is(.header-sticky) *) {
            color: var(--color-black);
        }
    }

    .group-\[\.header-sticky\]\/sticky\:text-white {
        &:is(:where(.group\/sticky):is(.header-sticky) *) {
            color: var(--color-white);
        }
    }

    .group-\[\.header-sticky\]\/sticky\:shadow-\[0px_4px_10px_rgba\(3\,4\,28\,0\.1\)\] {
        &:is(:where(.group\/sticky):is(.header-sticky) *) {
            --tw-shadow: 0px 4px 10px var(--tw-shadow-color, rgba(3, 4, 28, 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .group-\[\.open\]\:-translate-y-1\/2 {
        &:is(:where(.group):is(.open) *) {
            --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .group-\[\.open\]\:scale-0 {
        &:is(:where(.group):is(.open) *) {
            --tw-scale-x: 0%;
            --tw-scale-y: 0%;
            --tw-scale-z: 0%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .group-\[\.open\]\:scale-100 {
        &:is(:where(.group):is(.open) *) {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .group-\[\.search-opened\]\/search\:translate-y-0 {
        &:is(:where(.group\/search):is(.search-opened) *) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .group-\[\.search-opened\]\/search\:opacity-100 {
        &:is(:where(.group\/search):is(.search-opened) *) {
            opacity: 100%;
        }
    }

    .group-\[\.search-opened\]\/search\:delay-300 {
        &:is(:where(.group\/search):is(.search-opened) *) {
            transition-delay: 300ms;
        }
    }

    .peer-checked\:opacity-100 {
        &:is(:where(.peer):checked ~ *) {
            opacity: 100%;
        }
    }

    .peer-valid\:top-0 {
        &:is(:where(.peer):valid ~ *) {
            top: calc(var(--spacing) * 0);
        }
    }

    .peer-valid\:text-\[13px\] {
        &:is(:where(.peer):valid ~ *) {
            font-size: 13px;
        }
    }

    .peer-focus\:top-0 {
        &:is(:where(.peer):focus ~ *) {
            top: calc(var(--spacing) * 0);
        }
    }

    .peer-focus\:text-\[13px\] {
        &:is(:where(.peer):focus ~ *) {
            font-size: 13px;
        }
    }

    .peer-focus\:text-\[\#600EE4\] {
        &:is(:where(.peer):focus ~ *) {
            color: #600EE4;
        }
    }

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

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

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

    .placeholder\:font-normal {
        &::placeholder {
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
        }
    }

    .placeholder\:tracking-\[-0\.01em\] {
        &::placeholder {
            --tw-tracking: -0.01em;
            letter-spacing: -0.01em;
        }
    }

    .placeholder\:text-\[\#bfbfbf\] {
        &::placeholder {
            color: #bfbfbf;
        }
    }

    .placeholder\:text-black {
        &::placeholder {
            color: var(--color-black);
        }
    }

    .placeholder\:text-grey-100 {
        &::placeholder {
            color: var(--color-grey-100);
        }
    }

    .before\:absolute {
        &::before {
            content: var(--tw-content);
            position: absolute;
        }
    }

    .before\:inset-0 {
        &::before {
            content: var(--tw-content);
            inset: calc(var(--spacing) * 0);
        }
    }

    .before\:start-0 {
        &::before {
            content: var(--tw-content);
            inset-inline-start: calc(var(--spacing) * 0);
        }
    }

    .before\:top-0 {
        &::before {
            content: var(--tw-content);
            top: calc(var(--spacing) * 0);
        }
    }

    .before\:top-1\/2 {
        &::before {
            content: var(--tw-content);
            top: calc(1 / 2 * 100%);
        }
    }

    .before\:top-\[-10px\] {
        &::before {
            content: var(--tw-content);
            top: -10px;
        }
    }

    .before\:top-\[-20px\] {
        &::before {
            content: var(--tw-content);
            top: -20px;
        }
    }

    .before\:top-\[50\%\] {
        &::before {
            content: var(--tw-content);
            top: 50%;
        }
    }

    .before\:right-0 {
        &::before {
            content: var(--tw-content);
            right: calc(var(--spacing) * 0);
        }
    }

    .before\:bottom-0 {
        &::before {
            content: var(--tw-content);
            bottom: calc(var(--spacing) * 0);
        }
    }

    .before\:-left-\[3px\] {
        &::before {
            content: var(--tw-content);
            left: calc(3px * -1);
        }
    }

    .before\:left-0 {
        &::before {
            content: var(--tw-content);
            left: calc(var(--spacing) * 0);
        }
    }

    .before\:left-\[-24px\] {
        &::before {
            content: var(--tw-content);
            left: -24px;
        }
    }

    .before\:-z-10 {
        &::before {
            content: var(--tw-content);
            z-index: calc(10 * -1);
        }
    }

    .before\:z-0 {
        &::before {
            content: var(--tw-content);
            z-index: 0;
        }
    }

    .before\:m-\[0px_auto\] {
        &::before {
            content: var(--tw-content);
            margin: 0px auto;
        }
    }

    .before\:mr-\[18px\] {
        &::before {
            content: var(--tw-content);
            margin-right: 18px;
        }
    }

    .before\:h-\[1px\] {
        &::before {
            content: var(--tw-content);
            height: 1px;
        }
    }

    .before\:h-\[4px\] {
        &::before {
            content: var(--tw-content);
            height: 4px;
        }
    }

    .before\:h-\[6px\] {
        &::before {
            content: var(--tw-content);
            height: 6px;
        }
    }

    .before\:h-\[18px\] {
        &::before {
            content: var(--tw-content);
            height: 18px;
        }
    }

    .before\:h-\[20px\] {
        &::before {
            content: var(--tw-content);
            height: 20px;
        }
    }

    .before\:h-\[40px\] {
        &::before {
            content: var(--tw-content);
            height: 40px;
        }
    }

    .before\:h-\[53px\] {
        &::before {
            content: var(--tw-content);
            height: 53px;
        }
    }

    .before\:h-\[90px\] {
        &::before {
            content: var(--tw-content);
            height: 90px;
        }
    }

    .before\:h-\[96\%\] {
        &::before {
            content: var(--tw-content);
            height: 96%;
        }
    }

    .before\:h-\[100px\] {
        &::before {
            content: var(--tw-content);
            height: 100px;
        }
    }

    .before\:h-\[200px\] {
        &::before {
            content: var(--tw-content);
            height: 200px;
        }
    }

    .before\:h-\[700px\] {
        &::before {
            content: var(--tw-content);
            height: 700px;
        }
    }

    .before\:w-\[1px\] {
        &::before {
            content: var(--tw-content);
            width: 1px;
        }
    }

    .before\:w-\[3px\] {
        &::before {
            content: var(--tw-content);
            width: 3px;
        }
    }

    .before\:w-\[4px\] {
        &::before {
            content: var(--tw-content);
            width: 4px;
        }
    }

    .before\:w-\[6px\] {
        &::before {
            content: var(--tw-content);
            width: 6px;
        }
    }

    .before\:w-\[18px\] {
        &::before {
            content: var(--tw-content);
            width: 18px;
        }
    }

    .before\:w-\[96\%\] {
        &::before {
            content: var(--tw-content);
            width: 96%;
        }
    }

    .before\:w-\[100px\] {
        &::before {
            content: var(--tw-content);
            width: 100px;
        }
    }

    .before\:w-\[150px\] {
        &::before {
            content: var(--tw-content);
            width: 150px;
        }
    }

    .before\:w-full {
        &::before {
            content: var(--tw-content);
            width: 100%;
        }
    }

    .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\:translate-y-\[4px\] {
        &::before {
            content: var(--tw-content);
            --tw-translate-y: 4px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .before\:rounded-3xl {
        &::before {
            content: var(--tw-content);
            border-radius: var(--radius-3xl);
        }
    }

    .before\:rounded-\[4px\] {
        &::before {
            content: var(--tw-content);
            border-radius: 4px;
        }
    }

    .before\:rounded-full {
        &::before {
            content: var(--tw-content);
            border-radius: calc(infinity * 1px);
        }
    }

    .before\:border {
        &::before {
            content: var(--tw-content);
            border-style: var(--tw-border-style);
            border-width: 1px;
        }
    }

    .before\:border-\[rgba\(34\,47\,48\,0\.15\)\] {
        &::before {
            content: var(--tw-content);
            border-color: rgba(34, 47, 48, 0.15);
        }
    }

    .before\:bg-\[\#E5E5E5\] {
        &::before {
            content: var(--tw-content);
            background-color: #E5E5E5;
        }
    }

    .before\:bg-\[rgba\(22\,21\,25\,0\.1\)\] {
        &::before {
            content: var(--tw-content);
            background-color: rgba(22, 21, 25, 0.1);
        }
    }

    .before\:bg-\[rgba\(255\,255\,255\,0\.1\)\] {
        &::before {
            content: var(--tw-content);
            background-color: rgba(255, 255, 255, 0.1);
        }
    }

    .before\:bg-black {
        &::before {
            content: var(--tw-content);
            background-color: var(--color-black);
        }
    }

    .before\:bg-grey-200 {
        &::before {
            content: var(--tw-content);
            background-color: var(--color-grey-200);
        }
    }

    .before\:bg-primary {
        &::before {
            content: var(--tw-content);
            background-color: var(--color-primary);
        }
    }

    .before\:bg-white {
        &::before {
            content: var(--tw-content);
            background-color: var(--color-white);
        }
    }

    .before\:bg-gradient-to-t {
        &::before {
            content: var(--tw-content);
            --tw-gradient-position: to top in oklab;
            background-image: linear-gradient(var(--tw-gradient-stops));
        }
    }

    .before\:bg-\[linear-gradient\(145deg\,rgba\(63\,224\,197\,0\.15\)_0\%\,rgba\(255\,255\,255\,0\.15\)_100\%\)\] {
        &::before {
            content: var(--tw-content);
            background-image: linear-gradient(145deg, rgba(63, 224, 197, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
        }
    }

    .before\:bg-\[linear-gradient\(145deg\,rgba\(98\,72\,255\,0\.15\)_0\%\,rgba\(255\,255\,255\,0\.15\)_100\%\)\] {
        &::before {
            content: var(--tw-content);
            background-image: linear-gradient(145deg, rgba(98, 72, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
        }
    }

    .before\:bg-\[linear-gradient\(145deg\,rgba\(255\,107\,107\,0\.15\)_0\%\,rgba\(255\,255\,255\,0\.15\)_100\%\)\] {
        &::before {
            content: var(--tw-content);
            background-image: linear-gradient(145deg, rgba(255, 107, 107, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
        }
    }

    .before\:bg-\[linear-gradient\(180deg\,\#3615fe_0\%\,rgba\(255\,255\,255\,0\)_100\%\)\] {
        &::before {
            content: var(--tw-content);
            background-image: linear-gradient(180deg, #3615fe 0%, rgba(255, 255, 255, 0) 100%);
        }
    }

    .before\:bg-\[linear-gradient\(360deg\,\#f6f7fa_0\%\,rgba\(246\,247\,250\,0\)_100\%\)\] {
        &::before {
            content: var(--tw-content);
            background-image: linear-gradient(360deg, #f6f7fa 0%, rgba(246, 247, 250, 0) 100%);
        }
    }

    .before\:from-\[\#ffffff\] {
        &::before {
            content: var(--tw-content);
            --tw-gradient-from: #ffffff;
            --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));
        }
    }

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

    .before\:bg-\[length\:12px_10px\] {
        &::before {
            content: var(--tw-content);
            background-size: 12px 10px;
        }
    }

    .before\:bg-center {
        &::before {
            content: var(--tw-content);
            background-position: center;
        }
    }

    .before\:bg-no-repeat {
        &::before {
            content: var(--tw-content);
            background-repeat: no-repeat;
        }
    }

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

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

    .before\:duration-300 {
        &::before {
            content: var(--tw-content);
            --tw-duration: 300ms;
            transition-duration: 300ms;
        }
    }

    .before\:content-\[\'\'\] {
        &::before {
            --tw-content: '';
            content: var(--tw-content);
        }
    }

    .group-hover\:before\:bg-primary {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                &::before {
                    content: var(--tw-content);
                    background-color: var(--color-primary);
                }
            }
        }
    }

    .peer-checked\:before\:border-primary {
        &:is(:where(.peer):checked ~ *) {
            &::before {
                content: var(--tw-content);
                border-color: var(--color-primary);
            }
        }
    }

    .peer-checked\:before\:bg-primary {
        &:is(:where(.peer):checked ~ *) {
            &::before {
                content: var(--tw-content);
                background-color: var(--color-primary);
            }
        }
    }

    .after\:invisible {
        &::after {
            content: var(--tw-content);
            visibility: hidden;
        }
    }

    .after\:absolute {
        &::after {
            content: var(--tw-content);
            position: absolute;
        }
    }

    .after\:start-\[2px\] {
        &::after {
            content: var(--tw-content);
            inset-inline-start: 2px;
        }
    }

    .after\:-top-\[3px\] {
        &::after {
            content: var(--tw-content);
            top: calc(3px * -1);
        }
    }

    .after\:top-0 {
        &::after {
            content: var(--tw-content);
            top: calc(var(--spacing) * 0);
        }
    }

    .after\:top-1\/2 {
        &::after {
            content: var(--tw-content);
            top: calc(1 / 2 * 100%);
        }
    }

    .after\:top-\[8px\] {
        &::after {
            content: var(--tw-content);
            top: 8px;
        }
    }

    .after\:right-0 {
        &::after {
            content: var(--tw-content);
            right: calc(var(--spacing) * 0);
        }
    }

    .after\:left-0 {
        &::after {
            content: var(--tw-content);
            left: calc(var(--spacing) * 0);
        }
    }

    .after\:ml-\[18px\] {
        &::after {
            content: var(--tw-content);
            margin-left: 18px;
        }
    }

    .after\:h-\[1px\] {
        &::after {
            content: var(--tw-content);
            height: 1px;
        }
    }

    .after\:h-\[4px\] {
        &::after {
            content: var(--tw-content);
            height: 4px;
        }
    }

    .after\:h-\[5px\] {
        &::after {
            content: var(--tw-content);
            height: 5px;
        }
    }

    .after\:h-\[7px\] {
        &::after {
            content: var(--tw-content);
            height: 7px;
        }
    }

    .after\:h-\[16px\] {
        &::after {
            content: var(--tw-content);
            height: 16px;
        }
    }

    .after\:h-full {
        &::after {
            content: var(--tw-content);
            height: 100%;
        }
    }

    .after\:w-\[4px\] {
        &::after {
            content: var(--tw-content);
            width: 4px;
        }
    }

    .after\:w-\[5px\] {
        &::after {
            content: var(--tw-content);
            width: 5px;
        }
    }

    .after\:w-\[7px\] {
        &::after {
            content: var(--tw-content);
            width: 7px;
        }
    }

    .after\:w-\[16px\] {
        &::after {
            content: var(--tw-content);
            width: 16px;
        }
    }

    .after\:w-\[150px\] {
        &::after {
            content: var(--tw-content);
            width: 150px;
        }
    }

    .after\:w-full {
        &::after {
            content: var(--tw-content);
            width: 100%;
        }
    }

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

    .after\:translate-y-\[4px\] {
        &::after {
            content: var(--tw-content);
            --tw-translate-y: 4px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .after\:scale-\[1\.2\] {
        &::after {
            content: var(--tw-content);
            scale: 1.2;
        }
    }

    .after\:animate-\[circle-animation-2_30s_linear_infinite\] {
        &::after {
            content: var(--tw-content);
            animation: circle-animation-2 30s linear infinite;
        }
    }

    .after\:animate-\[circle-animation_30s_linear_infinite\] {
        &::after {
            content: var(--tw-content);
            animation: circle-animation 30s linear infinite;
        }
    }

    .after\:rounded-full {
        &::after {
            content: var(--tw-content);
            border-radius: calc(infinity * 1px);
        }
    }

    .after\:border {
        &::after {
            content: var(--tw-content);
            border-style: var(--tw-border-style);
            border-width: 1px;
        }
    }

    .after\:border-\[4px\] {
        &::after {
            content: var(--tw-content);
            border-style: var(--tw-border-style);
            border-width: 4px;
        }
    }

    .after\:border-dashed {
        &::after {
            content: var(--tw-content);
            --tw-border-style: dashed;
            border-style: dashed;
        }
    }

    .after\:border-primary {
        &::after {
            content: var(--tw-content);
            border-color: var(--color-primary);
        }
    }

    .after\:border-white {
        &::after {
            content: var(--tw-content);
            border-color: var(--color-white);
        }
    }

    .after\:bg-\[\#5F6368\] {
        &::after {
            content: var(--tw-content);
            background-color: #5F6368;
        }
    }

    .after\:bg-\[\#E5E5E5\] {
        &::after {
            content: var(--tw-content);
            background-color: #E5E5E5;
        }
    }

    .after\:bg-\[rgba\(255\,255\,255\,0\.5\)\] {
        &::after {
            content: var(--tw-content);
            background-color: rgba(255, 255, 255, 0.5);
        }
    }

    .after\:bg-black {
        &::after {
            content: var(--tw-content);
            background-color: var(--color-black);
        }
    }

    .after\:bg-green {
        &::after {
            content: var(--tw-content);
            background-color: var(--color-green);
        }
    }

    .after\:bg-primary {
        &::after {
            content: var(--tw-content);
            background-color: var(--color-primary);
        }
    }

    .after\:\!text-black {
        &::after {
            content: var(--tw-content);
            color: var(--color-black) !important;
        }
    }

    .after\:opacity-0 {
        &::after {
            content: var(--tw-content);
            opacity: 0%;
        }
    }

    .after\:shadow-\[0_50px_30px_-3px_rgba\(17\,17\,17\,0\.1\)\,0_27px_16px_-2px_rgba\(17\,17\,17\,0\.11\)\,0_16px_10px_-2px_rgba\(17\,17\,17\,0\.11\)\,0_10px_6px_-2px_rgba\(17\,17\,17\,0\.11\)\,0_6px_4px_-1px_rgba\(17\,17\,17\,0\.11\)\,0_4px_2px_-1px_rgba\(17\,17\,17\,0\.11\)\,0_2px_2px_-6px_rgba\(17\,17\,17\,0\.11\)\,0_1px_1px_0_rgba\(17\,17\,17\,0\.11\)\,inset_0_0_20px_0_rgba\(255\,255\,255\,0\.16\)\] {
        &::after {
            content: var(--tw-content);
            --tw-shadow: 0 50px 30px -3px var(--tw-shadow-color, rgba(17, 17, 17, 0.1)), 0 27px 16px -2px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 16px 10px -2px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 10px 6px -2px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 6px 4px -1px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 4px 2px -1px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 2px 2px -6px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 1px 1px 0 var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), inset 0 0 20px 0 var(--tw-shadow-color, rgba(255, 255, 255, 0.16));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

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

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

    .after\:delay-\[10s\] {
        &::after {
            content: var(--tw-content);
            transition-delay: 10s;
        }
    }

    .after\:delay-\[20s\] {
        &::after {
            content: var(--tw-content);
            transition-delay: 20s;
        }
    }

    .after\:delay-\[30s\] {
        &::after {
            content: var(--tw-content);
            transition-delay: 30s;
        }
    }

    .after\:duration-300 {
        &::after {
            content: var(--tw-content);
            --tw-duration: 300ms;
            transition-duration: 300ms;
        }
    }

    .after\:content-\[\'\'\] {
        &::after {
            --tw-content: '';
            content: var(--tw-content);
        }
    }

    .group-hover\:after\:visible {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                &::after {
                    content: var(--tw-content);
                    visibility: visible;
                }
            }
        }
    }

    .group-hover\:after\:opacity-100 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                &::after {
                    content: var(--tw-content);
                    opacity: 100%;
                }
            }
        }
    }

    .peer-checked\:after\:start-\[6px\] {
        &:is(:where(.peer):checked ~ *) {
            &::after {
                content: var(--tw-content);
                inset-inline-start: 6px;
            }
        }
    }

    .peer-checked\:after\:translate-x-full {
        &:is(:where(.peer):checked ~ *) {
            &::after {
                content: var(--tw-content);
                --tw-translate-x: 100%;
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .last\:border-b-0 {
        &:last-child {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0px;
        }
    }

    .checked\:border-primary {
        &:checked {
            border-color: var(--color-primary);
        }
    }

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

    .hover\:-translate-y-2\.5 {
        &:hover {
            @media (hover: hover) {
                --tw-translate-y: calc(var(--spacing) * -2.5);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .hover\:scale-110 {
        &:hover {
            @media (hover: hover) {
                --tw-scale-x: 110%;
                --tw-scale-y: 110%;
                --tw-scale-z: 110%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .hover\:scale-x-110 {
        &:hover {
            @media (hover: hover) {
                --tw-scale-x: 110%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .hover\:cursor-\[url\(\'\.\.\/img\/cross-out\.png\'\)_16_16\,_pointer\] {
        &:hover {
            @media (hover: hover) {
                cursor: url('../img/cross-out.png') 16 16, pointer;
            }
        }
    }

    .hover\:border-\[\#6344ff\] {
        &:hover {
            @media (hover: hover) {
                border-color: #6344ff;
            }
        }
    }

    .hover\:border-\[\#f6f7fa\] {
        &:hover {
            @media (hover: hover) {
                border-color: #f6f7fa;
            }
        }
    }

    .hover\:border-\[rgba\(22\,21\,25\,0\.08\)\] {
        &:hover {
            @media (hover: hover) {
                border-color: rgba(22, 21, 25, 0.08);
            }
        }
    }

    .hover\:border-\[transparent\] {
        &:hover {
            @media (hover: hover) {
                border-color: transparent;
            }
        }
    }

    .hover\:border-black {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-black);
            }
        }
    }

    .hover\:border-green {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-green);
            }
        }
    }

    .hover\:border-grey-200 {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-grey-200);
            }
        }
    }

    .hover\:border-primary {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-primary);
            }
        }
    }

    .hover\:border-white {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-white);
            }
        }
    }

    .hover\:bg-\[\#5132f0\] {
        &:hover {
            @media (hover: hover) {
                background-color: #5132f0;
            }
        }
    }

    .hover\:bg-\[\#6344ff\] {
        &:hover {
            @media (hover: hover) {
                background-color: #6344ff;
            }
        }
    }

    .hover\:bg-\[\#f6f7fa\] {
        &:hover {
            @media (hover: hover) {
                background-color: #f6f7fa;
            }
        }
    }

    .hover\:bg-black {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-black);
            }
        }
    }

    .hover\:bg-gray-100 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-100);
            }
        }
    }

    .hover\:bg-gray-200 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-200);
            }
        }
    }

    .hover\:bg-green {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-green);
            }
        }
    }

    .hover\:bg-grey-200 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-grey-200);
            }
        }
    }

    .hover\:bg-indigo-500 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-500);
            }
        }
    }

    .hover\:bg-primary {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-primary);
            }
        }
    }

    .hover\:bg-transparent {
        &:hover {
            @media (hover: hover) {
                background-color: transparent;
            }
        }
    }

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

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

    .hover\:text-primary {
        &:hover {
            @media (hover: hover) {
                color: var(--color-primary);
            }
        }
    }

    .hover\:text-primary\/70 {
        &:hover {
            @media (hover: hover) {
                color: color-mix(in srgb, #6248ff 70%, transparent);

                @supports (color: color-mix(in lab, red, red)) {
                    color: color-mix(in oklab, var(--color-primary) 70%, transparent);
                }
            }
        }
    }

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

    .hover\:shadow-\[0_10px_20px_0_rgba\(32\,33\,36\,0\.08\)\] {
        &:hover {
            @media (hover: hover) {
                --tw-shadow: 0 10px 20px 0 var(--tw-shadow-color, rgba(32, 33, 36, 0.08));
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
        }
    }

    .hover\:shadow-\[0_14px_20px_0_rgba\(3\,4\,28\,0\.08\)\] {
        &:hover {
            @media (hover: hover) {
                --tw-shadow: 0 14px 20px 0 var(--tw-shadow-color, rgba(3, 4, 28, 0.08));
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
        }
    }

    .focus\:border-\[\#600EE4\] {
        &:focus {
            border-color: #600EE4;
        }
    }

    .focus\:border-\[\#6344ff\] {
        &:focus {
            border-color: #6344ff;
        }
    }

    .focus\:border-primary {
        &:focus {
            border-color: var(--color-primary);
        }
    }

    .focus\:shadow-\[0_0_0_4px_rgba\(98\,72\,255\,0\.1\)\] {
        &:focus {
            --tw-shadow: 0 0 0 4px var(--tw-shadow-color, rgba(98, 72, 255, 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .focus\:shadow-\[0px_1px_2px_1px_rgba\(32\,33\,36\,0\.06\)\] {
        &:focus {
            --tw-shadow: 0px 1px 2px 1px var(--tw-shadow-color, rgba(32, 33, 36, 0.06));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

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

    .focus\:ring-\[\#6344ff\] {
        &:focus {
            --tw-ring-color: #6344ff;
        }
    }

    .focus\:ring-primary {
        &:focus {
            --tw-ring-color: var(--color-primary);
        }
    }

    .focus\:outline-none {
        &:focus {
            --tw-outline-style: none;
            outline-style: none;
        }
    }

    .active\:scale-\[0\.98\] {
        &:active {
            scale: 0.98;
        }
    }

    .max-2xl\:-mr-0 {
        @media (width < 1600px) {
            margin-right: calc(var(--spacing) * -0);
        }
    }

    .max-2xl\:-mr-\[350px\] {
        @media (width < 1600px) {
            margin-right: calc(350px * -1);
        }
    }

    .max-2xl\:mr-0 {
        @media (width < 1600px) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .max-2xl\:-ml-\[350px\] {
        @media (width < 1600px) {
            margin-left: calc(350px * -1);
        }
    }

    .max-2xl\:ml-0 {
        @media (width < 1600px) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .max-xxl\:-right-0 {
        @media (width < 1400px) {
            right: calc(var(--spacing) * -0);
        }
    }

    .max-xxl\:-left-0 {
        @media (width < 1400px) {
            left: calc(var(--spacing) * -0);
        }
    }

    .max-xxl\:mr-0 {
        @media (width < 1400px) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .max-xxl\:mb-\[80px\] {
        @media (width < 1400px) {
            margin-bottom: 80px;
        }
    }

    .max-xxl\:ml-0 {
        @media (width < 1400px) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .max-xxl\:hidden {
        @media (width < 1400px) {
            display: none;
        }
    }

    .max-xxl\:overflow-x-auto {
        @media (width < 1400px) {
            overflow-x: auto;
        }
    }

    .max-xxl\:p-\[30px\] {
        @media (width < 1400px) {
            padding: 30px;
        }
    }

    .max-xxl\:p-\[35px_30px_30px_30px\] {
        @media (width < 1400px) {
            padding: 35px 30px 30px 30px;
        }
    }

    .max-xxl\:p-\[70px_15px_70px_15px\] {
        @media (width < 1400px) {
            padding: 70px 15px 70px 15px;
        }
    }

    .max-xxl\:pb-\[80px\] {
        @media (width < 1400px) {
            padding-bottom: 80px;
        }
    }

    .max-xxl\:pl-\[60px\] {
        @media (width < 1400px) {
            padding-left: 60px;
        }
    }

    .max-xxl\:text-\[42px\] {
        @media (width < 1400px) {
            font-size: 42px;
        }
    }

    .max-xxl\:text-\[50px\] {
        @media (width < 1400px) {
            font-size: 50px;
        }
    }

    .max-xxl\:text-\[70px\] {
        @media (width < 1400px) {
            font-size: 70px;
        }
    }

    .max-xxl\:\[scrollbar-color\:rgba\(000\,000\,000\,0\.559\)_rgba\(000\,000\,000\,0\.14\)\] {
        @media (width < 1400px) {
            scrollbar-color: rgba(000, 000, 000, 0.559) rgba(000, 000, 000, 0.14);
        }
    }

    .max-xl\:relative {
        @media (width < 1200px) {
            position: relative;
        }
    }

    .max-xl\:top-0 {
        @media (width < 1200px) {
            top: calc(var(--spacing) * 0);
        }
    }

    .max-xl\:right-\[5\%\] {
        @media (width < 1200px) {
            right: 5%;
        }
    }

    .max-xl\:left-\[3\%\] {
        @media (width < 1200px) {
            left: 3%;
        }
    }

    .max-xl\:left-\[6\%\] {
        @media (width < 1200px) {
            left: 6%;
        }
    }

    .max-xl\:m-0 {
        @media (width < 1200px) {
            margin: calc(var(--spacing) * 0);
        }
    }

    .max-xl\:mt-\[70px\] {
        @media (width < 1200px) {
            margin-top: 70px;
        }
    }

    .max-xl\:mt-\[250px\] {
        @media (width < 1200px) {
            margin-top: 250px;
        }
    }

    .max-xl\:mr-0 {
        @media (width < 1200px) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .max-xl\:mr-\[40px\] {
        @media (width < 1200px) {
            margin-right: 40px;
        }
    }

    .max-xl\:mb-4 {
        @media (width < 1200px) {
            margin-bottom: calc(var(--spacing) * 4);
        }
    }

    .max-xl\:mb-7 {
        @media (width < 1200px) {
            margin-bottom: calc(var(--spacing) * 7);
        }
    }

    .max-xl\:mb-20 {
        @media (width < 1200px) {
            margin-bottom: calc(var(--spacing) * 20);
        }
    }

    .max-xl\:mb-\[30px\] {
        @media (width < 1200px) {
            margin-bottom: 30px;
        }
    }

    .max-xl\:mb-\[50px\] {
        @media (width < 1200px) {
            margin-bottom: 50px;
        }
    }

    .max-xl\:mb-\[60px\] {
        @media (width < 1200px) {
            margin-bottom: 60px;
        }
    }

    .max-xl\:mb-\[70px\] {
        @media (width < 1200px) {
            margin-bottom: 70px;
        }
    }

    .max-xl\:mb-\[80px\] {
        @media (width < 1200px) {
            margin-bottom: 80px;
        }
    }

    .max-xl\:mb-\[150px\] {
        @media (width < 1200px) {
            margin-bottom: 150px;
        }
    }

    .max-xl\:ml-0 {
        @media (width < 1200px) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .max-xl\:ml-\[10px\] {
        @media (width < 1200px) {
            margin-left: 10px;
        }
    }

    .max-xl\:ml-\[15px\] {
        @media (width < 1200px) {
            margin-left: 15px;
        }
    }

    .max-xl\:block {
        @media (width < 1200px) {
            display: block;
        }
    }

    .max-xl\:hidden {
        @media (width < 1200px) {
            display: none;
        }
    }

    .max-xl\:w-full {
        @media (width < 1200px) {
            width: 100%;
        }
    }

    .max-xl\:gap-\[15px\] {
        @media (width < 1200px) {
            gap: 15px;
        }
    }

    .max-xl\:rounded-\[0px\] {
        @media (width < 1200px) {
            border-radius: 0px;
        }
    }

    .max-xl\:border {
        @media (width < 1200px) {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }
    }

    .max-xl\:border-b {
        @media (width < 1200px) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }
    }

    .max-xl\:border-\[rgba\(000\,000\,000\,0\.06\)\] {
        @media (width < 1200px) {
            border-color: rgba(000, 000, 000, 0.06);
        }
    }

    .max-xl\:border-\[rgba\(255\,255\,255\,0\.1\)\] {
        @media (width < 1200px) {
            border-color: rgba(255, 255, 255, 0.1);
        }
    }

    .max-xl\:p-\[20px_20px_20px_20px\] {
        @media (width < 1200px) {
            padding: 20px 20px 20px 20px;
        }
    }

    .max-xl\:p-\[30px\] {
        @media (width < 1200px) {
            padding: 30px;
        }
    }

    .max-xl\:p-\[30px_30px_30px_30px\] {
        @media (width < 1200px) {
            padding: 30px 30px 30px 30px;
        }
    }

    .max-xl\:p-\[36px_30px_30px_30px\] {
        @media (width < 1200px) {
            padding: 36px 30px 30px 30px;
        }
    }

    .max-xl\:px-0 {
        @media (width < 1200px) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .max-xl\:px-5 {
        @media (width < 1200px) {
            padding-inline: calc(var(--spacing) * 5);
        }
    }

    .max-xl\:px-15 {
        @media (width < 1200px) {
            padding-inline: calc(var(--spacing) * 15);
        }
    }

    .max-xl\:px-\[15px\] {
        @media (width < 1200px) {
            padding-inline: 15px;
        }
    }

    .max-xl\:py-3\.75 {
        @media (width < 1200px) {
            padding-block: calc(var(--spacing) * 3.75);
        }
    }

    .max-xl\:py-4 {
        @media (width < 1200px) {
            padding-block: calc(var(--spacing) * 4);
        }
    }

    .max-xl\:py-10 {
        @media (width < 1200px) {
            padding-block: calc(var(--spacing) * 10);
        }
    }

    .max-xl\:py-24 {
        @media (width < 1200px) {
            padding-block: calc(var(--spacing) * 24);
        }
    }

    .max-xl\:py-25 {
        @media (width < 1200px) {
            padding-block: calc(var(--spacing) * 25);
        }
    }

    .max-xl\:py-\[10px\] {
        @media (width < 1200px) {
            padding-block: 10px;
        }
    }

    .max-xl\:py-\[20px\] {
        @media (width < 1200px) {
            padding-block: 20px;
        }
    }

    .max-xl\:pt-\[40px\] {
        @media (width < 1200px) {
            padding-top: 40px;
        }
    }

    .max-xl\:pt-\[50px\] {
        @media (width < 1200px) {
            padding-top: 50px;
        }
    }

    .max-xl\:pt-\[60px\] {
        @media (width < 1200px) {
            padding-top: 60px;
        }
    }

    .max-xl\:pt-\[70px\] {
        @media (width < 1200px) {
            padding-top: 70px;
        }
    }

    .max-xl\:pt-\[80px\] {
        @media (width < 1200px) {
            padding-top: 80px;
        }
    }

    .max-xl\:pt-\[90px\] {
        @media (width < 1200px) {
            padding-top: 90px;
        }
    }

    .max-xl\:pt-\[100px\] {
        @media (width < 1200px) {
            padding-top: 100px;
        }
    }

    .max-xl\:pt-\[120px\] {
        @media (width < 1200px) {
            padding-top: 120px;
        }
    }

    .max-xl\:pt-\[130px\] {
        @media (width < 1200px) {
            padding-top: 130px;
        }
    }

    .max-xl\:pt-\[160px\] {
        @media (width < 1200px) {
            padding-top: 160px;
        }
    }

    .max-xl\:pt-\[180px\] {
        @media (width < 1200px) {
            padding-top: 180px;
        }
    }

    .max-xl\:pb-24 {
        @media (width < 1200px) {
            padding-bottom: calc(var(--spacing) * 24);
        }
    }

    .max-xl\:pb-25 {
        @media (width < 1200px) {
            padding-bottom: calc(var(--spacing) * 25);
        }
    }

    .max-xl\:pb-\[40px\] {
        @media (width < 1200px) {
            padding-bottom: 40px;
        }
    }

    .max-xl\:pb-\[50px\] {
        @media (width < 1200px) {
            padding-bottom: 50px;
        }
    }

    .max-xl\:pb-\[70px\] {
        @media (width < 1200px) {
            padding-bottom: 70px;
        }
    }

    .max-xl\:pb-\[80px\] {
        @media (width < 1200px) {
            padding-bottom: 80px;
        }
    }

    .max-xl\:pb-\[90px\] {
        @media (width < 1200px) {
            padding-bottom: 90px;
        }
    }

    .max-xl\:pb-\[100px\] {
        @media (width < 1200px) {
            padding-bottom: 100px;
        }
    }

    .max-xl\:pl-8 {
        @media (width < 1200px) {
            padding-left: calc(var(--spacing) * 8);
        }
    }

    .max-xl\:pl-\[15px\] {
        @media (width < 1200px) {
            padding-left: 15px;
        }
    }

    .max-xl\:text-4xl {
        @media (width < 1200px) {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
    }

    .max-xl\:text-6xl {
        @media (width < 1200px) {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
    }

    .max-xl\:text-\[12px\] {
        @media (width < 1200px) {
            font-size: 12px;
        }
    }

    .max-xl\:text-\[28px\] {
        @media (width < 1200px) {
            font-size: 28px;
        }
    }

    .max-xl\:text-\[40px\] {
        @media (width < 1200px) {
            font-size: 40px;
        }
    }

    .max-xl\:text-\[46px\] {
        @media (width < 1200px) {
            font-size: 46px;
        }
    }

    .max-xl\:text-\[60px\] {
        @media (width < 1200px) {
            font-size: 60px;
        }
    }

    .max-xl\:text-black {
        @media (width < 1200px) {
            color: var(--color-black);
        }
    }

    .max-lg\:top-\[10px\] {
        @media (width < 992px) {
            top: 10px;
        }
    }

    .max-lg\:left-0 {
        @media (width < 992px) {
            left: calc(var(--spacing) * 0);
        }
    }

    .max-lg\:mt-\[50px\] {
        @media (width < 992px) {
            margin-top: 50px;
        }
    }

    .max-lg\:-mr-0 {
        @media (width < 992px) {
            margin-right: calc(var(--spacing) * -0);
        }
    }

    .max-lg\:mr-0 {
        @media (width < 992px) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .max-lg\:mb-3 {
        @media (width < 992px) {
            margin-bottom: calc(var(--spacing) * 3);
        }
    }

    .max-lg\:mb-5 {
        @media (width < 992px) {
            margin-bottom: calc(var(--spacing) * 5);
        }
    }

    .max-lg\:mb-8 {
        @media (width < 992px) {
            margin-bottom: calc(var(--spacing) * 8);
        }
    }

    .max-lg\:mb-\[40px\] {
        @media (width < 992px) {
            margin-bottom: 40px;
        }
    }

    .max-lg\:mb-\[60px\] {
        @media (width < 992px) {
            margin-bottom: 60px;
        }
    }

    .max-lg\:-ml-0 {
        @media (width < 992px) {
            margin-left: calc(var(--spacing) * -0);
        }
    }

    .max-lg\:ml-0 {
        @media (width < 992px) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .max-lg\:ml-\[20px\] {
        @media (width < 992px) {
            margin-left: 20px;
        }
    }

    .max-lg\:hidden {
        @media (width < 992px) {
            display: none;
        }
    }

    .max-lg\:inline-block {
        @media (width < 992px) {
            display: inline-block;
        }
    }

    .max-lg\:h-\[326px\] {
        @media (width < 992px) {
            height: 326px;
        }
    }

    .max-lg\:h-\[426px\] {
        @media (width < 992px) {
            height: 426px;
        }
    }

    .max-lg\:h-full {
        @media (width < 992px) {
            height: 100%;
        }
    }

    .max-lg\:rotate-\[63deg\] {
        @media (width < 992px) {
            rotate: 63deg;
        }
    }

    .max-lg\:flex-wrap {
        @media (width < 992px) {
            flex-wrap: wrap;
        }
    }

    .max-lg\:gap-\[20px\] {
        @media (width < 992px) {
            gap: 20px;
        }
    }

    .max-lg\:border {
        @media (width < 992px) {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }
    }

    .max-lg\:border-r {
        @media (width < 992px) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
        }
    }

    .max-lg\:border-none {
        @media (width < 992px) {
            --tw-border-style: none;
            border-style: none;
        }
    }

    .max-lg\:border-\[rgba\(000\,000\,000\,0\.06\)\] {
        @media (width < 992px) {
            border-color: rgba(000, 000, 000, 0.06);
        }
    }

    .max-lg\:border-transparent {
        @media (width < 992px) {
            border-color: transparent;
        }
    }

    .max-lg\:bg-white {
        @media (width < 992px) {
            background-color: var(--color-white);
        }
    }

    .max-lg\:p-\[20px\] {
        @media (width < 992px) {
            padding: 20px;
        }
    }

    .max-lg\:p-\[30px\] {
        @media (width < 992px) {
            padding: 30px;
        }
    }

    .max-lg\:p-\[35px_30px_30px_30px\] {
        @media (width < 992px) {
            padding: 35px 30px 30px 30px;
        }
    }

    .max-lg\:p-\[50px\] {
        @media (width < 992px) {
            padding: 50px;
        }
    }

    .max-lg\:p-\[50px_20px_15px_20px\] {
        @media (width < 992px) {
            padding: 50px 20px 15px 20px;
        }
    }

    .max-lg\:p-\[50px_20px_35px_20px\] {
        @media (width < 992px) {
            padding: 50px 20px 35px 20px;
        }
    }

    .max-lg\:p-\[80px_60px_40px_60px\] {
        @media (width < 992px) {
            padding: 80px 60px 40px 60px;
        }
    }

    .max-lg\:px-\[20px\] {
        @media (width < 992px) {
            padding-inline: 20px;
        }
    }

    .max-lg\:py-25 {
        @media (width < 992px) {
            padding-block: calc(var(--spacing) * 25);
        }
    }

    .max-lg\:py-\[100px\] {
        @media (width < 992px) {
            padding-block: 100px;
        }
    }

    .max-lg\:pt-0 {
        @media (width < 992px) {
            padding-top: calc(var(--spacing) * 0);
        }
    }

    .max-lg\:pt-30 {
        @media (width < 992px) {
            padding-top: calc(var(--spacing) * 30);
        }
    }

    .max-lg\:pt-\[10px\] {
        @media (width < 992px) {
            padding-top: 10px;
        }
    }

    .max-lg\:pt-\[80px\] {
        @media (width < 992px) {
            padding-top: 80px;
        }
    }

    .max-lg\:pt-\[90px\] {
        @media (width < 992px) {
            padding-top: 90px;
        }
    }

    .max-lg\:pt-\[100px\] {
        @media (width < 992px) {
            padding-top: 100px;
        }
    }

    .max-lg\:pb-8 {
        @media (width < 992px) {
            padding-bottom: calc(var(--spacing) * 8);
        }
    }

    .max-lg\:pb-15 {
        @media (width < 992px) {
            padding-bottom: calc(var(--spacing) * 15);
        }
    }

    .max-lg\:pb-26 {
        @media (width < 992px) {
            padding-bottom: calc(var(--spacing) * 26);
        }
    }

    .max-lg\:pb-30 {
        @media (width < 992px) {
            padding-bottom: calc(var(--spacing) * 30);
        }
    }

    .max-lg\:pb-\[10px\] {
        @media (width < 992px) {
            padding-bottom: 10px;
        }
    }

    .max-lg\:pb-\[50px\] {
        @media (width < 992px) {
            padding-bottom: 50px;
        }
    }

    .max-lg\:pb-\[70px\] {
        @media (width < 992px) {
            padding-bottom: 70px;
        }
    }

    .max-lg\:pb-\[80px\] {
        @media (width < 992px) {
            padding-bottom: 80px;
        }
    }

    .max-lg\:pb-\[90px\] {
        @media (width < 992px) {
            padding-bottom: 90px;
        }
    }

    .max-lg\:pb-\[100px\] {
        @media (width < 992px) {
            padding-bottom: 100px;
        }
    }

    .max-lg\:pl-\[0px\] {
        @media (width < 992px) {
            padding-left: 0px;
        }
    }

    .max-lg\:text-4xl {
        @media (width < 992px) {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
    }

    .max-lg\:text-6xl {
        @media (width < 992px) {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
    }

    .max-lg\:text-lg {
        @media (width < 992px) {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }
    }

    .max-lg\:text-\[30px\] {
        @media (width < 992px) {
            font-size: 30px;
        }
    }

    .max-lg\:text-\[36px\] {
        @media (width < 992px) {
            font-size: 36px;
        }
    }

    .max-lg\:text-\[38px\] {
        @media (width < 992px) {
            font-size: 38px;
        }
    }

    .max-lg\:text-\[40px\] {
        @media (width < 992px) {
            font-size: 40px;
        }
    }

    .max-lg\:text-\[46px\] {
        @media (width < 992px) {
            font-size: 46px;
        }
    }

    .max-lg\:text-\[50px\] {
        @media (width < 992px) {
            font-size: 50px;
        }
    }

    .max-lg\:text-\[60px\] {
        @media (width < 992px) {
            font-size: 60px;
        }
    }

    .max-lg\:text-\[64px\] {
        @media (width < 992px) {
            font-size: 64px;
        }
    }

    .max-lg\:text-\[300px\] {
        @media (width < 992px) {
            font-size: 300px;
        }
    }

    .max-lg\:before\:hidden {
        @media (width < 992px) {
            &::before {
                content: var(--tw-content);
                display: none;
            }
        }
    }

    .max-md\:top-0 {
        @media (width < 768px) {
            top: calc(var(--spacing) * 0);
        }
    }

    .max-md\:bottom-\[170px\] {
        @media (width < 768px) {
            bottom: 170px;
        }
    }

    .max-md\:left-0 {
        @media (width < 768px) {
            left: calc(var(--spacing) * 0);
        }
    }

    .max-md\:left-\[-6\%\] {
        @media (width < 768px) {
            left: -6%;
        }
    }

    .max-md\:left-\[6\%\] {
        @media (width < 768px) {
            left: 6%;
        }
    }

    .max-md\:mt-0 {
        @media (width < 768px) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .max-md\:mr-\[30px\] {
        @media (width < 768px) {
            margin-right: 30px;
        }
    }

    .max-md\:mb-5 {
        @media (width < 768px) {
            margin-bottom: calc(var(--spacing) * 5);
        }
    }

    .max-md\:mb-10 {
        @media (width < 768px) {
            margin-bottom: calc(var(--spacing) * 10);
        }
    }

    .max-md\:mb-\[20px\] {
        @media (width < 768px) {
            margin-bottom: 20px;
        }
    }

    .max-md\:mb-\[30px\] {
        @media (width < 768px) {
            margin-bottom: 30px;
        }
    }

    .max-md\:mb-\[40px\] {
        @media (width < 768px) {
            margin-bottom: 40px;
        }
    }

    .max-md\:mb-\[60px\] {
        @media (width < 768px) {
            margin-bottom: 60px;
        }
    }

    .max-md\:ml-0 {
        @media (width < 768px) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .max-md\:hidden {
        @media (width < 768px) {
            display: none;
        }
    }

    .max-md\:inline-block {
        @media (width < 768px) {
            display: inline-block;
        }
    }

    .max-md\:h-\[400px\] {
        @media (width < 768px) {
            height: 400px;
        }
    }

    .max-md\:w-\[140px\] {
        @media (width < 768px) {
            width: 140px;
        }
    }

    .max-md\:w-\[400px\] {
        @media (width < 768px) {
            width: 400px;
        }
    }

    .max-md\:w-full {
        @media (width < 768px) {
            width: 100%;
        }
    }

    .max-md\:-rotate-\[43deg\] {
        @media (width < 768px) {
            rotate: calc(43deg * -1);
        }
    }

    .max-md\:-rotate-\[99deg\] {
        @media (width < 768px) {
            rotate: calc(99deg * -1);
        }
    }

    .max-md\:-rotate-\[148deg\] {
        @media (width < 768px) {
            rotate: calc(148deg * -1);
        }
    }

    .max-md\:rotate-\[43deg\] {
        @media (width < 768px) {
            rotate: 43deg;
        }
    }

    .max-md\:rotate-\[99deg\] {
        @media (width < 768px) {
            rotate: 99deg;
        }
    }

    .max-md\:rotate-\[148deg\] {
        @media (width < 768px) {
            rotate: 148deg;
        }
    }

    .max-md\:rotate-\[236deg\] {
        @media (width < 768px) {
            rotate: 236deg;
        }
    }

    .max-md\:rotate-\[276deg\] {
        @media (width < 768px) {
            rotate: 276deg;
        }
    }

    .max-md\:flex-wrap {
        @media (width < 768px) {
            flex-wrap: wrap;
        }
    }

    .max-md\:justify-start {
        @media (width < 768px) {
            justify-content: flex-start;
        }
    }

    .max-md\:gap-\[15px\] {
        @media (width < 768px) {
            gap: 15px;
        }
    }

    .max-md\:gap-\[25px\] {
        @media (width < 768px) {
            gap: 25px;
        }
    }

    .max-md\:rounded-\[12px\] {
        @media (width < 768px) {
            border-radius: 12px;
        }
    }

    .max-md\:rounded-\[16px\] {
        @media (width < 768px) {
            border-radius: 16px;
        }
    }

    .max-md\:rounded-\[30px\] {
        @media (width < 768px) {
            border-radius: 30px;
        }
    }

    .max-md\:border-none {
        @media (width < 768px) {
            --tw-border-style: none;
            border-style: none;
        }
    }

    .max-md\:p-\[20px\] {
        @media (width < 768px) {
            padding: 20px;
        }
    }

    .max-md\:p-\[20px_20px_20px_20px\] {
        @media (width < 768px) {
            padding: 20px 20px 20px 20px;
        }
    }

    .max-md\:p-\[30px\] {
        @media (width < 768px) {
            padding: 30px;
        }
    }

    .max-md\:p-\[35px_30px_0_30px\] {
        @media (width < 768px) {
            padding: 35px 30px 0 30px;
        }
    }

    .max-md\:p-\[35px_30px_30px_30px\] {
        @media (width < 768px) {
            padding: 35px 30px 30px 30px;
        }
    }

    .max-md\:p-\[40px\] {
        @media (width < 768px) {
            padding: 40px;
        }
    }

    .max-md\:px-0 {
        @media (width < 768px) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .max-md\:px-10 {
        @media (width < 768px) {
            padding-inline: calc(var(--spacing) * 10);
        }
    }

    .max-md\:px-\[15px\] {
        @media (width < 768px) {
            padding-inline: 15px;
        }
    }

    .max-md\:py-\[15px\] {
        @media (width < 768px) {
            padding-block: 15px;
        }
    }

    .max-md\:py-\[150px\] {
        @media (width < 768px) {
            padding-block: 150px;
        }
    }

    .max-md\:pt-\[30px\] {
        @media (width < 768px) {
            padding-top: 30px;
        }
    }

    .max-md\:pt-\[100px\] {
        @media (width < 768px) {
            padding-top: 100px;
        }
    }

    .max-md\:pt-\[190px\] {
        @media (width < 768px) {
            padding-top: 190px;
        }
    }

    .max-md\:pb-22 {
        @media (width < 768px) {
            padding-bottom: calc(var(--spacing) * 22);
        }
    }

    .max-md\:pb-\[30px\] {
        @media (width < 768px) {
            padding-bottom: 30px;
        }
    }

    .max-md\:pb-\[60px\] {
        @media (width < 768px) {
            padding-bottom: 60px;
        }
    }

    .max-md\:pl-\[40px\] {
        @media (width < 768px) {
            padding-left: 40px;
        }
    }

    .max-md\:text-2xl {
        @media (width < 768px) {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
    }

    .max-md\:text-4xl {
        @media (width < 768px) {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
    }

    .max-md\:text-\[20px\] {
        @media (width < 768px) {
            font-size: 20px;
        }
    }

    .max-md\:text-\[26px\] {
        @media (width < 768px) {
            font-size: 26px;
        }
    }

    .max-md\:text-\[28px\] {
        @media (width < 768px) {
            font-size: 28px;
        }
    }

    .max-md\:text-\[32px\] {
        @media (width < 768px) {
            font-size: 32px;
        }
    }

    .max-md\:text-\[34px\] {
        @media (width < 768px) {
            font-size: 34px;
        }
    }

    .max-md\:text-\[36px\] {
        @media (width < 768px) {
            font-size: 36px;
        }
    }

    .max-md\:text-\[40px\] {
        @media (width < 768px) {
            font-size: 40px;
        }
    }

    .max-md\:text-\[54px\] {
        @media (width < 768px) {
            font-size: 54px;
        }
    }

    .max-md\:text-\[60px\] {
        @media (width < 768px) {
            font-size: 60px;
        }
    }

    .max-sm\:relative {
        @media (width < 576px) {
            position: relative;
        }
    }

    .max-sm\:-top-\[14px\] {
        @media (width < 576px) {
            top: calc(14px * -1);
        }
    }

    .max-sm\:top-\[40px\] {
        @media (width < 576px) {
            top: 40px;
        }
    }

    .max-sm\:right-0 {
        @media (width < 576px) {
            right: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:right-\[20px\] {
        @media (width < 576px) {
            right: 20px;
        }
    }

    .max-sm\:-bottom-\[14px\] {
        @media (width < 576px) {
            bottom: calc(14px * -1);
        }
    }

    .max-sm\:left-\[20px\] {
        @media (width < 576px) {
            left: 20px;
        }
    }

    .max-sm\:my-\[20px\] {
        @media (width < 576px) {
            margin-block: 20px;
        }
    }

    .max-sm\:mb-0 {
        @media (width < 576px) {
            margin-bottom: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:mb-3 {
        @media (width < 576px) {
            margin-bottom: calc(var(--spacing) * 3);
        }
    }

    .max-sm\:mb-25 {
        @media (width < 576px) {
            margin-bottom: calc(var(--spacing) * 25);
        }
    }

    .max-sm\:mb-\[10px\] {
        @media (width < 576px) {
            margin-bottom: 10px;
        }
    }

    .max-sm\:mb-\[20px\] {
        @media (width < 576px) {
            margin-bottom: 20px;
        }
    }

    .max-sm\:ml-0 {
        @media (width < 576px) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:block {
        @media (width < 576px) {
            display: block;
        }
    }

    .max-sm\:hidden {
        @media (width < 576px) {
            display: none;
        }
    }

    .max-sm\:h-\[45px\] {
        @media (width < 576px) {
            height: 45px;
        }
    }

    .max-sm\:h-\[380px\] {
        @media (width < 576px) {
            height: 380px;
        }
    }

    .max-sm\:w-\[30px\] {
        @media (width < 576px) {
            width: 30px;
        }
    }

    .max-sm\:w-\[45px\] {
        @media (width < 576px) {
            width: 45px;
        }
    }

    .max-sm\:w-\[300px\] {
        @media (width < 576px) {
            width: 300px;
        }
    }

    .max-sm\:w-full {
        @media (width < 576px) {
            width: 100%;
        }
    }

    .max-sm\:columns-1 {
        @media (width < 576px) {
            columns: 1;
        }
    }

    .max-sm\:flex-wrap {
        @media (width < 576px) {
            flex-wrap: wrap;
        }
    }

    .max-sm\:gap-2 {
        @media (width < 576px) {
            gap: calc(var(--spacing) * 2);
        }
    }

    .max-sm\:gap-6 {
        @media (width < 576px) {
            gap: calc(var(--spacing) * 6);
        }
    }

    .max-sm\:gap-\[10px\] {
        @media (width < 576px) {
            gap: 10px;
        }
    }

    .max-sm\:gap-\[20px\] {
        @media (width < 576px) {
            gap: 20px;
        }
    }

    .max-sm\:border-\[\#fff3\] {
        @media (width < 576px) {
            border-color: #fff3;
        }
    }

    .max-sm\:border-transparent {
        @media (width < 576px) {
            border-color: transparent;
        }
    }

    .max-sm\:bg-white {
        @media (width < 576px) {
            background-color: var(--color-white);
        }
    }

    .max-sm\:p-8\.75 {
        @media (width < 576px) {
            padding: calc(var(--spacing) * 8.75);
        }
    }

    .max-sm\:p-\[10px_10px_10px_20px\] {
        @media (width < 576px) {
            padding: 10px 10px 10px 20px;
        }
    }

    .max-sm\:p-\[15px_15px_0_15px\] {
        @media (width < 576px) {
            padding: 15px 15px 0 15px;
        }
    }

    .max-sm\:p-\[20px\] {
        @media (width < 576px) {
            padding: 20px;
        }
    }

    .max-sm\:p-\[20px_10px_15px_20px\] {
        @media (width < 576px) {
            padding: 20px 10px 15px 20px;
        }
    }

    .max-sm\:p-\[24px_20px_30px_20px\] {
        @media (width < 576px) {
            padding: 24px 20px 30px 20px;
        }
    }

    .max-sm\:p-\[25px\] {
        @media (width < 576px) {
            padding: 25px;
        }
    }

    .max-sm\:p-\[26px_16px_21px_20px\] {
        @media (width < 576px) {
            padding: 26px 16px 21px 20px;
        }
    }

    .max-sm\:p-\[30px_30px_20px_30px\] {
        @media (width < 576px) {
            padding: 30px 30px 20px 30px;
        }
    }

    .max-sm\:p-\[30px_32px_40px_30px\] {
        @media (width < 576px) {
            padding: 30px 32px 40px 30px;
        }
    }

    .max-sm\:p-\[35px_30px_0_30px\] {
        @media (width < 576px) {
            padding: 35px 30px 0 30px;
        }
    }

    .max-sm\:p-\[50px_30px_20px_30px\] {
        @media (width < 576px) {
            padding: 50px 30px 20px 30px;
        }
    }

    .max-sm\:px-\[10px\] {
        @media (width < 576px) {
            padding-inline: 10px;
        }
    }

    .max-sm\:py-16 {
        @media (width < 576px) {
            padding-block: calc(var(--spacing) * 16);
        }
    }

    .max-sm\:pt-\[130px\] {
        @media (width < 576px) {
            padding-top: 130px;
        }
    }

    .max-sm\:pt-\[160px\] {
        @media (width < 576px) {
            padding-top: 160px;
        }
    }

    .max-sm\:pr-\[30px\] {
        @media (width < 576px) {
            padding-right: 30px;
        }
    }

    .max-sm\:pb-16 {
        @media (width < 576px) {
            padding-bottom: calc(var(--spacing) * 16);
        }
    }

    .max-sm\:text-end {
        @media (width < 576px) {
            text-align: end;
        }
    }

    .max-sm\:text-2xl {
        @media (width < 576px) {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
    }

    .max-sm\:text-3xl {
        @media (width < 576px) {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
        }
    }

    .max-sm\:text-4xl {
        @media (width < 576px) {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
    }

    .max-sm\:text-7xl {
        @media (width < 576px) {
            font-size: var(--text-7xl);
            line-height: var(--tw-leading, var(--text-7xl--line-height));
        }
    }

    .max-sm\:text-\[15px\] {
        @media (width < 576px) {
            font-size: 15px;
        }
    }

    .max-sm\:text-\[16px\] {
        @media (width < 576px) {
            font-size: 16px;
        }
    }

    .max-sm\:text-\[30px\] {
        @media (width < 576px) {
            font-size: 30px;
        }
    }

    .max-sm\:text-\[40px\] {
        @media (width < 576px) {
            font-size: 40px;
        }
    }

    .max-sm\:text-\[44px\] {
        @media (width < 576px) {
            font-size: 44px;
        }
    }

    .max-sm\:text-\[150px\] {
        @media (width < 576px) {
            font-size: 150px;
        }
    }

    .max-sm\:leading-\[48px\] {
        @media (width < 576px) {
            --tw-leading: 48px;
            line-height: 48px;
        }
    }

    .max-sm\:group-hover\:text-black {
        @media (width < 576px) {
            &:is(:where(.group):hover *) {
                @media (hover: hover) {
                    color: var(--color-black);
                }
            }
        }
    }

    .max-sm\:before\:w-\[60px\] {
        @media (width < 576px) {
            &::before {
                content: var(--tw-content);
                width: 60px;
            }
        }
    }

    .max-sm\:after\:w-\[60px\] {
        @media (width < 576px) {
            &::after {
                content: var(--tw-content);
                width: 60px;
            }
        }
    }

    .max-sm\:hover\:text-black {
        @media (width < 576px) {
            &:hover {
                @media (hover: hover) {
                    color: var(--color-black);
                }
            }
        }
    }

    .min-sm\:absolute {
        @media (width >=576px) {
            position: absolute;
        }
    }

    .sm\:absolute {
        @media (width >=576px) {
            position: absolute;
        }
    }

    .min-sm\:top-1\/2 {
        @media (width >=576px) {
            top: calc(1 / 2 * 100%);
        }
    }

    .sm\:col-span-1 {
        @media (width >=576px) {
            grid-column: span 1 / span 1;
        }
    }

    .sm\:col-span-4 {
        @media (width >=576px) {
            grid-column: span 4 / span 4;
        }
    }

    .sm\:col-span-6 {
        @media (width >=576px) {
            grid-column: span 6 / span 6;
        }
    }

    .sm\:col-span-7 {
        @media (width >=576px) {
            grid-column: span 7 / span 7;
        }
    }

    .sm\:col-span-11 {
        @media (width >=576px) {
            grid-column: span 11 / span 11;
        }
    }

    .sm\:block {
        @media (width >=576px) {
            display: block;
        }
    }

    .sm\:inline-block {
        @media (width >=576px) {
            display: inline-block;
        }
    }

    .min-sm\:-translate-x-1\/2 {
        @media (width >=576px) {
            --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .min-sm\:translate-x-\[125px\] {
        @media (width >=576px) {
            --tw-translate-x: 125px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .min-sm\:-translate-y-1\/2 {
        @media (width >=576px) {
            --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

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

    .sm\:flex-row {
        @media (width >=576px) {
            flex-direction: row;
        }
    }

    .sm\:items-start {
        @media (width >=576px) {
            align-items: flex-start;
        }
    }

    .sm\:justify-start {
        @media (width >=576px) {
            justify-content: flex-start;
        }
    }

    .sm\:p-10 {
        @media (width >=576px) {
            padding: calc(var(--spacing) * 10);
        }
    }

    .sm\:pt-\[170px\] {
        @media (width >=576px) {
            padding-top: 170px;
        }
    }

    .sm\:text-left {
        @media (width >=576px) {
            text-align: left;
        }
    }

    .min-sm\:group-hover\:translate-x-\[-30px\] {
        @media (width >=576px) {
            &:is(:where(.group):hover *) {
                @media (hover: hover) {
                    --tw-translate-x: -30px;
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
            }
        }
    }

    .min-sm\:group-hover\:translate-x-\[30px\] {
        @media (width >=576px) {
            &:is(:where(.group):hover *) {
                @media (hover: hover) {
                    --tw-translate-x: 30px;
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
            }
        }
    }

    .min-md\:right-\[90px\] {
        @media (width >=768px) {
            right: 90px;
        }
    }

    .md\:bottom-\[210px\] {
        @media (width >=768px) {
            bottom: 210px;
        }
    }

    .md\:left-\[-35\%\] {
        @media (width >=768px) {
            left: -35%;
        }
    }

    .md\:col-span-3 {
        @media (width >=768px) {
            grid-column: span 3 / span 3;
        }
    }

    .md\:col-span-4 {
        @media (width >=768px) {
            grid-column: span 4 / span 4;
        }
    }

    .md\:col-span-5 {
        @media (width >=768px) {
            grid-column: span 5 / span 5;
        }
    }

    .md\:col-span-6 {
        @media (width >=768px) {
            grid-column: span 6 / span 6;
        }
    }

    .md\:col-span-7 {
        @media (width >=768px) {
            grid-column: span 7 / span 7;
        }
    }

    .md\:col-span-8 {
        @media (width >=768px) {
            grid-column: span 8 / span 8;
        }
    }

    .md\:col-span-9 {
        @media (width >=768px) {
            grid-column: span 9 / span 9;
        }
    }

    .md\:mx-\[70px\] {
        @media (width >=768px) {
            margin-inline: 70px;
        }
    }

    .md\:block {
        @media (width >=768px) {
            display: block;
        }
    }

    .md\:inline-block {
        @media (width >=768px) {
            display: inline-block;
        }
    }

    .md\:inline-flex {
        @media (width >=768px) {
            display: inline-flex;
        }
    }

    .md\:h-\[768px\] {
        @media (width >=768px) {
            height: 768px;
        }
    }

    .min-md\:h-\[227px\] {
        @media (width >=768px) {
            height: 227px;
        }
    }

    .min-md\:h-\[255px\] {
        @media (width >=768px) {
            height: 255px;
        }
    }

    .min-md\:h-\[258px\] {
        @media (width >=768px) {
            height: 258px;
        }
    }

    .md\:w-\[250px\] {
        @media (width >=768px) {
            width: 250px;
        }
    }

    .md\:w-\[470px\] {
        @media (width >=768px) {
            width: 470px;
        }
    }

    .md\:w-full {
        @media (width >=768px) {
            width: 100%;
        }
    }

    .min-md\:w-\[267px\] {
        @media (width >=768px) {
            width: 267px;
        }
    }

    .md\:-rotate-\[9deg\] {
        @media (width >=768px) {
            rotate: calc(9deg * -1);
        }
    }

    .md\:-rotate-\[14deg\] {
        @media (width >=768px) {
            rotate: calc(14deg * -1);
        }
    }

    .md\:-rotate-\[18deg\] {
        @media (width >=768px) {
            rotate: calc(18deg * -1);
        }
    }

    .md\:-rotate-\[41deg\] {
        @media (width >=768px) {
            rotate: calc(41deg * -1);
        }
    }

    .md\:-rotate-\[51deg\] {
        @media (width >=768px) {
            rotate: calc(51deg * -1);
        }
    }

    .md\:-rotate-\[63deg\] {
        @media (width >=768px) {
            rotate: calc(63deg * -1);
        }
    }

    .md\:-rotate-\[72deg\] {
        @media (width >=768px) {
            rotate: calc(72deg * -1);
        }
    }

    .md\:-rotate-\[90deg\] {
        @media (width >=768px) {
            rotate: calc(90deg * -1);
        }
    }

    .md\:-rotate-\[116deg\] {
        @media (width >=768px) {
            rotate: calc(116deg * -1);
        }
    }

    .md\:-rotate-\[142deg\] {
        @media (width >=768px) {
            rotate: calc(142deg * -1);
        }
    }

    .md\:-rotate-\[160deg\] {
        @media (width >=768px) {
            rotate: calc(160deg * -1);
        }
    }

    .md\:-rotate-\[215deg\] {
        @media (width >=768px) {
            rotate: calc(215deg * -1);
        }
    }

    .md\:-rotate-\[236deg\] {
        @media (width >=768px) {
            rotate: calc(236deg * -1);
        }
    }

    .md\:-rotate-\[273deg\] {
        @media (width >=768px) {
            rotate: calc(273deg * -1);
        }
    }

    .md\:rotate-\[9deg\] {
        @media (width >=768px) {
            rotate: 9deg;
        }
    }

    .md\:rotate-\[14deg\] {
        @media (width >=768px) {
            rotate: 14deg;
        }
    }

    .md\:rotate-\[18deg\] {
        @media (width >=768px) {
            rotate: 18deg;
        }
    }

    .md\:rotate-\[41deg\] {
        @media (width >=768px) {
            rotate: 41deg;
        }
    }

    .md\:rotate-\[51deg\] {
        @media (width >=768px) {
            rotate: 51deg;
        }
    }

    .md\:rotate-\[72deg\] {
        @media (width >=768px) {
            rotate: 72deg;
        }
    }

    .md\:rotate-\[90deg\] {
        @media (width >=768px) {
            rotate: 90deg;
        }
    }

    .md\:rotate-\[116deg\] {
        @media (width >=768px) {
            rotate: 116deg;
        }
    }

    .md\:rotate-\[142deg\] {
        @media (width >=768px) {
            rotate: 142deg;
        }
    }

    .md\:rotate-\[160deg\] {
        @media (width >=768px) {
            rotate: 160deg;
        }
    }

    .md\:rotate-\[215deg\] {
        @media (width >=768px) {
            rotate: 215deg;
        }
    }

    .md\:rotate-\[236deg\] {
        @media (width >=768px) {
            rotate: 236deg;
        }
    }

    .md\:rotate-\[273deg\] {
        @media (width >=768px) {
            rotate: 273deg;
        }
    }

    .md\:grid-cols-2 {
        @media (width >=768px) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-3 {
        @media (width >=768px) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .md\:items-end {
        @media (width >=768px) {
            align-items: flex-end;
        }
    }

    .md\:justify-end {
        @media (width >=768px) {
            justify-content: flex-end;
        }
    }

    .md\:justify-start {
        @media (width >=768px) {
            justify-content: flex-start;
        }
    }

    .md\:gap-6 {
        @media (width >=768px) {
            gap: calc(var(--spacing) * 6);
        }
    }

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

    .md\:border-\[\#fff3\] {
        @media (width >=768px) {
            border-color: #fff3;
        }
    }

    .md\:p-12 {
        @media (width >=768px) {
            padding: calc(var(--spacing) * 12);
        }
    }

    .md\:px-14 {
        @media (width >=768px) {
            padding-inline: calc(var(--spacing) * 14);
        }
    }

    .md\:px-\[75px\] {
        @media (width >=768px) {
            padding-inline: 75px;
        }
    }

    .md\:py-10 {
        @media (width >=768px) {
            padding-block: calc(var(--spacing) * 10);
        }
    }

    .md\:py-\[150px\] {
        @media (width >=768px) {
            padding-block: 150px;
        }
    }

    .md\:pr-\[170px\] {
        @media (width >=768px) {
            padding-right: 170px;
        }
    }

    .md\:pr-\[200px\] {
        @media (width >=768px) {
            padding-right: 200px;
        }
    }

    .md\:pb-\[135px\] {
        @media (width >=768px) {
            padding-bottom: 135px;
        }
    }

    .md\:text-base {
        @media (width >=768px) {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
    }

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

    .lg\:sticky {
        @media (width >=992px) {
            position: sticky;
        }
    }

    .lg\:top-20 {
        @media (width >=992px) {
            top: calc(var(--spacing) * 20);
        }
    }

    .lg\:top-28 {
        @media (width >=992px) {
            top: calc(var(--spacing) * 28);
        }
    }

    .lg\:right-\[31px\] {
        @media (width >=992px) {
            right: 31px;
        }
    }

    .lg\:left-\[-3\%\] {
        @media (width >=992px) {
            left: -3%;
        }
    }

    .lg\:left-\[-9\%\] {
        @media (width >=992px) {
            left: -9%;
        }
    }

    .lg\:left-\[-45\%\] {
        @media (width >=992px) {
            left: -45%;
        }
    }

    .lg\:left-\[-63\%\] {
        @media (width >=992px) {
            left: -63%;
        }
    }

    .lg\:left-\[-68\%\] {
        @media (width >=992px) {
            left: -68%;
        }
    }

    .lg\:left-\[-70\%\] {
        @media (width >=992px) {
            left: -70%;
        }
    }

    .lg\:left-\[-73\%\] {
        @media (width >=992px) {
            left: -73%;
        }
    }

    .lg\:left-\[-74\%\] {
        @media (width >=992px) {
            left: -74%;
        }
    }

    .lg\:left-\[-89\%\] {
        @media (width >=992px) {
            left: -89%;
        }
    }

    .lg\:left-\[-90\%\] {
        @media (width >=992px) {
            left: -90%;
        }
    }

    .lg\:left-\[1\%\] {
        @media (width >=992px) {
            left: 1%;
        }
    }

    .lg\:left-\[6\%\] {
        @media (width >=992px) {
            left: 6%;
        }
    }

    .lg\:col-span-1 {
        @media (width >=992px) {
            grid-column: span 1 / span 1;
        }
    }

    .lg\:col-span-2 {
        @media (width >=992px) {
            grid-column: span 2 / span 2;
        }
    }

    .lg\:col-span-3 {
        @media (width >=992px) {
            grid-column: span 3 / span 3;
        }
    }

    .lg\:col-span-4 {
        @media (width >=992px) {
            grid-column: span 4 / span 4;
        }
    }

    .lg\:col-span-5 {
        @media (width >=992px) {
            grid-column: span 5 / span 5;
        }
    }

    .lg\:col-span-6 {
        @media (width >=992px) {
            grid-column: span 6 / span 6;
        }
    }

    .lg\:col-span-7 {
        @media (width >=992px) {
            grid-column: span 7 / span 7;
        }
    }

    .lg\:col-span-8 {
        @media (width >=992px) {
            grid-column: span 8 / span 8;
        }
    }

    .lg\:col-span-9 {
        @media (width >=992px) {
            grid-column: span 9 / span 9;
        }
    }

    .lg\:col-span-10 {
        @media (width >=992px) {
            grid-column: span 10 / span 10;
        }
    }

    .lg\:mx-\[100px\] {
        @media (width >=992px) {
            margin-inline: 100px;
        }
    }

    .lg\:-mr-\[800px\] {
        @media (width >=992px) {
            margin-right: calc(800px * -1);
        }
    }

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

    .lg\:-ml-\[800px\] {
        @media (width >=992px) {
            margin-left: calc(800px * -1);
        }
    }

    .lg\:block {
        @media (width >=992px) {
            display: block;
        }
    }

    .lg\:inline-flex {
        @media (width >=992px) {
            display: inline-flex;
        }
    }

    .min-lg\:block {
        @media (width >=992px) {
            display: block;
        }
    }

    .lg\:h-\[446px\] {
        @media (width >=992px) {
            height: 446px;
        }
    }

    .lg\:h-\[546px\] {
        @media (width >=992px) {
            height: 546px;
        }
    }

    .lg\:h-\[768px\] {
        @media (width >=992px) {
            height: 768px;
        }
    }

    .lg\:w-\[140px\] {
        @media (width >=992px) {
            width: 140px;
        }
    }

    .lg\:w-\[160px\] {
        @media (width >=992px) {
            width: 160px;
        }
    }

    .lg\:w-\[170px\] {
        @media (width >=992px) {
            width: 170px;
        }
    }

    .lg\:w-\[190px\] {
        @media (width >=992px) {
            width: 190px;
        }
    }

    .lg\:w-\[300px\] {
        @media (width >=992px) {
            width: 300px;
        }
    }

    .lg\:w-\[350px\] {
        @media (width >=992px) {
            width: 350px;
        }
    }

    .lg\:w-\[370px\] {
        @media (width >=992px) {
            width: 370px;
        }
    }

    .lg\:w-\[380px\] {
        @media (width >=992px) {
            width: 380px;
        }
    }

    .lg\:w-\[410px\] {
        @media (width >=992px) {
            width: 410px;
        }
    }

    .lg\:w-\[430px\] {
        @media (width >=992px) {
            width: 430px;
        }
    }

    .lg\:w-\[500px\] {
        @media (width >=992px) {
            width: 500px;
        }
    }

    .min-lg\:w-9\/12 {
        @media (width >=992px) {
            width: calc(9 / 12 * 100%);
        }
    }

    .lg\:-rotate-\[2deg\] {
        @media (width >=992px) {
            rotate: calc(2deg * -1);
        }
    }

    .lg\:-rotate-\[10deg\] {
        @media (width >=992px) {
            rotate: calc(10deg * -1);
        }
    }

    .lg\:-rotate-\[14deg\] {
        @media (width >=992px) {
            rotate: calc(14deg * -1);
        }
    }

    .lg\:-rotate-\[24deg\] {
        @media (width >=992px) {
            rotate: calc(24deg * -1);
        }
    }

    .lg\:-rotate-\[26deg\] {
        @media (width >=992px) {
            rotate: calc(26deg * -1);
        }
    }

    .lg\:-rotate-\[44deg\] {
        @media (width >=992px) {
            rotate: calc(44deg * -1);
        }
    }

    .lg\:-rotate-\[51deg\] {
        @media (width >=992px) {
            rotate: calc(51deg * -1);
        }
    }

    .lg\:-rotate-\[130deg\] {
        @media (width >=992px) {
            rotate: calc(130deg * -1);
        }
    }

    .lg\:-rotate-\[150deg\] {
        @media (width >=992px) {
            rotate: calc(150deg * -1);
        }
    }

    .lg\:-rotate-\[160deg\] {
        @media (width >=992px) {
            rotate: calc(160deg * -1);
        }
    }

    .lg\:-rotate-\[170deg\] {
        @media (width >=992px) {
            rotate: calc(170deg * -1);
        }
    }

    .lg\:-rotate-\[199deg\] {
        @media (width >=992px) {
            rotate: calc(199deg * -1);
        }
    }

    .lg\:-rotate-\[211deg\] {
        @media (width >=992px) {
            rotate: calc(211deg * -1);
        }
    }

    .lg\:-rotate-\[228deg\] {
        @media (width >=992px) {
            rotate: calc(228deg * -1);
        }
    }

    .lg\:rotate-\[2deg\] {
        @media (width >=992px) {
            rotate: 2deg;
        }
    }

    .lg\:rotate-\[10deg\] {
        @media (width >=992px) {
            rotate: 10deg;
        }
    }

    .lg\:rotate-\[14deg\] {
        @media (width >=992px) {
            rotate: 14deg;
        }
    }

    .lg\:rotate-\[24deg\] {
        @media (width >=992px) {
            rotate: 24deg;
        }
    }

    .lg\:rotate-\[26deg\] {
        @media (width >=992px) {
            rotate: 26deg;
        }
    }

    .lg\:rotate-\[44deg\] {
        @media (width >=992px) {
            rotate: 44deg;
        }
    }

    .lg\:rotate-\[51deg\] {
        @media (width >=992px) {
            rotate: 51deg;
        }
    }

    .lg\:rotate-\[130deg\] {
        @media (width >=992px) {
            rotate: 130deg;
        }
    }

    .lg\:rotate-\[150deg\] {
        @media (width >=992px) {
            rotate: 150deg;
        }
    }

    .lg\:rotate-\[160deg\] {
        @media (width >=992px) {
            rotate: 160deg;
        }
    }

    .lg\:rotate-\[170deg\] {
        @media (width >=992px) {
            rotate: 170deg;
        }
    }

    .lg\:rotate-\[199deg\] {
        @media (width >=992px) {
            rotate: 199deg;
        }
    }

    .lg\:rotate-\[211deg\] {
        @media (width >=992px) {
            rotate: 211deg;
        }
    }

    .lg\:rotate-\[228deg\] {
        @media (width >=992px) {
            rotate: 228deg;
        }
    }

    .lg\:grid-cols-3 {
        @media (width >=992px) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-4 {
        @media (width >=992px) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .min-lg\:justify-end {
        @media (width >=992px) {
            justify-content: flex-end;
        }
    }

    .lg\:border-\[\#EEEEEE\] {
        @media (width >=992px) {
            border-color: #EEEEEE;
        }
    }

    .lg\:bg-black {
        @media (width >=992px) {
            background-color: var(--color-black);
        }
    }

    .lg\:py-\[150px\] {
        @media (width >=992px) {
            padding-block: 150px;
        }
    }

    .lg\:text-center {
        @media (width >=992px) {
            text-align: center;
        }
    }

    .lg\:text-end {
        @media (width >=992px) {
            text-align: end;
        }
    }

    .lg\:text-\[15px\] {
        @media (width >=992px) {
            font-size: 15px;
        }
    }

    .lg\:text-\[26px\] {
        @media (width >=992px) {
            font-size: 26px;
        }
    }

    .lg\:before\:w-\[120px\] {
        @media (width >=992px) {
            &::before {
                content: var(--tw-content);
                width: 120px;
            }
        }
    }

    .lg\:after\:w-\[120px\] {
        @media (width >=992px) {
            &::after {
                content: var(--tw-content);
                width: 120px;
            }
        }
    }

    .xl\:invisible {
        @media (width >=1200px) {
            visibility: hidden;
        }
    }

    .xl\:absolute {
        @media (width >=1200px) {
            position: absolute;
        }
    }

    .xl\:top-full {
        @media (width >=1200px) {
            top: 100%;
        }
    }

    .xl\:right-0 {
        @media (width >=1200px) {
            right: calc(var(--spacing) * 0);
        }
    }

    .xl\:left-0 {
        @media (width >=1200px) {
            left: calc(var(--spacing) * 0);
        }
    }

    .xl\:left-\[-129\%\] {
        @media (width >=1200px) {
            left: -129%;
        }
    }

    .xl\:left-\[-137\%\] {
        @media (width >=1200px) {
            left: -137%;
        }
    }

    .xl\:left-\[-146\%\] {
        @media (width >=1200px) {
            left: -146%;
        }
    }

    .xl\:left-\[-150\%\] {
        @media (width >=1200px) {
            left: -150%;
        }
    }

    .xl\:col-span-2 {
        @media (width >=1200px) {
            grid-column: span 2 / span 2;
        }
    }

    .xl\:col-span-3 {
        @media (width >=1200px) {
            grid-column: span 3 / span 3;
        }
    }

    .xl\:col-span-4 {
        @media (width >=1200px) {
            grid-column: span 4 / span 4;
        }
    }

    .xl\:col-span-5 {
        @media (width >=1200px) {
            grid-column: span 5 / span 5;
        }
    }

    .xl\:col-span-6 {
        @media (width >=1200px) {
            grid-column: span 6 / span 6;
        }
    }

    .xl\:col-span-7 {
        @media (width >=1200px) {
            grid-column: span 7 / span 7;
        }
    }

    .xl\:col-span-8 {
        @media (width >=1200px) {
            grid-column: span 8 / span 8;
        }
    }

    .xl\:col-span-9 {
        @media (width >=1200px) {
            grid-column: span 9 / span 9;
        }
    }

    .xl\:col-span-10 {
        @media (width >=1200px) {
            grid-column: span 10 / span 10;
        }
    }

    .xl\:m-\[0_auto\] {
        @media (width >=1200px) {
            margin: 0 auto;
        }
    }

    .xl\:mx-\[148px\] {
        @media (width >=1200px) {
            margin-inline: 148px;
        }
    }

    .xl\:mt-\[-12px\] {
        @media (width >=1200px) {
            margin-top: -12px;
        }
    }

    .xl\:-mr-\[500px\] {
        @media (width >=1200px) {
            margin-right: calc(500px * -1);
        }
    }

    .xl\:mr-\[16px\] {
        @media (width >=1200px) {
            margin-right: 16px;
        }
    }

    .xl\:-ml-\[700px\] {
        @media (width >=1200px) {
            margin-left: calc(700px * -1);
        }
    }

    .xl\:block {
        @media (width >=1200px) {
            display: block;
        }
    }

    .xl\:flex {
        @media (width >=1200px) {
            display: flex;
        }
    }

    .xl\:hidden {
        @media (width >=1200px) {
            display: none;
        }
    }

    .xl\:inline-block {
        @media (width >=1200px) {
            display: inline-block;
        }
    }

    .xl\:inline-flex {
        @media (width >=1200px) {
            display: inline-flex;
        }
    }

    .xl\:h-\[780px\] {
        @media (width >=1200px) {
            height: 780px;
        }
    }

    .xl\:w-\[260px\] {
        @media (width >=1200px) {
            width: 260px;
        }
    }

    .xl\:w-\[470px\] {
        @media (width >=1200px) {
            width: 470px;
        }
    }

    .xl\:w-\[500px\] {
        @media (width >=1200px) {
            width: 500px;
        }
    }

    .xl\:w-\[510px\] {
        @media (width >=1200px) {
            width: 510px;
        }
    }

    .xl\:w-\[550px\] {
        @media (width >=1200px) {
            width: 550px;
        }
    }

    .xl\:w-\[560px\] {
        @media (width >=1200px) {
            width: 560px;
        }
    }

    .xl\:w-\[570px\] {
        @media (width >=1200px) {
            width: 570px;
        }
    }

    .xl\:w-\[575px\] {
        @media (width >=1200px) {
            width: 575px;
        }
    }

    .xl\:w-\[600px\] {
        @media (width >=1200px) {
            width: 600px;
        }
    }

    .xl\:w-\[750px\] {
        @media (width >=1200px) {
            width: 750px;
        }
    }

    .xl\:max-w-\[1290px\] {
        @media (width >=1200px) {
            max-width: 1290px;
        }
    }

    .xl\:origin-top {
        @media (width >=1200px) {
            transform-origin: top;
        }
    }

    .xl\:scale-y-0 {
        @media (width >=1200px) {
            --tw-scale-y: 0%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .xl\:grid-cols-3 {
        @media (width >=1200px) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-4 {
        @media (width >=1200px) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .min-xl\:justify-end {
        @media (width >=1200px) {
            justify-content: flex-end;
        }
    }

    .xl\:justify-end {
        @media (width >=1200px) {
            justify-content: flex-end;
        }
    }

    .xl\:gap-6 {
        @media (width >=1200px) {
            gap: calc(var(--spacing) * 6);
        }
    }

    .xl\:gap-10 {
        @media (width >=1200px) {
            gap: calc(var(--spacing) * 10);
        }
    }

    .xl\:gap-x-6 {
        @media (width >=1200px) {
            column-gap: calc(var(--spacing) * 6);
        }
    }

    .xl\:gap-x-10 {
        @media (width >=1200px) {
            column-gap: calc(var(--spacing) * 10);
        }
    }

    .xl\:rounded-\[8px\] {
        @media (width >=1200px) {
            border-radius: 8px;
        }
    }

    .xl\:rounded-\[10px\] {
        @media (width >=1200px) {
            border-radius: 10px;
        }
    }

    .xl\:rounded-\[12px\] {
        @media (width >=1200px) {
            border-radius: 12px;
        }
    }

    .xl\:rounded-\[20px\] {
        @media (width >=1200px) {
            border-radius: 20px;
        }
    }

    .xl\:border {
        @media (width >=1200px) {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }
    }

    .xl\:border-r {
        @media (width >=1200px) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
        }
    }

    .xl\:border-\[rgba\(22\,21\,25\,0\.1\)\] {
        @media (width >=1200px) {
            border-color: rgba(22, 21, 25, 0.1);
        }
    }

    .xl\:border-\[rgba\(217\,217\,217\,0\.3\)\] {
        @media (width >=1200px) {
            border-color: rgba(217, 217, 217, 0.3);
        }
    }

    .xl\:bg-grey-200 {
        @media (width >=1200px) {
            background-color: var(--color-grey-200);
        }
    }

    .xl\:bg-white {
        @media (width >=1200px) {
            background-color: var(--color-white);
        }
    }

    .xl\:p-2\.5 {
        @media (width >=1200px) {
            padding: calc(var(--spacing) * 2.5);
        }
    }

    .xl\:p-\[10px\] {
        @media (width >=1200px) {
            padding: 10px;
        }
    }

    .xl\:p-\[10px_20px_36px_20px\] {
        @media (width >=1200px) {
            padding: 10px 20px 36px 20px;
        }
    }

    .xl\:p-\[10px_30px\] {
        @media (width >=1200px) {
            padding: 10px 30px;
        }
    }

    .xl\:p-\[17px_30px\] {
        @media (width >=1200px) {
            padding: 17px 30px;
        }
    }

    .xl\:p-\[20px_26px\] {
        @media (width >=1200px) {
            padding: 20px 26px;
        }
    }

    .xl\:p-\[25px_30px_20px_30px\] {
        @media (width >=1200px) {
            padding: 25px 30px 20px 30px;
        }
    }

    .xl\:p-\[30px_30px_30px_30px\] {
        @media (width >=1200px) {
            padding: 30px 30px 30px 30px;
        }
    }

    .xl\:p-\[40px_10px_20px_10px\] {
        @media (width >=1200px) {
            padding: 40px 10px 20px 10px;
        }
    }

    .xl\:p-\[40px_10px_50px_10px\] {
        @media (width >=1200px) {
            padding: 40px 10px 50px 10px;
        }
    }

    .xl\:py-5\.5 {
        @media (width >=1200px) {
            padding-block: calc(var(--spacing) * 5.5);
        }
    }

    .xl\:py-6\.5 {
        @media (width >=1200px) {
            padding-block: calc(var(--spacing) * 6.5);
        }
    }

    .xl\:py-\[17px\] {
        @media (width >=1200px) {
            padding-block: 17px;
        }
    }

    .xl\:py-\[150px\] {
        @media (width >=1200px) {
            padding-block: 150px;
        }
    }

    .xl\:pb-\[50px\] {
        @media (width >=1200px) {
            padding-bottom: 50px;
        }
    }

    .xl\:pl-\[20px\] {
        @media (width >=1200px) {
            padding-left: 20px;
        }
    }

    .xl\:text-end {
        @media (width >=1200px) {
            text-align: end;
        }
    }

    .xl\:text-\[17px\] {
        @media (width >=1200px) {
            font-size: 17px;
        }
    }

    .xl\:text-\[32px\] {
        @media (width >=1200px) {
            font-size: 32px;
        }
    }

    .xl\:text-black {
        @media (width >=1200px) {
            color: var(--color-black);
        }
    }

    .xl\:text-white {
        @media (width >=1200px) {
            color: var(--color-white);
        }
    }

    .xl\:opacity-0 {
        @media (width >=1200px) {
            opacity: 0%;
        }
    }

    .xl\:shadow-\[0_2px_10px_0_rgba\(22\,21\,25\,0\.1\)\] {
        @media (width >=1200px) {
            --tw-shadow: 0 2px 10px 0 var(--tw-shadow-color, rgba(22, 21, 25, 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .xl\:shadow-\[0_3px_4px_0_rgba\(0\,0\,0\,0\.1\)\] {
        @media (width >=1200px) {
            --tw-shadow: 0 3px 4px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .xl\:transition-all {
        @media (width >=1200px) {
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
        }
    }

    .xl\:duration-400 {
        @media (width >=1200px) {
            --tw-duration: 400ms;
            transition-duration: 400ms;
        }
    }

    .xl\:\*\:mx-2 {
        @media (width >=1200px) {
            :is(& > *) {
                margin-inline: calc(var(--spacing) * 2);
            }
        }
    }

    .xl\:\*\:mx-4 {
        @media (width >=1200px) {
            :is(& > *) {
                margin-inline: calc(var(--spacing) * 4);
            }
        }
    }

    .xl\:\*\:mx-5 {
        @media (width >=1200px) {
            :is(& > *) {
                margin-inline: calc(var(--spacing) * 5);
            }
        }
    }

    .xl\:group-hover\/menu\:visible {
        @media (width >=1200px) {
            &:is(:where(.group\/menu):hover *) {
                @media (hover: hover) {
                    visibility: visible;
                }
            }
        }
    }

    .xl\:group-hover\/menu\:scale-y-100 {
        @media (width >=1200px) {
            &:is(:where(.group\/menu):hover *) {
                @media (hover: hover) {
                    --tw-scale-y: 100%;
                    scale: var(--tw-scale-x) var(--tw-scale-y);
                }
            }
        }
    }

    .xl\:group-hover\/menu\:opacity-100 {
        @media (width >=1200px) {
            &:is(:where(.group\/menu):hover *) {
                @media (hover: hover) {
                    opacity: 100%;
                }
            }
        }
    }

    .xxl\:-right-9 {
        @media (width >=1400px) {
            right: calc(var(--spacing) * -9);
        }
    }

    .xxl\:-left-9 {
        @media (width >=1400px) {
            left: calc(var(--spacing) * -9);
        }
    }

    .xxl\:col-span-3 {
        @media (width >=1400px) {
            grid-column: span 3 / span 3;
        }
    }

    .xxl\:col-span-5 {
        @media (width >=1400px) {
            grid-column: span 5 / span 5;
        }
    }

    .xxl\:col-span-6 {
        @media (width >=1400px) {
            grid-column: span 6 / span 6;
        }
    }

    .xxl\:mx-\[170px\] {
        @media (width >=1400px) {
            margin-inline: 170px;
        }
    }

    .xxl\:mx-\[248px\] {
        @media (width >=1400px) {
            margin-inline: 248px;
        }
    }

    .xxl\:-mr-\[380px\] {
        @media (width >=1400px) {
            margin-right: calc(380px * -1);
        }
    }

    .xxl\:mr-13 {
        @media (width >=1400px) {
            margin-right: calc(var(--spacing) * 13);
        }
    }

    .xxl\:-ml-\[380px\] {
        @media (width >=1400px) {
            margin-left: calc(380px * -1);
        }
    }

    .xxl\:ml-13 {
        @media (width >=1400px) {
            margin-left: calc(var(--spacing) * 13);
        }
    }

    .xxl\:inline-block {
        @media (width >=1400px) {
            display: inline-block;
        }
    }

    .xxl\:h-\[960px\] {
        @media (width >=1400px) {
            height: 960px;
        }
    }

    .xxl\:w-\[600px\] {
        @media (width >=1400px) {
            width: 600px;
        }
    }

    .xxl\:w-\[610px\] {
        @media (width >=1400px) {
            width: 610px;
        }
    }

    .xxl\:p-\[80px\] {
        @media (width >=1400px) {
            padding: 80px;
        }
    }

    .xxl\:py-\[200px\] {
        @media (width >=1400px) {
            padding-block: 200px;
        }
    }

    .xxl\:text-\[74px\] {
        @media (width >=1400px) {
            font-size: 74px;
        }
    }

    .xxl\:text-\[80px\] {
        @media (width >=1400px) {
            font-size: 80px;
        }
    }

    .xxl\:text-\[86px\] {
        @media (width >=1400px) {
            font-size: 86px;
        }
    }

    .xxl\:text-\[90px\] {
        @media (width >=1400px) {
            font-size: 90px;
        }
    }

    .xxl\:\*\:mx-4 {
        @media (width >=1400px) {
            :is(& > *) {
                margin-inline: calc(var(--spacing) * 4);
            }
        }
    }

    .\32 xl\:-mr-\[120px\] {
        @media (width >=1600px) {
            margin-right: calc(120px * -1);
        }
    }

    .\32 xl\:-ml-\[120px\] {
        @media (width >=1600px) {
            margin-left: calc(120px * -1);
        }
    }

    .\[\&_\*_a\]\:flex {
        & * a {
            display: flex;
        }
    }

    .\[\&_\*_a\]\:items-center {
        & * a {
            align-items: center;
        }
    }

    .\[\&_\*_a\]\:gap-2 {
        & * a {
            gap: calc(var(--spacing) * 2);
        }
    }

    .\[\&_\*_a\]\:gap-5 {
        & * a {
            gap: calc(var(--spacing) * 5);
        }
    }

    .\[\&_\*_a\]\:rounded-\[10px\] {
        & * a {
            border-radius: 10px;
        }
    }

    .\[\&_\*_a\]\:px-\[13px\] {
        & * a {
            padding-inline: 13px;
        }
    }

    .\[\&_\*_a\]\:py-\[11px\] {
        & * a {
            padding-block: 11px;
        }
    }

    .\[\&_\*_a\]\:text-\[18px\] {
        & * a {
            font-size: 18px;
        }
    }

    .\[\&_\*_a\]\:font-medium {
        & * a {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
    }

    .\[\&_\*_a\]\:tracking-\[-0\.01em\] {
        & * a {
            --tw-tracking: -0.01em;
            letter-spacing: -0.01em;
        }
    }

    .\[\&_\*_a\]\:text-black {
        & * a {
            color: var(--color-black);
        }
    }

    .\[\&_\*_a\]\:hover\:bg-\[\#e6e8f0\] {
        & * a {
            &:hover {
                @media (hover: hover) {
                    background-color: #e6e8f0;
                }
            }
        }
    }

    .\[\&_\*_a\]\:hover\:text-primary {
        & * a {
            &:hover {
                @media (hover: hover) {
                    color: var(--color-primary);
                }
            }
        }
    }

    .\[\&_\*_span\]\:text-\[16px\] {
        & * span {
            font-size: 16px;
        }
    }

    .\[\&_\*_span\]\:font-medium {
        & * span {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
    }

    .\[\&_\*_span\]\:tracking-\[-0\.01em\] {
        & * span {
            --tw-tracking: -0.01em;
            letter-spacing: -0.01em;
        }
    }

    .\[\&_\*_span\]\:text-grey {
        & * span {
            color: var(--color-grey);
        }
    }

    .\[\&_\*_span\]\:hover\:text-black {
        & * span {
            &:hover {
                @media (hover: hover) {
                    color: var(--color-black);
                }
            }
        }
    }

    .\[\&_\.swiper-pagination-bullet\]\:h-\[6px\]\! {
        & .swiper-pagination-bullet {
            height: 6px !important;
        }
    }

    .\[\&_\.swiper-pagination-bullet\]\:h-\[10px\]\! {
        & .swiper-pagination-bullet {
            height: 10px !important;
        }
    }

    .\[\&_\.swiper-pagination-bullet\]\:w-\[10px\]\! {
        & .swiper-pagination-bullet {
            width: 10px !important;
        }
    }

    .\[\&_\.swiper-pagination-bullet\]\:w-\[60px\]\! {
        & .swiper-pagination-bullet {
            width: 60px !important;
        }
    }

    .\[\&_\.swiper-pagination-bullet\]\:rounded-\[30px\]\! {
        & .swiper-pagination-bullet {
            border-radius: 30px !important;
        }
    }

    .\[\&_\.swiper-pagination-bullet\]\:rounded-\[50px\]\! {
        & .swiper-pagination-bullet {
            border-radius: 50px !important;
        }
    }

    .\[\&_\.swiper-pagination-bullet\]\:bg-\[\#737375\]\! {
        & .swiper-pagination-bullet {
            background-color: #737375 !important;
        }
    }

    .\[\&_\.swiper-pagination-bullet\]\:bg-\[rgba\(17\,17\,17\,0\.1\)\]\! {
        & .swiper-pagination-bullet {
            background-color: rgba(17, 17, 17, 0.1) !important;
        }
    }

    .\[\&_\.swiper-pagination-bullet\]\:bg-\[rgba\(255\,255\,255\,0\.1\)\]\! {
        & .swiper-pagination-bullet {
            background-color: rgba(255, 255, 255, 0.1) !important;
        }
    }

    .\[\&_\.swiper-pagination-bullet\]\:opacity-100\! {
        & .swiper-pagination-bullet {
            opacity: 100% !important;
        }
    }

    .\[\&_\.swiper-pagination-bullet-active\]\:bg-black\! {
        & .swiper-pagination-bullet-active {
            background-color: var(--color-black) !important;
        }
    }

    .\[\&_\.swiper-pagination-bullet-active\]\:bg-primary\! {
        & .swiper-pagination-bullet-active {
            background-color: var(--color-primary) !important;
        }
    }

    .\[\&_\.swiper-pagination-bullet-active\]\:bg-white\! {
        & .swiper-pagination-bullet-active {
            background-color: var(--color-white) !important;
        }
    }

    .\[\&_\:is\(span\,p\)\]\:text-\[18px\] {
        & :is(span, p) {
            font-size: 18px;
        }
    }

    .\[\&_\:is\(span\,p\)\]\:leading-\[167\%\] {
        & :is(span, p) {
            --tw-leading: 167%;
            line-height: 167%;
        }
    }

    .\[\&_\:is\(span\,p\)\]\:font-normal {
        & :is(span, p) {
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
        }
    }

    .\[\&_\:is\(span\,p\)\]\:tracking-\[-0\.01em\] {
        & :is(span, p) {
            --tw-tracking: -0.01em;
            letter-spacing: -0.01em;
        }
    }

    .\[\&_\:is\(span\,p\)\]\:text-grey {
        & :is(span, p) {
            color: var(--color-grey);
        }
    }

    .\[\&_a\]\:block {
        & a {
            display: block;
        }
    }

    .\[\&_a\]\:inline-block {
        & a {
            display: inline-block;
        }
    }

    .\[\&_a\]\:py-\[12px\] {
        & a {
            padding-block: 12px;
        }
    }

    .\[\&_a\]\:py-\[13px\] {
        & a {
            padding-block: 13px;
        }
    }

    .\[\&_a\]\:py-\[15px\] {
        & a {
            padding-block: 15px;
        }
    }

    .\[\&_a\]\:text-\[16px\] {
        & a {
            font-size: 16px;
        }
    }

    .\[\&_a\]\:text-grey {
        & a {
            color: var(--color-grey);
        }
    }

    .\[\&_a\]\:text-primary {
        & a {
            color: var(--color-primary);
        }
    }

    .\[\&_a\]\:opacity-\[0\.4\] {
        & a {
            opacity: 0.4;
        }
    }

    .\[\&_a\]\:transition-all {
        & a {
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
        }
    }

    .\[\&_a\]\:duration-300 {
        & a {
            --tw-duration: 300ms;
            transition-duration: 300ms;
        }
    }

    .\[\&_a\]\:hover\:text-primary {
        & a {
            &:hover {
                @media (hover: hover) {
                    color: var(--color-primary);
                }
            }
        }
    }

    .hover\:\[\&_a\]\:text-primary {
        &:hover {
            @media (hover: hover) {
                & a {
                    color: var(--color-primary);
                }
            }
        }
    }

    .\[\&_a\]\:hover\:opacity-100 {
        & a {
            &:hover {
                @media (hover: hover) {
                    opacity: 100%;
                }
            }
        }
    }

    .xl\:\[\&_a\]\:hover\:translate-x-\[10px\] {
        @media (width >=1200px) {
            & a {
                &:hover {
                    @media (hover: hover) {
                        --tw-translate-x: 10px;
                        translate: var(--tw-translate-x) var(--tw-translate-y);
                    }
                }
            }
        }
    }

    .\[\&_a_br\]\:hidden {
        & a br {
            display: none;
        }
    }

    .max-2xl\:\[\&_br\]\:hidden {
        @media (width < 1600px) {
            & br {
                display: none;
            }
        }
    }

    .max-xxl\:\[\&_br\]\:hidden {
        @media (width < 1400px) {
            & br {
                display: none;
            }
        }
    }

    .max-xl\:\[\&_br\]\:hidden {
        @media (width < 1200px) {
            & br {
                display: none;
            }
        }
    }

    .max-lg\:\[\&_br\]\:hidden {
        @media (width < 992px) {
            & br {
                display: none;
            }
        }
    }

    .max-md\:\[\&_br\]\:hidden {
        @media (width < 768px) {
            & br {
                display: none;
            }
        }
    }

    .hover\:\[\&_img\]\:scale-110 {
        &:hover {
            @media (hover: hover) {
                & img {
                    --tw-scale-x: 110%;
                    --tw-scale-y: 110%;
                    --tw-scale-z: 110%;
                    scale: var(--tw-scale-x) var(--tw-scale-y);
                }
            }
        }
    }

    .\[\&_li\]\:mb-\[11px\] {
        & li {
            margin-bottom: 11px;
        }
    }

    .\[\&_li\]\:mb-\[15px\] {
        & li {
            margin-bottom: 15px;
        }
    }

    .\[\&_li\]\:mb-\[24px\] {
        & li {
            margin-bottom: 24px;
        }
    }

    .\[\&_li\]\:flex {
        & li {
            display: flex;
        }
    }

    .\[\&_li\]\:list-disc {
        & li {
            list-style-type: disc;
        }
    }

    .\[\&_li\]\:gap-\[20px\] {
        & li {
            gap: 20px;
        }
    }

    .\[\&_li\]\:pl-5 {
        & li {
            padding-left: calc(var(--spacing) * 5);
        }
    }

    .\[\&_li\]\:text-\[16px\] {
        & li {
            font-size: 16px;
        }
    }

    .\[\&_li\]\:text-\[18px\] {
        & li {
            font-size: 18px;
        }
    }

    .\[\&_li\]\:font-medium {
        & li {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
    }

    .\[\&_li\]\:text-\[\#494851\] {
        & li {
            color: #494851;
        }
    }

    .\[\&_li\]\:text-black {
        & li {
            color: var(--color-black);
        }
    }

    .\[\&_li\]\:text-grey-100 {
        & li {
            color: var(--color-grey-100);
        }
    }

    .\[\&_li\]\:max-xl\:pl-5 {
        & li {
            @media (width < 1200px) {
                padding-left: calc(var(--spacing) * 5);
            }
        }
    }

    .xl\:\[\&_li\]\:shadow-\[0_1px_0_0_rgba\(73\,72\,81\,0\.1\)\] {
        @media (width >=1200px) {
            & li {
                --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, rgba(73, 72, 81, 0.1));
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
        }
    }

    .\[\&_li_a\:hover\]\:text-primary {
        & li a:hover {
            color: var(--color-primary);
        }
    }

    .\[\&_li\.current_a\]\:text-primary {
        & li.current a {
            color: var(--color-primary);
        }
    }

    .xl\:\[\&_li\:not\(\:last-child\)\]\:shadow-\[0_1px_0_0_rgba\(73\,72\,81\,0\.1\)\] {
        @media (width >=1200px) {
            & li:not(:last-child) {
                --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, rgba(73, 72, 81, 0.1));
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
        }
    }

    .\[\&_span\]\:text-\[18px\] {
        & span {
            font-size: 18px;
        }
    }

    .\[\&_span\]\:tracking-\[-0\.01em\] {
        & span {
            --tw-tracking: -0.01em;
            letter-spacing: -0.01em;
        }
    }

    .\[\&_span\]\:text-black {
        & span {
            color: var(--color-black);
        }
    }

    .\[\&_span\]\:transition-colors {
        & span {
            transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
        }
    }

    .\[\&_span\]\:duration-300 {
        & span {
            --tw-duration: 300ms;
            transition-duration: 300ms;
        }
    }

    .\[\&\.active\]\:border-primary {
        &.active {
            border-color: var(--color-primary);
        }
    }

    .\[\&\.active\]\:bg-primary {
        &.active {
            background-color: var(--color-primary);
        }
    }

    .\[\&\.active\]\:bg-white {
        &.active {
            background-color: var(--color-white);
        }
    }

    .\[\&\.active\]\:text-\[rgba\(71\,71\,71\,0\.7\)\] {
        &.active {
            color: rgba(71, 71, 71, 0.7);
        }
    }

    .\[\&\.active\]\:text-black {
        &.active {
            color: var(--color-black);
        }
    }

    .\[\&\.active\]\:text-white {
        &.active {
            color: var(--color-white);
        }
    }

    .\[\&\.active\]\:shadow-\[0_15px_50px_-10px_rgba\(22\,21\,25\,0\.1\)\] {
        &.active {
            --tw-shadow: 0 15px 50px -10px var(--tw-shadow-color, rgba(22, 21, 25, 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .\[\&\.active\]\:before\:bg-\[\#3DD1D1\] {
        &.active {
            &::before {
                content: var(--tw-content);
                background-color: #3DD1D1;
            }
        }
    }

    .\[\&\.apply\]\:visible {
        &.apply {
            visibility: visible;
        }
    }

    .\[\&\.apply\]\:opacity-100 {
        &.apply {
            opacity: 100%;
        }
    }

    .\[\&\.hello\]\:rounded-\[20px\] {
        &.hello {
            border-radius: 20px;
        }
    }

    .\[\&\.hello\]\:border-white {
        &.hello {
            border-color: var(--color-white);
        }
    }

    .\[\&\.hello\]\:bg-white {
        &.hello {
            background-color: var(--color-white);
        }
    }

    .\[\&\.hello\]\:shadow-\[0_15px_50px_-10px_rgba\(22\,21\,25\,0\.1\)\] {
        &.hello {
            --tw-shadow: 0 15px 50px -10px var(--tw-shadow-color, rgba(22, 21, 25, 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .\[\&\.hello\]\:shadow-\[0_25px_30px_-10px_rgba\(0\,0\,0\,0\.1\)\] {
        &.hello {
            --tw-shadow: 0 25px 30px -10px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .\[\&\.hello\]\:shadow-\[0_25px_30px_0_rgba\(0\,0\,0\,0\.1\)\] {
        &.hello {
            --tw-shadow: 0 25px 30px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .\[\&\.opened\]\:visible {
        &.opened {
            visibility: visible;
        }
    }

    .\[\&\.opened\]\:right-0 {
        &.opened {
            right: calc(var(--spacing) * 0);
        }
    }

    .\[\&\.opened\]\:opacity-100 {
        &.opened {
            opacity: 100%;
        }
    }

    .\[\&\.search-opened\]\:translate-y-0 {
        &.search-opened {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .\[\&\:has\(li\)\]\:after\:content-none {
        &:has(li) {
            &::after {
                content: var(--tw-content);
                --tw-content: none;
                content: none;
            }
        }
    }

    .\[\.header-sticky\]\:top-0\! {
        &:is(.header-sticky) {
            top: calc(var(--spacing) * 0) !important;
        }
    }

    .\[\.header-sticky\]\:top-\[10px\]\! {
        &:is(.header-sticky) {
            top: 10px !important;
        }
    }

    .\[\.header-sticky\]\:bg-white {
        &:is(.header-sticky) {
            background-color: var(--color-white);
        }
    }

    .\[\.header-sticky\]\:shadow-\[0px_4px_10px_rgba\(3\,4\,28\,0\.1\)\] {
        &:is(.header-sticky) {
            --tw-shadow: 0px 4px 10px var(--tw-shadow-color, rgba(3, 4, 28, 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .\[\&\>a\]\:inline-flex {
        &>a {
            display: inline-flex;
        }
    }

    .\[\&\>a\]\:h-\[40px\] {
        &>a {
            height: 40px;
        }
    }

    .\[\&\>a\]\:h-\[42px\] {
        &>a {
            height: 42px;
        }
    }

    .\[\&\>a\]\:w-\[40px\] {
        &>a {
            width: 40px;
        }
    }

    .\[\&\>a\]\:w-\[42px\] {
        &>a {
            width: 42px;
        }
    }

    .\[\&\>a\]\:items-center {
        &>a {
            align-items: center;
        }
    }

    .\[\&\>a\]\:justify-center {
        &>a {
            justify-content: center;
        }
    }

    .\[\&\>a\]\:rounded-\[10px\] {
        &>a {
            border-radius: 10px;
        }
    }

    .\[\&\>a\]\:rounded-full {
        &>a {
            border-radius: calc(infinity * 1px);
        }
    }

    .\[\&\>a\]\:border {
        &>a {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }
    }

    .\[\&\>a\]\:border-\[rgba\(22\,21\,25\,_0\.08\)\] {
        &>a {
            border-color: rgba(22, 21, 25, 0.08);
        }
    }

    .\[\&\>a\]\:text-\[\#77767a\] {
        &>a {
            color: #77767a;
        }
    }

    .\[\&\>a\]\:text-black {
        &>a {
            color: var(--color-black);
        }
    }

    .\[\&\>a\]\:hover\:bg-black {
        &>a {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-black);
                }
            }
        }
    }

    .\[\&\>a\]\:hover\:bg-primary {
        &>a {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-primary);
                }
            }
        }
    }

    .\[\&\>a\]\:hover\:text-primary {
        &>a {
            &:hover {
                @media (hover: hover) {
                    color: var(--color-primary);
                }
            }
        }
    }

    .\[\&\>a\]\:hover\:text-white {
        &>a {
            &:hover {
                @media (hover: hover) {
                    color: var(--color-white);
                }
            }
        }
    }

    .\[\&\>a_br\]\:max-md\:hidden {
        &>a br {
            @media (width < 768px) {
                display: none;
            }
        }
    }

    .\[\&\>br\]\:hidden {
        &>br {
            display: none;
        }
    }

    .max-3xl\:\[\&\>br\]\:hidden {
        @media (width < 1700px) {
            &>br {
                display: none;
            }
        }
    }

    .max-xxl\:\[\&\>br\]\:hidden {
        @media (width < 1400px) {
            &>br {
                display: none;
            }
        }
    }

    .\[\&\>br\]\:max-xl\:hidden {
        &>br {
            @media (width < 1200px) {
                display: none;
            }
        }
    }

    .max-xl\:\[\&\>br\]\:hidden {
        @media (width < 1200px) {
            &>br {
                display: none;
            }
        }
    }

    .max-lg\:\[\&\>br\]\:hidden {
        @media (width < 992px) {
            &>br {
                display: none;
            }
        }
    }

    .\[\&\>br\]\:max-md\:hidden {
        &>br {
            @media (width < 768px) {
                display: none;
            }
        }
    }

    .max-md\:\[\&\>br\]\:hidden {
        @media (width < 768px) {
            &>br {
                display: none;
            }
        }
    }

    .max-sm\:\[\&\>br\]\:hidden {
        @media (width < 576px) {
            &>br {
                display: none;
            }
        }
    }

    .\[\&\>li\]\:relative {
        &>li {
            position: relative;
        }
    }

    .\[\&\>li\]\:z-10 {
        &>li {
            z-index: 10;
        }
    }

    .\[\&\>li\]\:mb-6 {
        &>li {
            margin-bottom: calc(var(--spacing) * 6);
        }
    }

    .\[\&\>li\]\:mb-\[8px\] {
        &>li {
            margin-bottom: 8px;
        }
    }

    .\[\&\>li\]\:mb-\[10px\] {
        &>li {
            margin-bottom: 10px;
        }
    }

    .\[\&\>li\]\:mb-\[12px\] {
        &>li {
            margin-bottom: 12px;
        }
    }

    .\[\&\>li\]\:mb-\[15px\] {
        &>li {
            margin-bottom: 15px;
        }
    }

    .\[\&\>li\]\:flex {
        &>li {
            display: flex;
        }
    }

    .\[\&\>li\]\:list-none {
        &>li {
            list-style-type: none;
        }
    }

    .\[\&\>li\]\:gap-11 {
        &>li {
            gap: calc(var(--spacing) * 11);
        }
    }

    .\[\&\>li\]\:gap-13 {
        &>li {
            gap: calc(var(--spacing) * 13);
        }
    }

    .\[\&\>li\]\:pb-25 {
        &>li {
            padding-bottom: calc(var(--spacing) * 25);
        }
    }

    .\[\&\>li\]\:pb-27 {
        &>li {
            padding-bottom: calc(var(--spacing) * 27);
        }
    }

    .\[\&\>li\]\:pl-\[10px\] {
        &>li {
            padding-left: 10px;
        }
    }

    .\[\&\>li\]\:text-\[16px\] {
        &>li {
            font-size: 16px;
        }
    }

    .\[\&\>li\]\:text-\[18px\] {
        &>li {
            font-size: 18px;
        }
    }

    .\[\&\>li\]\:font-medium {
        &>li {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
    }

    .\[\&\>li\]\:tracking-\[-0\.01em\] {
        &>li {
            --tw-tracking: -0.01em;
            letter-spacing: -0.01em;
        }
    }

    .\[\&\>li\]\:text-black {
        &>li {
            color: var(--color-black);
        }
    }

    .\[\&\>li\]\:text-grey {
        &>li {
            color: var(--color-grey);
        }
    }

    .\[\&\>li\]\:before\:absolute {
        &>li {
            &::before {
                content: var(--tw-content);
                position: absolute;
            }
        }
    }

    .\[\&\>li\]\:before\:top-0 {
        &>li {
            &::before {
                content: var(--tw-content);
                top: calc(var(--spacing) * 0);
            }
        }
    }

    .\[\&\>li\]\:before\:top-1 {
        &>li {
            &::before {
                content: var(--tw-content);
                top: calc(var(--spacing) * 1);
            }
        }
    }

    .\[\&\>li\]\:before\:left-5 {
        &>li {
            &::before {
                content: var(--tw-content);
                left: calc(var(--spacing) * 5);
            }
        }
    }

    .\[\&\>li\]\:before\:left-42\.5 {
        &>li {
            &::before {
                content: var(--tw-content);
                left: calc(var(--spacing) * 42.5);
            }
        }
    }

    .\[\&\>li\]\:before\:-z-10 {
        &>li {
            &::before {
                content: var(--tw-content);
                z-index: calc(10 * -1);
            }
        }
    }

    .\[\&\>li\]\:before\:h-full {
        &>li {
            &::before {
                content: var(--tw-content);
                height: 100%;
            }
        }
    }

    .\[\&\>li\]\:before\:w-\[2px\] {
        &>li {
            &::before {
                content: var(--tw-content);
                width: 2px;
            }
        }
    }

    .\[\&\>li\]\:before\:bg-\[rgba\(119\,118\,122\,0\.1\)\] {
        &>li {
            &::before {
                content: var(--tw-content);
                background-color: rgba(119, 118, 122, 0.1);
            }
        }
    }

    .\[\&\>li\]\:before\:content-\[\'\'\] {
        &>li {
            &::before {
                --tw-content: '';
                content: var(--tw-content);
            }
        }
    }

    .max-md\:\[\&\>li\]\:flex-wrap {
        @media (width < 768px) {
            &>li {
                flex-wrap: wrap;
            }
        }
    }

    .max-md\:\[\&\>li\]\:gap-6 {
        @media (width < 768px) {
            &>li {
                gap: calc(var(--spacing) * 6);
            }
        }
    }

    .max-md\:\[\&\>li\]\:before\:bg-transparent {
        @media (width < 768px) {
            &>li {
                &::before {
                    content: var(--tw-content);
                    background-color: transparent;
                }
            }
        }
    }

    .\[\&\>li\:\:before\]\:absolute {
        &>li::before {
            position: absolute;
        }
    }

    .\[\&\>li\:\:before\]\:top-1\/2 {
        &>li::before {
            top: calc(1 / 2 * 100%);
        }
    }

    .\[\&\>li\:\:before\]\:top-\[7px\] {
        &>li::before {
            top: 7px;
        }
    }

    .\[\&\>li\:\:before\]\:left-0 {
        &>li::before {
            left: calc(var(--spacing) * 0);
        }
    }

    .\[\&\>li\:\:before\]\:h-\[4px\] {
        &>li::before {
            height: 4px;
        }
    }

    .\[\&\>li\:\:before\]\:w-\[4px\] {
        &>li::before {
            width: 4px;
        }
    }

    .\[\&\>li\:\:before\]\:-translate-y-1\/2 {
        &>li::before {
            --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .\[\&\>li\:\:before\]\:rounded-full {
        &>li::before {
            border-radius: calc(infinity * 1px);
        }
    }

    .\[\&\>li\:\:before\]\:bg-black {
        &>li::before {
            background-color: var(--color-black);
        }
    }

    .\[\&\>li\:\:before\]\:bg-grey {
        &>li::before {
            background-color: var(--color-grey);
        }
    }

    .\[\&\>li\:\:before\]\:content-\[\'\'\] {
        &>li::before {
            --tw-content: '';
            content: var(--tw-content);
        }
    }

    .\[\&\>li\:last-child\]\:pb-0 {
        &>li:last-child {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .\[\&\>li\:last-child\]\:before\:hidden {
        &>li:last-child {
            &::before {
                content: var(--tw-content);
                display: none;
            }
        }
    }

    .\[\&\>li\:not\(\:last-child\)\]\:mb-\[20px\] {
        &>li:not(:last-child) {
            margin-bottom: 20px;
        }
    }

    .\[\&\>li\:not\(\:last-child\)\]\:border-b {
        &>li:not(:last-child) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }
    }

    .\[\&\>li\:not\(\:last-child\)\]\:border-dashed {
        &>li:not(:last-child) {
            --tw-border-style: dashed;
            border-style: dashed;
        }
    }

    .\[\&\>li\:not\(\:last-child\)\]\:border-\[rgba\(20\,24\,32\,0\.2\)\] {
        &>li:not(:last-child) {
            border-color: rgba(20, 24, 32, 0.2);
        }
    }

    .\[\&\>li\:not\(\:last-child\)\]\:pb-\[20px\] {
        &>li:not(:last-child) {
            padding-bottom: 20px;
        }
    }

    .\[\&\>li\>a\]\:relative {
        &>li>a {
            position: relative;
        }
    }

    .\[\&\>li\>a\]\:flex {
        &>li>a {
            display: flex;
        }
    }

    .\[\&\>li\>a\]\:text-\[18px\] {
        &>li>a {
            font-size: 18px;
        }
    }

    .\[\&\>li\>a\]\:font-medium {
        &>li>a {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
    }

    .\[\&\>li\>a\.active\]\:text-black {
        &>li>a.active {
            color: var(--color-black);
        }
    }

    .\[\&\>li\>a\.active\:\:before\]\:top-0 {
        &>li>a.active::before {
            top: calc(var(--spacing) * 0);
        }
    }

    .\[\&\>li\>a\.active\:\:before\]\:bottom-auto {
        &>li>a.active::before {
            bottom: auto;
        }
    }

    .\[\&\>li\>a\.active\:\:before\]\:h-full {
        &>li>a.active::before {
            height: 100%;
        }
    }

    .\[\&\>li\>a\:\:before\]\:absolute {
        &>li>a::before {
            position: absolute;
        }
    }

    .\[\&\>li\>a\:\:before\]\:bottom-0 {
        &>li>a::before {
            bottom: calc(var(--spacing) * 0);
        }
    }

    .\[\&\>li\>a\:\:before\]\:left-\[-41px\] {
        &>li>a::before {
            left: -41px;
        }
    }

    .\[\&\>li\>a\:\:before\]\:h-0 {
        &>li>a::before {
            height: calc(var(--spacing) * 0);
        }
    }

    .\[\&\>li\>a\:\:before\]\:w-\[2px\] {
        &>li>a::before {
            width: 2px;
        }
    }

    .\[\&\>li\>a\:\:before\]\:rounded-\[28px_0px_0px_40px\] {
        &>li>a::before {
            border-radius: 28px 0px 0px 40px;
        }
    }

    .\[\&\>li\>a\:\:before\]\:bg-black {
        &>li>a::before {
            background-color: var(--color-black);
        }
    }

    .\[\&\>li\>a\:\:before\]\:transition-all {
        &>li>a::before {
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
        }
    }

    .\[\&\>li\>a\:\:before\]\:content-\[\'\'\] {
        &>li>a::before {
            --tw-content: '';
            content: var(--tw-content);
        }
    }

    .\[\&\>li\>a\:hover\]\:text-black {
        &>li>a:hover {
            color: var(--color-black);
        }
    }

    .\[\&\>li\>a\:hover\:\:before\]\:top-0 {
        &>li>a:hover::before {
            top: calc(var(--spacing) * 0);
        }
    }

    .\[\&\>li\>a\:hover\:\:before\]\:bottom-auto {
        &>li>a:hover::before {
            bottom: auto;
        }
    }

    .\[\&\>li\>a\:hover\:\:before\]\:h-\[36px\] {
        &>li>a:hover::before {
            height: 36px;
        }
    }

    .\[\&\>span\]\:text-\[rgba\(255\,255\,255\,0\.6\)\] {
        &>span {
            color: rgba(255, 255, 255, 0.6);
        }
    }
}

@font-face {
    font-family: 'Inter Display';
    src: url('../assets/fonts/InterDisplay-Medium.html') format('woff2'), url('../assets/fonts/InterDisplay-Medium-2.html') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Display';
    src: url('../assets/fonts/InterDisplay-SemiBold.html') format('woff2'), url('../assets/fonts/InterDisplay-SemiBold-2.html') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@layer base {

    html,
    body {
        font-family: var(--font-body);
        font-size: 15px;
        --tw-leading: 1.3;
        line-height: 1.3;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: var(--color-grey);
    }

    img,
    svg {
        display: inline-block;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: calc(var(--spacing) * 0);
        font-family: var(--font-display);
        --tw-leading: 1.1;
        line-height: 1.1;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-black);
        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: 300ms;
        transition-duration: 300ms;
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out);
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 24px;
    }

    h5 {
        font-size: 20px;
    }

    h6 {
        font-size: 16px;
    }

    p {
        font-family: var(--font-body);
        font-size: 16px;
        --tw-leading: 163%;
        line-height: 163%;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
    }

    ul {
        margin: calc(var(--spacing) * 0);
        padding: calc(var(--spacing) * 0);
    }

    a,
    .btn,
    p,
    button,
    input,
    select,
    textarea,
    li,
    img,
    .transition-3,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        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: 300ms;
        transition-duration: 300ms;
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out);
    }

    input[type="color"],
    input,
    textarea,
    select {
        height: 100%;
        width: 100%;
        cursor: text;
        appearance: none;
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 0px;
        background-color: transparent;
        padding: calc(var(--spacing) * 0);
    }

    input:focus,
    input:focus-visible,
    textarea:focus,
    select:focus {
        border-color: transparent;
        --tw-shadow: 0 0 #0000;
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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);
        --tw-outline-style: none;
        outline-style: none;
    }

    ::selection {
        background-color: var(--color-primary);
        color: var(--color-white);
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    ::-moz-selection {
        background-color: var(--color-primary);
        color: var(--color-white);
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    ::placeholder {
        font-size: 16px;
        color: #5f6a77;
    }

    *::-moz-placeholder {
        font-size: 16px;
        color: #5f6a77;
    }
}

@layer components {
    .tp-btn {
        position: relative;
        z-index: 2;
        height: 44px;
        cursor: pointer;
        overflow: hidden;
        border-radius: calc(infinity * 1px);
        background-color: var(--color-primary);
        padding-inline: calc(var(--spacing) * 6);
        text-align: center;
        font-size: 16px;
        --tw-leading: 44px;
        line-height: 44px;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-white);
        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));
        --tw-duration: 500ms;
        transition-duration: 500ms;
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out);
    }

    .tp-btn span {
        position: relative;
        z-index: 5;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-delay: 100ms;
        --tw-duration: 500ms;
        transition-duration: 500ms;
    }

    .tp-btn b {
        position: absolute;
        top: calc(1 / 2 * 100%);
        left: calc(1 / 2 * 100%);
        z-index: 1;
        height: calc(var(--spacing) * 0);
        width: calc(var(--spacing) * 0);
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        border-radius: calc(infinity * 1px);
        background-color: var(--color-black);
        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: 700ms;
        transition-duration: 700ms;
        --tw-ease: linear;
        transition-timing-function: linear;
    }

    .tp-btn:hover span {
        color: var(--color-white);
    }

    .tp-btn:hover b {
        height: 500px;
        width: 500px;
    }

    .tp-btn-shadow {
        --tw-shadow: 0 50px 30px -3px var(--tw-shadow-color, rgba(17, 17, 17, 0.1)), 0 27px 16px -2px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 16px 10px -2px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 10px 6px -2px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 6px 4px -1px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 4px 2px -1px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 2px 2px -6px var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), 0 1px 1px 0 var(--tw-shadow-color, rgba(17, 17, 17, 0.11)), inset 0 0 20px 0 var(--tw-shadow-color, rgba(255, 255, 255, 0.16));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .price-badge {
        position: relative;
        display: inline-block;

        &>.content {
            display: inline-block;
            border-bottom-right-radius: calc(infinity * 1px);
            border-bottom-left-radius: calc(infinity * 1px);
            background-color: #ffcd29;
            padding: 7px 34px 7px 34px;
            font-size: 13px;
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            --tw-tracking: -0.01em;
            letter-spacing: -0.01em;
            color: #3f170b;
            text-transform: uppercase;
        }

        &>.before {
            position: absolute;
            top: 1px;
            right: -16px;
            height: 40px;
            width: 20px;
            border-top-left-radius: 20px;
            background-color: transparent;
            --tw-shadow: 0 -18px 0 0 var(--tw-shadow-color, #ffcd29);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        &>.after {
            position: absolute;
            top: 1px;
            left: -16px;
            height: 40px;
            width: 20px;
            border-top-right-radius: 20px;
            background-color: transparent;
            --tw-shadow: 0 -18px 0 0 var(--tw-shadow-color, #ffcd29);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .tp-checkbox-label::before {
        background-image: none;
    }

    .peer:checked+.tp-checkbox-label::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M0.750122 5.50012C0.750122 5.50012 2.35012 6.41265 3.15012 7.75012C3.15012 7.75012 5.55012 2.50012 8.75012 0.750122' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .tp-animation path {
        fill: transparent;
        stroke: color-mix(in oklab, #77767A 20%, transparent);
        stroke-width: 1;
        stroke-dasharray: 2000;
        stroke-dashoffset: 2000;
        animation: drawLine 6s linear infinite;
    }

    .tp-animation path:nth-child(2) {
        animation-delay: 0.5s;
    }

    .tp-animation path:nth-child(3) {
        animation-delay: 1s;
    }

    .tp-animation path:nth-child(4) {
        animation-delay: 1.5s;
    }

    .tp-animation path:nth-child(5) {
        animation-delay: 2s;
    }

    .tp-animation path:nth-child(6) {
        animation-delay: 2.5s;
    }

    .tp-animation path:nth-child(7) {
        animation-delay: 3s;
    }

    .tp-animation path:nth-child(8) {
        animation-delay: 3.5s;
    }

    .path1 {
        offset-path: path("M0 0.75H88.5C90.7091 0.75 92.5 2.54086 92.5 4.75V54.25");

        @media (width < 576px) {
            display: none;
        }
    }

    .path2 {
        offset-path: path("M266 0.75H177.5C175.291 0.75 173.5 2.54086 173.5 4.75V54.25");

        @media (width < 576px) {
            display: none;
        }
    }

    .path3 {
        offset-path: path("M0.5 209.25H89C91.2091 209.25 93 207.459 93 205.25V172.75");

        @media (width < 576px) {
            display: none;
        }
    }

    .path4 {
        offset-path: path("M267 209.25H178.5C176.291 209.25 174.5 207.459 174.5 205.25V172.75");

        @media (width < 576px) {
            display: none;
        }
    }

    .animate-scale-up-down {
        animation: scale_up_down 3s infinite alternate both;
    }

    .animate-\[tptranslateX2_5s_forwards_infinite_alternate\] {
        animation: tptranslateX2 5s forwards infinite alternate;
    }

    .animate-\[tptranslateY_4s_forwards_infinite_alternate\] {
        animation: tptranslateY 4s forwards infinite alternate;
    }

    .header-sticky {
        visibility: visible;
        position: fixed !important;
        top: calc(var(--spacing) * 0);
        right: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        z-index: 50 !important;
        opacity: 100% !important;
        animation: headerSlideDown 0.95s ease forwards;
    }

    .preloader::before,
    .preloader::after {
        content: "";
        grid-area: 1 / 1;
        width: 40px;
        height: 40px;
        background: #6248ff;
        animation: preloader 2s infinite;
    }

    .preloader::after {
        animation-delay: -1s;
    }
}

@layer utilities {
    .tp-menu-close {
        position: absolute;
        top: 10px;
        right: calc(var(--spacing) * 0);
        display: inline-block;
        height: 30px;
        width: 30px;
        cursor: pointer;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: rgba(000, 000, 000, 0.2);
        text-align: center;
        font-size: 16px;
        --tw-leading: 29px;
        line-height: 29px;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-black);
    }

    .tabs-wrapper .monthly.active~.test {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .animate-bubble {
        animation: bubbleFadeUp 0.6s ease forwards;
    }

    .upslide {
        animation: upslide 4s linear forwards infinite alternate;
    }

    @keyframes bubbleFadeUp {
        0% {
            opacity: 0;
            transform: translateY(20px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes TestimonialScroll {
        from {
            -moz-transform: translateY(0);
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        to {
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }
    }

    @keyframes scale_up_down {
        0% {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }

    @keyframes tptranslateX2 {
        0% {
            -webkit-transform: translateX(-30px);
            -moz-transform: translateX(-30px);
            -ms-transform: translateX(-30px);
            -o-transform: translateX(-30px);
            transform: translateX(-30px);
        }

        100% {
            -webkit-transform: translateX(20px);
            -moz-transform: translateX(20px);
            -ms-transform: translateX(20px);
            -o-transform: translateX(20px);
            transform: translateX(20px);
        }
    }

    @keyframes tptranslateY {
        0% {
            -webkit-transform: translateY(-30px);
            -moz-transform: translateY(-30px);
            -ms-transform: translateY(-30px);
            -o-transform: translateY(-30px);
            transform: translateY(-30px);
        }

        100% {
            -webkit-transform: translateY(20px);
            -moz-transform: translateY(20px);
            -ms-transform: translateY(20px);
            -o-transform: translateY(20px);
            transform: translateY(20px);
        }
    }

    @keyframes TestimonialScroll2 {
        from {
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        to {
            -moz-transform: translateY(0);
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes circle-animation {
        0% {
            right: 0;
        }

        50% {
            right: 100%;
        }

        100% {
            right: 0%;
        }
    }

    @keyframes circle-animation-2 {
        0% {
            left: 0;
        }

        50% {
            left: 100%;
        }

        100% {
            left: 0%;
        }
    }

    @keyframes drawLine {
        0% {
            stroke-dashoffset: 2000;
            opacity: 0;
        }

        20% {
            opacity: 1;
        }

        60% {
            stroke-dashoffset: 0;
            opacity: 1;
        }

        100% {
            stroke-dashoffset: -2000;
            opacity: 0;
        }
    }

    @keyframes upslide {

        0%,
        20%,
        50%,
        80%,
        100% {
            transform: translateY(0);
        }

        40% {
            transform: translateY(-20px);
        }

        60% {
            transform: translateY(-10px);
        }
    }

    @keyframes rotate-infinite {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes TestimonialScroll {
        from {
            -moz-transform: translateY(0);
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        to {
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }
    }

    @keyframes TestimonialScroll2 {
        from {
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        to {
            -moz-transform: translateY(0);
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes drawFlow {
        0% {
            stroke-dashoffset: 600;
            opacity: 0.2;
        }

        50% {
            opacity: 1;
        }

        100% {
            stroke-dashoffset: 0;
            opacity: 0.2;
        }
    }

    @keyframes drawFlowReverse {
        0% {
            stroke-dashoffset: 600;
            opacity: 0.2;
        }

        50% {
            opacity: 1;
        }

        100% {
            stroke-dashoffset: 0;
            opacity: 0.2;
        }
    }

    @keyframes move {
        0% {
            offset-distance: 0%;
        }

        100% {
            offset-distance: 100%;
        }
    }

    @keyframes anim-top-bottom {
        0% {
            transform: translateY(-20px);
        }

        100% {
            transform: translateY(0px);
        }
    }

    @keyframes anim-left-right {
        0% {
            transform: translateX(-50px);
        }

        100% {
            transform: translateX(0px);
        }
    }

    @keyframes headerSlideDown {
        0% {
            margin-top: -150px;
        }

        100% {
            margin-top: 0;
        }
    }

    @keyframes preloader {
        0% {
            transform: translate(0, 0);
        }

        25% {
            transform: translate(100%, 0);
        }

        50% {
            transform: translate(100%, 100%);
        }

        75% {
            transform: translate(0, 100%);
        }

        100% {
            transform: translate(0, 0);
        }
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false;
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false;
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%;
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%;
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-leading {
    syntax: "*";
    inherits: false;
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false;
}

@property --tw-tracking {
    syntax: "*";
    inherits: false;
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false;
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false;
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false;
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff;
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-blur {
    syntax: "*";
    inherits: false;
}

@property --tw-brightness {
    syntax: "*";
    inherits: false;
}

@property --tw-contrast {
    syntax: "*";
    inherits: false;
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false;
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false;
}

@property --tw-invert {
    syntax: "*";
    inherits: false;
}

@property --tw-opacity {
    syntax: "*";
    inherits: false;
}

@property --tw-saturate {
    syntax: "*";
    inherits: false;
}

@property --tw-sepia {
    syntax: "*";
    inherits: false;
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false;
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false;
}

@property --tw-duration {
    syntax: "*";
    inherits: false;
}

@property --tw-ease {
    syntax: "*";
    inherits: false;
}

@property --tw-content {
    syntax: "*";
    initial-value: "";
    inherits: false;
}

@layer properties {
    @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {

        *,
        ::before,
        ::after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
        }
    }
}

.main-logo {
    height: 30px !important;
    max-height: 30px !important;
    width: auto;
}

.bg-und {
    background-color: #efba42 !important;
}