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

        *,
        :before,
        :after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-font-weight: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial
        }
    }
}

@layer theme {

    :root,
    :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-neutral-50: #f5f5f5;
        --color-neutral-100: #eee;
        --color-neutral-200: #c6cbd5;
        --color-neutral-300: #a3a9b6;
        --color-neutral-400: #858d9d;
        --color-neutral-500: #667085;
        --color-neutral-600: #4b5363;
        --color-neutral-700: #373f51;
        --color-neutral-800: #222a3d;
        --color-neutral-900: #101523;
        --color-neutral-950: #040815;
        --spacing: .25rem;
        --font-weight-bold: 700;
        --radius-xs: .25rem;
        --radius-sm: .5rem;
        --radius-md: 1rem;
        --radius-lg: 1.5rem;
        --radius-xl: 2rem;
        --radius-2xl: 2.5rem;
        --shadow-sm: 0px 1px 2px 0px var(--c-6), 0px 1px 3px 0px var(--c-10);
        --ease-in: cubic-bezier(.4, 0, 1, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
        --blur-xs: 4px;
        --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);
        --font-manrope: "Manrope", sans-serif;
        --font-size-h1: 48px;
        --line-height-h1: 70px;
        --font-size-h2: 36px;
        --line-height-h2: 52px;
        --font-size-h3: 28px;
        --line-height-h3: 40px;
        --font-size-h4: 24px;
        --line-height-h4: 34px;
        --font-size-h5: 20px;
        --line-height-h5: 28px;
        --font-size-h6: 18px;
        --line-height-h6: 24px;
        --font-size-h7: 14px;
        --line-height-h7: 24px;
        --color-primary-50: #f1fffc;
        --color-primary-300: #5eead4;
        --color-primary-400: #2dd4bf;
        --color-primary-500: #14b8a6;
        --color-primary-600: #0d9488;
        --color-primary-700: #0f766e;
        --color-primary-800: #115e59;
        --color-primary-950: #05322f;
        --color-neutral-0: #fff;
        --color-neutral-25: #fcfcfd;
        --color-neutral-150: #d1d4da;
        --color-neutral-750: #2c3444;
        --color-neutral-850: #1f283a;
        --color-error-50: #feebed;
        --color-error-400: #fb7185;
        --color-error-500: #f43f5e;
        --color-error-600: #e11d48;
        --color-error-700: #be123c;
        --color-error-850: #6f0e29;
        --color-warning-50: #fef4e6;
        --color-warning-400: #f9a63a;
        --color-warning-500: #f79009;
        --color-warning-600: #c67307;
        --color-warning-800: #633a04;
        --color-success-50: #ddf7eb;
        --color-success-400: #3fc587;
        --color-success-500: #12b76a;
        --color-success-600: #0e9255;
        --color-success-850: #053720;
        --color-light-display-primary: var(--color-primary-800);
        --color-light-display-error: var(--color-error-600);
        --color-light-display-success: var(--color-success-600);
        --color-light-display-neutral: var(--color-neutral-50);
        --color-light-display-secondary: var(--color-primary-500);
        --color-light-display-warning: var(--color-warning-600);
        --color-light-text-primary: var(--color-neutral-900);
        --color-light-text-secondary: var(--color-neutral-600);
        --color-light-text-disabled: var(--color-neutral-200);
        --color-light-text-error: var(--color-error-600);
        --color-light-text-action-foreground: var(--color-neutral-0);
        --color-light-text-success: var(--color-success-600);
        --color-light-text-tertiary: var(--color-neutral-400);
        --color-light-text-action-link: var(--color-primary-700);
        --color-light-text-warning: var(--color-warning-600);
        --color-light-text-action-light: var(--color-primary-600);
        --color-light-text-action-secondary: var(--color-primary-300);
        --color-light-text-heading-primary-active: var(--color-neutral-900);
        --color-light-text-heading-primary-disabled: var(--color-neutral-400);
        --color-light-text-heading-secondary-active: var(--color-neutral-700);
        --color-light-text-heading-secondary-disabled: var(--color-neutral-50);
        --color-light-text-body-primary-active: var(--color-neutral-900);
        --color-light-text-body-primary-disabled: var(--color-neutral-200);
        --color-light-text-label-active: var(--color-neutral-800);
        --color-light-text-label-disabled: var(--color-neutral-300);
        --color-light-text-secondary-remain: var(--color-neutral-600);
        --color-light-text-btn-disabled: var(--color-neutral-150);
        --color-light-text-primary-invert: var(--color-neutral-0);
        --color-light-strokes-error: var(--color-error-500);
        --color-light-strokes-disabled: var(--color-neutral-100);
        --color-light-strokes-success: var(--color-success-600);
        --color-light-strokes-warning: var(--color-warning-600);
        --color-light-strokes-field-primary: var(--color-neutral-600);
        --color-light-strokes-field-disabled: var(--color-neutral-100);
        --color-light-strokes-btn-primary: var(--color-primary-700);
        --color-light-strokes-btn-primary-hover: var(--color-primary-600);
        --color-light-strokes-btn-secondary: var(--color-neutral-700);
        --color-light-strokes-btn-secondary-hover: var(--color-neutral-600);
        --color-light-strokes-btn-neutral: var(--color-neutral-300);
        --color-light-strokes-btn-neutral-hover: var(--color-neutral-150);
        --color-light-strokes-field-secondary: var(--color-neutral-400);
        --color-light-strokes-field-tertiary-hover: var(--color-neutral-300);
        --color-light-strokes-field-tertiary: var(--color-neutral-150);
        --color-light-background-page: var(--color-neutral-50);
        --color-light-background-field-primary: var(--color-neutral-0);
        --color-light-background-card: var(--color-neutral-100);
        --color-light-background-card-hover: var(--color-neutral-150);
        --color-light-background-field-primary-hover: var(--color-neutral-100);
        --color-light-background-overlay-modal: #373f5133;
        --color-light-background-elevated: var(--color-neutral-25);
        --color-light-background-primary-light: var(--color-primary-50);
        --color-light-background-secondary-light: var(--color-neutral-50);
        --color-light-background-error-light: var(--color-error-50);
        --color-light-background-warning-light: var(--color-warning-50);
        --color-light-background-success-light: var(--color-success-50);
        --color-light-background-field-primary-disabled: var(--color-neutral-100);
        --color-light-background-page-light: var(--color-neutral-0);
        --color-light-background-elevated-hover: var(--color-neutral-100);
        --color-light-background-card-disabled: var(--color-neutral-50);
        --color-light-background-table: var(--color-neutral-25);
        --color-light-background-table-hover: var(--color-neutral-50);
        --color-light-background-nav-hover: var(--color-neutral-100);
        --color-light-background-neutral-light: var(--color-neutral-50);
        --color-light-background-primary-dark: var(--color-primary-800);
        --color-light-background-neutral-dark: var(--color-neutral-300);
        --color-light-background-neutral-dark-hover: var(--color-neutral-200);
        --color-light-background-table-header: var(--color-neutral-100);
        --color-light-background-field-secondary: var(--color-neutral-150);
        --color-light-background-elevated-invert: var(--color-neutral-850);
        --color-light-background-tooltip: #ffffffdb;
        --color-light-action-icon-light-invert: var(--color-neutral-25);
        --color-light-action-btn-primary: var(--color-primary-600);
        --color-light-action-btn-primary-hover: var(--color-primary-700);
        --color-light-action-btn-secondary: var(--color-neutral-800);
        --color-light-action-btn-secondary-hover: var(--color-neutral-700);
        --color-light-action-btn-neutral: var(--color-neutral-25);
        --color-light-action-btn-neutral-hover: var(--color-neutral-100);
        --color-light-action-btn-danger: var(--color-error-600);
        --color-light-action-btn-danger-hover: var(--color-error-700);
        --color-light-action-icon-dark-invert: var(--color-neutral-700);
        --color-light-action-icon-light-disabled: var(--color-neutral-0);
        --color-light-action-icon-dark-disabled: var(--color-neutral-200);
        --color-light-action-icon-light-remain: var(--color-neutral-0);
        --color-light-action-icon-dark-remain: var(--color-neutral-700);
        --color-dark-display-primary: var(--color-primary-700);
        --color-dark-display-error: var(--color-error-500);
        --color-dark-display-success: var(--color-success-500);
        --color-dark-display-neutral: var(--color-neutral-50);
        --color-dark-display-secondary: var(--color-primary-400);
        --color-dark-display-warning: var(--color-warning-500);
        --color-dark-text-primary: var(--color-neutral-0);
        --color-dark-text-secondary: var(--color-neutral-200);
        --color-dark-text-disabled: var(--color-neutral-600);
        --color-dark-text-error: var(--color-error-400);
        --color-dark-text-action-foreground: var(--color-neutral-25);
        --color-dark-text-success: var(--color-success-500);
        --color-dark-text-tertiary: var(--color-neutral-300);
        --color-dark-text-action-link: var(--color-primary-600);
        --color-dark-text-warning: var(--color-warning-400);
        --color-dark-text-action-light: var(--color-primary-500);
        --color-dark-text-action-secondary: var(--color-primary-700);
        --color-dark-text-heading-primary-active: var(--color-neutral-0);
        --color-dark-text-heading-primary-disabled: var(--color-neutral-25);
        --color-dark-text-heading-secondary-active: var(--color-neutral-0);
        --color-dark-text-heading-secondary-disabled: var(--color-neutral-50);
        --color-dark-text-body-primary-active: var(--color-neutral-0);
        --color-dark-text-body-primary-disabled: var(--color-neutral-500);
        --color-dark-text-label-active: var(--color-neutral-0);
        --color-dark-text-label-disabled: var(--color-neutral-750);
        --color-dark-text-secondary-remain: var(--color-neutral-600);
        --color-dark-text-btn-disabled: var(--color-neutral-300);
        --color-dark-text-primary-invert: var(--color-neutral-950);
        --color-dark-strokes-error: var(--color-error-400);
        --color-dark-strokes-disabled: var(--color-neutral-800);
        --color-dark-strokes-success: var(--color-success-400);
        --color-dark-strokes-warning: var(--color-warning-400);
        --color-dark-strokes-field-primary: var(--color-neutral-100);
        --color-dark-strokes-field-disabled: var(--color-neutral-850);
        --color-dark-strokes-btn-primary: var(--color-primary-700);
        --color-dark-strokes-btn-primary-hover: var(--color-primary-500);
        --color-dark-strokes-btn-secondary: var(--color-neutral-600);
        --color-dark-strokes-btn-secondary-hover: var(--color-neutral-400);
        --color-dark-strokes-btn-neutral: var(--color-neutral-300);
        --color-dark-strokes-btn-neutral-hover: var(--color-neutral-300);
        --color-dark-strokes-field-secondary: var(--color-neutral-400);
        --color-dark-strokes-field-tertiary-hover: var(--color-neutral-500);
        --color-dark-strokes-field-tertiary: var(--color-neutral-600);
        --color-dark-background-page: var(--color-neutral-900);
        --color-dark-background-field-primary: var(--color-neutral-850);
        --color-dark-background-card: var(--color-neutral-900);
        --color-dark-background-card-hover: var(--color-neutral-950);
        --color-dark-background-field-primary-hover: var(--color-neutral-800);
        --color-dark-background-overlay-modal: #101523cc;
        --color-dark-background-elevated: var(--color-neutral-800);
        --color-dark-background-primary-light: var(--color-primary-950);
        --color-dark-background-secondary-light: var(--color-neutral-600);
        --color-dark-background-error-light: var(--color-error-850);
        --color-dark-background-warning-light: var(--color-warning-800);
        --color-dark-background-success-light: var(--color-success-850);
        --color-dark-background-field-primary-disabled: var(--color-neutral-800);
        --color-dark-background-page-light: var(--color-neutral-750);
        --color-dark-background-elevated-hover: var(--color-neutral-900);
        --color-dark-background-card-disabled: var(--color-neutral-850);
        --color-dark-background-table: var(--color-neutral-850);
        --color-dark-background-table-hover: var(--color-neutral-700);
        --color-dark-background-nav-hover: var(--color-neutral-900);
        --color-dark-background-neutral-light: var(--color-neutral-900);
        --color-dark-background-primary-dark: var(--color-primary-800);
        --color-dark-background-neutral-dark: var(--color-neutral-150);
        --color-dark-background-neutral-dark-hover: var(--color-neutral-400);
        --color-dark-background-table-header: var(--color-neutral-900);
        --color-dark-background-field-secondary: var(--color-neutral-600);
        --color-dark-background-elevated-invert: var(--color-neutral-25);
        --color-dark-background-tooltip: #101523db;
        --color-dark-action-icon-light-invert: var(--color-neutral-750);
        --color-dark-action-btn-primary: var(--color-primary-600);
        --color-dark-action-btn-primary-hover: var(--color-primary-700);
        --color-dark-action-btn-secondary: var(--color-neutral-25);
        --color-dark-action-btn-secondary-hover: var(--color-neutral-100);
        --color-dark-action-btn-neutral: var(--color-neutral-850);
        --color-dark-action-btn-neutral-hover: var(--color-neutral-750);
        --color-dark-action-btn-danger: var(--color-error-600);
        --color-dark-action-btn-danger-hover: var(--color-error-700);
        --color-dark-action-icon-dark-invert: var(--color-neutral-25);
        --color-dark-action-icon-light-disabled: var(--color-neutral-800);
        --color-dark-action-icon-dark-disabled: var(--color-neutral-850);
        --color-dark-action-icon-light-remain: var(--color-neutral-25);
        --color-dark-action-icon-dark-remain: var(--color-neutral-750);
        --c-3: #10182808;
        --c-6: #1018280f;
        --c-8: #10182814;
        --c-10: #1018281a;
        --c-14: #10182824;
        --c-18: #1018282e;
        --c-20: #10182833
    }
}

@layer base {

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

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

    html,
    :host {
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        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
    }

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

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

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

    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

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

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

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

@layer components;

@layer utilities {
    .\!pointer-events-none {
        pointer-events: none !important
    }

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

    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .\!left-\[25px\] {
        left: 25px !important
    }

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

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

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

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

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

    .z-10 {
        z-index: 10
    }

    .z-15 {
        z-index: 15
    }

    .z-20 {
        z-index: 20
    }

    .z-25 {
        z-index: 25
    }

    .z-30 {
        z-index: 30
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .z-10000 {
        z-index: 10000
    }

    .z-\[9999\] {
        z-index: 9999
    }

    .container {
        width: 100%
    }

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

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

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

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

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

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

    .m-auto {
        margin: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display:block
    }

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

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

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

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

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

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

    .size-\[7\.5px\] {
        width: 7.5px;
        height: 7.5px
    }

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

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

    .\!h-fit {
        height: fit-content !important
    }

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

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

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

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

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

    .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-9 {
        height: calc(var(--spacing)*9)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[calc\(100vh-74px\)\] {
        height: calc(100vh - 74px)
    }

    .h-dvh {
        height: 100dvh
    }

    .h-fit {
        height: fit-content
    }

    .h-full {
        height: 100%
    }

    .h-screen {
        height: 100vh
    }

    .\!max-h-67 {
        max-height: calc(var(--spacing)*67) !important
    }

    .\!max-h-\[360px\] {
        max-height: 360px !important
    }

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

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

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

    .max-h-\[calc\(100vh-40px\)\] {
        max-height: calc(100vh - 40px)
    }

    .max-h-\[calc\(100vh-80px\)\] {
        max-height: calc(100vh - 80px)
    }

    .max-h-\[calc\(100vh-230px\)\] {
        max-height: calc(100vh - 230px)
    }

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

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

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

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

    .\!w-9 {
        width: calc(var(--spacing)*9) !important
    }

    .\!w-20 {
        width: calc(var(--spacing)*20) !important
    }

    .\!w-29 {
        width: calc(var(--spacing)*29) !important
    }

    .\!w-37 {
        width: calc(var(--spacing)*37) !important
    }

    .\!w-41 {
        width: calc(var(--spacing)*41) !important
    }

    .\!w-158 {
        width: calc(var(--spacing)*158) !important
    }

    .\!w-\[40\%\] {
        width: 40% !important
    }

    .\!w-\[75\%\] {
        width: 75% !important
    }

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

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

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

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

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

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

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

    .\!w-fit {
        width: fit-content !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[25\%\] {
        width: 25%
    }

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

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

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

    .w-\[65\%\] {
        width: 65%
    }

    .w-\[75\%\] {
        width: 75%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[459x\] {
        width: 459x
    }

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

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

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

    .w-\[var\(--input-width\)\] {
        width: var(--input-width)
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-px {
        width: 1px
    }

    .w-screen {
        width: 100vw
    }

    .\!max-w-\[194px\] {
        max-width: 194px !important
    }

    .\!max-w-\[322px\] {
        max-width: 322px !important
    }

    .\!max-w-\[434px\] {
        max-width: 434px !important
    }

    .\!max-w-fit {
        max-width: fit-content !important
    }

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

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

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

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

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

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

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

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

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

    .\!min-w-\[194px\] {
        min-width: 194px !important
    }

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

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

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

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

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

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

    .flex-1 {
        flex: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

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

    .table-fixed {
        table-layout: fixed
    }

    .\!translate-x-0 {
        --tw-translate-x: calc(var(--spacing)*0) !important;
        translate: var(--tw-translate-x)var(--tw-translate-y) !important
    }

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

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

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

    .translate-x-5\.5 {
        --tw-translate-x: calc(var(--spacing)*5.5);
        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-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-0 {
        rotate: none
    }

    .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-pulse {
        animation: var(--animate-pulse)
    }

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

    .cursor-default {
        cursor: default
    }

    .cursor-grab {
        cursor: grab
    }

    .cursor-pointer {
        cursor: pointer
    }

    .resize-none {
        resize: none
    }

    .appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

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

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

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

    .grid-rows-\[auto_minmax\(0\,100\%\)_auto\] {
        grid-template-rows: auto minmax(0, 100%) auto
    }

    .flex-col {
        flex-direction: column
    }

    .flex-row {
        flex-direction: row
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .items-center {
        align-items: center
    }

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

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

    .justify-center {
        justify-content: center
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    :where(.divide-y>:not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px*var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(.divide-light-strokes-field-tertiary>:not(:last-child)) {
        border-color: var(--color-light-strokes-field-tertiary)
    }

    .justify-self-center {
        justify-self: center
    }

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

    .overflow-auto {
        overflow: auto
    }

    .overflow-clip {
        overflow: clip
    }

    .overflow-hidden {
        overflow: hidden
    }

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

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

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

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

    .rounded {
        border-radius: .25rem
    }

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

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

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

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

    .rounded-none {
        border-radius: 0
    }

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

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

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

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

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

    .rounded-r-sm {
        border-top-right-radius: var(--radius-sm);
        border-bottom-right-radius: var(--radius-sm)
    }

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

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

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

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

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

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

    .\!border-light-strokes-btn-primary {
        border-color: var(--color-light-strokes-btn-primary) !important
    }

    .\!border-transparent {
        border-color: #0000 !important
    }

    .border-light-strokes-btn-neutral {
        border-color: var(--color-light-strokes-btn-neutral)
    }

    .border-light-strokes-btn-primary {
        border-color: var(--color-light-strokes-btn-primary)
    }

    .border-light-strokes-btn-primary-hover {
        border-color: var(--color-light-strokes-btn-primary-hover)
    }

    .border-light-strokes-btn-secondary {
        border-color: var(--color-light-strokes-btn-secondary)
    }

    .border-light-strokes-disabled {
        border-color: var(--color-light-strokes-disabled)
    }

    .border-light-strokes-error {
        border-color: var(--color-light-strokes-error)
    }

    .border-light-strokes-field-disabled {
        border-color: var(--color-light-strokes-field-disabled)
    }

    .border-light-strokes-field-primary {
        border-color: var(--color-light-strokes-field-primary)
    }

    .border-light-strokes-field-secondary {
        border-color: var(--color-light-strokes-field-secondary)
    }

    .border-light-strokes-field-tertiary {
        border-color: var(--color-light-strokes-field-tertiary)
    }

    .border-light-strokes-field-tertiary-hover {
        border-color: var(--color-light-strokes-field-tertiary-hover)
    }

    .border-light-strokes-success {
        border-color: var(--color-light-strokes-success)
    }

    .border-light-strokes-warning {
        border-color: var(--color-light-strokes-warning)
    }

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

    .border-b-light-strokes-field-tertiary {
        border-bottom-color: var(--color-light-strokes-field-tertiary)
    }

    .\!bg-light-background-elevated {
        background-color: var(--color-light-background-elevated) !important
    }

    .\!bg-light-background-error-light {
        background-color: var(--color-light-background-error-light) !important
    }

    .\!bg-light-background-overlay-modal {
        background-color: var(--color-light-background-overlay-modal) !important
    }

    .\!bg-light-background-success-light {
        background-color: var(--color-light-background-success-light) !important
    }

    .\!bg-light-background-tooltip {
        background-color: var(--color-light-background-tooltip) !important
    }

    .\!bg-light-background-warning-light {
        background-color: var(--color-light-background-warning-light) !important
    }

    .bg-light-action-btn-danger {
        background-color: var(--color-light-action-btn-danger)
    }

    .bg-light-action-btn-neutral {
        background-color: var(--color-light-action-btn-neutral)
    }

    .bg-light-action-btn-neutral-hover {
        background-color: var(--color-light-action-btn-neutral-hover)
    }

    .bg-light-action-btn-primary {
        background-color: var(--color-light-action-btn-primary)
    }

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

    .bg-light-action-icon-dark-invert {
        background-color: var(--color-light-action-icon-dark-invert)
    }

    .bg-light-background-card {
        background-color: var(--color-light-background-card)
    }

    .bg-light-background-elevated {
        background-color: var(--color-light-background-elevated)
    }

    .bg-light-background-elevated-hover {
        background-color: var(--color-light-background-elevated-hover)
    }

    .bg-light-background-elevated-invert {
        background-color: var(--color-light-background-elevated-invert)
    }

    .bg-light-background-error-light {
        background-color: var(--color-light-background-error-light)
    }

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

    .bg-light-background-field-primary-disabled {
        background-color: var(--color-light-background-field-primary-disabled)
    }

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

    .bg-light-background-nav-hover {
        background-color: var(--color-light-background-nav-hover)
    }

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

    .bg-light-background-neutral-light {
        background-color: var(--color-light-background-neutral-light)
    }

    .bg-light-background-overlay-modal {
        background-color: var(--color-light-background-overlay-modal)
    }

    .bg-light-background-page {
        background-color: var(--color-light-background-page)
    }

    .bg-light-background-page-light {
        background-color: var(--color-light-background-page-light)
    }

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

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

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

    .bg-light-background-success-light {
        background-color: var(--color-light-background-success-light)
    }

    .bg-light-background-table {
        background-color: var(--color-light-background-table)
    }

    .bg-light-background-table-header {
        background-color: var(--color-light-background-table-header)
    }

    .bg-light-background-tooltip {
        background-color: var(--color-light-background-tooltip)
    }

    .bg-light-background-warning-light {
        background-color: var(--color-light-background-warning-light)
    }

    .bg-light-display-error {
        background-color: var(--color-light-display-error)
    }

    .bg-light-display-neutral {
        background-color: var(--color-light-display-neutral)
    }

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

    .bg-light-display-success {
        background-color: var(--color-light-display-success)
    }

    .bg-light-display-warning {
        background-color: var(--color-light-display-warning)
    }

    .bg-light-strokes-btn-primary-hover {
        background-color: var(--color-light-strokes-btn-primary-hover)
    }

    .bg-light-strokes-field-tertiary {
        background-color: var(--color-light-strokes-field-tertiary)
    }

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

    .bg-none {
        background-image: none
    }

    .\!fill-light-action-btn-primary {
        fill: var(--color-light-action-btn-primary) !important
    }

    .fill-inherit {
        fill: inherit
    }

    .fill-light-action-btn-neutral {
        fill: var(--color-light-action-btn-neutral)
    }

    .fill-light-action-btn-primary {
        fill: var(--color-light-action-btn-primary)
    }

    .fill-light-action-icon-dark-disabled {
        fill: var(--color-light-action-icon-dark-disabled)
    }

    .fill-light-action-icon-dark-invert {
        fill: var(--color-light-action-icon-dark-invert)
    }

    .fill-light-action-icon-dark-remain {
        fill: var(--color-light-action-icon-dark-remain)
    }

    .fill-light-action-icon-light-disabled {
        fill: var(--color-light-action-icon-light-disabled)
    }

    .fill-light-action-icon-light-invert {
        fill: var(--color-light-action-icon-light-invert)
    }

    .fill-light-action-icon-light-remain {
        fill: var(--color-light-action-icon-light-remain)
    }

    .fill-light-display-error {
        fill: var(--color-light-display-error)
    }

    .fill-light-display-primary {
        fill: var(--color-light-display-primary)
    }

    .fill-light-display-secondary {
        fill: var(--color-light-display-secondary)
    }

    .fill-light-display-success {
        fill: var(--color-light-display-success)
    }

    .fill-light-display-warning {
        fill: var(--color-light-display-warning)
    }

    .fill-light-text-action-foreground {
        fill: var(--color-light-text-action-foreground)
    }

    .fill-light-text-action-light {
        fill: var(--color-light-text-action-light)
    }

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

    .fill-light-text-primary {
        fill: var(--color-light-text-primary)
    }

    .fill-light-text-secondary {
        fill: var(--color-light-text-secondary)
    }

    .object-cover {
        object-fit: cover
    }

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

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

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

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

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

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

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

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

    .\!px-3 {
        padding-inline: calc(var(--spacing)*3) !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .\!py-2 {
        padding-block: calc(var(--spacing)*2) !important
    }

    .\!py-8 {
        padding-block: calc(var(--spacing)*8) !important
    }

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

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

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

    .py-2\.5 {
        padding-block: calc(var(--spacing)*2.5)
    }

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

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

    .py-4\.5 {
        padding-block: calc(var(--spacing)*4.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pr-3\.5 {
        padding-right: calc(var(--spacing)*3.5)
    }

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

    .pr-11 {
        padding-right: calc(var(--spacing)*11)
    }

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

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

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

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

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

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

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

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

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

    .pl-2 {
        padding-left: calc(var(--spacing)*2)
    }

    .pl-3 {
        padding-left: calc(var(--spacing)*3)
    }

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

    .pl-11 {
        padding-left: calc(var(--spacing)*11)
    }

    .pl-24 {
        padding-left: calc(var(--spacing)*24)
    }

    .pl-\[5px\] {
        padding-left: 5px
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

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

    .\!font-bold {
        --tw-font-weight: var(--font-weight-bold) !important;
        font-weight: var(--font-weight-bold) !important
    }

    .whitespace-normal {
        white-space: normal
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .\!text-dark-text-primary {
        color: var(--color-dark-text-primary) !important
    }

    .\!text-light-text-action-link {
        color: var(--color-light-text-action-link) !important
    }

    .text-light-action-icon-dark-invert {
        color: var(--color-light-action-icon-dark-invert)
    }

    .text-light-text-action-foreground {
        color: var(--color-light-text-action-foreground)
    }

    .text-light-text-action-light {
        color: var(--color-light-text-action-light)
    }

    .text-light-text-action-link {
        color: var(--color-light-text-action-link)
    }

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

    .text-light-text-body-primary-active {
        color: var(--color-light-text-body-primary-active)
    }

    .text-light-text-body-primary-disabled {
        color: var(--color-light-text-body-primary-disabled)
    }

    .text-light-text-btn-disabled {
        color: var(--color-light-text-btn-disabled)
    }

    .text-light-text-disabled {
        color: var(--color-light-text-disabled)
    }

    .text-light-text-error {
        color: var(--color-light-text-error)
    }

    .text-light-text-heading-primary-active {
        color: var(--color-light-text-heading-primary-active)
    }

    .text-light-text-heading-primary-disabled {
        color: var(--color-light-text-heading-primary-disabled)
    }

    .text-light-text-heading-secondary-active {
        color: var(--color-light-text-heading-secondary-active)
    }

    .text-light-text-heading-secondary-disabled {
        color: var(--color-light-text-heading-secondary-disabled)
    }

    .text-light-text-label-active {
        color: var(--color-light-text-label-active)
    }

    .text-light-text-label-disabled {
        color: var(--color-light-text-label-disabled)
    }

    .text-light-text-primary {
        color: var(--color-light-text-primary)
    }

    .text-light-text-primary-invert {
        color: var(--color-light-text-primary-invert)
    }

    .text-light-text-secondary {
        color: var(--color-light-text-secondary)
    }

    .text-light-text-secondary-remain {
        color: var(--color-light-text-secondary-remain)
    }

    .text-light-text-success {
        color: var(--color-light-text-success)
    }

    .text-light-text-tertiary {
        color: var(--color-light-text-tertiary)
    }

    .text-light-text-warning {
        color: var(--color-light-text-warning)
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-95 {
        opacity: .95
    }

    .opacity-100 {
        opacity: 1
    }

    .\!shadow-fr-error-light {
        --tw-shadow: 0px 0px 0px 4px var(--tw-shadow-color, #e11d484d) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .\!shadow-sm {
        --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, var(--c-6)), 0px 1px 3px 0px var(--tw-shadow-color, var(--c-10)) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .shadow-\[0_0_0_1px\] {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-fr-error-light {
        --tw-shadow: 0px 0px 0px 4px var(--tw-shadow-color, #e11d484d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-fr-primary {
        --tw-shadow: 0px 0px 0px 4px var(--tw-shadow-color, #2dd4bf);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-fr-primary-light {
        --tw-shadow: 0px 0px 0px 4px var(--tw-shadow-color, #2dd4bf4d);
        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: 0px 2px 4px -2px var(--tw-shadow-color, var(--c-6)), 0px 4px 8px -2px var(--tw-shadow-color, var(--c-10));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-sm {
        --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, var(--c-6)), 0px 1px 3px 0px var(--tw-shadow-color, var(--c-10));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-xl {
        --tw-shadow: 0px 10px 24px -6px var(--tw-shadow-color, var(--c-20));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-xs {
        --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, var(--c-10));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-light-strokes-btn-neutral-hover {
        --tw-shadow-color: #d1d4da
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-light-strokes-btn-neutral-hover {
            --tw-shadow-color: color-mix(in oklab, var(--color-light-strokes-btn-neutral-hover)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-light-strokes-btn-secondary-hover {
        --tw-shadow-color: #4b5363
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-light-strokes-btn-secondary-hover {
            --tw-shadow-color: color-mix(in oklab, var(--color-light-strokes-btn-secondary-hover)var(--tw-shadow-alpha), transparent)
        }
    }

    .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-xs {
        --tw-backdrop-blur: blur(var(--blur-xs));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

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

    .transition-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-100 {
        --tw-duration: .1s;
        transition-duration: .1s
    }

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

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

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

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

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

    .select-none {
        -webkit-user-select: none;
        user-select: none
    }

    .\[--anchor-gap\:var\(--spacing-1\)\] {
        --anchor-gap: var(--spacing-1)
    }

    .group-focus-within\:z-15:is(:where(.group):focus-within *) {
        z-index: 15
    }

    .group-focus-within\:flex:is(:where(.group):focus-within *) {
        display: flex
    }

    .group-focus-within\:pl-11:is(:where(.group):focus-within *) {
        padding-left: calc(var(--spacing)*11)
    }

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

    @media (hover:hover) {
        .group-hover\:\!border-light-strokes-btn-primary:is(:where(.group):hover *) {
            border-color: var(--color-light-strokes-btn-primary) !important
        }

        .group-hover\:border-light-strokes-field-tertiary-hover:is(:where(.group):hover *) {
            border-color: var(--color-light-strokes-field-tertiary-hover)
        }

        .group-hover\:\!bg-light-action-btn-primary-hover:is(:where(.group):hover *) {
            background-color: var(--color-light-action-btn-primary-hover) !important
        }

        .group-hover\:bg-light-action-btn-neutral-hover:is(:where(.group):hover *) {
            background-color: var(--color-light-action-btn-neutral-hover)
        }

        .group-hover\:bg-light-action-btn-primary-hover:is(:where(.group):hover *) {
            background-color: var(--color-light-action-btn-primary-hover)
        }

        .group-hover\:bg-light-background-field-primary-hover:is(:where(.group):hover *) {
            background-color: var(--color-light-background-field-primary-hover)
        }

        .group-hover\:fill-light-display-secondary:is(:where(.group):hover *) {
            fill: var(--color-light-display-secondary)
        }

        .group-hover\:text-light-text-secondary:is(:where(.group):hover *) {
            color: var(--color-light-text-secondary)
        }

        .group-hover\:text-light-text-tertiary:is(:where(.group):hover *) {
            color: var(--color-light-text-tertiary)
        }

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

    .group-focus\:\!border-light-strokes-btn-primary:is(:where(.group):focus *) {
        border-color: var(--color-light-strokes-btn-primary) !important
    }

    .group-focus\:fill-light-display-secondary:is(:where(.group):focus *) {
        fill: var(--color-light-display-secondary)
    }

    .group-data-open\:rotate-180:is(:where(.group)[data-open] *) {
        rotate: 180deg
    }

    .group-data-\[checked\]\:visible:is(:where(.group)[data-checked] *) {
        visibility: visible
    }

    .group-data-\[checked\]\:border-none:is(:where(.group)[data-checked] *) {
        --tw-border-style: none;
        border-style: none
    }

    .group-data-\[checked\]\:\!bg-light-action-btn-primary:is(:where(.group)[data-checked] *) {
        background-color: var(--color-light-action-btn-primary) !important
    }

    @media (hover:hover) {
        .group-hover\:group-data-\[checked\]\:\!bg-light-action-btn-primary-hover:is(:where(.group):hover *):is(:where(.group)[data-checked] *) {
            background-color: var(--color-light-action-btn-primary-hover) !important
        }
    }

    .group-data-\[selected\]\:visible:is(:where(.group)[data-selected] *) {
        visibility: visible
    }

    .placeholder\:text-light-text-tertiary::placeholder {
        color: var(--color-light-text-tertiary)
    }

    .placeholder-shown\:border-light-strokes-field-tertiary:placeholder-shown {
        border-color: var(--color-light-strokes-field-tertiary)
    }

    .empty\:invisible:empty {
        visibility: hidden
    }

    .focus-within\:min-w-\[462px\]:focus-within {
        min-width: 462px
    }

    @media (hover:hover) {
        .hover\:border-light-strokes-btn-neutral-hover:hover {
            border-color: var(--color-light-strokes-btn-neutral-hover)
        }

        .hover\:bg-light-action-btn-danger-hover:hover {
            background-color: var(--color-light-action-btn-danger-hover)
        }

        .hover\:bg-light-action-btn-neutral-hover:hover {
            background-color: var(--color-light-action-btn-neutral-hover)
        }

        .hover\:bg-light-action-btn-primary-hover:hover {
            background-color: var(--color-light-action-btn-primary-hover)
        }

        .hover\:bg-light-action-btn-secondary-hover:hover {
            background-color: var(--color-light-action-btn-secondary-hover)
        }

        .hover\:bg-light-background-card-hover:hover {
            background-color: var(--color-light-background-card-hover)
        }

        .hover\:bg-light-background-elevated-hover:hover {
            background-color: var(--color-light-background-elevated-hover)
        }

        .hover\:bg-light-background-field-primary-hover:hover {
            background-color: var(--color-light-background-field-primary-hover)
        }

        .hover\:bg-light-background-nav-hover:hover {
            background-color: var(--color-light-background-nav-hover)
        }

        .hover\:bg-light-background-neutral-dark-hover:hover {
            background-color: var(--color-light-background-neutral-dark-hover)
        }

        .hover\:bg-light-background-table-hover:hover {
            background-color: var(--color-light-background-table-hover)
        }

        .hover\:fill-light-display-primary:hover {
            fill: var(--color-light-display-primary)
        }

        .hover\:fill-light-text-action-link:hover {
            fill: var(--color-light-text-action-link)
        }

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

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

        .hover\:\!underline:hover {
            text-decoration-line: underline !important
        }

        .hover\:opacity-50:hover {
            opacity: .5
        }

        .hover\:shadow-fr-gray-light:hover {
            --tw-shadow: 0px 0px 0px 4px var(--tw-shadow-color, #b8b8b84d);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:brightness-80:hover {
            --tw-brightness: brightness(80%);
            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, )
        }
    }

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

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

    .focus\:border-light-strokes-btn-neutral-hover:focus {
        border-color: var(--color-light-strokes-btn-neutral-hover)
    }

    .focus\:border-light-strokes-btn-primary:focus {
        border-color: var(--color-light-strokes-btn-primary)
    }

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

    .focus\:\!bg-light-action-btn-neutral:focus {
        background-color: var(--color-light-action-btn-neutral) !important
    }

    .focus\:bg-light-action-btn-danger-hover:focus {
        background-color: var(--color-light-action-btn-danger-hover)
    }

    .focus\:bg-light-action-btn-neutral-hover:focus {
        background-color: var(--color-light-action-btn-neutral-hover)
    }

    .focus\:bg-light-action-btn-primary-hover:focus {
        background-color: var(--color-light-action-btn-primary-hover)
    }

    .focus\:bg-light-action-btn-secondary-hover:focus {
        background-color: var(--color-light-action-btn-secondary-hover)
    }

    .focus\:bg-light-background-field-primary-hover:focus {
        background-color: var(--color-light-background-field-primary-hover)
    }

    .focus\:bg-light-background-neutral-dark-hover:focus {
        background-color: var(--color-light-background-neutral-dark-hover)
    }

    .focus\:\!text-light-text-primary:focus {
        color: var(--color-light-text-primary) !important
    }

    .focus\:shadow-fr-error-light:focus {
        --tw-shadow: 0px 0px 0px 4px var(--tw-shadow-color, #e11d484d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:shadow-fr-gray-light:focus {
        --tw-shadow: 0px 0px 0px 4px var(--tw-shadow-color, #b8b8b84d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:shadow-fr-primary-light:focus {
        --tw-shadow: 0px 0px 0px 4px var(--tw-shadow-color, #2dd4bf4d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:brightness-80:focus {
        --tw-brightness: brightness(80%);
        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, )
    }

    @media (hover:hover) {
        .focus\:group-hover\:bg-light-background-field-primary:focus:is(:where(.group):hover *) {
            background-color: var(--color-light-background-field-primary)
        }
    }

    .focus\:placeholder\:opacity-0:focus::placeholder {
        opacity: 0
    }

    @media (hover:hover) {
        .focus\:hover\:bg-light-background-field-primary:focus:hover {
            background-color: var(--color-light-background-field-primary)
        }
    }

    .active\:cursor-grabbing:active {
        cursor: grabbing
    }

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

    .disabled\:cursor-default:disabled {
        cursor: default
    }

    .disabled\:border-light-strokes-field-disabled:disabled {
        border-color: var(--color-light-strokes-field-disabled)
    }

    .disabled\:bg-light-background-card-disabled:disabled {
        background-color: var(--color-light-background-card-disabled)
    }

    .disabled\:bg-light-background-field-primary-disabled:disabled {
        background-color: var(--color-light-background-field-primary-disabled)
    }

    .disabled\:fill-light-action-icon-dark-disabled:disabled {
        fill: var(--color-light-action-icon-dark-disabled)
    }

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

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    .data-closed\:translate-x-full[data-closed] {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-closed\:opacity-0[data-closed] {
        opacity: 0
    }

    .data-disabled\:pointer-events-none[data-disabled] {
        pointer-events: none
    }

    .data-disabled\:cursor-auto[data-disabled] {
        cursor: auto
    }

    .data-disabled\:border-light-strokes-field-disabled[data-disabled] {
        border-color: var(--color-light-strokes-field-disabled)
    }

    .data-disabled\:bg-light-background-field-primary-disabled[data-disabled] {
        background-color: var(--color-light-background-field-primary-disabled)
    }

    .data-disabled\:text-light-text-disabled[data-disabled] {
        color: var(--color-light-text-disabled)
    }

    .data-focus\:hidden[data-focus] {
        display: none
    }

    .data-focus\:border-transparent[data-focus] {
        border-color: #0000
    }

    .data-focus\:bg-light-background-field-primary[data-focus] {
        background-color: var(--color-light-background-field-primary)
    }

    .data-focus\:shadow-fr-primary-light[data-focus] {
        --tw-shadow: 0px 0px 0px 4px var(--tw-shadow-color, #2dd4bf4d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .data-leave\:duration-200[data-leave] {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .data-leave\:ease-in-out[data-leave] {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .data-\[focus\]\:bg-light-background-field-primary-hover[data-focus] {
        background-color: var(--color-light-background-field-primary-hover)
    }

    .data-\[leave\]\:data-\[closed\]\:opacity-0[data-leave][data-closed] {
        opacity: 0
    }

    @media (min-width:48rem) {
        .md\:flex {
            display: flex
        }
    }

    @media (prefers-color-scheme:dark) {
        :where(.dark\:divide-dark-strokes-field-tertiary>:not(:last-child)) {
            border-color: var(--color-dark-strokes-field-tertiary)
        }

        .dark\:\!border-dark-strokes-btn-primary {
            border-color: var(--color-dark-strokes-btn-primary) !important
        }

        .dark\:border-dark-strokes-btn-neutral {
            border-color: var(--color-dark-strokes-btn-neutral)
        }

        .dark\:border-dark-strokes-btn-primary {
            border-color: var(--color-dark-strokes-btn-primary)
        }

        .dark\:border-dark-strokes-btn-primary-hover {
            border-color: var(--color-dark-strokes-btn-primary-hover)
        }

        .dark\:border-dark-strokes-btn-secondary {
            border-color: var(--color-dark-strokes-btn-secondary)
        }

        .dark\:border-dark-strokes-disabled {
            border-color: var(--color-dark-strokes-disabled)
        }

        .dark\:border-dark-strokes-error {
            border-color: var(--color-dark-strokes-error)
        }

        .dark\:border-dark-strokes-field-disabled {
            border-color: var(--color-dark-strokes-field-disabled)
        }

        .dark\:border-dark-strokes-field-primary {
            border-color: var(--color-dark-strokes-field-primary)
        }

        .dark\:border-dark-strokes-field-secondary {
            border-color: var(--color-dark-strokes-field-secondary)
        }

        .dark\:border-dark-strokes-field-tertiary {
            border-color: var(--color-dark-strokes-field-tertiary)
        }

        .dark\:border-dark-strokes-field-tertiary-hover {
            border-color: var(--color-dark-strokes-field-tertiary-hover)
        }

        .dark\:border-dark-strokes-success {
            border-color: var(--color-dark-strokes-success)
        }

        .dark\:border-dark-strokes-warning {
            border-color: var(--color-dark-strokes-warning)
        }

        .dark\:border-light-strokes-btn-primary {
            border-color: var(--color-light-strokes-btn-primary)
        }

        .dark\:border-light-strokes-field-tertiary {
            border-color: var(--color-light-strokes-field-tertiary)
        }

        .dark\:\!bg-dark-action-btn-primary {
            background-color: var(--color-dark-action-btn-primary) !important
        }

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

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

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

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

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

        .dark\:bg-dark-action-btn-danger {
            background-color: var(--color-dark-action-btn-danger)
        }

        .dark\:bg-dark-action-btn-neutral {
            background-color: var(--color-dark-action-btn-neutral)
        }

        .dark\:bg-dark-action-btn-neutral-hover {
            background-color: var(--color-dark-action-btn-neutral-hover)
        }

        .dark\:bg-dark-action-btn-primary {
            background-color: var(--color-dark-action-btn-primary)
        }

        .dark\:bg-dark-action-btn-secondary {
            background-color: var(--color-dark-action-btn-secondary)
        }

        .dark\:bg-dark-action-icon-dark-invert {
            background-color: var(--color-dark-action-icon-dark-invert)
        }

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

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

        .dark\:bg-dark-background-elevated-hover {
            background-color: var(--color-dark-background-elevated-hover)
        }

        .dark\:bg-dark-background-elevated-invert {
            background-color: var(--color-dark-background-elevated-invert)
        }

        .dark\:bg-dark-background-error-light {
            background-color: var(--color-dark-background-error-light)
        }

        .dark\:bg-dark-background-field-primary {
            background-color: var(--color-dark-background-field-primary)
        }

        .dark\:bg-dark-background-field-primary-disabled {
            background-color: var(--color-dark-background-field-primary-disabled)
        }

        .dark\:bg-dark-background-field-secondary {
            background-color: var(--color-dark-background-field-secondary)
        }

        .dark\:bg-dark-background-nav-hover {
            background-color: var(--color-dark-background-nav-hover)
        }

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

        .dark\:bg-dark-background-neutral-light {
            background-color: var(--color-dark-background-neutral-light)
        }

        .dark\:bg-dark-background-overlay-modal {
            background-color: var(--color-dark-background-overlay-modal)
        }

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

        .dark\:bg-dark-background-page-light {
            background-color: var(--color-dark-background-page-light)
        }

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

        .dark\:bg-dark-background-primary-light {
            background-color: var(--color-dark-background-primary-light)
        }

        .dark\:bg-dark-background-secondary-light {
            background-color: var(--color-dark-background-secondary-light)
        }

        .dark\:bg-dark-background-success-light {
            background-color: var(--color-dark-background-success-light)
        }

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

        .dark\:bg-dark-background-table-header {
            background-color: var(--color-dark-background-table-header)
        }

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

        .dark\:bg-dark-background-warning-light {
            background-color: var(--color-dark-background-warning-light)
        }

        .dark\:bg-dark-display-error {
            background-color: var(--color-dark-display-error)
        }

        .dark\:bg-dark-display-neutral {
            background-color: var(--color-dark-display-neutral)
        }

        .dark\:bg-dark-display-primary {
            background-color: var(--color-dark-display-primary)
        }

        .dark\:bg-dark-display-success {
            background-color: var(--color-dark-display-success)
        }

        .dark\:bg-dark-display-warning {
            background-color: var(--color-dark-display-warning)
        }

        .dark\:bg-dark-strokes-field-tertiary {
            background-color: var(--color-dark-strokes-field-tertiary)
        }

        .dark\:\!fill-dark-action-btn-primary {
            fill: var(--color-dark-action-btn-primary) !important
        }

        .dark\:fill-dark-action-btn-neutral {
            fill: var(--color-dark-action-btn-neutral)
        }

        .dark\:fill-dark-action-btn-primary {
            fill: var(--color-dark-action-btn-primary)
        }

        .dark\:fill-dark-action-icon-dark-disabled {
            fill: var(--color-dark-action-icon-dark-disabled)
        }

        .dark\:fill-dark-action-icon-dark-invert {
            fill: var(--color-dark-action-icon-dark-invert)
        }

        .dark\:fill-dark-action-icon-dark-remain {
            fill: var(--color-dark-action-icon-dark-remain)
        }

        .dark\:fill-dark-action-icon-light-disabled {
            fill: var(--color-dark-action-icon-light-disabled)
        }

        .dark\:fill-dark-action-icon-light-invert {
            fill: var(--color-dark-action-icon-light-invert)
        }

        .dark\:fill-dark-action-icon-light-remain {
            fill: var(--color-dark-action-icon-light-remain)
        }

        .dark\:fill-dark-display-error {
            fill: var(--color-dark-display-error)
        }

        .dark\:fill-dark-display-primary {
            fill: var(--color-dark-display-primary)
        }

        .dark\:fill-dark-display-secondary {
            fill: var(--color-dark-display-secondary)
        }

        .dark\:fill-dark-display-success {
            fill: var(--color-dark-display-success)
        }

        .dark\:fill-dark-display-warning {
            fill: var(--color-dark-display-warning)
        }

        .dark\:fill-dark-text-action-foreground {
            fill: var(--color-dark-text-action-foreground)
        }

        .dark\:fill-dark-text-action-light {
            fill: var(--color-dark-text-action-light)
        }

        .dark\:fill-dark-text-action-secondary {
            fill: var(--color-dark-text-action-secondary)
        }

        .dark\:fill-dark-text-primary {
            fill: var(--color-dark-text-primary)
        }

        .dark\:fill-dark-text-secondary {
            fill: var(--color-dark-text-secondary)
        }

        .dark\:fill-light-display-error {
            fill: var(--color-light-display-error)
        }

        .dark\:fill-light-display-primary {
            fill: var(--color-light-display-primary)
        }

        .dark\:\!text-dark-text-action-link {
            color: var(--color-dark-text-action-link) !important
        }

        .dark\:text-dark-action-icon-dark-invert {
            color: var(--color-dark-action-icon-dark-invert)
        }

        .dark\:text-dark-text-action-foreground {
            color: var(--color-dark-text-action-foreground)
        }

        .dark\:text-dark-text-action-light {
            color: var(--color-dark-text-action-light)
        }

        .dark\:text-dark-text-action-link {
            color: var(--color-dark-text-action-link)
        }

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

        .dark\:text-dark-text-body-primary-active {
            color: var(--color-dark-text-body-primary-active)
        }

        .dark\:text-dark-text-body-primary-disabled {
            color: var(--color-dark-text-body-primary-disabled)
        }

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

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

        .dark\:text-dark-text-error {
            color: var(--color-dark-text-error)
        }

        .dark\:text-dark-text-heading-primary-active {
            color: var(--color-dark-text-heading-primary-active)
        }

        .dark\:text-dark-text-heading-primary-disabled {
            color: var(--color-dark-text-heading-primary-disabled)
        }

        .dark\:text-dark-text-heading-secondary-active {
            color: var(--color-dark-text-heading-secondary-active)
        }

        .dark\:text-dark-text-heading-secondary-disabled {
            color: var(--color-dark-text-heading-secondary-disabled)
        }

        .dark\:text-dark-text-label-active {
            color: var(--color-dark-text-label-active)
        }

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

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

        .dark\:text-dark-text-primary-invert {
            color: var(--color-dark-text-primary-invert)
        }

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

        .dark\:text-dark-text-secondary-remain {
            color: var(--color-dark-text-secondary-remain)
        }

        .dark\:text-dark-text-success {
            color: var(--color-dark-text-success)
        }

        .dark\:text-dark-text-tertiary {
            color: var(--color-dark-text-tertiary)
        }

        .dark\:text-dark-text-warning {
            color: var(--color-dark-text-warning)
        }

        .dark\:text-light-text-action-link {
            color: var(--color-light-text-action-link)
        }

        .dark\:shadow-dark-strokes-btn-neutral-hover {
            --tw-shadow-color: #a3a9b6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:shadow-dark-strokes-btn-neutral-hover {
                --tw-shadow-color: color-mix(in oklab, var(--color-dark-strokes-btn-neutral-hover)var(--tw-shadow-alpha), transparent)
            }
        }

        .dark\:shadow-dark-strokes-btn-secondary-hover {
            --tw-shadow-color: #858d9d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:shadow-dark-strokes-btn-secondary-hover {
                --tw-shadow-color: color-mix(in oklab, var(--color-dark-strokes-btn-secondary-hover)var(--tw-shadow-alpha), transparent)
            }
        }

        @media (hover:hover) {
            .dark\:group-hover\:border-dark-strokes-field-tertiary-hover:is(:where(.group):hover *) {
                border-color: var(--color-dark-strokes-field-tertiary-hover)
            }
        }
    }

    @media (hover:hover) {
        @media (prefers-color-scheme:dark) {
            .group-hover\:dark\:\!border-dark-strokes-btn-primary:is(:where(.group):hover *) {
                border-color: var(--color-dark-strokes-btn-primary) !important
            }
        }
    }

    @media (prefers-color-scheme:dark) {
        @media (hover:hover) {
            .dark\:group-hover\:bg-dark-background-field-primary-hover:is(:where(.group):hover *) {
                background-color: var(--color-dark-background-field-primary-hover)
            }
        }
    }

    @media (hover:hover) {
        @media (prefers-color-scheme:dark) {
            .group-hover\:dark\:\!bg-dark-action-btn-primary-hover:is(:where(.group):hover *) {
                background-color: var(--color-dark-action-btn-primary-hover) !important
            }

            .group-hover\:dark\:bg-dark-action-btn-primary-hover:is(:where(.group):hover *) {
                background-color: var(--color-dark-action-btn-primary-hover)
            }
        }
    }

    @media (prefers-color-scheme:dark) {
        @media (hover:hover) {
            .dark\:group-hover\:fill-dark-display-secondary:is(:where(.group):hover *) {
                fill: var(--color-dark-display-secondary)
            }

            .dark\:group-hover\:text-dark-text-tertiary:is(:where(.group):hover *) {
                color: var(--color-dark-text-tertiary)
            }
        }
    }

    @media (hover:hover) {
        @media (prefers-color-scheme:dark) {
            .group-hover\:dark\:text-dark-text-secondary:is(:where(.group):hover *) {
                color: var(--color-dark-text-secondary)
            }
        }
    }

    @media (prefers-color-scheme:dark) {
        .group-focus\:dark\:\!border-dark-strokes-btn-primary:is(:where(.group):focus *) {
            border-color: var(--color-dark-strokes-btn-primary) !important
        }

        .dark\:group-focus\:fill-dark-display-secondary:is(:where(.group):focus *) {
            fill: var(--color-dark-display-secondary)
        }

        .group-data-\[checked\]\:dark\:\!bg-dark-action-btn-primary:is(:where(.group)[data-checked] *) {
            background-color: var(--color-dark-action-btn-primary) !important
        }
    }

    @media (hover:hover) {
        @media (prefers-color-scheme:dark) {
            .group-hover\:group-data-\[checked\]\:dark\:\!bg-dark-action-btn-primary-hover:is(:where(.group):hover *):is(:where(.group)[data-checked] *) {
                background-color: var(--color-dark-action-btn-primary-hover) !important
            }
        }
    }

    @media (prefers-color-scheme:dark) {
        .dark\:placeholder\:text-dark-text-tertiary::placeholder {
            color: var(--color-dark-text-tertiary)
        }

        .dark\:placeholder-shown\:border-dark-strokes-field-tertiary:placeholder-shown {
            border-color: var(--color-dark-strokes-field-tertiary)
        }

        @media (hover:hover) {
            .dark\:hover\:border-dark-strokes-btn-neutral-hover:hover {
                border-color: var(--color-dark-strokes-btn-neutral-hover)
            }

            .dark\:hover\:bg-dark-action-btn-danger-hover:hover {
                background-color: var(--color-dark-action-btn-danger-hover)
            }

            .dark\:hover\:bg-dark-action-btn-neutral-hover:hover {
                background-color: var(--color-dark-action-btn-neutral-hover)
            }

            .dark\:hover\:bg-dark-action-btn-primary-hover:hover {
                background-color: var(--color-dark-action-btn-primary-hover)
            }

            .dark\:hover\:bg-dark-action-btn-secondary-hover:hover {
                background-color: var(--color-dark-action-btn-secondary-hover)
            }

            .dark\:hover\:bg-dark-background-card-hover:hover {
                background-color: var(--color-dark-background-card-hover)
            }

            .dark\:hover\:bg-dark-background-elevated-hover:hover {
                background-color: var(--color-dark-background-elevated-hover)
            }

            .dark\:hover\:bg-dark-background-field-primary-hover:hover {
                background-color: var(--color-dark-background-field-primary-hover)
            }

            .dark\:hover\:bg-dark-background-nav-hover:hover {
                background-color: var(--color-dark-background-nav-hover)
            }

            .dark\:hover\:bg-dark-background-neutral-dark-hover:hover {
                background-color: var(--color-dark-background-neutral-dark-hover)
            }

            .dark\:hover\:bg-dark-background-table-hover:hover {
                background-color: var(--color-dark-background-table-hover)
            }
        }
    }

    @media (hover:hover) {
        @media (prefers-color-scheme:dark) {
            .hover\:dark\:bg-dark-action-btn-neutral-hover:hover {
                background-color: var(--color-dark-action-btn-neutral-hover)
            }

            .hover\:dark\:bg-dark-background-field-primary-hover:hover {
                background-color: var(--color-dark-background-field-primary-hover)
            }

            .hover\:dark\:fill-dark-display-primary:hover {
                fill: var(--color-dark-display-primary)
            }

            .hover\:dark\:fill-dark-text-action-link:hover {
                fill: var(--color-dark-text-action-link)
            }

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

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

    @media (prefers-color-scheme:dark) {
        .dark\:focus\:border-dark-strokes-btn-neutral-hover:focus {
            border-color: var(--color-dark-strokes-btn-neutral-hover)
        }

        .dark\:focus\:border-dark-strokes-btn-primary:focus {
            border-color: var(--color-dark-strokes-btn-primary)
        }

        .dark\:focus\:bg-dark-action-btn-danger-hover:focus {
            background-color: var(--color-dark-action-btn-danger-hover)
        }

        .dark\:focus\:bg-dark-action-btn-neutral:focus {
            background-color: var(--color-dark-action-btn-neutral)
        }

        .dark\:focus\:bg-dark-action-btn-neutral-hover:focus {
            background-color: var(--color-dark-action-btn-neutral-hover)
        }

        .dark\:focus\:bg-dark-action-btn-primary-hover:focus {
            background-color: var(--color-dark-action-btn-primary-hover)
        }

        .dark\:focus\:bg-dark-action-btn-secondary-hover:focus {
            background-color: var(--color-dark-action-btn-secondary-hover)
        }

        .dark\:focus\:bg-dark-background-field-primary-hover:focus {
            background-color: var(--color-dark-background-field-primary-hover)
        }

        .dark\:focus\:bg-dark-background-neutral-dark-hover:focus {
            background-color: var(--color-dark-background-neutral-dark-hover)
        }

        @media (hover:hover) {

            .dark\:focus\:group-hover\:bg-dark-background-field-primary:focus:is(:where(.group):hover *),
            .dark\:focus\:hover\:bg-dark-background-field-primary:focus:hover {
                background-color: var(--color-dark-background-field-primary)
            }
        }

        .dark\:disabled\:border-dark-strokes-field-disabled:disabled {
            border-color: var(--color-dark-strokes-field-disabled)
        }

        .dark\:disabled\:bg-dark-background-card-disabled:disabled {
            background-color: var(--color-dark-background-card-disabled)
        }

        .dark\:disabled\:bg-dark-background-field-primary-disabled:disabled {
            background-color: var(--color-dark-background-field-primary-disabled)
        }

        .disabled\:dark\:fill-dark-action-icon-dark-disabled:disabled {
            fill: var(--color-dark-action-icon-dark-disabled)
        }

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

        .dark\:data-disabled\:border-dark-strokes-field-disabled[data-disabled] {
            border-color: var(--color-dark-strokes-field-disabled)
        }

        .dark\:data-disabled\:bg-dark-background-field-primary-disabled[data-disabled] {
            background-color: var(--color-dark-background-field-primary-disabled)
        }

        .dark\:data-disabled\:text-dark-text-disabled[data-disabled],
        .data-disabled\:dark\:text-dark-text-disabled[data-disabled] {
            color: var(--color-dark-text-disabled)
        }

        .data-focus\:dark\:bg-dark-background-field-primary[data-focus] {
            background-color: var(--color-dark-background-field-primary)
        }

        .dark\:data-\[focus\]\:bg-dark-background-field-primary-hover[data-focus] {
            background-color: var(--color-dark-background-field-primary-hover)
        }
    }

    .h1-regular {
        font-size: var(--font-size-h1);
        line-height: var(--line-height-h1);
        font-weight: 400
    }

    .h1-medium {
        font-size: var(--font-size-h1);
        line-height: var(--line-height-h1);
        font-weight: 500
    }

    .h2-regular {
        font-size: var(--font-size-h2);
        line-height: var(--line-height-h2);
        font-weight: 400
    }

    .h2-medium {
        font-size: var(--font-size-h2);
        line-height: var(--line-height-h2);
        font-weight: 500
    }

    .h3-regular {
        font-size: var(--font-size-h3);
        line-height: var(--line-height-h3);
        font-weight: 400
    }

    .h3-medium {
        font-size: var(--font-size-h3);
        line-height: var(--line-height-h3);
        font-weight: 500
    }

    .h4-regular {
        font-size: var(--font-size-h4);
        line-height: var(--line-height-h4);
        font-weight: 400
    }

    .h4-medium {
        font-size: var(--font-size-h4);
        line-height: var(--line-height-h4);
        font-weight: 500
    }

    .h5-regular {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5);
        font-weight: 400
    }

    .h5-medium {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5);
        font-weight: 500
    }

    .h6-regular {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6);
        font-weight: 400
    }

    .h6-medium {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6);
        font-weight: 500
    }

    .h7-regular {
        font-size: var(--font-size-h7);
        line-height: var(--line-height-h7);
        font-weight: 400
    }

    .h7-medium {
        font-size: var(--font-size-h7);
        line-height: var(--line-height-h7);
        font-weight: 500
    }

    .field-label {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }

    .field-input {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px
    }

    .field-underline {
        font-size: 14px;
        font-weight: 400;
        line-height: 14px
    }

    .field-caption {
        font-size: 12px;
        font-weight: 400;
        line-height: 12px
    }

    .action-big {
        font-size: 18px;
        font-weight: 400;
        line-height: 24px
    }

    .action-medium {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px
    }

    .action-small {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px
    }

    .paragraph-big {
        font-size: 18px;
        font-weight: 400;
        line-height: 24px
    }

    .paragraph-medium {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }

    .paragraph-small {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    .paragraph-tiny {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }
}

@font-face {
    font-family: Manrope;
    src: url('../font/Manrope-Regular.ttf')format("truetype");
    font-weight: 400;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Manrope;
    src: url('../font/Manrope-Medium.ttf')format("truetype");
    font-weight: 500;
    font-display: swap;
    font-style: normal
}

.gr-bg {
    background: linear-gradient(88.71deg, #f9f9f9 38.17%, #0000 82.97%)
}

@media (prefers-color-scheme:dark) {
    .gr-bg {
        background: linear-gradient(88.71deg, #1f283a 38.17%, #0000 82.97%)
    }
}

.gr-skeleton {
    background: linear-gradient(90deg, #0000, #f5f5f5)
}

@media (prefers-color-scheme:dark) {
    .gr-skeleton {
        background: linear-gradient(90deg, #0000, #101523)
    }
}

.gr-auth-bg {
    background: linear-gradient(57.98deg, #0000 33.82%, #fffc)
}

.Toastify__toast {
    font-family: var(--font-manrope), serif !important;
    border-radius: var(--radius-sm) !important;
    width: 350px !important;
    box-shadow: var(--shadow-sm) !important;
    padding: 8px 16px !important
}

@media (max-width:480px) {
    .Toastify__toast-container {
        align-items: center !important;
        gap: 8px !important;
        width: auto !important;
        inset: 64px 24px auto !important
    }

    .Toastify__toast {
        width: 100% !important
    }
}

body {
    overflow: hidden
}

:root {
    font-family: var(--font-manrope);
    background-color: var(--color-light-background-page);
    color: var(--color-light-text-primary)
}

@media (prefers-color-scheme:dark) {
    :root {
        background-color: var(--color-dark-background-page);
        color: var(--color-dark-text-primary)
    }
}

:focus {
    outline: none
}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar-track {
    background: 0 0
}

::-webkit-scrollbar-thumb {
    background-color: var(--color-light-strokes-btn-neutral);
    border-radius: 8px
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-light-strokes-btn-neutral-hover)
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.dropdown-menu[data-anchor="top center"] {
    border-radius: 24px 24px 0 0
}

.dropdown-menu[data-anchor="bottom center"] {
    border-radius: 0 0 24px 24px
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: hsl(6, 78%, 57%);
    --toastify-color-transparent: rgba(255, 255, 255, .7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-container-width: fit-content;
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-padding: 14px;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: .2
}

.Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
    position: fixed;
    width: var(--toastify-container-width);
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column
}

.Toastify__toast-container--top-left {
    top: var(--toastify-toast-top);
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--top-center {
    top: var(--toastify-toast-top);
    left: 50%;
    transform: translate(-50%);
    align-items: center
}

.Toastify__toast-container--top-right {
    top: var(--toastify-toast-top);
    right: var(--toastify-toast-right);
    align-items: end
}

.Toastify__toast-container--bottom-left {
    bottom: var(--toastify-toast-bottom);
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--bottom-center {
    bottom: var(--toastify-toast-bottom);
    left: 50%;
    transform: translate(-50%);
    align-items: center
}

.Toastify__toast-container--bottom-right {
    bottom: var(--toastify-toast-bottom);
    right: var(--toastify-toast-right);
    align-items: end
}

.Toastify__toast {
    --y: 0;
    position: relative;
    touch-action: none;
    width: var(--toastify-toast-width);
    min-height: var(--toastify-toast-min-height);
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: var(--toastify-toast-padding);
    border-radius: var(--toastify-toast-bd-radius);
    box-shadow: var(--toastify-toast-shadow);
    max-height: var(--toastify-toast-max-height);
    font-family: var(--toastify-font-family);
    z-index: 0;
    display: flex;
    flex: 1 auto;
    align-items: center;
    word-break: break-word
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width: 100vw;
        left: env(safe-area-inset-left);
        margin: 0
    }

    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-right {
        top: env(safe-area-inset-top);
        transform: translate(0)
    }

    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-right {
        bottom: env(safe-area-inset-bottom);
        transform: translate(0)
    }

    .Toastify__toast-container--rtl {
        right: env(safe-area-inset-right);
        left: initial
    }

    .Toastify__toast {
        --toastify-toast-width: 100%;
        margin-bottom: 0;
        border-radius: 0
    }
}

.Toastify__toast-container[data-stacked=true] {
    width: var(--toastify-toast-width)
}

.Toastify__toast--stacked {
    position: absolute;
    width: 100%;
    transform: translate3d(0, var(--y), 0) scale(var(--s));
    transition: transform .3s
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
    transition: opacity .1s
}

.Toastify__toast--stacked[data-collapsed=false] {
    overflow: visible
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>* {
    opacity: 0
}

.Toastify__toast--stacked:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: calc(var(--g) * 1px);
    bottom: 100%
}

.Toastify__toast--stacked[data-pos=top] {
    top: 0
}

.Toastify__toast--stacked[data-pos=bot] {
    bottom: 0
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
    transform-origin: top
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
    transform-origin: bottom
}

.Toastify__toast--stacked:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    transform: scaleY(3);
    z-index: -1
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-icon {
    margin-inline-end: 10px;
    width: 22px;
    flex-shrink: 0;
    display: flex
}

.Toastify--animate {
    animation-fill-mode: both;
    animation-duration: .5s
}

.Toastify--animate-icon {
    animation-fill-mode: both;
    animation-duration: .3s
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--light,
.Toastify__toast-theme--colored.Toastify__toast--default {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    color: var(--toastify-text-color-info);
    background: var(--toastify-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    color: var(--toastify-text-color-success);
    background: var(--toastify-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    color: var(--toastify-text-color-warning);
    background: var(--toastify-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    color: var(--toastify-text-color-error);
    background: var(--toastify-color-error)
}

.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    color: #fff;
    position: absolute;
    top: 6px;
    right: 6px;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    transition: .3s ease;
    z-index: 1
}

.Toastify__toast--rtl .Toastify__close-button {
    left: 6px;
    right: unset
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .7;
    transform-origin: left
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    transform-origin: right;
    border-bottom-left-radius: initial
}

.Toastify__progress-bar--wrp {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    border-bottom-right-radius: var(--toastify-toast-bd-radius)
}

.Toastify__progress-bar--wrp[data-hidden=true] {
    opacity: 0
}

.Toastify__progress-bar--bg {
    opacity: var(--toastify-color-progress-bgo);
    width: 100%;
    height: 100%
}

.Toastify__spinner {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 2px solid;
    border-radius: 100%;
    border-color: var(--toastify-spinner-color-empty-area);
    border-right-color: var(--toastify-spinner-color);
    animation: Toastify__spin .65s linear infinite
}

@keyframes Toastify__bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: translate3d(0, var(--y), 0) perspective(400px)
    }

    30% {
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(110%, var(--y), 0)
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-110%, var(--y), 0)
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 500px, 0)
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -500px, 0)
    }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
    animation-name: Toastify__slideOutLeft;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
    animation-name: Toastify__slideOutRight;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

:root,
:host {
    --ol-background-color: white;
    --ol-accent-background-color: #F5F5F5;
    --ol-subtle-background-color: rgba(128, 128, 128, .25);
    --ol-partial-background-color: rgba(255, 255, 255, .75);
    --ol-foreground-color: #333333;
    --ol-subtle-foreground-color: #666666;
    --ol-brand-color: #00AAFF
}

.ol-box {
    box-sizing: border-box;
    border-radius: 2px;
    border: 1.5px solid var(--ol-background-color);
    background-color: var(--ol-partial-background-color)
}

.ol-mouse-position {
    top: 8px;
    right: 8px;
    position: absolute
}

.ol-scale-line {
    background: var(--ol-partial-background-color);
    border-radius: 4px;
    bottom: 8px;
    left: 8px;
    padding: 2px;
    position: absolute
}

.ol-scale-line-inner {
    border: 1px solid var(--ol-subtle-foreground-color);
    border-top: none;
    color: var(--ol-foreground-color);
    font-size: 10px;
    text-align: center;
    margin: 1px;
    will-change: contents, width;
    transition: all .25s
}

.ol-scale-bar {
    position: absolute;
    bottom: 8px;
    left: 8px
}

.ol-scale-bar-inner {
    display: flex
}

.ol-scale-step-marker {
    width: 1px;
    height: 15px;
    background-color: var(--ol-foreground-color);
    float: right;
    z-index: 10
}

.ol-scale-step-text {
    position: absolute;
    bottom: -5px;
    font-size: 10px;
    z-index: 11;
    color: var(--ol-foreground-color);
    text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color)
}

.ol-scale-text {
    position: absolute;
    font-size: 12px;
    text-align: center;
    bottom: 25px;
    color: var(--ol-foreground-color);
    text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color)
}

.ol-scale-singlebar {
    position: relative;
    height: 10px;
    z-index: 9;
    box-sizing: border-box;
    border: 1px solid var(--ol-foreground-color)
}

.ol-scale-singlebar-even {
    background-color: var(--ol-subtle-foreground-color)
}

.ol-scale-singlebar-odd {
    background-color: var(--ol-background-color)
}

.ol-unsupported {
    display: none
}

.ol-viewport,
.ol-unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.ol-viewport canvas {
    all: unset;
    overflow: hidden
}

.ol-viewport {
    touch-action: pan-x pan-y
}

.ol-selectable {
    -webkit-touch-callout: default;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.ol-grabbing {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.ol-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.ol-control {
    position: absolute;
    background-color: var(--ol-subtle-background-color);
    border-radius: 4px
}

.ol-zoom {
    top: .5em;
    left: .5em
}

.ol-rotate {
    top: .5em;
    right: .5em;
    transition: opacity .25s linear, visibility 0s linear
}

.ol-rotate.ol-hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s linear, visibility 0s linear .25s
}

.ol-zoom-extent {
    top: 4.643em;
    left: .5em
}

.ol-full-screen {
    right: .5em;
    top: .5em
}

.ol-control button {
    display: block;
    margin: 1px;
    padding: 0;
    color: var(--ol-subtle-foreground-color);
    font-weight: 700;
    text-decoration: none;
    font-size: inherit;
    text-align: center;
    height: 1.375em;
    width: 1.375em;
    line-height: .4em;
    background-color: var(--ol-background-color);
    border: none;
    border-radius: 2px
}

.ol-control button::-moz-focus-inner {
    border: none;
    padding: 0
}

.ol-zoom-extent button {
    line-height: 1.4em
}

.ol-compass {
    display: block;
    font-weight: 400;
    will-change: transform
}

.ol-touch .ol-control button {
    font-size: 1.5em
}

.ol-touch .ol-zoom-extent {
    top: 5.5em
}

.ol-control button:hover,
.ol-control button:focus {
    text-decoration: none;
    outline: 1px solid var(--ol-subtle-foreground-color);
    color: var(--ol-foreground-color)
}

.ol-zoom .ol-zoom-in {
    border-radius: 2px 2px 0 0
}

.ol-zoom .ol-zoom-out {
    border-radius: 0 0 2px 2px
}

.ol-attribution {
    text-align: right;
    bottom: .5em;
    right: .5em;
    max-width: calc(100% - 1.3em);
    display: flex;
    flex-flow: row-reverse;
    align-items: center
}

.ol-attribution a {
    color: var(--ol-subtle-foreground-color);
    text-decoration: none
}

.ol-attribution ul {
    margin: 0;
    padding: 1px .5em;
    color: var(--ol-foreground-color);
    text-shadow: 0 0 2px var(--ol-background-color);
    font-size: 12px
}

.ol-attribution li {
    display: inline;
    list-style: none
}

.ol-attribution li:not(:last-child):after {
    content: " "
}

.ol-attribution img {
    max-height: 2em;
    max-width: inherit;
    vertical-align: middle
}

.ol-attribution button {
    flex-shrink: 0
}

.ol-attribution.ol-collapsed ul {
    display: none
}

.ol-attribution:not(.ol-collapsed) {
    background: var(--ol-partial-background-color)
}

.ol-attribution.ol-uncollapsible {
    bottom: 0;
    right: 0;
    border-radius: 4px 0 0
}

.ol-attribution.ol-uncollapsible img {
    margin-top: -.2em;
    max-height: 1.6em
}

.ol-attribution.ol-uncollapsible button {
    display: none
}

.ol-zoomslider {
    top: 4.5em;
    left: .5em;
    height: 200px
}

.ol-zoomslider button {
    position: relative;
    height: 10px
}

.ol-touch .ol-zoomslider {
    top: 5.5em
}

.ol-overviewmap {
    left: .5em;
    bottom: .5em
}

.ol-overviewmap.ol-uncollapsible {
    bottom: 0;
    left: 0;
    border-radius: 0 4px 0 0
}

.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
    display: block
}

.ol-overviewmap .ol-overviewmap-map {
    border: 1px solid var(--ol-subtle-foreground-color);
    height: 150px;
    width: 150px
}

.ol-overviewmap:not(.ol-collapsed) button {
    bottom: 0;
    left: 0;
    position: absolute
}

.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
    display: none
}

.ol-overviewmap:not(.ol-collapsed) {
    background: var(--ol-subtle-background-color)
}

.ol-overviewmap-box {
    border: 1.5px dotted var(--ol-subtle-foreground-color)
}

.ol-overviewmap .ol-overviewmap-box:hover {
    cursor: move
}

.ol-overviewmap .ol-viewport:hover {
    cursor: pointer
}

.ol-unselectable {
    background: transparent !important
}

.rdp-root {
    --rdp-accent-color: blue;
    --rdp-accent-background-color: #f0f0ff;
    --rdp-day-height: 44px;
    --rdp-day-width: 44px;
    --rdp-day_button-border-radius: 100%;
    --rdp-day_button-border: 2px solid transparent;
    --rdp-day_button-height: 42px;
    --rdp-day_button-width: 42px;
    --rdp-selected-border: 2px solid var(--rdp-accent-color);
    --rdp-disabled-opacity: .5;
    --rdp-outside-opacity: .75;
    --rdp-today-color: var(--rdp-accent-color);
    --rdp-dropdown-gap: .5rem;
    --rdp-months-gap: 2rem;
    --rdp-nav_button-disabled-opacity: .5;
    --rdp-nav_button-height: 2.25rem;
    --rdp-nav_button-width: 2.25rem;
    --rdp-nav-height: 2.75rem;
    --rdp-range_middle-background-color: var(--rdp-accent-background-color);
    --rdp-range_middle-color: inherit;
    --rdp-range_start-color: white;
    --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);
    --rdp-range_start-date-background-color: var(--rdp-accent-color);
    --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);
    --rdp-range_end-color: white;
    --rdp-range_end-date-background-color: var(--rdp-accent-color);
    --rdp-week_number-border-radius: 100%;
    --rdp-week_number-border: 2px solid transparent;
    --rdp-week_number-height: var(--rdp-day-height);
    --rdp-week_number-opacity: .75;
    --rdp-week_number-width: var(--rdp-day-width);
    --rdp-weeknumber-text-align: center;
    --rdp-weekday-opacity: .75;
    --rdp-weekday-padding: .5rem 0rem;
    --rdp-weekday-text-align: center;
    --rdp-gradient-direction: 90deg;
    --rdp-animation_duration: .3s;
    --rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)
}

.rdp-root[dir=rtl] {
    --rdp-gradient-direction: -90deg
}

.rdp-root[data-broadcast-calendar=true] {
    --rdp-outside-opacity: unset
}

.rdp-root {
    position: relative;
    box-sizing: border-box
}

.rdp-root * {
    box-sizing: border-box
}

.rdp-day {
    width: var(--rdp-day-width);
    height: var(--rdp-day-height);
    text-align: center
}

.rdp-day_button {
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font: inherit;
    color: inherit;
    justify-content: center;
    align-items: center;
    display: flex;
    width: var(--rdp-day_button-width);
    height: var(--rdp-day_button-height);
    border: var(--rdp-day_button-border);
    border-radius: var(--rdp-day_button-border-radius)
}

.rdp-day_button:disabled {
    cursor: revert
}

.rdp-caption_label {
    z-index: 1;
    position: relative;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    border: 0
}

.rdp-dropdown:focus-visible~.rdp-caption_label {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color
}

.rdp-button_next,
.rdp-button_previous {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font: inherit;
    color: inherit;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    appearance: none;
    width: var(--rdp-nav_button-width);
    height: var(--rdp-nav_button-height)
}

.rdp-button_next:disabled,
.rdp-button_next[aria-disabled=true],
.rdp-button_previous:disabled,
.rdp-button_previous[aria-disabled=true] {
    cursor: revert;
    opacity: var(--rdp-nav_button-disabled-opacity)
}

.rdp-chevron {
    display: inline-block;
    fill: var(--rdp-accent-color)
}

.rdp-root[dir=rtl] .rdp-nav .rdp-chevron {
    transform: rotate(180deg);
    transform-origin: 50%
}

.rdp-dropdowns {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: var(--rdp-dropdown-gap)
}

.rdp-dropdown {
    z-index: 2;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: inherit;
    border: none;
    line-height: inherit
}

.rdp-dropdown_root {
    position: relative;
    display: inline-flex;
    align-items: center
}

.rdp-dropdown_root[data-disabled=true] .rdp-chevron {
    opacity: var(--rdp-disabled-opacity)
}

.rdp-month_caption {
    display: flex;
    align-content: center;
    height: var(--rdp-nav-height);
    font-weight: 700;
    font-size: large
}

.rdp-root[data-nav-layout=around] .rdp-month,
.rdp-root[data-nav-layout=after] .rdp-month {
    position: relative
}

.rdp-root[data-nav-layout=around] .rdp-month_caption {
    justify-content: center;
    margin-inline-start: var(--rdp-nav_button-width);
    margin-inline-end: var(--rdp-nav_button-width);
    position: relative
}

.rdp-root[data-nav-layout=around] .rdp-button_previous {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    height: var(--rdp-nav-height);
    display: inline-flex
}

.rdp-root[data-nav-layout=around] .rdp-button_next {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    height: var(--rdp-nav-height);
    display: inline-flex;
    justify-content: center
}

.rdp-months {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: var(--rdp-months-gap);
    max-width: fit-content
}

.rdp-month_grid {
    border-collapse: collapse
}

.rdp-nav {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    display: flex;
    align-items: center;
    height: var(--rdp-nav-height)
}

.rdp-weekday {
    opacity: var(--rdp-weekday-opacity);
    padding: var(--rdp-weekday-padding);
    font-weight: 500;
    font-size: smaller;
    text-align: var(--rdp-weekday-text-align);
    text-transform: var(--rdp-weekday-text-transform)
}

.rdp-week_number {
    opacity: var(--rdp-week_number-opacity);
    font-weight: 400;
    font-size: small;
    height: var(--rdp-week_number-height);
    width: var(--rdp-week_number-width);
    border: var(--rdp-week_number-border);
    border-radius: var(--rdp-week_number-border-radius);
    text-align: var(--rdp-weeknumber-text-align)
}

.rdp-today:not(.rdp-outside) {
    color: var(--rdp-today-color)
}

.rdp-selected {
    font-weight: 700;
    font-size: large
}

.rdp-selected .rdp-day_button {
    border: var(--rdp-selected-border)
}

.rdp-outside {
    opacity: var(--rdp-outside-opacity)
}

.rdp-disabled {
    opacity: var(--rdp-disabled-opacity)
}

.rdp-hidden {
    visibility: hidden;
    color: var(--rdp-range_start-color)
}

.rdp-range_start {
    background: var(--rdp-range_start-background)
}

.rdp-range_start .rdp-day_button {
    background-color: var(--rdp-range_start-date-background-color);
    color: var(--rdp-range_start-color)
}

.rdp-range_middle {
    background-color: var(--rdp-range_middle-background-color)
}

.rdp-range_middle .rdp-day_button {
    border: unset;
    border-radius: unset;
    color: var(--rdp-range_middle-color)
}

.rdp-range_end {
    background: var(--rdp-range_end-background);
    color: var(--rdp-range_end-color)
}

.rdp-range_end .rdp-day_button {
    color: var(--rdp-range_start-color);
    background-color: var(--rdp-range_end-date-background-color)
}

.rdp-range_start.rdp-range_end {
    background: revert
}

.rdp-focusable {
    cursor: pointer
}

@keyframes rdp-slide_in_left {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rdp-slide_in_right {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rdp-slide_out_left {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes rdp-slide_out_right {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

.rdp-weeks_before_enter {
    animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards
}

.rdp-weeks_before_exit {
    animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards
}

.rdp-weeks_after_enter {
    animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards
}

.rdp-weeks_after_exit {
    animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards
}

.rdp-root[dir=rtl] .rdp-weeks_after_enter {
    animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards
}

.rdp-root[dir=rtl] .rdp-weeks_before_exit {
    animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards
}

.rdp-root[dir=rtl] .rdp-weeks_before_enter {
    animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards
}

.rdp-root[dir=rtl] .rdp-weeks_after_exit {
    animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards
}

@keyframes rdp-fade_in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes rdp-fade_out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.rdp-caption_after_enter {
    animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards
}

.rdp-caption_after_exit {
    animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards
}

.rdp-caption_before_enter {
    animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards
}

.rdp-caption_before_exit {
    animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards
}