@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@500;800&display=swap);span.__divider {
    display: block;
    width: calc(100% - 4px);
    height: 1px;
    background: rgba(0,0,0,.2);
    margin: 2rem 0 1rem!important
}

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

    to {
        transform: scale(1)
    }
}

@keyframes tuiFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes tuiSkeletonBackgroundVibe {
    0% {
        background-color: rgba(0,0,0,.08)
    }

    to {
        background-color: rgba(0,0,0,.16)
    }
}

@keyframes tuiSkeletonLightBackgroundVibe {
    0% {
        background-color: hsla(0,0%,100%,.16)
    }

    to {
        background-color: hsla(0,0%,100%,.24)
    }
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: initial;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace;
    font-size: 1em
}

a {
    background-color: initial;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    display: table;
    padding: 0;
    box-sizing: border-box;
    color: inherit;
    max-width: 100%;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: initial
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],template {
    display: none
}

body,html {
    height: 100%
}

body {
    font: var(--tui-font-text-s);
    color: var(--tui-text-01);
    min-height: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

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

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

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

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

svg use {
    pointer-events: none
}

.tui-zero-scrollbar,html {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.tui-zero-scrollbar::-webkit-scrollbar,.tui-zero-scrollbar::-webkit-scrollbar-thumb,html::-webkit-scrollbar,html::-webkit-scrollbar-thumb {
    background: transparent;
    width: 0;
    height: 0
}

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

::-ms-clear,::-ms-reveal {
    display: none
}

.tui-autofill:not(:-webkit-autofill) {
    animation-name: tuiAutofillOff
}

.tui-autofill:-webkit-autofill,.tui-autofill:-webkit-autofill:focus,.tui-autofill:-webkit-autofill:hover {
    border-radius: inherit;
    -webkit-text-fill-color: inherit!important;
    color: inherit!important;
    background-color: initial!important;
    -webkit-box-shadow: 0 0 0 1000px var(--tui-autofill) inset!important;
    animation-name: tuiAutofillOn
}

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

@media screen and (min-width: 1360px) {
    .tui-container.tui-container_adaptive {
        width:1104px
    }
}

@media screen and (max-width: 1359px) {
    .tui-container.tui-container_adaptive {
        width:824px
    }
}

@media screen and (max-width: 1023px) {
    .tui-container.tui-container_adaptive {
        width:608px
    }
}

@media screen and (max-width: 767px) {
    .tui-container.tui-container_adaptive {
        width:512px
    }
}

@media screen and (max-width: 599px) {
    .tui-container.tui-container_adaptive {
        width:100%;
        padding: 0 16px
    }
}

@media screen and (min-width: 1360px) {
    .tui-container {
        width:1104px
    }
}

@media screen and (max-width: 1359px) {
    .tui-container {
        width:824px
    }
}

@media screen and (min-width: 1360px) {
    .tui-container_menu {
        width:1104px
    }
}

@media (min-width: 1024px) and (max-width:1359px) {
    .tui-container_menu {
        width:824px
    }
}

@media screen and (max-width: 1023px) {
    .tui-container_menu {
        width:auto;
        padding: 0 16px
    }
}

.tui-container_fullwidth {
    width: auto;
    padding: 0 24px
}

@media screen and (max-width: 1023px) {
    .tui-container_fullwidth {
        padding:0 16px
    }
}

@media screen and (max-width: 1359px) {
    .tui-container_fixed {
        width:1104px
    }
}

.tui-form__header {
    font: var(--tui-font-heading-5);
    margin: 32px 0 20px
}

.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: 16px
}

@media screen and (max-width: 599px) {
    .tui-form__header_margin-bottom_small {
        margin-bottom:12px
    }
}

@media screen and (max-width: 599px) {
    .tui-form__header {
        font:var(--tui-font-text-l);
        font-weight: 700;
        margin-bottom: 16px
    }
}

.tui-form__row {
    margin-top: 20px
}

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

.tui-form__row_multi-fields {
    display: flex
}

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

.tui-form__row_half-width {
    width: calc(50% - 20px / 2)
}

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

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

@media screen and (max-width: 599px) {
    .tui-form__row {
        margin-top:16px
    }
}

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

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

@media screen and (max-width: 599px) {
    .tui-form__multi-field {
        flex-basis:100%;
        margin-top: 16px;
        margin-left: 0
    }

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

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

.tui-form__field-checkbox {
    margin-top: 8px
}

.tui-form__checkbox {
    flex: 1 1 calc(50% - 10px)
}

.tui-form__checkbox:nth-child(2n) {
    margin-left: 20px
}

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

.tui-form__buttons {
    display: flex;
    margin-top: 32px
}

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

@media screen and (max-width: 599px) {
    .tui-form__buttons {
        flex-direction:column;
        margin-top: 24px
    }
}

.tui-form__button {
    margin-left: 12px
}

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

@media screen and (max-width: 599px) {
    .tui-form__button {
        margin-top:8px;
        margin-left: 0
    }
}

.tui-group {
    position: relative;
    z-index: 0;
    display: flex
}

.tui-group>* {
    flex: 1 1 0;
    min-width: 0
}

.tui-group>:nth-child(n) {
    border-radius: 0
}

.tui-group>:not(:last-child) {
    margin-right: 2px
}

.tui-group_collapsed>* {
    z-index: 1
}

.tui-group_collapsed>:not(:last-child) {
    margin-right: -1px
}

.tui-group_collapsed>._disabled,.tui-group_collapsed>._disabled:hover,.tui-group_collapsed>._readonly,.tui-group_collapsed>._readonly:hover {
    z-index: 0
}

.tui-group_collapsed>._hovered,.tui-group_collapsed>._pressed,.tui-group_collapsed>:hover {
    z-index: 3
}

.tui-group_collapsed>._invalid {
    z-index: 2
}

.tui-group_collapsed>._invalid._hovered,.tui-group_collapsed>._invalid._pressed,.tui-group_collapsed>._invalid:hover {
    z-index: 4
}

.tui-group_collapsed>._focus-visible,.tui-group_collapsed>._focused.ng-touched,.tui-group_collapsed>._focused.ng-untouched,.tui-group_collapsed>._hosted_dropdown_focused {
    z-index: 5
}

.tui-group_collapsed>._active,.tui-group_collapsed>[data-appearance=whiteblock-active] {
    z-index: 6
}

.tui-group_collapsed>._focus-visible._active,.tui-group_collapsed>._focus-visible._focused,.tui-group_collapsed>._focus-visible[data-appearance=whiteblock-active] {
    z-index: 7
}

.tui-group_orientation_vertical {
    display: inline-flex;
    flex-direction: column
}

.tui-group_orientation_vertical>* {
    min-height: auto;
    flex: 0 0 auto
}

.tui-group_orientation_vertical>:not(:last-child) {
    margin-right: 0;
    margin-bottom: 2px
}

.tui-group_orientation_vertical.tui-group_collapsed>:not(:last-child) {
    margin-right: 0;
    margin-bottom: -1px
}

.tui-group_rounded.tui-group_orientation_horizontal>:first-child {
    border-top-left-radius: var(--tui-radius-m);
    border-bottom-left-radius: var(--tui-radius-m)
}

.tui-group_rounded.tui-group_orientation_horizontal>:last-child {
    border-top-right-radius: var(--tui-radius-m);
    border-bottom-right-radius: var(--tui-radius-m)
}

.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>:first-child {
    border-top-left-radius: var(--tui-radius-l);
    border-bottom-left-radius: var(--tui-radius-l)
}

.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>:last-child {
    border-top-right-radius: var(--tui-radius-l);
    border-bottom-right-radius: var(--tui-radius-l)
}

.tui-group_rounded.tui-group_orientation_vertical>:first-child {
    border-top-left-radius: var(--tui-radius-m);
    border-top-right-radius: var(--tui-radius-m)
}

.tui-group_rounded.tui-group_orientation_vertical>:last-child {
    border-bottom-left-radius: var(--tui-radius-m);
    border-bottom-right-radius: var(--tui-radius-m)
}

.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>:first-child {
    border-top-left-radius: var(--tui-radius-l);
    border-top-right-radius: var(--tui-radius-l)
}

.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>:last-child {
    border-bottom-left-radius: var(--tui-radius-l);
    border-bottom-right-radius: var(--tui-radius-l)
}

@media screen and (max-width: 599px) {
    .tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>:last-child:not(:first-child) {
        border-radius:var(--tui-radius-m)
    }
}

@media screen and (max-width: 599px) {
    .tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>:last-child:not(:first-child) {
        border-radius:var(--tui-radius-l)
    }
}

@media screen and (max-width: 599px) {
    .tui-group_adaptive.tui-group_orientation_vertical {
        width:100%
    }

    .tui-group_adaptive.tui-group_orientation_vertical>:nth-child(n):not(:only-child) {
        border-radius: var(--tui-radius-m)
    }

    .tui-group_adaptive.tui-group_orientation_vertical>:not(:last-child) {
        margin-bottom: 16px
    }

    .tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>:nth-child(n):not(:only-child) {
        border-radius: 0
    }

    .tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>:first-child:not(:last-child) {
        border-radius: var(--tui-radius-m) var(--tui-radius-m) 0 0
    }

    .tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>:last-child:not(:first-child) {
        border-radius: 0 0 var(--tui-radius-m) var(--tui-radius-m)
    }

    .tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>:not(:last-child) {
        margin-bottom: -1px
    }
}

@media screen and (max-width: 599px) {
    .tui-group_adaptive.tui-group_orientation_horizontal {
        flex-direction:column;
        width: 100%
    }

    .tui-group_adaptive.tui-group_orientation_horizontal>:nth-child(n):not(:only-child) {
        border-radius: var(--tui-radius-m)
    }

    .tui-group_adaptive.tui-group_orientation_horizontal>:not(:last-child) {
        margin-right: 0;
        margin-bottom: 16px
    }

    .tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>:nth-child(n):not(:only-child) {
        border-radius: 0
    }

    .tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>:first-child:not(:last-child) {
        border-radius: var(--tui-radius-m) var(--tui-radius-m) 0 0
    }

    .tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>:last-child:not(:first-child) {
        border-radius: 0 0 var(--tui-radius-m) var(--tui-radius-m)
    }

    .tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>:not(:last-child) {
        margin-right: 0;
        margin-bottom: -1px
    }
}

@media screen and (max-width: 599px) {
    .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>:nth-child(n):not(:only-child) {
        border-radius:var(--tui-radius-l)
    }

    .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>:nth-child(n):not(:only-child) {
        border-radius: 0
    }

    .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>:first-child:not(:last-child) {
        border-radius: var(--tui-radius-l) var(--tui-radius-l) 0 0
    }

    .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>:last-child:not(:first-child) {
        border-radius: 0 0 var(--tui-radius-l) var(--tui-radius-l)
    }
}

@media screen and (max-width: 599px) {
    .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>:nth-child(n):not(:only-child) {
        border-radius:var(--tui-radius-l)
    }

    .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>:nth-child(n):not(:only-child) {
        border-radius: 0
    }

    .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>:first-child:not(:last-child) {
        border-radius: var(--tui-radius-l) var(--tui-radius-l) 0 0
    }

    .tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>:last-child:not(:first-child) {
        border-radius: 0 0 var(--tui-radius-l) var(--tui-radius-l)
    }
}

.tui-group__auto-width-item {
    min-width: auto;
    flex: 0 0 auto
}

.tui-group .tui-group__inherit-item {
    border-radius: inherit
}

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

.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:after {
    content: "";
    display: table;
    clear: both
}

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

.tui-island_transparent {
    background-color: initial
}

.tui-island_hoverable {
    box-shadow: 0 4px 24px rgba(0,0,0,.12);
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    cursor: pointer;
    transition-property: transform,box-shadow;
    will-change: transform,box-shadow
}

.tui-island_hoverable:hover {
    box-shadow: 0 12px 36px rgba(0,0,0,.2);
    transform: translateY(-4px)
}

.tui-island_size_s {
    font: var(--tui-font-text-s);
    padding: 16px
}

.tui-island_size_m {
    font: var(--tui-font-text-m);
    padding: 16px
}

.tui-island_size_l {
    font: var(--tui-font-text-m);
    padding: 20px
}

.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: 11px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: .075em;
    margin: 0 0 8px;
    color: var(--tui-text-02)
}

.tui-island_size_l .tui-island__category {
    margin: 0 0 12px
}

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

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

.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: 16px
}

.tui-island_size_l .tui-island__paragraph_link.tui-island__paragraph {
    margin: 16px 0 0
}

.tui-island__paragraph_button.tui-island__paragraph {
    margin-top: 20px
}

.tui-island_size_l .tui-island__paragraph_button.tui-island__paragraph {
    margin: 20px 0 0
}

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

.tui-island_size_l .tui-island__figure {
    margin-left: 36px
}

.tui-island_text-align_center .tui-island__figure {
    margin: 0 0 12px
}

.tui-island__carousel-controls {
    display: flex;
    padding-bottom: 16px;
    margin-bottom: 16px;
    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: 8px
}

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

.tui-island_size_l .tui-island__footer-button {
    width: calc(100% + 38px);
    margin: 20px -19px -19px
}

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

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

.tui-list_extra-small,.tui-list_small {
    font: var(--tui-font-text-s)
}

.tui-list_nested {
    margin: 12px 0 12px 20px;
    color: var(--tui-text-02)
}

.tui-list_large .tui-list_nested {
    margin-left: 12px
}

.tui-list_small .tui-list_nested {
    margin-top: 8px;
    margin-bottom: 8px
}

.tui-list_ordered {
    counter-reset: counter
}

.tui-list__item {
    position: relative;
    padding-left: 24px;
    word-wrap: break-word;
    margin-top: 12px
}

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

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

.tui-list_large>.tui-list__item:before {
    top: 8px
}

.tui-list_small>.tui-list__item:before {
    top: 5px
}

.tui-list_extra-small>.tui-list__item {
    margin-top: 8px
}

.tui-list_linear .tui-list__item {
    padding-left: 28px
}

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

.tui-list_ordered .tui-list__item {
    padding-left: 20px
}

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

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

.tui-list_small .tui-list__item-title {
    line-height: 20px;
    font-weight: 700
}

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

.tui-list_small .tui-list__description {
    margin-top: 4px
}

.tui-list_large .tui-list__description {
    line-height: 28px;
    margin-top: 12px
}

@media screen and (min-width: 600px) {
    .tui-mobile-only {
        display:none!important
    }
}

[data-tui-background=primary] {
    background-color: var(--tui-primary)
}

[data-tui-background=secondary] {
    background-color: var(--tui-info-fill)
}

[data-tui-background=success] {
    background-color: var(--tui-success-fill)
}

[data-tui-background=error] {
    background-color: var(--tui-error-fill)
}

[data-tui-background=support-01],[data-tui-background=support-mustard] {
    background-color: var(--tui-support-01)
}

[data-tui-background=support-02],[data-tui-background=support-texas] {
    background-color: var(--tui-support-02)
}

[data-tui-background=support-03],[data-tui-background=support-tan] {
    background-color: var(--tui-support-03)
}

[data-tui-background=support-04],[data-tui-background=support-salmon] {
    background-color: var(--tui-support-04)
}

[data-tui-background=support-05],[data-tui-background=support-sienna] {
    background-color: var(--tui-support-05)
}

[data-tui-background=support-06],[data-tui-background=support-bittersweet] {
    background-color: var(--tui-support-06)
}

[data-tui-background=support-07],[data-tui-background=support-pinkie] {
    background-color: var(--tui-support-07)
}

[data-tui-background=support-08],[data-tui-background=support-charm] {
    background-color: var(--tui-support-08)
}

[data-tui-background=support-09],[data-tui-background=support-amethyst] {
    background-color: var(--tui-support-09)
}

[data-tui-background=support-10],[data-tui-background=support-helio] {
    background-color: var(--tui-support-10)
}

[data-tui-background=support-11],[data-tui-background=support-lilac] {
    background-color: var(--tui-support-11)
}

[data-tui-background=support-12],[data-tui-background=support-malibu] {
    background-color: var(--tui-support-12)
}

[data-tui-background=support-13],[data-tui-background=support-havelock] {
    background-color: var(--tui-support-13)
}

[data-tui-background=support-14],[data-tui-background=support-picton] {
    background-color: var(--tui-support-14)
}

[data-tui-background=support-15],[data-tui-background=support-mint] {
    background-color: var(--tui-support-15)
}

[data-tui-background=support-16],[data-tui-background=support-fountain] {
    background-color: var(--tui-support-16)
}

[data-tui-background=support-17],[data-tui-background=support-puertorico] {
    background-color: var(--tui-support-17)
}

[data-tui-background=support-18],[data-tui-background=support-bay] {
    background-color: var(--tui-support-18)
}

[data-tui-background=support-19],[data-tui-background=support-forest] {
    background-color: var(--tui-support-19)
}

[data-tui-background=support-20],[data-tui-background=support-york] {
    background-color: var(--tui-support-20)
}

[data-tui-background=support-21],[data-tui-background=support-feijoa] {
    background-color: var(--tui-support-21)
}

[data-tui-color=primary] {
    color: var(--tui-primary)
}

[data-tui-color=secondary] {
    color: var(--tui-info-fill)
}

[data-tui-color=success] {
    color: var(--tui-success-fill)
}

[data-tui-color=error] {
    color: var(--tui-error-fill)
}

[data-tui-color=support-01],[data-tui-color=support-mustard] {
    color: var(--tui-support-01)
}

[data-tui-color=support-02],[data-tui-color=support-texas] {
    color: var(--tui-support-02)
}

[data-tui-color=support-03],[data-tui-color=support-tan] {
    color: var(--tui-support-03)
}

[data-tui-color=support-04],[data-tui-color=support-salmon] {
    color: var(--tui-support-04)
}

[data-tui-color=support-05],[data-tui-color=support-sienna] {
    color: var(--tui-support-05)
}

[data-tui-color=support-06],[data-tui-color=support-bittersweet] {
    color: var(--tui-support-06)
}

[data-tui-color=support-07],[data-tui-color=support-pinkie] {
    color: var(--tui-support-07)
}

[data-tui-color=support-08],[data-tui-color=support-charm] {
    color: var(--tui-support-08)
}

[data-tui-color=support-09],[data-tui-color=support-amethyst] {
    color: var(--tui-support-09)
}

[data-tui-color=support-10],[data-tui-color=support-helio] {
    color: var(--tui-support-10)
}

[data-tui-color=support-11],[data-tui-color=support-lilac] {
    color: var(--tui-support-11)
}

[data-tui-color=support-12],[data-tui-color=support-malibu] {
    color: var(--tui-support-12)
}

[data-tui-color=support-13],[data-tui-color=support-havelock] {
    color: var(--tui-support-13)
}

[data-tui-color=support-14],[data-tui-color=support-picton] {
    color: var(--tui-support-14)
}

[data-tui-color=support-15],[data-tui-color=support-mint] {
    color: var(--tui-support-15)
}

[data-tui-color=support-16],[data-tui-color=support-fountain] {
    color: var(--tui-support-16)
}

[data-tui-color=support-17],[data-tui-color=support-puertorico] {
    color: var(--tui-support-17)
}

[data-tui-color=support-18],[data-tui-color=support-bay] {
    color: var(--tui-support-18)
}

[data-tui-color=support-19],[data-tui-color=support-forest] {
    color: var(--tui-support-19)
}

[data-tui-color=support-20],[data-tui-color=support-york] {
    color: var(--tui-support-20)
}

[data-tui-color=support-21],[data-tui-color=support-feijoa] {
    color: var(--tui-support-21)
}

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

.tui-required_float:after {
    position: absolute
}

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

.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: 1360px) {
    .tui-row_adaptive.tui-row {
        margin-left:-24px;
        margin-right: -24px
    }
}

@media screen and (max-width: 1359px) {
    .tui-row_adaptive.tui-row {
        margin-left:-20px;
        margin-right: -20px
    }
}

@media screen and (max-width: 1023px) {
    .tui-row_adaptive.tui-row {
        margin-left:-8px;
        margin-right: -8px
    }
}

@media screen and (max-width: 599px) {
    .tui-row_adaptive.tui-row {
        margin-left:-8px;
        margin-right: -8px
    }
}

.tui-row_temporary.tui-row {
    margin-left: -20px;
    margin-right: -20px
}

@media screen and (min-width: 1360px) {
    .tui-row {
        margin-left:-24px;
        margin-right: -24px
    }
}

@media screen and (max-width: 1359px) {
    .tui-row {
        margin-left:-20px;
        margin-right: -20px
    }
}

.tui-col_1 {
    width: 8.33333333%
}

.tui-col_1,.tui-col_2 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.tui-col_2 {
    width: 16.66666667%
}

.tui-col_3 {
    width: 25%
}

.tui-col_3,.tui-col_4 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.tui-col_4 {
    width: 33.33333333%
}

.tui-col_5 {
    width: 41.66666667%
}

.tui-col_5,.tui-col_6 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.tui-col_6 {
    width: 50%
}

.tui-col_7 {
    width: 58.33333333%
}

.tui-col_7,.tui-col_8 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.tui-col_8 {
    width: 66.66666667%
}

.tui-col_9 {
    width: 75%
}

.tui-col_9,.tui-col_10 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.tui-col_10 {
    width: 83.33333333%
}

.tui-col_11 {
    width: 91.66666667%
}

.tui-col_11,.tui-col_12 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.tui-col_12 {
    width: 100%
}

.tui-col_md-1 {
    width: 8.33333333%
}

.tui-col_md-1,.tui-col_md-2 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.tui-col_md-2 {
    width: 16.66666667%
}

.tui-col_md-3 {
    width: 25%
}

.tui-col_md-3,.tui-col_md-4 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.tui-col_md-4 {
    width: 33.33333333%
}

.tui-col_md-5 {
    width: 41.66666667%
}

.tui-col_md-5,.tui-col_md-6 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.tui-col_md-6 {
    width: 50%
}

.tui-col_md-7 {
    width: 58.33333333%
}

.tui-col_md-7,.tui-col_md-8 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.tui-col_md-8 {
    width: 66.66666667%
}

.tui-col_md-9 {
    width: 75%
}

.tui-col_md-9,.tui-col_md-10 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.tui-col_md-10 {
    width: 83.33333333%
}

.tui-col_md-11 {
    width: 91.66666667%
}

.tui-col_md-11,.tui-col_md-12 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.tui-col_md-12 {
    width: 100%
}

.tui-col_stretch {
    display: flex
}

@media screen and (min-width: 1360px) {
    .tui-row_adaptive .tui-col_lg-1 {
        width:8.33333333%;
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box
    }

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 1359px) {
    .tui-row_adaptive .tui-col_md-1 {
        width:8.33333333%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box
    }

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 1023px) {
    .tui-row_adaptive .tui-col_sm-1 {
        width:8.33333333%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_sm-2 {
        width: 16.66666667%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_sm-3 {
        width: 25%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_sm-4 {
        width: 33.33333333%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_sm-5 {
        width: 41.66666667%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_sm-6 {
        width: 50%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_sm-7 {
        width: 58.33333333%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_sm-8 {
        width: 66.66666667%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_sm-9 {
        width: 75%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_sm-10 {
        width: 83.33333333%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_sm-11 {
        width: 91.66666667%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_sm-12 {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }
}

@media screen and (max-width: 767px) {
    .tui-row_adaptive .tui-col_s-1 {
        width:8.33333333%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_s-2 {
        width: 16.66666667%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_s-3 {
        width: 25%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_s-4 {
        width: 33.33333333%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_s-5 {
        width: 41.66666667%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_s-6 {
        width: 50%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_s-7 {
        width: 58.33333333%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_s-8 {
        width: 66.66666667%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_s-9 {
        width: 75%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_s-10 {
        width: 83.33333333%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_s-11 {
        width: 91.66666667%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .tui-row_adaptive .tui-col_s-12 {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }
}

@media screen and (max-width: 599px) {
    .tui-row_adaptive .tui-col_xs-1 {
        width:8.33333333%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 1360px) {
    .tui-col_1 {
        width:8.33333333%
    }

    .tui-col_1,.tui-col_2 {
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box
    }

    .tui-col_2 {
        width: 16.66666667%
    }

    .tui-col_3 {
        width: 25%
    }

    .tui-col_3,.tui-col_4 {
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box
    }

    .tui-col_4 {
        width: 33.33333333%
    }

    .tui-col_5 {
        width: 41.66666667%
    }

    .tui-col_5,.tui-col_6 {
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box
    }

    .tui-col_6 {
        width: 50%
    }

    .tui-col_7 {
        width: 58.33333333%
    }

    .tui-col_7,.tui-col_8 {
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box
    }

    .tui-col_8 {
        width: 66.66666667%
    }

    .tui-col_9 {
        width: 75%
    }

    .tui-col_9,.tui-col_10 {
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box
    }

    .tui-col_10 {
        width: 83.33333333%
    }

    .tui-col_11 {
        width: 91.66666667%
    }

    .tui-col_11,.tui-col_12 {
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box
    }

    .tui-col_12 {
        width: 100%
    }
}

.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: 320px) and (max-width:599px) {
    .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 (min-width: 600px) and (max-width:1023px) {
    .tui-col-offset_sm-1 {
        margin-left:8.33333333%
    }

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

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

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

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

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

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

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

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

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

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

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

    .tui-col-offset_s-1 {
        margin-left: 8.33333333%
    }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1024px) and (max-width:1359px) {
    .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: 1360px) {
    .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: rgba(0,0,0,.08);
    animation: tuiSkeletonBackgroundVibe 1s ease-in-out infinite alternate
}

.tui-skeleton_light:after {
    background-color: rgba(0,0,0,.16);
    animation-name: tuiSkeletonLightBackgroundVibe
}

.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: 64px
}

.tui-space_all-15 {
    margin: 60px
}

.tui-space_all-14 {
    margin: 56px
}

.tui-space_all-13 {
    margin: 52px
}

.tui-space_all-12 {
    margin: 48px
}

.tui-space_all-11 {
    margin: 44px
}

.tui-space_all-10 {
    margin: 40px
}

.tui-space_all-9 {
    margin: 36px
}

.tui-space_all-8 {
    margin: 32px
}

.tui-space_all-7 {
    margin: 28px
}

.tui-space_all-6 {
    margin: 24px
}

.tui-space_all-5 {
    margin: 20px
}

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

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

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

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

.tui-space_all-0 {
    margin: 0
}

.tui-space_top-16 {
    margin-top: 64px
}

.tui-space_top-15 {
    margin-top: 60px
}

.tui-space_top-14 {
    margin-top: 56px
}

.tui-space_top-13 {
    margin-top: 52px
}

.tui-space_top-12 {
    margin-top: 48px
}

.tui-space_top-11 {
    margin-top: 44px
}

.tui-space_top-10 {
    margin-top: 40px
}

.tui-space_top-9 {
    margin-top: 36px
}

.tui-space_top-8 {
    margin-top: 32px
}

.tui-space_top-7 {
    margin-top: 28px
}

.tui-space_top-6 {
    margin-top: 24px
}

.tui-space_top-5 {
    margin-top: 20px
}

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

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

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

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

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

.tui-space_bottom-16 {
    margin-bottom: 64px
}

.tui-space_bottom-15 {
    margin-bottom: 60px
}

.tui-space_bottom-14 {
    margin-bottom: 56px
}

.tui-space_bottom-13 {
    margin-bottom: 52px
}

.tui-space_bottom-12 {
    margin-bottom: 48px
}

.tui-space_bottom-11 {
    margin-bottom: 44px
}

.tui-space_bottom-10 {
    margin-bottom: 40px
}

.tui-space_bottom-9 {
    margin-bottom: 36px
}

.tui-space_bottom-8 {
    margin-bottom: 32px
}

.tui-space_bottom-7 {
    margin-bottom: 28px
}

.tui-space_bottom-6 {
    margin-bottom: 24px
}

.tui-space_bottom-5 {
    margin-bottom: 20px
}

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

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

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

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

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

.tui-space_vertical-16 {
    margin-top: 64px;
    margin-bottom: 64px
}

.tui-space_vertical-15 {
    margin-top: 60px;
    margin-bottom: 60px
}

.tui-space_vertical-14 {
    margin-top: 56px;
    margin-bottom: 56px
}

.tui-space_vertical-13 {
    margin-top: 52px;
    margin-bottom: 52px
}

.tui-space_vertical-12 {
    margin-top: 48px;
    margin-bottom: 48px
}

.tui-space_vertical-11 {
    margin-top: 44px;
    margin-bottom: 44px
}

.tui-space_vertical-10 {
    margin-top: 40px;
    margin-bottom: 40px
}

.tui-space_vertical-9 {
    margin-top: 36px;
    margin-bottom: 36px
}

.tui-space_vertical-8 {
    margin-top: 32px;
    margin-bottom: 32px
}

.tui-space_vertical-7 {
    margin-top: 28px;
    margin-bottom: 28px
}

.tui-space_vertical-6 {
    margin-top: 24px;
    margin-bottom: 24px
}

.tui-space_vertical-5 {
    margin-top: 20px;
    margin-bottom: 20px
}

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

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

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

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

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

.tui-space_left-16 {
    margin-left: 64px
}

.tui-space_left-15 {
    margin-left: 60px
}

.tui-space_left-14 {
    margin-left: 56px
}

.tui-space_left-13 {
    margin-left: 52px
}

.tui-space_left-12 {
    margin-left: 48px
}

.tui-space_left-11 {
    margin-left: 44px
}

.tui-space_left-10 {
    margin-left: 40px
}

.tui-space_left-9 {
    margin-left: 36px
}

.tui-space_left-8 {
    margin-left: 32px
}

.tui-space_left-7 {
    margin-left: 28px
}

.tui-space_left-6 {
    margin-left: 24px
}

.tui-space_left-5 {
    margin-left: 20px
}

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

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

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

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

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

.tui-space_right-16 {
    margin-right: 64px
}

.tui-space_right-15 {
    margin-right: 60px
}

.tui-space_right-14 {
    margin-right: 56px
}

.tui-space_right-13 {
    margin-right: 52px
}

.tui-space_right-12 {
    margin-right: 48px
}

.tui-space_right-11 {
    margin-right: 44px
}

.tui-space_right-10 {
    margin-right: 40px
}

.tui-space_right-9 {
    margin-right: 36px
}

.tui-space_right-8 {
    margin-right: 32px
}

.tui-space_right-7 {
    margin-right: 28px
}

.tui-space_right-6 {
    margin-right: 24px
}

.tui-space_right-5 {
    margin-right: 20px
}

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

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

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

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

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

.tui-space_horizontal-16 {
    margin-right: 64px;
    margin-left: 64px
}

.tui-space_horizontal-15 {
    margin-right: 60px;
    margin-left: 60px
}

.tui-space_horizontal-14 {
    margin-right: 56px;
    margin-left: 56px
}

.tui-space_horizontal-13 {
    margin-right: 52px;
    margin-left: 52px
}

.tui-space_horizontal-12 {
    margin-right: 48px;
    margin-left: 48px
}

.tui-space_horizontal-11 {
    margin-right: 44px;
    margin-left: 44px
}

.tui-space_horizontal-10 {
    margin-right: 40px;
    margin-left: 40px
}

.tui-space_horizontal-9 {
    margin-right: 36px;
    margin-left: 36px
}

.tui-space_horizontal-8 {
    margin-right: 32px;
    margin-left: 32px
}

.tui-space_horizontal-7 {
    margin-right: 28px;
    margin-left: 28px
}

.tui-space_horizontal-6 {
    margin-right: 24px;
    margin-left: 24px
}

.tui-space_horizontal-5 {
    margin-right: 20px;
    margin-left: 20px
}

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

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

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

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

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

.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: .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 {
    font: var(--tui-font-text-s);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px 16px;
    vertical-align: middle;
    height: 40px;
    color: var(--tui-text-02)
}

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

.tui-table__td {
    padding: 16px 16px 14px;
    vertical-align: top;
    word-wrap: break-word;
    height: 55px;
    color: var(--tui-text-01)
}

.tui-table__td_size_l,.tui-table_size_l .tui-table__td {
    height: 79px
}

.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__td_first,.tui-table__th_first {
    padding-left: 0
}

.tui-table__td_last,.tui-table__th_last {
    padding-right: 0
}

.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: 4px 0 0;
    color: var(--tui-text-03)
}

.tui-table__sort {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: 0;
    background: none;
    font-size: inherit;
    line-height: inherit;
    transition-property: color;
    transition-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: 2px;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    opacity: 0
}

.tui-table__sort:hover .tui-table__sort-icon,.tui-table__sort_active .tui-table__sort-icon {
    transition-property: transform;
    transition-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,.tui-text_body-l-2 {
    font: var(--tui-font-text-l)
}

.tui-text_body-l-2 {
    line-height: 20px
}

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

.tui-text_body-m-2 {
    line-height: 20px
}

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

.tui-text_body-s-2 {
    line-height: 16px
}

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

.tui-text_bold {
    font-weight: 700
}

: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 50px/56px var(--tui-font-heading);
    --tui-font-heading-2: bold 40px/44px var(--tui-font-heading);
    --tui-font-heading-3: bold 30px/36px var(--tui-font-heading);
    --tui-font-heading-4: bold 28px/32px var(--tui-font-heading);
    --tui-font-heading-5: bold 24px/28px var(--tui-font-heading);
    --tui-font-heading-6: bold 20px/24px var(--tui-font-heading);
    --tui-font-text: var(--tui-text-font);
    --tui-font-text-xl: normal 19px/28px var(--tui-font-text);
    --tui-font-text-l: normal 17px/24px var(--tui-font-text);
    --tui-font-text-m: normal 15px/24px var(--tui-font-text);
    --tui-font-text-s: normal 13px/20px var(--tui-font-text);
    --tui-font-text-xs: normal 11px/16px var(--tui-font-text);
    --tui-radius-xs: 4px;
    --tui-radius-s: 8px;
    --tui-radius-m: 10px;
    --tui-radius-l: 10px;
    --tui-height-xs: 24px;
    --tui-height-s: 32px;
    --tui-height-m: 44px;
    --tui-height-l: 56px;
    --tui-disabled-opacity: 0.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: grey;
    --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: #ff8078;
    --tui-accent-hover: #ff9a94;
    --tui-accent-active: #e7716a;
    --tui-accent-text: #fff;
    --tui-selection: rgba(112,182,246,0.12);
    --tui-focus: rgba(51,51,51,0.64);
    --tui-clear: rgba(0,0,0,0.08);
    --tui-clear-disabled: rgba(0,0,0,0.04);
    --tui-clear-hover: rgba(0,0,0,0.16);
    --tui-clear-active: rgba(0,0,0,0.2);
    --tui-clear-inverse: hsla(0,0%,100%,0.16);
    --tui-clear-inverse-hover: hsla(0,0%,100%,0.24);
    --tui-clear-inverse-active: hsla(0,0%,100%,0.4);
    --tui-error-fill: #f45725;
    --tui-error-bg: rgba(244,87,37,0.12);
    --tui-error-bg-hover: rgba(244,87,37,0.24);
    --tui-success-fill: #4ac99b;
    --tui-success-bg: rgba(74,201,155,0.12);
    --tui-success-bg-hover: rgba(74,201,155,0.24);
    --tui-warning-fill: #ffc700;
    --tui-warning-bg: rgba(255,199,0,0.12);
    --tui-warning-bg-hover: rgba(255,199,0,0.24);
    --tui-info-fill: #70b6f6;
    --tui-info-bg: rgba(112,182,246,0.12);
    --tui-info-bg-hover: rgba(112,182,246,0.24);
    --tui-neutral-fill: #79818c;
    --tui-neutral-bg: rgba(121,129,140,0.12);
    --tui-neutral-bg-hover: rgba(121,129,140,0.24);
    --tui-text-01: #1b1f3b;
    --tui-text-02: rgba(27,31,59,0.65);
    --tui-text-03: rgba(27,31,59,0.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,0.32);
    --tui-error-bg-night-hover: rgba(244,87,37,0.4);
    --tui-success-fill-night: #4ac99b;
    --tui-success-bg-night: rgba(74,201,155,0.32);
    --tui-success-bg-night-hover: rgba(74,201,155,0.4);
    --tui-warning-fill-night: #ffc700;
    --tui-warning-bg-night: rgba(255,199,0,0.32);
    --tui-warning-bg-night-hover: rgba(255,199,0,0.4);
    --tui-info-fill-night: #70b6f6;
    --tui-info-bg-night: rgba(112,182,246,0.32);
    --tui-info-bg-night-hover: rgba(112,182,246,0.4);
    --tui-neutral-fill-night: #959ba4;
    --tui-neutral-bg-night: #959ba4;
    --tui-neutral-bg-night-hover: #959ba4;
    --tui-text-01-night: #fff;
    --tui-text-02-night: hsla(0,0%,100%,0.72);
    --tui-text-03-night: hsla(0,0%,100%,0.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-support-22: #3c7ba8
}

tui-wrapper[data-appearance=icon] {
    background: transparent;
    color: var(--tui-base-06)
}

tui-wrapper[data-appearance=icon][data-state=hovered] {
    color: var(--tui-base-07)
}

tui-wrapper[data-appearance=icon][data-state=pressed] {
    color: var(--tui-base-08)
}

tui-wrapper[data-appearance=icon][data-state=disabled] {
    opacity: var(--tui-disabled-opacity)
}

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

tui-wrapper[data-appearance=icon][data-mode=onDark][data-state=hovered],tui-wrapper[data-appearance=icon][data-mode=onDark][data-state=pressed] {
    opacity: 1
}

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

tui-wrapper[data-appearance=icon][data-mode=onLight] {
    color: var(--tui-text-01);
    opacity: var(--tui-disabled-opacity)
}

tui-wrapper[data-appearance=icon][data-mode=onLight][data-state=hovered],tui-wrapper[data-appearance=icon][data-mode=onLight][data-state=pressed] {
    opacity: 1
}

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

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

tui-wrapper[data-appearance=outline][data-state=hovered]:after {
    color: var(--tui-base-05)
}

tui-wrapper[data-appearance=outline][data-state=pressed]:after {
    color: var(--tui-base-06)
}

tui-wrapper[data-appearance=outline][data-state=disabled] {
    opacity: var(--tui-disabled-opacity)
}

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

tui-wrapper[data-appearance=outline][data-mode=onDark][data-state=hovered] {
    background: var(--tui-clear-inverse-hover)
}

tui-wrapper[data-appearance=outline][data-mode=onDark][data-state=hovered]:after {
    color: var(--tui-text-03-night)
}

tui-wrapper[data-appearance=outline][data-mode=onDark][data-state=pressed] {
    background: var(--tui-clear-inverse-active)
}

tui-wrapper[data-appearance=outline][data-mode=onDark][data-state=pressed]:after {
    color: var(--tui-text-03-night)
}

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

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

tui-wrapper[data-appearance=outline][data-mode=onLight][data-state=hovered] {
    background: var(--tui-clear-hover)
}

tui-wrapper[data-appearance=outline][data-mode=onLight][data-state=hovered]:after {
    color: var(--tui-text-03)
}

tui-wrapper[data-appearance=outline][data-mode=onLight][data-state=pressed] {
    background: var(--tui-clear-active)
}

tui-wrapper[data-appearance=outline][data-mode=onLight][data-state=pressed]:after {
    color: var(--tui-text-03)
}

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

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

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

tui-wrapper[data-appearance=primary][data-state=disabled] {
    opacity: var(--tui-disabled-opacity)
}

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

tui-wrapper[data-appearance=primary]._invalid[data-state=hovered],tui-wrapper[data-appearance=primary]._invalid[data-state=pressed] {
    background: var(--tui-error-bg-hover)
}

tui-wrapper[data-appearance=primary]._invalid._focused:after {
    color: var(--tui-error-fill)
}

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

tui-wrapper[data-appearance=flat][data-state=hovered],tui-wrapper[data-appearance=secondary][data-state=hovered] {
    background: var(--tui-secondary-hover);
    color: var(--tui-link-hover)
}

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

tui-wrapper[data-appearance=flat][data-state=disabled],tui-wrapper[data-appearance=secondary][data-state=disabled] {
    opacity: var(--tui-disabled-opacity)
}

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

tui-wrapper[data-appearance=flat][data-mode=onDark][data-state=hovered],tui-wrapper[data-appearance=secondary][data-mode=onDark][data-state=hovered] {
    background: var(--tui-clear-inverse-hover)
}

tui-wrapper[data-appearance=flat][data-mode=onDark][data-state=pressed],tui-wrapper[data-appearance=secondary][data-mode=onDark][data-state=pressed] {
    background: var(--tui-clear-inverse-active)
}

tui-wrapper[data-appearance=flat][data-mode=onDark]._focused:after,tui-wrapper[data-appearance=secondary][data-mode=onDark]._focused:after {
    color: var(--tui-base-01)
}

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

tui-wrapper[data-appearance=flat][data-mode=onLight][data-state=hovered],tui-wrapper[data-appearance=secondary][data-mode=onLight][data-state=hovered] {
    background: var(--tui-clear-hover)
}

tui-wrapper[data-appearance=flat][data-mode=onLight][data-state=pressed],tui-wrapper[data-appearance=secondary][data-mode=onLight][data-state=pressed] {
    background: var(--tui-clear-active)
}

tui-wrapper[data-appearance=flat]._invalid,tui-wrapper[data-appearance=secondary]._invalid {
    color: var(--tui-error-fill);
    background: var(--tui-error-bg)
}

tui-wrapper[data-appearance=flat]._invalid[data-state=hovered],tui-wrapper[data-appearance=flat]._invalid[data-state=pressed],tui-wrapper[data-appearance=secondary]._invalid[data-state=hovered],tui-wrapper[data-appearance=secondary]._invalid[data-state=pressed] {
    background: var(--tui-error-bg-hover)
}

tui-wrapper[data-appearance=flat]._invalid._focused:after,tui-wrapper[data-appearance=secondary]._invalid._focused:after {
    color: var(--tui-error-fill)
}

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

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

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

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

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

tui-wrapper[data-appearance=table][data-state=hovered]:not(._focused) {
    background: var(--tui-clear-disabled)
}

tui-wrapper[data-appearance=table][data-state=disabled] {
    color: var(--tui-text-03)
}

tui-wrapper[data-appearance=table]._focused:after {
    border-width: 2px;
    color: var(--tui-focus)
}

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

tui-wrapper[data-appearance=table]._invalid {
    background: var(--tui-error-bg)
}

tui-wrapper[data-appearance=table]._invalid:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    border-top: 8px solid var(--tui-error-fill);
    border-left: 8px solid transparent
}

tui-wrapper[data-appearance=table]._invalid[data-state=hovered] {
    background: var(--tui-error-bg-hover)
}

tui-wrapper[data-appearance=table]._invalid._focused,tui-wrapper[data-appearance=table]._invalid[data-state=disabled],tui-wrapper[data-appearance=table]._invalid[data-state=hovered]._focused {
    background: transparent
}

tui-wrapper[data-appearance=table]._invalid._focused:after {
    border-width: 1px;
    color: var(--tui-error-fill)
}

tui-wrapper[data-appearance=textfield] {
    transition: .3s ease-in-out;
    transition-property: box-shadow,background;
    background: var(--tui-base-01);
    color: var(--tui-text-01);
    box-shadow: 0 2px 3px rgba(0,0,0,.1)
}

tui-wrapper[data-appearance=textfield][data-appearance=textfield]:after {
    transition: color .3s ease-in-out;
    border-width: 1px;
    color: var(--tui-base-03)
}

tui-wrapper[data-appearance=textfield][data-state=hovered] {
    box-shadow: 0 2px 5px rgba(0,0,0,.16)
}

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

tui-wrapper[data-appearance=textfield]._focused:after {
    color: var(--tui-primary);
    border-width: 2px
}

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

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

tui-wrapper[data-appearance=textfield][data-state=disabled] {
    opacity: var(--tui-disabled-opacity);
    box-shadow: none
}

tui-wrapper[data-appearance=textfield]._invalid._focused:after {
    color: var(--tui-error-fill);
    opacity: var(--tui-disabled-opacity)
}

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

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

tui-wrapper[data-appearance=textfield][data-mode=onDark][data-state=hovered] {
    background: var(--tui-clear-inverse-hover)
}

tui-wrapper[data-appearance=textfield][data-mode=onDark][data-state=hovered]:after {
    color: var(--tui-text-02-night)
}

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

tui-wrapper[data-appearance=textfield][data-mode=onDark]._invalid._focused:after {
    color: var(--tui-error-fill-night)
}

tui-wrapper[data-appearance=textfield][data-mode=onDark]._focused {
    background: hsla(0,0%,100%,.08)
}

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

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

tui-wrapper[data-appearance=textfield][data-mode=onLight][data-state=hovered] {
    background: var(--tui-clear-hover)
}

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

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

tui-wrapper[data-appearance=textfield][data-mode=onLight]._focused,tui-wrapper[data-appearance=textfield][data-mode=onLight]._invalid._focused {
    background: transparent
}

tui-wrapper[data-appearance=textfield][data-mode=onLight]._focused:after {
    color: var(--tui-text-01)
}

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

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

tui-wrapper[data-appearance=whiteblock-active][data-state=hovered],tui-wrapper[data-appearance=whiteblock-active][data-state=pressed],tui-wrapper[data-appearance=whiteblock][data-state=hovered],tui-wrapper[data-appearance=whiteblock][data-state=pressed] {
    background: var(--tui-base-02)
}

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

tui-wrapper[data-appearance=whiteblock-active][data-state=disabled],tui-wrapper[data-appearance=whiteblock][data-state=disabled] {
    opacity: var(--tui-disabled-opacity)
}

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

tui-wrapper[data-appearance=whiteblock-active][data-state=hovered]:after {
    color: var(--tui-primary-hover)
}

tui-wrapper[data-appearance=whiteblock-active][data-state=pressed]:after {
    color: var(--tui-primary-active)
}