@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;800&display=swap";

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

    to {
        transform: scale(1)
    }
}

@keyframes tuiFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes tuiSkeletonVibe {
    0% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

/*! 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 2.5rem
}

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

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

a {
    background-color: transparent;
    -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: baseline
}

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
}

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

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-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: baseline
}

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
}

template {
    display: none
}

[hidden] {
    display: none
}

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

body {
    font: var(--tui-font-text-s);
    color: var(--tui-text-01);
    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
}

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

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

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

::-ms-clear {
    display: none
}

::-ms-reveal {
    display: none
}

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

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

.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.9375em) {
    .tui-container.tui-container_adaptive {
        width: 51.5rem
    }
}

@media screen and (max-width: 47.9375em) {
    .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.9375em) {
    .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.9375em) {
    .tui-container_menu {
        width: 51.5rem
    }
}

@media screen and (max-width: 47.9375em) {
    .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.9375em) {
    .tui-container_fullwidth {
        padding: 0 1rem;
        box-sizing: border-box
    }
}

@media screen and (max-width: 79.9375em) {
    .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.9375em) {
    .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.9375em) {
    .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.9375em) {
    .tui-form__row_multi-fields {
        flex-wrap: wrap
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

.tui-group_collapsed>*._focus-visible._focused,
.tui-group_collapsed>*._focus-visible._active,
.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: .125rem
}

.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: 47.9375em) {

    .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_horizontal>*:first-child:not(:last-child),
    .tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),
    .tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child) {
        border-radius: var(--tui-radius-m)
    }
}

@media screen and (max-width: 47.9375em) {

    .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_horizontal>*: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),
    .tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child) {
        border-radius: var(--tui-radius-l)
    }
}

@media screen and (max-width: 47.9375em) {
    .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: 1rem
    }

    .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: 47.9375em) {
    .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: 1rem
    }

    .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: 47.9375em) {
    .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: 47.9375em) {
    .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: 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: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: transparent
}

.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_size_s {
    font: var(--tui-font-text-s);
    padding: 1rem
}

.tui-island_size_m {
    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-l) var(--tui-radius-l)
}

.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-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_small,
.tui-list_extra-small {
    font: var(--tui-font-text-s)
}

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

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

.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__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.9375em) {
    .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-mustard],
[data-tui-background=support-01] {
    background-color: var(--tui-support-01)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[data-tui-background=support-feijoa],
[data-tui-background=support-21] {
    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-mustard],
[data-tui-color=support-01] {
    color: var(--tui-support-01)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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.9375em) {
    .tui-row_adaptive.tui-row {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }
}

@media screen and (max-width: 47.9375em) {
    .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.9375em) {
    .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.9375em) {
    .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.9375em) {
    .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.9375em) {
    .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.9375em) {
    .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: #00000029;
    animation: tuiSkeletonVibe ease-in-out 1s infinite alternate
}

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

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

.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__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: .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);
    line-height: 1.25rem
}

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

.tui-text_body-m-2 {
    font: var(--tui-font-text-m);
    line-height: 1.25rem
}

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

.tui-text_body-s-2 {
    font: var(--tui-font-text-s);
    line-height: 1rem
}

.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: 6px 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.5rem var(--tui-font-text);
    --tui-font-text-m: normal .9375rem/1.5rem var(--tui-font-text);
    --tui-font-text-s: normal .8125rem/1.25rem 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: .625rem;
    --tui-radius-l: .625rem;
    --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-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, .08);
    --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-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]:active,
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]:active:after,
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] {
    color: var(--tui-text-01-night)
}

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] {
    color: var(--tui-text-01)
}

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]:active,
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=accent] {
    background: var(--tui-accent);
    color: var(--tui-accent-text)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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[data-state=hovered]._focused {
    background: transparent
}

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

tui-wrapper[data-appearance=table]._invalid._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: var(--tui-duration) ease-in-out;
    transition-property: box-shadow, background;
    background: var(--tui-base-01);
    color: var(--tui-text-01);
    box-shadow: 0 .125rem .1875rem #0000001a
}

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

tui-wrapper[data-appearance=textfield][data-state=hovered] {
    box-shadow: 0 .125rem .3125rem #00000029
}

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: rgba(255, 255, 255, .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]._invalid._focused {
    background: transparent
}

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

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

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

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

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

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

tui-wrapper[data-appearance=whiteblock][data-state=disabled],
tui-wrapper[data-appearance=whiteblock-active][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]:active,
tui-wrapper[data-appearance=whiteblock-active][data-state=pressed]:after {
    color: var(--tui-primary-active)
}

@charset "UTF-8";

:root {
    --scroll-size: 0px;
    --primary-color: rgb(253, 99, 0);
    --secondary-color: white;
    --filter-inversion: invert(1);
    --accent-color: #9438a6;
    --transparent-line: rgba(0, 0, 0, .1);
    --primary-background: rgb(246, 246, 246);
    --form-background: rgb(255, 255, 255);
    --form-background-transparent: rgba(255, 255, 255, .9);
    --solid-background: rgb(255, 255, 255);
    --secondary-background: rgba(0, 0, 0, .035);
    --iframe-primary-background: rgb(244, 244, 244);
    --primary-text: rgb(0, 0, 0);
    --primary-text-invert: rgb(255, 255, 255);
    --secondary-text: rgba(0, 0, 0, .5);
    --tui-primary: rgb(253, 99, 0);
    --gradient: #fd6300;
    --tui-primary-hover: #ca4f00;
    --tui-primary-active: #ca4f00;
    --tui-primary-text: var(--primary-text-invert);
    --tui-secondary: rgba(255, 255, 255, 1);
    --tui-secondary-hover: rgba(255, 255, 255, .5);
    --tui-secondary-active: rgba(255, 255, 255, .5);
    --tui-secondary-text: var(--primary-text);
    --tui-link: var(--primary-text);
    --tui-link-hover: var(--primary-text);
    --tui-text-02: #3b3a3a;
    --tui-text-03: var(--tui-text-02);
    --selection-color: rgb(243 249 243);
    --error-color: #e9590c;
    --warning-color: #f2994a
}

html.dark {
    --transparent-line: rgba(255, 255, 255, .1);
    --filter-inversion: invert(0);
    --primary-background: rgb(13, 13, 13);
    --form-background: rgb(3, 3, 3);
    --form-background-transparent: rgba(38, 40, 42, .9);
    --solid-background: rgb(0, 0, 0);
    --secondary-background: rgba(255, 255, 255, .1);
    --iframe-primary-background: rgb(44, 44, 44);
    --primary-text: rgb(255, 255, 255);
    --primary-text-invert: rgb(0, 0, 0);
    --secondary-text: rgba(255, 255, 255, .65);
    --tui-secondary: rgba(77, 77, 77, .1);
    --tui-secondary-hover: rgba(77, 77, 77, .05);
    --tui-secondary-active: rgba(77, 77, 77, .05);
    --tui-base-01: #181a19;
    --tui-base-02: init;
    --tui-text-01: var(--primary-text);
    --tui-text-02: var(--secondary-text);
    --selection-color: rgba(255, 255, 255, .05)
}

html.dark_colored {
    background-color: #0e110e
}

html.dark body {
    background: var(--primary-background)
}

html.dark body.default-iframe-background {
    background: linear-gradient(45deg, black, var(--primary-color)) !important
}

html.dark body .sort-by-dropdown {
    --tui-base-02: var(--solid-background)
}

html.dark body .settings__button-auto:not(.settings__button-auto_active) {
    border-color: var(--primary-text)
}

html.dark body #onramper-widget {
    filter: invert(1) hue-rotate(180deg) opacity(.8) contrast(.95)
}

html.dark body .tui-skeleton:after {
    background-color: #82828226
}

html.dark body .swaps-form__delimiter .switcher img {
    filter: brightness(2.5)
}

html.dark body .swaps-header .swaps-header__icon {
    filter: invert(1) opacity(.7) hue-rotate(180deg)
}

html.dark :not(app-swap-button-container) app-rubic-button tui-wrapper[data-appearance=secondary] {
    border: 1px solid transparent
}

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

@font-face {
    font-weight: 400;
    font-family: Red-Hat-Display;
    font-style: normal;
    font-display: block;
    src: url(/assets/fonts/red-hat/RedHatDisplay-Regular.woff2) format("woff2"), url(/assets/fonts/red-hat/RedHatDisplay-Regular.woff) format("woff"), url(/assets/fonts/red-hat/RedHatDisplay-Regular.eot), url(/assets/fonts/red-hat/RedHatDisplay-Regular.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(/assets/images/icons/icon-checked.svg);
    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
}

tui-dropdown-box {
    --tui-elevation-01: rgba(255, 255, 255, .03);
    --tui-radius-3: 19px;
    --tui-base-03: rgba(255, 255, 255, .1);
    border: 1px solid var(--transparent-line) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px)
}

tui-dialog {
    overflow: hidden
}

@media (max-width: 560px) {
    tui-dialog .header {
        flex: auto !important;
        overflow: auto !important
    }
}

tui-dialog>.content {
    background-color: var(--form-background-transparent) !important;
    border: 1px solid var(--transparent-line)
}

tui-dialog:after {
    box-shadow: unset !important
}

tui-dialog[data-size=page]>.content {
    height: 100%;
    padding: 2rem 1.5rem !important
}

tui-dialog[data-size=l] {
    width: 41em !important;
    margin-bottom: auto !important;
    border: 7px solid transparent !important
}

tui-dialog[data-size=l]>.content {
    height: 100%;
    padding: 1.5em 1.5em 0 !important
}

@media (max-width: 500px) {
    tui-dialog[data-size=l]>.content {
        padding: 0 !important
    }
}

tui-dialog[data-size=l]>.content>section {
    height: 100%
}

tui-dialog[data-size=xl] {
    width: 100% !important;
    max-width: 910px !important
}

tui-dialog[data-size=xl]>.content {
    padding: 32px !important
}

tui-dialog[data-size=m] {
    margin-bottom: auto !important
}

tui-dialog[data-size=m]>.content {
    height: 100%;
    padding: 1.5em 1.5em 0 !important
}

tui-dialog[data-size=m]>.content>section {
    height: 100%
}

tui-dialog[data-size=s] .content .heading {
    margin-right: 40px;
    font-size: 21px
}

tui-dialog .wrapper {
    z-index: 1
}

tui-dialog .header {
    background: var(--tui-base-01)
}

tui-dialog .close {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    color: #bfbfbf !important;
    background: transparent !important;
    transform: scale(1.2)
}

tui-dialog .close:hover {
    transform: scale(1.4)
}

:host-context(html.iframe-vertical) ::ng-deep tui-dialog .close {
    top: 5px !important;
    right: 5px !important
}

tui-dialog-host {
    overflow-y: auto
}

tui-dialog-host>div {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

tui-dialog-host .overlay {
    overflow: inherit !important;
    background: rgba(0, 0, 0, 0) !important
}

tui-dialog-host .dialog {
    overflow: inherit !important
}

tui-notification .close {
    top: 10px !important
}

.t-text {
    font-size: 16px
}

tui-notification-alert {
    position: relative;
    top: var(--scroll-size);
    transition: .2s ease-in-out
}

@media (max-width: 599px) {
    tui-dialog {
        height: 100%
    }

    tui-hint-box {
        max-width: 160px !important
    }

    .t-text {
        font-size: 14px
    }
}

:host-context(html.iframe) ::ng-deep tui-dialog .content {
    padding: 0 !important
}

:host-context(html.iframe) ::ng-deep tui-notifications-host {
    margin-top: 0 !important
}

:host-context(html.iframe) ::ng-deep tui-notifications-host>div.wrapper {
    padding-top: 15px
}

::ng-deep tui-input-number input {
    border: none !important
}

tui-value-decoration {
    position: absolute;
    top: 17px;
    right: 11px
}

html.iframe-horizontal tui-dialog>div.content {
    padding: .5rem 2rem !important
}

html.iframe-horizontal tui-dialog[data-size=s] {
    width: 31rem;
    border: 0 !important
}

html.iframe-vertical tui-dialog>div.content {
    height: 100%;
    padding: 0 !important;
    border-radius: 20px
}

html.iframe-vertical tui-dialog>div.content>h2 {
    padding: 2rem .5rem 0 1rem
}

html.iframe-vertical tui-hint-box {
    max-width: 18rem !important
}

html.iframe-horizontal tui-hint-box {
    max-width: 36rem !important
}

tui-wrapper[data-appearance=textfield] {
    --tui-base-03: rgba(255, 255, 255, .1);
    background: transparent !important
}

tui-wrapper[data-appearance=secondary]:hover,
tui-wrapper[data-appearance=secondary]:active {
    background-color: var(--tui-secondary-hover)
}

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

tui-wrapper[data-appearance=outline]:after {
    display: none
}

:not(app-swap-button-container) app-rubic-button tui-wrapper[data-appearance=secondary] {
    border: 1px solid var(--transparent-line)
}

.light tui-toggle tui-wrapper[data-appearance=secondary]:after,
.light tui-toggle tui-wrapper[data-appearance=secondary] .circle {
    border: 1px solid var(--transparent-line)
}

.light tui-toggle tui-wrapper[data-appearance=secondary] .circle {
    background: var(--transparent-line)
}

.light tui-wrapper[data-appearance=textfield][data-appearance=textfield]:after {
    border: 1px solid var(--transparent-line)
}

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

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

html.iframe-vertical #walletconnect-wrapper .walletconnect-modal__header {
    top: 10px !important;
    left: -10px !important
}

html.iframe-vertical #walletconnect-wrapper .walletconnect-modal__header>img,
html.iframe-vertical #walletconnect-wrapper .walletconnect-modal__header>p {
    display: none
}

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

@font-face {
    font-family: AvenirNext-Regular;
    src: url(/assets/fonts/AvenirNext-Regular.woff) format("woff")
}

@font-face {
    font-family: AvenirNext-Bold;
    src: url(/assets/fonts/AvenirNext-Bold.woff) format("woff")
}

#chat-widget-container {
    display: none
}

app-buy-token {
    display: none
}

.bottom-form__estimate-container {
    background: var(--form-background);
    border-radius: 11px;
    margin-top: 10px;
    flex-direction: row-reverse;
    border: 1px solid rgba(255, 255, 255, .1490196078)
}

app-limit-order-bottom-form .bottom-form__estimate-container {
    border: none
}

.token-amount-input-container {
    border-radius: 11px;
    background: var(--form-background);
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .1490196078);
    padding-left: 20px !important;
    padding-right: 20px !important
}

.t-content tui-wrapper {
    font-size: 16px !important;
    font-weight: 650 !important
}

@media (max-width: 900px) {
    .swaps-header__name {
        white-space: nowrap;
        font-size: 12px !important
    }

    .t-content tui-wrapper {
        font-size: 16px !important
    }

    .token-amount-input-container {
        padding: 10px !important;
        margin: 20px !important
    }

    .bottom-form .token-amount-input-container {
        padding: 0 !important;
        margin: 0 !important
    }
}

@media (max-width: 399px) {
    .swaps-header__name {
        white-space: nowrap;
        font-size: 10px !important
    }
}

.swap-form_limit-order .token-amount-input-container {
    margin-bottom: 0 !important
}

app-limit-order-bottom-form .token-amount-input-container {
    background: transparent !important
}

.instant-trade-bottom-form__body-top {
    border-radius: 11px;
    background: var(--form-background);
    margin-bottom: 10px;
    padding: 10px 20px;
    margin-top: 10px;
    min-height: 105px !important;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between !important;
    border: 1px solid rgba(255, 255, 255, .1490196078)
}

.instant-trade-bottom-form__token-amount {
    font-size: 22px !important
}

.tokens-rate {
    margin-top: 5px !important
}

.swap-form .arrow {
    transform: rotate(270deg)
}

@media (max-width: 900px) {
    .instant-trade-bottom-form__token-amount {
        font-size: 16px !important;
        max-width: 150px !important
    }

    .instant-trade-bottom-form__body-top {
        flex-direction: row-reverse !important;
        align-items: initial !important;
        padding: 10px;
        margin-top: -10px
    }

    .tokens-rate {
        margin-top: 15px !important
    }
}

.switcher {
    margin: auto
}

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

html body {
    position: relative;
    min-width: 320px;
    height: auto;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: var(--primary-background)
}

html body main,
html body input,
html body button,
html body select,
html body textarea {
    font-family: AvenirNext-Regular, sans-serif !important
}

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

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
}

mainiframeSettingsFormcontent {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 1440px;
    padding: 0 20px 60px
}

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

tui-dropdown-box {
    min-width: 185px;
    max-height: 560px !important
}

tui-dropdown-box tui-data-list-wrapper {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px)
}

tui-dropdown-box tui-data-list-wrapper tui-data-list button[role=option] {
    margin: 4px 0;
    padding: 0 8px;
    border: 0
}

tui-dropdown-box tui-data-list-wrapper tui-data-list button[role=option]:hover {
    background-color: transparent
}

tui-dropdown-box tui-data-list-wrapper tui-data-list button[role=option] tui-select-option {
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    border-radius: 100px;
    transition: background-color .1s ease
}

tui-dropdown-box tui-data-list-wrapper tui-data-list button[role=option] tui-select-option:hover {
    background-color: #4aa95626
}

tui-dropdown-box tui-data-list-wrapper tui-data-list button[role=option] tui-select-option tui-svg {
    display: none
}

body.default-iframe-background {
    background: linear-gradient(45deg, var(--primary-color) 20%, white)
}

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

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

@media (max-width: 420px) {
    app-to-amount-estimated {
        margin-top: -50px
    }
}

@media (max-width: 651px) {
    tui-dropdown-box {
        min-width: 155px
    }
}

.relative {
    position: relative
}

.custom-border {
    border-radius: 24px;
    background: linear-gradient(255.08deg, #a932ff, #33c0fd);
    transform: translateZ(0);
    margin: -3px;
    filter: blur(3px);
    inset: -.125rem;
    position: absolute;
    background: linear-gradient(210deg, #00eaff 0%, #0080ff 25%, #8000ff 50%, #e619e6 75%, #f00 100%)
}

.custom-bright {
    margin: 10px;
    border-radius: 24px;
    background: linear-gradient(255.08deg, #a932ff, #33c0fd);
    filter: blur(30px);
    transform: translateZ(0);
    inset: -.75rem;
    position: absolute;
    background: linear-gradient(210deg, #00eaff 0%, #0080ff 25%, #8000ff 50%, #e619e6 75%, #f00 100%)
}

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

@media (max-width: 520px) {
    .line-wrapper {
        margin-top: -25px !important
    }

    .line-wrapper img {
        width: 80px !important
    }
}

li .route .line-wrapper {
    margin-top: 0 !important
}

li .route .line-wrapper img {
    display: none !important
}

tui-scrollbar .content {
    overflow-y: hidden
}

.bottom-amount__output .tokens-rate {
    margin-top: -10px !important
}

app-search-bar input {
    font-size: 12px !important
}

.swap-wrapper {
    display: flex;
    justify-content: space-around;
    margin-top: 5vh;
    background: url(/assets/images/Bg-Pattern.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.part-1-swap {
    max-width: 450px
}

.part-2-swap {
    max-width: 1050px;
    min-height: 100%;
    width: 1050px;
    max-height: 600px
}

h5 {
    margin-top: 10px;
    margin-bottom: 10px
}

app-swap-info-container {
    min-height: 100%;
    background: var(--form-background);
    border-radius: 11px
}

app-swap-info-container .content {
    padding: 0 !important
}

.input-group {
    border-bottom: 1px solid rgba(255, 255, 255, .1490196078);
    padding: 30px
}

.rate,
.dropdown__container,
.instant-trade-bottom-form__providers {
    border-radius: 11px !important
}

.title {
    font-size: 20px;
    display: flex
}

.tag {
    font-size: 12px;
    color: gray
}

.user-balance-container__balance {
    margin-right: 5px;
    color: var(--secondary-text);
    font-size: 14px;
    line-height: 17px
}

.tokens-rate {
    display: flex;
    grid-gap: 8px;
    justify-content: end;
    position: absolute;
    right: 35px;
    margin-top: -10px
}

.user-balance-container {
    text-align: right !important
}

.swap-form {
    border: 1px solid var(--transparent-line)
}

.part-2-swap {
    border: 1px solid var(--transparent-line);
    border-radius: 10px;
    background: var(--form-background)
}

@media (max-width: 1300px) {
    .swap-wrapper {
        flex-direction: column
    }

    .part-1-swap,
    .part-2-swap {
        width: 100%;
        margin: 15px auto
    }
}

@media (max-width: 900px) {

    .user-balance-container__balance,
    .tokens-rate__amounts {
        font-size: 10px !important
    }

    .user-balance-container__max-button {
        font-size: 12px !important
    }

    .bottom-form__button {
        margin-top: 30px
    }

    .bottom-form__estimate-container {
        display: flex;
        grid-gap: 10px;
        justify-content: space-between;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 15px !important;
        margin-top: -10px !important
    }

    .instant-trade-bottom-form__providers {
        border: 0px solid !important
    }

    .bottom-amount__output {
        font-size: 16px !important;
        line-height: 15px !important
    }

    .cross-wrapper {
        padding: 0 !important;
        border: 0px solid !important
    }

    .dex__name {
        font-size: 10px !important
    }

    .bottom-form__container {
        padding: 20px !important
    }

    app-limit-order-bottom-form .bottom-form__container {
        padding: 10px !important
    }

    app-limit-order-bottom-form .bottom-form .token-amount-input-container {
        padding: 10px !important;
        margin-top: -25px !important
    }

    app-limit-order-bottom-form .tokens-rate {
        right: 30px !important;
        top: 60px !important
    }

    .title {
        font-size: 14px
    }

    .buttons-container {
        display: none !important
    }

    .swap-form__block {
        margin-bottom: -30px
    }

    .main-content {
        margin-top: -40px;
        margin-bottom: -40px
    }

    .switcher img {
        width: 40px
    }

    .provider-panel__amount {
        font-size: 18px !important
    }

    .provider-panel__right,
    .provider-panel__amount_error {
        font-size: 12px !important
    }

    .part-1-swap,
    .part-2-swap {
        max-height: initial
    }
}

@media (max-width: 420px) {
    .bottom-form__estimate-container {
        flex-direction: column !important
    }

    .token-amount-input-container {
        margin-bottom: -20px !important
    }
}

.footer {
    margin-top: 30px
}

button tui-wrapper {
    background: black !important;
    color: #fff !important;
    border: 2px solid rgb(255, 100, 0) !important
}

[data-title]:hover:after {
    opacity: 1;
    transition: all .1s ease .5s;
    visibility: visible
}

[data-title]:after {
    content: attr(data-title);
    background-color: #0f0;
    color: #111;
    font-size: 150%;
    position: absolute;
    bottom: -1.6em;
    left: 100%;
    box-shadow: 1px 1px 3px #222;
    opacity: 0;
    border: 1px solid #111111;
    z-index: 99999;
    visibility: hidden;
    display: inline-block;
    min-width: 10px;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background-color: #202a30;
    border-radius: 10px;
    border: 1px solid hsla(0, 0%, 100%, .3);
    margin-right: 5px;
    margin-left: 5px;
    font-size: 14px
}

[data-title] {
    position: relative
}

.modal-always {
    background: rgba(0, 0, 0, .6);
    opacity: 1
}

.modal-dialog-centered {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    max-height: -webkit-fill-available;
    margin: auto;
    margin-top: 10vh
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-always {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    max-height: -webkit-fill-available;
    overflow: auto
}

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

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
    max-width: 500px;
    margin: 1.75rem auto;
    background: white;
    max-height: 600px;
    border: 1px solid rgba(255, 255, 255, .1490196078)
}

.bordered {
    background: black;
    border-radius: 20px;
    min-height: 600px;
    border: 1px solid rgba(255, 255, 255, .1490196078)
}

.modal-footer {
    padding: 5px
}

.toggle-wrapper {
    padding: 15px 30px;
    border: 1px solid rgba(255, 255, 255, .1490196078);
    border-radius: 11px;
    margin-top: 30px
}

.toggle-wrapper .flex {
    display: flex;
    justify-content: space-between
}

.mev-text {
    font-size: 20px;
    margin-top: auto;
    margin-bottom: auto;
    color: #ff6400;
    font-weight: 800
}

.toggle-wrapper button {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer
}

.switch {
    position: relative;
    display: inline-block;
    width: 53px;
    height: 25px
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #ccc;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 3px;
    background-color: #fff;
    transition: .4s
}

.toggled-on+.slider {
    background-color: #ff6400
}

.checkbox:focus+.slider {
    box-shadow: 0 0 1px #ff6400
}

.toggled-on+.slider:before {
    transform: translate(26px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

@media (max-width: 900px) {
    app-swap-info-container {
        padding: 0 !important
    }

    .toggle-wrapper {
        border: none
    }
}

.token-card__security-container {
    display: none
}

app-asset-types-aside {
    display: none
}

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

::-webkit-scrollbar-track {
    background: rgb(37, 37, 37)
}

::-webkit-scrollbar-thumb {
    background-color: #ff6400;
    border-radius: 20px
}