@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap";
@import"https://fonts.cdnfonts.com/css/sf-pro-display?styles=98774,98773,98770";

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

        *,
        :before,
        :after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-border-style: solid;
            --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: 0;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-space-y-reverse: 0;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-content: ""
        }
    }
}

:root,
:host {
    --color-lines-0: #2b2c2e;
    --color-lines-1: #353637;
    --color-lines-2: #454647;
    --color-lines-3: #4d4e4f;
    --color-lines-9: #afeb00;
    --color-lines-9-hover: #beff00;
    --color-lines-10-focused: #beff0040;
    --color-background-plate-0: #0d0e0f;
    --color-background-plate-1: #17181a;
    --color-background-plate-2: #1c1d1f;
    --color-background-plate-3: #28282a;
    --color-background-plate-4: #3a3b3e;
    --color-background-plate-8: #84b800;
    --color-background-button-0: #3e3e40;
    --color-background-button-0-hover: #505052;
    --color-background-button-0-disabled: #28282a;
    --color-background-button-1: #afeb00;
    --color-background-button-1-hover: #beff00fa;
    --color-background-button-1-disabled: #666;
    --color-fonts-primary: #fafafa;
    --color-fonts-secondary: #c6c6c7;
    --color-fonts-tertiary: #a7a7a8;
    --color-fonts-quarterly: #7b7c7d;
    --color-fonts-disabled: #5a5b5c;
    --color-fonts-dark: #0d0e0f;
    --color-fonts-action: #afeb00;
    --color-fonts-action-hover: #beff00;
    --color-fonts-action-secondary: #84b800;
    --color-add-red: #ff264d;
    --color-add-green: #3ec740;
    --color-add-blue: #00f0ff;
    --color-add-pink: #f519aa;
    --color-add-yellow: #ffbd14;
    --color-custom-add-green-main: #afeb0033;
    --font-montserrat: Montserrat, sans-serif;
    --font-sf: SF Pro Display, sans-serif;
    --text-h1: 0;
    --text-h1--line-height: 0;
    --text-h2: 0;
    --text-h2--line-height: 0;
    --text-h2--font-weight: 0;
    --text-h3: 0;
    --text-h3--line-height: 0;
    --text-h3--font-weight: 0;
    --text-body1: 0;
    --text-body1--line-height: 0;
    --text-body1--font-weight: 0;
    --text-body2: 0;
    --text-body2--line-height: 0;
    --text-body2--font-weight: 0;
    --text-body3: 0;
    --text-body3--line-height: 0;
    --text-body4: 0;
    --text-body4--line-height: 0;
    --radius-xs: 0;
    --radius-sm: 0;
    --radius-md: 0;
    --radius-lg: 0;
    --radius-xl: 0;
    --radius-2xl: 0;
    --spacing-grid-0\.25s: 0;
    --spacing-grid-0\.5s: 0;
    --spacing-grid-0\.75s: 0;
    --spacing-grid-1s: 0;
    --spacing-grid-1\.5s: 0;
    --spacing-grid-2s: 0;
    --spacing-grid-2\.5s: 0;
    --spacing-grid-3s: 0;
    --spacing-grid-3\.5s: 0;
    --spacing-grid-4s: 0;
    --spacing-grid-4\.5s: 0;
    --spacing-grid-5s: 0;
    --spacing-grid-5\.5s: 0;
    --spacing-grid-6s: 0;
    --spacing-grid-7s: 0;
    --spacing-grid-8s: 0;
    --spacing-grid-9s: 0;
    --spacing-grid-10s: 0;
    --spacing-grid-11s: 0;
    --spacing-grid-12s: 0;
    --spacing-grid-14s: 0;
    --spacing-grid-15s: 0;
    --spacing-grid-19s: 0;
    --spacing-grid-24s: 0;
    --spacing-grid-30s: 0;
    --spacing-grid-31s: 0;
    --spacing-grid-32s: 0;
    --spacing-grid-42s: 0;
    --spacing-grid-44s: 0;
    --spacing-grid-48s: 0;
    --spacing-grid-70s: 0;
    --spacing-grid-86s: 0;
    --spacing-grid-108s: 0;
    --spacing-grid-135s: 0;
    --tracking-h1: 0;
    --tracking-h2: 0;
    --tracking-h3: 0;
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-500: oklch(63.7% .237 25.331);
    --color-orange-400: oklch(75% .183 55.934);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-teal-400: oklch(77.7% .152 181.912);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-stone-400: oklch(70.9% .01 56.259);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 4px;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1/.75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25/.875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75/1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75/1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2/1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-3xl: 1.5rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1)infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --aspect-video: 16/9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --left-sidebar-width: 64px
}

@keyframes loading {
    0% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

@keyframes Running {
    0% {
        background-position: 100% 100%
    }

    to {
        background-position: 0 0
    }
}

@keyframes slideDown {
    0% {
        height: 0
    }

    to {
        height: var(--radix-collapsible-content-height)
    }
}

@keyframes slideUp {
    0% {
        height: var(--radix-collapsible-content-height)
    }

    to {
        height: 0
    }
}

.range-input {
    -webkit-appearance: none;
    height: var(--spacing-grid-0\.5s);
    background: var(--color-background-plate-4);
    border-radius: var(--spacing-grid-0\.5s);
    background-image: linear-gradient(90deg, var(--color-background-plate-8), var(--color-background-plate-8));
    background-repeat: no-repeat
}

.range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: var(--spacing-grid-2s);
    width: var(--spacing-grid-3s);
    cursor: pointer;
    background: url("data:image/svg+xml,%3csvg%20id='range-input'%20viewBox='0%200%2026%2017'%20fill='none'%20stroke='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='26'%20height='17'%20rx='6'%20fill='%23AFEB00'/%3e%3cline%20x1='14.5'%20y1='5'%20x2='14.5'%20y2='12'%20stroke='%230D0E0F'/%3e%3cline%20x1='11.5'%20y1='5'%20x2='11.5'%20y2='12'%20stroke='%230D0E0F'/%3e%3c/svg%3e") 50% no-repeat;
    border: none
}

.range-input::-moz-range-thumb {
    -webkit-appearance: none;
    height: var(--spacing-grid-2s);
    width: var(--spacing-grid-3s);
    cursor: pointer;
    background: url("data:image/svg+xml,%3csvg%20id='range-input'%20viewBox='0%200%2026%2017'%20fill='none'%20stroke='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='26'%20height='17'%20rx='6'%20fill='%23AFEB00'/%3e%3cline%20x1='14.5'%20y1='5'%20x2='14.5'%20y2='12'%20stroke='%230D0E0F'/%3e%3cline%20x1='11.5'%20y1='5'%20x2='11.5'%20y2='12'%20stroke='%230D0E0F'/%3e%3c/svg%3e") 50% no-repeat;
    border: none
}

.range-input::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    box-shadow: none;
    background: 0 0;
    border: none
}

@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-blue-500: oklch(62.3% .214 259.815);
        --color-gray-300: oklch(87.2% .01 258.338);
        --color-white: #fff;
        --spacing: .25rem;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-bold: 700;
        --radius-xs: 0;
        --radius-sm: 0;
        --radius-md: 0;
        --radius-lg: 0;
        --radius-xl: 0;
        --radius-2xl: 0;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
        --blur-sm: 8px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --color-lines-0: #2b2c2e;
        --color-lines-1: #353637;
        --color-lines-2: #454647;
        --color-lines-3: #4d4e4f;
        --color-lines-9: #afeb00;
        --color-lines-9-hover: #beff00;
        --color-lines-10-focused: #beff0040;
        --color-background-plate-0: #0d0e0f;
        --color-background-plate-1: #17181a;
        --color-background-plate-2: #1c1d1f;
        --color-background-plate-3: #28282a;
        --color-background-plate-4: #3a3b3e;
        --color-background-plate-8: #84b800;
        --color-background-button-0: #3e3e40;
        --color-background-button-0-hover: #505052;
        --color-background-button-0-disabled: #28282a;
        --color-background-button-1: #afeb00;
        --color-background-button-1-hover: #beff00fa;
        --color-background-button-1-disabled: #666;
        --color-fonts-primary: #fafafa;
        --color-fonts-secondary: #c6c6c7;
        --color-fonts-tertiary: #a7a7a8;
        --color-fonts-quarterly: #7b7c7d;
        --color-fonts-disabled: #5a5b5c;
        --color-fonts-dark: #0d0e0f;
        --color-fonts-action: #afeb00;
        --color-fonts-action-hover: #beff00;
        --color-fonts-action-secondary: #84b800;
        --color-add-red: #ff264d;
        --color-add-green: #3ec740;
        --color-add-blue: #00f0ff;
        --color-add-pink: #f519aa;
        --color-add-yellow: #ffbd14;
        --font-montserrat: Montserrat, sans-serif;
        --font-sf: SF Pro Display, sans-serif;
        --text-h1: 0;
        --text-h1--line-height: 0;
        --text-h2: 0;
        --text-h2--line-height: 0;
        --text-h2--font-weight: 0;
        --text-h3: 0;
        --text-h3--line-height: 0;
        --text-h3--font-weight: 0;
        --text-body1: 0;
        --text-body1--line-height: 0;
        --text-body1--font-weight: 0;
        --text-body2: 0;
        --text-body2--line-height: 0;
        --text-body2--font-weight: 0;
        --text-body3: 0;
        --text-body3--line-height: 0;
        --text-body4: 0;
        --text-body4--line-height: 0;
        --spacing-grid-0\.25s: 0;
        --spacing-grid-0\.5s: 0;
        --spacing-grid-0\.75s: 0;
        --spacing-grid-1s: 0;
        --spacing-grid-1\.5s: 0;
        --spacing-grid-2s: 0;
        --spacing-grid-2\.5s: 0;
        --spacing-grid-3s: 0;
        --spacing-grid-3\.5s: 0;
        --spacing-grid-4s: 0;
        --spacing-grid-4\.5s: 0;
        --spacing-grid-5s: 0;
        --spacing-grid-5\.5s: 0;
        --spacing-grid-6s: 0;
        --spacing-grid-7s: 0;
        --spacing-grid-8s: 0;
        --spacing-grid-9s: 0;
        --spacing-grid-10s: 0;
        --spacing-grid-11s: 0;
        --spacing-grid-31s: 0;
        --tracking-h1: 0;
        --tracking-h2: 0;
        --tracking-h3: 0
    }
}

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

        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: currentColor
            }

            @supports (color:color-mix(in lab, red, red)) {
                ::placeholder {
                    color: color-mix(in oklab, currentcolor 50%, transparent)
                }
            }
        }
    }

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

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

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

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

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

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

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

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

    b,
    strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

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

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

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

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

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

    ::placeholder {
        opacity: 1
    }

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

        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    html {
        color: #fff;
        background: var(--color-background-plate-2);
        scrollbar-width: none !important
    }

    html::-webkit-scrollbar {
        display: none;
        width: 0 !important;
        height: 0 !important
    }
}

@layer utilities {
    .-inset-1 {
        inset: calc(var(--spacing)*-1)
    }

    .\!z-\[10000\] {
        z-index: 10000 !important
    }

    .mx-grid-1\.5s {
        margin-inline: var(--spacing-grid-1\.5s)
    }

    .size-grid-0\.5s {
        width: var(--spacing-grid-0\.5s);
        height: var(--spacing-grid-0\.5s)
    }

    .size-grid-0\.25s {
        width: var(--spacing-grid-0\.25s);
        height: var(--spacing-grid-0\.25s)
    }

    .size-grid-11s {
        width: var(--spacing-grid-11s);
        height: var(--spacing-grid-11s)
    }

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

    .h-grid-0\.25s {
        height: var(--spacing-grid-0\.25s)
    }

    .h-grid-0\.75s {
        height: var(--spacing-grid-0\.75s)
    }

    .h-grid-3\.5s {
        height: var(--spacing-grid-3\.5s)
    }

    .h-grid-5\.5s {
        height: var(--spacing-grid-5\.5s)
    }

    .h-screen {
        height: 100vh
    }

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

    .w-grid-0\.5s {
        width: var(--spacing-grid-0\.5s)
    }

    .w-grid-0\.25s {
        width: var(--spacing-grid-0\.25s)
    }

    .w-grid-0\.75s {
        width: var(--spacing-grid-0\.75s)
    }

    .w-grid-1s {
        width: var(--spacing-grid-1s)
    }

    .w-grid-3\.5s {
        width: var(--spacing-grid-3\.5s)
    }

    .w-grid-4\.5s {
        width: var(--spacing-grid-4\.5s)
    }

    .w-grid-5\.5s {
        width: var(--spacing-grid-5\.5s)
    }

    .w-grid-5s {
        width: var(--spacing-grid-5s)
    }

    .w-grid-9s {
        width: var(--spacing-grid-9s)
    }

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

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

    .translate-x-grid-2s {
        --tw-translate-x: var(--spacing-grid-2s);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .cursor-default {
        cursor: default
    }

    .cursor-none {
        cursor: none
    }

    .resize-none {
        resize: none
    }

    .grid-rows-\[0fr\] {
        grid-template-rows: 0fr
    }

    .grid-rows-\[1fr\] {
        grid-template-rows: 1fr
    }

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

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

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

    .\!border-add-red {
        border-color: var(--color-add-red) !important
    }

    .\!border-background-button-1 {
        border-color: var(--color-background-button-1) !important
    }

    .\!border-fonts-action {
        border-color: var(--color-fonts-action) !important
    }

    .\!border-lines-3 {
        border-color: var(--color-lines-3) !important
    }

    .\!border-lines-9-hover {
        border-color: var(--color-lines-9-hover) !important
    }

    .border-background-button-1 {
        border-color: var(--color-background-button-1)
    }

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

    .border-lines-0\! {
        border-color: var(--color-lines-0) !important
    }

    .border-lines-10-focused {
        border-color: var(--color-lines-10-focused)
    }

    .\!bg-fonts-action {
        background-color: var(--color-fonts-action) !important
    }

    .bg-add-red\/20 {
        background-color: #ff264d33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-add-red\/20 {
            background-color: color-mix(in srgb, #ff264d20%, transparent)
        }

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

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

    .bg-add-yellow\/10 {
        background-color: #ffbd141a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-add-yellow\/10 {
            background-color: color-mix(in srgb, #ffbd1410%, transparent)
        }

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

    .bg-background-button-1\/25 {
        background-color: #afeb0040
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-background-button-1\/25 {
            background-color: color-mix(in srgb, #afeb0025%, transparent)
        }

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

    .bg-background-plate-1\! {
        background-color: var(--color-background-plate-1) !important
    }

    .bg-background-plate-1\/85 {
        background-color: #17181ad9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-background-plate-1\/85 {
            background-color: color-mix(in srgb, #17181a85%, transparent)
        }

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

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

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

    .bg-fonts-secondary\/25 {
        background-color: #c6c6c740
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-fonts-secondary\/25 {
            background-color: color-mix(in srgb, #c6c6c725%, transparent)
        }

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

    .bg-lines-9\/15\! {
        background-color: #afeb0026 !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-lines-9\/15\! {
            background-color: color-mix(in srgb, #afeb0015%, transparent) !important
        }

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

    .bg-lines-9\/20\! {
        background-color: #afeb0033 !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-lines-9\/20\! {
            background-color: color-mix(in srgb, #afeb0020%, transparent) !important
        }

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

    .\!fill-fonts-action {
        fill: var(--color-fonts-action) !important
    }

    .\!fill-fonts-secondary {
        fill: var(--color-fonts-secondary) !important
    }

    .fill-add-blue {
        fill: var(--color-add-blue)
    }

    .fill-add-green {
        fill: var(--color-add-green)
    }

    .fill-add-pink {
        fill: var(--color-add-pink)
    }

    .fill-add-red {
        fill: var(--color-add-red)
    }

    .fill-add-yellow {
        fill: var(--color-add-yellow)
    }

    .fill-background-button-1 {
        fill: var(--color-background-button-1)
    }

    .fill-background-plate-3 {
        fill: var(--color-background-plate-3)
    }

    .fill-fonts-action {
        fill: var(--color-fonts-action)
    }

    .fill-fonts-action-hover {
        fill: var(--color-fonts-action-hover)
    }

    .fill-fonts-action-secondary {
        fill: var(--color-fonts-action-secondary)
    }

    .fill-fonts-disabled {
        fill: var(--color-fonts-disabled)
    }

    .fill-fonts-primary {
        fill: var(--color-fonts-primary)
    }

    .fill-fonts-tertiary {
        fill: var(--color-fonts-tertiary)
    }

    .fill-inherit {
        fill: inherit
    }

    .stroke-fonts-disabled {
        stroke: var(--color-fonts-disabled)
    }

    .stroke-fonts-quarterly {
        stroke: var(--color-fonts-quarterly)
    }

    .p-grid-0\.25s {
        padding: var(--spacing-grid-0\.25s)
    }

    .py-grid-0\.75s {
        padding-block: var(--spacing-grid-0\.75s)
    }

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

    .text-justify {
        text-align: justify
    }

    .typography-text-h3 {
        letter-spacing: var(--tracking-h3);
        font-size: var(--text-h3);
        line-height: var(--text-h3--line-height);
        font-family: var(--font-montserrat)
    }

    .typography-text-body3 {
        font-size: var(--text-body3);
        line-height: var(--text-body3--line-height);
        font-family: var(--font-sf)
    }

    .typography-text-body4 {
        font-size: var(--text-body4);
        line-height: var(--text-body4--line-height);
        font-family: var(--font-sf)
    }

    .text-body1 {
        font-size: var(--text-body1);
        line-height: var(--tw-leading, var(--text-body1--line-height));
        font-weight: var(--tw-font-weight, var(--text-body1--font-weight))
    }

    .text-body2 {
        font-size: var(--text-body2);
        line-height: var(--tw-leading, var(--text-body2--line-height));
        font-weight: var(--tw-font-weight, var(--text-body2--font-weight))
    }

    .text-h2 {
        font-size: var(--text-h2);
        line-height: var(--tw-leading, var(--text-h2--line-height));
        font-weight: var(--tw-font-weight, var(--text-h2--font-weight))
    }

    .text-h3 {
        font-size: var(--text-h3);
        line-height: var(--tw-leading, var(--text-h3--line-height));
        font-weight: var(--tw-font-weight, var(--text-h3--font-weight))
    }

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

    .tracking-h2 {
        --tw-tracking: var(--tracking-h2);
        letter-spacing: var(--tracking-h2)
    }

    .tracking-h3 {
        --tw-tracking: var(--tracking-h3);
        letter-spacing: var(--tracking-h3)
    }

    .text-add-blue {
        color: var(--color-add-blue)
    }

    .text-add-green {
        color: var(--color-add-green)
    }

    .text-add-pink {
        color: var(--color-add-pink)
    }

    .text-add-red {
        color: var(--color-add-red)
    }

    .text-add-yellow {
        color: var(--color-add-yellow)
    }

    .text-background-button-1 {
        color: var(--color-background-button-1)
    }

    .text-fonts-action-hover {
        color: var(--color-fonts-action-hover)
    }

    .text-fonts-action-secondary {
        color: var(--color-fonts-action-secondary)
    }

    .text-fonts-quarterly\! {
        color: var(--color-fonts-quarterly) !important
    }

    .\!opacity-100 {
        opacity: 1 !important
    }

    .opacity-1 {
        opacity: .01
    }

    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

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

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

    .transition-\[background-color\,opacity\] {
        transition-property: background-color, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[grid-template-rows\,opacity\,margin-top\] {
        transition-property: grid-template-rows, opacity, margin-top;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    @media (hover:hover) {
        .group-hover\:border-lines-1:is(:where(.group):hover *) {
            border-color: var(--color-lines-1)
        }
    }

    .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) {
        opacity: 1
    }

    .placeholder\:text-fonts-quarterly::placeholder {
        color: var(--color-fonts-quarterly)
    }

    .focus-within\:\!border-lines-9-hover:focus-within {
        border-color: var(--color-lines-9-hover) !important
    }

    @media (hover:hover) {
        .hover\:border-lines-1:hover {
            border-color: var(--color-lines-1)
        }

        .hover\:border-lines-9-hover:hover {
            border-color: var(--color-lines-9-hover)
        }

        .hover\:bg-background-button-0-hover:hover {
            background-color: var(--color-background-button-0-hover)
        }

        .hover\:bg-background-button-1-hover:hover {
            background-color: var(--color-background-button-1-hover)
        }

        .hover\:bg-background-plate-2:hover {
            background-color: var(--color-background-plate-2)
        }

        .hover\:bg-background-plate-3:hover {
            background-color: var(--color-background-plate-3)
        }

        .hover\:\!fill-fonts-primary:hover {
            fill: var(--color-fonts-primary) !important
        }

        .hover\:fill-fonts-action-hover:hover {
            fill: var(--color-fonts-action-hover)
        }

        .hover\:fill-fonts-secondary:hover {
            fill: var(--color-fonts-secondary)
        }

        .hover\:text-fonts-action-hover:hover {
            color: var(--color-fonts-action-hover)
        }

        .hover\:text-fonts-primary:hover {
            color: var(--color-fonts-primary)
        }

        .hover\:text-fonts-secondary:hover {
            color: var(--color-fonts-secondary)
        }
    }

    .active\:scale-95:active {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .active\:\!border-lines-9-hover:active {
        border-color: var(--color-lines-9-hover) !important
    }

    .active\:opacity-100:active {
        opacity: 1
    }

    .active\:transition-none:active {
        transition-property: none
    }

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

    .disabled\:border-lines-3:disabled {
        border-color: var(--color-lines-3)
    }

    .disabled\:bg-background-button-0-disabled:disabled {
        background-color: var(--color-background-button-0-disabled)
    }

    .disabled\:bg-background-button-1-disabled:disabled {
        background-color: var(--color-background-button-1-disabled)
    }

    .disabled\:fill-fonts-disabled:disabled {
        fill: var(--color-fonts-disabled)
    }

    .disabled\:text-fonts-disabled:disabled {
        color: var(--color-fonts-disabled)
    }

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

    .\[\&\>\*\]\:pointer-events-none\!>* {
        pointer-events: none !important
    }

    .\[\&\>\*\]\:opacity-0>* {
        opacity: 0
    }

    .\[\&\>\*\]\:transition-all\!>* {
        transition-property: all !important;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
        transition-duration: var(--tw-duration, var(--default-transition-duration)) !important
    }

    .\[\&\>\*\]\:duration-300\!>* {
        --tw-duration: .3s !important;
        transition-duration: .3s !important
    }

    .\[\&\>\*\]\:ease-linear\!>* {
        --tw-ease: linear !important;
        transition-timing-function: linear !important
    }

    .\[\&\>div\>svg\]\:fill-inherit>div>svg {
        fill: inherit
    }

    .\@container {
        container-type: inline-size
    }

    .pointer-events-none {
        pointer-events: none
    }

    .collapse {
        visibility: collapse
    }

    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

    .absolute {
        position: absolute
    }

    .absolute\! {
        position: absolute !important
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

    .-inset-px {
        inset: -1px
    }

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

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

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

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

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

    .-top-grid-0\.5s {
        top: calc(var(--spacing-grid-0\.5s)*-1)
    }

    .-top-grid-0\.75s {
        top: calc(var(--spacing-grid-0\.75s)*-1)
    }

    .-top-grid-1\.5s {
        top: calc(var(--spacing-grid-1\.5s)*-1)
    }

    .-top-grid-1s {
        top: calc(var(--spacing-grid-1s)*-1)
    }

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

    .-top-grid-4\.5s {
        top: calc(var(--spacing-grid-4\.5s)*-1)
    }

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

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

    .top-1\/3 {
        top: 33.3333%
    }

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

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

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

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

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

    .top-grid-0\.5s {
        top: var(--spacing-grid-0\.5s)
    }

    .top-grid-1\.5s {
        top: var(--spacing-grid-1\.5s)
    }

    .top-grid-1s {
        top: var(--spacing-grid-1s)
    }

    .top-grid-2\.5s {
        top: var(--spacing-grid-2\.5s)
    }

    .top-grid-2s {
        top: var(--spacing-grid-2s)
    }

    .top-grid-3s {
        top: var(--spacing-grid-3s)
    }

    .top-grid-8s {
        top: var(--spacing-grid-8s)
    }

    .top-grid-9s {
        top: var(--spacing-grid-9s)
    }

    .top-grid-10s {
        top: var(--spacing-grid-10s)
    }

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

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

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

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

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

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

    .-right-grid-0\.5s {
        right: calc(var(--spacing-grid-0\.5s)*-1)
    }

    .-right-grid-0\.75s {
        right: calc(var(--spacing-grid-0\.75s)*-1)
    }

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

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

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

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

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

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

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

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

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

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

    .right-grid-0\.5s {
        right: var(--spacing-grid-0\.5s)
    }

    .right-grid-1\.5s {
        right: var(--spacing-grid-1\.5s)
    }

    .right-grid-1s {
        right: var(--spacing-grid-1s)
    }

    .right-grid-2s {
        right: var(--spacing-grid-2s)
    }

    .right-grid-3\.5s {
        right: var(--spacing-grid-3\.5s)
    }

    .right-grid-6s {
        right: var(--spacing-grid-6s)
    }

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

    .-bottom-grid-0\.5s {
        bottom: calc(var(--spacing-grid-0\.5s)*-1)
    }

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

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

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

    .bottom-grid-1s {
        bottom: var(--spacing-grid-1s)
    }

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

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

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

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

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

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

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

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

    .left-\[calc\(var\(--left-sidebar-width\)\+16px\)\] {
        left: calc(var(--left-sidebar-width) + 16px)
    }

    .left-\[calc\(var\(--left-sidebar-width\)\+32px\)\] {
        left: calc(var(--left-sidebar-width) + 32px)
    }

    .left-grid-3\.5s {
        left: var(--spacing-grid-3\.5s)
    }

    .left-grid-6s {
        left: var(--spacing-grid-6s)
    }

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

    .z-0 {
        z-index: 0
    }

    .z-1 {
        z-index: 1
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

    .z-65 {
        z-index: 65
    }

    .z-100 {
        z-index: 100
    }

    .z-101 {
        z-index: 101
    }

    .z-102 {
        z-index: 102
    }

    .z-122 {
        z-index: 122
    }

    .z-200 {
        z-index: 200
    }

    .z-201 {
        z-index: 201
    }

    .z-202 {
        z-index: 202
    }

    .z-203 {
        z-index: 203
    }

    .z-300 {
        z-index: 300
    }

    .z-301 {
        z-index: 301
    }

    .z-400 {
        z-index: 400
    }

    .z-410 {
        z-index: 410
    }

    .z-500 {
        z-index: 500
    }

    .z-2000 {
        z-index: 2000
    }

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

    .container {
        width: 100%
    }

    @media (min-width:390px) {
        .container {
            max-width: 390px
        }
    }

    @media (min-width:768px) {
        .container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .container {
            max-width: 1024px
        }
    }

    @media (min-width:1440px) {
        .container {
            max-width: 1440px
        }
    }

    @media (min-width:1920px) {
        .container {
            max-width: 1920px
        }
    }

    @media (min-width:2560px) {
        .container {
            max-width: 2560px
        }
    }

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

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

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

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

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

    .m-grid-1s {
        margin: var(--spacing-grid-1s)
    }

    .m-px {
        margin: 1px
    }

    .mx-auto {
        margin-inline: auto
    }

    .mx-grid-0\.5s {
        margin-inline: var(--spacing-grid-0\.5s)
    }

    .mx-grid-1s {
        margin-inline: var(--spacing-grid-1s)
    }

    .mx-grid-2s {
        margin-inline: var(--spacing-grid-2s)
    }

    .mx-grid-3\.5s {
        margin-inline: var(--spacing-grid-3\.5s)
    }

    .mx-grid-3s {
        margin-inline: var(--spacing-grid-3s)
    }

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

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

    .my-grid-0\.5s {
        margin-block: var(--spacing-grid-0\.5s)
    }

    .my-grid-1s {
        margin-block: var(--spacing-grid-1s)
    }

    .my-grid-2\.5s {
        margin-block: var(--spacing-grid-2\.5s)
    }

    .my-grid-2s {
        margin-block: var(--spacing-grid-2s)
    }

    .my-grid-3s {
        margin-block: var(--spacing-grid-3s)
    }

    .my-grid-4\.5s {
        margin-block: var(--spacing-grid-4\.5s)
    }

    .my-grid-4s {
        margin-block: var(--spacing-grid-4s)
    }

    .my-grid-5s {
        margin-block: var(--spacing-grid-5s)
    }

    .my-grid-6s {
        margin-block: var(--spacing-grid-6s)
    }

    .-mt-grid-0\.5s {
        margin-top: calc(var(--spacing-grid-0\.5s)*-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-5 {
        margin-top: calc(var(--spacing)*5)
    }

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

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

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

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

    .mt-grid-0\.5s {
        margin-top: var(--spacing-grid-0\.5s)
    }

    .mt-grid-0\.25s {
        margin-top: var(--spacing-grid-0\.25s)
    }

    .mt-grid-0\.75s {
        margin-top: var(--spacing-grid-0\.75s)
    }

    .mt-grid-1\.5s {
        margin-top: var(--spacing-grid-1\.5s)
    }

    .mt-grid-1s {
        margin-top: var(--spacing-grid-1s)
    }

    .mt-grid-2\.5s {
        margin-top: var(--spacing-grid-2\.5s)
    }

    .mt-grid-2s {
        margin-top: var(--spacing-grid-2s)
    }

    .mt-grid-3s {
        margin-top: var(--spacing-grid-3s)
    }

    .mt-grid-4\.5s {
        margin-top: var(--spacing-grid-4\.5s)
    }

    .mt-grid-4s {
        margin-top: var(--spacing-grid-4s)
    }

    .mt-grid-5s {
        margin-top: var(--spacing-grid-5s)
    }

    .mt-grid-7s {
        margin-top: var(--spacing-grid-7s)
    }

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

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

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

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

    .mr-grid-1\.5s {
        margin-right: var(--spacing-grid-1\.5s)
    }

    .mr-grid-1s {
        margin-right: var(--spacing-grid-1s)
    }

    .mr-grid-2s {
        margin-right: var(--spacing-grid-2s)
    }

    .mr-grid-4s {
        margin-right: var(--spacing-grid-4s)
    }

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

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

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

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

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

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

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

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

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

    .mb-grid-0\.5s {
        margin-bottom: var(--spacing-grid-0\.5s)
    }

    .mb-grid-0\.25s {
        margin-bottom: var(--spacing-grid-0\.25s)
    }

    .mb-grid-1\.5s {
        margin-bottom: var(--spacing-grid-1\.5s)
    }

    .mb-grid-1s {
        margin-bottom: var(--spacing-grid-1s)
    }

    .mb-grid-2\.5s {
        margin-bottom: var(--spacing-grid-2\.5s)
    }

    .mb-grid-2s {
        margin-bottom: var(--spacing-grid-2s)
    }

    .mb-grid-3\.5s {
        margin-bottom: var(--spacing-grid-3\.5s)
    }

    .mb-grid-3s {
        margin-bottom: var(--spacing-grid-3s)
    }

    .mb-grid-4\.5s {
        margin-bottom: var(--spacing-grid-4\.5s)
    }

    .mb-grid-4s {
        margin-bottom: var(--spacing-grid-4s)
    }

    .mb-grid-8s {
        margin-bottom: var(--spacing-grid-8s)
    }

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

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

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

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

    .ml-\[calc\(var\(--left-sidebar-width\)\+16px\)\] {
        margin-left: calc(var(--left-sidebar-width) + 16px)
    }

    .ml-auto {
        margin-left: auto
    }

    .ml-grid-1s {
        margin-left: var(--spacing-grid-1s)
    }

    .ml-grid-2\.5s {
        margin-left: var(--spacing-grid-2\.5s)
    }

    .ml-grid-2s {
        margin-left: var(--spacing-grid-2s)
    }

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

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

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

    .scrollbar-transparent {
        -ms-overflow-style: none;
        scrollbar-width: none !important
    }

    .scrollbar-transparent::-webkit-scrollbar {
        display: none;
        scrollbar-width: none !important
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .flex\! {
        display: flex !important
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .list-item {
        display: list-item
    }

    .table {
        display: table
    }

    .aspect-\[768\/var\(--spacing-grid-32s\)\] {
        aspect-ratio: 768/var(--spacing-grid-32s)
    }

    .aspect-\[1920\/var\(--spacing-grid-44s\)\] {
        aspect-ratio: 1920/var(--spacing-grid-44s)
    }

    .aspect-square {
        aspect-ratio: 1
    }

    .aspect-video {
        aspect-ratio: var(--aspect-video)
    }

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

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

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

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

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

    .size-grid-0\.75s {
        width: var(--spacing-grid-0\.75s);
        height: var(--spacing-grid-0\.75s)
    }

    .size-grid-1\.5s {
        width: var(--spacing-grid-1\.5s);
        height: var(--spacing-grid-1\.5s)
    }

    .size-grid-1s {
        width: var(--spacing-grid-1s);
        height: var(--spacing-grid-1s)
    }

    .size-grid-2\.5s {
        width: var(--spacing-grid-2\.5s);
        height: var(--spacing-grid-2\.5s)
    }

    .size-grid-2\.5s\! {
        width: var(--spacing-grid-2\.5s) !important;
        height: var(--spacing-grid-2\.5s) !important
    }

    .size-grid-2s {
        width: var(--spacing-grid-2s);
        height: var(--spacing-grid-2s)
    }

    .size-grid-3\.5s {
        width: var(--spacing-grid-3\.5s);
        height: var(--spacing-grid-3\.5s)
    }

    .size-grid-3\.5s\! {
        width: var(--spacing-grid-3\.5s) !important;
        height: var(--spacing-grid-3\.5s) !important
    }

    .size-grid-3s {
        width: var(--spacing-grid-3s);
        height: var(--spacing-grid-3s)
    }

    .size-grid-3s\! {
        width: var(--spacing-grid-3s) !important;
        height: var(--spacing-grid-3s) !important
    }

    .size-grid-4\.5s {
        width: var(--spacing-grid-4\.5s);
        height: var(--spacing-grid-4\.5s)
    }

    .size-grid-4s {
        width: var(--spacing-grid-4s);
        height: var(--spacing-grid-4s)
    }

    .size-grid-4s\! {
        width: var(--spacing-grid-4s) !important;
        height: var(--spacing-grid-4s) !important
    }

    .size-grid-5\.5s {
        width: var(--spacing-grid-5\.5s);
        height: var(--spacing-grid-5\.5s)
    }

    .size-grid-5s {
        width: var(--spacing-grid-5s);
        height: var(--spacing-grid-5s)
    }

    .size-grid-6s {
        width: var(--spacing-grid-6s);
        height: var(--spacing-grid-6s)
    }

    .size-grid-6s\! {
        width: var(--spacing-grid-6s) !important;
        height: var(--spacing-grid-6s) !important
    }

    .size-grid-7s {
        width: var(--spacing-grid-7s);
        height: var(--spacing-grid-7s)
    }

    .size-grid-8s {
        width: var(--spacing-grid-8s);
        height: var(--spacing-grid-8s)
    }

    .size-grid-9s {
        width: var(--spacing-grid-9s);
        height: var(--spacing-grid-9s)
    }

    .size-grid-10s {
        width: var(--spacing-grid-10s);
        height: var(--spacing-grid-10s)
    }

    .size-grid-19s {
        width: var(--spacing-grid-19s);
        height: var(--spacing-grid-19s)
    }

    .size-grid-24s {
        width: var(--spacing-grid-24s);
        height: var(--spacing-grid-24s)
    }

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

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

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

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

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

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

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

    .h-4\/5 {
        height: 80%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[80vh\] {
        height: 80vh
    }

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

    .h-\[calc\(var\(--doc-height\)\)\] {
        height: calc(var(--doc-height))
    }

    .h-\[calc\(var\(--doc-height\)-var\(--spacing-grid-12s\)\)\] {
        height: calc(var(--doc-height) - var(--spacing-grid-12s))
    }

    .h-\[var\(--doc-height\)\] {
        height: var(--doc-height)
    }

    .h-auto {
        height: auto
    }

    .h-auto\! {
        height: auto !important
    }

    .h-full {
        height: 100%
    }

    .h-full\! {
        height: 100% !important
    }

    .h-grid-0\.5s {
        height: var(--spacing-grid-0\.5s)
    }

    .h-grid-1\.5s {
        height: var(--spacing-grid-1\.5s)
    }

    .h-grid-1s {
        height: var(--spacing-grid-1s)
    }

    .h-grid-2\.5s {
        height: var(--spacing-grid-2\.5s)
    }

    .h-grid-2s {
        height: var(--spacing-grid-2s)
    }

    .h-grid-3s {
        height: var(--spacing-grid-3s)
    }

    .h-grid-4\.5s {
        height: var(--spacing-grid-4\.5s)
    }

    .h-grid-4s {
        height: var(--spacing-grid-4s)
    }

    .h-grid-5s {
        height: var(--spacing-grid-5s)
    }

    .h-grid-6s {
        height: var(--spacing-grid-6s)
    }

    .h-grid-7s {
        height: var(--spacing-grid-7s)
    }

    .h-grid-8s {
        height: var(--spacing-grid-8s)
    }

    .h-grid-9s {
        height: var(--spacing-grid-9s)
    }

    .h-grid-10s {
        height: var(--spacing-grid-10s)
    }

    .h-grid-11s {
        height: var(--spacing-grid-11s)
    }

    .h-grid-12s {
        height: var(--spacing-grid-12s)
    }

    .h-grid-14s {
        height: var(--spacing-grid-14s)
    }

    .h-grid-24s {
        height: var(--spacing-grid-24s)
    }

    .h-grid-30s {
        height: var(--spacing-grid-30s)
    }

    .h-grid-32s {
        height: var(--spacing-grid-32s)
    }

    .h-grid-44s {
        height: var(--spacing-grid-44s)
    }

    .h-grid-48s {
        height: var(--spacing-grid-48s)
    }

    .h-grid-86s {
        height: var(--spacing-grid-86s)
    }

    .h-grid-86s\! {
        height: var(--spacing-grid-86s) !important
    }

    .h-max {
        height: max-content
    }

    .h-px {
        height: 1px
    }

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

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

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

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

    .max-h-\[60vh\] {
        max-height: 60vh
    }

    .max-h-\[calc\(var\(--doc-height\)\*0\.7\)\] {
        max-height: calc(var(--doc-height)*.7)
    }

    .max-h-\[var\(--doc-height\)\] {
        max-height: var(--doc-height)
    }

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

    .max-h-grid-31s {
        max-height: var(--spacing-grid-31s)
    }

    .max-h-grid-86s {
        max-height: var(--spacing-grid-86s)
    }

    .max-h-grid-135s {
        max-height: var(--spacing-grid-135s)
    }

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

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

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

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

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

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

    .min-h-\[60vh\] {
        min-height: 60vh
    }

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

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

    .min-h-full {
        min-height: 100%
    }

    .min-h-grid-10s {
        min-height: var(--spacing-grid-10s)
    }

    .min-h-grid-11s {
        min-height: var(--spacing-grid-11s)
    }

    .min-h-grid-48s {
        min-height: var(--spacing-grid-48s)
    }

    .min-h-lvh {
        min-height: 100lvh
    }

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

    .w-\(--left-sidebar-width\) {
        width: var(--left-sidebar-width)
    }

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

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

    .w-1\/2 {
        width: 50%
    }

    .w-1\/3 {
        width: 33.3333%
    }

    .w-1\/4 {
        width: 25%
    }

    .w-1\/6 {
        width: 16.6667%
    }

    .w-1\/12 {
        width: 8.33333%
    }

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

    .w-2\/3 {
        width: 66.6667%
    }

    .w-2\/5 {
        width: 40%
    }

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

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

    .w-3\/5 {
        width: 60%
    }

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

    .w-4\/5 {
        width: 80%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[calc\(100\%-6rem\)\] {
        width: calc(100% - 6rem)
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-full\! {
        width: 100% !important
    }

    .w-grid-1\.5s {
        width: var(--spacing-grid-1\.5s)
    }

    .w-grid-2\.5s {
        width: var(--spacing-grid-2\.5s)
    }

    .w-grid-2s {
        width: var(--spacing-grid-2s)
    }

    .w-grid-3s {
        width: var(--spacing-grid-3s)
    }

    .w-grid-4s {
        width: var(--spacing-grid-4s)
    }

    .w-grid-6s {
        width: var(--spacing-grid-6s)
    }

    .w-grid-7s {
        width: var(--spacing-grid-7s)
    }

    .w-grid-8s {
        width: var(--spacing-grid-8s)
    }

    .w-grid-10s {
        width: var(--spacing-grid-10s)
    }

    .w-grid-11s {
        width: var(--spacing-grid-11s)
    }

    .w-grid-14s {
        width: var(--spacing-grid-14s)
    }

    .w-grid-30s {
        width: var(--spacing-grid-30s)
    }

    .w-grid-42s {
        width: var(--spacing-grid-42s)
    }

    .w-grid-48s {
        width: var(--spacing-grid-48s)
    }

    .w-max {
        width: max-content
    }

    .w-px {
        width: 1px
    }

    .w-screen {
        width: 100vw
    }

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

    .w-xs {
        width: var(--container-xs)
    }

    .max-w-1\/2 {
        max-width: 50%
    }

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

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

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

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

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

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

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

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

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

    .max-w-\[6rem\] {
        max-width: 6rem
    }

    .max-w-\[10rem\] {
        max-width: 10rem
    }

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

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

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

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

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

    .max-w-\[calc\(100\%-7rem\)\] {
        max-width: calc(100% - 7rem)
    }

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

    .max-w-grid-108s {
        max-width: var(--spacing-grid-108s)
    }

    .max-w-grid-135s {
        max-width: var(--spacing-grid-135s)
    }

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

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

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

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

    .min-w-1\/2 {
        min-width: 50%
    }

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

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

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

    .min-w-\[208px\] {
        min-width: 208px
    }

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

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

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

    .min-w-grid-7s {
        min-width: var(--spacing-grid-7s)
    }

    .min-w-grid-10s {
        min-width: var(--spacing-grid-10s)
    }

    .min-w-grid-48s {
        min-width: var(--spacing-grid-48s)
    }

    .min-w-grid-108s {
        min-width: var(--spacing-grid-108s)
    }

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

    .flex-1 {
        flex: 1
    }

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

    .flex-1\/3 {
        flex: 33.3333%
    }

    .flex-1\/5 {
        flex: 20%
    }

    .flex-1\/6 {
        flex: 16.6667%
    }

    .flex-2\/3 {
        flex: 66.6667%
    }

    .flex-3 {
        flex: 3
    }

    .flex-auto {
        flex: auto
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .grow {
        flex-grow: 1
    }

    .basis-1\/3 {
        flex-basis: 33.3333%
    }

    .basis-2\/3 {
        flex-basis: 66.6667%
    }

    .table-auto {
        table-layout: auto
    }

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

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

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

    .scale-50 {
        --tw-scale-x: 50%;
        --tw-scale-y: 50%;
        --tw-scale-z: 50%;
        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)
    }

    .-rotate-12 {
        rotate: -12deg
    }

    .-rotate-45 {
        rotate: -45deg
    }

    .rotate-0 {
        rotate: none
    }

    .rotate-45 {
        rotate: 45deg
    }

    .rotate-180 {
        rotate: 180deg
    }

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

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

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

    .cursor-default\! {
        cursor: default !important
    }

    .cursor-grab {
        cursor: grab
    }

    .cursor-pointer {
        cursor: pointer
    }

    .cursor-pointer\! {
        cursor: pointer !important
    }

    .cursor-text {
        cursor: text
    }

    .resize {
        resize: both
    }

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

    .list-disc\! {
        list-style-type: disc !important
    }

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

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

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

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

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

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

    .grid-cols-\[1fr_2fr\] {
        grid-template-columns: 1fr 2fr
    }

    .grid-cols-\[1fr_auto_0\.75fr_0\.5fr_auto_0\.5fr\] {
        grid-template-columns: 1fr auto .75fr .5fr auto .5fr
    }

    .grid-cols-\[13\%_15\%_12\%_10\%_28\%\] {
        grid-template-columns: 13% 15% 12% 10% 28%
    }

    .grid-cols-\[25\%_10\%_13\%_17\%_7\%_8\%_12\%\] {
        grid-template-columns: 25% 10% 13% 17% 7% 8% 12%
    }

    .grid-cols-\[auto_auto_auto_auto_1fr\] {
        grid-template-columns: auto auto auto auto 1fr
    }

    .flex-col {
        flex-direction: column
    }

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

    .flex-row {
        flex-direction: row
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .items-center {
        align-items: center
    }

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

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

    .items-stretch {
        align-items: stretch
    }

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

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

    .justify-center {
        justify-content: center
    }

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

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

    .justify-start\! {
        justify-content: flex-start !important
    }

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

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

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

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

    .gap-grid-0\.5s {
        gap: var(--spacing-grid-0\.5s)
    }

    .gap-grid-0\.25s {
        gap: var(--spacing-grid-0\.25s)
    }

    .gap-grid-0\.75s {
        gap: var(--spacing-grid-0\.75s)
    }

    .gap-grid-1\.5s {
        gap: var(--spacing-grid-1\.5s)
    }

    .gap-grid-1s {
        gap: var(--spacing-grid-1s)
    }

    .gap-grid-2\.5s {
        gap: var(--spacing-grid-2\.5s)
    }

    .gap-grid-2s {
        gap: var(--spacing-grid-2s)
    }

    .gap-grid-3\.5s {
        gap: var(--spacing-grid-3\.5s)
    }

    .gap-grid-3s {
        gap: var(--spacing-grid-3s)
    }

    .gap-grid-4\.5s {
        gap: var(--spacing-grid-4\.5s)
    }

    .gap-grid-4s {
        gap: var(--spacing-grid-4s)
    }

    .gap-grid-5\.5s {
        gap: var(--spacing-grid-5\.5s)
    }

    .gap-grid-5s {
        gap: var(--spacing-grid-5s)
    }

    .gap-grid-6s {
        gap: var(--spacing-grid-6s)
    }

    .gap-grid-8s {
        gap: var(--spacing-grid-8s)
    }

    .gap-grid-10s {
        gap: var(--spacing-grid-10s)
    }

    .gap-px {
        gap: 1px
    }

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

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

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

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

    .gap-x-grid-1\.5s {
        column-gap: var(--spacing-grid-1\.5s)
    }

    .gap-x-grid-2s {
        column-gap: var(--spacing-grid-2s)
    }

    .gap-x-grid-3s {
        column-gap: var(--spacing-grid-3s)
    }

    .gap-y-grid-1s {
        row-gap: var(--spacing-grid-1s)
    }

    .gap-y-grid-2s {
        row-gap: var(--spacing-grid-2s)
    }

    .gap-y-grid-3\.5s {
        row-gap: var(--spacing-grid-3\.5s)
    }

    .place-self-end {
        place-self: end
    }

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

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

    .overflow-auto {
        overflow: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

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

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

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

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

    .overflow-y-scroll {
        overflow-y: scroll
    }

    .rounded {
        border-radius: .25rem
    }

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

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

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

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

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

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

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

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

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

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

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

    .rounded-s-sm {
        border-start-start-radius: var(--radius-sm);
        border-end-start-radius: var(--radius-sm)
    }

    .rounded-s-xs {
        border-start-start-radius: var(--radius-xs);
        border-end-start-radius: var(--radius-xs)
    }

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

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

    .rounded-t-lg {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg)
    }

    .rounded-t-xl {
        border-top-left-radius: var(--radius-xl);
        border-top-right-radius: var(--radius-xl)
    }

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

    .rounded-b-lg {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }

    .rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .rounded-b-none\! {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

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

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

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

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

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

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

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

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

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

    .border-\[\#0F262B\] {
        border-color: #0f262b
    }

    .border-\[\#DFE6E8\] {
        border-color: #dfe6e8
    }

    .border-background-plate-3 {
        border-color: var(--color-background-plate-3)
    }

    .border-background-plate-4 {
        border-color: var(--color-background-plate-4)
    }

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

    .border-fonts-action {
        border-color: var(--color-fonts-action)
    }

    .border-fonts-action\! {
        border-color: var(--color-fonts-action) !important
    }

    .border-fonts-secondary {
        border-color: var(--color-fonts-secondary)
    }

    .border-lines-0 {
        border-color: var(--color-lines-0)
    }

    .border-lines-1 {
        border-color: var(--color-lines-1)
    }

    .border-lines-2 {
        border-color: var(--color-lines-2)
    }

    .border-lines-3 {
        border-color: var(--color-lines-3)
    }

    .border-lines-9 {
        border-color: var(--color-lines-9)
    }

    .border-transparent {
        border-color: #0000
    }

    .border-t-fonts-action {
        border-top-color: var(--color-fonts-action)
    }

    .border-t-lines-2 {
        border-top-color: var(--color-lines-2)
    }

    .border-t-lines-3 {
        border-top-color: var(--color-lines-3)
    }

    .border-r-transparent {
        border-right-color: #0000
    }

    .border-b-lines-2 {
        border-bottom-color: var(--color-lines-2)
    }

    .border-l-transparent {
        border-left-color: #0000
    }

    .\!bg-add-red {
        background-color: var(--color-add-red) !important
    }

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

    .bg-\[\#00B8AE\] {
        background-color: #00b8ae
    }

    .bg-\[\#4CA4D0\] {
        background-color: #4ca4d0
    }

    .bg-\[\#87CEE9\] {
        background-color: #87cee9
    }

    .bg-\[\#95A1A4\] {
        background-color: #95a1a4
    }

    .bg-\[\#109ED7\] {
        background-color: #109ed7
    }

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

    .bg-\[\#666EFF\] {
        background-color: #666eff
    }

    .bg-\[\#728BE8\] {
        background-color: #728be8
    }

    .bg-\[\#9966FF\] {
        background-color: #96f
    }

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

    .bg-\[\#36141A\] {
        background-color: #36141a
    }

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

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

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

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

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

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

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

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

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

    .bg-\[rgba\(28\,31\,28\,0\.8\)\] {
        background-color: #1c1f1ccc
    }

    .bg-\[rgba\(217\,217\,217\,1\)\] {
        background-color: #d9d9d9
    }

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

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

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

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

    .bg-add-green\/75 {
        background-color: #3ec740bf
    }

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

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

    .bg-add-red\! {
        background-color: var(--color-add-red) !important
    }

    .bg-background-button-0 {
        background-color: var(--color-background-button-0)
    }

    .bg-background-button-1 {
        background-color: var(--color-background-button-1)
    }

    .bg-background-plate-0 {
        background-color: var(--color-background-plate-0)
    }

    .bg-background-plate-1 {
        background-color: var(--color-background-plate-1)
    }

    .bg-background-plate-2 {
        background-color: var(--color-background-plate-2)
    }

    .bg-background-plate-3 {
        background-color: var(--color-background-plate-3)
    }

    .bg-background-plate-3\! {
        background-color: var(--color-background-plate-3) !important
    }

    .bg-background-plate-4 {
        background-color: var(--color-background-plate-4)
    }

    .bg-background-plate-4\! {
        background-color: var(--color-background-plate-4) !important
    }

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

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

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

    .bg-black\/85 {
        background-color: #000000d9
    }

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

    .bg-black\/90 {
        background-color: #000000e6
    }

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

    .bg-custom-add-green-main {
        background-color: var(--color-custom-add-green-main)
    }

    .bg-fonts-action {
        background-color: var(--color-fonts-action)
    }

    .bg-fonts-action-secondary {
        background-color: var(--color-fonts-action-secondary)
    }

    .bg-fonts-action\/20 {
        background-color: #afeb0033
    }

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

    .bg-fonts-action\/25 {
        background-color: #afeb0040
    }

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

    .bg-fonts-dark {
        background-color: var(--color-fonts-dark)
    }

    .bg-fonts-dark\! {
        background-color: var(--color-fonts-dark) !important
    }

    .bg-fonts-disabled {
        background-color: var(--color-fonts-disabled)
    }

    .bg-fonts-secondary {
        background-color: var(--color-fonts-secondary)
    }

    .bg-fonts-tertiary {
        background-color: var(--color-fonts-tertiary)
    }

    .bg-lines-0 {
        background-color: var(--color-lines-0)
    }

    .bg-lines-1 {
        background-color: var(--color-lines-1)
    }

    .bg-lines-2 {
        background-color: var(--color-lines-2)
    }

    .bg-lines-3 {
        background-color: var(--color-lines-3)
    }

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

    .bg-linear-to-b {
        --tw-gradient-position: to bottom
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-b {
            --tw-gradient-position: to bottom in oklab
        }
    }

    .bg-linear-to-b {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-linear-to-br {
        --tw-gradient-position: to bottom right
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-br {
            --tw-gradient-position: to bottom right in oklab
        }
    }

    .bg-linear-to-br {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-linear-to-r {
        --tw-gradient-position: to right
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-r {
            --tw-gradient-position: to right in oklab
        }
    }

    .bg-linear-to-r {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-\[linear-gradient\(-203deg\,rgba\(48\,49\,51\,1\)40\%\,rgba\(223\,230\,232\,1\)51\%\,rgba\(48\,49\,51\,1\)60\%\)\]\! {
        background-image: linear-gradient(-203deg, #303133 40%, #dfe6e8 51%, #303133 60%) !important
    }

    .bg-\[linear-gradient\(-203deg\,rgba\(48\,49\,51\,1\)40\%\,rgba\(229\,242\,255\,1\)51\%\,rgba\(48\,49\,51\,1\)60\%\)\]\! {
        background-image: linear-gradient(-203deg, #303133 40%, #e5f2ff 51%, #303133 60%) !important
    }

    .bg-\[linear-gradient\(-203deg\,rgba\(48\,49\,51\,1\)40\%\,rgba\(245\,199\,82\,1\)51\%\,rgba\(48\,49\,51\,1\)60\%\)\]\! {
        background-image: linear-gradient(-203deg, #303133 40%, #f5c752 51%, #303133 60%) !important
    }

    .bg-\[linear-gradient\(90deg\,\#84B800_4\.32\%\,\#25C630_50\.62\%\,\#00B09C_100\%\)\] {
        background-image: linear-gradient(90deg, #84b800 4.32%, #25c630 50.62%, #00b09c)
    }

    .bg-\[linear-gradient\(90deg\,_\#0D0E0F_20\.57\%\,_\#2C2C2C_100\%\)\] {
        background-image: linear-gradient(90deg, #0d0e0f 20.57%, #2c2c2c)
    }

    .bg-\[linear-gradient\(90deg\,_\#0D0E0F_20\.57\%\,_\#13272C_100\%\)\] {
        background-image: linear-gradient(90deg, #0d0e0f 20.57%, #13272c)
    }

    .bg-\[linear-gradient\(90deg\,_\#C6E0FF_0\%\,_\#92CAFF_15\%\,_\#87CEE8_57\.22\%\,_\#7CA4E9_100\%\)\] {
        background-image: linear-gradient(90deg, #c6e0ff, #92caff 15%, #87cee8 57.22%, #7ca4e9)
    }

    .bg-\[linear-gradient\(130\.85deg\,_\#DFE6E8_7\.28\%\,_\#95A1A4_56\.7\%\)\] {
        background-image: linear-gradient(130.85deg, #dfe6e8 7.28%, #95a1a4 56.7%)
    }

    .bg-\[linear-gradient\(130\.85deg\,_\#E6F2FF_7\.28\%\,_\#7FADE9_56\.7\%\)\] {
        background-image: linear-gradient(130.85deg, #e6f2ff 7.28%, #7fade9 56.7%)
    }

    .bg-\[linear-gradient\(130\.85deg\,_\#FAE4AA_7\.28\%\,_\#E3B94C_56\.7\%\)\] {
        background-image: linear-gradient(130.85deg, #fae4aa 7.28%, #e3b94c 56.7%)
    }

    .bg-\[linear-gradient\(333deg\,_\#C3D91D_12\.15\%\,_\#A5DA0B_43\.35\%\)\] {
        background-image: linear-gradient(333deg, #c3d91d 12.15%, #a5da0b 43.35%)
    }

    .from-\[\#1EC2AA\] {
        --tw-gradient-from: #1ec2aa;
        --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-\[\#5BD381\] {
        --tw-gradient-from: #5bd381;
        --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-\[\#70AE51\] {
        --tw-gradient-from: #70ae51;
        --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-\[\#BCEE40\] {
        --tw-gradient-from: #bcee40;
        --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-\[\#DEE5E7\] {
        --tw-gradient-from: #dee5e7;
        --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-\[\#E5F2FF\] {
        --tw-gradient-from: #e5f2ff;
        --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-\[\#FBE4AA\] {
        --tw-gradient-from: #fbe4aa;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

    .from-\[rgba\(17\,0\,0\,0\.05\)\] {
        --tw-gradient-from: #1100000d;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-\[rgba\(173\,235\,0\,0\.35\)\] {
        --tw-gradient-from: #adeb0059;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

    .from-\[rgba\(228\,54\,200\,1\)\] {
        --tw-gradient-from: #e436c8;
        --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-add-green {
        --tw-gradient-from: var(--color-add-green);
        --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-add-yellow {
        --tw-gradient-from: var(--color-add-yellow);
        --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-30\% {
        --tw-gradient-from-position: 30%
    }

    .via-\[rgba\(242\,163\,44\,1\)\] {
        --tw-gradient-via: #f2a32c;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .to-\[\#1C1D1F\] {
        --tw-gradient-to: #1c1d1f;
        --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-\[\#7FADE9\] {
        --tw-gradient-to: #7fade9;
        --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-\[\#95A1A4\] {
        --tw-gradient-to: #95a1a4;
        --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-\[\#DEE5E7\] {
        --tw-gradient-to: #dee5e7;
        --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-\[\#FBE4AA\] {
        --tw-gradient-to: #fbe4aa;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-\[rgba\(28\,29\,31\,1\)\] {
        --tw-gradient-to: #1c1d1f;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-\[rgba\(173\,235\,0\,0\.7\)\] {
        --tw-gradient-to: #adeb00b3;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

    .to-\[rgba\(228\,54\,200\,1\)\] {
        --tw-gradient-to: #e436c8;
        --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-fonts-action {
        --tw-gradient-to: var(--color-fonts-action);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }

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

    .bg-no-repeat {
        background-repeat: no-repeat
    }

    .\!fill-\[\#253C41\] {
        fill: #253c41 !important
    }

    .fill-\[\#2F568A\]\! {
        fill: #2f568a !important
    }

    .fill-\[\#6CB0FF\]\! {
        fill: #6cb0ff !important
    }

    .fill-\[\#564504\]\! {
        fill: #564504 !important
    }

    .fill-\[\#879396\]\! {
        fill: #879396 !important
    }

    .fill-\[\#FFBD14\]\! {
        fill: #ffbd14 !important
    }

    .fill-\[rgba\(132\,184\,0\,1\)\]\! {
        fill: #84b800 !important
    }

    .fill-\[rgba\(198\,198\,199\,1\)\]\! {
        fill: #c6c6c7 !important
    }

    .fill-fonts-dark {
        fill: var(--color-fonts-dark)
    }

    .fill-fonts-quarterly {
        fill: var(--color-fonts-quarterly)
    }

    .fill-fonts-secondary {
        fill: var(--color-fonts-secondary)
    }

    .fill-fonts-secondary\! {
        fill: var(--color-fonts-secondary) !important
    }

    .fill-fonts-tertiary\! {
        fill: var(--color-fonts-tertiary) !important
    }

    .stroke-fonts-dark {
        stroke: var(--color-fonts-dark)
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

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

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

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

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

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

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

    .p-\[1rem\] {
        padding: 1rem
    }

    .p-grid-0\.5s {
        padding: var(--spacing-grid-0\.5s)
    }

    .p-grid-0\.75s {
        padding: var(--spacing-grid-0\.75s)
    }

    .p-grid-1\.5s {
        padding: var(--spacing-grid-1\.5s)
    }

    .p-grid-1s {
        padding: var(--spacing-grid-1s)
    }

    .p-grid-2\.5s {
        padding: var(--spacing-grid-2\.5s)
    }

    .p-grid-2s {
        padding: var(--spacing-grid-2s)
    }

    .p-grid-3\.5s {
        padding: var(--spacing-grid-3\.5s)
    }

    .p-grid-3s {
        padding: var(--spacing-grid-3s)
    }

    .p-grid-4s {
        padding: var(--spacing-grid-4s)
    }

    .p-grid-5s {
        padding: var(--spacing-grid-5s)
    }

    .p-px {
        padding: 1px
    }

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

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

    .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-4 {
        padding-inline: calc(var(--spacing)*4)
    }

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

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

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

    .px-grid-0\.5s {
        padding-inline: var(--spacing-grid-0\.5s)
    }

    .px-grid-0\.75s {
        padding-inline: var(--spacing-grid-0\.75s)
    }

    .px-grid-1\.5s {
        padding-inline: var(--spacing-grid-1\.5s)
    }

    .px-grid-1s {
        padding-inline: var(--spacing-grid-1s)
    }

    .px-grid-2\.5s {
        padding-inline: var(--spacing-grid-2\.5s)
    }

    .px-grid-2s {
        padding-inline: var(--spacing-grid-2s)
    }

    .px-grid-3\.5s {
        padding-inline: var(--spacing-grid-3\.5s)
    }

    .px-grid-3s {
        padding-inline: var(--spacing-grid-3s)
    }

    .px-grid-4s {
        padding-inline: var(--spacing-grid-4s)
    }

    .px-grid-5s {
        padding-inline: var(--spacing-grid-5s)
    }

    .px-grid-6s {
        padding-inline: var(--spacing-grid-6s)
    }

    .px-grid-7s {
        padding-inline: var(--spacing-grid-7s)
    }

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

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

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

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

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

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

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

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

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

    .py-grid-0\.5s {
        padding-block: var(--spacing-grid-0\.5s)
    }

    .py-grid-0\.25s {
        padding-block: var(--spacing-grid-0\.25s)
    }

    .py-grid-1\.5s {
        padding-block: var(--spacing-grid-1\.5s)
    }

    .py-grid-1s {
        padding-block: var(--spacing-grid-1s)
    }

    .py-grid-2\.5s {
        padding-block: var(--spacing-grid-2\.5s)
    }

    .py-grid-2s {
        padding-block: var(--spacing-grid-2s)
    }

    .py-grid-3s {
        padding-block: var(--spacing-grid-3s)
    }

    .py-grid-4\.5s {
        padding-block: var(--spacing-grid-4\.5s)
    }

    .py-grid-5s {
        padding-block: var(--spacing-grid-5s)
    }

    .py-grid-6s {
        padding-block: var(--spacing-grid-6s)
    }

    .py-grid-8s {
        padding-block: var(--spacing-grid-8s)
    }

    .py-grid-9s {
        padding-block: var(--spacing-grid-9s)
    }

    .py-grid-10s {
        padding-block: var(--spacing-grid-10s)
    }

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

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

    .pt-grid-1\.5s {
        padding-top: var(--spacing-grid-1\.5s)
    }

    .pt-grid-1s {
        padding-top: var(--spacing-grid-1s)
    }

    .pt-grid-2\.5s {
        padding-top: var(--spacing-grid-2\.5s)
    }

    .pt-grid-2s {
        padding-top: var(--spacing-grid-2s)
    }

    .pt-grid-3s {
        padding-top: var(--spacing-grid-3s)
    }

    .pt-grid-4\.5s {
        padding-top: var(--spacing-grid-4\.5s)
    }

    .pt-grid-4s {
        padding-top: var(--spacing-grid-4s)
    }

    .pt-grid-5\.5s {
        padding-top: var(--spacing-grid-5\.5s)
    }

    .pt-grid-5\.5s\! {
        padding-top: var(--spacing-grid-5\.5s) !important
    }

    .pt-grid-5s {
        padding-top: var(--spacing-grid-5s)
    }

    .pt-grid-7s {
        padding-top: var(--spacing-grid-7s)
    }

    .pt-grid-19s {
        padding-top: var(--spacing-grid-19s)
    }

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

    .pr-\[calc\(var\(--spacing-grid-3s\)-var\(--scroll-size\)\)\] {
        padding-right: calc(var(--spacing-grid-3s) - var(--scroll-size))
    }

    .pr-grid-2s {
        padding-right: var(--spacing-grid-2s)
    }

    .pr-grid-3\.5s {
        padding-right: var(--spacing-grid-3\.5s)
    }

    .pr-grid-3s {
        padding-right: var(--spacing-grid-3s)
    }

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

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

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

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

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

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

    .pb-grid-1\.5s {
        padding-bottom: var(--spacing-grid-1\.5s)
    }

    .pb-grid-2\.5s {
        padding-bottom: var(--spacing-grid-2\.5s)
    }

    .pb-grid-2s {
        padding-bottom: var(--spacing-grid-2s)
    }

    .pb-grid-3\.5s {
        padding-bottom: var(--spacing-grid-3\.5s)
    }

    .pb-grid-3s {
        padding-bottom: var(--spacing-grid-3s)
    }

    .pb-grid-4s {
        padding-bottom: var(--spacing-grid-4s)
    }

    .pb-grid-5\.5s {
        padding-bottom: var(--spacing-grid-5\.5s)
    }

    .pb-grid-5s {
        padding-bottom: var(--spacing-grid-5s)
    }

    .pb-grid-6s {
        padding-bottom: var(--spacing-grid-6s)
    }

    .pb-grid-8s {
        padding-bottom: var(--spacing-grid-8s)
    }

    .pb-grid-24s {
        padding-bottom: var(--spacing-grid-24s)
    }

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

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

    .pl-\[calc\(var\(--left-sidebar-width\)\+16px\)\] {
        padding-left: calc(var(--left-sidebar-width) + 16px)
    }

    .pl-grid-1\.5s {
        padding-left: var(--spacing-grid-1\.5s)
    }

    .pl-grid-1s {
        padding-left: var(--spacing-grid-1s)
    }

    .pl-grid-2\.5s {
        padding-left: var(--spacing-grid-2\.5s)
    }

    .pl-grid-3s {
        padding-left: var(--spacing-grid-3s)
    }

    .pl-grid-4\.5s {
        padding-left: var(--spacing-grid-4\.5s)
    }

    .text-center {
        text-align: center
    }

    .text-end {
        text-align: end
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-start {
        text-align: start
    }

    .align-middle {
        vertical-align: middle
    }

    .typography-text-h1 {
        letter-spacing: var(--tracking-h1);
        font-size: var(--text-h1);
        line-height: var(--text-h1--line-height);
        font-family: var(--font-montserrat)
    }

    .typography-text-h2 {
        letter-spacing: var(--tracking-h2);
        font-size: var(--text-h2);
        line-height: var(--text-h2--line-height);
        font-family: var(--font-montserrat)
    }

    .typography-text-body1 {
        font-size: var(--text-body1);
        line-height: var(--text-body1--line-height);
        font-family: var(--font-sf)
    }

    .typography-text-body2 {
        font-size: var(--text-body2);
        line-height: var(--text-body2--line-height);
        font-family: var(--font-sf)
    }

    .font-montserrat {
        font-family: var(--font-montserrat)
    }

    .font-sf {
        font-family: var(--font-sf)
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .leading-5\! {
        --tw-leading: calc(var(--spacing)*5) !important;
        line-height: calc(var(--spacing)*5) !important
    }

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

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

    .font-normal\! {
        --tw-font-weight: var(--font-weight-normal) !important;
        font-weight: var(--font-weight-normal) !important
    }

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

    .text-pretty {
        text-wrap: pretty
    }

    .text-wrap {
        text-wrap: wrap
    }

    .break-all {
        word-break: break-all
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre-line {
        white-space: pre-line
    }

    .whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .text-\[\#1EC2AA\] {
        color: #1ec2aa
    }

    .text-\[\#2F568A\] {
        color: #2f568a
    }

    .text-\[\#6CB0FF\]\! {
        color: #6cb0ff !important
    }

    .text-\[\#76DA6F\] {
        color: #76da6f
    }

    .text-\[\#96E35A\] {
        color: #96e35a
    }

    .text-\[\#253C41\] {
        color: #253c41
    }

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

    .text-\[\#879396\]\! {
        color: #879396 !important
    }

    .text-\[\#BCEE40\] {
        color: #bcee40
    }

    .text-\[\#FFBD14\] {
        color: #ffbd14
    }

    .text-\[\#FFBD14\]\! {
        color: #ffbd14 !important
    }

    .text-\[rgba\(198\,198\,199\,1\)\]\! {
        color: #c6c6c7 !important
    }

    .text-add-red\! {
        color: var(--color-add-red) !important
    }

    .text-amber-400 {
        color: var(--color-amber-400)
    }

    .text-fonts-action {
        color: var(--color-fonts-action)
    }

    .text-fonts-action\! {
        color: var(--color-fonts-action) !important
    }

    .text-fonts-dark {
        color: var(--color-fonts-dark)
    }

    .text-fonts-disabled {
        color: var(--color-fonts-disabled)
    }

    .text-fonts-primary {
        color: var(--color-fonts-primary)
    }

    .text-fonts-quarterly {
        color: var(--color-fonts-quarterly)
    }

    .text-fonts-secondary {
        color: var(--color-fonts-secondary)
    }

    .text-fonts-secondary\! {
        color: var(--color-fonts-secondary) !important
    }

    .text-fonts-tertiary {
        color: var(--color-fonts-tertiary)
    }

    .text-gray-400 {
        color: var(--color-gray-400)
    }

    .text-gray-400\! {
        color: var(--color-gray-400) !important
    }

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

    .text-green-500 {
        color: var(--color-green-500)
    }

    .text-orange-400 {
        color: var(--color-orange-400)
    }

    .text-red-500 {
        color: var(--color-red-500)
    }

    .text-stone-400 {
        color: var(--color-stone-400)
    }

    .text-teal-400 {
        color: var(--color-teal-400)
    }

    .text-transparent {
        color: #0000
    }

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

    .capitalize {
        text-transform: capitalize
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .underline {
        text-decoration-line: underline
    }

    .decoration-fonts-action {
        -webkit-text-decoration-color: var(--color-fonts-action);
        text-decoration-color: var(--color-fonts-action)
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-10 {
        opacity: .1
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-50\! {
        opacity: .5 !important
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-75 {
        opacity: .75
    }

    .opacity-100 {
        opacity: 1
    }

    .opacity-100\! {
        opacity: 1 !important
    }

    .opacity-\[0\.0000001\] {
        opacity: 1e-7
    }

    .shadow-\[-15px_20px_30px_0px_var\(--color-background-plate-0\)\)\] {
        --tw-shadow: -15px 20px 30px 0px var(--tw-shadow-color, var(--color-background-plate-0));
        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_0px_var\(--spacing-grid-2s\)_var\(--spacing-grid-1s\)_var\(--color-background-plate-2\)\)\] {
        --tw-shadow: 0px 0px var(--tw-shadow-color, var(--spacing-grid-2s))var(--spacing-grid-1s)var(--color-background-plate-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-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

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

    @media (forced-colors:active) {
        .outline-hidden {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .outline-hidden\! {
        --tw-outline-style: none !important;
        outline-style: none !important
    }

    @media (forced-colors:active) {
        .outline-hidden\! {
            outline-offset: 2px !important;
            outline: 2px solid #0000 !important
        }
    }

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

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

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

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

    .blur-xs {
        --tw-blur: blur(var(--blur-xs));
        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, )
    }

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

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

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

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

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

    .transition-\[opacity\,max-height\,box-shadow\] {
        transition-property: opacity, max-height, box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

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

    .transition-\[width\] {
        transition-property: width;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

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

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

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

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

    .duration-150 {
        --tw-duration: .15s;
        transition-duration: .15s
    }

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

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

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

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

    .ease-linear {
        --tw-ease: linear;
        transition-timing-function: linear
    }

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

    .select-none {
        -webkit-user-select: none;
        user-select: none
    }

    .select-text {
        -webkit-user-select: text;
        user-select: text
    }

    .\[text-shadow\:0px_1px_0px_rgba\(255\,255\,255\,0\.35\)\] {
        text-shadow: 0 1px #ffffff59
    }

    :is(.\*\:opacity-0>*) {
        opacity: 0
    }

    @media (hover:hover) {
        .group-hover\:fill-fonts-primary\!:is(:where(.group):hover *) {
            fill: var(--color-fonts-primary) !important
        }

        .group-hover\:opacity-0:is(:where(.group):hover *) {
            opacity: 0
        }

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

        .group-hover\/asset\:hidden:is(:where(.group\/asset):hover *) {
            display: none
        }

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

        .group-hover\/swap-button\:rotate-180:is(:where(.group\/swap-button):hover *) {
            rotate: 180deg
        }
    }

    .before\:z-10:before {
        content: var(--tw-content);
        z-index: 10
    }

    .before\:rounded-xl:before {
        content: var(--tw-content);
        border-radius: var(--radius-xl)
    }

    .before\:rounded-b-none\!:before {
        content: var(--tw-content);
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

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

    @media (hover:hover) {
        .hover\:scale-125:hover {
            --tw-scale-x: 125%;
            --tw-scale-y: 125%;
            --tw-scale-z: 125%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .hover\:border-fonts-action:hover {
            border-color: var(--color-fonts-action)
        }

        .hover\:bg-background-plate-3:hover {
            background-color: var(--color-background-plate-3)
        }

        .hover\:bg-background-plate-4:hover {
            background-color: var(--color-background-plate-4)
        }

        .hover\:bg-lines-2:hover {
            background-color: var(--color-lines-2)
        }

        .hover\:fill-fonts-primary:hover {
            fill: var(--color-fonts-primary)
        }

        .hover\:text-fonts-primary:hover {
            color: var(--color-fonts-primary)
        }

        .hover\:underline:hover {
            text-decoration-line: underline
        }
    }

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

    .active\:cursor-grabbing:active {
        cursor: grabbing
    }

    @media not all and (min-width:1024px) {
        .max-tablet\:hidden {
            display: none
        }

        .max-tablet\:justify-center {
            justify-content: center
        }
    }

    @media not all and (min-width:768px) {
        .max-md\:fixed {
            position: fixed
        }

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

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

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

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

        .max-md\:z-50 {
            z-index: 50
        }

        .max-md\:mt-grid-5s {
            margin-top: var(--spacing-grid-5s)
        }

        .max-md\:flex {
            display: flex
        }

        .max-md\:hidden {
            display: none
        }

        .max-md\:h-grid-19s {
            height: var(--spacing-grid-19s)
        }

        .max-md\:max-h-\[60vh\] {
            max-height: 60vh
        }

        .max-md\:w-full {
            width: 100%
        }

        .max-md\:flex-col-reverse {
            flex-direction: column-reverse
        }

        .max-md\:bg-background-plate-0\/80 {
            background-color: #0d0e0fcc
        }

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

        .max-md\:bg-background-plate-0\/90 {
            background-color: #0d0e0fe6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .max-md\:bg-background-plate-0\/90 {
                background-color: color-mix(in oklab, var(--color-background-plate-0)90%, transparent)
            }
        }

        .max-md\:p-grid-2\.5s {
            padding: var(--spacing-grid-2\.5s)
        }

        .max-md\:p-grid-3s {
            padding: var(--spacing-grid-3s)
        }

        .max-md\:pt-grid-3\.5s {
            padding-top: var(--spacing-grid-3\.5s)
        }

        .max-md\:pt-grid-5s {
            padding-top: var(--spacing-grid-5s)
        }

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

        .max-md\:pb-grid-1\.5s {
            padding-bottom: var(--spacing-grid-1\.5s)
        }

        .max-md\:pb-grid-4s {
            padding-bottom: var(--spacing-grid-4s)
        }

        .max-md\:pl-grid-2\.5s {
            padding-left: var(--spacing-grid-2\.5s)
        }

        .max-md\:text-center {
            text-align: center
        }
    }

    @media (min-width:768px) {
        .md\:pointer-events-none {
            pointer-events: none
        }

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

        .md\:top-grid-10s {
            top: var(--spacing-grid-10s)
        }

        .md\:top-grid-11s {
            top: var(--spacing-grid-11s)
        }

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

        .md\:-right-24 {
            right: calc(var(--spacing)*-24)
        }

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

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

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

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

        .md\:right-16 {
            right: calc(var(--spacing)*16)
        }

        .md\:right-grid-24s {
            right: var(--spacing-grid-24s)
        }

        .md\:right-grid-30s {
            right: var(--spacing-grid-30s)
        }

        .md\:bottom-grid-6s {
            bottom: var(--spacing-grid-6s)
        }

        .md\:col-auto {
            grid-column: auto
        }

        .md\:mt-grid-1s {
            margin-top: var(--spacing-grid-1s)
        }

        .md\:mt-grid-2\.5s {
            margin-top: var(--spacing-grid-2\.5s)
        }

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

        .md\:mb-grid-1\.5s {
            margin-bottom: var(--spacing-grid-1\.5s)
        }

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

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:hidden {
            display: none
        }

        .md\:size-grid-2\.5s {
            width: var(--spacing-grid-2\.5s);
            height: var(--spacing-grid-2\.5s)
        }

        .md\:size-grid-2s {
            width: var(--spacing-grid-2s);
            height: var(--spacing-grid-2s)
        }

        .md\:size-grid-2s\! {
            width: var(--spacing-grid-2s) !important;
            height: var(--spacing-grid-2s) !important
        }

        .md\:size-grid-4s {
            width: var(--spacing-grid-4s);
            height: var(--spacing-grid-4s)
        }

        .md\:size-grid-8s {
            width: var(--spacing-grid-8s);
            height: var(--spacing-grid-8s)
        }

        .md\:size-grid-11s {
            width: var(--spacing-grid-11s);
            height: var(--spacing-grid-11s)
        }

        .md\:size-grid-24s {
            width: var(--spacing-grid-24s);
            height: var(--spacing-grid-24s)
        }

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

        .md\:h-full {
            height: 100%
        }

        .md\:h-grid-7s {
            height: var(--spacing-grid-7s)
        }

        .md\:h-grid-10s {
            height: var(--spacing-grid-10s)
        }

        .md\:h-grid-12s {
            height: var(--spacing-grid-12s)
        }

        .md\:h-grid-44s {
            height: var(--spacing-grid-44s)
        }

        .md\:max-h-\[80vh\] {
            max-height: 80vh
        }

        .md\:max-h-grid-48s {
            max-height: var(--spacing-grid-48s)
        }

        .md\:w-\[75vw\] {
            width: 75vw
        }

        .md\:w-\[550px\] {
            width: 550px
        }

        .md\:w-auto {
            width: auto
        }

        .md\:w-full {
            width: 100%
        }

        .md\:w-grid-15s {
            width: var(--spacing-grid-15s)
        }

        .md\:w-grid-32s {
            width: var(--spacing-grid-32s)
        }

        .md\:w-grid-48s {
            width: var(--spacing-grid-48s)
        }

        .md\:w-grid-70s {
            width: var(--spacing-grid-70s)
        }

        .md\:w-grid-108s {
            width: var(--spacing-grid-108s)
        }

        .md\:w-grid-135s {
            width: var(--spacing-grid-135s)
        }

        .md\:w-lg {
            width: var(--container-lg)
        }

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

        .md\:w-xs {
            width: var(--container-xs)
        }

        .md\:max-w-96 {
            max-width: calc(var(--spacing)*96)
        }

        .md\:max-w-grid-70s {
            max-width: var(--spacing-grid-70s)
        }

        .md\:flex-1\/2 {
            flex: 50%
        }

        .md\:flex-1\/3 {
            flex: 33.3333%
        }

        .md\:flex-1\/4 {
            flex: 25%
        }

        .md\:flex-2\/3 {
            flex: 66.6667%
        }

        .md\:flex-2\/5 {
            flex: 40%
        }

        .md\:flex-3\/5 {
            flex: 60%
        }

        .md\:md\:flex-3\/5 {
            flex: 60%
        }

        .md\:shrink {
            flex-shrink: 1
        }

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

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

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

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

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

        .md\:flex-col {
            flex-direction: column
        }

        .md\:flex-row {
            flex-direction: row
        }

        .md\:items-center {
            align-items: center
        }

        .md\:gap-grid-1\.5s {
            gap: var(--spacing-grid-1\.5s)
        }

        .md\:gap-grid-1s {
            gap: var(--spacing-grid-1s)
        }

        .md\:gap-grid-2s {
            gap: var(--spacing-grid-2s)
        }

        .md\:gap-grid-3s {
            gap: var(--spacing-grid-3s)
        }

        .md\:gap-grid-4s {
            gap: var(--spacing-grid-4s)
        }

        .md\:gap-grid-6s {
            gap: var(--spacing-grid-6s)
        }

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

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

        .md\:border-lines-0 {
            border-color: var(--color-lines-0)
        }

        .md\:bg-background-plate-2 {
            background-color: var(--color-background-plate-2)
        }

        .md\:p-grid-2\.5s {
            padding: var(--spacing-grid-2\.5s)
        }

        .md\:p-grid-2s {
            padding: var(--spacing-grid-2s)
        }

        .md\:px-grid-2\.5s {
            padding-inline: var(--spacing-grid-2\.5s)
        }

        .md\:px-grid-3s {
            padding-inline: var(--spacing-grid-3s)
        }

        .md\:px-grid-5\.5s {
            padding-inline: var(--spacing-grid-5\.5s)
        }

        .md\:px-grid-8s {
            padding-inline: var(--spacing-grid-8s)
        }

        .md\:py-grid-1\.5s {
            padding-block: var(--spacing-grid-1\.5s)
        }

        .md\:pt-grid-2\.5s {
            padding-top: var(--spacing-grid-2\.5s)
        }

        .md\:pt-grid-2s {
            padding-top: var(--spacing-grid-2s)
        }

        .md\:pt-grid-4s {
            padding-top: var(--spacing-grid-4s)
        }

        .md\:pt-grid-7s {
            padding-top: var(--spacing-grid-7s)
        }

        .md\:pr-grid-1\.5s {
            padding-right: var(--spacing-grid-1\.5s)
        }

        .md\:pb-grid-2\.5s {
            padding-bottom: var(--spacing-grid-2\.5s)
        }

        .md\:pb-grid-3s {
            padding-bottom: var(--spacing-grid-3s)
        }

        .md\:pl-grid-3s {
            padding-left: var(--spacing-grid-3s)
        }

        .md\:text-center {
            text-align: center
        }

        .md\:text-start {
            text-align: start
        }

        .md\:typography-text-h1 {
            letter-spacing: var(--tracking-h1);
            font-size: var(--text-h1);
            line-height: var(--text-h1--line-height);
            font-family: var(--font-montserrat)
        }

        .md\:typography-text-h2 {
            letter-spacing: var(--tracking-h2);
            font-size: var(--text-h2);
            line-height: var(--text-h2--line-height);
            font-family: var(--font-montserrat)
        }

        .md\:typography-text-h3 {
            letter-spacing: var(--tracking-h3);
            font-size: var(--text-h3);
            line-height: var(--text-h3--line-height);
            font-family: var(--font-montserrat)
        }

        .md\:typography-text-body1 {
            font-size: var(--text-body1);
            line-height: var(--text-body1--line-height);
            font-family: var(--font-sf)
        }

        .md\:typography-text-body2 {
            font-size: var(--text-body2);
            line-height: var(--text-body2--line-height);
            font-family: var(--font-sf)
        }

        .md\:typography-text-body3 {
            font-size: var(--text-body3);
            line-height: var(--text-body3--line-height);
            font-family: var(--font-sf)
        }

        .md\:typography-text-body4 {
            font-size: var(--text-body4);
            line-height: var(--text-body4--line-height);
            font-family: var(--font-sf)
        }

        .md\:whitespace-normal {
            white-space: normal
        }

        .md\:opacity-0 {
            opacity: 0
        }

        .md\: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))
        }

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

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

            .md\:hover\:bg-background-plate-2:hover {
                background-color: var(--color-background-plate-2)
            }
        }
    }

    @media (min-width:1024px) {
        .tablet\:ml-grid-2s {
            margin-left: var(--spacing-grid-2s)
        }

        .tablet\:flex {
            display: flex
        }

        .tablet\:hidden {
            display: none
        }

        .tablet\:size-14 {
            width: calc(var(--spacing)*14);
            height: calc(var(--spacing)*14)
        }

        .tablet\:h-28 {
            height: calc(var(--spacing)*28)
        }

        .tablet\:w-grid-48s {
            width: var(--spacing-grid-48s)
        }

        .tablet\:w-md {
            width: var(--container-md)
        }

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

        .tablet\:flex-row {
            flex-direction: row
        }

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

        .tablet\:gap-grid-2s {
            gap: var(--spacing-grid-2s)
        }

        .tablet\:pl-grid-2s {
            padding-left: var(--spacing-grid-2s)
        }

        .tablet\:pl-grid-3s {
            padding-left: var(--spacing-grid-3s)
        }
    }

    @media (min-width:1440px) {
        .desktop\:right-0 {
            right: calc(var(--spacing)*0)
        }

        .desktop\:flex {
            display: flex
        }

        .desktop\:hidden {
            display: none
        }

        .desktop\:size-20 {
            width: calc(var(--spacing)*20);
            height: calc(var(--spacing)*20)
        }

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

        .desktop\:flex-1\/3 {
            flex: 33.3333%
        }

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

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

        .desktop\:flex-col {
            flex-direction: column
        }

        .desktop\:flex-row {
            flex-direction: row
        }

        .desktop\:px-grid-3\.5s {
            padding-inline: var(--spacing-grid-3\.5s)
        }

        .desktop\:px-grid-8s {
            padding-inline: var(--spacing-grid-8s)
        }
    }

    @media (min-width:1920px) {
        .wide\:w-xl {
            width: var(--container-xl)
        }
    }

    @media (min-width:2560px) {
        .ultra-wide\:h-44 {
            height: calc(var(--spacing)*44)
        }

        .ultra-wide\:max-w-\[1440px\] {
            max-width: 1440px
        }

        .ultra-wide\:gap-grid-3s {
            gap: var(--spacing-grid-3s)
        }

        .ultra-wide\:gap-y-grid-4s {
            row-gap: var(--spacing-grid-4s)
        }
    }

    .\[\&\>div\]\:w-full>div {
        width: 100%
    }

    @media (min-width:768px) {
        .md\:\[\&\>div\>div\]\:block\!>div>div {
            display: block !important
        }
    }

    .\[\&\>div\>p\]\:hidden>div>p {
        display: none
    }

    @media (min-width:1024px) {
        .tablet\:\[\&\>div\>p\]\:inline>div>p {
            display: inline
        }
    }

    .\[\&\>p\]\:text-fonts-secondary\!>p {
        color: var(--color-fonts-secondary) !important
    }
}

@layer components;

:root {
    --rem: tan(atan2(1rem, 1px))
}

.accordionContent {
    overflow: hidden
}

.accordionContent[data-state=open] {
    animation: .3s ease-in-out slideDown
}

.accordionContent[data-state=closed] {
    animation: .3s ease-in-out slideUp
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes pulse {
    50% {
        opacity: .5
    }
}

:root {
    --text-h1: 1.7rem;
    --text-h2: 1.3rem;
    --text-h3: 1.05rem;
    --text-body1: .9rem;
    --text-body2: .8rem;
    --text-body3: .7rem;
    --text-body4: .6rem;
    --text-h1--line-height: 2.05rem;
    --text-h2--line-height: 1.85rem;
    --text-h3--line-height: 1.6rem;
    --text-body1--line-height: 1.35rem;
    --text-body2--line-height: 1.15rem;
    --text-body3--line-height: 1rem;
    --text-body4--line-height: .9rem;
    --radius-xs: 6.4px;
    --radius-sm: 9.6px;
    --radius-md: 9.6px;
    --radius-lg: 12.8px;
    --radius-xl: 16px;
    --radius-2xl: 19.2px;
    --spacing-grid-0\.25s: 1.625px;
    --spacing-grid-0\.5s: 3.25px;
    --spacing-grid-0\.75s: 4.875px;
    --spacing-grid-1s: 6.5px;
    --spacing-grid-1\.5s: 9.75px;
    --spacing-grid-2s: 13px;
    --spacing-grid-2\.5s: 16.25px;
    --spacing-grid-3s: 19.5px;
    --spacing-grid-3\.5s: 22.75px;
    --spacing-grid-4s: 26px;
    --spacing-grid-4\.5s: 29.25px;
    --spacing-grid-5s: 32.5px;
    --spacing-grid-5\.5s: 35.75px;
    --spacing-grid-6s: 39px;
    --spacing-grid-7s: 45.5px;
    --spacing-grid-8s: 52px;
    --spacing-grid-9s: 58.5px;
    --spacing-grid-10s: 65px;
    --spacing-grid-11s: 71.5px;
    --spacing-grid-12s: 78px;
    --spacing-grid-14s: 91px;
    --spacing-grid-15s: 97.5px;
    --spacing-grid-19s: 123.5px;
    --spacing-grid-24s: 156px;
    --spacing-grid-30s: 195px;
    --spacing-grid-31s: 201.5px;
    --spacing-grid-32s: 208px;
    --spacing-grid-42s: 273px;
    --spacing-grid-44s: 286px;
    --spacing-grid-48s: 312px;
    --spacing-grid-70s: 455px;
    --spacing-grid-86s: 559px;
    --spacing-grid-108s: 702px;
    --spacing-grid-135s: 877.5px;
    --trackingh1: -.816px;
    --trackingh2: -.416px;
    --trackingh3: -.168px
}

@media (min-width:390px) {
    :root {
        --text-h1: calc(1.7rem + .10625* calc(tan(atan2(calc((100vw - 390px)/var(--rem)), 1px))*1rem) /calc(634/var(--rem)));
        --text-h2: calc(1.3rem + .08125* calc(tan(atan2(calc((100vw - 390px)/var(--rem)), 1px))*1rem) /calc(634/var(--rem)));
        --text-h3: calc(1.05rem + .065625* calc(tan(atan2(calc((100vw - 390px)/var(--rem)), 1px))*1rem) /calc(634/var(--rem)));
        --text-body1: calc(.9rem + .05625* calc(tan(atan2(calc((100vw - 390px)/var(--rem)), 1px))*1rem) /calc(634/var(--rem)));
        --text-body2: calc(.8rem + .05* calc(tan(atan2(calc((100vw - 390px)/var(--rem)), 1px))*1rem) /calc(634/var(--rem)));
        --text-body3: calc(.7rem + .04375* calc(tan(atan2(calc((100vw - 390px)/var(--rem)), 1px))*1rem) /calc(634/var(--rem)));
        --text-body4: calc(.6rem + .0375* calc(tan(atan2(calc((100vw - 390px)/var(--rem)), 1px))*1rem) /calc(634/var(--rem)));
        --text-h1--line-height: calc(2.05rem + .128125* calc(tan(atan2(calc((100vw - 390px)/var(--rem)), 1px))*1rem) /calc(634/var(--rem)));
        --text-h2--line-height: calc(1.85rem + .115625* calc(tan(atan2(calc((100vw - 390px)/var(--rem)), 1px))*1rem) /calc(634/var(--rem)));
        --text-h3--line-height: calc(1.6rem + .1* calc(tan(atan2(calc((100vw - 390px)/var(--rem)), 1px))*1rem) /calc(634/var(--rem)));
        --text-body1--line-height: calc(1.35rem + .084375* calc(tan(atan2(calc((100vw - 390px)/var(--rem)), 1px))*1rem) /calc(634/var(--rem)));
        --text-body2--line-height: calc(1.15rem + .071875* calc(tan(atan2(calc((100vw - 390px)/var(--rem)), 1px))*1rem) /calc(634/var(--rem)));
        --text-body3--line-height: calc(1rem + .0625* calc(tan(atan2(calc((100vw - 390px)/var(--rem)), 1px))*1rem) /calc(634/var(--rem)));
        --text-body4--line-height: calc(.9rem + .05625* calc(tan(atan2(calc((100vw - 390px)/var(--rem)), 1px))*1rem) /calc(634/var(--rem)));
        --radius-xs: calc(6.4px + .48*(100vw - 390px)/634);
        --radius-sm: calc(9.6px + .72*(100vw - 390px)/634);
        --radius-md: calc(9.6px + .72*(100vw - 390px)/634);
        --radius-lg: calc(12.8px + .96*(100vw - 390px)/634);
        --radius-xl: calc(16px + 1.2*(100vw - 390px)/634);
        --radius-2xl: calc(19.2px + 1.44*(100vw - 390px)/634);
        --spacing-grid-0\.25s: calc(1.625px + .125*(100vw - 390px)/634);
        --spacing-grid-0\.5s: calc(3.25px + .25*(100vw - 390px)/634);
        --spacing-grid-0\.75s: calc(4.875px + .375*(100vw - 390px)/634);
        --spacing-grid-1s: calc(6.5px + .5*(100vw - 390px)/634);
        --spacing-grid-1\.5s: calc(9.75px + .75*(100vw - 390px)/634);
        --spacing-grid-2s: calc(13px + 1*(100vw - 390px)/634);
        --spacing-grid-2\.5s: calc(16.25px + 1.25*(100vw - 390px)/634);
        --spacing-grid-3s: calc(19.5px + 1.5*(100vw - 390px)/634);
        --spacing-grid-3\.5s: calc(22.75px + 1.75*(100vw - 390px)/634);
        --spacing-grid-4s: calc(26px + 2*(100vw - 390px)/634);
        --spacing-grid-4\.5s: calc(29.25px + 2.25*(100vw - 390px)/634);
        --spacing-grid-5s: calc(32.5px + 2.5*(100vw - 390px)/634);
        --spacing-grid-5\.5s: calc(35.75px + 2.75*(100vw - 390px)/634);
        --spacing-grid-6s: calc(39px + 3*(100vw - 390px)/634);
        --spacing-grid-7s: calc(45.5px + 3.5*(100vw - 390px)/634);
        --spacing-grid-8s: calc(52px + 4*(100vw - 390px)/634);
        --spacing-grid-9s: calc(58.5px + 4.5*(100vw - 390px)/634);
        --spacing-grid-10s: calc(65px + 5*(100vw - 390px)/634);
        --spacing-grid-11s: calc(71.5px + 5.5*(100vw - 390px)/634);
        --spacing-grid-12s: calc(78px + 6*(100vw - 390px)/634);
        --spacing-grid-14s: calc(91px + 7*(100vw - 390px)/634);
        --spacing-grid-15s: calc(97.5px + 7.5*(100vw - 390px)/634);
        --spacing-grid-19s: calc(123.5px + 9.5*(100vw - 390px)/634);
        --spacing-grid-24s: calc(156px + 12*(100vw - 390px)/634);
        --spacing-grid-30s: calc(195px + 15*(100vw - 390px)/634);
        --spacing-grid-31s: calc(201.5px + 15.5*(100vw - 390px)/634);
        --spacing-grid-32s: calc(208px + 16*(100vw - 390px)/634);
        --spacing-grid-42s: calc(273px + 21*(100vw - 390px)/634);
        --spacing-grid-44s: calc(286px + 22*(100vw - 390px)/634);
        --spacing-grid-48s: calc(312px + 24*(100vw - 390px)/634);
        --spacing-grid-70s: calc(455px + 35*(100vw - 390px)/634);
        --spacing-grid-86s: calc(559px + 43*(100vw - 390px)/634);
        --spacing-grid-108s: calc(702px + 54*(100vw - 390px)/634);
        --spacing-grid-135s: calc(877.5px + 67.5*(100vw - 390px)/634);
        --trackingh1: calc(-.816px + -.051*(100vw - 390px)/634);
        --trackingh2: calc(-.416px + -.026*(100vw - 390px)/634);
        --trackingh3: calc(-.168px + -.0105*(100vw - 390px)/634)
    }
}

@media (min-width:1024px) {
    :root {
        --text-h1: calc(1.80625rem + .31875* calc(tan(atan2(calc((100vw - 1024px)/var(--rem)), 1px))*1rem) /calc(416/var(--rem)));
        --text-h2: calc(1.38125rem + .24375* calc(tan(atan2(calc((100vw - 1024px)/var(--rem)), 1px))*1rem) /calc(416/var(--rem)));
        --text-h3: calc(1.11563rem + .196875* calc(tan(atan2(calc((100vw - 1024px)/var(--rem)), 1px))*1rem) /calc(416/var(--rem)));
        --text-body1: calc(.95625rem + .16875* calc(tan(atan2(calc((100vw - 1024px)/var(--rem)), 1px))*1rem) /calc(416/var(--rem)));
        --text-body2: calc(.85rem + .15* calc(tan(atan2(calc((100vw - 1024px)/var(--rem)), 1px))*1rem) /calc(416/var(--rem)));
        --text-body3: calc(.74375rem + .13125* calc(tan(atan2(calc((100vw - 1024px)/var(--rem)), 1px))*1rem) /calc(416/var(--rem)));
        --text-body4: calc(.6375rem + .1125* calc(tan(atan2(calc((100vw - 1024px)/var(--rem)), 1px))*1rem) /calc(416/var(--rem)));
        --text-h1--line-height: calc(2.17813rem + .384375* calc(tan(atan2(calc((100vw - 1024px)/var(--rem)), 1px))*1rem) /calc(416/var(--rem)));
        --text-h2--line-height: calc(1.96563rem + .346875* calc(tan(atan2(calc((100vw - 1024px)/var(--rem)), 1px))*1rem) /calc(416/var(--rem)));
        --text-h3--line-height: calc(1.7rem + .3* calc(tan(atan2(calc((100vw - 1024px)/var(--rem)), 1px))*1rem) /calc(416/var(--rem)));
        --text-body1--line-height: calc(1.43438rem + .253125* calc(tan(atan2(calc((100vw - 1024px)/var(--rem)), 1px))*1rem) /calc(416/var(--rem)));
        --text-body2--line-height: calc(1.22188rem + .215625* calc(tan(atan2(calc((100vw - 1024px)/var(--rem)), 1px))*1rem) /calc(416/var(--rem)));
        --text-body3--line-height: calc(1.0625rem + .1875* calc(tan(atan2(calc((100vw - 1024px)/var(--rem)), 1px))*1rem) /calc(416/var(--rem)));
        --text-body4--line-height: calc(.95625rem + .16875* calc(tan(atan2(calc((100vw - 1024px)/var(--rem)), 1px))*1rem) /calc(416/var(--rem)));
        --radius-xs: calc(6.88px + 1.12*(100vw - 1024px)/416);
        --radius-sm: calc(10.32px + 1.68*(100vw - 1024px)/416);
        --radius-md: calc(10.32px + 1.68*(100vw - 1024px)/416);
        --radius-lg: calc(13.76px + 2.24*(100vw - 1024px)/416);
        --radius-xl: calc(17.2px + 2.8*(100vw - 1024px)/416);
        --radius-2xl: calc(20.64px + 3.36*(100vw - 1024px)/416);
        --spacing-grid-0\.25s: calc(1.75px + .25*(100vw - 1024px)/416);
        --spacing-grid-0\.5s: calc(3.5px + .5*(100vw - 1024px)/416);
        --spacing-grid-0\.75s: calc(5.25px + .75*(100vw - 1024px)/416);
        --spacing-grid-1s: calc(7px + 1*(100vw - 1024px)/416);
        --spacing-grid-1\.5s: calc(10.5px + 1.5*(100vw - 1024px)/416);
        --spacing-grid-2s: calc(14px + 2*(100vw - 1024px)/416);
        --spacing-grid-2\.5s: calc(17.5px + 2.5*(100vw - 1024px)/416);
        --spacing-grid-3s: calc(21px + 3*(100vw - 1024px)/416);
        --spacing-grid-3\.5s: calc(24.5px + 3.5*(100vw - 1024px)/416);
        --spacing-grid-4s: calc(28px + 4*(100vw - 1024px)/416);
        --spacing-grid-4\.5s: calc(31.5px + 4.5*(100vw - 1024px)/416);
        --spacing-grid-5s: calc(35px + 5*(100vw - 1024px)/416);
        --spacing-grid-5\.5s: calc(38.5px + 5.5*(100vw - 1024px)/416);
        --spacing-grid-6s: calc(42px + 6*(100vw - 1024px)/416);
        --spacing-grid-7s: calc(49px + 7*(100vw - 1024px)/416);
        --spacing-grid-8s: calc(56px + 8*(100vw - 1024px)/416);
        --spacing-grid-9s: calc(63px + 9*(100vw - 1024px)/416);
        --spacing-grid-10s: calc(70px + 10*(100vw - 1024px)/416);
        --spacing-grid-11s: calc(77px + 11*(100vw - 1024px)/416);
        --spacing-grid-12s: calc(84px + 12*(100vw - 1024px)/416);
        --spacing-grid-14s: calc(98px + 14*(100vw - 1024px)/416);
        --spacing-grid-15s: calc(105px + 15*(100vw - 1024px)/416);
        --spacing-grid-19s: calc(133px + 19*(100vw - 1024px)/416);
        --spacing-grid-24s: calc(168px + 24*(100vw - 1024px)/416);
        --spacing-grid-30s: calc(210px + 30*(100vw - 1024px)/416);
        --spacing-grid-31s: calc(217px + 31*(100vw - 1024px)/416);
        --spacing-grid-32s: calc(224px + 32*(100vw - 1024px)/416);
        --spacing-grid-42s: calc(294px + 42*(100vw - 1024px)/416);
        --spacing-grid-44s: calc(308px + 44*(100vw - 1024px)/416);
        --spacing-grid-48s: calc(336px + 48*(100vw - 1024px)/416);
        --spacing-grid-70s: calc(490px + 70*(100vw - 1024px)/416);
        --spacing-grid-86s: calc(602px + 86*(100vw - 1024px)/416);
        --spacing-grid-108s: calc(756px + 108*(100vw - 1024px)/416);
        --spacing-grid-135s: calc(945px + 135*(100vw - 1024px)/416);
        --trackingh1: calc(-.867px + -.153*(100vw - 1024px)/416);
        --trackingh2: calc(-.442px + -.078*(100vw - 1024px)/416);
        --trackingh3: calc(-.1785px + -.0315*(100vw - 1024px)/416)
    }
}

@media (min-width:1440px) {
    :root {
        --text-h1: calc(2.125rem + .2125* calc(tan(atan2(calc((100vw - 1440px)/var(--rem)), 1px))*1rem) /calc(480/var(--rem)));
        --text-h2: calc(1.625rem + .1625* calc(tan(atan2(calc((100vw - 1440px)/var(--rem)), 1px))*1rem) /calc(480/var(--rem)));
        --text-h3: calc(1.3125rem + .13125* calc(tan(atan2(calc((100vw - 1440px)/var(--rem)), 1px))*1rem) /calc(480/var(--rem)));
        --text-body1: calc(1.125rem + .1125* calc(tan(atan2(calc((100vw - 1440px)/var(--rem)), 1px))*1rem) /calc(480/var(--rem)));
        --text-body2: calc(1rem + .1* calc(tan(atan2(calc((100vw - 1440px)/var(--rem)), 1px))*1rem) /calc(480/var(--rem)));
        --text-body3: calc(.875rem + .0875* calc(tan(atan2(calc((100vw - 1440px)/var(--rem)), 1px))*1rem) /calc(480/var(--rem)));
        --text-body4: calc(.75rem + .075* calc(tan(atan2(calc((100vw - 1440px)/var(--rem)), 1px))*1rem) /calc(480/var(--rem)));
        --text-h1--line-height: calc(2.5625rem + .25625* calc(tan(atan2(calc((100vw - 1440px)/var(--rem)), 1px))*1rem) /calc(480/var(--rem)));
        --text-h2--line-height: calc(2.3125rem + .23125* calc(tan(atan2(calc((100vw - 1440px)/var(--rem)), 1px))*1rem) /calc(480/var(--rem)));
        --text-h3--line-height: calc(2rem + .2* calc(tan(atan2(calc((100vw - 1440px)/var(--rem)), 1px))*1rem) /calc(480/var(--rem)));
        --text-body1--line-height: calc(1.6875rem + .16875* calc(tan(atan2(calc((100vw - 1440px)/var(--rem)), 1px))*1rem) /calc(480/var(--rem)));
        --text-body2--line-height: calc(1.4375rem + .14375* calc(tan(atan2(calc((100vw - 1440px)/var(--rem)), 1px))*1rem) /calc(480/var(--rem)));
        --text-body3--line-height: calc(1.25rem + .125* calc(tan(atan2(calc((100vw - 1440px)/var(--rem)), 1px))*1rem) /calc(480/var(--rem)));
        --text-body4--line-height: calc(1.125rem + .1125* calc(tan(atan2(calc((100vw - 1440px)/var(--rem)), 1px))*1rem) /calc(480/var(--rem)));
        --radius-xs: calc(8px + .8*(100vw - 1440px)/480);
        --radius-sm: calc(12px + .0025*(100vw - 1440px));
        --radius-md: calc(12px + .0025*(100vw - 1440px));
        --radius-lg: calc(16px + 1.6*(100vw - 1440px)/480);
        --radius-xl: calc(20px + 2*(100vw - 1440px)/480);
        --radius-2xl: calc(24px + .005*(100vw - 1440px));
        --spacing-grid-0\.25s: calc(2px + .125*(100vw - 1440px)/480);
        --spacing-grid-0\.5s: calc(4px + .25*(100vw - 1440px)/480);
        --spacing-grid-0\.75s: calc(6px + .375*(100vw - 1440px)/480);
        --spacing-grid-1s: calc(8px + .5*(100vw - 1440px)/480);
        --spacing-grid-1\.5s: calc(12px + .75*(100vw - 1440px)/480);
        --spacing-grid-2s: calc(16px + 1*(100vw - 1440px)/480);
        --spacing-grid-2\.5s: calc(20px + 1.25*(100vw - 1440px)/480);
        --spacing-grid-3s: calc(24px + 1.5*(100vw - 1440px)/480);
        --spacing-grid-3\.5s: calc(28px + 1.75*(100vw - 1440px)/480);
        --spacing-grid-4s: calc(32px + 2*(100vw - 1440px)/480);
        --spacing-grid-4\.5s: calc(36px + 2.25*(100vw - 1440px)/480);
        --spacing-grid-5s: calc(40px + 2.5*(100vw - 1440px)/480);
        --spacing-grid-5\.5s: calc(44px + 2.75*(100vw - 1440px)/480);
        --spacing-grid-6s: calc(48px + .00625*(100vw - 1440px));
        --spacing-grid-7s: calc(56px + 3.5*(100vw - 1440px)/480);
        --spacing-grid-8s: calc(64px + 4*(100vw - 1440px)/480);
        --spacing-grid-9s: calc(72px + 4.5*(100vw - 1440px)/480);
        --spacing-grid-10s: calc(80px + 5*(100vw - 1440px)/480);
        --spacing-grid-11s: calc(88px + 5.5*(100vw - 1440px)/480);
        --spacing-grid-12s: calc(96px + .0125*(100vw - 1440px));
        --spacing-grid-14s: calc(112px + 7*(100vw - 1440px)/480);
        --spacing-grid-15s: calc(120px + 7.5*(100vw - 1440px)/480);
        --spacing-grid-19s: calc(152px + 9.5*(100vw - 1440px)/480);
        --spacing-grid-24s: calc(192px + .025*(100vw - 1440px));
        --spacing-grid-30s: calc(240px + .03125*(100vw - 1440px));
        --spacing-grid-31s: calc(248px + 15.5*(100vw - 1440px)/480);
        --spacing-grid-32s: calc(256px + 16*(100vw - 1440px)/480);
        --spacing-grid-42s: calc(336px + .04375*(100vw - 1440px));
        --spacing-grid-44s: calc(352px + 22*(100vw - 1440px)/480);
        --spacing-grid-48s: calc(384px + .05*(100vw - 1440px));
        --spacing-grid-70s: calc(560px + 35*(100vw - 1440px)/480);
        --spacing-grid-86s: calc(688px + 43*(100vw - 1440px)/480);
        --spacing-grid-108s: calc(864px + .1125*(100vw - 1440px));
        --spacing-grid-135s: calc(1080px + 67.5*(100vw - 1440px)/480);
        --trackingh1: calc(-1.02px + -.102*(100vw - 1440px)/480);
        --trackingh2: calc(-.52px + -.052*(100vw - 1440px)/480);
        --trackingh3: calc(-.21px + -.021*(100vw - 1440px)/480)
    }
}

@media (min-width:1920px) {
    :root {
        --text-h1: calc(2.3375rem + .31875* calc(tan(atan2(calc((100vw - 1920px)/var(--rem)), 1px))*1rem) /calc(640/var(--rem)));
        --text-h2: calc(1.7875rem + .24375* calc(tan(atan2(calc((100vw - 1920px)/var(--rem)), 1px))*1rem) /calc(640/var(--rem)));
        --text-h3: calc(1.44375rem + .196875* calc(tan(atan2(calc((100vw - 1920px)/var(--rem)), 1px))*1rem) /calc(640/var(--rem)));
        --text-body1: calc(1.2375rem + .16875* calc(tan(atan2(calc((100vw - 1920px)/var(--rem)), 1px))*1rem) /calc(640/var(--rem)));
        --text-body2: calc(1.1rem + .15* calc(tan(atan2(calc((100vw - 1920px)/var(--rem)), 1px))*1rem) /calc(640/var(--rem)));
        --text-body3: calc(.9625rem + .13125* calc(tan(atan2(calc((100vw - 1920px)/var(--rem)), 1px))*1rem) /calc(640/var(--rem)));
        --text-body4: calc(.825rem + .1125* calc(tan(atan2(calc((100vw - 1920px)/var(--rem)), 1px))*1rem) /calc(640/var(--rem)));
        --text-h1--line-height: calc(2.81875rem + .384375* calc(tan(atan2(calc((100vw - 1920px)/var(--rem)), 1px))*1rem) /calc(640/var(--rem)));
        --text-h2--line-height: calc(2.54375rem + .346875* calc(tan(atan2(calc((100vw - 1920px)/var(--rem)), 1px))*1rem) /calc(640/var(--rem)));
        --text-h3--line-height: calc(2.2rem + .3* calc(tan(atan2(calc((100vw - 1920px)/var(--rem)), 1px))*1rem) /calc(640/var(--rem)));
        --text-body1--line-height: calc(1.85625rem + .253125* calc(tan(atan2(calc((100vw - 1920px)/var(--rem)), 1px))*1rem) /calc(640/var(--rem)));
        --text-body2--line-height: calc(1.58125rem + .215625* calc(tan(atan2(calc((100vw - 1920px)/var(--rem)), 1px))*1rem) /calc(640/var(--rem)));
        --text-body3--line-height: calc(1.375rem + .1875* calc(tan(atan2(calc((100vw - 1920px)/var(--rem)), 1px))*1rem) /calc(640/var(--rem)));
        --text-body4--line-height: calc(1.2375rem + .16875* calc(tan(atan2(calc((100vw - 1920px)/var(--rem)), 1px))*1rem) /calc(640/var(--rem)));
        --radius-xs: calc(8.8px + 1.2*(100vw - 1920px)/640);
        --radius-sm: calc(13.2px + 1.8*(100vw - 1920px)/640);
        --radius-md: calc(13.2px + 1.8*(100vw - 1920px)/640);
        --radius-lg: calc(17.6px + .00375*(100vw - 1920px));
        --radius-xl: calc(22px + 3*(100vw - 1920px)/640);
        --radius-2xl: calc(26.4px + 3.6*(100vw - 1920px)/640);
        --spacing-grid-0\.25s: calc(2.125px + .125*(100vw - 1920px)/640);
        --spacing-grid-0\.5s: calc(4.25px + .25*(100vw - 1920px)/640);
        --spacing-grid-0\.75s: calc(6.375px + .375*(100vw - 1920px)/640);
        --spacing-grid-1s: calc(8.5px + .5*(100vw - 1920px)/640);
        --spacing-grid-1\.5s: calc(12.75px + .75*(100vw - 1920px)/640);
        --spacing-grid-2s: calc(17px + 1*(100vw - 1920px)/640);
        --spacing-grid-2\.5s: calc(21.25px + 1.25*(100vw - 1920px)/640);
        --spacing-grid-3s: calc(25.5px + 1.5*(100vw - 1920px)/640);
        --spacing-grid-3\.5s: calc(29.75px + 1.75*(100vw - 1920px)/640);
        --spacing-grid-4s: calc(34px + 2*(100vw - 1920px)/640);
        --spacing-grid-4\.5s: calc(38.25px + 2.25*(100vw - 1920px)/640);
        --spacing-grid-5s: calc(42.5px + 2.5*(100vw - 1920px)/640);
        --spacing-grid-5\.5s: calc(46.75px + 2.75*(100vw - 1920px)/640);
        --spacing-grid-6s: calc(51px + 3*(100vw - 1920px)/640);
        --spacing-grid-7s: calc(59.5px + 3.5*(100vw - 1920px)/640);
        --spacing-grid-8s: calc(68px + .00625*(100vw - 1920px));
        --spacing-grid-9s: calc(76.5px + 4.5*(100vw - 1920px)/640);
        --spacing-grid-10s: calc(85px + 5*(100vw - 1920px)/640);
        --spacing-grid-11s: calc(93.5px + 5.5*(100vw - 1920px)/640);
        --spacing-grid-12s: calc(102px + 6*(100vw - 1920px)/640);
        --spacing-grid-14s: calc(119px + 7*(100vw - 1920px)/640);
        --spacing-grid-15s: calc(127.5px + 7.5*(100vw - 1920px)/640);
        --spacing-grid-19s: calc(161.5px + 9.5*(100vw - 1920px)/640);
        --spacing-grid-24s: calc(204px + 12*(100vw - 1920px)/640);
        --spacing-grid-30s: calc(255px + 15*(100vw - 1920px)/640);
        --spacing-grid-31s: calc(263.5px + 15.5*(100vw - 1920px)/640);
        --spacing-grid-32s: calc(272px + .025*(100vw - 1920px));
        --spacing-grid-42s: calc(357px + 21*(100vw - 1920px)/640);
        --spacing-grid-44s: calc(374px + 22*(100vw - 1920px)/640);
        --spacing-grid-48s: calc(408px + 24*(100vw - 1920px)/640);
        --spacing-grid-70s: calc(595px + 35*(100vw - 1920px)/640);
        --spacing-grid-86s: calc(731px + 43*(100vw - 1920px)/640);
        --spacing-grid-108s: calc(918px + 54*(100vw - 1920px)/640);
        --spacing-grid-135s: calc(1147.5px + 67.5*(100vw - 1920px)/640);
        --trackingh1: calc(-1.122px + -.153*(100vw - 1920px)/640);
        --trackingh2: calc(-.572px + -.078*(100vw - 1920px)/640);
        --trackingh3: calc(-.231px + -.0315*(100vw - 1920px)/640)
    }
}

@media (min-width:2560px) {
    :root {
        --text-h1: 2.65625rem;
        --text-h2: 2.03125rem;
        --text-h3: 1.64063rem;
        --text-body1: 1.40625rem;
        --text-body2: 1.25rem;
        --text-body3: 1.09375rem;
        --text-body4: .9375rem;
        --text-h1--line-height: 3.20313rem;
        --text-h2--line-height: 2.89063rem;
        --text-h3--line-height: 2.5rem;
        --text-body1--line-height: 2.10938rem;
        --text-body2--line-height: 1.79688rem;
        --text-body3--line-height: 1.5625rem;
        --text-body4--line-height: 1.40625rem;
        --radius-xs: 10px;
        --radius-sm: 15px;
        --radius-md: 15px;
        --radius-lg: 20px;
        --radius-xl: 25px;
        --radius-2xl: 30px;
        --spacing-grid-0\.25s: 2.25px;
        --spacing-grid-0\.5s: 4.5px;
        --spacing-grid-0\.75s: 6.75px;
        --spacing-grid-1s: 9px;
        --spacing-grid-1\.5s: 13.5px;
        --spacing-grid-2s: 18px;
        --spacing-grid-2\.5s: 22.5px;
        --spacing-grid-3s: 27px;
        --spacing-grid-3\.5s: 31.5px;
        --spacing-grid-4s: 36px;
        --spacing-grid-4\.5s: 40.5px;
        --spacing-grid-5s: 45px;
        --spacing-grid-5\.5s: 49.5px;
        --spacing-grid-6s: 54px;
        --spacing-grid-7s: 63px;
        --spacing-grid-8s: 72px;
        --spacing-grid-9s: 81px;
        --spacing-grid-10s: 90px;
        --spacing-grid-11s: 99px;
        --spacing-grid-12s: 108px;
        --spacing-grid-14s: 126px;
        --spacing-grid-15s: 135px;
        --spacing-grid-19s: 171px;
        --spacing-grid-24s: 216px;
        --spacing-grid-30s: 270px;
        --spacing-grid-31s: 279px;
        --spacing-grid-32s: 288px;
        --spacing-grid-42s: 378px;
        --spacing-grid-44s: 396px;
        --spacing-grid-48s: 432px;
        --spacing-grid-70s: 630px;
        --spacing-grid-86s: 774px;
        --spacing-grid-108s: 972px;
        --spacing-grid-135s: 1215px;
        --trackingh1: -1.275px;
        --trackingh2: -.65px;
        --trackingh3: -.2625px
    }
}

@media (max-width:768px) {

    html,
    body {
        background: var(--color-background-plate-0)
    }
}

@media (min-width:768px) {

    html,
    body {
        overscroll-behavior: none
    }
}

.bg-error-gradient {
    background: linear-gradient(128deg, #ef405f66 -.97%, #ef405f29 44.78%)
}

#claimr-contest-popup {
    pointer-events: auto !important
}

@keyframes allowClick {
    0% {
        pointer-events: auto
    }

    to {
        pointer-events: none
    }
}

.close-desktop-modal {
    animation: 0s .15s forwards allowClick
}

input:-webkit-autofill {
    -webkit-text-fill-color: var(--color-fonts-primary);
    color: var(--color-fonts-primary);
    caret-color: #fff;
    border: 1px solid #0000;
    transition: background-color 300s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000
}

input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--color-fonts-primary);
    color: var(--color-fonts-primary);
    caret-color: #fff;
    border: 1px solid #0000;
    transition: background-color 300s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000
}

input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--color-fonts-primary);
    color: var(--color-fonts-primary);
    caret-color: #fff;
    border: 1px solid #0000;
    transition: background-color 300s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000
}

textarea:-webkit-autofill {
    -webkit-text-fill-color: var(--color-fonts-primary);
    color: var(--color-fonts-primary);
    caret-color: #fff;
    border: 1px solid #0000;
    transition: background-color 300s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000
}

textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--color-fonts-primary);
    color: var(--color-fonts-primary);
    caret-color: #fff;
    border: 1px solid #0000;
    transition: background-color 300s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000
}

textarea:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--color-fonts-primary);
    color: var(--color-fonts-primary);
    caret-color: #fff;
    border: 1px solid #0000;
    transition: background-color 300s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000
}

select:-webkit-autofill {
    -webkit-text-fill-color: var(--color-fonts-primary);
    color: var(--color-fonts-primary);
    caret-color: #fff;
    border: 1px solid #0000;
    transition: background-color 300s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000
}

select:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--color-fonts-primary);
    color: var(--color-fonts-primary);
    caret-color: #fff;
    border: 1px solid #0000;
    transition: background-color 300s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000
}

select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--color-fonts-primary);
    color: var(--color-fonts-primary);
    caret-color: #fff;
    border: 1px solid #0000;
    transition: background-color 300s ease-in-out;
    box-shadow: inset 0 0 0 1000px #0000
}

@media (min-width:1024px) {
    :root {
        --left-sidebar-width: 200px
    }
}

@media (min-width:1440px) {
    :root {
        --left-sidebar-width: 268px
    }
}

@media (min-width:1920px) {
    :root {
        --left-sidebar-width: 335px
    }
}

:root {
    --scroll-size: 3px
}

button {
    cursor: pointer
}

button:disabled {
    cursor: default
}

.gradient-border-mask:before {
    content: "";
    -webkit-mask-composite: destination-out;
    background: linear-gradient(145deg, #afeb00, #303133 22%) border-box;
    border-color: #0000;
    position: absolute;
    inset: 0;
    -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
    -webkit-mask-position: 0 0, 0 0;
    -webkit-mask-size: auto, auto;
    -webkit-mask-repeat: repeat, repeat;
    -webkit-mask-clip: padding-box, border-box;
    -webkit-mask-origin: padding-box, border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-source-type: auto, auto;
    mask-mode: match-source, match-source
}

::-webkit-scrollbar {
    width: var(--scroll-size);
    height: var(--scroll-size);
    background-color: #0000
}

::-webkit-scrollbar-thumb {
    border-radius: var(--radius-sm);
    background-color: var(--color-background-plate-4)
}

.grecaptcha-badge {
    visibility: hidden
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

#crisp-chatbox-chat {
    width: max-content !important;
    height: max-content !important;
    top: 50% !important;
    left: 50% !important;
    right: 50% !important;
    transform: translate(-50%, -50%) !important
}

#crisp-chatbox-button {
    display: none !important
}

.bg-animated-gradient {
    background-image: linear-gradient(-203deg, #303133 40%, #afeb00 51%, #303133 60%);
    background-size: 300% 300%;
    animation-name: Running;
    animation-duration: 5.5s;
    animation-iteration-count: infinite
}

.loader {
    animation-name: loading;
    animation-duration: 1.75s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running
}

.fade-in {
    opacity: 0;
    animation: 1.5s ease-in forwards fadeIn
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fade-out {
    opacity: 0;
    animation: .3s ease-in forwards fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translate(100%)
    }

    to {
        opacity: 100;
        transform: translate(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translate(-100%)
    }

    to {
        opacity: 100;
        transform: translate(0)
    }
}

@keyframes slideOutRight {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes notificationRightTranslate {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(100%)
    }
}

@keyframes notificationCollapse {
    0% {
        max-height: 100px
    }

    to {
        max-height: 0;
        padding: 0
    }
}

.remove-notification {
    animation-name: notificationRightTranslate, notificationCollapse !important;
    animation-duration: .225s, .125s !important;
    animation-timing-function: ease, linear !important;
    animation-iteration-count: 1, 1 !important;
    animation-direction: normal, normal !important;
    animation-play-state: running, running !important;
    animation-delay: 0s, .25s !important;
    animation-fill-mode: forwards !important;
    animation-timeline: auto, auto !important
}

.slide-in-right {
    animation: .5s slideInRight
}

.slide-in-left {
    animation: .5s slideInLeft
}

.slide-out-right {
    animation: .3s slideOutRight
}

.slide-out-left {
    animation: .3s slideOutLeft
}

@media (prefers-reduced-motion:reduce) {
    * {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important
    }
}

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

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

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

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

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

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

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

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

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

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

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

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@keyframes ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

._markdownContent_1in9f_1 {
    font-family: var(--font-sf)
}

._markdownContent_1in9f_1 h1 {
    margin-bottom: var(--spacing-grid-3s);
    margin-top: var(--spacing-grid-3s);
    color: var(--color-fonts-primary);
    letter-spacing: var(--tracking-h1);
    font-size: var(--text-h1);
    line-height: var(--text-h1--line-height);
    font-family: var(--font-montserrat) !important;
    font-weight: 700
}

._markdownContent_1in9f_1 h2 {
    letter-spacing: var(--tracking-h2);
    font-size: var(--text-h2);
    line-height: var(--text-h2--line-height);
    font-family: var(--font-montserrat) !important;
    font-weight: 700;
    margin-bottom: var(--spacing-grid-1s);
    margin-top: var(--spacing-grid-4s);
    color: var(--color-fonts-primary)
}

._markdownContent_1in9f_1 h3 {
    letter-spacing: var(--tracking-h3);
    font-size: var(--text-h3);
    line-height: var(--text-h3--line-height);
    font-family: var(--font-montserrat) !important;
    font-weight: 700;
    margin-bottom: var(--spacing-grid-1s);
    margin-top: var(--spacing-grid-1s);
    color: var(--color-fonts-primary)
}

._markdownContent_1in9f_1 h4 {
    font-size: var(--text-body1);
    line-height: var(--text-body1--line-height);
    font-family: var(--font-montserrat) !important;
    font-weight: 700;
    margin-bottom: var(--spacing-grid-2s);
    margin-top: var(--spacing-grid-2s);
    color: var(--color-fonts-primary)
}

._markdownContent_1in9f_1 p {
    color: var(--color-fonts-tertiary);
    margin-bottom: var(--spacing-grid-2s);
    font-size: var(--text-body2);
    line-height: var(--text-body2--line-height);
    font-weight: 400
}

._markdownContent_1in9f_1 ul {
    padding-left: var(--spacing-grid-3s);
    margin-bottom: var(--spacing-grid-2s);
    margin-top: var(--spacing-grid-1s);
    list-style-type: disc
}

._markdownContent_1in9f_1 ol {
    padding-left: var(--spacing-grid-3s);
    margin-bottom: var(--spacing-grid-2s);
    margin-top: var(--spacing-grid-1s);
    list-style-type: decimal
}

._markdownContent_1in9f_1 li {
    margin-bottom: var(--spacing-grid-1s);
    color: var(--color-fonts-tertiary);
    font-size: var(--text-body2);
    line-height: var(--text-body2--line-height);
    font-weight: 400
}

._markdownContent_1in9f_1 li::marker {
    color: var(--color-custom-add-green-main)
}

._markdownContent_1in9f_1 blockquote {
    padding-left: var(--spacing-grid-2s);
    border-left: 4px solid var(--color-lines-0);
    margin-bottom: var(--spacing-grid-2s);
    margin-top: var(--spacing-grid-2s);
    font-style: italic;
    color: var(--color-fonts-tertiary)
}

._markdownContent_1in9f_1 pre {
    padding: var(--spacing-grid-2s);
    margin-bottom: var(--spacing-grid-2s);
    margin-top: var(--spacing-grid-2s);
    border-radius: var(--radius-lg);
    overflow-x: auto;
    background: var(--color-background-plate-2)
}

._markdownContent_1in9f_1 code {
    background: var(--color-background-plate-2);
    font-size: var(--text-body2);
    line-height: var(--text-body2--line-height);
    font-weight: 400;
    border-radius: var(--radius-md);
    color: var(--color-fonts-tertiary);
    padding: var(--spacing-grid-0\.25s) var(--spacing-grid-1s)
}

._markdownContent_1in9f_1 img {
    margin-bottom: var(--spacing-grid-2s);
    margin-top: var(--spacing-grid-2s);
    border-radius: var(--radius-lg);
    height: auto;
    max-width: 100%
}

._markdownContent_1in9f_1 table {
    margin-bottom: var(--spacing-grid-2s);
    margin-top: var(--spacing-grid-2s);
    width: 100%;
    border-collapse: collapse
}

._markdownContent_1in9f_1 th,
._markdownContent_1in9f_1 td {
    padding: var(--spacing-grid-1s);
    border: 1px solid var(--color-lines-0);
    text-align: left;
    color: var(--color-fonts-tertiary)
}

._markdownContent_1in9f_1 hr {
    border-top: 1px solid var(--color-lines-0);
    margin-bottom: var(--spacing-grid-3s);
    margin-top: var(--spacing-grid-3s)
}

._markdownContent_1in9f_1 a {
    color: var(--color-fonts-action)
}

div[data-directive=metrics-table] p:nth-child(2) {
    font-weight: 700;
    color: var(--color-fonts-primary)
}