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

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("") format("truetype")
}

@keyframes tuiReveal {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes tuiFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

html {
    height: 100%;
    font-size: 16px
}

body {
    height: 100%;
    min-height: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html,
body {
    -webkit-overflow-scrolling: touch
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,
button,
select,
textarea {
    font-family: inherit;
    color: inherit
}

hr {
    margin: 0;
    height: 1px;
    border: none;
    background: var(--tui-base-03)
}

iframe {
    border: none
}

svg use {
    pointer-events: none
}

::selection {
    background-color: var(--tui-selection)
}

::-ms-clear {
    display: none
}

::-ms-reveal {
    display: none
}

@supports (-webkit-hyphens: none) and (text-align-last: right) {
    :after {
        content: none
    }
}

.tui-container {
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 80em) {
    .tui-container.tui-container_adaptive {
        width: 69rem
    }
}

@media screen and (max-width: 79.9625em) {
    .tui-container.tui-container_adaptive {
        width: 51.5rem
    }
}

@media screen and (max-width: 47.9625em) {
    .tui-container.tui-container_adaptive {
        width: 100%;
        padding: 0 1rem;
        box-sizing: border-box
    }
}

@media screen and (min-width: 80em) {
    .tui-container {
        width: 69rem
    }
}

@media screen and (max-width: 79.9625em) {
    .tui-container {
        width: 51.5rem;
        padding: 0 3rem
    }
}

@media screen and (min-width: 80em) {
    .tui-container_menu {
        width: 69rem
    }
}

@media (min-width: 64em) and (max-width: 79.9625em) {
    .tui-container_menu {
        width: 51.5rem
    }
}

@media screen and (max-width: 47.9625em) {
    .tui-container_menu {
        width: auto;
        padding: 0 1rem;
        box-sizing: border-box
    }
}

.tui-container_fullwidth {
    width: auto;
    padding: 0 1.5rem
}

@media screen and (max-width: 47.9625em) {
    .tui-container_fullwidth {
        padding: 0 1rem;
        box-sizing: border-box
    }
}

@media screen and (max-width: 79.9625em) {
    .tui-container_fixed {
        width: 69rem
    }
}

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

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

.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: 1rem
}

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

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

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

.tui-form__row_multi-fields {
    display: flex
}

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

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

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

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

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

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

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

@media screen and (max-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 {
    font: var(--tui-font-text-s);
    margin-top: .25rem;
    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: 1.25rem
}

.tui-form__checkbox:nth-child(n+3) {
    margin-top: 1rem
}

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

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

.tui-form__buttons_align_center {
    justify-content: center
}

@media screen and (max-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 (max-width: 47.9625em) {
    .tui-form__button {
        margin-top: .5rem;
        margin-left: 0
    }
}

.tui-island {
    position: relative;
    border-radius: var(--tui-radius-xl);
    background-color: var(--tui-base-01);
    word-wrap: break-word;
    text-decoration: none;
    color: var(--tui-text-01);
    outline: none;
    box-sizing: content-box
}

.tui-island:not(.tui-island_hoverable):before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    box-sizing: border-box;
    border: 1px solid var(--tui-base-03);
    border-radius: inherit;
    pointer-events: none
}

.tui-island:focus:before,
.tui-island:hover:focus:before {
    border-color: var(--tui-focus)
}

.tui-island_hoverable {
    box-shadow: 0 .25rem 1.5rem #0000001f;
    transition-property: all;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    cursor: pointer;
    transition-property: transform, box-shadow;
    will-change: transform, box-shadow;
    background: var(--tui-elevation-02)
}

.tui-island_hoverable:hover {
    box-shadow: 0 .75rem 2.25rem #0003;
    transform: translateY(-.25rem)
}

.tui-island_transparent {
    background-color: transparent
}

.tui-island_size_s {
    --tui-radius-xl: calc(4 * var(--tui-radius-l) / 3);
    font: var(--tui-font-text-s);
    padding: 1rem
}

.tui-island_size_m {
    --tui-radius-xl: calc(5 * var(--tui-radius-l) / 3);
    font: var(--tui-font-text-m);
    padding: 1rem
}

.tui-island_size_l {
    font: var(--tui-font-text-m);
    padding: 1.25rem
}

.tui-island_text-align_left {
    text-align: left
}

.tui-island_text-align_center {
    text-align: center
}

.tui-island_text-align_right {
    text-align: right
}

.tui-island__content {
    display: flex;
    justify-content: space-between
}

.tui-island_text-align_center .tui-island__content {
    display: block
}

.tui-island__content>* {
    min-width: 0
}

.tui-island__category {
    font-size: .6875rem;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: .075em;
    margin: 0 0 .5rem;
    color: var(--tui-text-02)
}

.tui-island_size_l .tui-island__category {
    margin: 0 0 .75rem
}

.tui-island__title {
    font: var(--tui-font-text-m);
    margin: 0 0 .5rem
}

.tui-island_size_m .tui-island__title {
    font: var(--tui-font-heading-6);
    margin: 0 0 .75rem
}

.tui-island_size_l .tui-island__title {
    font: var(--tui-font-heading-6)
}

.tui-island__paragraph {
    margin: 0;
    color: var(--tui-text-02)
}

.tui-island__paragraph_link.tui-island__paragraph {
    margin-top: 1rem
}

.tui-island_size_l .tui-island__paragraph_link.tui-island__paragraph {
    margin: 1rem 0 0
}

.tui-island__paragraph_button.tui-island__paragraph {
    margin-top: 1.25rem
}

.tui-island_size_l .tui-island__paragraph_button.tui-island__paragraph {
    margin: 1.25rem 0 0
}

.tui-island__figure {
    display: flex;
    justify-content: center;
    order: 1;
    flex-shrink: 0;
    margin: 0 0 0 1rem
}

.tui-island_size_l .tui-island__figure {
    margin-left: 2.25rem
}

.tui-island_text-align_center .tui-island__figure {
    margin: 0 0 .75rem
}

.tui-island__carousel-controls {
    display: flex;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--tui-base-03);
    white-space: nowrap
}

.tui-island__carousel-pages {
    margin-left: auto;
    color: var(--tui-text-02)
}

.tui-island__carousel-button {
    margin-right: .5rem
}

.tui-island .tui-island__footer-button {
    display: block;
    width: calc(100% + 1.875rem);
    margin: 1rem calc(-1rem + 1px) calc(-1rem + 1px);
    border-top: 1px solid var(--tui-base-03);
    border-radius: 0 0 var(--tui-radius-xl) var(--tui-radius-xl)
}

.tui-island_size_l .tui-island__footer-button {
    width: calc(100% + 2.375rem);
    margin: 1.25rem calc(-1.25rem + 1px) calc(-1.25rem + 1px)
}

.tui-island__marker:first-child:not(:only-child) {
    margin-right: 1.25rem
}

.tui-island__marker:not(:first-child),
.tui-island__marker:only-child {
    margin-left: 1.25rem
}

.tui-list {
    font: var(--tui-font-text-m);
    line-height: 1.5rem;
    list-style-type: none;
    color: var(--tui-text-01)
}

.tui-list_large {
    font: var(--tui-font-text-l);
    line-height: 1.75rem
}

.tui-list_small,
.tui-list_extra-small {
    font: var(--tui-font-text-s);
    line-height: 1.25rem
}

.tui-list_nested {
    margin: .75rem 0 .75rem 1.25rem;
    color: var(--tui-text-02)
}

.tui-list_large .tui-list_nested {
    margin-left: .75rem
}

.tui-list_small .tui-list_nested {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.tui-list_ordered {
    counter-reset: counter
}

.tui-list__item {
    position: relative;
    padding-left: 1.5rem;
    word-wrap: break-word;
    margin-top: .75rem
}

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

.tui-list__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: .5rem;
    width: .5rem;
    height: .5rem;
    border-radius: 100%;
    background-color: var(--tui-primary)
}

.tui-list_large>.tui-list__item:before {
    top: .625rem
}

.tui-list_small>.tui-list__item:before {
    top: .325rem
}

.tui-list_extra-small>.tui-list__item {
    margin-top: .5rem
}

.tui-list_linear .tui-list__item {
    padding-left: 1.75rem
}

.tui-list_linear .tui-list__item:before {
    content: "\2014";
    left: 0;
    top: auto;
    width: auto;
    height: auto;
    background-color: transparent
}

.tui-list_ordered .tui-list__item {
    padding-left: 1.25rem
}

.tui-list_ordered .tui-list__item:before {
    content: counter(counter) ".";
    left: 0;
    top: auto;
    counter-increment: counter;
    width: auto;
    height: auto;
    color: var(--tui-text-03);
    background-color: transparent
}

.tui-list_triangle>.tui-list__item {
    padding-left: 1.75rem
}

.tui-list_triangle>.tui-list__item:before {
    content: "\25e4";
    left: 0;
    top: 1px;
    width: auto;
    height: auto;
    background-color: transparent;
    color: var(--tui-base-06);
    font-size: .75rem
}

.tui-list__item-title {
    font: var(--tui-font-heading-5);
    margin: 0
}

.tui-list_small .tui-list__item-title {
    line-height: 1.25rem;
    font-weight: 700
}

.tui-list__description {
    margin: .5rem 0 0;
    color: var(--tui-text-02)
}

.tui-list_small .tui-list__description {
    margin-top: .25rem
}

.tui-list_large .tui-list__description {
    line-height: 1.75rem;
    margin-top: .75rem
}

@media not screen and (max-width: 47.9625em) {
    .tui-mobile-only {
        display: none !important
    }
}

.tui-required:after {
    content: "*"
}

.tui-required_float:after {
    position: absolute
}

.tui-required_spacing:after {
    content: "\a0*"
}

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

.tui-row_align_center {
    align-items: center
}

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

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

@media screen and (min-width: 80em) {
    .tui-row_adaptive.tui-row {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }
}

@media screen and (max-width: 79.9625em) {
    .tui-row_adaptive.tui-row {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }
}

@media screen and (max-width: 47.9625em) {
    .tui-row_adaptive.tui-row {
        margin-left: -.5rem;
        margin-right: -.5rem
    }
}

.tui-row_temporary.tui-row {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

@media screen and (min-width: 80em) {
    .tui-row {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }
}

@media screen and (max-width: 79.9625em) {
    .tui-row {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }
}

.tui-col_1 {
    width: 8.33333333%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_2 {
    width: 16.66666667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_3 {
    width: 25%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_4 {
    width: 33.33333333%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_5 {
    width: 41.66666667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_6 {
    width: 50%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_7 {
    width: 58.33333333%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_8 {
    width: 66.66666667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_9 {
    width: 75%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_10 {
    width: 83.33333333%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_11 {
    width: 91.66666667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_12 {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_md-1 {
    width: 8.33333333%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_md-2 {
    width: 16.66666667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_md-3 {
    width: 25%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_md-4 {
    width: 33.33333333%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_md-5 {
    width: 41.66666667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_md-6 {
    width: 50%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_md-7 {
    width: 58.33333333%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_md-8 {
    width: 66.66666667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_md-9 {
    width: 75%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_md-10 {
    width: 83.33333333%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_md-11 {
    width: 91.66666667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_md-12 {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-col_stretch {
    display: flex
}

@media screen and (min-width: 80em) {
    .tui-row_adaptive .tui-col_lg-1 {
        width: 8.33333333%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_lg-2 {
        width: 16.66666667%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_lg-3 {
        width: 25%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_lg-4 {
        width: 33.33333333%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_lg-5 {
        width: 41.66666667%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_lg-6 {
        width: 50%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_lg-7 {
        width: 58.33333333%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_lg-8 {
        width: 66.66666667%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_lg-9 {
        width: 75%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_lg-10 {
        width: 83.33333333%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_lg-11 {
        width: 91.66666667%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_lg-12 {
        width: 100%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }
}

@media screen and (max-width: 79.9625em) {
    .tui-row_adaptive .tui-col_md-1 {
        width: 8.33333333%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_md-2 {
        width: 16.66666667%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_md-3 {
        width: 25%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_md-4 {
        width: 33.33333333%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_md-5 {
        width: 41.66666667%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_md-6 {
        width: 50%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_md-7 {
        width: 58.33333333%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_md-8 {
        width: 66.66666667%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_md-9 {
        width: 75%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_md-10 {
        width: 83.33333333%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_md-11 {
        width: 91.66666667%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_md-12 {
        width: 100%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        box-sizing: border-box
    }
}

@media screen and (max-width: 47.9625em) {
    .tui-row_adaptive .tui-col_xs-1 {
        width: 8.33333333%;
        padding-left: .5rem;
        padding-right: .5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_xs-2 {
        width: 16.66666667%;
        padding-left: .5rem;
        padding-right: .5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_xs-3 {
        width: 25%;
        padding-left: .5rem;
        padding-right: .5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_xs-4 {
        width: 33.33333333%;
        padding-left: .5rem;
        padding-right: .5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_xs-5 {
        width: 41.66666667%;
        padding-left: .5rem;
        padding-right: .5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_xs-6 {
        width: 50%;
        padding-left: .5rem;
        padding-right: .5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_xs-7 {
        width: 58.33333333%;
        padding-left: .5rem;
        padding-right: .5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_xs-8 {
        width: 66.66666667%;
        padding-left: .5rem;
        padding-right: .5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_xs-9 {
        width: 75%;
        padding-left: .5rem;
        padding-right: .5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_xs-10 {
        width: 83.33333333%;
        padding-left: .5rem;
        padding-right: .5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_xs-11 {
        width: 91.66666667%;
        padding-left: .5rem;
        padding-right: .5rem;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_xs-12 {
        width: 100%;
        padding-left: .5rem;
        padding-right: .5rem;
        box-sizing: border-box
    }
}

.tui-row_temporary .tui-col_1 {
    width: 8.33333333%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-row_temporary .tui-col_2 {
    width: 16.66666667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-row_temporary .tui-col_3 {
    width: 25%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-row_temporary .tui-col_4 {
    width: 33.33333333%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-row_temporary .tui-col_5 {
    width: 41.66666667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-row_temporary .tui-col_6 {
    width: 50%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-row_temporary .tui-col_7 {
    width: 58.33333333%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-row_temporary .tui-col_8 {
    width: 66.66666667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-row_temporary .tui-col_9 {
    width: 75%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-row_temporary .tui-col_10 {
    width: 83.33333333%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-row_temporary .tui-col_11 {
    width: 91.66666667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

.tui-row_temporary .tui-col_12 {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box
}

@media screen and (min-width: 80em) {
    .tui-col_1 {
        width: 8.33333333%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-col_2 {
        width: 16.66666667%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-col_3 {
        width: 25%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-col_4 {
        width: 33.33333333%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-col_5 {
        width: 41.66666667%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-col_6 {
        width: 50%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-col_7 {
        width: 58.33333333%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-col_8 {
        width: 66.66666667%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-col_9 {
        width: 75%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-col_10 {
        width: 83.33333333%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-col_11 {
        width: 91.66666667%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }

    .tui-col_12 {
        width: 100%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box
    }
}

.tui-col-offset_1 {
    margin-left: 8.33333333%
}

.tui-col-offset_2 {
    margin-left: 16.66666667%
}

.tui-col-offset_3 {
    margin-left: 25%
}

.tui-col-offset_4 {
    margin-left: 33.33333333%
}

.tui-col-offset_5 {
    margin-left: 41.66666667%
}

.tui-col-offset_6 {
    margin-left: 50%
}

.tui-col-offset_7 {
    margin-left: 58.33333333%
}

.tui-col-offset_8 {
    margin-left: 66.66666667%
}

.tui-col-offset_9 {
    margin-left: 75%
}

.tui-col-offset_10 {
    margin-left: 83.33333333%
}

.tui-col-offset_11 {
    margin-left: 91.66666667%
}

.tui-col-offset_12 {
    margin-left: 100%
}

@media (min-width: 22.5em) and (max-width: 47.9625em) {
    .tui-col-offset_xs-1 {
        margin-left: 8.33333333%
    }

    .tui-col-offset_xs-2 {
        margin-left: 16.66666667%
    }

    .tui-col-offset_xs-3 {
        margin-left: 25%
    }

    .tui-col-offset_xs-4 {
        margin-left: 33.33333333%
    }

    .tui-col-offset_xs-5 {
        margin-left: 41.66666667%
    }

    .tui-col-offset_xs-6 {
        margin-left: 50%
    }

    .tui-col-offset_xs-7 {
        margin-left: 58.33333333%
    }

    .tui-col-offset_xs-8 {
        margin-left: 66.66666667%
    }

    .tui-col-offset_xs-9 {
        margin-left: 75%
    }

    .tui-col-offset_xs-10 {
        margin-left: 83.33333333%
    }

    .tui-col-offset_xs-11 {
        margin-left: 91.66666667%
    }

    .tui-col-offset_xs-12 {
        margin-left: 100%
    }
}

@media screen and (max-width: 79.9625em) {
    .tui-col-offset_md-1 {
        margin-left: 8.33333333%
    }

    .tui-col-offset_md-2 {
        margin-left: 16.66666667%
    }

    .tui-col-offset_md-3 {
        margin-left: 25%
    }

    .tui-col-offset_md-4 {
        margin-left: 33.33333333%
    }

    .tui-col-offset_md-5 {
        margin-left: 41.66666667%
    }

    .tui-col-offset_md-6 {
        margin-left: 50%
    }

    .tui-col-offset_md-7 {
        margin-left: 58.33333333%
    }

    .tui-col-offset_md-8 {
        margin-left: 66.66666667%
    }

    .tui-col-offset_md-9 {
        margin-left: 75%
    }

    .tui-col-offset_md-10 {
        margin-left: 83.33333333%
    }

    .tui-col-offset_md-11 {
        margin-left: 91.66666667%
    }

    .tui-col-offset_md-12 {
        margin-left: 100%
    }
}

@media screen and (min-width: 80em) {
    .tui-col-offset_lg-1 {
        margin-left: 8.33333333%
    }

    .tui-col-offset_lg-2 {
        margin-left: 16.66666667%
    }

    .tui-col-offset_lg-3 {
        margin-left: 25%
    }

    .tui-col-offset_lg-4 {
        margin-left: 33.33333333%
    }

    .tui-col-offset_lg-5 {
        margin-left: 41.66666667%
    }

    .tui-col-offset_lg-6 {
        margin-left: 50%
    }

    .tui-col-offset_lg-7 {
        margin-left: 58.33333333%
    }

    .tui-col-offset_lg-8 {
        margin-left: 66.66666667%
    }

    .tui-col-offset_lg-9 {
        margin-left: 75%
    }

    .tui-col-offset_lg-10 {
        margin-left: 83.33333333%
    }

    .tui-col-offset_lg-11 {
        margin-left: 91.66666667%
    }

    .tui-col-offset_lg-12 {
        margin-left: 100%
    }
}

.tui-skeleton {
    position: relative;
    color: transparent !important;
    background: transparent !important;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.tui-skeleton:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--tui-clear-hover);
    animation: tuiSkeletonVibe ease-in-out 1s infinite alternate;
    border-radius: var(--tui-skeleton-radius, 0)
}

.tui-skeleton_light:after {
    background-color: #ffffff3d
}

.tui-skeleton_rounded:after {
    border-radius: inherit
}

.tui-skeleton_short:after {
    width: 40%
}

.tui-skeleton_center:after {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 40%
}

.tui-skeleton_text:before {
    content: "\a0"
}

.tui-skeleton * {
    opacity: 0;
    visibility: hidden
}

.tui-space_all-16 {
    margin: 4rem
}

.tui-space_all-15 {
    margin: 3.75rem
}

.tui-space_all-14 {
    margin: 3.5rem
}

.tui-space_all-13 {
    margin: 3.25rem
}

.tui-space_all-12 {
    margin: 3rem
}

.tui-space_all-11 {
    margin: 2.75rem
}

.tui-space_all-10 {
    margin: 2.5rem
}

.tui-space_all-9 {
    margin: 2.25rem
}

.tui-space_all-8 {
    margin: 2rem
}

.tui-space_all-7 {
    margin: 1.75rem
}

.tui-space_all-6 {
    margin: 1.5rem
}

.tui-space_all-5 {
    margin: 1.25rem
}

.tui-space_all-4 {
    margin: 1rem
}

.tui-space_all-3 {
    margin: .75rem
}

.tui-space_all-2 {
    margin: .5rem
}

.tui-space_all-1 {
    margin: .25rem
}

.tui-space_all-0 {
    margin: 0rem
}

.tui-space_top-16 {
    margin-top: 4rem
}

.tui-space_top-15 {
    margin-top: 3.75rem
}

.tui-space_top-14 {
    margin-top: 3.5rem
}

.tui-space_top-13 {
    margin-top: 3.25rem
}

.tui-space_top-12 {
    margin-top: 3rem
}

.tui-space_top-11 {
    margin-top: 2.75rem
}

.tui-space_top-10 {
    margin-top: 2.5rem
}

.tui-space_top-9 {
    margin-top: 2.25rem
}

.tui-space_top-8 {
    margin-top: 2rem
}

.tui-space_top-7 {
    margin-top: 1.75rem
}

.tui-space_top-6 {
    margin-top: 1.5rem
}

.tui-space_top-5 {
    margin-top: 1.25rem
}

.tui-space_top-4 {
    margin-top: 1rem
}

.tui-space_top-3 {
    margin-top: .75rem
}

.tui-space_top-2 {
    margin-top: .5rem
}

.tui-space_top-1 {
    margin-top: .25rem
}

.tui-space_top-0 {
    margin-top: 0rem
}

.tui-space_bottom-16 {
    margin-bottom: 4rem
}

.tui-space_bottom-15 {
    margin-bottom: 3.75rem
}

.tui-space_bottom-14 {
    margin-bottom: 3.5rem
}

.tui-space_bottom-13 {
    margin-bottom: 3.25rem
}

.tui-space_bottom-12 {
    margin-bottom: 3rem
}

.tui-space_bottom-11 {
    margin-bottom: 2.75rem
}

.tui-space_bottom-10 {
    margin-bottom: 2.5rem
}

.tui-space_bottom-9 {
    margin-bottom: 2.25rem
}

.tui-space_bottom-8 {
    margin-bottom: 2rem
}

.tui-space_bottom-7 {
    margin-bottom: 1.75rem
}

.tui-space_bottom-6 {
    margin-bottom: 1.5rem
}

.tui-space_bottom-5 {
    margin-bottom: 1.25rem
}

.tui-space_bottom-4 {
    margin-bottom: 1rem
}

.tui-space_bottom-3 {
    margin-bottom: .75rem
}

.tui-space_bottom-2 {
    margin-bottom: .5rem
}

.tui-space_bottom-1 {
    margin-bottom: .25rem
}

.tui-space_bottom-0 {
    margin-bottom: 0rem
}

.tui-space_vertical-16 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.tui-space_vertical-15 {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem
}

.tui-space_vertical-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem
}

.tui-space_vertical-13 {
    margin-top: 3.25rem;
    margin-bottom: 3.25rem
}

.tui-space_vertical-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.tui-space_vertical-11 {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem
}

.tui-space_vertical-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.tui-space_vertical-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem
}

.tui-space_vertical-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.tui-space_vertical-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem
}

.tui-space_vertical-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.tui-space_vertical-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.tui-space_vertical-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.tui-space_vertical-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.tui-space_vertical-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.tui-space_vertical-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.tui-space_vertical-0 {
    margin-top: 0rem;
    margin-bottom: 0rem
}

.tui-space_left-16 {
    margin-left: 4rem
}

.tui-space_left-15 {
    margin-left: 3.75rem
}

.tui-space_left-14 {
    margin-left: 3.5rem
}

.tui-space_left-13 {
    margin-left: 3.25rem
}

.tui-space_left-12 {
    margin-left: 3rem
}

.tui-space_left-11 {
    margin-left: 2.75rem
}

.tui-space_left-10 {
    margin-left: 2.5rem
}

.tui-space_left-9 {
    margin-left: 2.25rem
}

.tui-space_left-8 {
    margin-left: 2rem
}

.tui-space_left-7 {
    margin-left: 1.75rem
}

.tui-space_left-6 {
    margin-left: 1.5rem
}

.tui-space_left-5 {
    margin-left: 1.25rem
}

.tui-space_left-4 {
    margin-left: 1rem
}

.tui-space_left-3 {
    margin-left: .75rem
}

.tui-space_left-2 {
    margin-left: .5rem
}

.tui-space_left-1 {
    margin-left: .25rem
}

.tui-space_left-0 {
    margin-left: 0rem
}

.tui-space_right-16 {
    margin-right: 4rem
}

.tui-space_right-15 {
    margin-right: 3.75rem
}

.tui-space_right-14 {
    margin-right: 3.5rem
}

.tui-space_right-13 {
    margin-right: 3.25rem
}

.tui-space_right-12 {
    margin-right: 3rem
}

.tui-space_right-11 {
    margin-right: 2.75rem
}

.tui-space_right-10 {
    margin-right: 2.5rem
}

.tui-space_right-9 {
    margin-right: 2.25rem
}

.tui-space_right-8 {
    margin-right: 2rem
}

.tui-space_right-7 {
    margin-right: 1.75rem
}

.tui-space_right-6 {
    margin-right: 1.5rem
}

.tui-space_right-5 {
    margin-right: 1.25rem
}

.tui-space_right-4 {
    margin-right: 1rem
}

.tui-space_right-3 {
    margin-right: .75rem
}

.tui-space_right-2 {
    margin-right: .5rem
}

.tui-space_right-1 {
    margin-right: .25rem
}

.tui-space_right-0 {
    margin-right: 0rem
}

.tui-space_horizontal-16 {
    margin-right: 4rem;
    margin-left: 4rem
}

.tui-space_horizontal-15 {
    margin-right: 3.75rem;
    margin-left: 3.75rem
}

.tui-space_horizontal-14 {
    margin-right: 3.5rem;
    margin-left: 3.5rem
}

.tui-space_horizontal-13 {
    margin-right: 3.25rem;
    margin-left: 3.25rem
}

.tui-space_horizontal-12 {
    margin-right: 3rem;
    margin-left: 3rem
}

.tui-space_horizontal-11 {
    margin-right: 2.75rem;
    margin-left: 2.75rem
}

.tui-space_horizontal-10 {
    margin-right: 2.5rem;
    margin-left: 2.5rem
}

.tui-space_horizontal-9 {
    margin-right: 2.25rem;
    margin-left: 2.25rem
}

.tui-space_horizontal-8 {
    margin-right: 2rem;
    margin-left: 2rem
}

.tui-space_horizontal-7 {
    margin-right: 1.75rem;
    margin-left: 1.75rem
}

.tui-space_horizontal-6 {
    margin-right: 1.5rem;
    margin-left: 1.5rem
}

.tui-space_horizontal-5 {
    margin-right: 1.25rem;
    margin-left: 1.25rem
}

.tui-space_horizontal-4 {
    margin-right: 1rem;
    margin-left: 1rem
}

.tui-space_horizontal-3 {
    margin-right: .75rem;
    margin-left: .75rem
}

.tui-space_horizontal-2 {
    margin-right: .5rem;
    margin-left: .5rem
}

.tui-space_horizontal-1 {
    margin-right: .25rem;
    margin-left: .25rem
}

.tui-space_horizontal-0 {
    margin-right: 0rem;
    margin-left: 0rem
}

.tui-space_auto {
    margin-left: auto;
    margin-right: auto
}

.tui-table {
    width: 100%
}

.tui-table_layout_fixed {
    table-layout: fixed
}

.tui-table__tr {
    transition-property: background;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    outline: none
}

.tui-table__tr:not(.tui-table__tr_hover_disabled):hover {
    background: var(--tui-base-02)
}

.tui-table__tr:not(.tui-table__tr_border_none) {
    border-bottom: 1px solid var(--tui-base-03)
}

.tui-table__tr_border_top {
    border-top: 1px solid var(--tui-base-03)
}

.tui-table__tr_cursor_pointer {
    cursor: pointer
}

.tui-table__th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font: var(--tui-font-text-s);
    padding: .5rem 1rem;
    vertical-align: middle;
    height: 2.5rem;
    color: var(--tui-text-02);
    background: inherit
}

.tui-table__th_font-size_l,
.tui-table_font-size_l .tui-table__th {
    font: var(--tui-font-text-m)
}

.tui-table__td {
    font: var(--tui-font-text-m);
    padding: 1rem 1rem .875rem;
    vertical-align: top;
    word-wrap: break-word;
    height: 3.4375rem;
    color: var(--tui-text-01);
    background: inherit
}

.tui-table__td_size_l,
.tui-table_size_l .tui-table__td {
    height: 4.9375rem
}

.tui-table__td_font-size_l,
.tui-table_font-size_l .tui-table__td {
    font: var(--tui-font-text-l)
}

.tui-table__td_font-size_s,
.tui-table_font-size_s .tui-table__td {
    font: var(--tui-font-text-s)
}

.tui-table__td_align_center {
    vertical-align: middle
}

.tui-table__td,
.tui-table__th {
    box-sizing: border-box;
    text-align: left
}

.tui-table_size_l .tui-table__td:before,
.tui-table_size_l .tui-table__th:before {
    width: 1rem;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.tui-table__td_first:before,
.tui-table__th_first:before,
.tui-table__td_last:before,
.tui-table__th_last:before {
    content: "";
    position: absolute;
    top: 0;
    width: .75rem;
    height: 100%;
    background: inherit;
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.tui-table__td_first,
.tui-table__th_first {
    position: relative;
    padding-left: 0;
    overflow: visible
}

.tui-table__td_first:before,
.tui-table__th_first:before {
    right: 100%
}

.tui-table__td_last,
.tui-table__th_last {
    position: relative;
    padding-right: 0;
    overflow: visible
}

.tui-table__td_last:before,
.tui-table__th_last:before {
    left: 100%;
    transform: scaleX(-1)
}

.tui-table__td_text_center,
.tui-table__th_text_center {
    text-align: center
}

.tui-table__td_text_right,
.tui-table__th_text_right {
    text-align: right
}

.tui-table__td_text_overflow,
.tui-table__th_text_overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tui-table__subtext {
    font: var(--tui-font-text-s);
    margin: .25rem 0 0;
    color: var(--tui-text-03)
}

.tui-table__sort {
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    border: 0;
    background: none;
    font-size: inherit;
    line-height: inherit;
    transition-property: color;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    position: relative;
    display: inline-flex;
    align-items: center;
    outline: none;
    cursor: pointer
}

.tui-table__sort:hover {
    color: var(--tui-text-01)
}

.tui-table__sort_active {
    color: var(--tui-link)
}

.tui-table__sort_active:hover {
    color: var(--tui-link-hover)
}

.tui-table__sort-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    margin-left: .125rem;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    opacity: 0
}

.tui-table__sort_active .tui-table__sort-icon,
.tui-table__sort:hover .tui-table__sort-icon {
    transition-property: transform;
    transition-duration: var(--tui-duration, .3s);
    transition-timing-function: ease-in-out;
    opacity: 1
}

.tui-table__sort_active.tui-table__sort_up .tui-table__sort-icon {
    transform: rotate(180deg) translateY(50%)
}

.tui-text_h1 {
    font: var(--tui-font-heading-1)
}

.tui-text_h2 {
    font: var(--tui-font-heading-2)
}

.tui-text_h3 {
    font: var(--tui-font-heading-3)
}

.tui-text_h4 {
    font: var(--tui-font-heading-4)
}

.tui-text_h5 {
    font: var(--tui-font-heading-5)
}

.tui-text_h6 {
    font: var(--tui-font-heading-6)
}

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

@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),
all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {

    tui-root:not(._mobile) tui-dialog-host>section::-webkit-scrollbar,
    tui-root:not(._mobile) tui-dialog-host>section::-webkit-scrollbar-thumb {
        width: 1rem;
        height: 1rem;
        border-radius: 6.25rem;
        background-clip: padding-box;
        border: 2.667rem solid transparent
    }

    tui-root:not(._mobile) tui-dialog-host>section::-webkit-scrollbar {
        background-color: transparent
    }

    tui-root:not(._mobile) tui-dialog-host>section::-webkit-scrollbar-thumb {
        background-color: var(--tui-clear-hover)
    }

    tui-root:not(._mobile) tui-dialog-host>section::-webkit-scrollbar-thumb:hover {
        background-color: var(--tui-clear-active)
    }

    tui-root:not(._mobile) tui-dialog-host>section::-webkit-scrollbar-thumb:active {
        background-color: var(--tui-text-03)
    }
}

tui-root:not(._mobile) tui-dialog-host>section::-webkit-scrollbar-thumb {
    background-color: #a8a8a880
}

tui-root:not(._mobile) tui-dialog-host>section::-webkit-scrollbar-thumb:hover {
    background-color: #cccccc80
}

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

[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=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: rgba(0, 0, 0, .4);
    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: rgba(0, 0, 0, .48)
    }
}

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

[tuiWrapper][data-appearance=glass][data-mode=onDark] {
    background: rgba(255, 255, 255, .3)
}

@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: rgba(255, 255, 255, .4)
    }
}

[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: rgba(255, 255, 255, .5)
}

[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: rgba(255, 255, 255, .08)
}

: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: rgba(255, 255, 255, .08)
}

[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: rgba(255, 255, 255, .08)
}

[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%;
    -webkit-appearance: none;
    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)
}

@charset "UTF-8";

:root {
    --app-background: #282935;
    --primary-background: var(--tui-base-01);
    --secondary-background: var(--tui-secondary);
    --dropdpwn-background: rgba(60, 61, 68, .85);
    --io-background: #222331;
    --tui-primary: #00e28d;
    --tui-primary-hover: #02b774;
    --tui-primary-active: #02b774;
    --tui-primary-text: #14141d;
    --tui-secondary: #3b3d4f;
    --tui-secondary-hover: #4c4e67;
    --tui-secondary-active: #4c4e67;
    --tui-elevation-01: var(--tui-secondary);
    --tui-elevation-02: var(--tui-secondary);
    --tui-clear: var(--primary-background);
    --tui-link: white;
    --tui-link-hover: white;
    --tui-base-01: #2c2d3e;
    --tui-base-02: #2c2d3e;
    --tui-base-03: #2c2d3e;
    --tui-base-04: #4d4d59;
    --tui-text-01: white;
    --tui-text-02: #9a9ab0;
    --tui-text-03: #9a9ab0;
    --tui-padding-xs: .25rem;
    --tui-padding-s: .5rem;
    --tui-padding-xl: 1.25rem;
    --tui-padding-4xl: 2rem;
    --tui-disabled-opacity: .5;
    --tui-radius-l: 17px;
    --tui-radius-m: 17px;
    --tui-radius-s: 12px
}

html.light {
    --app-background: #fff;
    --dropdpwn-background: rgba(60, 61, 68, .85);
    --io-background: #fff;
    --tui-primary: #00e28d;
    --tui-primary-hover: #02b774;
    --tui-primary-active: #02b774;
    --tui-primary-text: #14141d;
    --tui-secondary: #f4f4f4;
    --tui-secondary-hover: #eae9e9ff;
    --tui-secondary-active: #eae9e9ff;
    --tui-link: black;
    --tui-link-hover: black;
    --tui-base-01: #fff;
    --tui-base-03: #fff;
    --tui-base-04: #4d4d59;
    --tui-text-01: black;
    --tui-text-02: #9b9ba9;
    --tui-text-03: #9b9ba9;
    --tui-padding-xs: .25rem;
    --tui-padding-s: .5rem
}

@font-face {
    font-weight: 300;
    font-family: Red-Hat-Display;
    font-style: normal;
    font-display: block;
    src: url("urn:scrapbook:download:error:https://app.rubbic.exchange/assets/fonts/red-hat/RedHatDisplay-Light.woff2") format("woff2"), url("urn:scrapbook:download:error:https://app.rubbic.exchange/assets/fonts/red-hat/RedHatDisplay-Light.woff") format("woff"), url("urn:scrapbook:download:error:https://app.rubbic.exchange/assets/fonts/red-hat/RedHatDisplay-Light.eot"), url("RedHatDisplay-Light.ttf") format("truetype")
}

@font-face {
    font-weight: 400;
    font-family: Red-Hat-Display;
    font-style: normal;
    font-display: block;
    src: url("urn:scrapbook:download:error:https://app.rubbic.exchange/assets/fonts/red-hat/RedHatDisplay-Regular.woff2") format("woff2"), url("urn:scrapbook:download:error:https://app.rubbic.exchange/assets/fonts/red-hat/RedHatDisplay-Regular.woff") format("woff"), url("urn:scrapbook:download:error:https://app.rubbic.exchange/assets/fonts/red-hat/RedHatDisplay-Regular.eot"), url("RedHatDisplay-Regular.ttf") format("truetype")
}

@font-face {
    font-weight: 500;
    font-family: Red-Hat-Display;
    font-style: normal;
    font-display: block;
    src: url("urn:scrapbook:download:error:https://app.rubbic.exchange/assets/fonts/red-hat/RedHatDisplay-Medium.woff2") format("woff2"), url("urn:scrapbook:download:error:https://app.rubbic.exchange/assets/fonts/red-hat/RedHatDisplay-Medium.woff") format("woff"), url("urn:scrapbook:download:error:https://app.rubbic.exchange/assets/fonts/red-hat/RedHatDisplay-Medium.eot"), url("urn:scrapbook:download:error:https://app.rubbic.exchange/assets/fonts/red-hat/RedHatDisplay-Medium.ttf") format("truetype")
}

@font-face {
    font-weight: 600;
    font-family: Red-Hat-Display;
    font-style: normal;
    font-display: block;
    src: url("urn:scrapbook:download:error:https://app.rubbic.exchange/assets/fonts/red-hat/RedHatDisplay-SemiBold.woff2") format("woff2"), url("urn:scrapbook:download:error:https://app.rubbic.exchange/assets/fonts/red-hat/RedHatDisplay-SemiBold.woff") format("woff"), url("urn:scrapbook:download:error:https://app.rubbic.exchange/assets/fonts/red-hat/RedHatDisplay-SemiBold.eot"), url("RedHatDisplay-SemiBold.ttf") format("truetype")
}

.span-roadmap-month,
.span-roadmap-quarter {
    margin-bottom: 5px;
    color: var(--primary-color);
    font-weight: 700;
    font-size: 20px;
    line-height: 27px
}

.span-roadmap-month {
    margin-bottom: 20px
}

.span-roadmap-quarter {
    position: absolute;
    left: -110px;
    color: #83838380
}

.span-title-benefits {
    font-weight: 500;
    font-size: 30px;
    line-height: 34px
}

.span-title-section {
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px
}

.cl-green {
    color: var(--primary-color)
}

.p-text-benefits {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    white-space: pre-line
}

.ul-roadmap-text {
    margin: 0;
    padding-left: 0;
    color: #000;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    list-style: none
}

.ul-roadmap-text li {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.ul-roadmap-text li:not(:last-child) {
    margin-bottom: 20px
}

.ul-roadmap-text li:before {
    display: inline-block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    color: var(--primary-color);
    font-weight: 700;
    text-align: center;
    content: "\2022"
}

.h3-block-title-s1 {
    font-size: 28px;
    line-height: 44px
}

.container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 10px 50px
}

@media (max-width: 850px) {
    .container {
        padding: 10px 25px
    }
}

.icon:before {
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: initial;
    border-radius: 5px;
    content: ""
}

.icon__checked {
    display: flex;
    align-items: center;
    justify-content: center
}

.icon__checked:before {
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    position: relative;
    min-width: 20px !important;
    min-height: 20px !important;
    margin-right: 25px;
    background-image: url("");
    background-size: contain
}

.banner {
    display: block;
    width: 100%;
    min-height: 30px;
    color: var(--primary-text);
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

@media (max-width: 651px) {
    .banner {
        font-size: 13px
    }
}

.banner a {
    cursor: pointer
}

.button-error {
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
    background-color: #0006;
    border-radius: 8px;
    transition: opacity .3s ease-in-out
}

.button-error:hover,
.button-error:focus {
    color: #fff;
    text-decoration: none;
    background-color: #00000080
}

html.dark .button-error {
    background-color: #fff6
}

html.dark .button-error:hover {
    background-color: #ffffff80
}

.t-empty {
    display: none !important
}

[tuiWrapper]:not([data-appearance=outline]):after {
    border: none !important
}

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

.t-dialog tui-dialog>.t-content {
    padding: var(--tui-padding-l)
}

.t-overlay_visible {
    --tui-backdrop: blur(25px);
    background: transparent !important
}

tui-dialog-host .t-close {
    background: var(--tui-secondary) !important;
    opacity: .75;
    transition: .2s ease-in-out
}

tui-dialog-host .t-close:hover {
    opacity: 1
}

tui-dialog-host .t-close svg {
    filter: invert(1)
}

#chat-widget-container {
    position: fixed;
    bottom: 0;
    z-index: 1 !important;
    visibility: initial !important;
    opacity: initial !important
}

@media (max-width: 651px) {
    #chat-widget-container {
        bottom: 76px !important;
        width: 0 !important;
        height: 0 !important;
        max-height: 84vh !important;
        transition-duration: 0s !important
    }

    #chat-widget-container #chat-widget-minimized {
        display: none !important
    }

    #chat-widget-container.visible {
        width: 100% !important;
        height: 100% !important
    }
}

@media (max-width: 651px) {
    #chat-widget-container * {
        bottom: 0;
        max-height: 85vh !important;
        transition-duration: 0s !important
    }
}

.iframe #chat-widget-container {
    display: none
}

#walletconnect-wrapper .walletconnect-modal__mobile__toggle {
    color: #000
}

.-walletlink-css-reset .-walletlink-extension-dialog-box-top-description-text,
.-walletlink-css-reset .-walletlink-extension-dialog-box-bottom-description {
    background: transparent
}

* {
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent
}

*:focus {
    outline: none
}

html {
    --tui-font-text: Red-Hat-Display, sans-serif !important;
    box-sizing: border-box;
    height: auto !important;
    overflow-x: hidden
}

html.iframe {
    width: 400px
}

html body {
    position: relative;
    min-width: 320px;
    height: auto;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: var(--app-background);
    font-size: .75rem;
    letter-spacing: .03em
}

html body main,
html body input,
html body button,
html body select,
html body textarea {
    font-family: Red-Hat-Display, sans-serif !important
}

html.is-locked,
html.is-locked body {
    height: calc(var(--window-inner-height) - 1px);
    overflow: hidden
}

html.scroll-y body {
    overflow-y: visible
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

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

button {
    padding: 0;
    background: none;
    border: none;
    cursor: pointer
}

.noscroll {
    position: fixed;
    right: 0;
    left: 0;
    overflow: hidden
}

.app-content-block {
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 1240px) {
    .app-content-block {
        padding-right: 2vw;
        padding-left: 2vw
    }
}

a {
    color: var(--primary-color);
    text-decoration: none
}

a:hover,
a:focus {
    color: var(--primary-color);
    text-decoration: underline
}

.walletconnect-modal__base a,
.walletconnect-modal__base a:focus,
.walletconnect-modal__base a:hover {
    color: inherit
}

#loader {
    position: fixed;
    inset: 0;
    z-index: 2147483001;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #282935;
    opacity: 1;
    transition: opacity .4s ease-in-out, z-index .4s step-end
}

#loader.disabled {
    z-index: -10000;
    opacity: 0
}

#loader img {
    animation: 1.4s infinite 1s loader-icon-fadein
}

@keyframes loader-icon-fadein {
    0% {
        opacity: 1
    }

    50% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

[id^=tui-hint_price-impact] {
    color: var(--tui-text-01) !important;
    background: rgb(238, 238, 238) !important
}

html.dark [id^=tui-hint_price-impact] {
    background: rgb(56, 56, 56) !important
}

.text-nowrap {
    white-space: nowrap
}