:root {
    --tui-heading-font: "Manrope", -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;
    --tui-text-font: "Manrope", -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;
    --tui-font-heading: var(--tui-heading-font);
    --tui-font-heading-1: bold 3.125rem/3.5rem var(--tui-font-heading);
    --tui-font-heading-2: bold 2.75rem/3rem var(--tui-font-heading);
    --tui-font-heading-3: bold 2.25rem/2.5rem var(--tui-font-heading);
    --tui-font-heading-4: bold 1.75rem/2rem var(--tui-font-heading);
    --tui-font-heading-5: bold 1.5rem/1.75rem var(--tui-font-heading);
    --tui-font-heading-6: bold 1.25rem/1.5rem var(--tui-font-heading);
    --tui-font-text: var(--tui-text-font);
    --tui-font-text-xl: normal 1.1875rem/1.75rem var(--tui-font-text);
    --tui-font-text-l: normal 1.0625rem/1.75rem var(--tui-font-text);
    --tui-font-text-l-2: normal 1.0625rem/1.5rem var(--tui-font-text);
    --tui-font-text-m: normal 1rem/1.5rem var(--tui-font-text);
    --tui-font-text-m-2: normal 1rem/1.25rem var(--tui-font-text);
    --tui-font-text-s: normal .8125rem/1.25rem var(--tui-font-text);
    --tui-font-text-s-2: normal .8125rem/1rem var(--tui-font-text);
    --tui-font-text-xs: normal .6875rem/1rem var(--tui-font-text);
    --tui-font-text-xs-2: normal .6875rem/.8125rem var(--tui-font-text);
    --tui-radius-xs: .25rem;
    --tui-radius-s: .5rem;
    --tui-radius-m: .75rem;
    --tui-radius-l: .75rem;
    --tui-radius-xl: 1.5rem;
    --tui-height-xs: 1.5rem;
    --tui-height-s: 2rem;
    --tui-height-m: 2.75rem;
    --tui-height-l: 3.5rem;
    --tui-padding-s: .75rem;
    --tui-padding-m: .75rem;
    --tui-padding-l: 1rem;
    --tui-duration: .3s;
    --tui-backdrop: none;
    --tui-disabled-opacity: .56;
    --tui-autofill: #fff5c0;
    --tui-base-01: #fff;
    --tui-base-02: #f6f6f6;
    --tui-base-03: #ededed;
    --tui-base-04: #d7d7d7;
    --tui-base-05: #b0b0b0;
    --tui-base-06: #959595;
    --tui-base-07: #808080;
    --tui-base-08: #333;
    --tui-base-09: #000;
    --tui-primary: #526ed3;
    --tui-primary-hover: #6c86e2;
    --tui-primary-active: #314692;
    --tui-primary-text: #fff;
    --tui-secondary: #ebefff;
    --tui-secondary-hover: #dfe3f3;
    --tui-secondary-active: #d8ddf2;
    --tui-accent: #ff7043;
    --tui-accent-hover: #ff9a94;
    --tui-accent-active: #e7716a;
    --tui-accent-text: #fff;
    --tui-selection: rgba(112, 182, 246, .12);
    --tui-focus: rgba(51, 51, 51, .64);
    --tui-clear: rgba(0, 0, 0, .04);
    --tui-clear-disabled: rgba(0, 0, 0, .04);
    --tui-clear-hover: rgba(0, 0, 0, .16);
    --tui-clear-active: rgba(0, 0, 0, .2);
    --tui-clear-inverse: rgba(255, 255, 255, .16);
    --tui-clear-inverse-hover: rgba(255, 255, 255, .24);
    --tui-clear-inverse-active: rgba(255, 255, 255, .4);
    --tui-elevation-01: #fff;
    --tui-elevation-02: #fff;
    --tui-error-fill: #f45725;
    --tui-error-bg: rgba(244, 87, 37, .12);
    --tui-error-bg-hover: rgba(244, 87, 37, .24);
    --tui-success-fill: #4ac99b;
    --tui-success-bg: rgba(74, 201, 155, .12);
    --tui-success-bg-hover: rgba(74, 201, 155, .24);
    --tui-warning-fill: #ffc700;
    --tui-warning-bg: rgba(255, 199, 0, .12);
    --tui-warning-bg-hover: rgba(255, 199, 0, .24);
    --tui-info-fill: #70b6f6;
    --tui-info-bg: rgba(112, 182, 246, .12);
    --tui-info-bg-hover: rgba(112, 182, 246, .24);
    --tui-neutral-fill: #79818c;
    --tui-neutral-bg: rgba(121, 129, 140, .12);
    --tui-neutral-bg-hover: rgba(121, 129, 140, .24);
    --tui-text-01: #1b1f3b;
    --tui-text-02: rgba(27, 31, 59, .65);
    --tui-text-03: rgba(27, 31, 59, .4);
    --tui-link: #526ed3;
    --tui-link-hover: #6c86e2;
    --tui-positive: #3aa981;
    --tui-positive-hover: #7ac5aa;
    --tui-negative: #dd4c1e;
    --tui-negative-hover: #e38163;
    --tui-error-fill-night: #ff8c67;
    --tui-error-bg-night: rgba(244, 87, 37, .32);
    --tui-error-bg-night-hover: rgba(244, 87, 37, .4);
    --tui-success-fill-night: #4ac99b;
    --tui-success-bg-night: rgba(74, 201, 155, .32);
    --tui-success-bg-night-hover: rgba(74, 201, 155, .4);
    --tui-warning-fill-night: #ffc700;
    --tui-warning-bg-night: rgba(255, 199, 0, .32);
    --tui-warning-bg-night-hover: rgba(255, 199, 0, .4);
    --tui-info-fill-night: #70b6f6;
    --tui-info-bg-night: rgba(112, 182, 246, .32);
    --tui-info-bg-night-hover: rgba(112, 182, 246, .4);
    --tui-neutral-fill-night: #959ba4;
    --tui-neutral-bg-night: rgba(149, 155, 164, .32);
    --tui-neutral-bg-night-hover: rgba(149, 155, 164, .48);
    --tui-autofill-night: #554a2a;
    --tui-text-01-night: #ffffff;
    --tui-text-02-night: rgba(255, 255, 255, .72);
    --tui-text-03-night: rgba(255, 255, 255, .6);
    --tui-link-night: #6788ff;
    --tui-link-night-hover: #526ed3;
    --tui-positive-night: #44c596;
    --tui-positive-night-hover: #3aa981;
    --tui-negative-night: #ff8c67;
    --tui-negative-night-hover: #bb593a;
    --tui-support-01: #a8cef1;
    --tui-support-02: #3682db;
    --tui-support-03: #8dda71;
    --tui-support-04: #34b41f;
    --tui-support-05: #e29398;
    --tui-support-06: #b8474e;
    --tui-support-07: #fcc068;
    --tui-support-08: #ff8a00;
    --tui-support-09: #dab3f9;
    --tui-support-10: #7b439e;
    --tui-support-11: #fee797;
    --tui-support-12: #fcbb14;
    --tui-support-13: #ea97c4;
    --tui-support-14: #bd65a4;
    --tui-support-15: #7fd7cc;
    --tui-support-16: #2fad96;
    --tui-support-17: #d4aca2;
    --tui-support-18: #9d6f64;
    --tui-support-19: #d2e9a2;
    --tui-support-20: #aadc42;
    --tui-support-21: #a0c5df;
    --tui-chart-0: var(--tui-primary);
    --tui-chart-1: var(--tui-support-13);
    --tui-chart-2: var(--tui-support-21);
    --tui-chart-3: var(--tui-support-11);
    --tui-chart-4: var(--tui-base-05);
    --tui-shadow: 0 .25rem 1.5rem rgba(0, 0, 0, .12);
    --tui-shadow-hover: 0 .75rem 2.25rem rgba(0, 0, 0, .2);
    --tui-shadow-dropdown: 0 1.5rem 1rem rgba(0, 0, 0, .03), 0 .75rem .75rem rgba(0, 0, 0, .04), 0 .25rem .375rem rgba(0, 0, 0, .05);
    --tui-shadow-modal: 0 1.125rem 1.875rem rgba(0, 0, 0, .48);
    --tui-shadow-sidebar: .25rem 0 1.5rem rgba(0, 0, 0, .12);
    --tui-shadow-navigation: 0 .125rem 1rem rgba(0, 0, 0, .08);
    --tui-shadow-sheet: 0 -1rem 1.75rem rgba(0, 0, 0, .24)
}

[tuiTheme=night] {
    --tui-base-01: #222;
    --tui-base-02: #333;
    --tui-base-03: #808080;
    --tui-base-04: #959595;
    --tui-base-05: #b0b0b0;
    --tui-base-06: #d7d7d7;
    --tui-base-07: #ededed;
    --tui-base-08: #f6f6f6;
    --tui-base-09: #fff;
    --tui-focus: rgba(255, 255, 255, .64);
    --tui-secondary: rgba(255, 255, 255, .16);
    --tui-secondary-hover: rgba(255, 255, 255, .24);
    --tui-secondary-active: rgba(255, 255, 255, .4);
    --tui-clear: rgba(255, 255, 255, .16);
    --tui-clear-disabled: rgba(255, 255, 255, .08);
    --tui-clear-hover: rgba(255, 255, 255, .24);
    --tui-clear-active: rgba(255, 255, 255, .4);
    --tui-error-fill: #ff8c67;
    --tui-error-bg: rgba(244, 87, 37, .32);
    --tui-error-bg-hover: rgba(244, 87, 37, .4);
    --tui-success-fill: #4ac99b;
    --tui-success-bg: rgba(74, 201, 155, .32);
    --tui-success-bg-hover: rgba(74, 201, 155, .4);
    --tui-warning-fill: #ffc700;
    --tui-warning-bg: rgba(255, 199, 0, .32);
    --tui-warning-bg-hover: rgba(255, 199, 0, .4);
    --tui-info-fill: #70b6f6;
    --tui-info-bg: rgba(112, 182, 246, .32);
    --tui-info-bg-hover: rgba(112, 182, 246, .4);
    --tui-neutral-fill: #959ba4;
    --tui-neutral-bg: rgba(149, 155, 164, .32);
    --tui-neutral-bg-hover: rgba(149, 155, 164, .48);
    --tui-text-01: #ffffff;
    --tui-text-02: rgba(255, 255, 255, .72);
    --tui-text-03: rgba(255, 255, 255, .6);
    --tui-link: #6788ff;
    --tui-link-hover: #526ed3;
    --tui-positive: #44c596;
    --tui-positive-hover: #3aa981;
    --tui-negative: #ff8c67;
    --tui-negative-hover: #bb593a;
    --tui-autofill: var(--tui-autofill-night);
    --tui-elevation-01: #222;
    --tui-elevation-02: #222;
    --tui-shadow: 0 .25rem 1.5rem rgba(0, 0, 0, .12);
    --tui-shadow-hover: 0 .75rem 2.25rem rgba(0, 0, 0, .2);
    --tui-shadow-dropdown: 0 1.5rem 1rem rgba(0, 0, 0, .03), 0 .75rem .75rem rgba(0, 0, 0, .04), 0 .25rem .375rem rgba(0, 0, 0, .05);
    --tui-shadow-modal: 0 1.125rem 1.875rem rgba(0, 0, 0, .48);
    --tui-shadow-sidebar: .25rem 0 1.5rem rgba(0, 0, 0, .12);
    --tui-shadow-navigation: 0 .125rem 1rem rgba(0, 0, 0, .08);
    --tui-shadow-sheet: 0 -1rem 1.75rem rgba(0, 0, 0, .24)
}

[tuiAppearance] {
    transition-property: color, background, opacity, box-shadow;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    position: relative;
    appearance: none;
    outline: .125rem solid transparent;
    outline-offset: -.125rem
}

[tuiAppearance]:focus-visible:not([data-focus=false]),
[tuiAppearance][data-focus=true] {
    outline-color: var(--tui-focus)
}

[tuiAppearance]:disabled:not([data-state]),
[tuiAppearance][data-state=disabled] {
    pointer-events: none;
    opacity: var(--tui-disabled-opacity)
}

[tuiAppearance][data-appearance=accent] {
    background: var(--tui-accent);
    color: var(--tui-accent-text)
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=accent]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-accent-hover)
    }
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=accent]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-accent-hover)
    }
}

[tuiAppearance][data-appearance=accent][data-state=hover] {
    background: var(--tui-accent-hover)
}

[tuiAppearance][data-appearance=accent]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-accent-active)
}

[tuiAppearance][data-appearance=accent]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-accent-active)
}

[tuiAppearance][data-appearance=accent][data-state=active] {
    background: var(--tui-accent-active)
}

[tuiAppearance][data-appearance=floating] {
    background: #fff;
    color: #000c;
    box-shadow: 0 .25rem 1.25rem #0000001a
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=floating]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        box-shadow: 0 .875rem 2.625rem #00000024
    }
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=floating]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        box-shadow: 0 .875rem 2.625rem #00000024
    }
}

[tuiAppearance][data-appearance=floating][data-state=hover] {
    box-shadow: 0 .875rem 2.625rem #00000024
}

[tuiAppearance][data-appearance=floating]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: #f6f7f8;
    box-shadow: 0 .25rem 1.25rem #0000001a
}

[tuiAppearance][data-appearance=floating]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: #f6f7f8;
    box-shadow: 0 .25rem 1.25rem #0000001a
}

[tuiAppearance][data-appearance=floating][data-state=active] {
    background: #f6f7f8;
    box-shadow: 0 .25rem 1.25rem #0000001a
}

[tuiAppearance][data-appearance=glass] {
    background: #0006;
    color: #fff;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    --tui-focus: rgba(255, 255, 255, .64)
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=glass]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: #0000007a
    }
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=glass]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: #0000007a
    }
}

[tuiAppearance][data-appearance=glass][data-state=hover] {
    background: #0000007a
}

[tuiAppearance][data-appearance=glass]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: #0009
}

[tuiAppearance][data-appearance=glass]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: #0009
}

[tuiAppearance][data-appearance=glass][data-state=active] {
    background: #0009
}

[tuiTheme=night] [tuiAppearance][data-appearance=glass] {
    background: #ffffff4d
}

@media (hover: hover) {
    [tuiTheme=night] [tuiAppearance][data-appearance=glass]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: #fff6
    }
}

@media (hover: hover) {
    [tuiTheme=night] [tuiAppearance][data-appearance=glass]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: #fff6
    }
}

[tuiTheme=night] [tuiAppearance][data-appearance=glass][data-state=hover] {
    background: #fff6
}

[tuiTheme=night] [tuiAppearance][data-appearance=glass]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: #ffffff80
}

[tuiTheme=night] [tuiAppearance][data-appearance=glass]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: #ffffff80
}

[tuiTheme=night] [tuiAppearance][data-appearance=glass][data-state=active] {
    background: #ffffff80
}

[tuiAppearance][data-appearance=icon] {
    color: var(--tui-text-03)
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=icon]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        color: var(--tui-text-02)
    }
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=icon]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        color: var(--tui-text-02)
    }
}

[tuiAppearance][data-appearance=icon][data-state=hover] {
    color: var(--tui-text-02)
}

[tuiAppearance][data-appearance=icon]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    color: var(--tui-text-01)
}

[tuiAppearance][data-appearance=icon]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    color: var(--tui-text-01)
}

[tuiAppearance][data-appearance=icon][data-state=active] {
    color: var(--tui-text-01)
}

[tuiAppearance][data-appearance=whiteblock]:before,
[tuiAppearance][data-appearance=neutral]:before,
[tuiAppearance][data-appearance=floating]:before,
[tuiAppearance][data-appearance=whiteblock]:after,
[tuiAppearance][data-appearance=neutral]:after,
[tuiAppearance][data-appearance=floating]:after {
    transition-property: color;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    color: var(--tui-text-03)
}

@media (hover: hover) {

    [tuiAppearance][data-appearance=whiteblock]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):before,
    [tuiAppearance][data-appearance=neutral]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):before,
    [tuiAppearance][data-appearance=floating]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):before,
    [tuiAppearance][data-appearance=whiteblock]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):after,
    [tuiAppearance][data-appearance=neutral]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):after,
    [tuiAppearance][data-appearance=floating]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):after {
        color: var(--tui-text-02)
    }
}

@media (hover: hover) {

    [tuiAppearance][data-appearance=whiteblock]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):before,
    [tuiAppearance][data-appearance=neutral]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):before,
    [tuiAppearance][data-appearance=floating]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):before,
    [tuiAppearance][data-appearance=whiteblock]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):after,
    [tuiAppearance][data-appearance=neutral]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):after,
    [tuiAppearance][data-appearance=floating]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):after {
        color: var(--tui-text-02)
    }
}

[tuiAppearance][data-appearance=whiteblock][data-state=hover]:before,
[tuiAppearance][data-appearance=neutral][data-state=hover]:before,
[tuiAppearance][data-appearance=floating][data-state=hover]:before,
[tuiAppearance][data-appearance=whiteblock][data-state=hover]:after,
[tuiAppearance][data-appearance=neutral][data-state=hover]:after,
[tuiAppearance][data-appearance=floating][data-state=hover]:after {
    color: var(--tui-text-02)
}

[tuiAppearance][data-appearance=whiteblock]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):before,
[tuiAppearance][data-appearance=neutral]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):before,
[tuiAppearance][data-appearance=floating]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):before,
[tuiAppearance][data-appearance=whiteblock]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):after,
[tuiAppearance][data-appearance=neutral]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):after,
[tuiAppearance][data-appearance=floating]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):after {
    color: var(--tui-text-01)
}

[tuiAppearance][data-appearance=whiteblock]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):before,
[tuiAppearance][data-appearance=neutral]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):before,
[tuiAppearance][data-appearance=floating]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):before,
[tuiAppearance][data-appearance=whiteblock]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):after,
[tuiAppearance][data-appearance=neutral]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):after,
[tuiAppearance][data-appearance=floating]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):after {
    color: var(--tui-text-01)
}

[tuiAppearance][data-appearance=whiteblock][data-state=active]:before,
[tuiAppearance][data-appearance=neutral][data-state=active]:before,
[tuiAppearance][data-appearance=floating][data-state=active]:before,
[tuiAppearance][data-appearance=whiteblock][data-state=active]:after,
[tuiAppearance][data-appearance=neutral][data-state=active]:after,
[tuiAppearance][data-appearance=floating][data-state=active]:after {
    color: var(--tui-text-01)
}

[tuiAppearance][data-appearance=link] {
    color: var(--tui-link)
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=link]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        color: var(--tui-link-hover)
    }
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=link]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        color: var(--tui-link-hover)
    }
}

[tuiAppearance][data-appearance=link][data-state=hover] {
    color: var(--tui-link-hover)
}

[tuiAppearance][data-appearance=link]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    color: var(--tui-link-hover)
}

[tuiAppearance][data-appearance=link]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    color: var(--tui-link-hover)
}

[tuiAppearance][data-appearance=link][data-state=active] {
    color: var(--tui-link-hover)
}

[tuiAppearance][data-appearance=opposite] {
    --tui-focus: rgba(255, 255, 255, .64);
    background: #000;
    color: #fff
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=opposite]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: #333
    }
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=opposite]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: #333
    }
}

[tuiAppearance][data-appearance=opposite][data-state=hover] {
    background: #333
}

[tuiAppearance][data-appearance=opposite]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: #5c636b
}

[tuiAppearance][data-appearance=opposite]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: #5c636b
}

[tuiAppearance][data-appearance=opposite][data-state=active] {
    background: #5c636b
}

[tuiTheme=night] [tuiAppearance][data-appearance=opposite] {
    --tui-focus: rgba(51, 51, 51, .48);
    color: #000c;
    background: #fff
}

@media (hover: hover) {
    [tuiTheme=night] [tuiAppearance][data-appearance=opposite]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: #f3f4f6
    }
}

@media (hover: hover) {
    [tuiTheme=night] [tuiAppearance][data-appearance=opposite]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: #f3f4f6
    }
}

[tuiTheme=night] [tuiAppearance][data-appearance=opposite][data-state=hover] {
    background: #f3f4f6
}

[tuiTheme=night] [tuiAppearance][data-appearance=opposite]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: #eaecee
}

[tuiTheme=night] [tuiAppearance][data-appearance=opposite]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: #eaecee
}

[tuiTheme=night] [tuiAppearance][data-appearance=opposite][data-state=active] {
    background: #eaecee
}

[tuiAppearance][data-appearance=outline],
[tuiAppearance][data-appearance=whiteblock] {
    background: transparent;
    color: var(--tui-link);
    box-shadow: inset 0 0 0 1px var(--tui-base-04)
}

@media (hover: hover) {

    [tuiAppearance][data-appearance=outline]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]),
    [tuiAppearance][data-appearance=whiteblock]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-clear);
        box-shadow: inset 0 0 0 1px var(--tui-base-05);
        cursor: pointer
    }
}

@media (hover: hover) {

    [tuiAppearance][data-appearance=outline]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]),
    [tuiAppearance][data-appearance=whiteblock]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-clear);
        box-shadow: inset 0 0 0 1px var(--tui-base-05);
        cursor: pointer
    }
}

[tuiAppearance][data-appearance=outline][data-state=hover],
[tuiAppearance][data-appearance=whiteblock][data-state=hover] {
    background: var(--tui-clear);
    box-shadow: inset 0 0 0 1px var(--tui-base-05);
    cursor: pointer
}

[tuiAppearance][data-appearance=outline]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance=whiteblock]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-clear);
    box-shadow: inset 0 0 0 1px var(--tui-base-06)
}

[tuiAppearance][data-appearance=outline]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance=whiteblock]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-clear);
    box-shadow: inset 0 0 0 1px var(--tui-base-06)
}

[tuiAppearance][data-appearance=outline][data-state=active],
[tuiAppearance][data-appearance=whiteblock][data-state=active] {
    background: var(--tui-clear);
    box-shadow: inset 0 0 0 1px var(--tui-base-06)
}

[tuiAppearance][data-appearance=outline]:checked,
[tuiAppearance][data-appearance=whiteblock]:checked,
[tuiAppearance][data-appearance=outline]._checked,
[tuiAppearance][data-appearance=whiteblock]._checked {
    box-shadow: inset 0 0 0 2px var(--tui-primary)
}

@media (hover: hover) {

    [tuiAppearance][data-appearance=outline]:checked:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]),
    [tuiAppearance][data-appearance=whiteblock]:checked:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]),
    [tuiAppearance][data-appearance=outline]._checked:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]),
    [tuiAppearance][data-appearance=whiteblock]._checked:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        box-shadow: inset 0 0 0 2px var(--tui-primary-hover)
    }
}

@media (hover: hover) {

    [tuiAppearance][data-appearance=outline]:checked:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]),
    [tuiAppearance][data-appearance=whiteblock]:checked:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]),
    [tuiAppearance][data-appearance=outline]._checked:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]),
    [tuiAppearance][data-appearance=whiteblock]._checked:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        box-shadow: inset 0 0 0 2px var(--tui-primary-hover)
    }
}

[tuiAppearance][data-appearance=outline]:checked[data-state=hover],
[tuiAppearance][data-appearance=whiteblock]:checked[data-state=hover],
[tuiAppearance][data-appearance=outline]._checked[data-state=hover],
[tuiAppearance][data-appearance=whiteblock]._checked[data-state=hover] {
    box-shadow: inset 0 0 0 2px var(--tui-primary-hover)
}

[tuiAppearance][data-appearance=outline]:checked:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance=whiteblock]:checked:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance=outline]._checked:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance=whiteblock]._checked:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    box-shadow: inset 0 0 0 2px var(--tui-primary-active)
}

[tuiAppearance][data-appearance=outline]:checked:-moz-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance=whiteblock]:checked:-moz-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance=outline]._checked:-moz-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance=whiteblock]._checked:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    box-shadow: inset 0 0 0 2px var(--tui-primary-active)
}

[tuiAppearance][data-appearance=outline]:checked[data-state=active],
[tuiAppearance][data-appearance=whiteblock]:checked[data-state=active],
[tuiAppearance][data-appearance=outline]._checked[data-state=active],
[tuiAppearance][data-appearance=whiteblock]._checked[data-state=active] {
    box-shadow: inset 0 0 0 2px var(--tui-primary-active)
}

[tuiAppearance][data-appearance=whiteblock] {
    color: var(--tui-text-01)
}

[tuiAppearance][data-appearance=primary] {
    background: var(--tui-primary);
    color: var(--tui-primary-text)
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=primary]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-primary-hover)
    }
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=primary]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-primary-hover)
    }
}

[tuiAppearance][data-appearance=primary][data-state=hover] {
    background: var(--tui-primary-hover)
}

[tuiAppearance][data-appearance=primary]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-primary-active)
}

[tuiAppearance][data-appearance=primary]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-primary-active)
}

[tuiAppearance][data-appearance=primary][data-state=active] {
    background: var(--tui-primary-active)
}

[tuiAppearance][data-appearance=secondary],
[tuiAppearance][data-appearance=flat],
[tuiAppearance][data-appearance=destructive] {
    background: var(--tui-secondary);
    color: var(--tui-link)
}

@media (hover: hover) {

    [tuiAppearance][data-appearance=secondary]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]),
    [tuiAppearance][data-appearance=flat]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]),
    [tuiAppearance][data-appearance=destructive]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-secondary-hover)
    }
}

@media (hover: hover) {

    [tuiAppearance][data-appearance=secondary]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]),
    [tuiAppearance][data-appearance=flat]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]),
    [tuiAppearance][data-appearance=destructive]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-secondary-hover)
    }
}

[tuiAppearance][data-appearance=secondary][data-state=hover],
[tuiAppearance][data-appearance=flat][data-state=hover],
[tuiAppearance][data-appearance=destructive][data-state=hover] {
    background: var(--tui-secondary-hover)
}

[tuiAppearance][data-appearance=secondary]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance=flat]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance=destructive]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-secondary-active)
}

[tuiAppearance][data-appearance=secondary]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance=flat]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]),
[tuiAppearance][data-appearance=destructive]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-secondary-active)
}

[tuiAppearance][data-appearance=secondary][data-state=active],
[tuiAppearance][data-appearance=flat][data-state=active],
[tuiAppearance][data-appearance=destructive][data-state=active] {
    background: var(--tui-secondary-active)
}

[tuiAppearance][data-appearance=flat] {
    background: transparent
}

[tuiAppearance][data-appearance=destructive] {
    color: var(--tui-negative)
}

[tuiAppearance][data-appearance=error] {
    color: var(--tui-text-01);
    background: var(--tui-error-bg)
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=error]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-error-bg-hover)
    }
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=error]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-error-bg-hover)
    }
}

[tuiAppearance][data-appearance=error][data-state=hover] {
    background: var(--tui-error-bg-hover)
}

[tuiAppearance][data-appearance=error]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-error-bg-hover)
}

[tuiAppearance][data-appearance=error]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-error-bg-hover)
}

[tuiAppearance][data-appearance=error][data-state=active] {
    background: var(--tui-error-bg-hover)
}

[tuiAppearance][data-appearance=success] {
    color: var(--tui-text-01);
    background: var(--tui-success-bg)
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=success]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-success-bg-hover)
    }
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=success]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-success-bg-hover)
    }
}

[tuiAppearance][data-appearance=success][data-state=hover] {
    background: var(--tui-success-bg-hover)
}

[tuiAppearance][data-appearance=success]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-success-bg-hover)
}

[tuiAppearance][data-appearance=success]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-success-bg-hover)
}

[tuiAppearance][data-appearance=success][data-state=active] {
    background: var(--tui-success-bg-hover)
}

[tuiAppearance][data-appearance=warning] {
    color: var(--tui-text-01);
    background: var(--tui-warning-bg)
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=warning]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-warning-bg-hover)
    }
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=warning]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-warning-bg-hover)
    }
}

[tuiAppearance][data-appearance=warning][data-state=hover] {
    background: var(--tui-warning-bg-hover)
}

[tuiAppearance][data-appearance=warning]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-warning-bg-hover)
}

[tuiAppearance][data-appearance=warning]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-warning-bg-hover)
}

[tuiAppearance][data-appearance=warning][data-state=active] {
    background: var(--tui-warning-bg-hover)
}

[tuiAppearance][data-appearance=info] {
    color: var(--tui-text-01);
    background: var(--tui-info-bg)
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=info]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-info-bg-hover)
    }
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=info]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-info-bg-hover)
    }
}

[tuiAppearance][data-appearance=info][data-state=hover] {
    background: var(--tui-info-bg-hover)
}

[tuiAppearance][data-appearance=info]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-info-bg-hover)
}

[tuiAppearance][data-appearance=info]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-info-bg-hover)
}

[tuiAppearance][data-appearance=info][data-state=active] {
    background: var(--tui-info-bg-hover)
}

[tuiAppearance][data-appearance=neutral] {
    color: var(--tui-text-01);
    background: var(--tui-neutral-bg)
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=neutral]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-neutral-bg-hover)
    }
}

@media (hover: hover) {
    [tuiAppearance][data-appearance=neutral]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) {
        background: var(--tui-neutral-bg-hover)
    }
}

[tuiAppearance][data-appearance=neutral][data-state=hover] {
    background: var(--tui-neutral-bg-hover)
}

[tuiAppearance][data-appearance=neutral]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-neutral-bg-hover)
}

[tuiAppearance][data-appearance=neutral]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) {
    background: var(--tui-neutral-bg-hover)
}

[tuiAppearance][data-appearance=neutral][data-state=active] {
    background: var(--tui-neutral-bg-hover)
}

[tuiWrapper][data-appearance=icon][data-appearance=icon] {
    transition-property: opacity;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    color: var(--tui-text-01);
    opacity: .5
}

[tuiWrapper]:not([data-state=readonly]):hover .t-textfield-icon [tuiWrapper][data-appearance=icon][data-appearance=icon]:not([data-state=disabled]) {
    opacity: .65
}

[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark] {
    color: var(--tui-text-01-night)
}

[tuiWrapper]:not([data-state=readonly]):hover .t-textfield-icon [tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]:not([data-state=disabled]) {
    opacity: 1
}

:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark],
[data-focused=true]>[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark] {
    --tui-focus: var(--tui-base-01)
}

[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]:focus-visible:focus-visible {
    --tui-focus: var(--tui-base-01)
}

[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]._focused._focused {
    --tui-focus: var(--tui-base-01)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark][data-state=hover] {
        opacity: 1
    }
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=icon][data-appearance=icon]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=hover] {
        opacity: .65
    }
}

[tuiWrapper][data-appearance=icon][data-appearance=icon]:active:not(._no-active),
[tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=active],
[tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=active]:hover {
    opacity: 1
}

[tuiWrapper][data-appearance=icon][data-appearance=icon]:disabled:disabled,
[tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=disabled][data-state=disabled] {
    opacity: calc(.5 * var(--tui-disabled-opacity))
}

[tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=readonly][data-state=readonly] {
    pointer-events: none
}

[tuiWrapper][data-appearance=outline] {
    background: transparent;
    color: var(--tui-text-01)
}

[tuiWrapper][data-appearance=outline]:after {
    color: var(--tui-base-04)
}

[tuiWrapper][data-appearance=outline][data-mode=onDark] {
    color: var(--tui-text-01-night)
}

[tuiWrapper][data-appearance=outline][data-mode=onDark]:after {
    color: var(--tui-text-01-night)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=outline][data-mode=onDark]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=hover] {
        background: var(--tui-clear-inverse-hover)
    }

    [tuiWrapper][data-appearance=outline][data-mode=onDark]:hover:not(._no-hover):after,
    [tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=hover]:after {
        color: var(--tui-text-03-night)
    }
}

[tuiWrapper][data-appearance=outline][data-mode=onDark]:active:not(._no-active),
[tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=active],
[tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=active]:hover {
    background: var(--tui-clear-inverse-active)
}

[tuiWrapper][data-appearance=outline][data-mode=onDark]:active:not(._no-active):after,
[tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=active]:after,
[tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=active]:hover:after {
    color: var(--tui-text-03-night)
}

:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=outline][data-mode=onDark],
[data-focused=true]>[tuiWrapper][data-appearance=outline][data-mode=onDark] {
    --tui-focus: var(--tui-text-01-night)
}

[tuiWrapper][data-appearance=outline][data-mode=onDark]:focus-visible:focus-visible {
    --tui-focus: var(--tui-text-01-night)
}

[tuiWrapper][data-appearance=outline][data-mode=onDark]._focused._focused {
    --tui-focus: var(--tui-text-01-night)
}

[tuiWrapper][data-appearance=outline][data-mode=onLight] {
    color: var(--tui-text-01)
}

[tuiWrapper][data-appearance=outline][data-mode=onLight]:after {
    color: var(--tui-text-01)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=outline][data-mode=onLight]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=hover] {
        background: var(--tui-clear-hover)
    }

    [tuiWrapper][data-appearance=outline][data-mode=onLight]:hover:not(._no-hover):after,
    [tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=hover]:after {
        color: var(--tui-text-03)
    }
}

[tuiWrapper][data-appearance=outline][data-mode=onLight]:active:not(._no-active),
[tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=active],
[tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=active]:hover {
    background: var(--tui-clear-active)
}

[tuiWrapper][data-appearance=outline][data-mode=onLight]:active:not(._no-active):after,
[tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=active]:after,
[tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=active]:hover:after {
    color: var(--tui-text-03)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=outline]:hover:not(._no-hover):after,
    [tuiWrapper][data-appearance=outline][data-state=hover]:after {
        color: var(--tui-base-05)
    }
}

[tuiWrapper][data-appearance=outline]:active:not(._no-active):after,
[tuiWrapper][data-appearance=outline][data-state=active]:after,
[tuiWrapper][data-appearance=outline][data-state=active]:hover:after {
    color: var(--tui-base-06)
}

[tuiWrapper][data-appearance=primary] {
    background: var(--tui-primary);
    color: var(--tui-primary-text)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=primary]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=primary][data-state=hover] {
        background: var(--tui-primary-hover)
    }
}

[tuiWrapper][data-appearance=primary]:active:not(._no-active),
[tuiWrapper][data-appearance=primary][data-state=active],
[tuiWrapper][data-appearance=primary][data-state=active]:hover {
    background: var(--tui-primary-active)
}

[tuiWrapper][data-appearance=primary]:invalid:invalid,
[tuiWrapper][data-appearance=primary]._invalid._invalid {
    color: var(--tui-negative-night);
    background: var(--tui-error-bg)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=primary]:invalid:invalid:hover:not(._no-hover),
    [tuiWrapper][data-appearance=primary]._invalid._invalid:hover:not(._no-hover),
    [tuiWrapper][data-appearance=primary]:invalid:invalid[data-state=hover],
    [tuiWrapper][data-appearance=primary]._invalid._invalid[data-state=hover] {
        background: var(--tui-error-bg-hover)
    }
}

[tuiWrapper][data-appearance=primary]:invalid:invalid:active:not(._no-active),
[tuiWrapper][data-appearance=primary]._invalid._invalid:active:not(._no-active),
[tuiWrapper][data-appearance=primary]:invalid:invalid[data-state=active],
[tuiWrapper][data-appearance=primary]._invalid._invalid[data-state=active],
[tuiWrapper][data-appearance=primary]:invalid:invalid[data-state=active]:hover,
[tuiWrapper][data-appearance=primary]._invalid._invalid[data-state=active]:hover {
    background: var(--tui-error-bg-hover)
}

:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=primary]:invalid:invalid,
:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=primary]._invalid._invalid,
[data-focused=true]>[tuiWrapper][data-appearance=primary]:invalid:invalid,
[data-focused=true]>[tuiWrapper][data-appearance=primary]._invalid._invalid {
    --tui-focus: var(--tui-error-fill)
}

[tuiWrapper][data-appearance=primary]:invalid:invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance=primary]._invalid._invalid:focus-visible:focus-visible {
    --tui-focus: var(--tui-error-fill)
}

[tuiWrapper][data-appearance=primary]:invalid:invalid._focused._focused,
[tuiWrapper][data-appearance=primary]._invalid._invalid._focused._focused {
    --tui-focus: var(--tui-error-fill)
}

[tuiWrapper][data-appearance=accent] {
    background: var(--tui-accent);
    color: var(--tui-accent-text)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=accent]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=accent][data-state=hover] {
        background: var(--tui-accent-hover)
    }
}

[tuiWrapper][data-appearance=accent]:active:not(._no-active),
[tuiWrapper][data-appearance=accent][data-state=active],
[tuiWrapper][data-appearance=accent][data-state=active]:hover {
    background: var(--tui-accent-active)
}

[tuiWrapper][data-appearance=accent]:invalid:invalid,
[tuiWrapper][data-appearance=accent]._invalid._invalid {
    color: var(--tui-negative-night);
    background: var(--tui-error-bg)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=accent]:invalid:invalid:hover:not(._no-hover),
    [tuiWrapper][data-appearance=accent]._invalid._invalid:hover:not(._no-hover),
    [tuiWrapper][data-appearance=accent]:invalid:invalid[data-state=hover],
    [tuiWrapper][data-appearance=accent]._invalid._invalid[data-state=hover] {
        background: var(--tui-error-bg-hover)
    }
}

:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=accent]:invalid:invalid,
:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=accent]._invalid._invalid,
[data-focused=true]>[tuiWrapper][data-appearance=accent]:invalid:invalid,
[data-focused=true]>[tuiWrapper][data-appearance=accent]._invalid._invalid {
    --tui-focus: var(--tui-error-fill)
}

[tuiWrapper][data-appearance=accent]:invalid:invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance=accent]._invalid._invalid:focus-visible:focus-visible {
    --tui-focus: var(--tui-error-fill)
}

[tuiWrapper][data-appearance=accent]:invalid:invalid._focused._focused,
[tuiWrapper][data-appearance=accent]._invalid._invalid._focused._focused {
    --tui-focus: var(--tui-error-fill)
}

[tuiWrapper][data-appearance=floating] {
    transition-property: background, box-shadow;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    background: #fff;
    color: #000c;
    box-shadow: 0 .25rem 1.25rem #0000001a
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=floating]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=floating][data-state=hover] {
        box-shadow: 0 .875rem 2.625rem #00000024
    }
}

[tuiWrapper][data-appearance=floating]:active:not(._no-active),
[tuiWrapper][data-appearance=floating][data-state=active],
[tuiWrapper][data-appearance=floating][data-state=active]:hover {
    background: #f6f7f8;
    box-shadow: 0 .25rem 1.25rem #0000001a
}

[tuiWrapper][data-appearance=glass] {
    background: #0006;
    color: #fff;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    --tui-focus: rgba(255, 255, 255, .64)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=glass]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=glass][data-state=hover] {
        background: #0000007a
    }
}

[tuiWrapper][data-appearance=glass]:active:not(._no-active),
[tuiWrapper][data-appearance=glass][data-state=active],
[tuiWrapper][data-appearance=glass][data-state=active]:hover {
    background: #0009
}

[tuiWrapper][data-appearance=glass][data-mode=onDark] {
    background: #ffffff4d
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=glass][data-mode=onDark]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=glass][data-mode=onDark][data-state=hover] {
        background: #fff6
    }
}

[tuiWrapper][data-appearance=glass][data-mode=onDark]:active:not(._no-active),
[tuiWrapper][data-appearance=glass][data-mode=onDark][data-state=active],
[tuiWrapper][data-appearance=glass][data-mode=onDark][data-state=active]:hover {
    background: #ffffff80
}

[tuiWrapper][data-appearance=secondary],
[tuiWrapper][data-appearance=flat],
[tuiWrapper][data-appearance=destructive] {
    background: var(--tui-secondary);
    color: var(--tui-link)
}

[tuiWrapper][data-appearance=secondary][data-mode=onDark],
[tuiWrapper][data-appearance=flat][data-mode=onDark],
[tuiWrapper][data-appearance=destructive][data-mode=onDark] {
    background: var(--tui-clear-inverse);
    color: var(--tui-text-01-night)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=secondary][data-mode=onDark]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=flat][data-mode=onDark]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=destructive][data-mode=onDark]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=secondary][data-mode=onDark][data-state=hover],
    [tuiWrapper][data-appearance=flat][data-mode=onDark][data-state=hover],
    [tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=hover] {
        background: var(--tui-clear-inverse-hover)
    }
}

[tuiWrapper][data-appearance=secondary][data-mode=onDark]:active:not(._no-active),
[tuiWrapper][data-appearance=flat][data-mode=onDark]:active:not(._no-active),
[tuiWrapper][data-appearance=destructive][data-mode=onDark]:active:not(._no-active),
[tuiWrapper][data-appearance=secondary][data-mode=onDark][data-state=active],
[tuiWrapper][data-appearance=flat][data-mode=onDark][data-state=active],
[tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=active],
[tuiWrapper][data-appearance=secondary][data-mode=onDark][data-state=active]:hover,
[tuiWrapper][data-appearance=flat][data-mode=onDark][data-state=active]:hover,
[tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=active]:hover {
    background: var(--tui-clear-inverse-active)
}

:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=secondary][data-mode=onDark],
:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=flat][data-mode=onDark],
:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=destructive][data-mode=onDark],
[data-focused=true]>[tuiWrapper][data-appearance=secondary][data-mode=onDark],
[data-focused=true]>[tuiWrapper][data-appearance=flat][data-mode=onDark],
[data-focused=true]>[tuiWrapper][data-appearance=destructive][data-mode=onDark] {
    --tui-focus: var(--tui-text-01-night)
}

[tuiWrapper][data-appearance=secondary][data-mode=onDark]:focus-visible:focus-visible,
[tuiWrapper][data-appearance=flat][data-mode=onDark]:focus-visible:focus-visible,
[tuiWrapper][data-appearance=destructive][data-mode=onDark]:focus-visible:focus-visible {
    --tui-focus: var(--tui-text-01-night)
}

[tuiWrapper][data-appearance=secondary][data-mode=onDark]._focused._focused,
[tuiWrapper][data-appearance=flat][data-mode=onDark]._focused._focused,
[tuiWrapper][data-appearance=destructive][data-mode=onDark]._focused._focused {
    --tui-focus: var(--tui-text-01-night)
}

[tuiWrapper][data-appearance=secondary][data-mode=onLight],
[tuiWrapper][data-appearance=flat][data-mode=onLight],
[tuiWrapper][data-appearance=destructive][data-mode=onLight] {
    background: var(--tui-clear);
    color: var(--tui-text-01)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=secondary][data-mode=onLight]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=flat][data-mode=onLight]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=destructive][data-mode=onLight]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=secondary][data-mode=onLight][data-state=hover],
    [tuiWrapper][data-appearance=flat][data-mode=onLight][data-state=hover],
    [tuiWrapper][data-appearance=destructive][data-mode=onLight][data-state=hover] {
        background: var(--tui-clear-hover)
    }
}

[tuiWrapper][data-appearance=secondary][data-mode=onLight]:active:not(._no-active),
[tuiWrapper][data-appearance=flat][data-mode=onLight]:active:not(._no-active),
[tuiWrapper][data-appearance=destructive][data-mode=onLight]:active:not(._no-active),
[tuiWrapper][data-appearance=secondary][data-mode=onLight][data-state=active],
[tuiWrapper][data-appearance=flat][data-mode=onLight][data-state=active],
[tuiWrapper][data-appearance=destructive][data-mode=onLight][data-state=active],
[tuiWrapper][data-appearance=secondary][data-mode=onLight][data-state=active]:hover,
[tuiWrapper][data-appearance=flat][data-mode=onLight][data-state=active]:hover,
[tuiWrapper][data-appearance=destructive][data-mode=onLight][data-state=active]:hover {
    background: var(--tui-clear-active)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=secondary]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=flat]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=destructive]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=secondary][data-state=hover],
    [tuiWrapper][data-appearance=flat][data-state=hover],
    [tuiWrapper][data-appearance=destructive][data-state=hover] {
        background: var(--tui-secondary-hover)
    }
}

[tuiWrapper][data-appearance=secondary]:active:not(._no-active),
[tuiWrapper][data-appearance=flat]:active:not(._no-active),
[tuiWrapper][data-appearance=destructive]:active:not(._no-active),
[tuiWrapper][data-appearance=secondary][data-state=active],
[tuiWrapper][data-appearance=flat][data-state=active],
[tuiWrapper][data-appearance=destructive][data-state=active],
[tuiWrapper][data-appearance=secondary][data-state=active]:hover,
[tuiWrapper][data-appearance=flat][data-state=active]:hover,
[tuiWrapper][data-appearance=destructive][data-state=active]:hover {
    background: var(--tui-secondary-active)
}

[tuiWrapper][data-appearance=secondary]:invalid:invalid,
[tuiWrapper][data-appearance=flat]:invalid:invalid,
[tuiWrapper][data-appearance=destructive]:invalid:invalid,
[tuiWrapper][data-appearance=secondary]._invalid._invalid,
[tuiWrapper][data-appearance=flat]._invalid._invalid,
[tuiWrapper][data-appearance=destructive]._invalid._invalid {
    color: var(--tui-negative);
    background: var(--tui-error-bg)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=secondary]:invalid:invalid:hover:not(._no-hover),
    [tuiWrapper][data-appearance=flat]:invalid:invalid:hover:not(._no-hover),
    [tuiWrapper][data-appearance=destructive]:invalid:invalid:hover:not(._no-hover),
    [tuiWrapper][data-appearance=secondary]._invalid._invalid:hover:not(._no-hover),
    [tuiWrapper][data-appearance=flat]._invalid._invalid:hover:not(._no-hover),
    [tuiWrapper][data-appearance=destructive]._invalid._invalid:hover:not(._no-hover),
    [tuiWrapper][data-appearance=secondary]:invalid:invalid[data-state=hover],
    [tuiWrapper][data-appearance=flat]:invalid:invalid[data-state=hover],
    [tuiWrapper][data-appearance=destructive]:invalid:invalid[data-state=hover],
    [tuiWrapper][data-appearance=secondary]._invalid._invalid[data-state=hover],
    [tuiWrapper][data-appearance=flat]._invalid._invalid[data-state=hover],
    [tuiWrapper][data-appearance=destructive]._invalid._invalid[data-state=hover] {
        background: var(--tui-error-bg-hover)
    }
}

:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=secondary]:invalid:invalid,
:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=flat]:invalid:invalid,
:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=destructive]:invalid:invalid,
:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=secondary]._invalid._invalid,
:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=flat]._invalid._invalid,
:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=destructive]._invalid._invalid,
[data-focused=true]>[tuiWrapper][data-appearance=secondary]:invalid:invalid,
[data-focused=true]>[tuiWrapper][data-appearance=flat]:invalid:invalid,
[data-focused=true]>[tuiWrapper][data-appearance=destructive]:invalid:invalid,
[data-focused=true]>[tuiWrapper][data-appearance=secondary]._invalid._invalid,
[data-focused=true]>[tuiWrapper][data-appearance=flat]._invalid._invalid,
[data-focused=true]>[tuiWrapper][data-appearance=destructive]._invalid._invalid {
    --tui-focus: var(--tui-negative)
}

[tuiWrapper][data-appearance=secondary]:invalid:invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance=flat]:invalid:invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance=destructive]:invalid:invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance=secondary]._invalid._invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance=flat]._invalid._invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance=destructive]._invalid._invalid:focus-visible:focus-visible {
    --tui-focus: var(--tui-negative)
}

[tuiWrapper][data-appearance=secondary]:invalid:invalid._focused._focused,
[tuiWrapper][data-appearance=flat]:invalid:invalid._focused._focused,
[tuiWrapper][data-appearance=destructive]:invalid:invalid._focused._focused,
[tuiWrapper][data-appearance=secondary]._invalid._invalid._focused._focused,
[tuiWrapper][data-appearance=flat]._invalid._invalid._focused._focused,
[tuiWrapper][data-appearance=destructive]._invalid._invalid._focused._focused {
    --tui-focus: var(--tui-negative)
}

[tuiWrapper][data-appearance=flat],
[tuiWrapper][data-appearance=flat][data-mode=onDark],
[tuiWrapper][data-appearance=flat][data-mode=onLight] {
    background: transparent
}

[tuiWrapper][data-appearance=destructive] {
    color: var(--tui-negative);
    background: var(--tui-error-bg)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=destructive]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=destructive][data-state=hover] {
        background: var(--tui-error-bg-hover)
    }
}

[tuiWrapper][data-appearance=destructive]:active:not(._no-active),
[tuiWrapper][data-appearance=destructive][data-state=active],
[tuiWrapper][data-appearance=destructive][data-state=active]:hover {
    background: var(--tui-error-bg-hover)
}

[tuiWrapper][data-appearance=destructive][data-mode=onDark] {
    color: var(--tui-negative-night);
    background: var(--tui-error-bg-night)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=destructive][data-mode=onDark]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=hover] {
        background: var(--tui-error-bg-night-hover)
    }
}

[tuiWrapper][data-appearance=destructive][data-mode=onDark]:active:not(._no-active),
[tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=active],
[tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=active]:hover {
    background: var(--tui-error-bg-night-hover)
}

tui-wrapper[data-appearance=secondary-destructive],
[tuiWrapper][data-appearance=secondary-destructive] {
    background: var(--tui-error-bg);
    color: var(--tui-negative)
}

tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark],
[tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark] {
    background: var(--tui-error-bg-night);
    color: var(--tui-negative-night)
}

@media (hover: hover) {

    tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark]:hover:not(._no-hover),
    tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark][data-state=hover],
    [tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark][data-state=hover] {
        background: var(--tui-error-bg-night-hover)
    }
}

tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark]:active:not(._no-active),
[tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark]:active:not(._no-active),
tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark][data-state=active],
[tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark][data-state=active],
tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark][data-state=active]:hover,
[tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark][data-state=active]:hover {
    background: var(--tui-error-bg-night-hover)
}

@media (hover: hover) {

    tui-wrapper[data-appearance=secondary-destructive]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=secondary-destructive]:hover:not(._no-hover),
    tui-wrapper[data-appearance=secondary-destructive][data-state=hover],
    [tuiWrapper][data-appearance=secondary-destructive][data-state=hover] {
        background: var(--tui-error-bg-hover)
    }
}

tui-wrapper[data-appearance=secondary-destructive]:active:not(._no-active),
[tuiWrapper][data-appearance=secondary-destructive]:active:not(._no-active),
tui-wrapper[data-appearance=secondary-destructive][data-state=active],
[tuiWrapper][data-appearance=secondary-destructive][data-state=active],
tui-wrapper[data-appearance=secondary-destructive][data-state=active]:hover,
[tuiWrapper][data-appearance=secondary-destructive][data-state=active]:hover {
    background: var(--tui-error-bg-hover)
}

[tuiWrapper][data-appearance=table] {
    border-radius: 0;
    background: transparent;
    color: var(--tui-text-01)
}

[tuiWrapper][data-appearance=table]:before,
[tuiWrapper][data-appearance=table][data-appearance=table]:after {
    position: fixed;
    inset: -.5px -.5px -1px -1px
}

[tuiWrapper][data-appearance=table]:before {
    transition-property: background;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    content: "";
    z-index: -1;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: .5rem .5rem
}

table [tuiWrapper][data-appearance=table][data-appearance=table]:not(._focused):after {
    border-width: 0
}

table [tuiWrapper][data-appearance=table]._focused {
    z-index: 1
}

[tuiWrapper][data-appearance=table][data-appearance=table]:after {
    border-width: 1px;
    color: var(--tui-base-04)
}

:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=table][data-mode=onDark],
[data-focused=true]>[tuiWrapper][data-appearance=table][data-mode=onDark] {
    --tui-focus: var(--tui-text-01-night)
}

[tuiWrapper][data-appearance=table][data-mode=onDark]:focus-visible:focus-visible {
    --tui-focus: var(--tui-text-01-night)
}

[tuiWrapper][data-appearance=table][data-mode=onDark]._focused._focused {
    --tui-focus: var(--tui-text-01-night)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=table]:hover:not(._no-hover):not(._focused):before,
    [tuiWrapper][data-appearance=table][data-state=hover]:not(._focused):before {
        background-color: var(--tui-clear)
    }
}

:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=table],
[data-focused=true]>[tuiWrapper][data-appearance=table] {
    background: transparent
}

[tuiWrapper][data-appearance=table]:focus-visible:focus-visible {
    background: transparent
}

[tuiWrapper][data-appearance=table]._focused._focused {
    background: transparent
}

[tuiWrapper][data-appearance=table]:invalid:invalid:before,
[tuiWrapper][data-appearance=table]._invalid._invalid:before {
    background-image: linear-gradient(to top right, transparent 0%, transparent 50%, var(--tui-error-fill) 50%, var(--tui-error-fill) 100%)
}

[tuiWrapper][data-appearance=table]:invalid:invalid:not(._focused):before,
[tuiWrapper][data-appearance=table]._invalid._invalid:not(._focused):before {
    background-color: var(--tui-error-bg)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=table]:invalid:invalid:hover:not(._no-hover):not(._focused):before,
    [tuiWrapper][data-appearance=table]._invalid._invalid:hover:not(._no-hover):not(._focused):before,
    [tuiWrapper][data-appearance=table]:invalid:invalid[data-state=hover]:not(._focused):before,
    [tuiWrapper][data-appearance=table]._invalid._invalid[data-state=hover]:not(._focused):before {
        background-color: var(--tui-error-bg-hover)
    }
}

[tuiWrapper][data-appearance=table]:invalid:invalid:disabled:disabled,
[tuiWrapper][data-appearance=table]._invalid._invalid:disabled:disabled,
[tuiWrapper][data-appearance=table]:invalid:invalid[data-state=disabled][data-state=disabled],
[tuiWrapper][data-appearance=table]._invalid._invalid[data-state=disabled][data-state=disabled] {
    background: transparent
}

:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=table]:invalid:invalid,
:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=table]._invalid._invalid,
[data-focused=true]>[tuiWrapper][data-appearance=table]:invalid:invalid,
[data-focused=true]>[tuiWrapper][data-appearance=table]._invalid._invalid {
    background: transparent;
    --tui-focus: var(--tui-error-fill)
}

:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=table]:invalid:invalid:after,
:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=table]._invalid._invalid:after,
[data-focused=true]>[tuiWrapper][data-appearance=table]:invalid:invalid:after,
[data-focused=true]>[tuiWrapper][data-appearance=table]._invalid._invalid:after {
    border-width: 1px
}

[tuiWrapper][data-appearance=table]:invalid:invalid:focus-visible:focus-visible,
[tuiWrapper][data-appearance=table]._invalid._invalid:focus-visible:focus-visible {
    background: transparent;
    --tui-focus: var(--tui-error-fill)
}

[tuiWrapper][data-appearance=table]:invalid:invalid:focus-visible:focus-visible:after,
[tuiWrapper][data-appearance=table]._invalid._invalid:focus-visible:focus-visible:after {
    border-width: 1px
}

[tuiWrapper][data-appearance=table]:invalid:invalid._focused._focused,
[tuiWrapper][data-appearance=table]._invalid._invalid._focused._focused {
    background: transparent;
    --tui-focus: var(--tui-error-fill)
}

[tuiWrapper][data-appearance=table]:invalid:invalid._focused._focused:after,
[tuiWrapper][data-appearance=table]._invalid._invalid._focused._focused:after {
    border-width: 1px
}

[tuiWrapper][data-appearance=textfield] {
    transition-property: box-shadow, background;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    background: var(--tui-base-01);
    color: var(--tui-text-01);
    box-shadow: 0 .125rem .1875rem #0000001a
}

[tuiWrapper][data-appearance=textfield][data-appearance=textfield]:after {
    transition-property: color;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    color: var(--tui-base-03)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=textfield]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=textfield][data-state=hover] {
        box-shadow: 0 .125rem .3125rem #00000029
    }
}

:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=textfield],
[data-focused=true]>[tuiWrapper][data-appearance=textfield] {
    box-shadow: none
}

:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=textfield]:after,
[data-focused=true]>[tuiWrapper][data-appearance=textfield]:after {
    --tui-focus: var(--tui-primary)
}

[tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible {
    box-shadow: none
}

[tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible:after {
    --tui-focus: var(--tui-primary)
}

[tuiWrapper][data-appearance=textfield]._focused._focused {
    box-shadow: none
}

[tuiWrapper][data-appearance=textfield]._focused._focused:after {
    --tui-focus: var(--tui-primary)
}

[tuiWrapper][data-appearance=textfield][data-state=readonly][data-state=readonly] {
    box-shadow: none
}

[tuiWrapper][data-appearance=textfield][data-state=readonly][data-state=readonly]:after {
    color: var(--tui-base-04)
}

[tuiWrapper][data-appearance=textfield]:disabled:disabled,
[tuiWrapper][data-appearance=textfield][data-state=disabled][data-state=disabled] {
    box-shadow: none
}

[tuiWrapper][data-appearance=textfield]:invalid:invalid:after,
[tuiWrapper][data-appearance=textfield]._invalid._invalid:after {
    color: var(--tui-error-fill);
    --tui-focus: var(--tui-error-fill)
}

[tuiWrapper][data-appearance=textfield][data-mode=onDark] {
    background: var(--tui-clear-inverse);
    color: var(--tui-text-01-night)
}

[tuiWrapper][data-appearance=textfield][data-mode=onDark]:after {
    color: var(--tui-text-03-night);
    opacity: var(--tui-disabled-opacity)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=textfield][data-mode=onDark]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=textfield][data-mode=onDark][data-state=hover] {
        background: var(--tui-clear-inverse-hover)
    }
}

[tuiWrapper][data-appearance=textfield][data-mode=onDark][data-state=readonly][data-state=readonly] {
    background: transparent
}

:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=textfield][data-mode=onDark],
[data-focused=true]>[tuiWrapper][data-appearance=textfield][data-mode=onDark] {
    background: #ffffff14
}

:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=textfield][data-mode=onDark]:after,
[data-focused=true]>[tuiWrapper][data-appearance=textfield][data-mode=onDark]:after {
    transition: none;
    opacity: 1;
    --tui-focus: var(--tui-primary)
}

[tuiWrapper][data-appearance=textfield][data-mode=onDark]:focus-visible:focus-visible {
    background: #ffffff14
}

[tuiWrapper][data-appearance=textfield][data-mode=onDark]:focus-visible:focus-visible:after {
    transition: none;
    opacity: 1;
    --tui-focus: var(--tui-primary)
}

[tuiWrapper][data-appearance=textfield][data-mode=onDark]._focused._focused {
    background: #ffffff14
}

[tuiWrapper][data-appearance=textfield][data-mode=onDark]._focused._focused:after {
    transition: none;
    opacity: 1;
    --tui-focus: var(--tui-primary)
}

[tuiWrapper][data-appearance=textfield][data-mode=onDark]:invalid:invalid:after,
[tuiWrapper][data-appearance=textfield][data-mode=onDark]._invalid._invalid:after {
    --tui-focus: var(--tui-error-fill-night)
}

[tuiWrapper][data-appearance=textfield][data-mode=onLight] {
    background: var(--tui-clear)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=textfield][data-mode=onLight]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=textfield][data-mode=onLight][data-state=hover] {
        background: var(--tui-clear-hover)
    }
}

[tuiWrapper][data-appearance=textfield][data-mode=onLight][data-state=readonly][data-state=readonly] {
    background: transparent
}

[tuiWrapper][data-appearance=textfield][data-mode=onLight]:invalid:invalid:after,
[tuiWrapper][data-appearance=textfield][data-mode=onLight]._invalid._invalid:after {
    color: var(--tui-error-fill)
}

:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=textfield][data-mode=onLight],
[data-focused=true]>[tuiWrapper][data-appearance=textfield][data-mode=onLight] {
    background: transparent
}

[tuiWrapper][data-appearance=textfield][data-mode=onLight]:focus-visible:focus-visible {
    background: transparent
}

[tuiWrapper][data-appearance=textfield][data-mode=onLight]._focused._focused {
    background: transparent
}

[tuiWrapper][data-appearance=whiteblock],
[tuiWrapper][data-appearance=whiteblock-active] {
    background: var(--tui-base-01);
    color: var(--tui-text-01)
}

[tuiWrapper][data-appearance=whiteblock]:after,
[tuiWrapper][data-appearance=whiteblock-active]:after {
    color: var(--tui-base-04)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=whiteblock]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=whiteblock-active]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=whiteblock][data-state=hover],
    [tuiWrapper][data-appearance=whiteblock-active][data-state=hover] {
        background: var(--tui-base-02)
    }

    [tuiWrapper][data-appearance=whiteblock]:hover:not(._no-hover):after,
    [tuiWrapper][data-appearance=whiteblock-active]:hover:not(._no-hover):after,
    [tuiWrapper][data-appearance=whiteblock][data-state=hover]:after,
    [tuiWrapper][data-appearance=whiteblock-active][data-state=hover]:after {
        color: var(--tui-base-04)
    }
}

[tuiWrapper][data-appearance=whiteblock]:active:not(._no-active),
[tuiWrapper][data-appearance=whiteblock-active]:active:not(._no-active),
[tuiWrapper][data-appearance=whiteblock][data-state=active],
[tuiWrapper][data-appearance=whiteblock-active][data-state=active],
[tuiWrapper][data-appearance=whiteblock][data-state=active]:hover,
[tuiWrapper][data-appearance=whiteblock-active][data-state=active]:hover {
    background: var(--tui-base-02)
}

[tuiWrapper][data-appearance=whiteblock]:active:not(._no-active):after,
[tuiWrapper][data-appearance=whiteblock-active]:active:not(._no-active):after,
[tuiWrapper][data-appearance=whiteblock][data-state=active]:after,
[tuiWrapper][data-appearance=whiteblock-active][data-state=active]:after,
[tuiWrapper][data-appearance=whiteblock][data-state=active]:hover:after,
[tuiWrapper][data-appearance=whiteblock-active][data-state=active]:hover:after {
    color: var(--tui-base-04)
}

[tuiWrapper][data-appearance=whiteblock-active]:after {
    color: var(--tui-primary);
    border-width: 2px
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=whiteblock-active]:hover:not(._no-hover):after,
    [tuiWrapper][data-appearance=whiteblock-active][data-state=hover]:after {
        color: var(--tui-primary-hover)
    }
}

[tuiWrapper][data-appearance=whiteblock-active]:active:not(._no-active):after,
[tuiWrapper][data-appearance=whiteblock-active][data-state=active]:after,
[tuiWrapper][data-appearance=whiteblock-active][data-state=active]:hover:after {
    color: var(--tui-primary-active)
}

[tuiWrapper][data-appearance=none]:after {
    border: none
}

[tuiWrapper][data-appearance=opposite] {
    background: #000;
    color: #fff;
    --tui-focus: rgba(255, 255, 255, .64)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=opposite]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=opposite][data-state=hover] {
        background: #333
    }
}

[tuiWrapper][data-appearance=opposite]:active:not(._no-active),
[tuiWrapper][data-appearance=opposite][data-state=active],
[tuiWrapper][data-appearance=opposite][data-state=active]:hover {
    background: #5c636b
}

[tuiWrapper][data-appearance=opposite][data-mode=onDark] {
    color: #000c;
    background: #fff;
    --tui-focus: rgba(51, 51, 51, .48)
}

@media (hover: hover) {

    [tuiWrapper][data-appearance=opposite][data-mode=onDark]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=opposite][data-mode=onDark][data-state=hover] {
        background: #f3f4f6
    }
}

[tuiWrapper][data-appearance=opposite][data-mode=onDark]:active:not(._no-active),
[tuiWrapper][data-appearance=opposite][data-mode=onDark][data-state=active],
[tuiWrapper][data-appearance=opposite][data-mode=onDark][data-state=active]:hover {
    background: #eaecee
}

[tuiWrapper] {
    transition-property: color, background, opacity;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    appearance: none;
    border-radius: inherit
}

[tuiWrapper]:after {
    transition-property: box-shadow, color;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    position: absolute;
    inset: 0;
    content: "";
    border-radius: inherit;
    border: 1px solid currentColor;
    pointer-events: none;
    color: transparent
}

:focus-visible:not([data-focused=false])>[tuiWrapper]:after,
[data-focused=true]>[tuiWrapper]:after {
    border-width: 2px;
    color: var(--tui-focus)
}

[tuiWrapper]:focus-visible:focus-visible:after {
    border-width: 2px;
    color: var(--tui-focus)
}

[tuiWrapper]._focused._focused:after {
    border-width: 2px;
    color: var(--tui-focus)
}

[tuiWrapper]:disabled:disabled,
[tuiWrapper][data-state=disabled][data-state=disabled] {
    pointer-events: none;
    opacity: var(--tui-disabled-opacity)
}

@supports (-webkit-hyphens: none) {

    :focus-visible [tuiWrapper],
    [tuiWrapper]:focus-visible {
        --tui-focus: transparent !important
    }
}

tui-wrapper[data-appearance=mono],
[tuiWrapper][data-appearance=mono] {
    background: var(--tui-base-01);
    color: var(--tui-text-01)
}

@media (hover: hover) {

    tui-wrapper[data-appearance=mono]:hover:not(._no-hover),
    [tuiWrapper][data-appearance=mono]:hover:not(._no-hover),
    tui-wrapper[data-appearance=mono][data-state=hover],
    [tuiWrapper][data-appearance=mono][data-state=hover] {
        color: var(--tui-text-03)
    }
}

tui-wrapper[data-appearance=mono]:active:not(._no-active),
[tuiWrapper][data-appearance=mono]:active:not(._no-active),
tui-wrapper[data-appearance=mono][data-state=active],
[tuiWrapper][data-appearance=mono][data-state=active],
tui-wrapper[data-appearance=mono][data-state=active]:hover,
[tuiWrapper][data-appearance=mono][data-state=active]:hover {
    color: var(--tui-text-02)
}

:focus-visible:not([data-focused=false])>tui-wrapper[data-appearance=mono][data-mode=onDark],
:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=mono][data-mode=onDark],
[data-focused=true]>tui-wrapper[data-appearance=mono][data-mode=onDark],
[data-focused=true]>[tuiWrapper][data-appearance=mono][data-mode=onDark] {
    --tui-focus: var(--tui-text-01-night)
}

tui-wrapper[data-appearance=mono][data-mode=onDark]:focus-visible:focus-visible,
[tuiWrapper][data-appearance=mono][data-mode=onDark]:focus-visible:focus-visible {
    --tui-focus: var(--tui-text-01-night)
}

tui-wrapper[data-appearance=mono][data-mode=onDark]._focused._focused,
[tuiWrapper][data-appearance=mono][data-mode=onDark]._focused._focused {
    --tui-focus: var(--tui-text-01-night)
}

tui-primitive-calendar [data-type=weekday] {
    color: var(--tui-text-01)
}

tui-primitive-calendar [data-type=weekend] {
    color: var(--tui-negative)
}

*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
    all: unset;
    display: revert
}

html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none
}

a,
button {
    cursor: revert
}

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

img {
    max-inline-size: 100%;
    max-block-size: 100%
}

table {
    border-collapse: collapse
}

input,
textarea {
    -webkit-user-select: auto
}

textarea {
    white-space: revert
}

meter {
    -webkit-appearance: revert;
    appearance: revert
}

:where(pre) {
    all: revert;
    box-sizing: border-box
}

::placeholder {
    color: unset
}

:where([hidden]) {
    display: none
}

:where([contenteditable]:not([contenteditable=false])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto
}

:where([draggable=true]) {
    -webkit-user-drag: element
}

:where(dialog:modal) {
    all: revert;
    box-sizing: border-box
}

::-webkit-details-marker {
    display: none
}

@font-face {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUAnx4RHw.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUA3x4RHw.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUDXx4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUAnx4RHw.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUA3x4RHw.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUDXx4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUAnx4RHw.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUA3x4RHw.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUDXx4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUAnx4RHw.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUA3x4RHw.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUDXx4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

:root {
    --tui-heading-font: var(--fid-heading-font);
    --tui-text-font: var(--fid-text-font);
    --tui-font-heading: var(--fid-font-heading);
    --tui-font-heading-1: var(--fid-font-heading-1);
    --tui-font-heading-2: var(--fid-font-heading-2);
    --tui-font-heading-3: var(--fid-font-heading-3);
    --tui-font-heading-4: var(--fid-font-heading-4);
    --tui-font-heading-5: var(--fid-font-heading-5);
    --tui-font-heading-6: var(--fid-font-heading-6);
    --tui-font-text: var(--fid-font-text);
    --tui-font-text-xl: var(--fid-font-headline-xl);
    --tui-font-text-l: var(--fid-font-headline-l);
    --tui-font-text-l-2: var(--fid-font-headline-m);
    --tui-font-text-m: var(--fid-font-headline-sm);
    --tui-font-text-m-2: var(--fid-font-headline-xs);
    --tui-font-text-m-3: var(--fid-font-headline-xss);
    --tui-font-text-s: var(--fid-font-text-xl);
    --tui-font-text-s-2: var(--fid-font-text-m);
    --tui-font-text-xs: var(--fid-font-text-sm);
    --tui-font-text-xs-2: var(--fid-font-text-xs);
    --tui-font-text-xss: var(--fid-font-text-xss);
    --tui-radius-xs: var(--fid-radius-xs);
    --tui-radius-s: var(--fid-radius-s);
    --tui-radius-m: var(--fid-radius-m);
    --tui-radius-l: var(--fid-radius-l);
    --tui-radius-xl: var(--fid-radius-xl);
    --tui-radius-xxl: var(--fid-radius-xxl);
    --tui-radius-xxxl: var(--fid-radius-xxxl);
    --tui-height: var(--fid-height);
    --tui-height-xs: var(--fid-height-xs);
    --tui-height-xs-2: var(--fid-height-xs-2);
    --tui-height-s: var(--fid-height-s);
    --tui-height-m: var(--fid-height-m);
    --tui-height-m-2: var(--fid-height-m-2);
    --tui-height-l: var(--fid-height-l);
    --tui-height-xl: var(--fid-height-xl);
    --tui-padding: var(--fid-padding);
    --tui-padding-xs: var(--fid-padding-xs);
    --tui-padding-xss: var(--fid-padding-xss);
    --tui-padding-s: var(--fid-padding-s);
    --tui-padding-m: var(--fid-padding-m);
    --tui-padding-l: var(--fid-padding-l);
    --tui-padding-xl: var(--fid-padding-xl);
    --tui-padding-xxl: var(--fid-padding-xxl);
    --tui-carousel-padding: 6px;
    --tui-duration: var(--fid-duration);
    --tui-duration-slow: var(--fid-duration-slow);
    --tui-backdrop: var(--fid-backdrop);
    --tui-disabled-opacity: var(--fid-disabled-opacity);
    --tui-autofill: var(--fid-autofill);
    --tui-gradient-01: var(--fid-gradient-01);
    --tui-base-01: var(--fid-base-01);
    --tui-base-02: var(--fid-base-02);
    --tui-base-03: var(--fid-base-03);
    --tui-base-04: var(--fid-base-04);
    --tui-base-05: var(--fid-base-05);
    --tui-base-06: var(--fid-base-06);
    --tui-base-07: var(--fid-base-07);
    --tui-base-08: var(--fid-base-08);
    --tui-base-09: var(--fid-base-09);
    --tui-primary: var(--fid-primary);
    --tui-primary-hover: var(--fid-primary-hover);
    --tui-primary-active: var(--fid-primary-active);
    --tui-primary-text: var(--fid-primary-text);
    --tui-secondary: var(--fid-secondary);
    --tui-secondary-hover: var(--fid-secondary-hover);
    --tui-secondary-active: var(--fid-secondary-active);
    --tui-accent: var(--fid-accent);
    --tui-accent-hover: var(--fid-accent-hover);
    --tui-accent-active: var(--fid-accent-active);
    --tui-accent-text: var(--fid-accent-text);
    --tui-selection: var(--fid-selection);
    --tui-focus: var(--fid-focus);
    --tui-clear: var(--fid-clear);
    --tui-clear-disabled: var(--fid-clear-disabled);
    --tui-clear-hover: var(--fid-clear-hover);
    --tui-clear-active: var(--fid-clear-active);
    --tui-clear-inverse: var(--fid-clear-inverse);
    --tui-clear-inverse-hover: var(--fid-clear-inverse-hover);
    --tui-clear-inverse-active: var(--fid-clear-inverse-active);
    --tui-elevation-01: var(--fid-elevation-01);
    --tui-elevation-02: var(--fid-elevation-02);
    --tui-error-fill: var(--fid-error-fill);
    --tui-error-bg: var(--fid-error-bg);
    --tui-error-bg-hover: var(--fid-error-bg-hover);
    --tui-success-fill: var(--fid-success-fill);
    --tui-success-bg: var(--fid-success-bg);
    --tui-success-bg-hover: var(--fid-success-bg-hover);
    --tui-warning-fill: var(--fid-warning-fill);
    --tui-warning-bg: var(--fid-warning-bg);
    --tui-warning-bg-hover: var(--fid-warning-bg-hover);
    --tui-info-fill: var(--fid-info-fill);
    --tui-info-bg: var(--fid-info-bg);
    --tui-info-bg-hover: var(--fid-info-bg-hover);
    --tui-neutral-fill: var(--fid-neutral-fill);
    --tui-neutral-bg: var(--fid-neutral-bg);
    --tui-neutral-bg-hover: var(--fid-neutral-bg-hover);
    --tui-text-01: var(--fid-text-01);
    --tui-text-02: var(--fid-text-02);
    --tui-text-03: var(--fid-text-03);
    --tui-link: var(--fid-link);
    --tui-link-hover: var(--fid-link-hover);
    --tui-positive: var(--fid-positive);
    --tui-positive-hover: var(--fid-positive-hover);
    --tui-negative: var(--fid-negative);
    --tui-negative-hover: var(--fid-negative-hover);
    --tui-text-01-night: var(--fid-text-01-night);
    --tui-text-02-night: var(--fid-text-02-night);
    --tui-text-03-night: var(--fid-text-03-night);
    --tui-link-night: var(--fid-link-night);
    --tui-link-night-hover: var(--fid-link-night-hover);
    --tui-positive-night: var(--fid-positive-night);
    --tui-positive-night-hover: var(--fid-positive-night-hover);
    --tui-negative-night: var(--fid-negative-night);
    --tui-negative-night-hover: var(--fid-negative-night-hover);
    --tui-error-fill-night: var(--fid-error-fill-night);
    --tui-error-bg-night: var(--fid-error-bg-night);
    --tui-error-bg-night-hover: var(--fid-error-bg-night-hover);
    --tui-success-fill-night: var(--fid-success-fill-night);
    --tui-success-bg-night: var(--fid-success-bg-night);
    --tui-success-bg-night-hover: var(--fid-success-bg-night-hover);
    --tui-warning-fill-night: var(--fid-warning-fill-night);
    --tui-warning-bg-night: var(--fid-warning-bg-night);
    --tui-warning-bg-night-hover: var(--fid-warning-bg-night-hover);
    --tui-info-fill-night: var(--fid-info-fill-night);
    --tui-info-bg-night: var(--fid-info-bg-night);
    --tui-info-bg-night-hover: var(--fid-info-bg-night-hover);
    --tui-neutral-fill-night: var(--fid-neutral-fill-night);
    --tui-neutral-bg-night: var(--fid-neutral-bg-night);
    --tui-neutral-bg-night-hover: var(--fid-neutral-bg-night-hover);
    --tui-autofill-night: var(--fid-autofill-night);
    --tui-support-01: var(--fid-support-01);
    --tui-support-02: var(--fid-support-02);
    --tui-support-03: var(--fid-support-03);
    --tui-support-04: var(--fid-support-04);
    --tui-support-05: var(--fid-support-05);
    --tui-support-06: var(--fid-support-06);
    --tui-support-07: var(--fid-support-07);
    --tui-support-08: var(--fid-support-08);
    --tui-support-09: var(--fid-support-09);
    --tui-support-10: var(--fid-support-10);
    --tui-support-11: var(--fid-support-11);
    --tui-support-12: var(--fid-support-12);
    --tui-support-13: var(--fid-support-13);
    --tui-support-14: var(--fid-support-14);
    --tui-support-15: var(--fid-support-15);
    --tui-support-16: var(--fid-support-16);
    --tui-support-17: var(--fid-support-17);
    --tui-support-18: var(--fid-support-18);
    --tui-support-19: var(--fid-support-19);
    --tui-support-20: var(--fid-support-20);
    --tui-support-21: var(--fid-support-21);
    --tui-chart-0: var(--fid-chart-0);
    --tui-chart-1: var(--fid-chart-1);
    --tui-chart-2: var(--fid-chart-2);
    --tui-chart-3: var(--fid-chart-3);
    --tui-chart-4: var(--fid-chart-4);
    --tui-shadow: var(--fid-shadow);
    --tui-shadow-hover: var(--fid-shadow-hover);
    --tui-shadow-dropdown: var(--fid-shadow-dropdown);
    --tui-shadow-modal: var(--fid-shadow-modal);
    --tui-shadow-sidebar: var(--fid-shadow-sidebar);
    --tui-shadow-navigation: var(--fid-shadow-navigation);
    --tui-shadow-sheet: var(--fid-shadow-sheet)
}

[tuiTheme=night] {
    --tui-base-01: var(--fid-base-01);
    --tui-base-02: var(--fid-base-02);
    --tui-base-03: var(--fid-base-03);
    --tui-base-04: var(--fid-base-04);
    --tui-base-05: var(--fid-base-05);
    --tui-base-06: var(--fid-base-06);
    --tui-base-07: var(--fid-base-07);
    --tui-base-08: var(--fid-base-08);
    --tui-base-09: var(--fid-base-09);
    --tui-focus: var(--fid-focus);
    --tui-secondary: var(--fid-secondary);
    --tui-secondary-hover: var(--fid-secondary-hover);
    --tui-secondary-active: var(--fid-secondary-active);
    --tui-clear: var(--fid-clear);
    --tui-clear-disabled: var(--fid-clear-disabled);
    --tui-clear-hover: var(--fid-clear-hover);
    --tui-clear-active: var(--fid-clear-active);
    --tui-error-fill: var(--fid-error-fill);
    --tui-error-bg: var(--fid-error-bg);
    --tui-error-bg-hover: var(--fid-error-bg-hover);
    --tui-success-fill: var(--fid-success-fill);
    --tui-success-bg: var(--fid-success-bg);
    --tui-success-bg-hover: var(--fid-success-bg-hover);
    --tui-warning-fill: var(--fid-warning-fill);
    --tui-warning-bg: var(--fid-warning-bg);
    --tui-warning-bg-hover: var(--fid-warning-bg-hover);
    --tui-info-fill: var(--fid-info-fill);
    --tui-info-bg: var(--fid-info-bg);
    --tui-info-bg-hover: var(--fid-info-bg-hover);
    --tui-neutral-fill: var(--fid-neutral-fill);
    --tui-neutral-bg: var(--fid-neutral-bg);
    --tui-neutral-bg-hover: var(--fid-neutral-bg-hover);
    --tui-text-01: var(--fid-text-01);
    --tui-text-02: var(--fid-text-02);
    --tui-text-03: var(--fid-text-03);
    --tui-link: var(--fid-link);
    --tui-link-hover: var(--fid-link-hover);
    --tui-positive: var(--fid-positive);
    --tui-positive-hover: var(--fid-positive-hover);
    --tui-negative: var(--fid-negative);
    --tui-negative-hover: var(--fid-negative-hover);
    --tui-autofill: var(--fid-autofill);
    --tui-elevation-01: var(--fid-elevation-01);
    --tui-elevation-02: var(--fid-elevation-02);
    --tui-shadow: var(--fid-shadow);
    --tui-shadow-hover: var(--fid-shadow-hover);
    --tui-shadow-dropdown: var(--fid-shadow-dropdown);
    --tui-shadow-modal: var(--fid-shadow-modal);
    --tui-shadow-sidebar: var(--fid-shadow-sidebar);
    --tui-shadow-navigation: var(--fid-shadow-navigation);
    --tui-shadow-sheet: var(--fid-shadow-sheet)
}

[tuiTheme=night] tui-notification {
    --tui-base-01: #000
}

tui-select .t-textfield-icon tui-arrow {
    color: var(--fid-secondary)
}

.tui-form__header {
    margin-top: 2rem;
    margin-bottom: .5rem;
    font: var(--tui-font-heading-5)
}

@media screen and (width <=47.9625em) {
    .tui-form__header {
        margin-bottom: 1rem;
        font: var(--tui-font-text-l);
        font-weight: 700
    }
}

.tui-form__header_margin-top_none {
    margin-top: 0
}

.tui-form__header_margin-bottom_none {
    margin-bottom: 0
}

.tui-form__header_margin-bottom_small {
    margin-bottom: .25rem
}

@media screen and (width <=47.9625em) {
    .tui-form__header_margin-bottom_small {
        margin-bottom: .75rem
    }
}

.tui-form__row {
    margin-top: .5rem
}

.tui-form__row:first-child {
    margin-top: 0
}

.tui-form__row_multi-fields {
    display: flex
}

@media screen and (width <=47.9625em) {
    .tui-form__row_multi-fields {
        flex-wrap: wrap
    }
}

.tui-form__row_half-width {
    width: calc(50% - .25rem)
}

@media screen and (width <=47.9625em) {
    .tui-form__row_half-width {
        width: 100%
    }
}

.tui-form__row_checkboxes {
    display: flex;
    flex-wrap: wrap
}

@media screen and (width <=47.9625em) {
    .tui-form__row {
        margin-top: 1rem
    }
}

.tui-form__multi-field {
    flex: 1 1 0;
    min-width: 0;
    margin-left: .5rem
}

.tui-form__multi-field:first-child {
    margin-left: 0
}

@media screen and (width <=47.9625em) {
    .tui-form__multi-field {
        flex-basis: 100%;
        margin-top: 1rem;
        margin-left: 0
    }

    .tui-form__multi-field:first-child {
        margin-top: 0
    }
}

.tui-form__field-note {
    margin-top: .25rem;
    font: var(--tui-font-text-s);
    color: var(--tui-text-02)
}

.tui-form__field-checkbox {
    margin-top: .5rem
}

.tui-form__checkbox {
    flex: 1 1 calc(50% - .625rem)
}

.tui-form__checkbox:nth-child(2n) {
    margin-left: var(--fid-padding-xl)
}

.tui-form__checkbox:nth-child(n+3) {
    margin-top: var(--fid-padding)
}

.tui-form__buttons {
    display: flex;
    margin-top: .75rem
}

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

.tui-form__buttons_align_center {
    justify-content: center
}

@media screen and (width <=47.9625em) {
    .tui-form__buttons {
        flex-direction: column;
        margin-top: 1.5rem
    }
}

.tui-form__button {
    margin-left: .75rem
}

.tui-form__button:first-child {
    margin-left: 0
}

@media screen and (width <=47.9625em) {
    .tui-form__button {
        margin-top: .5rem;
        margin-left: 0
    }
}

tui-calendar-range tui-calendar {
    padding: 20px !important
}

tui-calendar [tuiWrapper][data-appearance=flat] {
    --tui-text-01: var(--fid-primary-text)
}

tui-calendar [tuiWrapper][data-appearance=flat]:after {
    border: 2px solid var(--fid-base-04);
    transition: border-color var(--tui-duration)
}

tui-calendar [tuiWrapper][data-appearance=flat]:hover:after {
    border-color: var(--fid-primary-text)
}

tui-calendar [tuiWrapper][data-appearance=flat]:active {
    color: var(--tui-base-01);
    background: var(--fid-primary-text);
    box-shadow: none
}

tui-calendar [tuiWrapper][data-appearance=flat]:active:after {
    border-color: var(--fid-primary-text)
}

tui-calendar [tuiIconButton][data-size=xs] {
    --tui-height-xs: 32px;
    border-radius: 50px
}

tui-calendar [tuiIconButton][data-size=xs]:hover .t-icon,
tui-calendar [tuiIconButton][data-size=xs]:hover {
    color: var(--fid-secondary)
}

tui-calendar [tuiIconButton][data-size=xs] [data-appearance=flat]:after,
tui-calendar [tuiIconButton][data-size=xs] [data-appearance=outline]:after {
    border-width: 2px !important
}

tui-calendar [tuiIconButton][data-size=xs] [data-appearance=flat]:hover {
    background: none
}

tui-calendar tui-primitive-calendar {
    --tui-secondary-hover: #e7e5fe;
    --tui-base-02: #e7e5fe;
    --tui-primary: var(--fid-secondary);
    --tui-primary-hover: var(--fid-secondary);
    --tui-primary-active: var(--fid-secondary);
    --tui-primary-text: var(--fid-base-01);
    --tui-negative: var(--fid-secondary);
    --tui-font-text-m: var(--tui-font-text-m)
}

tui-calendar tui-primitive-calendar [data-type=weekend] {
    color: inherit
}

tui-calendar tui-primitive-calendar .t-row_weekday {
    --tui-font-text-s: var(--tui-font-text-s);
    --tui-text-02: #7a7ab8;
    font-weight: 500
}

tui-calendar tui-primitive-calendar .t-cell[data-range=start]>.t-item:before,
tui-calendar tui-primitive-calendar .t-cell[data-range=end]>.t-item:before {
    border-radius: 50px !important;
    inset: 0 !important
}

tui-calendar tui-primitive-calendar .t-cell .t-item:before,
tui-calendar tui-primitive-calendar .t-cell:before {
    --tui-radius-m: 50px
}

tui-calendar tui-primitive-calendar .t-cell .t-item:after,
tui-calendar tui-primitive-calendar .t-cell:after {
    display: none
}

tui-calendar tui-primitive-calendar .t-cell.t-cell_interval:before {
    --tui-base-02: #e7e5fe
}

tui-calendar tui-primitive-calendar .t-cell[data-state=hover] .t-item {
    color: var(--tui-primary-text);
    border-radius: 50px
}

tui-calendar tui-primitive-calendar .t-cell[data-state=active]:hover .t-item {
    color: var(--tui-primary-text);
    border-radius: 50px
}

tui-calendar tui-primitive-calendar .t-cell[data-state=hover]:hover:not([data-range])>.t-item {
    --tui-secondary-hover: transparent;
    border: 2px solid #1c2369;
    color: #1c2369;
    line-height: 28px
}

tui-calendar.t-border {
    --tui-base-03: var(--fid-support-14);
    border-color: var(--fid-support-14)
}

tui-calendar .t-calendar-title {
    font: var(--fid-font-title-m);
    letter-spacing: -.25px
}

tui-calendar .t-calendar-title button {
    color: inherit
}

tui-calendar tui-primitive-year-picker .t-cell[automation-id=tui-primitive-year-picker__cell]:hover {
    color: #fff
}

[tuiWrapper] {
    transition: background var(--tui-duration), color var(--tui-duration)
}

[tuiButton] {
    --tui-radius-m: var(--fid-radius-m);
    --tui-primary-text: var(--fid-primary-text);
    position: relative;
    word-break: break-word
}

[tuiButton] .t-wrapper {
    font-weight: 600
}

[tuiIconButton][data-size=xs],
[tuiButton][data-size=xs] {
    --tui-padding: 16px;
    --tui-height-xs: 36px;
    --tui-font-text-s: 600 14px/157.143% var(--fid-text-font);
    border-radius: 20px
}

[tuiIconButton][data-size=s],
[tuiButton][data-size=s] {
    --tui-padding: 20px;
    --tui-height-s: 48px;
    --tui-font-text-s: 600 14px/157.143% var(--fid-text-font);
    border-radius: var(--fid-radius-l)
}

a[tuiIconButton][data-size=m],
button[tuiIconButton][data-size=m],
a[tuiButton][data-size=m],
button[tuiButton][data-size=m] {
    --tui-padding: 24px;
    --tui-height-m: 56px;
    --tui-font-text-m: 600 16px/137.5% var(--fid-text-font);
    border-radius: var(--fid-radius-l)
}

[tuiIconButton][data-size=l],
[tuiButton][data-size=l] {
    --tui-padding: 32px;
    --tui-height-l: 72px;
    --tui-font-text-m: 600 20px/120% var(--fid-text-font);
    border-radius: var(--fid-radius-l)
}

[tuiIconButton][data-size=xl],
[tuiButton][data-size=xl] {
    --tui-padding: 32px;
    --tui-height-xl: 80px;
    --tui-font-text-m: 600 28px/114.286% var(--fid-text-font);
    min-height: var(--tui-height-xl);
    border-radius: var(--fid-radius-l)
}

[data-appearance=primary][tuiButton] {
    --tui-primary-text: var(--tui-text-01);
    --tui-primary: var(--fid-primary);
    box-shadow: 0 8px 24px #00bb993d;
    transition: background var(--tui-duration)
}

[data-appearance=primary][tuiButton]:disabled,
[data-appearance=primary][tuiButton]:active,
[data-appearance=primary][tuiButton]:active:not(._no-active),
[data-appearance=primary][tuiButton][data-state=active],
[data-appearance=primary][tuiButton][data-state=active]:hover {
    box-shadow: none
}

[data-appearance=primary]:disabled {
    cursor: default
}

[data-appearance=primary][tuiWrapper][data-state=disabled] {
    --tui-disabled-opacity: 1;
    color: var(--fid-disabled-text);
    background: var(--fid-disabled)
}

[data-appearance=primary]:not([ng-reflect-show-loader=true])[data-state=disabled]:after {
    border-color: var(--fid-disabled)
}

[data-appearance=primary][tuiButton]:not([ng-reflect-show-loader=true]):disabled {
    --tui-primary: var(--fid-primary-active);
    --primary-text: var(--fid-text-01);
    box-shadow: none
}

[data-appearance=primary][tuiButton][ng-reflect-show-loader=true] [tuiwrapper] {
    background: var(--fid-primary-active);
    color: var(--fid-text-01)
}

[data-appearance=primary][tuiButton][ng-reflect-show-loader=true] [tuiwrapper]:after {
    border-color: transparent
}

[data-appearance=secondary] {
    --tui-link: var(--fid-base-01);
    transition: background var(--tui-duration)
}

[data-appearance=secondary]:focus,
[data-appearance=secondary]:hover,
[data-appearance=secondary]:hover:not(._no-hover),
[data-appearance=secondary][data-state=hover] {
    background: var(--tui-secondary-hover);
    outline: none
}

[data-appearance=secondary]:active,
[data-appearance=secondary]:active:not(._no-active),
[data-appearance=secondary][data-state=active],
[data-appearance=secondary][data-state=active]:hover {
    background: var(--tui-secondary-active);
    box-shadow: none
}

[data-appearance=secondary]:disabled {
    cursor: default
}

[data-appearance=secondary][tuiWrapper][data-state=disabled] {
    --tui-disabled-opacity: 1;
    color: var(--fid-disabled-text);
    background: var(--fid-disabled)
}

[data-appearance=secondary]:not([ng-reflect-show-loader=true])[data-state=disabled]:after {
    border-color: var(--fid-disabled)
}

[data-appearance=secondary][tuiButton]:not([ng-reflect-show-loader=true]):disabled {
    --tui-primary: var(--tui-secondary-active);
    --primary-text: var(--fid-base-01);
    box-shadow: none
}

[data-appearance=secondary][tuiButton][ng-reflect-show-loader=true] [tuiwrapper] {
    background: var(--tui-secondary-active);
    color: var(--fid-base-01)
}

[data-appearance=secondary][tuiButton][ng-reflect-show-loader=true] [tuiwrapper]:after {
    border-color: transparent
}

[data-appearance=accent] {
    color: var(--fid-primary-text);
    background: var(--tui-support-01)
}

[data-appearance=accent]:focus,
[data-appearance=accent]:hover,
[data-appearance=accent]:hover:not(._no-hover),
[data-appearance=accent][data-state=hover] {
    color: var(--fid-base-01);
    background: var(--tui-accent-hover);
    outline: none
}

[data-appearance=accent]:active,
[data-appearance=accent]:active:not(._no-active),
[data-appearance=accent][data-state=active],
[data-appearance=accent][data-state=active]:hover {
    color: var(--fid-base-01);
    background: var(--tui-accent-active);
    box-shadow: none
}

[data-appearance=accent]:disabled {
    cursor: default
}

[data-appearance=accent][tuiWrapper][data-state=disabled] {
    --tui-disabled-opacity: 1;
    color: var(--fid-disabled-text);
    background: var(--fid-disabled)
}

[data-appearance=accent]:not([ng-reflect-show-loader=true])[data-state=disabled]:after {
    border-color: var(--fid-disabled)
}

[data-appearance=accent][tuiButton]:not([ng-reflect-show-loader=true]):disabled {
    --tui-primary: var(--tui-secondary-active);
    --primary-text: var(--fid-base-01);
    box-shadow: none
}

[data-appearance=accent][tuiButton][ng-reflect-show-loader=true] [tuiwrapper] {
    background: var(--tui-secondary-active);
    color: var(--fid-base-01)
}

[data-appearance=accent][tuiButton][ng-reflect-show-loader=true] [tuiwrapper]:after {
    border-color: transparent
}

[data-appearance=whiteblock] {
    --tui-base-01: var(--fid-base-01);
    --tui-text-01: var(--tui-accent-text)
}

[data-appearance=whiteblock]:focus [tuiWrapper],
[data-appearance=whiteblock]:hover [tuiWrapper],
[data-appearance=whiteblock]:hover:not(._no-hover) [tuiWrapper],
[data-appearance=whiteblock][data-state=hover] [tuiWrapper] {
    --tui-base-02: var(--fid-accent)
}

[data-appearance=whiteblock]:active [tuiWrapper],
[data-appearance=whiteblock]:active:not(._no-active) [tuiWrapper],
[data-appearance=whiteblock][data-state=active] [tuiWrapper],
[data-appearance=whiteblock][data-state=active]:hover [tuiWrapper] {
    color: var(--fid-base-01);
    background: var(--tui-accent-active)
}

[data-appearance=whiteblock] [tuiWrapper]:after {
    border-color: transparent
}

[data-appearance=whiteblock] [tuiWrapper][data-state=active] {
    --tui-base-02: var(--fid-accent)
}

[data-appearance=whiteblock]:disabled {
    cursor: default
}

[data-appearance=whiteblock][tuiWrapper][data-state=disabled] {
    --tui-disabled-opacity: 1;
    color: var(--fid-disabled-text);
    background: var(--fid-disabled)
}

[data-appearance=whiteblock]:not([ng-reflect-show-loader=true])[data-state=disabled]:after {
    border-color: var(--fid-disabled)
}

[data-appearance=whiteblock][tuiButton]:not([ng-reflect-show-loader=true]):disabled {
    --tui-primary: var(--fid-secondary-active);
    --primary-text: var(--fid-base-01);
    box-shadow: none
}

[data-appearance=whiteblock][tuiButton][ng-reflect-show-loader=true] [tuiwrapper] {
    background: var(--fid-secondary-active);
    color: var(--fid-base-01)
}

[data-appearance=whiteblock][tuiButton][ng-reflect-show-loader=true] [tuiwrapper]:after {
    border-color: transparent
}

[data-appearance=outline] {
    --tui-text-01: var(--fid-primary-text);
    --border-width: 2px
}

[data-appearance=outline] [tuiWrapper]:after {
    border-width: var(--border-width);
    transition: border-color var(--tui-duration)
}

[data-appearance=outline][data-size=xs] [tuiWrapper]:after {
    border-width: var(--border-width) !important
}

[data-appearance=outline]:hover:after {
    border-color: var(--fid-primary-text)
}

[data-appearance=outline]:active {
    color: var(--tui-base-01);
    background: var(--fid-primary-text);
    box-shadow: none
}

[data-appearance=outline]:active:after {
    border-color: var(--fid-primary-text)
}

[data-appearance=outline]:disabled {
    cursor: default
}

[data-appearance=outline][tuiWrapper][data-state=disabled] {
    --tui-disabled-opacity: 1;
    color: var(--fid-disabled);
    background: transparent
}

[data-appearance=outline]:not([ng-reflect-show-loader=true])[data-state=disabled]:after {
    border-color: var(--fid-disabled)
}

[data-appearance=outline][tuiButton]:not([ng-reflect-show-loader=true]):disabled {
    --tui-primary: var(--fid-secondary-active);
    --primary-text: var(--fid-base-01);
    box-shadow: none
}

[data-appearance=outline][tuiButton][ng-reflect-show-loader=true] [tuiwrapper] {
    background: var(--fid-secondary-active);
    color: var(--fid-base-01)
}

[data-appearance=outline][tuiButton][ng-reflect-show-loader=true] [tuiwrapper]:after {
    border-color: transparent
}

[data-appearance=tertiary] [tuiWrapper] {
    --tui-base-01: var(--fid-clear-inverse-active);
    --tui-text-01: var(--fid-base-01);
    background: var(--tui-base-01);
    color: var(--tui-text-01)
}

[data-appearance=tertiary]:focus [tuiWrapper],
[data-appearance=tertiary]:hover [tuiWrapper],
[data-appearance=tertiary]:hover:not(._no-hover) [tuiWrapper],
[data-appearance=tertiary][data-state=hover] [tuiWrapper] {
    --tui-base-01: var(--fid-text-03-night)
}

[data-appearance=tertiary]:active [tuiWrapper],
[data-appearance=tertiary]:active:not(._no-active) [tuiWrapper],
[data-appearance=tertiary][data-state=active] [tuiWrapper],
[data-appearance=tertiary][data-state=active]:hover [tuiWrapper] {
    --tui-base-01: var(--fid-clear-inverse)
}

[data-appearance=tertiary] [tuiWrapper]:after {
    border-width: 0
}

[data-appearance=tertiary]:disabled {
    cursor: default
}

[data-appearance=tertiary][tuiWrapper][data-state=disabled] {
    --tui-disabled-opacity: 1;
    color: var(--fid-clear-inverse-active);
    background: var(--fid-clear-inverse)
}

[data-appearance=tertiary]:not([ng-reflect-show-loader=true])[data-state=disabled]:after {
    border-color: var(--fid-disabled)
}

[data-appearance=tertiary][tuiButton]:not([ng-reflect-show-loader=true]):disabled {
    --tui-primary: var(--fid-clear-inverse);
    --primary-text: var(--fid-base-01);
    box-shadow: none
}

[data-appearance=tertiary][tuiButton][ng-reflect-show-loader=true] [tuiwrapper] {
    background: var(--fid-clear-inverse);
    color: var(--fid-base-01)
}

[data-appearance=tertiary][tuiButton][ng-reflect-show-loader=true] [tuiwrapper]:after {
    border-color: transparent
}

[data-appearance=applepay] {
    --tui-primary-text: var(--tui-text-01);
    background-color: var(--tui-base-09);
    color: var(--tui-text-01-night);
    transition: background var(--tui-duration)
}

[data-appearance=applepay]:active,
[data-appearance=applepay]:active:not(._no-active),
[data-appearance=applepay][data-state=active],
[data-appearance=applepay][data-state=active]:hover {
    box-shadow: none
}

[data-appearance=applepay]:disabled {
    cursor: default
}

[data-appearance=applepay][tuiWrapper][data-state=disabled] {
    --tui-disabled-opacity: 1;
    color: var(--fid-disabled-text);
    background: var(--fid-disabled)
}

[data-appearance=primary-flat][tuiButton] {
    --tui-primary-text: var(--tui-text-01);
    --tui-primary: var(--fid-primary);
    box-shadow: 0 8px 24px #00bb993d;
    transition: background var(--tui-duration)
}

[data-appearance=primary-flat][tuiButton]:disabled,
[data-appearance=primary-flat][tuiButton]:active,
[data-appearance=primary-flat][tuiButton]:active:not(._no-active),
[data-appearance=primary-flat][tuiButton][data-state=active],
[data-appearance=primary-flat][tuiButton][data-state=active]:hover {
    box-shadow: none
}

[data-appearance=primary-flat]:disabled {
    cursor: default
}

[data-appearance=primary-flat][tuiWrapper][data-state=disabled] {
    --tui-disabled-opacity: 1;
    color: var(--fid-disabled-text);
    background: var(--fid-disabled)
}

[data-appearance=primary-flat]:not([ng-reflect-show-loader=true])[data-state=disabled]:after {
    border-color: var(--fid-disabled)
}

[data-appearance=primary-flat][tuiButton]:not([ng-reflect-show-loader=true]):disabled {
    --tui-primary: var(--fid-primary-active);
    --primary-text: var(--fid-text-01);
    box-shadow: none
}

[data-appearance=primary-flat][tuiButton][ng-reflect-show-loader=true] [tuiwrapper] {
    background: var(--fid-primary-active);
    color: var(--fid-text-01)
}

[data-appearance=primary-flat][tuiButton][ng-reflect-show-loader=true] [tuiwrapper]:after {
    border-color: transparent
}

[data-appearance=tertiary-flat] {
    color: var(--fid-primary-text);
    background: var(--tui-base-01)
}

[data-appearance=tertiary-flat]:focus,
[data-appearance=tertiary-flat]:hover {
    color: var(--tui-base-01);
    background: var(--fid-primary-text);
    outline: none;
    box-shadow: var(--fid-shadow-hover)
}

[data-appearance=tertiary-flat]:active {
    color: var(--tui-base-01);
    background: var(--fid-secondary-hover);
    box-shadow: none
}

[data-appearance=tertiary-flat]:disabled {
    cursor: default
}

[data-appearance=tertiary-flat][tuiWrapper][data-state=disabled] {
    --tui-disabled-opacity: 1;
    color: var(--fid-disabled-text);
    background: var(--fid-disabled)
}

[data-appearance=mono] {
    --tui-base-01: var(--tui-base-09);
    --tui-text-01: var(--tui-base-01)
}

[data-appearance=mono]:hover {
    --tui-base-01: var(--fid-secondary-hover)
}

[data-appearance=mono]:disabled {
    cursor: default
}

[data-appearance=mono][tuiWrapper][data-state=disabled] {
    --tui-disabled-opacity: 1;
    color: var(--fid-disabled-text);
    background: var(--fid-disabled)
}

[data-appearance=icon][data-appearance=icon] {
    opacity: 1
}

[data-appearance=outline-white] {
    --tui-text-01: var(--fid-base-01)
}

[data-appearance=outline-white]:after {
    border: 2px solid var(--fid-base-01);
    transition: border-color var(--tui-duration)
}

[data-appearance=outline-white]:hover {
    --tui-text-01: var(--fid-primary-text);
    color: var(--fid-primary-text);
    background-color: var(--fid-base-01)
}

[data-appearance=outline-white]:hover:after {
    border-color: var(--fid-base-01)
}

[data-appearance=outline-white]:active {
    --tui-text-01: var(--fid-text-01);
    color: var(--fid-text-01);
    background-color: var(--fid-base-01);
    box-shadow: none
}

[data-appearance=outline-white]:active:after {
    border-color: var(--fid-base-01)
}

[data-appearance=outline-white]:disabled {
    cursor: default
}

[data-appearance=outline-white][tuiWrapper][data-state=disabled] {
    --tui-disabled-opacity: 1;
    color: var(--fid-disabled-text);
    background: var(--fid-disabled)
}

[data-appearance=flat]:hover {
    color: var(--fid-base-01)
}

[data-appearance=accent-flat] {
    color: var(--fid-base-01);
    background: var(--fid-clear-inverse-active)
}

[data-appearance=accent-flat]:focus,
[data-appearance=accent-flat]:hover,
[data-appearance=accent-flat]:hover:not(._no-hover),
[data-appearance=accent-flat][data-state=hover] {
    color: var(--fid-text-01);
    background: var(--tui-support-10);
    outline: none
}

[data-appearance=accent-flat]:active,
[data-appearance=accent-flat]:active:not(._no-active),
[data-appearance=accent-flat][data-state=active],
[data-appearance=accent-flat][data-state=active]:hover {
    color: var(--fid-primary-text);
    background: var(--tui-support-10)
}

.transaction-history-filters [data-appearance=accent-flat]:active,
.transaction-history-filters [data-appearance=accent-flat]:active:not(._no-active),
.transaction-history-filters [data-appearance=accent-flat][data-state=active],
.transaction-history-filters [data-appearance=accent-flat][data-state=active]:hover {
    background: #c3c1ff
}

[tuiButton]>[tuiwrapper]:after,
[tuiIconButton]>[tuiwrapper]:after {
    --tui-focus: transparent
}

tui-dialog {
    --tui-font-text-m: var(--fid-font-title-m)
}

tui-dialog>.t-content {
    padding: 0 !important;
    overflow: auto
}

.t-dialog tui-dialog[data-size=s] {
    width: var(--dialog-size-s)
}

.t-dialog tui-dialog[data-size=m] {
    width: var(--dialog-size-m)
}

.t-dialog tui-dialog[data-size=l] {
    width: var(--dialog-size-l)
}

tui-root._mobile .t-dialog tui-dialog[data-size] {
    margin: auto auto 0;
    border-color: transparent;
    border-style: solid;
    border-width: 1.25rem 0 0;
    border-radius: var(--fid-radius-l) var(--fid-radius-l) 0 0
}

.t-dialog tui-dialog[data-appearance=mobile-full-screen] {
    border: none
}

@media screen and (min-width: 768px) {
    .t-dialog tui-dialog[data-appearance=mobile-full-screen] {
        border: 2.5rem solid transparent
    }
}

tui-root._mobile .t-dialog tui-dialog[data-appearance=mobile-full-screen][data-size] {
    border-radius: 0;
    border: none
}

.dialog-header {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 76px;
    padding: var(--tui-padding-xl);
    font: var(--tui-font-heading-5);
    color: var(--tui-text-01);
    background: var(--tui-gradient-01)
}

@media screen and (min-width: 768px) {
    .dialog-header {
        min-height: 92px;
        padding: 24px 52px;
        font: var(--fid-font-heading-3)
    }
}

.dialog-body {
    padding: var(--tui-padding-xl);
    background: var(--fid-support-05)
}

:host {
    --tui-padding-s: var(--fid-padding-s);
    --tui-padding-m: var(--fid-padding-s);
    --tui-padding-l: var(--fid-padding-s);
    --tui-padding-xl: var(--fid-padding-s);
    --input-height: 48px;
    --tui-height-s: var(--input-height);
    --tui-height-m: var(--input-height);
    --tui-height-l: var(--input-height);
    --tui-height-xl: var(--input-height)
}

tui-primitive-textfield.search-list-field,
tui-primitive-textfield.t-textfield {
    --input-height: 48px;
    --tui-height-s: var(--input-height);
    --tui-height-m: var(--input-height);
    --tui-height-l: var(--input-height);
    --tui-height-xl: var(--input-height)
}

tui-primitive-textfield.search-list-field,
tui-primitive-textfield.search-list-field .t-input,
tui-primitive-textfield.search-list-field .t-placeholder,
tui-primitive-textfield.search-list-field [tuitextfield],
tui-primitive-textfield.t-textfield,
tui-primitive-textfield.t-textfield .t-input,
tui-primitive-textfield.t-textfield .t-placeholder,
tui-primitive-textfield.t-textfield [tuitextfield] {
    --tui-font-text-s: var(--fid-font-title-m);
    --tui-font-text-m: var(--fid-font-title-m);
    --tui-font-text-l: var(--fid-font-title-m);
    --tui-font-text-xl: var(--fid-font-title-m);
    letter-spacing: -.25px;
    font-weight: 500 !important
}

tui-primitive-textfield.search-list-field .t-placeholder,
tui-primitive-textfield.t-textfield .t-placeholder {
    --tui-text-02: var(--fid-disabled-text)
}

[tuiWrapper][data-appearance=textfield] {
    --tui-base-03: transparent;
    --tui-base-01: var(--fid-support-05);
    --tui-primary: var(--fid-base-04);
    box-shadow: inset 0 3px 6px #0307300f
}

[tuiWrapper][data-appearance=textfield]._focused._focused,
[tuiWrapper][data-appearance=textfield]:hover:not(._no-hover) {
    background: var(--fid-base-01);
    box-shadow: inset 0 4px 1px 0 var(--fid-base-06)
}

[tuiWrapper][data-appearance=textfield]._focused._focused:after,
[tuiWrapper][data-appearance=textfield]:hover:not(._no-hover):after {
    --tui-base-03: var(--fid-base-04);
    border-width: 1px
}

[tuiWrapper][data-appearance=textfield]:invalid:invalid,
[tuiWrapper][data-appearance=textfield]._invalid._invalid {
    background: var(--fid-base-01)
}

[tuiWrapper][data-appearance=textfield]:invalid:invalid:after,
[tuiWrapper][data-appearance=textfield]._invalid._invalid:after {
    --tui-focus: var(--tui-error-fill);
    color: var(--tui-error-fill);
    border-width: 2px
}

[tuiWrapper][data-appearance=textfield] [data-appearance=icon][automation-id=tui-password__icon] {
    opacity: 1 !important
}

[tuiWrapper][data-appearance=textfield] [data-appearance=icon][automation-id=tui-password__icon] svg {
    display: none
}

[tuiWrapper][data-appearance=textfield] [type=password]~.t-content [data-appearance=icon][automation-id=tui-password__icon] {
    background: url(/assets/icons/eye.svg) center no-repeat
}

[tuiWrapper][data-appearance=textfield] [type=text]~.t-content [data-appearance=icon][automation-id=tui-password__icon] {
    background: url(/assets/icons/eye-open.svg) center no-repeat
}

tui-input-date [tuiWrapper][data-appearance=textfield] .t-icons {
    display: none
}

[tuiWrapper][data-appearance=textfield] .t-content .t-wrapper .t-ghost,
[tuiWrapper][data-appearance=textfield] .t-content .t-wrapper .t-placeholder {
    font-weight: 400
}

tui-data-list[data-list-size=l]>.t-empty {
    --tui-font-text-m: var(--fid-font-title-m)
}

tui-error {
    --tui-font-text-s: var(--fid-font-text-xs)
}

tui-data-list {
    --tui-data-list-padding: .25rem;
    --tui-data-list-margin: .0625rem;
    display: flex;
    flex-direction: column;
    padding: calc(var(--tui-data-list-padding) - var(--tui-data-list-margin)) var(--tui-data-list-padding);
    font: var(--tui-font-text-m);
    color: var(--tui-text-03)
}

tui-data-list:focus-within .t-trap {
    display: none
}

tui-data-list:focus-within [tuiOption]._with-dropdown:not(:focus) {
    background-color: transparent
}

tui-data-list[data-list-size=s] {
    --tui-data-list-margin: 0rem
}

tui-data-list[data-list-size=l] {
    --tui-data-list-padding: .375rem;
    --tui-data-list-margin: .125rem
}

tui-opt-group {
    position: relative;
    display: flex;
    flex-direction: column;
    font: var(--tui-font-text-xs);
    line-height: 1rem;
    color: var(--tui-text-02)
}

tui-data-list[data-list-size=l] tui-opt-group {
    font: var(--tui-font-text-s);
    line-height: var(--fid-height-xs-2)
}

tui-data-list[data-list-size=l] tui-opt-group:before {
    padding-right: .625rem;
    padding-left: .625rem
}

tui-data-list[data-list-size=l] tui-opt-group:after {
    right: .625rem;
    left: .625rem
}

tui-opt-group:empty:before,
tui-opt-group:empty:after {
    display: none
}

tui-opt-group:before {
    padding: var(--tui-data-list-padding) .5rem var(--tui-data-list-padding);
    margin: var(--tui-data-list-margin) 0;
    word-break: break-word;
    white-space: normal;
    content: attr(data-label)
}

tui-opt-group:after {
    position: absolute;
    top: var(--tui-data-list-padding);
    right: .5rem;
    left: .5rem;
    height: 1px;
    background: var(--tui-base-03)
}

tui-opt-group:not(:empty)~tui-opt-group:before {
    padding-top: calc(var(--fid-padding-s) + var(--tui-data-list-padding))
}

tui-opt-group:not(:empty)~tui-opt-group[data-label=""]:before,
tui-opt-group:not(:empty)~tui-opt-group:not([data-label]):before {
    padding: var(--tui-data-list-padding) 0
}

tui-opt-group:not(:empty)~tui-opt-group:after {
    content: ""
}

tui-opt-group[data-label=""]:before,
tui-opt-group:not([data-label]):before {
    padding: 0;
    margin: 0
}

.tui-title_h1 {
    font: var(--tui-font-heading-1);
    letter-spacing: -2px
}

.tui-title_h2 {
    font: var(--tui-font-heading-2);
    letter-spacing: -1.5px
}

.tui-title_h3 {
    font: var(--tui-font-heading-3);
    letter-spacing: -1.25px
}

.tui-title_h4 {
    font: var(--tui-font-heading-4);
    letter-spacing: -1px
}

.tui-title_h5 {
    font: var(--tui-font-heading-5);
    letter-spacing: -.75px
}

.tui-title_h6 {
    font: var(--tui-font-heading-6);
    letter-spacing: -.5px
}

.tui-headline_h1 {
    font: var(--fid-font-headline-xl);
    letter-spacing: -1px
}

.tui-headline_h2 {
    font: var(--fid-font-headline-l);
    letter-spacing: -.875px
}

.tui-headline_h3 {
    font: var(--fid-font-headline-m);
    letter-spacing: -.75px
}

.tui-headline_h4 {
    font: var(--fid-font-headline-sm);
    letter-spacing: -.75px
}

.tui-headline_h5 {
    font: var(--fid-font-headline-xs);
    letter-spacing: -.625px
}

.tui-headline_h6 {
    font: var(--fid-font-headline-xss);
    letter-spacing: -.25px
}

.tui-subtitle_h1 {
    font: var(--fid-font-title-xl);
    letter-spacing: -.25px
}

.tui-subtitle_h2 {
    font: var(--fid-font-title-l);
    letter-spacing: -.25px
}

.tui-subtitle_h3 {
    font: var(--fid-font-title-m);
    letter-spacing: -.25px
}

.tui-subtitle_h4 {
    font: var(--fid-font-title-sm);
    letter-spacing: -.25px
}

.tui-subtitle_h5 {
    font: var(--fid-font-title-xs);
    letter-spacing: -.25px
}

.tui-text_h1 {
    font: var(--fid-font-text-xl);
    letter-spacing: -.25px
}

.tui-text_h2 {
    font: var(--fid-font-text-l);
    letter-spacing: -.25px
}

.tui-text_h3 {
    font: var(--fid-font-text-m);
    letter-spacing: -.25px
}

.tui-text_h4 {
    font: var(--fid-font-text-sm);
    letter-spacing: -.25px
}

.tui-text_h5 {
    font: var(--fid-font-text-xs);
    letter-spacing: -.25px
}

.tui-text_h6 {
    font: var(--fid-font-text-xss);
    letter-spacing: -.25px
}

.tui-text_h7 {
    font: var(--fid-font-text-xsss);
    letter-spacing: -.25px
}

.tui-text_body-xl {
    font: var(--tui-font-text-xl)
}

.tui-text_body-l {
    font: var(--tui-font-text-l)
}

.tui-text_body-l-2 {
    font: var(--tui-font-text-l-2)
}

.tui-text_body-m {
    font: var(--tui-font-text-m)
}

.tui-text_body-m-2 {
    font: var(--tui-font-text-m-2)
}

.tui-text_body-s {
    font: var(--tui-font-text-s)
}

.tui-text_body-s-2 {
    font: var(--tui-font-text-s-2)
}

.tui-text_body-xs {
    font: var(--tui-font-text-xs)
}

.tui-text_bold {
    font-weight: 700
}

.text-container {
    display: grid;
    max-width: 816px;
    padding: var(--fid-padding-xl);
    margin-bottom: var(--fid-padding-m);
    background: var(--fid-base-01);
    border-radius: var(--fid-radius-m)
}

.form {
    --form-indent-m: .5rem;
    --form-indent-l: var(--fid-padding-s);
    display: grid;
    grid-gap: 28px
}

.form--title {
    font: var(--fid-font-text-sm);
    text-align: center
}

.form--group {
    display: grid;
    gap: 20px
}

.form--group._gap-s {
    gap: var(--fid-padding-s)
}

.form--row {
    display: block;
    min-width: 0
}

.form--row._multi-fields {
    display: flex
}

.form--field._multi-field {
    flex: 1 1 0;
    min-width: 0;
    margin-left: .5rem
}

.form--field._multi-field:first-child {
    margin-left: 0
}

.form--field._multi-field._multi-field-1-3 {
    flex: .42 1 0;
    min-width: 96px
}

.form--buttons {
    display: flex
}

.form--switcher {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: var(--fid-padding-s)
}

.form--switcher.tui-group tui-radio-block .t-wrapper {
    color: var(--fid-secondary);
    background: var(--fid-base-01)
}

.form--switcher.tui-group tui-radio-block .t-wrapper:after {
    border: 2px solid var(--fid-base-04)
}

.form--switcher.tui-group tui-radio-block._active .t-wrapper {
    color: var(--fid-base-01);
    background: var(--fid-secondary)
}

.form--switcher.tui-group tui-radio-block._active .t-wrapper:after {
    border-color: transparent
}

.form--switcher.tui-group.tui-group,
.form--switcher.tui-group.tui-group>*:nth-child(n) {
    border-radius: 50px
}

.form tui-checkbox-labeled tui-checkbox[data-size=l],
.form tui-checkbox-labeled tui-primitive-checkbox[data-size=l] {
    width: 28px;
    height: 28px
}

.form tui-checkbox-labeled tui-checkbox[data-size=l] [tuiwrapper],
.form tui-checkbox-labeled tui-primitive-checkbox[data-size=l] [tuiwrapper] {
    display: flex;
    place-content: center;
    place-items: center
}

.form tui-checkbox-labeled tui-checkbox[data-size=l] .t-mark,
.form tui-checkbox-labeled tui-primitive-checkbox[data-size=l] .t-mark {
    width: 24px;
    height: 24px
}

.form tui-checkbox-labeled tui-checkbox [tuiWrapper][data-appearance=primary],
.form tui-checkbox-labeled tui-primitive-checkbox [tuiWrapper][data-appearance=primary] {
    --tui-primary: var(--fid-support-05);
    --tui-primary-hover: var(--fid-support-05);
    --tui-primary-active: var(--fid-support-05);
    border: 1px solid transparent;
    box-shadow: inset var(--fid-shadow-checkbox);
    transition: border-color var(--tui-duration)
}

.form tui-checkbox-labeled tui-checkbox [tuiWrapper][data-appearance=primary]:hover,
.form tui-checkbox-labeled tui-primitive-checkbox [tuiWrapper][data-appearance=primary]:hover {
    border-color: var(--fid-secondary)
}

.form tui-checkbox-labeled[data-size=l] .t-content {
    --tui-font-text-m: var(--fid-font-text-sm)
}

.form tui-checkbox-labeled[data-size=l] .t-content [tuilink] {
    --tui-link: var(--fid-secondary);
    font-weight: 600
}

tui-hint {
    --tui-primary: var(--fid-support-02)
}

tui-radio-block.radio-btn[data-align=right] .t-wrapper[data-appearance=whiteblock] {
    padding: 2px 12px 2px var(--fid-padding-s)
}

tui-radio-block.radio-btn[data-align=right] .t-wrapper[data-appearance=whiteblock] tui-radio {
    margin: auto 0;
    width: 24px;
    height: 24px;
    border-radius: 8px
}

tui-radio-block.radio-btn[data-align=right] .t-wrapper[data-appearance=whiteblock] tui-radio [tuiWrapper][data-appearance=outline]:after {
    border: none;
    background: #f1f0fe;
    box-shadow: inset 0 4px 6px -2px #d4d4d4
}

tui-radio-block.radio-btn[data-align=right] .t-wrapper[data-appearance=whiteblock] tui-radio [tuiWrapper][data-appearance=primary] {
    background: #00bd30;
    box-shadow: inset 0 4px 6px -2px #0000001a
}

tui-radio-block.radio-btn[data-align=right] .t-wrapper[data-appearance=whiteblock] tui-radio .t-mark.t-mark_visible {
    width: 18px;
    height: 18px;
    margin: 3px;
    background: url(/assets/icons/check.svg) center no-repeat;
    filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%)
}

tui-alert[role=alert] {
    --tui-error-bg: var(--tui-base-01);
    --tui-warning-bg: var(--tui-base-01);
    --tui-info-bg: var(--tui-base-01);
    --tui-success-bg: var(--tui-base-01);
    --tui-neutral-bg: var(--tui-base-01);
    --tui-shadow-dropdown: var(--tui-shadow);
    width: 334px
}

tui-alert[role=alert] tui-notification {
    border: 1px solid var(--tui-support-20);
    border-radius: var(--tui-radius-l)
}

tui-alert[role=alert] tui-notification[data-size=m] {
    padding: var(--tui-padding-xs)
}

tui-alert[role=alert] tui-notification[data-size=m] .t-content {
    align-self: auto
}

tui-alert[role=alert] tui-notification [data-size=xs] [data-appearance=icon] .t-left {
    width: 24px;
    height: 24px
}

html body {
    touch-action: manipulation
}

html body[data-tui-theme] {
    font: var(--fid-font-title-xs);
    background: var(--tui-support-05)
}

@media screen and (min-width: 1280px) {
    html body[data-tui-theme] {
        font: var(--fid-font-title-sm);
        background: var(--tui-base-01)
    }
}

:root {
    --font-fallback: -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;
    --fid-font-name: "Montserrat";
    --fid-heading-font: var(--fid-font-name), var(--font-fallback);
    --fid-text-font: var(--fid-font-name), var(--font-fallback);
    --fid-font-heading: var(--fid-heading-font);
    --fid-font-heading-1: 700 48px/125% var(--fid-text-font);
    --fid-font-heading-2: 700 36px/133.333% var(--fid-text-font);
    --fid-font-heading-3: 700 32px/137.5% var(--fid-text-font);
    --fid-font-heading-4: 700 28px/142.857% var(--fid-text-font);
    --fid-font-heading-5: 700 24px/150% var(--fid-text-font);
    --fid-font-heading-6: 600 20px/150% var(--fid-text-font);
    --fid-font-headline-xl: 700 32px/137.5% var(--fid-text-font);
    --fid-font-headline-l: 700 28px/142.857% var(--fid-text-font);
    --fid-font-headline-m: 700 24px/150% var(--fid-text-font);
    --fid-font-headline-sm: 700 22px/145.455% var(--fid-text-font);
    --fid-font-headline-xs: 700 20px/140% var(--fid-text-font);
    --fid-font-headline-xss: 700 16px/137.5% var(--fid-text-font);
    --fid-font-title-xl: 600 20px/140% var(--fid-text-font);
    --fid-font-title-l: 600 18px/133.333% var(--fid-text-font);
    --fid-font-title-m: 600 16px/137.5% var(--fid-text-font);
    --fid-font-title-sm: 600 14px/142.857% var(--fid-text-font);
    --fid-font-title-xs: 600 12px/150% var(--fid-text-font);
    --fid-font-text-xl: 500 20px/140% var(--fid-text-font);
    --fid-font-text-l: 500 18px/133.333% var(--fid-text-font);
    --fid-font-text-m: 500 16px/137.5% var(--fid-text-font);
    --fid-font-text-sm: 500 14px/142.857% var(--fid-text-font);
    --fid-font-text-xs: 500 12px/150% var(--fid-text-font);
    --fid-font-text-xss: 500 10px/160% var(--fid-text-font);
    --fid-font-text-xsss: 500 8px/150% var(--fid-text-font);
    --fid-radius-xs: .25rem;
    --fid-radius-s: 8px;
    --fid-radius-m: 12px;
    --fid-radius-l: 16px;
    --fid-radius-xl: 20px;
    --fid-radius-xxl: 24px;
    --fid-radius-xxxl: 2rem;
    --fid-height: 3.75rem;
    --fid-height-xs: 1.5rem;
    --fid-height-xs-2: 20px;
    --fid-height-s: 2rem;
    --fid-height-m: 2.5rem;
    --fid-height-m-2: 3.5rem;
    --fid-height-l: 3.125rem;
    --fid-height-xl: 8rem;
    --fid-padding: 1rem;
    --fid-padding-xss: 4px;
    --fid-padding-xs: 8px;
    --fid-padding-s: 12px;
    --fid-padding-m: 14px;
    --fid-padding-l: 16px;
    --fid-padding-xl: 20px;
    --fid-padding-xxl: 30px;
    --fid-padding-xxl-2: 24px;
    --fid-padding-xxl-3: 28px;
    --fid-padding-xxl-4: 40px;
    --fid-duration: .3s;
    --fid-duration-slow: 1s;
    --fid-backdrop: none;
    --fid-disabled-opacity: .56;
    --fid-autofill: #fff5c0;
    --fid-gradient-01: linear-gradient(0deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .5) 100%), linear-gradient(90deg, #e7e7f3 0%, #d2d0fc 70%, #d6ebff 100%);
    --fid-gradient-02: linear-gradient(90deg, var(--fid-support-04) 0%, var(--fid-support-06) 29.41%, var(--fid-base-06) 100%);
    --fid-gradient-03: linear-gradient(-90deg, var(--fid-support-04) 0%, var(--fid-support-06) 29.41%, var(--fid-base-06) 100%);
    --fid-gradient-04: linear-gradient(270deg, var(--fid-support-04) 0%, var(--fid-support-06) 29.41%, var(--fid-base-06) 100%);
    --fid-gradient-05: linear-gradient(0deg, rgb(63 56 221 / 20%) 0%, rgb(63 56 221 / 20%) 100%), linear-gradient(270deg, var(--fid-support-04) 0%, var(--fid-support-06) 29.41%, var(--fid-base-06) 100%);
    --fid-base-00: rgb(0 0 0);
    --fid-base-01: rgb(255 255 255);
    --fid-base-02: #f6f6f6;
    --fid-base-03: #6059e7;
    --fid-base-04: rgb(210 207 254);
    --fid-base-05: #f1f0fe;
    --fid-base-06: rgb(228 227 242);
    --fid-base-07: #e2e1f6;
    --fid-base-08: #9b9ab2;
    --fid-base-09: var(--fid-base-00);
    --fid-primary: rgb(0 235 105);
    --fid-primary-hover: rgb(25 255 122);
    --fid-primary-active: rgb(0 212 102);
    --fid-primary-text: rgb(63 56 221);
    --fid-secondary: var(--fid-primary-text);
    --fid-secondary-active: #2a26bc;
    --fid-secondary-hover: rgb(11 0 255);
    --fid-secondary-text: rgb(126 123 180);
    --fid-accent: #e7e5fe;
    --fid-accent-hover: #0b00ff;
    --fid-accent-active: #2a26bc;
    --fid-accent-text: #3b34dd;
    --fid-selection: rgb(112 182 246 / 12%);
    --fid-focus: rgb(51 51 51 / 64%);
    --fid-clear: rgb(0 0 0 / 4%);
    --fid-clear-disabled: rgb(0 0 0 / 4%);
    --fid-clear-hover: rgb(0 0 0 / 16%);
    --fid-clear-active: rgb(0 0 0 / 20%);
    --fid-clear-inverse: rgb(255 255 255 / 16%);
    --fid-clear-inverse-hover: rgb(255 255 255 / 24%);
    --fid-clear-inverse-active: rgb(255 255 255 / 40%);
    --fid-disabled: rgb(205 205 228);
    --fid-disabled-text: rgb(122 122 184);
    --fid-elevation-01: var(--fid-base-01);
    --fid-elevation-02: var(--fid-base-01);
    --fid-error-fill: rgb(255 45 85);
    --fid-error-bg: rgb(244 87 37 / 12%);
    --fid-error-bg-hover: rgb(244 87 37 / 24%);
    --fid-success-fill: rgb(74 201 155 / 100%);
    --fid-success-bg: rgb(74 201 155 / 12%);
    --fid-success-bg-hover: rgb(74 201 155 / 24%);
    --fid-warning-fill: rgb(255 199 0 / 100%);
    --fid-warning-bg: rgb(255 199 0 / 12%);
    --fid-warning-bg-hover: rgb(255 199 0 / 24%);
    --fid-info-fill: rgb(112 182 246 / 100%);
    --fid-info-bg: rgb(112 182 246 / 12%);
    --fid-info-bg-hover: rgb(112 182 246 / 24%);
    --fid-neutral-fill: rgb(121 129 140);
    --fid-neutral-bg: rgb(121 129 140 / 12%);
    --fid-neutral-bg-hover: rgb(121 129 140 / 24%);
    --fid-text-01: rgb(28 35 105);
    --fid-text-02: rgb(155 154 178);
    --fid-text-03: rgb(27 31 59 / 40%);
    --fid-link: #526ed3;
    --fid-link-hover: #6c86e2;
    --fid-positive: #3aa981;
    --fid-positive-hover: #7ac5aa;
    --fid-negative: #dd4c1e;
    --fid-negative-hover: #e38163;
    --fid-error-fill-night: rgb(255 140 103 / 100%);
    --fid-error-bg-night: rgb(244 87 37 / 32%);
    --fid-error-bg-night-hover: rgb(244 87 37 / 40%);
    --fid-success-fill-night: rgb(74 201 155);
    --fid-success-bg-night: rgb(74 201 155 / 32%);
    --fid-success-bg-night-hover: rgb(74 201 155 / 40%);
    --fid-warning-fill-night: rgb(255 199 0);
    --fid-warning-bg-night: rgb(255 199 0 / 32%);
    --fid-warning-bg-night-hover: rgb(255 199 0 / 40%);
    --fid-info-fill-night: rgb(112 182 246);
    --fid-info-bg-night: rgb(112 182 246 / 32%);
    --fid-info-bg-night-hover: rgb(112 182 246 / 40%);
    --fid-neutral-fill-night: rgb(149 155 164);
    --fid-neutral-bg-night: rgb(149 155 164 / 32%);
    --fid-neutral-bg-night-hover: rgb(149 155 164 / 48%);
    --fid-autofill-night: rgb(85 74 42);
    --fid-text-01-night: rgb(255 255 255 / 100%);
    --fid-text-02-night: rgb(255 255 255 / 80%);
    --fid-text-03-night: rgb(255 255 255 / 60%);
    --fid-link-night: #6788ff;
    --fid-link-night-hover: #526ed3;
    --fid-positive-night: #44c596;
    --fid-positive-night-hover: #3aa981;
    --fid-negative-night: #ff8c67;
    --fid-negative-night-hover: #bb593a;
    --fid-support-01: rgb(237 236 255);
    --fid-support-02: rgb(213 227 243);
    --fid-support-03: rgb(209 209 218);
    --fid-support-04: rgb(203 225 244);
    --fid-support-05: rgb(248 248 255);
    --fid-support-06: rgb(207 215 255);
    --fid-support-07: rgb(255 184 0);
    --fid-support-08: #2779ef;
    --fid-support-09: rgb(0 215 86);
    --fid-support-10: rgb(226 225 255);
    --fid-support-11: #fee797;
    --fid-support-12: rgb(236 235 252);
    --fid-support-13: #ea97c4;
    --fid-support-14: rgb(248 248 251);
    --fid-support-15: #7fd7cc;
    --fid-support-16: rgb(76 73 242);
    --fid-support-17: #f4f4f9;
    --fid-support-18: #9d6f64;
    --fid-support-19: #d2e9a2;
    --fid-support-20: #f1f0f8;
    --fid-support-21: #a0c5df;
    --fid-chart-0: var(--tui-primary);
    --fid-chart-1: var(--tui-support-13);
    --fid-chart-2: var(--tui-support-21);
    --fid-chart-3: var(--tui-support-11);
    --fid-chart-4: var(--tui-base-03);
    --fid-shadow: 0 8px 20px 0 rgb(3 7 48 / 10%);
    --fid-shadow-hover: 0 12px 24px 0 rgb(45 40 158 / 28%);
    --fid-shadow-dropdown: 0 1.5rem 1rem var(0 0 0 / 3%), 0 .75rem .75rem rgb(0 0 0 / 4%), 0 .25rem .375rem rgb(0 0 0 / 5%);
    --fid-shadow-modal: 0 1.125rem 1.875rem rgb(0 0 0 / 48%);
    --fid-shadow-sidebar: .25rem 0 1.5rem rgb(0 0 0 / 12%);
    --fid-shadow-navigation: 0 .125rem 1rem rgb(0 0 0 / 8%);
    --fid-shadow-sheet: 0 -1rem 1.75rem rgb(0 0 0 / 24%);
    --fid-shadow-checkbox: 0 1px 3px 0 rgb(0 0 0 / 10%);
    --fid-shadow-cards: 0 1px 0 0 rgba(255 255 255 / 25%);
    --fid-link-icon-size: 1.25rem;
    --fid-xsmall-card: 280px;
    --fid-small-card: 300px;
    --fid-medium-card: 324px;
    --dialog-size-s: 27rem;
    --dialog-size-m: 35rem;
    --dialog-size-l: 55rem
}

body.xmas-theme .xmas-border,
body.xmas-theme .offer-page-card:after,
body.xmas-theme .auth-dialog--head:after,
body.xmas-theme .brand-dialog-header:after,
body.xmas-theme .casino-page-card-head:after,
body.xmas-theme .game-page-card-head:after,
body.xmas-theme .dialog-header:after,
body.xmas-theme fid-bottom-bar:after,
body.xmas-theme fid-welcome-banner:after,
body.xmas-theme fid-navigation-banner:after {
    position: absolute;
    height: 5px;
    background: url(/assets/images/xmas-event/line-bg.svg) center repeat-x #fff;
    box-shadow: 0 -2px 2px #5100d540 inset
}

body.xmas-theme .tree-border,
body.xmas-theme .offer-page-card:before,
body.xmas-theme .casino-page-card-head:before,
body.xmas-theme .game-page-card-head:before,
body.xmas-theme fid-bottom-bar:before {
    position: absolute;
    height: 34px;
    background-image: image-set(url(/assets/images/xmas-event/tree-border.png) 1x, url(/assets/images/xmas-event/tree-border@2x.png) 2x);
    background-repeat: repeat-x;
    background-position: center bottom
}

body.xmas-theme fid-welcome-banner,
body.xmas-theme fid-navigation-banner {
    display: block;
    position: relative
}

@media screen and (min-width: 1280px) {

    body.xmas-theme fid-welcome-banner:before,
    body.xmas-theme fid-navigation-banner:before {
        content: "";
        inset: auto 0 0;
        z-index: 1;
        pointer-events: none;
        position: absolute;
        height: 34px;
        background-image: image-set(url(/assets/images/xmas-event/tree-border.png) 1x, url(/assets/images/xmas-event/tree-border@2x.png) 2x);
        background-repeat: repeat-x;
        background-position: center bottom
    }
}

body.xmas-theme fid-welcome-banner:after,
body.xmas-theme fid-navigation-banner:after {
    content: "";
    inset: 0 0 auto;
    z-index: 2
}

@media screen and (min-width: 1280px) {

    body.xmas-theme fid-welcome-banner:after,
    body.xmas-theme fid-navigation-banner:after {
        inset: auto 0 0
    }
}

body.xmas-theme fid-welcome-banner .navigation-banner-head:before,
body.xmas-theme fid-welcome-banner .navigation-banner-head:after,
body.xmas-theme fid-navigation-banner .navigation-banner-head:before,
body.xmas-theme fid-navigation-banner .navigation-banner-head:after {
    content: "";
    position: absolute;
    inset: -17px auto auto;
    background-repeat: no-repeat;
    background-position: center bottom
}

@media screen and (min-width: 1280px) {

    body.xmas-theme fid-welcome-banner .navigation-banner-head:before,
    body.xmas-theme fid-welcome-banner .navigation-banner-head:after,
    body.xmas-theme fid-navigation-banner .navigation-banner-head:before,
    body.xmas-theme fid-navigation-banner .navigation-banner-head:after {
        display: none
    }
}

body.xmas-theme fid-welcome-banner .navigation-banner-head:before,
body.xmas-theme fid-navigation-banner .navigation-banner-head:before {
    background-image: image-set(url(/assets/images/xmas-event/discovery-ball-left.png) 1x, url(/assets/images/xmas-event/discovery-ball-left@2x.png) 2x);
    width: 25px;
    height: 53px;
    left: 16%
}

body.xmas-theme fid-welcome-banner .navigation-banner-head:after,
body.xmas-theme fid-navigation-banner .navigation-banner-head:after {
    background-image: image-set(url(/assets/images/xmas-event/discovery-ball-right.png) 1x, url(/assets/images/xmas-event/discovery-ball-right@2x.png) 2x);
    width: 25px;
    height: 55px;
    right: 16%
}

body.xmas-theme fid-welcome-banner {
    display: grid
}

body.xmas-theme fid-bottom-bar:before {
    content: "";
    position: absolute;
    inset: -34px 0 auto;
    height: 34px
}

body.xmas-theme fid-bottom-bar:after {
    content: "";
    inset: -5px 0 auto
}

body.xmas-theme .brand-dialog-header {
    position: relative;
    padding-right: 136px !important
}

body.xmas-theme .brand-dialog-header:before {
    content: "";
    position: absolute;
    inset: auto 50px 0 auto;
    height: 90px;
    width: 90px;
    background-image: image-set(url(/assets/images/xmas-event/cashier-tree.png) 1x, url(/assets/images/xmas-event/cashier-tree@2x.png) 2x);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: contain;
    z-index: 2
}

body.xmas-theme .layout-content fid-profile-page fid-profile-banner {
    overflow: hidden
}

body.xmas-theme .layout-content fid-profile-page fid-profile-banner:before,
body.xmas-theme .layout-content fid-profile-page fid-profile-banner:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 84px;
    width: 100px;
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: contain
}

body.xmas-theme .layout-content fid-profile-page fid-profile-banner:before {
    left: 0;
    background-image: image-set(url(/assets/images/xmas-event/profile-pic-left.png) 1x, url(/assets/images/xmas-event/profile-pic-left@2x.png) 2x)
}

@media screen and (min-width: 1280px) {
    body.xmas-theme .layout-content fid-profile-page fid-profile-banner:before {
        display: none
    }
}

body.xmas-theme .layout-content fid-profile-page fid-profile-banner:after {
    right: 0;
    background-image: image-set(url(/assets/images/xmas-event/profile-pic-right.png) 1x, url(/assets/images/xmas-event/profile-pic-right@2x.png) 2x)
}

body.xmas-theme .offer-page-card:before,
body.xmas-theme .casino-page-card-head:before,
body.xmas-theme .game-page-card-head:before {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 34px;
    z-index: 1;
    pointer-events: none
}

body.xmas-theme .offer-page-card,
body.xmas-theme .auth-dialog--head,
body.xmas-theme .brand-dialog-header,
body.xmas-theme .casino-page-card-head,
body.xmas-theme .game-page-card-head,
body.xmas-theme .dialog-header {
    position: relative
}

body.xmas-theme .offer-page-card:after,
body.xmas-theme .auth-dialog--head:after,
body.xmas-theme .brand-dialog-header:after,
body.xmas-theme .casino-page-card-head:after,
body.xmas-theme .game-page-card-head:after,
body.xmas-theme .dialog-header:after {
    content: "";
    inset: auto 0 0;
    z-index: 2
}

body.xmas-theme .game-page-card-head,
body.xmas-theme .casino-page-card-head,
body.xmas-theme .offer-page-card {
    overflow: hidden
}

@media screen and (min-width: 1280px) {
    body.xmas-theme .game-page-card-head {
        border-radius: var(--fid-radius-l)
    }
}

@supports (-webkit-touch-callout: none) {
    .t-root-scrollbar {
        display: none !important
    }
}

*,
*:before,
*:after {
    box-sizing: border-box
}

.container {
    --container-padding: var(--tui-padding-xl);
    width: 100%;
    min-width: 0;
    max-width: 1440px;
    padding: 0 var(--container-padding);
    margin: 0 auto
}

.container:empty {
    display: none
}

.container._small {
    max-width: 816px
}

.container._wide {
    --container-padding: 0;
    max-width: none
}

@media screen and (min-width: 1680px) {
    .container._wide {
        --container-padding: var(--tui-padding-xxl)
    }
}

.container-head {
    display: flex;
    gap: var(--tui-padding-l);
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--tui-padding-l);
    font: var(--fid-font-headline-xs)
}

@media screen and (min-width: 1440px) {
    .container-head {
        font: var(--fid-font-headline-m)
    }
}

.container-head._large {
    margin-bottom: var(--tui-padding-xl);
    font: var(--fid-font-heading-4)
}

@media screen and (min-width: 1440px) {
    .container-head._large {
        font: var(--fid-font-heading-3)
    }
}

.container-head._x-large {
    margin-bottom: var(--tui-padding-xl);
    font: var(--fid-font-heading-3)
}

@media screen and (min-width: 1440px) {
    .container-head._x-large {
        font: var(--fid-font-heading-2)
    }
}

.container-head--arrows {
    display: flex;
    gap: var(--fid-padding-s)
}

.container-head--arrow._hide {
    display: none
}

.container-carousel {
    margin: calc(var(--tui-carousel-padding) * -1)
}

.container-carousel._hide {
    display: none
}

.container-carousel--item {
    display: flex;
    flex-direction: column;
    gap: var(--tui-padding-m);
    height: 100%
}

.hidden-scrollbar {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: none
}

.hidden-scrollbar::-webkit-scrollbar,
.hidden-scrollbar::-webkit-scrollbar-track,
.hidden-scrollbar::-webkit-scrollbar-thumb {
    height: 0;
    visibility: hidden;
    opacity: 0;
    display: none
}

.scrollbar {
    max-width: 100vw;
    margin: 0 calc(var(--container-padding) * -1)
}

@media screen and (min-width: 1280px) {
    .scrollbar {
        margin: 0
    }
}

.scrollbar--content {
    display: flex;
    gap: var(--fid-padding-xs);
    padding-bottom: var(--tui-padding-l)
}

@media screen and (min-width: 1280px) {
    .scrollbar--content {
        padding-bottom: 0
    }
}

.scrollbar--content:before,
.scrollbar--content:after {
    flex-shrink: 0;
    width: calc(var(--container-padding) - var(--fid-padding-xs));
    content: ""
}

@media screen and (min-width: 1280px) {

    .scrollbar--content:before,
    .scrollbar--content:after {
        display: none
    }
}

.scrollbar--item {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: var(--fid-padding-s);
    width: var(--fid-xsmall-card);
    height: 100%
}

@media screen and (min-width: 360px) {
    .scrollbar--item {
        width: var(--fid-medium-card)
    }
}

@media screen and (min-width: 1280px) {
    .scrollbar--item {
        flex-shrink: 1;
        width: auto
    }
}

tui-dialog [tuiiconbutton].t-close {
    display: none !important
}

.t-overscroll-none {
    left: 0;
    right: 0
}