.vue-recycle-scroller {
    position: relative
}

.vue-recycle-scroller.direction-vertical:not(.page-mode) {
    overflow-y: auto
}

.vue-recycle-scroller.direction-horizontal:not(.page-mode) {
    overflow-x: auto
}

.vue-recycle-scroller.direction-horizontal {
    display: flex
}

.vue-recycle-scroller__slot {
    flex: auto 0 0
}

.vue-recycle-scroller__item-wrapper {
    box-sizing: border-box;
    flex: 1;
    overflow: hidden;
    position: relative
}

.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
    left: 0;
    position: absolute;
    top: 0;
    will-change: transform
}

.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
    width: 100%
}

.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
    height: 100%
}

.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
    width: 100%
}

.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
    height: 100%
}

.resize-observer[data-v-b329ee4c] {
    background-color: transparent;
    border: none;
    opacity: 0
}

.resize-observer[data-v-b329ee4c], .resize-observer[data-v-b329ee4c] object {
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.ui-caption[data-v-5af53a4f] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-caption--uppercase[data-v-5af53a4f] {
    text-transform: uppercase
}

.ui-caption--no-wrap[data-v-5af53a4f] {
    white-space: nowrap
}

.ui-caption--color-clr[data-v-5af53a4f] {
    color: Hsl(var(--hsl-clr))
}

.ui-caption--color-clr-accent[data-v-5af53a4f] {
    color: Hsl(var(--hsl-clr-accent))
}

.ui-caption--color-clr-bad[data-v-5af53a4f] {
    color: Hsl(var(--hsl-clr-bad))
}

.ui-caption--color-clr-decent[data-v-5af53a4f] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-caption--color-clr-good[data-v-5af53a4f] {
    color: Hsl(var(--hsl-clr-good))
}

.ui-caption--color-clr-primary[data-v-5af53a4f] {
    color: Hsl(var(--hsl-clr-primary))
}

.ui-caption--color-clr-strong[data-v-5af53a4f] {
    color: Hsl(var(--hsl-clr-strong))
}

.ui-caption--color-clr-strong-alt[data-v-5af53a4f] {
    color: Hsl(var(--hsl-clr-strong-alt))
}

.ui-caption--weight-500[data-v-5af53a4f] {
    font-weight: 500
}

.ui-caption--weight-700[data-v-5af53a4f] {
    font-weight: 700
}

.ui-caption--size-xl[data-v-5af53a4f] {
    font-size: 1.25rem;
    line-height: 1.5rem
}

.ui-caption--size-l[data-v-5af53a4f] {
    font-size: 1rem;
    line-height: 1.25rem
}

.ui-caption--size-m[data-v-5af53a4f] {
    font-size: .875rem;
    line-height: 1rem
}

.ui-caption--size-s[data-v-5af53a4f] {
    font-size: .8125rem;
    line-height: .9375rem
}

.ui-caption--size-xs[data-v-5af53a4f] {
    font-size: .75rem;
    line-height: .875rem
}

.ui-caption--size-xxs[data-v-5af53a4f] {
    font-size: .6875rem;
    line-height: .8125rem
}

.ui-caption--size-xxxs[data-v-5af53a4f] {
    font-size: .625rem;
    line-height: .75rem
}

.ui-caption--size-xxxxs[data-v-5af53a4f] {
    font-size: .5rem;
    line-height: .625rem
}

.ui-ico[data-v-f06c457d] {
    fill: currentColor;
    flex-shrink: 0;
    height: 1em
}

.ui-ico--square[data-v-f06c457d] {
    width: 1em
}

.ui-ico[data-v-f06c457d]:not(.ui-ico--square) {
    width: auto
}

[dir] .ui-ico--bordered[data-v-f06c457d] {
    border-radius: 50%;
    box-shadow: 0 0 0 1px Hsl(var(--gray-0-bg))
}

[dir] .ui-ico--rtl[data-v-f06c457d] {
    transform: scaleX(-1)
}

.ui-ico--size-xl[data-v-f06c457d] {
    font-size: 1.5rem
}

.ui-ico--size-l[data-v-f06c457d] {
    font-size: 1.25rem
}

.ui-ico--size-m[data-v-f06c457d] {
    font-size: 1rem
}

.ui-ico--size-s[data-v-f06c457d] {
    font-size: .875rem
}

.ui-ico--size-xs[data-v-f06c457d] {
    font-size: .75rem
}

.ui-ico--size-xxs[data-v-f06c457d] {
    font-size: .625rem
}

.ui-ico--size-xxxs[data-v-f06c457d] {
    font-size: .5rem
}

.ui-ico--size-xxxxs[data-v-f06c457d] {
    font-size: .375rem
}

.ui-code-confirm-field[data-v-3f8ff39e] {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative
}

[dir] .ui-code-confirm-field[data-v-3f8ff39e] {
    border-radius: var(--border-radius);
    padding: .9375rem .625rem 2;
    text-align: center
}

.ui-code-confirm-field__fields[data-v-3f8ff39e] {
    align-items: center;
    display: flex
}

[dir] .ui-code-confirm-field__fields[data-v-3f8ff39e] {
    padding-bottom: .875rem
}

[dir] .ui-code-confirm-field__error[data-v-3f8ff39e] {
    margin-top: -.9375rem
}

[dir] .ui-code-confirm-field__title[data-v-3f8ff39e] {
    margin-bottom: .625rem
}

.ui-code-confirm-field__title--success[data-v-3f8ff39e] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-code-confirm-field__icon[data-v-3f8ff39e] {
    color: Hsl(var(--hsl-clr-good))
}

[dir=ltr] .ui-code-confirm-field__icon[data-v-3f8ff39e] {
    margin-left: -1.25rem
}

[dir=rtl] .ui-code-confirm-field__icon[data-v-3f8ff39e] {
    margin-right: -1.25rem
}

.ui-code-confirm-field__input[data-v-3f8ff39e] {
    -webkit-appearance: none;
    appearance: none;
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: -100
}

[dir=ltr] .ui-code-confirm-field__input[data-v-3f8ff39e] {
    left: 0
}

[dir=rtl] .ui-code-confirm-field__input[data-v-3f8ff39e] {
    right: 0
}

.ui-code-confirm-field-list[data-v-3f8ff39e] {
    align-items: center;
    display: flex
}

[dir] .ui-code-confirm-field-list[data-v-3f8ff39e] {
    padding-left: 2.1875rem;
    padding-right: 2.1875rem
}

.ui-code-confirm-field-list__item[data-v-3f8ff39e] {
    align-items: center;
    display: flex;
    height: 1.75rem;
    justify-content: center;
    width: 1.25rem
}

[dir] .ui-code-confirm-field-list__item[data-v-3f8ff39e] {
    border: 1px solid hsl(var(--hsl-sep-alt));
    border-radius: calc(var(--border-radius) * .5);
    text-align: center
}

[dir=ltr] .ui-code-confirm-field-list__item[data-v-3f8ff39e]:not(:last-child) {
    margin-right: 2px
}

[dir=rtl] .ui-code-confirm-field-list__item[data-v-3f8ff39e]:not(:last-child) {
    margin-left: 2px
}

[dir] .ui-code-confirm-field-list__item--error[data-v-3f8ff39e] {
    border-color: Hsl(var(--hsl-clr-bad))
}

.ui-code-confirm-field-list__item--disable[data-v-3f8ff39e] {
    color: Hsl(var(--hsl-clr-decent));
    pointer-events: none
}

[dir] .ui-code-confirm-field-list__item--success[data-v-3f8ff39e] {
    border-color: Hsl(var(--hsl-clr-good))
}

[dir] .ui-code-confirm-field-list__item--focus[data-v-3f8ff39e] {
    border-color: Hsl(var(--hsl-clr-primary))
}

[dir=ltr] .ui-code-confirm-field-list__item--indent[data-v-3f8ff39e]:not(:last-child) {
    margin-right: .625rem
}

[dir=rtl] .ui-code-confirm-field-list__item--indent[data-v-3f8ff39e]:not(:last-child) {
    margin-left: .625rem
}

.ui-code-confirm-field--theme-primary[data-v-3f8ff39e] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-code-confirm-field--theme-primary[data-v-3f8ff39e] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-code-confirm-field--theme-primary .ui-code-confirm-field-list__item[data-v-3f8ff39e] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-code-confirm-field--theme-primary .ui-code-confirm-field-list__item[data-v-3f8ff39e] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-code-confirm-field--theme-gray-60[data-v-3f8ff39e] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-code-confirm-field--theme-gray-60[data-v-3f8ff39e] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-code-confirm-field--theme-gray-60 .ui-code-confirm-field-list__item[data-v-3f8ff39e] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-code-confirm-field--theme-gray-60 .ui-code-confirm-field-list__item[data-v-3f8ff39e] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-preloader-circle--compact[data-v-76f80837] {
    --ui-preloader-circle-arcs-size: 1.375rem;
    --ui-preloader-circle-letters-fz: 0.5rem;
    --ui-preloader-circle-letters-indent: 0.25rem;
    --ui-preloader-circle-dots-pos-top: 0.5625rem;
    --ui-preloader-circle-dots-pos-left: 0.625rem;
    --ui-preloader-circle-dots-width: 3px;
    --ui-preloader-circle-dots-height: 0.3125rem
}

.ui-preloader-circle--default[data-v-76f80837] {
    --ui-preloader-circle-arcs-size: 3.5em;
    --ui-preloader-circle-letters-fz: 1.125em;
    --ui-preloader-circle-letters-indent: 0.625em;
    --ui-preloader-circle-dots-pos-top: 1.5em;
    --ui-preloader-circle-dots-pos-left: 1.6875em;
    --ui-preloader-circle-dots-width: 0.375em;
    --ui-preloader-circle-dots-height: 0.625em
}

.ui-preloader-circle[data-v-76f80837] {
    align-items: center;
    display: flex;
    justify-content: center
}

.ui-preloader-circle__wrap[data-v-76f80837] {
    position: relative
}

.ui-preloader-circle__arcs[data-v-76f80837] {
    height: var(--ui-preloader-circle-arcs-size);
    width: var(--ui-preloader-circle-arcs-size)
}

[dir=ltr] .ui-preloader-circle__arcs[data-v-76f80837] {
    animation: arcs-76f80837-ltr 2s linear infinite
}

[dir=rtl] .ui-preloader-circle__arcs[data-v-76f80837] {
    animation: arcs-76f80837-rtl 2s linear infinite
}

.ui-preloader-circle__dots[data-v-76f80837] {
    height: var(--ui-preloader-circle-dots-height);
    position: absolute;
    top: var(--ui-preloader-circle-dots-pos-top);
    width: var(--ui-preloader-circle-dots-width)
}

[dir=ltr] .ui-preloader-circle__dots[data-v-76f80837] {
    animation: dots-76f80837-ltr 4s linear infinite;
    left: var(--ui-preloader-circle-dots-pos-left)
}

[dir=rtl] .ui-preloader-circle__dots[data-v-76f80837] {
    animation: dots-76f80837-rtl 4s linear infinite;
    right: var(--ui-preloader-circle-dots-pos-left)
}

[dir=rtl] .ui-preloader-circle__dots[data-v-76f80837] {
    left: var(--ui-preloader-circle-dots-pos-left);
    right: auto
}

.ui-preloader-circle__primary[data-v-76f80837] {
    fill: Hsl(var(--custom-ui-preloader-circle-primary, var(--primary-0-bg)))
}

.ui-preloader-circle__accent[data-v-76f80837] {
    fill: Hsl(var(--custom-ui-preloader-circle-accent, var(--accent-0-bg)))
}

.ui-preloader-circle__letters[data-v-76f80837] {
    align-items: center;
    display: flex;
    font-size: var(--ui-preloader-circle-letters-fz);
    font-weight: 900;
    height: 100%;
    justify-content: center;
    letter-spacing: calc(var(--ui-preloader-circle-letters-fz) * .5);
    position: absolute;
    text-indent: var(--ui-preloader-circle-letters-indent);
    text-transform: uppercase;
    width: 100%;
    word-break: normal
}

[dir] .ui-preloader-circle__letters[data-v-76f80837] {
    animation: letters-76f80837 4s linear infinite
}

[dir=rtl] .ui-preloader-circle__letters[data-v-76f80837] {
    text-indent: calc(var(--ui-preloader-circle-letters-indent) * -1)
}

@keyframes arcs-76f80837-ltr {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes arcs-76f80837-rtl {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn)
    }
}

@keyframes dots-76f80837-ltr {
    0%, 25% {
        transform: rotate(0deg)
    }
    75%, to {
        transform: rotate(1turn)
    }
}

@keyframes dots-76f80837-rtl {
    0%, 25% {
        transform: rotate(0deg)
    }
    75%, to {
        transform: rotate(-1turn)
    }
}

@keyframes letters-76f80837 {
    0%, to {
        opacity: 1
    }
    25%, 50%, 75% {
        opacity: 0
    }
}

.ui-preloader-default[data-v-9c71fdfb] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 2em
}

@keyframes preloader-bar-9c71fdfb {
    0% {
        height: var(--bar-thickness);
        opacity: .5
    }
    15% {
        height: var(--bar-height-mid);
        opacity: 1;
        transform: translateY(0)
    }
    30% {
        height: var(--bar-height-mid)
    }
    45% {
        height: var(--bar-thickness);
        opacity: 1;
        transform: translateY(calc(var(--bar-height-mid) * -1))
    }
    60% {
        opacity: .5
    }
    75% {
        transform: translateY(0)
    }
    to {
        height: var(--bar-thickness);
        opacity: .5
    }
}

@keyframes preloader-bar-2-9c71fdfb {
    0% {
        height: var(--bar-thickness);
        opacity: .5
    }
    15% {
        height: var(--bar-height-max);
        opacity: 1;
        transform: translateY(0)
    }
    30% {
        height: var(--bar-height-max)
    }
    45% {
        height: var(--bar-thickness);
        opacity: 1;
        transform: translateY(calc(var(--bar-height-mid) * -1))
    }
    60% {
        opacity: .5
    }
    75% {
        transform: translateY(0)
    }
    to {
        height: var(--bar-thickness);
        opacity: .5
    }
}

.ui-preloader-default__bar[data-v-9c71fdfb] {
    height: var(--bar-thickness);
    width: var(--bar-thickness)
}

[dir] .ui-preloader-default__bar[data-v-9c71fdfb] {
    animation: preloader-bar-9c71fdfb 1.5s linear infinite;
    background-color: currentColor;
    border-radius: var(--bar-border-radius);
    margin-left: var(--bar-margin);
    margin-right: var(--bar-margin)
}

[dir] .ui-preloader-default__bar[data-v-9c71fdfb]:nth-child(2n) {
    animation-name: preloader-bar-2-9c71fdfb
}

[dir] .ui-preloader-default__bar[data-v-9c71fdfb]:nth-child(2) {
    animation-delay: .2s
}

[dir] .ui-preloader-default__bar[data-v-9c71fdfb]:nth-child(3) {
    animation-delay: .3s
}

[dir] .ui-preloader-default__bar[data-v-9c71fdfb]:nth-child(4) {
    animation-delay: .4s
}

[dir] .ui-preloader-default__bar[data-v-9c71fdfb]:nth-child(5) {
    animation-delay: .5s
}

.ui-preloader-default--size-m[data-v-9c71fdfb] {
    --bar-thickness: 0.5em;
    --bar-height-max: 2em;
    --bar-height-mid: 1em;
    --bar-margin: 0.25em;
    --bar-border-radius: 0.25em
}

.ui-preloader-default--size-s[data-v-9c71fdfb] {
    --bar-thickness: 0.25em;
    --bar-height-max: 1em;
    --bar-height-mid: 0.5em;
    --bar-margin: 0.125em;
    --bar-border-radius: 0.125em
}

.ui-preloader-letter[data-v-df35fc16] {
    align-items: center;
    display: flex;
    justify-content: center
}

[dir=rtl] .ui-preloader-letter[data-v-df35fc16] {
    direction: ltr
}

.ui-preloader-letter__step[data-v-df35fc16] {
    color: currentColor;
    font-weight: 700;
    text-transform: uppercase
}

[dir] .ui-preloader-letter__step[data-v-df35fc16] {
    animation: bounse-df35fc16 2.5s linear infinite
}

@keyframes bounse-df35fc16 {
    0% {
        transform: translateY(0)
    }
    10% {
        transform: translateY(-.625em)
    }
    20%, to {
        transform: translateY(0)
    }
}

.ui-preloader-letter__step--theme-accent[data-v-df35fc16] {
    color: Hsl(var(--hsl-clr-accent))
}

.ui-preloader-letter--size-m .ui-preloader-letter__step[data-v-df35fc16] {
    font-size: 1.5em
}

.ui-preloader-letter--size-xs .ui-preloader-letter__step[data-v-df35fc16] {
    font-size: .75em
}

.ui-preloader-letter--size-xxs[data-v-df35fc16] {
    max-width: 1.375rem
}

[dir] .ui-preloader-letter--size-xxs[data-v-df35fc16] {
    margin-left: auto;
    margin-right: auto
}

.ui-preloader-letter--size-xxs .ui-preloader-letter__step[data-v-df35fc16] {
    font-size: .6875rem;
    letter-spacing: 0
}

.ui-spinner-wheel[data-v-886efe4f] {
    position: relative;
    transform-style: preserve-3d
}

.ui-spinner-wheel__basis[data-v-886efe4f] {
    opacity: 0;
    position: relative;
    top: 0
}

[dir=ltr] .ui-spinner-wheel__basis[data-v-886efe4f] {
    left: 0
}

[dir=rtl] .ui-spinner-wheel__basis[data-v-886efe4f] {
    right: 0
}

.ui-spinner-wheel__section[data-v-886efe4f] {
    -webkit-backface-visibility: hidden;
    position: absolute;
    top: 0;
    transform-style: preserve-3d
}

[dir=ltr] .ui-spinner-wheel__section[data-v-886efe4f] {
    left: 0
}

[dir=rtl] .ui-spinner-wheel__section[data-v-886efe4f] {
    right: 0
}

[dir] .ui-spinner-wheel__section--1[data-v-886efe4f] {
    transform: rotateX(72deg) translateZ(.67em)
}

[dir] .ui-spinner-wheel__section--2[data-v-886efe4f] {
    transform: rotateX(144deg) translateZ(.67em)
}

[dir] .ui-spinner-wheel__section--3[data-v-886efe4f] {
    transform: rotateX(216deg) translateZ(.67em)
}

[dir] .ui-spinner-wheel__section--4[data-v-886efe4f] {
    transform: rotateX(288deg) translateZ(.67em)
}

[dir] .ui-spinner-wheel__section--5[data-v-886efe4f] {
    transform: rotateX(1turn) translateZ(.67em)
}

.ui-preloader-spinner[data-v-637b65ba] {
    align-items: center;
    color: Hsl(var(--hsl-clr-primary));
    display: flex;
    font-weight: 800;
    justify-content: center;
    letter-spacing: 3px;
    overflow-y: hidden;
    width: 100%
}

.ui-preloader-spinner__wheel[data-v-637b65ba] {
    text-transform: lowercase
}

[dir] .ui-preloader-spinner__wheel--0[data-v-637b65ba] {
    animation-delay: 0s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: spin-wheel-0-637b65ba;
    animation-timing-function: cubic-bezier(.41, -.39, .43, 1.44)
}

@keyframes spin-wheel-0-637b65ba {
    0% {
        transform: rotateX(216deg)
    }
    30% {
        transform: rotateX(0deg)
    }
    to {
        transform: rotateX(0deg)
    }
}

[dir] .ui-preloader-spinner__wheel--1[data-v-637b65ba] {
    animation-delay: .2s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: spin-wheel-1-637b65ba;
    animation-timing-function: cubic-bezier(.41, -.39, .43, 1.44)
}

@keyframes spin-wheel-1-637b65ba {
    0% {
        transform: rotateX(219deg)
    }
    30% {
        transform: rotateX(-3deg)
    }
    to {
        transform: rotateX(-3deg)
    }
}

[dir] .ui-preloader-spinner__wheel--2[data-v-637b65ba] {
    animation-delay: .4s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: spin-wheel-2-637b65ba;
    animation-timing-function: cubic-bezier(.41, -.39, .43, 1.44)
}

@keyframes spin-wheel-2-637b65ba {
    0% {
        transform: rotateX(222deg)
    }
    30% {
        transform: rotateX(-6deg)
    }
    to {
        transform: rotateX(-6deg)
    }
}

[dir] .ui-preloader-spinner__wheel--3[data-v-637b65ba] {
    animation-delay: .6s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: spin-wheel-3-637b65ba;
    animation-timing-function: cubic-bezier(.41, -.39, .43, 1.44)
}

@keyframes spin-wheel-3-637b65ba {
    0% {
        transform: rotateX(225deg)
    }
    30% {
        transform: rotateX(-9deg)
    }
    to {
        transform: rotateX(-9deg)
    }
}

[dir] .ui-preloader-spinner__wheel--4[data-v-637b65ba] {
    animation-delay: .8s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: spin-wheel-4-637b65ba;
    animation-timing-function: cubic-bezier(.41, -.39, .43, 1.44)
}

@keyframes spin-wheel-4-637b65ba {
    0% {
        transform: rotateX(228deg)
    }
    30% {
        transform: rotateX(-12deg)
    }
    to {
        transform: rotateX(-12deg)
    }
}

[dir] .ui-preloader-spinner__wheel--5[data-v-637b65ba] {
    animation-delay: 1s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: spin-wheel-5-637b65ba;
    animation-timing-function: cubic-bezier(.41, -.39, .43, 1.44)
}

@keyframes spin-wheel-5-637b65ba {
    0% {
        transform: rotateX(231deg)
    }
    30% {
        transform: rotateX(-15deg)
    }
    to {
        transform: rotateX(-15deg)
    }
}

[dir] .ui-preloader-spinner__wheel--6[data-v-637b65ba] {
    animation-delay: 1.2s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: spin-wheel-6-637b65ba;
    animation-timing-function: cubic-bezier(.41, -.39, .43, 1.44)
}

@keyframes spin-wheel-6-637b65ba {
    0% {
        transform: rotateX(234deg)
    }
    30% {
        transform: rotateX(-18deg)
    }
    to {
        transform: rotateX(-18deg)
    }
}

[dir] .ui-preloader-spinner__wheel--7[data-v-637b65ba] {
    animation-delay: 1.4s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: spin-wheel-7-637b65ba;
    animation-timing-function: cubic-bezier(.41, -.39, .43, 1.44)
}

@keyframes spin-wheel-7-637b65ba {
    0% {
        transform: rotateX(237deg)
    }
    30% {
        transform: rotateX(-21deg)
    }
    to {
        transform: rotateX(-21deg)
    }
}

[dir] .ui-preloader-spinner__wheel--8[data-v-637b65ba] {
    animation-delay: 1.6s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: spin-wheel-8-637b65ba;
    animation-timing-function: cubic-bezier(.41, -.39, .43, 1.44)
}

@keyframes spin-wheel-8-637b65ba {
    0% {
        transform: rotateX(240deg)
    }
    30% {
        transform: rotateX(-24deg)
    }
    to {
        transform: rotateX(-24deg)
    }
}

[dir] .ui-preloader-spinner__wheel--9[data-v-637b65ba] {
    animation-delay: 1.8s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: spin-wheel-9-637b65ba;
    animation-timing-function: cubic-bezier(.41, -.39, .43, 1.44)
}

@keyframes spin-wheel-9-637b65ba {
    0% {
        transform: rotateX(243deg)
    }
    30% {
        transform: rotateX(-27deg)
    }
    to {
        transform: rotateX(-27deg)
    }
}

[dir] .ui-preloader-spinner__wheel--10[data-v-637b65ba] {
    animation-delay: 2s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: spin-wheel-10-637b65ba;
    animation-timing-function: cubic-bezier(.41, -.39, .43, 1.44)
}

@keyframes spin-wheel-10-637b65ba {
    0% {
        transform: rotateX(246deg)
    }
    30% {
        transform: rotateX(-30deg)
    }
    to {
        transform: rotateX(-30deg)
    }
}

.ui-preloader-spinner[data-v-637b65ba] {
    direction: ltr;
    unicode-bidi: embed
}

.ui-preloader-spinner--size-m .ui-preloader-spinner__wheel[data-v-637b65ba] {
    font-size: 2.5em
}

.ui-preloader-spinner--size-s .ui-preloader-spinner__wheel[data-v-637b65ba] {
    font-size: 1em
}

.ui-preloader-spinner--size-xs .ui-preloader-spinner__wheel[data-v-637b65ba] {
    font-size: .9375rem
}

.ui-preloader-stars[data-v-b818ca97] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.ui-preloader-stars--compact[data-v-b818ca97] {
    height: 1.375rem;
    width: 1.375rem
}

[dir] .ui-preloader-stars--compact[data-v-b818ca97] {
    margin-left: auto;
    margin-right: auto
}

.ui-preloader-stars__svg[data-v-b818ca97] {
    display: flex;
    height: 2.5em
}

[dir] .ui-preloader-stars__star--1[data-v-b818ca97] {
    animation: anim-b818ca97 1.25s ease-in-out infinite
}

[dir] .ui-preloader-stars__star--2[data-v-b818ca97] {
    animation: anim-b818ca97 1.2s ease-in-out infinite
}

[dir] .ui-preloader-stars__star--3[data-v-b818ca97] {
    animation: anim-b818ca97 1.15s ease-in-out infinite
}

[dir] .ui-preloader-stars__star--4[data-v-b818ca97] {
    animation: anim-b818ca97 1.1s ease-in-out infinite
}

@keyframes anim-b818ca97 {
    0% {
        fill: Hsl(var(--primary-100-bg))
    }
    75% {
        fill: Hsl(var(--secondary--20-bg, var(--accent-0-bg)))
    }
    to {
        fill: Hsl(var(--primary-100-bg))
    }
}

.ui-button--size-l .ui-button__container[data-v-ea89103b] {
    gap: .625rem;
    min-height: 2.5rem;
    min-width: 2.5rem
}

[dir] .ui-button--size-l .ui-button__container[data-v-ea89103b] {
    padding: .3125rem 1.875rem
}

.ui-button--size-l .ui-button__preloader[data-v-ea89103b] {
    font-size: .4375rem
}

.ui-button--size-m .ui-button__container[data-v-ea89103b] {
    gap: .3125rem;
    min-height: 2rem;
    min-width: 2rem
}

[dir] .ui-button--size-m .ui-button__container[data-v-ea89103b] {
    padding: .3125rem 1.25rem
}

.ui-button--size-m .ui-button__preloader[data-v-ea89103b] {
    font-size: .375rem
}

.ui-button--size-s .ui-button__container[data-v-ea89103b] {
    gap: .3125rem;
    min-height: 1.5rem;
    min-width: 1.5rem
}

[dir] .ui-button--size-s .ui-button__container[data-v-ea89103b] {
    padding: .3125rem .9375rem
}

.ui-button--size-s .ui-button__preloader[data-v-ea89103b] {
    font-size: .3125rem
}

.ui-button[data-v-ea89103b] {
    display: inline-flex
}

[dir] .ui-button[data-v-ea89103b] {
    transition: background-color .1s, color .1s
}

.is-keyboard-user .ui-button[data-v-ea89103b]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-button--block[data-v-ea89103b] {
    width: 100%
}

[dir] .ui-button--rounded[data-v-ea89103b] {
    border-radius: var(--ui-button-custom-border-radius, var(--border-radius))
}

.ui-button--uppercase[data-v-ea89103b] {
    text-transform: uppercase
}

.ui-button--decent[data-v-ea89103b]:not(:hover):not(:disabled):not(.ui-button--decent.ui-button--is-toggled) {
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-button--narrow .ui-button__container[data-v-ea89103b] {
    padding: .3125rem
}

[dir] .ui-button--outline[data-v-ea89103b]:not(:hover):not(.ui-button--outline.ui-button--is-toggled):not(.ui-button--outline.ui-button--is-disabled) {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-sep))
}

[dir] .ui-button--outline.ui-button--is-disabled[data-v-ea89103b] {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-clr-decent))
}

.ui-button__container[data-v-ea89103b] {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: auto;
    justify-content: center;
    min-width: 0;
    white-space: nowrap
}

[dir] .ui-button__container[data-v-ea89103b] {
    text-align: center
}

.ui-button__container[data-v-ea89103b] .ico {
    flex-shrink: 0
}

.ui-button--theme-accent[data-v-ea89103b] {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt);
    color: Hsl(var(--custom-ui-button-clr-theme-accent, var(--hsl-clr)))
}

[dir] .ui-button--theme-accent[data-v-ea89103b] {
    background-color: Hsl(var(--custom-ui-button-bg-theme-accent, var(--hsl-bg)))
}

.ui-button--theme-accent[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--accent-15-bg), 1);
    --hsl-bg: var(--accent-15-bg);
    --clr: hsl(var(--accent-15-clr));
    --hsl-clr: var(--accent-15-clr);
    --clr-accent: hsl(var(--accent-15-clr-accent));
    --hsl-clr-accent: var(--accent-15-clr-accent);
    --clr-decent: hsl(var(--accent-15-clr-decent));
    --hsl-clr-decent: var(--accent-15-clr-decent);
    --clr-strong: hsl(var(--accent-15-clr-strong));
    --hsl-clr-strong: var(--accent-15-clr-strong);
    --clr-strong-alt: hsl(var(--accent-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-15-clr-strong-alt);
    --clr-primary: hsl(var(--accent-15-clr-primary));
    --hsl-clr-primary: var(--accent-15-clr-primary);
    --clr-good: hsl(var(--accent-15-clr-good));
    --hsl-clr-good: var(--accent-15-clr-good);
    --clr-bad: hsl(var(--accent-15-clr-bad));
    --hsl-clr-bad: var(--accent-15-clr-bad);
    --sep: hsl(var(--accent-15-sep));
    --hsl-sep: var(--accent-15-sep);
    --sep-alt: hsl(var(--accent-15-sep-alt));
    --hsl-sep-alt: var(--accent-15-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-accent[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--custom-ui-button-hover-bg-theme-accent, var(--hsl-bg)))
}

.ui-button--theme-accent[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--accent--10-bg), 1);
    --hsl-bg: var(--accent--10-bg);
    --clr: hsl(var(--accent--10-clr));
    --hsl-clr: var(--accent--10-clr);
    --clr-accent: hsl(var(--accent--10-clr-accent));
    --hsl-clr-accent: var(--accent--10-clr-accent);
    --clr-decent: hsl(var(--accent--10-clr-decent));
    --hsl-clr-decent: var(--accent--10-clr-decent);
    --clr-strong: hsl(var(--accent--10-clr-strong));
    --hsl-clr-strong: var(--accent--10-clr-strong);
    --clr-strong-alt: hsl(var(--accent--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent--10-clr-strong-alt);
    --clr-primary: hsl(var(--accent--10-clr-primary));
    --hsl-clr-primary: var(--accent--10-clr-primary);
    --clr-good: hsl(var(--accent--10-clr-good));
    --hsl-clr-good: var(--accent--10-clr-good);
    --clr-bad: hsl(var(--accent--10-clr-bad));
    --hsl-clr-bad: var(--accent--10-clr-bad);
    --sep: hsl(var(--accent--10-sep));
    --hsl-sep: var(--accent--10-sep);
    --sep-alt: hsl(var(--accent--10-sep-alt));
    --hsl-sep-alt: var(--accent--10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-accent[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--custom-ui-button-active-bg-theme-accent, var(--hsl-bg)))
}

.ui-button--theme-accent.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--accent--10-bg), 1);
    --hsl-bg: var(--accent--10-bg);
    --clr: hsl(var(--accent--10-clr));
    --hsl-clr: var(--accent--10-clr);
    --clr-accent: hsl(var(--accent--10-clr-accent));
    --hsl-clr-accent: var(--accent--10-clr-accent);
    --clr-decent: hsl(var(--accent--10-clr-decent));
    --hsl-clr-decent: var(--accent--10-clr-decent);
    --clr-strong: hsl(var(--accent--10-clr-strong));
    --hsl-clr-strong: var(--accent--10-clr-strong);
    --clr-strong-alt: hsl(var(--accent--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent--10-clr-strong-alt);
    --clr-primary: hsl(var(--accent--10-clr-primary));
    --hsl-clr-primary: var(--accent--10-clr-primary);
    --clr-good: hsl(var(--accent--10-clr-good));
    --hsl-clr-good: var(--accent--10-clr-good);
    --clr-bad: hsl(var(--accent--10-clr-bad));
    --hsl-clr-bad: var(--accent--10-clr-bad);
    --sep: hsl(var(--accent--10-sep));
    --hsl-sep: var(--accent--10-sep);
    --sep-alt: hsl(var(--accent--10-sep-alt));
    --hsl-sep-alt: var(--accent--10-sep-alt);
    color: Hsl(var(--custom-ui-button-toggled-clr-theme-accent, var(--hsl-clr)))
}

[dir] .ui-button--theme-accent.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--custom-ui-button-toggled-bg-theme-accent, var(--hsl-bg)))
}

.ui-button--theme-accent.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-accent[data-v-ea89103b]:disabled {
    --bg: hsla(var(--accent-40-bg), 1);
    --hsl-bg: var(--accent-40-bg);
    --clr: hsl(var(--accent-40-clr));
    --hsl-clr: var(--accent-40-clr);
    --clr-accent: hsl(var(--accent-40-clr-accent));
    --hsl-clr-accent: var(--accent-40-clr-accent);
    --clr-decent: hsl(var(--accent-40-clr-decent));
    --hsl-clr-decent: var(--accent-40-clr-decent);
    --clr-strong: hsl(var(--accent-40-clr-strong));
    --hsl-clr-strong: var(--accent-40-clr-strong);
    --clr-strong-alt: hsl(var(--accent-40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-40-clr-strong-alt);
    --clr-primary: hsl(var(--accent-40-clr-primary));
    --hsl-clr-primary: var(--accent-40-clr-primary);
    --clr-good: hsl(var(--accent-40-clr-good));
    --hsl-clr-good: var(--accent-40-clr-good);
    --clr-bad: hsl(var(--accent-40-clr-bad));
    --hsl-clr-bad: var(--accent-40-clr-bad);
    --sep: hsl(var(--accent-40-sep));
    --hsl-sep: var(--accent-40-sep);
    --sep-alt: hsl(var(--accent-40-sep-alt));
    --hsl-sep-alt: var(--accent-40-sep-alt);
    color: Hsl(var(--custom-ui-button-disabled-clr-theme-accent, var(--hsl-clr, var(--hsl-clr))))
}

[dir] .ui-button--theme-accent.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-accent[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--custom-ui-button-disabled-bg-theme-accent, var(--hsl-bg)))
}

.ui-button--theme-accent-secondary[data-v-ea89103b] {
    --bg: hsla(var(--accentSecondary-0-bg), 1);
    --hsl-bg: var(--accentSecondary-0-bg);
    --clr: hsl(var(--accentSecondary-0-clr));
    --hsl-clr: var(--accentSecondary-0-clr);
    --clr-accent: hsl(var(--accentSecondary-0-clr-accent));
    --hsl-clr-accent: var(--accentSecondary-0-clr-accent);
    --clr-decent: hsl(var(--accentSecondary-0-clr-decent));
    --hsl-clr-decent: var(--accentSecondary-0-clr-decent);
    --clr-strong: hsl(var(--accentSecondary-0-clr-strong));
    --hsl-clr-strong: var(--accentSecondary-0-clr-strong);
    --clr-strong-alt: hsl(var(--accentSecondary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accentSecondary-0-clr-strong-alt);
    --clr-primary: hsl(var(--accentSecondary-0-clr-primary));
    --hsl-clr-primary: var(--accentSecondary-0-clr-primary);
    --clr-good: hsl(var(--accentSecondary-0-clr-good));
    --hsl-clr-good: var(--accentSecondary-0-clr-good);
    --clr-bad: hsl(var(--accentSecondary-0-clr-bad));
    --hsl-clr-bad: var(--accentSecondary-0-clr-bad);
    --sep: hsl(var(--accentSecondary-0-sep));
    --hsl-sep: var(--accentSecondary-0-sep);
    --sep-alt: hsl(var(--accentSecondary-0-sep-alt));
    --hsl-sep-alt: var(--accentSecondary-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-accent-secondary[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-accent-secondary[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--accentSecondary-10-bg), 1);
    --hsl-bg: var(--accentSecondary-10-bg);
    --clr: hsl(var(--accentSecondary-10-clr));
    --hsl-clr: var(--accentSecondary-10-clr);
    --clr-accent: hsl(var(--accentSecondary-10-clr-accent));
    --hsl-clr-accent: var(--accentSecondary-10-clr-accent);
    --clr-decent: hsl(var(--accentSecondary-10-clr-decent));
    --hsl-clr-decent: var(--accentSecondary-10-clr-decent);
    --clr-strong: hsl(var(--accentSecondary-10-clr-strong));
    --hsl-clr-strong: var(--accentSecondary-10-clr-strong);
    --clr-strong-alt: hsl(var(--accentSecondary-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accentSecondary-10-clr-strong-alt);
    --clr-primary: hsl(var(--accentSecondary-10-clr-primary));
    --hsl-clr-primary: var(--accentSecondary-10-clr-primary);
    --clr-good: hsl(var(--accentSecondary-10-clr-good));
    --hsl-clr-good: var(--accentSecondary-10-clr-good);
    --clr-bad: hsl(var(--accentSecondary-10-clr-bad));
    --hsl-clr-bad: var(--accentSecondary-10-clr-bad);
    --sep: hsl(var(--accentSecondary-10-sep));
    --hsl-sep: var(--accentSecondary-10-sep);
    --sep-alt: hsl(var(--accentSecondary-10-sep-alt));
    --hsl-sep-alt: var(--accentSecondary-10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-accent-secondary[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-accent-secondary[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--accentSecondary--10-bg), 1);
    --hsl-bg: var(--accentSecondary--10-bg);
    --clr: hsl(var(--accentSecondary--10-clr));
    --hsl-clr: var(--accentSecondary--10-clr);
    --clr-accent: hsl(var(--accentSecondary--10-clr-accent));
    --hsl-clr-accent: var(--accentSecondary--10-clr-accent);
    --clr-decent: hsl(var(--accentSecondary--10-clr-decent));
    --hsl-clr-decent: var(--accentSecondary--10-clr-decent);
    --clr-strong: hsl(var(--accentSecondary--10-clr-strong));
    --hsl-clr-strong: var(--accentSecondary--10-clr-strong);
    --clr-strong-alt: hsl(var(--accentSecondary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accentSecondary--10-clr-strong-alt);
    --clr-primary: hsl(var(--accentSecondary--10-clr-primary));
    --hsl-clr-primary: var(--accentSecondary--10-clr-primary);
    --clr-good: hsl(var(--accentSecondary--10-clr-good));
    --hsl-clr-good: var(--accentSecondary--10-clr-good);
    --clr-bad: hsl(var(--accentSecondary--10-clr-bad));
    --hsl-clr-bad: var(--accentSecondary--10-clr-bad);
    --sep: hsl(var(--accentSecondary--10-sep));
    --hsl-sep: var(--accentSecondary--10-sep);
    --sep-alt: hsl(var(--accentSecondary--10-sep-alt));
    --hsl-sep-alt: var(--accentSecondary--10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-accent-secondary[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-accent-secondary.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--accentSecondary--10-bg), 1);
    --hsl-bg: var(--accentSecondary--10-bg);
    --clr: hsl(var(--accentSecondary--10-clr));
    --hsl-clr: var(--accentSecondary--10-clr);
    --clr-accent: hsl(var(--accentSecondary--10-clr-accent));
    --hsl-clr-accent: var(--accentSecondary--10-clr-accent);
    --clr-decent: hsl(var(--accentSecondary--10-clr-decent));
    --hsl-clr-decent: var(--accentSecondary--10-clr-decent);
    --clr-strong: hsl(var(--accentSecondary--10-clr-strong));
    --hsl-clr-strong: var(--accentSecondary--10-clr-strong);
    --clr-strong-alt: hsl(var(--accentSecondary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accentSecondary--10-clr-strong-alt);
    --clr-primary: hsl(var(--accentSecondary--10-clr-primary));
    --hsl-clr-primary: var(--accentSecondary--10-clr-primary);
    --clr-good: hsl(var(--accentSecondary--10-clr-good));
    --hsl-clr-good: var(--accentSecondary--10-clr-good);
    --clr-bad: hsl(var(--accentSecondary--10-clr-bad));
    --hsl-clr-bad: var(--accentSecondary--10-clr-bad);
    --sep: hsl(var(--accentSecondary--10-sep));
    --hsl-sep: var(--accentSecondary--10-sep);
    --sep-alt: hsl(var(--accentSecondary--10-sep-alt));
    --hsl-sep-alt: var(--accentSecondary--10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-accent-secondary.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-accent-secondary.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-accent-secondary[data-v-ea89103b]:disabled {
    --bg: hsla(var(--accentSecondary-40-bg), 1);
    --hsl-bg: var(--accentSecondary-40-bg);
    --clr: hsl(var(--accentSecondary-40-clr));
    --hsl-clr: var(--accentSecondary-40-clr);
    --clr-accent: hsl(var(--accentSecondary-40-clr-accent));
    --hsl-clr-accent: var(--accentSecondary-40-clr-accent);
    --clr-decent: hsl(var(--accentSecondary-40-clr-decent));
    --hsl-clr-decent: var(--accentSecondary-40-clr-decent);
    --clr-strong: hsl(var(--accentSecondary-40-clr-strong));
    --hsl-clr-strong: var(--accentSecondary-40-clr-strong);
    --clr-strong-alt: hsl(var(--accentSecondary-40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accentSecondary-40-clr-strong-alt);
    --clr-primary: hsl(var(--accentSecondary-40-clr-primary));
    --hsl-clr-primary: var(--accentSecondary-40-clr-primary);
    --clr-good: hsl(var(--accentSecondary-40-clr-good));
    --hsl-clr-good: var(--accentSecondary-40-clr-good);
    --clr-bad: hsl(var(--accentSecondary-40-clr-bad));
    --hsl-clr-bad: var(--accentSecondary-40-clr-bad);
    --sep: hsl(var(--accentSecondary-40-sep));
    --hsl-sep: var(--accentSecondary-40-sep);
    --sep-alt: hsl(var(--accentSecondary-40-sep-alt));
    --hsl-sep-alt: var(--accentSecondary-40-sep-alt);
    color: Hsl(var(--custom-ui-button-disabled-clr-theme-accentSecondary, var(--hsl-clr, var(--hsl-clr))))
}

[dir] .ui-button--theme-accent-secondary.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-accent-secondary[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--custom-ui-button-disabled-bg-theme-accentSecondary, var(--hsl-bg)))
}

.ui-button--theme-cyber[data-v-ea89103b] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--cyber-10-bg), 1);
    --hsl-bg: var(--cyber-10-bg);
    --clr: hsl(var(--cyber-10-clr));
    --hsl-clr: var(--cyber-10-clr);
    --clr-accent: hsl(var(--cyber-10-clr-accent));
    --hsl-clr-accent: var(--cyber-10-clr-accent);
    --clr-decent: hsl(var(--cyber-10-clr-decent));
    --hsl-clr-decent: var(--cyber-10-clr-decent);
    --clr-strong: hsl(var(--cyber-10-clr-strong));
    --hsl-clr-strong: var(--cyber-10-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-10-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-10-clr-primary));
    --hsl-clr-primary: var(--cyber-10-clr-primary);
    --clr-good: hsl(var(--cyber-10-clr-good));
    --hsl-clr-good: var(--cyber-10-clr-good);
    --clr-bad: hsl(var(--cyber-10-clr-bad));
    --hsl-clr-bad: var(--cyber-10-clr-bad);
    --sep: hsl(var(--cyber-10-sep));
    --hsl-sep: var(--cyber-10-sep);
    --sep-alt: hsl(var(--cyber-10-sep-alt));
    --hsl-sep-alt: var(--cyber-10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--cyber--10-bg), 1);
    --hsl-bg: var(--cyber--10-bg);
    --clr: hsl(var(--cyber--10-clr));
    --hsl-clr: var(--cyber--10-clr);
    --clr-accent: hsl(var(--cyber--10-clr-accent));
    --hsl-clr-accent: var(--cyber--10-clr-accent);
    --clr-decent: hsl(var(--cyber--10-clr-decent));
    --hsl-clr-decent: var(--cyber--10-clr-decent);
    --clr-strong: hsl(var(--cyber--10-clr-strong));
    --hsl-clr-strong: var(--cyber--10-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--10-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--10-clr-primary));
    --hsl-clr-primary: var(--cyber--10-clr-primary);
    --clr-good: hsl(var(--cyber--10-clr-good));
    --hsl-clr-good: var(--cyber--10-clr-good);
    --clr-bad: hsl(var(--cyber--10-clr-bad));
    --hsl-clr-bad: var(--cyber--10-clr-bad);
    --sep: hsl(var(--cyber--10-sep));
    --hsl-sep: var(--cyber--10-sep);
    --sep-alt: hsl(var(--cyber--10-sep-alt));
    --hsl-sep-alt: var(--cyber--10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--cyber--10-bg), 1);
    --hsl-bg: var(--cyber--10-bg);
    --clr: hsl(var(--cyber--10-clr));
    --hsl-clr: var(--cyber--10-clr);
    --clr-accent: hsl(var(--cyber--10-clr-accent));
    --hsl-clr-accent: var(--cyber--10-clr-accent);
    --clr-decent: hsl(var(--cyber--10-clr-decent));
    --hsl-clr-decent: var(--cyber--10-clr-decent);
    --clr-strong: hsl(var(--cyber--10-clr-strong));
    --hsl-clr-strong: var(--cyber--10-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--10-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--10-clr-primary));
    --hsl-clr-primary: var(--cyber--10-clr-primary);
    --clr-good: hsl(var(--cyber--10-clr-good));
    --hsl-clr-good: var(--cyber--10-clr-good);
    --clr-bad: hsl(var(--cyber--10-clr-bad));
    --hsl-clr-bad: var(--cyber--10-clr-bad);
    --sep: hsl(var(--cyber--10-sep));
    --hsl-sep: var(--cyber--10-sep);
    --sep-alt: hsl(var(--cyber--10-sep-alt));
    --hsl-sep-alt: var(--cyber--10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-cyber[data-v-ea89103b]:disabled {
    --bg: hsla(var(--cyber--20-bg), 1);
    --hsl-bg: var(--cyber--20-bg);
    --clr: hsl(var(--cyber--20-clr));
    --hsl-clr: var(--cyber--20-clr);
    --clr-accent: hsl(var(--cyber--20-clr-accent));
    --hsl-clr-accent: var(--cyber--20-clr-accent);
    --clr-decent: hsl(var(--cyber--20-clr-decent));
    --hsl-clr-decent: var(--cyber--20-clr-decent);
    --clr-strong: hsl(var(--cyber--20-clr-strong));
    --hsl-clr-strong: var(--cyber--20-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--20-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--20-clr-primary));
    --hsl-clr-primary: var(--cyber--20-clr-primary);
    --clr-good: hsl(var(--cyber--20-clr-good));
    --hsl-clr-good: var(--cyber--20-clr-good);
    --clr-bad: hsl(var(--cyber--20-clr-bad));
    --hsl-clr-bad: var(--cyber--20-clr-bad);
    --sep: hsl(var(--cyber--20-sep));
    --hsl-sep: var(--cyber--20-sep);
    --sep-alt: hsl(var(--cyber--20-sep-alt));
    --hsl-sep-alt: var(--cyber--20-sep-alt);
    color: Hsl(var(--hsl-clr-decent, var(--hsl-clr-decent, var(--hsl-clr))))
}

[dir] .ui-button--theme-cyber.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-cyber[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber-10[data-v-ea89103b] {
    --bg: hsla(var(--cyber-10-bg), 1);
    --hsl-bg: var(--cyber-10-bg);
    --clr: hsl(var(--cyber-10-clr));
    --hsl-clr: var(--cyber-10-clr);
    --clr-accent: hsl(var(--cyber-10-clr-accent));
    --hsl-clr-accent: var(--cyber-10-clr-accent);
    --clr-decent: hsl(var(--cyber-10-clr-decent));
    --hsl-clr-decent: var(--cyber-10-clr-decent);
    --clr-strong: hsl(var(--cyber-10-clr-strong));
    --hsl-clr-strong: var(--cyber-10-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-10-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-10-clr-primary));
    --hsl-clr-primary: var(--cyber-10-clr-primary);
    --clr-good: hsl(var(--cyber-10-clr-good));
    --hsl-clr-good: var(--cyber-10-clr-good);
    --clr-bad: hsl(var(--cyber-10-clr-bad));
    --hsl-clr-bad: var(--cyber-10-clr-bad);
    --sep: hsl(var(--cyber-10-sep));
    --hsl-sep: var(--cyber-10-sep);
    --sep-alt: hsl(var(--cyber-10-sep-alt));
    --hsl-sep-alt: var(--cyber-10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber-10[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber-10[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--cyber-15-bg), 1);
    --hsl-bg: var(--cyber-15-bg);
    --clr: hsl(var(--cyber-15-clr));
    --hsl-clr: var(--cyber-15-clr);
    --clr-accent: hsl(var(--cyber-15-clr-accent));
    --hsl-clr-accent: var(--cyber-15-clr-accent);
    --clr-decent: hsl(var(--cyber-15-clr-decent));
    --hsl-clr-decent: var(--cyber-15-clr-decent);
    --clr-strong: hsl(var(--cyber-15-clr-strong));
    --hsl-clr-strong: var(--cyber-15-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-15-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-15-clr-primary));
    --hsl-clr-primary: var(--cyber-15-clr-primary);
    --clr-good: hsl(var(--cyber-15-clr-good));
    --hsl-clr-good: var(--cyber-15-clr-good);
    --clr-bad: hsl(var(--cyber-15-clr-bad));
    --hsl-clr-bad: var(--cyber-15-clr-bad);
    --sep: hsl(var(--cyber-15-sep));
    --hsl-sep: var(--cyber-15-sep);
    --sep-alt: hsl(var(--cyber-15-sep-alt));
    --hsl-sep-alt: var(--cyber-15-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber-10[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber-10[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--cyber-25-bg), 1);
    --hsl-bg: var(--cyber-25-bg);
    --clr: hsl(var(--cyber-25-clr));
    --hsl-clr: var(--cyber-25-clr);
    --clr-accent: hsl(var(--cyber-25-clr-accent));
    --hsl-clr-accent: var(--cyber-25-clr-accent);
    --clr-decent: hsl(var(--cyber-25-clr-decent));
    --hsl-clr-decent: var(--cyber-25-clr-decent);
    --clr-strong: hsl(var(--cyber-25-clr-strong));
    --hsl-clr-strong: var(--cyber-25-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-25-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-25-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-25-clr-primary));
    --hsl-clr-primary: var(--cyber-25-clr-primary);
    --clr-good: hsl(var(--cyber-25-clr-good));
    --hsl-clr-good: var(--cyber-25-clr-good);
    --clr-bad: hsl(var(--cyber-25-clr-bad));
    --hsl-clr-bad: var(--cyber-25-clr-bad);
    --sep: hsl(var(--cyber-25-sep));
    --hsl-sep: var(--cyber-25-sep);
    --sep-alt: hsl(var(--cyber-25-sep-alt));
    --hsl-sep-alt: var(--cyber-25-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber-10[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber-10.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--cyber--45-bg), 1);
    --hsl-bg: var(--cyber--45-bg);
    --clr: hsl(var(--cyber--45-clr));
    --hsl-clr: var(--cyber--45-clr);
    --clr-accent: hsl(var(--cyber--45-clr-accent));
    --hsl-clr-accent: var(--cyber--45-clr-accent);
    --clr-decent: hsl(var(--cyber--45-clr-decent));
    --hsl-clr-decent: var(--cyber--45-clr-decent);
    --clr-strong: hsl(var(--cyber--45-clr-strong));
    --hsl-clr-strong: var(--cyber--45-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--45-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--45-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--45-clr-primary));
    --hsl-clr-primary: var(--cyber--45-clr-primary);
    --clr-good: hsl(var(--cyber--45-clr-good));
    --hsl-clr-good: var(--cyber--45-clr-good);
    --clr-bad: hsl(var(--cyber--45-clr-bad));
    --hsl-clr-bad: var(--cyber--45-clr-bad);
    --sep: hsl(var(--cyber--45-sep));
    --hsl-sep: var(--cyber--45-sep);
    --sep-alt: hsl(var(--cyber--45-sep-alt));
    --hsl-sep-alt: var(--cyber--45-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber-10.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber-10.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-cyber-10[data-v-ea89103b]:disabled {
    --bg: hsla(var(--cyber--20-bg), 1);
    --hsl-bg: var(--cyber--20-bg);
    --clr: hsl(var(--cyber--20-clr));
    --hsl-clr: var(--cyber--20-clr);
    --clr-accent: hsl(var(--cyber--20-clr-accent));
    --hsl-clr-accent: var(--cyber--20-clr-accent);
    --clr-decent: hsl(var(--cyber--20-clr-decent));
    --hsl-clr-decent: var(--cyber--20-clr-decent);
    --clr-strong: hsl(var(--cyber--20-clr-strong));
    --hsl-clr-strong: var(--cyber--20-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--20-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--20-clr-primary));
    --hsl-clr-primary: var(--cyber--20-clr-primary);
    --clr-good: hsl(var(--cyber--20-clr-good));
    --hsl-clr-good: var(--cyber--20-clr-good);
    --clr-bad: hsl(var(--cyber--20-clr-bad));
    --hsl-clr-bad: var(--cyber--20-clr-bad);
    --sep: hsl(var(--cyber--20-sep));
    --hsl-sep: var(--cyber--20-sep);
    --sep-alt: hsl(var(--cyber--20-sep-alt));
    --hsl-sep-alt: var(--cyber--20-sep-alt);
    color: Hsl(var(--hsl-clr-decent, var(--hsl-clr-decent, var(--hsl-clr))))
}

[dir] .ui-button--theme-cyber-10.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-cyber-10[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber--45[data-v-ea89103b] {
    --bg: hsla(var(--cyber--45-bg), 1);
    --hsl-bg: var(--cyber--45-bg);
    --clr: hsl(var(--cyber--45-clr));
    --hsl-clr: var(--cyber--45-clr);
    --clr-accent: hsl(var(--cyber--45-clr-accent));
    --hsl-clr-accent: var(--cyber--45-clr-accent);
    --clr-decent: hsl(var(--cyber--45-clr-decent));
    --hsl-clr-decent: var(--cyber--45-clr-decent);
    --clr-strong: hsl(var(--cyber--45-clr-strong));
    --hsl-clr-strong: var(--cyber--45-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--45-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--45-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--45-clr-primary));
    --hsl-clr-primary: var(--cyber--45-clr-primary);
    --clr-good: hsl(var(--cyber--45-clr-good));
    --hsl-clr-good: var(--cyber--45-clr-good);
    --clr-bad: hsl(var(--cyber--45-clr-bad));
    --hsl-clr-bad: var(--cyber--45-clr-bad);
    --sep: hsl(var(--cyber--45-sep));
    --hsl-sep: var(--cyber--45-sep);
    --sep-alt: hsl(var(--cyber--45-sep-alt));
    --hsl-sep-alt: var(--cyber--45-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber--45[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber--45[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--cyber--20-bg), 1);
    --hsl-bg: var(--cyber--20-bg);
    --clr: hsl(var(--cyber--20-clr));
    --hsl-clr: var(--cyber--20-clr);
    --clr-accent: hsl(var(--cyber--20-clr-accent));
    --hsl-clr-accent: var(--cyber--20-clr-accent);
    --clr-decent: hsl(var(--cyber--20-clr-decent));
    --hsl-clr-decent: var(--cyber--20-clr-decent);
    --clr-strong: hsl(var(--cyber--20-clr-strong));
    --hsl-clr-strong: var(--cyber--20-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--20-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--20-clr-primary));
    --hsl-clr-primary: var(--cyber--20-clr-primary);
    --clr-good: hsl(var(--cyber--20-clr-good));
    --hsl-clr-good: var(--cyber--20-clr-good);
    --clr-bad: hsl(var(--cyber--20-clr-bad));
    --hsl-clr-bad: var(--cyber--20-clr-bad);
    --sep: hsl(var(--cyber--20-sep));
    --hsl-sep: var(--cyber--20-sep);
    --sep-alt: hsl(var(--cyber--20-sep-alt));
    --hsl-sep-alt: var(--cyber--20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber--45[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber--45[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--cyber--45-bg), 1);
    --hsl-bg: var(--cyber--45-bg);
    --clr: hsl(var(--cyber--45-clr));
    --hsl-clr: var(--cyber--45-clr);
    --clr-accent: hsl(var(--cyber--45-clr-accent));
    --hsl-clr-accent: var(--cyber--45-clr-accent);
    --clr-decent: hsl(var(--cyber--45-clr-decent));
    --hsl-clr-decent: var(--cyber--45-clr-decent);
    --clr-strong: hsl(var(--cyber--45-clr-strong));
    --hsl-clr-strong: var(--cyber--45-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--45-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--45-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--45-clr-primary));
    --hsl-clr-primary: var(--cyber--45-clr-primary);
    --clr-good: hsl(var(--cyber--45-clr-good));
    --hsl-clr-good: var(--cyber--45-clr-good);
    --clr-bad: hsl(var(--cyber--45-clr-bad));
    --hsl-clr-bad: var(--cyber--45-clr-bad);
    --sep: hsl(var(--cyber--45-sep));
    --hsl-sep: var(--cyber--45-sep);
    --sep-alt: hsl(var(--cyber--45-sep-alt));
    --hsl-sep-alt: var(--cyber--45-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber--45[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber--45.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--cyber--45-bg), 1);
    --hsl-bg: var(--cyber--45-bg);
    --clr: hsl(var(--cyber--45-clr));
    --hsl-clr: var(--cyber--45-clr);
    --clr-accent: hsl(var(--cyber--45-clr-accent));
    --hsl-clr-accent: var(--cyber--45-clr-accent);
    --clr-decent: hsl(var(--cyber--45-clr-decent));
    --hsl-clr-decent: var(--cyber--45-clr-decent);
    --clr-strong: hsl(var(--cyber--45-clr-strong));
    --hsl-clr-strong: var(--cyber--45-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--45-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--45-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--45-clr-primary));
    --hsl-clr-primary: var(--cyber--45-clr-primary);
    --clr-good: hsl(var(--cyber--45-clr-good));
    --hsl-clr-good: var(--cyber--45-clr-good);
    --clr-bad: hsl(var(--cyber--45-clr-bad));
    --hsl-clr-bad: var(--cyber--45-clr-bad);
    --sep: hsl(var(--cyber--45-sep));
    --hsl-sep: var(--cyber--45-sep);
    --sep-alt: hsl(var(--cyber--45-sep-alt));
    --hsl-sep-alt: var(--cyber--45-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber--45.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber--45.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-cyber--45[data-v-ea89103b]:disabled {
    --bg: hsla(var(--cyber--20-bg), 1);
    --hsl-bg: var(--cyber--20-bg);
    --clr: hsl(var(--cyber--20-clr));
    --hsl-clr: var(--cyber--20-clr);
    --clr-accent: hsl(var(--cyber--20-clr-accent));
    --hsl-clr-accent: var(--cyber--20-clr-accent);
    --clr-decent: hsl(var(--cyber--20-clr-decent));
    --hsl-clr-decent: var(--cyber--20-clr-decent);
    --clr-strong: hsl(var(--cyber--20-clr-strong));
    --hsl-clr-strong: var(--cyber--20-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--20-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--20-clr-primary));
    --hsl-clr-primary: var(--cyber--20-clr-primary);
    --clr-good: hsl(var(--cyber--20-clr-good));
    --hsl-clr-good: var(--cyber--20-clr-good);
    --clr-bad: hsl(var(--cyber--20-clr-bad));
    --hsl-clr-bad: var(--cyber--20-clr-bad);
    --sep: hsl(var(--cyber--20-sep));
    --hsl-sep: var(--cyber--20-sep);
    --sep-alt: hsl(var(--cyber--20-sep-alt));
    --hsl-sep-alt: var(--cyber--20-sep-alt);
    color: Hsl(var(--hsl-clr-decent, var(--hsl-clr-decent, var(--hsl-clr))))
}

[dir] .ui-button--theme-cyber--45.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-cyber--45[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber--45[data-v-ea89103b] {
    position: relative
}

.ui-button--theme-cyber--45[data-v-ea89103b]:after, .ui-button--theme-cyber--45[data-v-ea89103b]:before {
    content: "";
    filter: blur(.5px);
    height: 1px;
    position: absolute;
    visibility: hidden;
    width: 1.1875em
}

[dir] .ui-button--theme-cyber--45[data-v-ea89103b]:after, [dir] .ui-button--theme-cyber--45[data-v-ea89103b]:before {
    transition: .3s ease-out
}

[dir=ltr] .ui-button--theme-cyber--45[data-v-ea89103b]:after, [dir=ltr] .ui-button--theme-cyber--45[data-v-ea89103b]:before {
    background-image: linear-gradient(90deg, Hsla(var(--cyber-55-clr), 0) 0, Hsl(var(--cyber-55-bg)) 30%, Hsl(var(--cyber-55-clr-primary)) 50%, Hsl(var(--cyber-55-bg)) 70%, Hsla(var(--cyber-55-clr), 0) 100%)
}

[dir=rtl] .ui-button--theme-cyber--45[data-v-ea89103b]:after, [dir=rtl] .ui-button--theme-cyber--45[data-v-ea89103b]:before {
    background-image: linear-gradient(-90deg, Hsla(var(--cyber-55-clr), 0) 0, Hsl(var(--cyber-55-bg)) 30%, Hsl(var(--cyber-55-clr-primary)) 50%, Hsl(var(--cyber-55-bg)) 70%, Hsla(var(--cyber-55-clr), 0) 100%)
}

.ui-button--theme-cyber--45[data-v-ea89103b]:before {
    top: 0
}

[dir=ltr] .ui-button--theme-cyber--45[data-v-ea89103b]:before {
    left: calc(100% - 1.375em)
}

[dir=rtl] .ui-button--theme-cyber--45[data-v-ea89103b]:before {
    right: calc(100% - 1.375em)
}

.ui-button--theme-cyber--45[data-v-ea89103b]:after {
    bottom: 0
}

[dir=ltr] .ui-button--theme-cyber--45[data-v-ea89103b]:after {
    right: calc(100% - 1.375em)
}

[dir=rtl] .ui-button--theme-cyber--45[data-v-ea89103b]:after {
    left: calc(100% - 1.375em)
}

.ui-button--theme-cyber--45.ui-button--is-hover[data-v-ea89103b]:not(:disabled):after, .ui-button--theme-cyber--45.ui-button--is-hover[data-v-ea89103b]:not(:disabled):before, .ui-button--theme-cyber--45.ui-button[data-v-ea89103b]:hover:not(:disabled):after, .ui-button--theme-cyber--45.ui-button[data-v-ea89103b]:hover:not(:disabled):before {
    visibility: visible
}

[dir=ltr] .ui-button--theme-cyber--45.ui-button--is-hover[data-v-ea89103b]:not(:disabled):before, [dir=ltr] .ui-button--theme-cyber--45.ui-button[data-v-ea89103b]:hover:not(:disabled):before {
    left: .1875em
}

[dir=ltr] .ui-button--theme-cyber--45.ui-button--is-hover[data-v-ea89103b]:not(:disabled):after, [dir=ltr] .ui-button--theme-cyber--45.ui-button[data-v-ea89103b]:hover:not(:disabled):after, [dir=rtl] .ui-button--theme-cyber--45.ui-button--is-hover[data-v-ea89103b]:not(:disabled):before, [dir=rtl] .ui-button--theme-cyber--45.ui-button[data-v-ea89103b]:hover:not(:disabled):before {
    right: .1875em
}

[dir=rtl] .ui-button--theme-cyber--45.ui-button--is-hover[data-v-ea89103b]:not(:disabled):after, [dir=rtl] .ui-button--theme-cyber--45.ui-button[data-v-ea89103b]:hover:not(:disabled):after {
    left: .1875em
}

.ui-button--theme-cyber-accent[data-v-ea89103b] {
    color: Hsl(var(--custom-ui-button-clr-gradient-theme-cyber-accent))
}

[dir=ltr] .ui-button--theme-cyber-accent[data-v-ea89103b] {
    background-image: linear-gradient(180deg, Hsl(var(--custom-ui-button-bg-gradient-theme-cyber-accent-start)) 0, Hsl(var(--custom-ui-button-bg-gradient-theme-cyber-accent-end)) 100%)
}

[dir=rtl] .ui-button--theme-cyber-accent[data-v-ea89103b] {
    background-image: linear-gradient(-180deg, Hsl(var(--custom-ui-button-bg-gradient-theme-cyber-accent-start)) 0, Hsl(var(--custom-ui-button-bg-gradient-theme-cyber-accent-end)) 100%)
}

[dir=ltr] .ui-button--theme-cyber-accent.ui-button--is-hover[data-v-ea89103b]:not(:disabled), [dir=ltr] .ui-button--theme-cyber-accent.ui-button[data-v-ea89103b]:hover:not(:disabled) {
    background-image: linear-gradient(180deg, Hsl(var(--cyber-alternative-gradient-start)) -50%, Hsl(var(--cyber-alternative-gradient-end)) 100%)
}

[dir=rtl] .ui-button--theme-cyber-accent.ui-button--is-hover[data-v-ea89103b]:not(:disabled), [dir=rtl] .ui-button--theme-cyber-accent.ui-button[data-v-ea89103b]:hover:not(:disabled) {
    background-image: linear-gradient(-180deg, Hsl(var(--cyber-alternative-gradient-start)) -50%, Hsl(var(--cyber-alternative-gradient-end)) 100%)
}

[dir=ltr] .ui-button--theme-cyber-accent.ui-button--is-active[data-v-ea89103b]:not(:disabled), [dir=ltr] .ui-button--theme-cyber-accent.ui-button[data-v-ea89103b]:active:not(:disabled) {
    background-image: linear-gradient(180deg, Hsl(var(--custom-ui-button-bg-gradient-theme-cyber-accent-start)) 0, Hsl(var(--custom-ui-button-bg-gradient-theme-cyber-accent-end)) 100%)
}

[dir=rtl] .ui-button--theme-cyber-accent.ui-button--is-active[data-v-ea89103b]:not(:disabled), [dir=rtl] .ui-button--theme-cyber-accent.ui-button[data-v-ea89103b]:active:not(:disabled) {
    background-image: linear-gradient(-180deg, Hsl(var(--custom-ui-button-bg-gradient-theme-cyber-accent-start)) 0, Hsl(var(--custom-ui-button-bg-gradient-theme-cyber-accent-end)) 100%)
}

[dir=ltr] .ui-button--theme-cyber-accent.ui-button--is-toggled[data-v-ea89103b], [dir=ltr] .ui-button--theme-cyber-accent.ui-button--is-toggled[data-v-ea89103b]:active, [dir=ltr] .ui-button--theme-cyber-accent.ui-button--is-toggled[data-v-ea89103b]:hover {
    background-image: linear-gradient(180deg, Hsl(var(--custom-ui-button-bg-gradient-theme-cyber-accent-start)) 0, Hsl(var(--custom-ui-button-bg-gradient-theme-cyber-accent-end)) 52%)
}

[dir=rtl] .ui-button--theme-cyber-accent.ui-button--is-toggled[data-v-ea89103b], [dir=rtl] .ui-button--theme-cyber-accent.ui-button--is-toggled[data-v-ea89103b]:active, [dir=rtl] .ui-button--theme-cyber-accent.ui-button--is-toggled[data-v-ea89103b]:hover {
    background-image: linear-gradient(-180deg, Hsl(var(--custom-ui-button-bg-gradient-theme-cyber-accent-start)) 0, Hsl(var(--custom-ui-button-bg-gradient-theme-cyber-accent-end)) 52%)
}

.ui-button--theme-cyber-accent.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-cyber-accent.ui-button[data-v-ea89103b]:disabled {
    color: Hsl(var(--cyber--20-clr-decent))
}

[dir=ltr] .ui-button--theme-cyber-accent.ui-button--is-disabled[data-v-ea89103b], [dir=ltr] .ui-button--theme-cyber-accent.ui-button[data-v-ea89103b]:disabled {
    background-image: linear-gradient(180deg, Hsl(var(--custom-ui-button-disabled-bg-gradient-theme-cyber-accent-start)) 0, Hsl(var(--custom-ui-button-disabled-bg-gradient-theme-cyber-accent-end)) 100%)
}

[dir=rtl] .ui-button--theme-cyber-accent.ui-button--is-disabled[data-v-ea89103b], [dir=rtl] .ui-button--theme-cyber-accent.ui-button[data-v-ea89103b]:disabled {
    background-image: linear-gradient(-180deg, Hsl(var(--custom-ui-button-disabled-bg-gradient-theme-cyber-accent-start)) 0, Hsl(var(--custom-ui-button-disabled-bg-gradient-theme-cyber-accent-end)) 100%)
}

.ui-button--theme-cyber-accent-gradient[data-v-ea89103b] {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    color: Hsl(var(--custom-ui-button-clr-theme-cyber-accent-gradient, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber-accent-gradient[data-v-ea89103b] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir=ltr] .ui-button--theme-cyber-accent-gradient[data-v-ea89103b] {
    background-image: linear-gradient(180deg, Hsl(var(--custom-ui-button-bg-theme-cyber-accent-gradient-start, var(--hsl-bg))) 0, Hsl(var(--custom-ui-button-bg-theme-cyber-accent-gradient-end, var(--hsl-bg))) 100%)
}

[dir=rtl] .ui-button--theme-cyber-accent-gradient[data-v-ea89103b] {
    background-image: linear-gradient(-180deg, Hsl(var(--custom-ui-button-bg-theme-cyber-accent-gradient-start, var(--hsl-bg))) 0, Hsl(var(--custom-ui-button-bg-theme-cyber-accent-gradient-end, var(--hsl-bg))) 100%)
}

.ui-button--theme-cyber-accent-gradient.ui-button--is-hover[data-v-ea89103b]:not(:disabled), .ui-button--theme-cyber-accent-gradient.ui-button[data-v-ea89103b]:hover:not(:disabled) {
    --bg: hsla(var(--accent--10-bg), 1);
    --hsl-bg: var(--accent--10-bg);
    --clr: hsl(var(--accent--10-clr));
    --hsl-clr: var(--accent--10-clr);
    --clr-accent: hsl(var(--accent--10-clr-accent));
    --hsl-clr-accent: var(--accent--10-clr-accent);
    --clr-decent: hsl(var(--accent--10-clr-decent));
    --hsl-clr-decent: var(--accent--10-clr-decent);
    --clr-strong: hsl(var(--accent--10-clr-strong));
    --hsl-clr-strong: var(--accent--10-clr-strong);
    --clr-strong-alt: hsl(var(--accent--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent--10-clr-strong-alt);
    --clr-primary: hsl(var(--accent--10-clr-primary));
    --hsl-clr-primary: var(--accent--10-clr-primary);
    --clr-good: hsl(var(--accent--10-clr-good));
    --hsl-clr-good: var(--accent--10-clr-good);
    --clr-bad: hsl(var(--accent--10-clr-bad));
    --hsl-clr-bad: var(--accent--10-clr-bad);
    --sep: hsl(var(--accent--10-sep));
    --hsl-sep: var(--accent--10-sep);
    --sep-alt: hsl(var(--accent--10-sep-alt));
    --hsl-sep-alt: var(--accent--10-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    color: Hsl(var(--custom-ui-button-clr-hover-theme-cyber-accent-gradient, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber-accent-gradient.ui-button--is-hover[data-v-ea89103b]:not(:disabled), [dir] .ui-button--theme-cyber-accent-gradient.ui-button[data-v-ea89103b]:hover:not(:disabled) {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir=ltr] .ui-button--theme-cyber-accent-gradient.ui-button--is-hover[data-v-ea89103b]:not(:disabled), [dir=ltr] .ui-button--theme-cyber-accent-gradient.ui-button[data-v-ea89103b]:hover:not(:disabled) {
    background-image: linear-gradient(180deg, Hsl(var(--custom-ui-button-bg-hover-theme-cyber-accent-gradient-start, var(--hsl-bg))) -50%, Hsl(var(--custom-ui-button-bg-hover-theme-cyber-accent-gradient-end, var(--hsl-bg))) 100%)
}

[dir=rtl] .ui-button--theme-cyber-accent-gradient.ui-button--is-hover[data-v-ea89103b]:not(:disabled), [dir=rtl] .ui-button--theme-cyber-accent-gradient.ui-button[data-v-ea89103b]:hover:not(:disabled) {
    background-image: linear-gradient(-180deg, Hsl(var(--custom-ui-button-bg-hover-theme-cyber-accent-gradient-start, var(--hsl-bg))) -50%, Hsl(var(--custom-ui-button-bg-hover-theme-cyber-accent-gradient-end, var(--hsl-bg))) 100%)
}

.ui-button--theme-cyber-accent-gradient.ui-button--is-active[data-v-ea89103b]:not(:disabled), .ui-button--theme-cyber-accent-gradient.ui-button[data-v-ea89103b]:active:not(:disabled) {
    --bg: hsla(var(--accent-80-bg), 1);
    --hsl-bg: var(--accent-80-bg);
    --clr: hsl(var(--accent-80-clr));
    --hsl-clr: var(--accent-80-clr);
    --clr-accent: hsl(var(--accent-80-clr-accent));
    --hsl-clr-accent: var(--accent-80-clr-accent);
    --clr-decent: hsl(var(--accent-80-clr-decent));
    --hsl-clr-decent: var(--accent-80-clr-decent);
    --clr-strong: hsl(var(--accent-80-clr-strong));
    --hsl-clr-strong: var(--accent-80-clr-strong);
    --clr-strong-alt: hsl(var(--accent-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-80-clr-strong-alt);
    --clr-primary: hsl(var(--accent-80-clr-primary));
    --hsl-clr-primary: var(--accent-80-clr-primary);
    --clr-good: hsl(var(--accent-80-clr-good));
    --hsl-clr-good: var(--accent-80-clr-good);
    --clr-bad: hsl(var(--accent-80-clr-bad));
    --hsl-clr-bad: var(--accent-80-clr-bad);
    --sep: hsl(var(--accent-80-sep));
    --hsl-sep: var(--accent-80-sep);
    --sep-alt: hsl(var(--accent-80-sep-alt));
    --hsl-sep-alt: var(--accent-80-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    color: Hsl(var(--custom-ui-button-clr-theme-cyber-accent-gradient, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber-accent-gradient.ui-button--is-active[data-v-ea89103b]:not(:disabled), [dir] .ui-button--theme-cyber-accent-gradient.ui-button[data-v-ea89103b]:active:not(:disabled) {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir=ltr] .ui-button--theme-cyber-accent-gradient.ui-button--is-active[data-v-ea89103b]:not(:disabled), [dir=ltr] .ui-button--theme-cyber-accent-gradient.ui-button[data-v-ea89103b]:active:not(:disabled) {
    background-image: linear-gradient(180deg, Hsl(var(--custom-ui-button-bg-theme-cyber-accent-gradient-start, var(--hsl-bg))) 0, Hsl(var(--custom-ui-button-bg-theme-cyber-accent-gradient-end, var(--hsl-bg))) 100%)
}

[dir=rtl] .ui-button--theme-cyber-accent-gradient.ui-button--is-active[data-v-ea89103b]:not(:disabled), [dir=rtl] .ui-button--theme-cyber-accent-gradient.ui-button[data-v-ea89103b]:active:not(:disabled) {
    background-image: linear-gradient(-180deg, Hsl(var(--custom-ui-button-bg-theme-cyber-accent-gradient-start, var(--hsl-bg))) 0, Hsl(var(--custom-ui-button-bg-theme-cyber-accent-gradient-end, var(--hsl-bg))) 100%)
}

.ui-button--theme-cyber-accent-gradient.ui-button--is-toggled[data-v-ea89103b], .ui-button--theme-cyber-accent-gradient.ui-button--is-toggled[data-v-ea89103b]:active, .ui-button--theme-cyber-accent-gradient.ui-button--is-toggled[data-v-ea89103b]:hover {
    --bg: hsla(var(--accent-80-bg), 1);
    --hsl-bg: var(--accent-80-bg);
    --clr: hsl(var(--accent-80-clr));
    --hsl-clr: var(--accent-80-clr);
    --clr-accent: hsl(var(--accent-80-clr-accent));
    --hsl-clr-accent: var(--accent-80-clr-accent);
    --clr-decent: hsl(var(--accent-80-clr-decent));
    --hsl-clr-decent: var(--accent-80-clr-decent);
    --clr-strong: hsl(var(--accent-80-clr-strong));
    --hsl-clr-strong: var(--accent-80-clr-strong);
    --clr-strong-alt: hsl(var(--accent-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-80-clr-strong-alt);
    --clr-primary: hsl(var(--accent-80-clr-primary));
    --hsl-clr-primary: var(--accent-80-clr-primary);
    --clr-good: hsl(var(--accent-80-clr-good));
    --hsl-clr-good: var(--accent-80-clr-good);
    --clr-bad: hsl(var(--accent-80-clr-bad));
    --hsl-clr-bad: var(--accent-80-clr-bad);
    --sep: hsl(var(--accent-80-sep));
    --hsl-sep: var(--accent-80-sep);
    --sep-alt: hsl(var(--accent-80-sep-alt));
    --hsl-sep-alt: var(--accent-80-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    color: Hsl(var(--custom-ui-button-clr-theme-cyber-accent-gradient, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber-accent-gradient.ui-button--is-toggled[data-v-ea89103b], [dir] .ui-button--theme-cyber-accent-gradient.ui-button--is-toggled[data-v-ea89103b]:active, [dir] .ui-button--theme-cyber-accent-gradient.ui-button--is-toggled[data-v-ea89103b]:hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir=ltr] .ui-button--theme-cyber-accent-gradient.ui-button--is-toggled[data-v-ea89103b], [dir=ltr] .ui-button--theme-cyber-accent-gradient.ui-button--is-toggled[data-v-ea89103b]:active, [dir=ltr] .ui-button--theme-cyber-accent-gradient.ui-button--is-toggled[data-v-ea89103b]:hover {
    background-image: linear-gradient(180deg, Hsl(var(--custom-ui-button-bg-theme-cyber-accent-gradient-start, var(--hsl-bg))) 0, Hsl(var(--custom-ui-button-bg-theme-cyber-accent-gradient-end, var(--hsl-bg))) 100%)
}

[dir=rtl] .ui-button--theme-cyber-accent-gradient.ui-button--is-toggled[data-v-ea89103b], [dir=rtl] .ui-button--theme-cyber-accent-gradient.ui-button--is-toggled[data-v-ea89103b]:active, [dir=rtl] .ui-button--theme-cyber-accent-gradient.ui-button--is-toggled[data-v-ea89103b]:hover {
    background-image: linear-gradient(-180deg, Hsl(var(--custom-ui-button-bg-theme-cyber-accent-gradient-start, var(--hsl-bg))) 0, Hsl(var(--custom-ui-button-bg-theme-cyber-accent-gradient-end, var(--hsl-bg))) 100%)
}

.ui-button--theme-cyber-accent-gradient.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-cyber-accent-gradient.ui-button[data-v-ea89103b]:disabled {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    color: Hsl(var(--custom-ui-button-disabled-clr-gradient-theme-cyber-accent, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber-accent-gradient.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-cyber-accent-gradient.ui-button[data-v-ea89103b]:disabled {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir=ltr] .ui-button--theme-cyber-accent-gradient.ui-button--is-disabled[data-v-ea89103b], [dir=ltr] .ui-button--theme-cyber-accent-gradient.ui-button[data-v-ea89103b]:disabled {
    background-image: linear-gradient(180deg, Hsl(var(--custom-ui-button-disabled-bg-gradient-theme-cyber-accent-gradient-start, var(--hsl-bg))) 0, Hsl(var(--custom-ui-button-disabled-bg-gradient-theme-cyber-accent-gradient-end, var(--hsl-bg))) 100%)
}

[dir=rtl] .ui-button--theme-cyber-accent-gradient.ui-button--is-disabled[data-v-ea89103b], [dir=rtl] .ui-button--theme-cyber-accent-gradient.ui-button[data-v-ea89103b]:disabled {
    background-image: linear-gradient(-180deg, Hsl(var(--custom-ui-button-disabled-bg-gradient-theme-cyber-accent-gradient-start, var(--hsl-bg))) 0, Hsl(var(--custom-ui-button-disabled-bg-gradient-theme-cyber-accent-gradient-end, var(--hsl-bg))) 100%)
}

.ui-button--theme-cyber-gradient--25--45[data-v-ea89103b] {
    color: Hsl(var(--hsl-clr));
    position: relative;
    z-index: 0
}

[dir] .ui-button--theme-cyber-gradient--25--45[data-v-ea89103b] {
    background-image: linear-gradient(to bottom, Hsla(var(--cyber-0-bg), .5), Hsla(var(--cyber-55-bg), .1)), linear-gradient(to bottom, Hsl(var(--cyber--25-bg)), Hsl(var(--cyber--45-bg)))
}

.ui-button--theme-cyber-gradient--25--45[data-v-ea89103b]:before {
    bottom: 1px;
    content: "";
    position: absolute;
    top: 1px;
    z-index: -1
}

[dir] .ui-button--theme-cyber-gradient--25--45[data-v-ea89103b]:before {
    border-radius: inherit;
    left: 1px;
    right: 1px
}

[dir] .ui-button--theme-cyber-gradient--25--45.ui-button[data-v-ea89103b]:before {
    background-image: linear-gradient(to bottom, Hsl(var(--cyber--25-bg)), Hsl(var(--cyber--45-bg)))
}

[dir] .ui-button--theme-cyber-gradient--25--45.ui-button--is-hover[data-v-ea89103b]:not(:disabled):before, [dir] .ui-button--theme-cyber-gradient--25--45.ui-button[data-v-ea89103b]:hover:not(:disabled):before {
    background-image: linear-gradient(to bottom, Hsl(var(--cyber--25-bg)) 50%, Hsl(var(--cyber--45-bg)) 100%)
}

[dir] .ui-button--theme-cyber-gradient--25--45.ui-button--is-active[data-v-ea89103b]:not(:disabled):before, [dir] .ui-button--theme-cyber-gradient--25--45.ui-button--is-disabled[data-v-ea89103b]:before, [dir] .ui-button--theme-cyber-gradient--25--45.ui-button[data-v-ea89103b]:active:not(:disabled):before, [dir] .ui-button--theme-cyber-gradient--25--45.ui-button[data-v-ea89103b]:disabled:before {
    background-image: linear-gradient(to bottom, Hsl(var(--cyber--25-bg)), Hsl(var(--cyber--45-bg)))
}

[dir] .ui-button--theme-cyber-gradient--25--45.ui-button--is-toggled[data-v-ea89103b]:active:before, [dir] .ui-button--theme-cyber-gradient--25--45.ui-button--is-toggled[data-v-ea89103b]:before, [dir] .ui-button--theme-cyber-gradient--25--45.ui-button--is-toggled[data-v-ea89103b]:hover:before {
    background-image: linear-gradient(to bottom, Hsl(var(--cyber--25-bg)), Hsl(var(--cyber--45-bg)) 50%)
}

.ui-button--theme-cyber-gradient--25--45.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-cyber-gradient--25--45.ui-button[data-v-ea89103b]:disabled {
    color: Hsl(var(--cyber--20-clr-decent))
}

.ui-button--theme-cyber-primary[data-v-ea89103b] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber-primary[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber-primary[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber-primary[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber-primary[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber-primary[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber-primary.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-cyber-primary.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-cyber-primary.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-cyber-primary[data-v-ea89103b]:disabled {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr, var(--hsl-clr))))
}

[dir] .ui-button--theme-cyber-primary.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-cyber-primary[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-default[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    color: Hsl(var(--hsl-clr-strong))
}

.ui-button--theme-default.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-default[data-v-ea89103b]:disabled {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-button--theme-gray[data-v-ea89103b] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-gray[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-gray[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--gray-15-bg), 1);
    --hsl-bg: var(--gray-15-bg);
    --clr: hsl(var(--gray-15-clr));
    --hsl-clr: var(--gray-15-clr);
    --clr-accent: hsl(var(--gray-15-clr-accent));
    --hsl-clr-accent: var(--gray-15-clr-accent);
    --clr-decent: hsl(var(--gray-15-clr-decent));
    --hsl-clr-decent: var(--gray-15-clr-decent);
    --clr-strong: hsl(var(--gray-15-clr-strong));
    --hsl-clr-strong: var(--gray-15-clr-strong);
    --clr-strong-alt: hsl(var(--gray-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-15-clr-strong-alt);
    --clr-primary: hsl(var(--gray-15-clr-primary));
    --hsl-clr-primary: var(--gray-15-clr-primary);
    --clr-good: hsl(var(--gray-15-clr-good));
    --hsl-clr-good: var(--gray-15-clr-good);
    --clr-bad: hsl(var(--gray-15-clr-bad));
    --hsl-clr-bad: var(--gray-15-clr-bad);
    --sep: hsl(var(--gray-15-sep));
    --hsl-sep: var(--gray-15-sep);
    --sep-alt: hsl(var(--gray-15-sep-alt));
    --hsl-sep-alt: var(--gray-15-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-gray[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-gray[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--gray--5-bg), 1);
    --hsl-bg: var(--gray--5-bg);
    --clr: hsl(var(--gray--5-clr));
    --hsl-clr: var(--gray--5-clr);
    --clr-accent: hsl(var(--gray--5-clr-accent));
    --hsl-clr-accent: var(--gray--5-clr-accent);
    --clr-decent: hsl(var(--gray--5-clr-decent));
    --hsl-clr-decent: var(--gray--5-clr-decent);
    --clr-strong: hsl(var(--gray--5-clr-strong));
    --hsl-clr-strong: var(--gray--5-clr-strong);
    --clr-strong-alt: hsl(var(--gray--5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--5-clr-strong-alt);
    --clr-primary: hsl(var(--gray--5-clr-primary));
    --hsl-clr-primary: var(--gray--5-clr-primary);
    --clr-good: hsl(var(--gray--5-clr-good));
    --hsl-clr-good: var(--gray--5-clr-good);
    --clr-bad: hsl(var(--gray--5-clr-bad));
    --hsl-clr-bad: var(--gray--5-clr-bad);
    --sep: hsl(var(--gray--5-sep));
    --hsl-sep: var(--gray--5-sep);
    --sep-alt: hsl(var(--gray--5-sep-alt));
    --hsl-sep-alt: var(--gray--5-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-gray[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-gray.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--gray--5-bg), 1);
    --hsl-bg: var(--gray--5-bg);
    --clr: hsl(var(--gray--5-clr));
    --hsl-clr: var(--gray--5-clr);
    --clr-accent: hsl(var(--gray--5-clr-accent));
    --hsl-clr-accent: var(--gray--5-clr-accent);
    --clr-decent: hsl(var(--gray--5-clr-decent));
    --hsl-clr-decent: var(--gray--5-clr-decent);
    --clr-strong: hsl(var(--gray--5-clr-strong));
    --hsl-clr-strong: var(--gray--5-clr-strong);
    --clr-strong-alt: hsl(var(--gray--5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--5-clr-strong-alt);
    --clr-primary: hsl(var(--gray--5-clr-primary));
    --hsl-clr-primary: var(--gray--5-clr-primary);
    --clr-good: hsl(var(--gray--5-clr-good));
    --hsl-clr-good: var(--gray--5-clr-good);
    --clr-bad: hsl(var(--gray--5-clr-bad));
    --hsl-clr-bad: var(--gray--5-clr-bad);
    --sep: hsl(var(--gray--5-sep));
    --hsl-sep: var(--gray--5-sep);
    --sep-alt: hsl(var(--gray--5-sep-alt));
    --hsl-sep-alt: var(--gray--5-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-gray.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-gray.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-gray[data-v-ea89103b]:disabled {
    --bg: hsla(var(--gray-10-bg), 1);
    --hsl-bg: var(--gray-10-bg);
    --clr: hsl(var(--gray-10-clr));
    --hsl-clr: var(--gray-10-clr);
    --clr-accent: hsl(var(--gray-10-clr-accent));
    --hsl-clr-accent: var(--gray-10-clr-accent);
    --clr-decent: hsl(var(--gray-10-clr-decent));
    --hsl-clr-decent: var(--gray-10-clr-decent);
    --clr-strong: hsl(var(--gray-10-clr-strong));
    --hsl-clr-strong: var(--gray-10-clr-strong);
    --clr-strong-alt: hsl(var(--gray-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-10-clr-strong-alt);
    --clr-primary: hsl(var(--gray-10-clr-primary));
    --hsl-clr-primary: var(--gray-10-clr-primary);
    --clr-good: hsl(var(--gray-10-clr-good));
    --hsl-clr-good: var(--gray-10-clr-good);
    --clr-bad: hsl(var(--gray-10-clr-bad));
    --hsl-clr-bad: var(--gray-10-clr-bad);
    --sep: hsl(var(--gray-10-sep));
    --hsl-sep: var(--gray-10-sep);
    --sep-alt: hsl(var(--gray-10-sep-alt));
    --hsl-sep-alt: var(--gray-10-sep-alt);
    color: Hsl(var(--hsl-clr-decent, var(--hsl-clr-decent, var(--hsl-clr))))
}

[dir] .ui-button--theme-gray.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-gray[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-gray-30[data-v-ea89103b] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-gray-30[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-gray-30[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--gray-15-bg), 1);
    --hsl-bg: var(--gray-15-bg);
    --clr: hsl(var(--gray-15-clr));
    --hsl-clr: var(--gray-15-clr);
    --clr-accent: hsl(var(--gray-15-clr-accent));
    --hsl-clr-accent: var(--gray-15-clr-accent);
    --clr-decent: hsl(var(--gray-15-clr-decent));
    --hsl-clr-decent: var(--gray-15-clr-decent);
    --clr-strong: hsl(var(--gray-15-clr-strong));
    --hsl-clr-strong: var(--gray-15-clr-strong);
    --clr-strong-alt: hsl(var(--gray-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-15-clr-strong-alt);
    --clr-primary: hsl(var(--gray-15-clr-primary));
    --hsl-clr-primary: var(--gray-15-clr-primary);
    --clr-good: hsl(var(--gray-15-clr-good));
    --hsl-clr-good: var(--gray-15-clr-good);
    --clr-bad: hsl(var(--gray-15-clr-bad));
    --hsl-clr-bad: var(--gray-15-clr-bad);
    --sep: hsl(var(--gray-15-sep));
    --hsl-sep: var(--gray-15-sep);
    --sep-alt: hsl(var(--gray-15-sep-alt));
    --hsl-sep-alt: var(--gray-15-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-gray-30[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-gray-30[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--gray--5-bg), 1);
    --hsl-bg: var(--gray--5-bg);
    --clr: hsl(var(--gray--5-clr));
    --hsl-clr: var(--gray--5-clr);
    --clr-accent: hsl(var(--gray--5-clr-accent));
    --hsl-clr-accent: var(--gray--5-clr-accent);
    --clr-decent: hsl(var(--gray--5-clr-decent));
    --hsl-clr-decent: var(--gray--5-clr-decent);
    --clr-strong: hsl(var(--gray--5-clr-strong));
    --hsl-clr-strong: var(--gray--5-clr-strong);
    --clr-strong-alt: hsl(var(--gray--5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--5-clr-strong-alt);
    --clr-primary: hsl(var(--gray--5-clr-primary));
    --hsl-clr-primary: var(--gray--5-clr-primary);
    --clr-good: hsl(var(--gray--5-clr-good));
    --hsl-clr-good: var(--gray--5-clr-good);
    --clr-bad: hsl(var(--gray--5-clr-bad));
    --hsl-clr-bad: var(--gray--5-clr-bad);
    --sep: hsl(var(--gray--5-sep));
    --hsl-sep: var(--gray--5-sep);
    --sep-alt: hsl(var(--gray--5-sep-alt));
    --hsl-sep-alt: var(--gray--5-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-gray-30[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-gray-30.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-gray-30.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-gray-30.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-gray-30[data-v-ea89103b]:disabled {
    --bg: hsla(var(--gray-50-bg), 1);
    --hsl-bg: var(--gray-50-bg);
    --clr: hsl(var(--gray-50-clr));
    --hsl-clr: var(--gray-50-clr);
    --clr-accent: hsl(var(--gray-50-clr-accent));
    --hsl-clr-accent: var(--gray-50-clr-accent);
    --clr-decent: hsl(var(--gray-50-clr-decent));
    --hsl-clr-decent: var(--gray-50-clr-decent);
    --clr-strong: hsl(var(--gray-50-clr-strong));
    --hsl-clr-strong: var(--gray-50-clr-strong);
    --clr-strong-alt: hsl(var(--gray-50-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-50-clr-strong-alt);
    --clr-primary: hsl(var(--gray-50-clr-primary));
    --hsl-clr-primary: var(--gray-50-clr-primary);
    --clr-good: hsl(var(--gray-50-clr-good));
    --hsl-clr-good: var(--gray-50-clr-good);
    --clr-bad: hsl(var(--gray-50-clr-bad));
    --hsl-clr-bad: var(--gray-50-clr-bad);
    --sep: hsl(var(--gray-50-sep));
    --hsl-sep: var(--gray-50-sep);
    --sep-alt: hsl(var(--gray-50-sep-alt));
    --hsl-sep-alt: var(--gray-50-sep-alt);
    color: Hsl(var(--hsl-clr-decent, var(--hsl-clr-decent, var(--hsl-clr))))
}

[dir] .ui-button--theme-gray-30.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-gray-30[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-gray--40[data-v-ea89103b] {
    --bg: hsla(var(--gray--40-bg), 1);
    --hsl-bg: var(--gray--40-bg);
    --clr: hsl(var(--gray--40-clr));
    --hsl-clr: var(--gray--40-clr);
    --clr-accent: hsl(var(--gray--40-clr-accent));
    --hsl-clr-accent: var(--gray--40-clr-accent);
    --clr-decent: hsl(var(--gray--40-clr-decent));
    --hsl-clr-decent: var(--gray--40-clr-decent);
    --clr-strong: hsl(var(--gray--40-clr-strong));
    --hsl-clr-strong: var(--gray--40-clr-strong);
    --clr-strong-alt: hsl(var(--gray--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--40-clr-strong-alt);
    --clr-primary: hsl(var(--gray--40-clr-primary));
    --hsl-clr-primary: var(--gray--40-clr-primary);
    --clr-good: hsl(var(--gray--40-clr-good));
    --hsl-clr-good: var(--gray--40-clr-good);
    --clr-bad: hsl(var(--gray--40-clr-bad));
    --hsl-clr-bad: var(--gray--40-clr-bad);
    --sep: hsl(var(--gray--40-sep));
    --hsl-sep: var(--gray--40-sep);
    --sep-alt: hsl(var(--gray--40-sep-alt));
    --hsl-sep-alt: var(--gray--40-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-gray--40[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-gray--40[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--gray--5-bg), 1);
    --hsl-bg: var(--gray--5-bg);
    --clr: hsl(var(--gray--5-clr));
    --hsl-clr: var(--gray--5-clr);
    --clr-accent: hsl(var(--gray--5-clr-accent));
    --hsl-clr-accent: var(--gray--5-clr-accent);
    --clr-decent: hsl(var(--gray--5-clr-decent));
    --hsl-clr-decent: var(--gray--5-clr-decent);
    --clr-strong: hsl(var(--gray--5-clr-strong));
    --hsl-clr-strong: var(--gray--5-clr-strong);
    --clr-strong-alt: hsl(var(--gray--5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--5-clr-strong-alt);
    --clr-primary: hsl(var(--gray--5-clr-primary));
    --hsl-clr-primary: var(--gray--5-clr-primary);
    --clr-good: hsl(var(--gray--5-clr-good));
    --hsl-clr-good: var(--gray--5-clr-good);
    --clr-bad: hsl(var(--gray--5-clr-bad));
    --hsl-clr-bad: var(--gray--5-clr-bad);
    --sep: hsl(var(--gray--5-sep));
    --hsl-sep: var(--gray--5-sep);
    --sep-alt: hsl(var(--gray--5-sep-alt));
    --hsl-sep-alt: var(--gray--5-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-gray--40[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-gray--40[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-gray--40[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-gray--40.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--gray--60-bg), 1);
    --hsl-bg: var(--gray--60-bg);
    --clr: hsl(var(--gray--60-clr));
    --hsl-clr: var(--gray--60-clr);
    --clr-accent: hsl(var(--gray--60-clr-accent));
    --hsl-clr-accent: var(--gray--60-clr-accent);
    --clr-decent: hsl(var(--gray--60-clr-decent));
    --hsl-clr-decent: var(--gray--60-clr-decent);
    --clr-strong: hsl(var(--gray--60-clr-strong));
    --hsl-clr-strong: var(--gray--60-clr-strong);
    --clr-strong-alt: hsl(var(--gray--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--60-clr-strong-alt);
    --clr-primary: hsl(var(--gray--60-clr-primary));
    --hsl-clr-primary: var(--gray--60-clr-primary);
    --clr-good: hsl(var(--gray--60-clr-good));
    --hsl-clr-good: var(--gray--60-clr-good);
    --clr-bad: hsl(var(--gray--60-clr-bad));
    --hsl-clr-bad: var(--gray--60-clr-bad);
    --sep: hsl(var(--gray--60-sep));
    --hsl-sep: var(--gray--60-sep);
    --sep-alt: hsl(var(--gray--60-sep-alt));
    --hsl-sep-alt: var(--gray--60-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-gray--40.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-gray--40.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-gray--40[data-v-ea89103b]:disabled {
    --bg: hsla(var(--gray--10-bg), 1);
    --hsl-bg: var(--gray--10-bg);
    --clr: hsl(var(--gray--10-clr));
    --hsl-clr: var(--gray--10-clr);
    --clr-accent: hsl(var(--gray--10-clr-accent));
    --hsl-clr-accent: var(--gray--10-clr-accent);
    --clr-decent: hsl(var(--gray--10-clr-decent));
    --hsl-clr-decent: var(--gray--10-clr-decent);
    --clr-strong: hsl(var(--gray--10-clr-strong));
    --hsl-clr-strong: var(--gray--10-clr-strong);
    --clr-strong-alt: hsl(var(--gray--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--10-clr-strong-alt);
    --clr-primary: hsl(var(--gray--10-clr-primary));
    --hsl-clr-primary: var(--gray--10-clr-primary);
    --clr-good: hsl(var(--gray--10-clr-good));
    --hsl-clr-good: var(--gray--10-clr-good);
    --clr-bad: hsl(var(--gray--10-clr-bad));
    --hsl-clr-bad: var(--gray--10-clr-bad);
    --sep: hsl(var(--gray--10-sep));
    --hsl-sep: var(--gray--10-sep);
    --sep-alt: hsl(var(--gray--10-sep-alt));
    --hsl-sep-alt: var(--gray--10-sep-alt);
    color: Hsl(var(--hsl-sep-alt, var(--hsl-sep-alt, var(--hsl-clr))))
}

[dir] .ui-button--theme-gray--40.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-gray--40[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary[data-v-ea89103b] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--custom-ui-button-clr-theme-primary, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary[data-v-ea89103b] {
    background-color: Hsl(var(--custom-ui-button-bg-theme-primary, var(--hsl-bg)))
}

.ui-button--theme-primary[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--primary-10-bg), 1);
    --hsl-bg: var(--primary-10-bg);
    --clr: hsl(var(--primary-10-clr));
    --hsl-clr: var(--primary-10-clr);
    --clr-accent: hsl(var(--primary-10-clr-accent));
    --hsl-clr-accent: var(--primary-10-clr-accent);
    --clr-decent: hsl(var(--primary-10-clr-decent));
    --hsl-clr-decent: var(--primary-10-clr-decent);
    --clr-strong: hsl(var(--primary-10-clr-strong));
    --hsl-clr-strong: var(--primary-10-clr-strong);
    --clr-strong-alt: hsl(var(--primary-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-10-clr-strong-alt);
    --clr-primary: hsl(var(--primary-10-clr-primary));
    --hsl-clr-primary: var(--primary-10-clr-primary);
    --clr-good: hsl(var(--primary-10-clr-good));
    --hsl-clr-good: var(--primary-10-clr-good);
    --clr-bad: hsl(var(--primary-10-clr-bad));
    --hsl-clr-bad: var(--primary-10-clr-bad);
    --sep: hsl(var(--primary-10-sep));
    --hsl-sep: var(--primary-10-sep);
    --sep-alt: hsl(var(--primary-10-sep-alt));
    --hsl-sep-alt: var(--primary-10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--custom-ui-button-hover-bg-theme-primary, var(--hsl-bg)))
}

.ui-button--theme-primary[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--primary--10-bg), 1);
    --hsl-bg: var(--primary--10-bg);
    --clr: hsl(var(--primary--10-clr));
    --hsl-clr: var(--primary--10-clr);
    --clr-accent: hsl(var(--primary--10-clr-accent));
    --hsl-clr-accent: var(--primary--10-clr-accent);
    --clr-decent: hsl(var(--primary--10-clr-decent));
    --hsl-clr-decent: var(--primary--10-clr-decent);
    --clr-strong: hsl(var(--primary--10-clr-strong));
    --hsl-clr-strong: var(--primary--10-clr-strong);
    --clr-strong-alt: hsl(var(--primary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--10-clr-strong-alt);
    --clr-primary: hsl(var(--primary--10-clr-primary));
    --hsl-clr-primary: var(--primary--10-clr-primary);
    --clr-good: hsl(var(--primary--10-clr-good));
    --hsl-clr-good: var(--primary--10-clr-good);
    --clr-bad: hsl(var(--primary--10-clr-bad));
    --hsl-clr-bad: var(--primary--10-clr-bad);
    --sep: hsl(var(--primary--10-sep));
    --hsl-sep: var(--primary--10-sep);
    --sep-alt: hsl(var(--primary--10-sep-alt));
    --hsl-sep-alt: var(--primary--10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--custom-ui-button-active-bg-theme-primary, var(--hsl-bg)))
}

.ui-button--theme-primary.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--primary--10-bg), 1);
    --hsl-bg: var(--primary--10-bg);
    --clr: hsl(var(--primary--10-clr));
    --hsl-clr: var(--primary--10-clr);
    --clr-accent: hsl(var(--primary--10-clr-accent));
    --hsl-clr-accent: var(--primary--10-clr-accent);
    --clr-decent: hsl(var(--primary--10-clr-decent));
    --hsl-clr-decent: var(--primary--10-clr-decent);
    --clr-strong: hsl(var(--primary--10-clr-strong));
    --hsl-clr-strong: var(--primary--10-clr-strong);
    --clr-strong-alt: hsl(var(--primary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--10-clr-strong-alt);
    --clr-primary: hsl(var(--primary--10-clr-primary));
    --hsl-clr-primary: var(--primary--10-clr-primary);
    --clr-good: hsl(var(--primary--10-clr-good));
    --hsl-clr-good: var(--primary--10-clr-good);
    --clr-bad: hsl(var(--primary--10-clr-bad));
    --hsl-clr-bad: var(--primary--10-clr-bad);
    --sep: hsl(var(--primary--10-sep));
    --hsl-sep: var(--primary--10-sep);
    --sep-alt: hsl(var(--primary--10-sep-alt));
    --hsl-sep-alt: var(--primary--10-sep-alt);
    color: Hsl(var(--custom-ui-button-toggled-clr-theme-primary, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--custom-ui-button-toggled-bg-theme-primary, var(--hsl-bg)))
}

.ui-button--theme-primary.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-primary[data-v-ea89103b]:disabled {
    --bg: hsla(var(--primary-30-bg), 1);
    --hsl-bg: var(--primary-30-bg);
    --clr: hsl(var(--primary-30-clr));
    --hsl-clr: var(--primary-30-clr);
    --clr-accent: hsl(var(--primary-30-clr-accent));
    --hsl-clr-accent: var(--primary-30-clr-accent);
    --clr-decent: hsl(var(--primary-30-clr-decent));
    --hsl-clr-decent: var(--primary-30-clr-decent);
    --clr-strong: hsl(var(--primary-30-clr-strong));
    --hsl-clr-strong: var(--primary-30-clr-strong);
    --clr-strong-alt: hsl(var(--primary-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-30-clr-strong-alt);
    --clr-primary: hsl(var(--primary-30-clr-primary));
    --hsl-clr-primary: var(--primary-30-clr-primary);
    --clr-good: hsl(var(--primary-30-clr-good));
    --hsl-clr-good: var(--primary-30-clr-good);
    --clr-bad: hsl(var(--primary-30-clr-bad));
    --hsl-clr-bad: var(--primary-30-clr-bad);
    --sep: hsl(var(--primary-30-sep));
    --hsl-sep: var(--primary-30-sep);
    --sep-alt: hsl(var(--primary-30-sep-alt));
    --hsl-sep-alt: var(--primary-30-sep-alt);
    color: Hsl(var(--custom-ui-button-disabled-clr-theme-primary, var(--hsl-clr-strong, var(--hsl-clr))))
}

[dir] .ui-button--theme-primary.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-primary[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--custom-ui-button-disabled-bg-theme-primary, var(--hsl-bg)))
}

.ui-button--theme-primary-5[data-v-ea89103b] {
    --bg: hsla(var(--primary-5-bg), 1);
    --hsl-bg: var(--primary-5-bg);
    --clr: hsl(var(--primary-5-clr));
    --hsl-clr: var(--primary-5-clr);
    --clr-accent: hsl(var(--primary-5-clr-accent));
    --hsl-clr-accent: var(--primary-5-clr-accent);
    --clr-decent: hsl(var(--primary-5-clr-decent));
    --hsl-clr-decent: var(--primary-5-clr-decent);
    --clr-strong: hsl(var(--primary-5-clr-strong));
    --hsl-clr-strong: var(--primary-5-clr-strong);
    --clr-strong-alt: hsl(var(--primary-5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-5-clr-strong-alt);
    --clr-primary: hsl(var(--primary-5-clr-primary));
    --hsl-clr-primary: var(--primary-5-clr-primary);
    --clr-good: hsl(var(--primary-5-clr-good));
    --hsl-clr-good: var(--primary-5-clr-good);
    --clr-bad: hsl(var(--primary-5-clr-bad));
    --hsl-clr-bad: var(--primary-5-clr-bad);
    --sep: hsl(var(--primary-5-sep));
    --hsl-sep: var(--primary-5-sep);
    --sep-alt: hsl(var(--primary-5-sep-alt));
    --hsl-sep-alt: var(--primary-5-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-5[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-5[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--primary-15-bg), 1);
    --hsl-bg: var(--primary-15-bg);
    --clr: hsl(var(--primary-15-clr));
    --hsl-clr: var(--primary-15-clr);
    --clr-accent: hsl(var(--primary-15-clr-accent));
    --hsl-clr-accent: var(--primary-15-clr-accent);
    --clr-decent: hsl(var(--primary-15-clr-decent));
    --hsl-clr-decent: var(--primary-15-clr-decent);
    --clr-strong: hsl(var(--primary-15-clr-strong));
    --hsl-clr-strong: var(--primary-15-clr-strong);
    --clr-strong-alt: hsl(var(--primary-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-15-clr-strong-alt);
    --clr-primary: hsl(var(--primary-15-clr-primary));
    --hsl-clr-primary: var(--primary-15-clr-primary);
    --clr-good: hsl(var(--primary-15-clr-good));
    --hsl-clr-good: var(--primary-15-clr-good);
    --clr-bad: hsl(var(--primary-15-clr-bad));
    --hsl-clr-bad: var(--primary-15-clr-bad);
    --sep: hsl(var(--primary-15-sep));
    --hsl-sep: var(--primary-15-sep);
    --sep-alt: hsl(var(--primary-15-sep-alt));
    --hsl-sep-alt: var(--primary-15-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-5[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-5[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--primary-15-bg), 1);
    --hsl-bg: var(--primary-15-bg);
    --clr: hsl(var(--primary-15-clr));
    --hsl-clr: var(--primary-15-clr);
    --clr-accent: hsl(var(--primary-15-clr-accent));
    --hsl-clr-accent: var(--primary-15-clr-accent);
    --clr-decent: hsl(var(--primary-15-clr-decent));
    --hsl-clr-decent: var(--primary-15-clr-decent);
    --clr-strong: hsl(var(--primary-15-clr-strong));
    --hsl-clr-strong: var(--primary-15-clr-strong);
    --clr-strong-alt: hsl(var(--primary-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-15-clr-strong-alt);
    --clr-primary: hsl(var(--primary-15-clr-primary));
    --hsl-clr-primary: var(--primary-15-clr-primary);
    --clr-good: hsl(var(--primary-15-clr-good));
    --hsl-clr-good: var(--primary-15-clr-good);
    --clr-bad: hsl(var(--primary-15-clr-bad));
    --hsl-clr-bad: var(--primary-15-clr-bad);
    --sep: hsl(var(--primary-15-sep));
    --hsl-sep: var(--primary-15-sep);
    --sep-alt: hsl(var(--primary-15-sep-alt));
    --hsl-sep-alt: var(--primary-15-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-5[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--custom-ui-button-active-bg-theme-primary-5, var(--hsl-bg)))
}

.ui-button--theme-primary-5.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--primary-40-bg), 1);
    --hsl-bg: var(--primary-40-bg);
    --clr: hsl(var(--primary-40-clr));
    --hsl-clr: var(--primary-40-clr);
    --clr-accent: hsl(var(--primary-40-clr-accent));
    --hsl-clr-accent: var(--primary-40-clr-accent);
    --clr-decent: hsl(var(--primary-40-clr-decent));
    --hsl-clr-decent: var(--primary-40-clr-decent);
    --clr-strong: hsl(var(--primary-40-clr-strong));
    --hsl-clr-strong: var(--primary-40-clr-strong);
    --clr-strong-alt: hsl(var(--primary-40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-40-clr-strong-alt);
    --clr-primary: hsl(var(--primary-40-clr-primary));
    --hsl-clr-primary: var(--primary-40-clr-primary);
    --clr-good: hsl(var(--primary-40-clr-good));
    --hsl-clr-good: var(--primary-40-clr-good);
    --clr-bad: hsl(var(--primary-40-clr-bad));
    --hsl-clr-bad: var(--primary-40-clr-bad);
    --sep: hsl(var(--primary-40-sep));
    --hsl-sep: var(--primary-40-sep);
    --sep-alt: hsl(var(--primary-40-sep-alt));
    --hsl-sep-alt: var(--primary-40-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-5.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--custom-ui-button-toggled-bg-theme-primary-5, var(--hsl-bg)))
}

.ui-button--theme-primary-5.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-primary-5[data-v-ea89103b]:disabled {
    --bg: hsla(var(--primary-30-bg), 1);
    --hsl-bg: var(--primary-30-bg);
    --clr: hsl(var(--primary-30-clr));
    --hsl-clr: var(--primary-30-clr);
    --clr-accent: hsl(var(--primary-30-clr-accent));
    --hsl-clr-accent: var(--primary-30-clr-accent);
    --clr-decent: hsl(var(--primary-30-clr-decent));
    --hsl-clr-decent: var(--primary-30-clr-decent);
    --clr-strong: hsl(var(--primary-30-clr-strong));
    --hsl-clr-strong: var(--primary-30-clr-strong);
    --clr-strong-alt: hsl(var(--primary-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-30-clr-strong-alt);
    --clr-primary: hsl(var(--primary-30-clr-primary));
    --hsl-clr-primary: var(--primary-30-clr-primary);
    --clr-good: hsl(var(--primary-30-clr-good));
    --hsl-clr-good: var(--primary-30-clr-good);
    --clr-bad: hsl(var(--primary-30-clr-bad));
    --hsl-clr-bad: var(--primary-30-clr-bad);
    --sep: hsl(var(--primary-30-sep));
    --hsl-sep: var(--primary-30-sep);
    --sep-alt: hsl(var(--primary-30-sep-alt));
    --hsl-sep-alt: var(--primary-30-sep-alt);
    color: Hsl(var(--hsl-clr-decent, var(--hsl-clr-decent, var(--hsl-clr))))
}

[dir] .ui-button--theme-primary-5.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-primary-5[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-10[data-v-ea89103b] {
    --bg: hsla(var(--primary-10-bg), 1);
    --hsl-bg: var(--primary-10-bg);
    --clr: hsl(var(--primary-10-clr));
    --hsl-clr: var(--primary-10-clr);
    --clr-accent: hsl(var(--primary-10-clr-accent));
    --hsl-clr-accent: var(--primary-10-clr-accent);
    --clr-decent: hsl(var(--primary-10-clr-decent));
    --hsl-clr-decent: var(--primary-10-clr-decent);
    --clr-strong: hsl(var(--primary-10-clr-strong));
    --hsl-clr-strong: var(--primary-10-clr-strong);
    --clr-strong-alt: hsl(var(--primary-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-10-clr-strong-alt);
    --clr-primary: hsl(var(--primary-10-clr-primary));
    --hsl-clr-primary: var(--primary-10-clr-primary);
    --clr-good: hsl(var(--primary-10-clr-good));
    --hsl-clr-good: var(--primary-10-clr-good);
    --clr-bad: hsl(var(--primary-10-clr-bad));
    --hsl-clr-bad: var(--primary-10-clr-bad);
    --sep: hsl(var(--primary-10-sep));
    --hsl-sep: var(--primary-10-sep);
    --sep-alt: hsl(var(--primary-10-sep-alt));
    --hsl-sep-alt: var(--primary-10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-10[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-10[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--primary-30-bg), 1);
    --hsl-bg: var(--primary-30-bg);
    --clr: hsl(var(--primary-30-clr));
    --hsl-clr: var(--primary-30-clr);
    --clr-accent: hsl(var(--primary-30-clr-accent));
    --hsl-clr-accent: var(--primary-30-clr-accent);
    --clr-decent: hsl(var(--primary-30-clr-decent));
    --hsl-clr-decent: var(--primary-30-clr-decent);
    --clr-strong: hsl(var(--primary-30-clr-strong));
    --hsl-clr-strong: var(--primary-30-clr-strong);
    --clr-strong-alt: hsl(var(--primary-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-30-clr-strong-alt);
    --clr-primary: hsl(var(--primary-30-clr-primary));
    --hsl-clr-primary: var(--primary-30-clr-primary);
    --clr-good: hsl(var(--primary-30-clr-good));
    --hsl-clr-good: var(--primary-30-clr-good);
    --clr-bad: hsl(var(--primary-30-clr-bad));
    --hsl-clr-bad: var(--primary-30-clr-bad);
    --sep: hsl(var(--primary-30-sep));
    --hsl-sep: var(--primary-30-sep);
    --sep-alt: hsl(var(--primary-30-sep-alt));
    --hsl-sep-alt: var(--primary-30-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-10[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-10[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--primary-15-bg), 1);
    --hsl-bg: var(--primary-15-bg);
    --clr: hsl(var(--primary-15-clr));
    --hsl-clr: var(--primary-15-clr);
    --clr-accent: hsl(var(--primary-15-clr-accent));
    --hsl-clr-accent: var(--primary-15-clr-accent);
    --clr-decent: hsl(var(--primary-15-clr-decent));
    --hsl-clr-decent: var(--primary-15-clr-decent);
    --clr-strong: hsl(var(--primary-15-clr-strong));
    --hsl-clr-strong: var(--primary-15-clr-strong);
    --clr-strong-alt: hsl(var(--primary-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-15-clr-strong-alt);
    --clr-primary: hsl(var(--primary-15-clr-primary));
    --hsl-clr-primary: var(--primary-15-clr-primary);
    --clr-good: hsl(var(--primary-15-clr-good));
    --hsl-clr-good: var(--primary-15-clr-good);
    --clr-bad: hsl(var(--primary-15-clr-bad));
    --hsl-clr-bad: var(--primary-15-clr-bad);
    --sep: hsl(var(--primary-15-sep));
    --hsl-sep: var(--primary-15-sep);
    --sep-alt: hsl(var(--primary-15-sep-alt));
    --hsl-sep-alt: var(--primary-15-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-10[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-10.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--primary-15-bg), 1);
    --hsl-bg: var(--primary-15-bg);
    --clr: hsl(var(--primary-15-clr));
    --hsl-clr: var(--primary-15-clr);
    --clr-accent: hsl(var(--primary-15-clr-accent));
    --hsl-clr-accent: var(--primary-15-clr-accent);
    --clr-decent: hsl(var(--primary-15-clr-decent));
    --hsl-clr-decent: var(--primary-15-clr-decent);
    --clr-strong: hsl(var(--primary-15-clr-strong));
    --hsl-clr-strong: var(--primary-15-clr-strong);
    --clr-strong-alt: hsl(var(--primary-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-15-clr-strong-alt);
    --clr-primary: hsl(var(--primary-15-clr-primary));
    --hsl-clr-primary: var(--primary-15-clr-primary);
    --clr-good: hsl(var(--primary-15-clr-good));
    --hsl-clr-good: var(--primary-15-clr-good);
    --clr-bad: hsl(var(--primary-15-clr-bad));
    --hsl-clr-bad: var(--primary-15-clr-bad);
    --sep: hsl(var(--primary-15-sep));
    --hsl-sep: var(--primary-15-sep);
    --sep-alt: hsl(var(--primary-15-sep-alt));
    --hsl-sep-alt: var(--primary-15-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-10.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-10.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-primary-10[data-v-ea89103b]:disabled {
    --bg: hsla(var(--primary-30-bg), 1);
    --hsl-bg: var(--primary-30-bg);
    --clr: hsl(var(--primary-30-clr));
    --hsl-clr: var(--primary-30-clr);
    --clr-accent: hsl(var(--primary-30-clr-accent));
    --hsl-clr-accent: var(--primary-30-clr-accent);
    --clr-decent: hsl(var(--primary-30-clr-decent));
    --hsl-clr-decent: var(--primary-30-clr-decent);
    --clr-strong: hsl(var(--primary-30-clr-strong));
    --hsl-clr-strong: var(--primary-30-clr-strong);
    --clr-strong-alt: hsl(var(--primary-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-30-clr-strong-alt);
    --clr-primary: hsl(var(--primary-30-clr-primary));
    --hsl-clr-primary: var(--primary-30-clr-primary);
    --clr-good: hsl(var(--primary-30-clr-good));
    --hsl-clr-good: var(--primary-30-clr-good);
    --clr-bad: hsl(var(--primary-30-clr-bad));
    --hsl-clr-bad: var(--primary-30-clr-bad);
    --sep: hsl(var(--primary-30-sep));
    --hsl-sep: var(--primary-30-sep);
    --sep-alt: hsl(var(--primary-30-sep-alt));
    --hsl-sep-alt: var(--primary-30-sep-alt);
    color: Hsl(var(--hsl-clr-decent, var(--hsl-clr-decent, var(--hsl-clr))))
}

[dir] .ui-button--theme-primary-10.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-primary-10[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-15[data-v-ea89103b] {
    --bg: hsla(var(--primary-15-bg), 1);
    --hsl-bg: var(--primary-15-bg);
    --clr: hsl(var(--primary-15-clr));
    --hsl-clr: var(--primary-15-clr);
    --clr-accent: hsl(var(--primary-15-clr-accent));
    --hsl-clr-accent: var(--primary-15-clr-accent);
    --clr-decent: hsl(var(--primary-15-clr-decent));
    --hsl-clr-decent: var(--primary-15-clr-decent);
    --clr-strong: hsl(var(--primary-15-clr-strong));
    --hsl-clr-strong: var(--primary-15-clr-strong);
    --clr-strong-alt: hsl(var(--primary-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-15-clr-strong-alt);
    --clr-primary: hsl(var(--primary-15-clr-primary));
    --hsl-clr-primary: var(--primary-15-clr-primary);
    --clr-good: hsl(var(--primary-15-clr-good));
    --hsl-clr-good: var(--primary-15-clr-good);
    --clr-bad: hsl(var(--primary-15-clr-bad));
    --hsl-clr-bad: var(--primary-15-clr-bad);
    --sep: hsl(var(--primary-15-sep));
    --hsl-sep: var(--primary-15-sep);
    --sep-alt: hsl(var(--primary-15-sep-alt));
    --hsl-sep-alt: var(--primary-15-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-15[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-15[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--primary-10-bg), 1);
    --hsl-bg: var(--primary-10-bg);
    --clr: hsl(var(--primary-10-clr));
    --hsl-clr: var(--primary-10-clr);
    --clr-accent: hsl(var(--primary-10-clr-accent));
    --hsl-clr-accent: var(--primary-10-clr-accent);
    --clr-decent: hsl(var(--primary-10-clr-decent));
    --hsl-clr-decent: var(--primary-10-clr-decent);
    --clr-strong: hsl(var(--primary-10-clr-strong));
    --hsl-clr-strong: var(--primary-10-clr-strong);
    --clr-strong-alt: hsl(var(--primary-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-10-clr-strong-alt);
    --clr-primary: hsl(var(--primary-10-clr-primary));
    --hsl-clr-primary: var(--primary-10-clr-primary);
    --clr-good: hsl(var(--primary-10-clr-good));
    --hsl-clr-good: var(--primary-10-clr-good);
    --clr-bad: hsl(var(--primary-10-clr-bad));
    --hsl-clr-bad: var(--primary-10-clr-bad);
    --sep: hsl(var(--primary-10-sep));
    --hsl-sep: var(--primary-10-sep);
    --sep-alt: hsl(var(--primary-10-sep-alt));
    --hsl-sep-alt: var(--primary-10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-15[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-15[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--primary--10-bg), 1);
    --hsl-bg: var(--primary--10-bg);
    --clr: hsl(var(--primary--10-clr));
    --hsl-clr: var(--primary--10-clr);
    --clr-accent: hsl(var(--primary--10-clr-accent));
    --hsl-clr-accent: var(--primary--10-clr-accent);
    --clr-decent: hsl(var(--primary--10-clr-decent));
    --hsl-clr-decent: var(--primary--10-clr-decent);
    --clr-strong: hsl(var(--primary--10-clr-strong));
    --hsl-clr-strong: var(--primary--10-clr-strong);
    --clr-strong-alt: hsl(var(--primary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--10-clr-strong-alt);
    --clr-primary: hsl(var(--primary--10-clr-primary));
    --hsl-clr-primary: var(--primary--10-clr-primary);
    --clr-good: hsl(var(--primary--10-clr-good));
    --hsl-clr-good: var(--primary--10-clr-good);
    --clr-bad: hsl(var(--primary--10-clr-bad));
    --hsl-clr-bad: var(--primary--10-clr-bad);
    --sep: hsl(var(--primary--10-sep));
    --hsl-sep: var(--primary--10-sep);
    --sep-alt: hsl(var(--primary--10-sep-alt));
    --hsl-sep-alt: var(--primary--10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-15[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-15.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--primary--10-bg), 1);
    --hsl-bg: var(--primary--10-bg);
    --clr: hsl(var(--primary--10-clr));
    --hsl-clr: var(--primary--10-clr);
    --clr-accent: hsl(var(--primary--10-clr-accent));
    --hsl-clr-accent: var(--primary--10-clr-accent);
    --clr-decent: hsl(var(--primary--10-clr-decent));
    --hsl-clr-decent: var(--primary--10-clr-decent);
    --clr-strong: hsl(var(--primary--10-clr-strong));
    --hsl-clr-strong: var(--primary--10-clr-strong);
    --clr-strong-alt: hsl(var(--primary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--10-clr-strong-alt);
    --clr-primary: hsl(var(--primary--10-clr-primary));
    --hsl-clr-primary: var(--primary--10-clr-primary);
    --clr-good: hsl(var(--primary--10-clr-good));
    --hsl-clr-good: var(--primary--10-clr-good);
    --clr-bad: hsl(var(--primary--10-clr-bad));
    --hsl-clr-bad: var(--primary--10-clr-bad);
    --sep: hsl(var(--primary--10-sep));
    --hsl-sep: var(--primary--10-sep);
    --sep-alt: hsl(var(--primary--10-sep-alt));
    --hsl-sep-alt: var(--primary--10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-15.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-15.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-primary-15[data-v-ea89103b]:disabled {
    --bg: hsla(var(--primary-30-bg), 1);
    --hsl-bg: var(--primary-30-bg);
    --clr: hsl(var(--primary-30-clr));
    --hsl-clr: var(--primary-30-clr);
    --clr-accent: hsl(var(--primary-30-clr-accent));
    --hsl-clr-accent: var(--primary-30-clr-accent);
    --clr-decent: hsl(var(--primary-30-clr-decent));
    --hsl-clr-decent: var(--primary-30-clr-decent);
    --clr-strong: hsl(var(--primary-30-clr-strong));
    --hsl-clr-strong: var(--primary-30-clr-strong);
    --clr-strong-alt: hsl(var(--primary-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-30-clr-strong-alt);
    --clr-primary: hsl(var(--primary-30-clr-primary));
    --hsl-clr-primary: var(--primary-30-clr-primary);
    --clr-good: hsl(var(--primary-30-clr-good));
    --hsl-clr-good: var(--primary-30-clr-good);
    --clr-bad: hsl(var(--primary-30-clr-bad));
    --hsl-clr-bad: var(--primary-30-clr-bad);
    --sep: hsl(var(--primary-30-sep));
    --hsl-sep: var(--primary-30-sep);
    --sep-alt: hsl(var(--primary-30-sep-alt));
    --hsl-sep-alt: var(--primary-30-sep-alt);
    color: Hsl(var(--hsl-clr-decent, var(--hsl-clr-decent, var(--hsl-clr))))
}

[dir] .ui-button--theme-primary-15.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-primary-15[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-30[data-v-ea89103b] {
    --bg: hsla(var(--primary-30-bg), 1);
    --hsl-bg: var(--primary-30-bg);
    --clr: hsl(var(--primary-30-clr));
    --hsl-clr: var(--primary-30-clr);
    --clr-accent: hsl(var(--primary-30-clr-accent));
    --hsl-clr-accent: var(--primary-30-clr-accent);
    --clr-decent: hsl(var(--primary-30-clr-decent));
    --hsl-clr-decent: var(--primary-30-clr-decent);
    --clr-strong: hsl(var(--primary-30-clr-strong));
    --hsl-clr-strong: var(--primary-30-clr-strong);
    --clr-strong-alt: hsl(var(--primary-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-30-clr-strong-alt);
    --clr-primary: hsl(var(--primary-30-clr-primary));
    --hsl-clr-primary: var(--primary-30-clr-primary);
    --clr-good: hsl(var(--primary-30-clr-good));
    --hsl-clr-good: var(--primary-30-clr-good);
    --clr-bad: hsl(var(--primary-30-clr-bad));
    --hsl-clr-bad: var(--primary-30-clr-bad);
    --sep: hsl(var(--primary-30-sep));
    --hsl-sep: var(--primary-30-sep);
    --sep-alt: hsl(var(--primary-30-sep-alt));
    --hsl-sep-alt: var(--primary-30-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-30[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-30[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--primary-10-bg), 1);
    --hsl-bg: var(--primary-10-bg);
    --clr: hsl(var(--primary-10-clr));
    --hsl-clr: var(--primary-10-clr);
    --clr-accent: hsl(var(--primary-10-clr-accent));
    --hsl-clr-accent: var(--primary-10-clr-accent);
    --clr-decent: hsl(var(--primary-10-clr-decent));
    --hsl-clr-decent: var(--primary-10-clr-decent);
    --clr-strong: hsl(var(--primary-10-clr-strong));
    --hsl-clr-strong: var(--primary-10-clr-strong);
    --clr-strong-alt: hsl(var(--primary-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-10-clr-strong-alt);
    --clr-primary: hsl(var(--primary-10-clr-primary));
    --hsl-clr-primary: var(--primary-10-clr-primary);
    --clr-good: hsl(var(--primary-10-clr-good));
    --hsl-clr-good: var(--primary-10-clr-good);
    --clr-bad: hsl(var(--primary-10-clr-bad));
    --hsl-clr-bad: var(--primary-10-clr-bad);
    --sep: hsl(var(--primary-10-sep));
    --hsl-sep: var(--primary-10-sep);
    --sep-alt: hsl(var(--primary-10-sep-alt));
    --hsl-sep-alt: var(--primary-10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-30[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-30[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--primary--10-bg), 1);
    --hsl-bg: var(--primary--10-bg);
    --clr: hsl(var(--primary--10-clr));
    --hsl-clr: var(--primary--10-clr);
    --clr-accent: hsl(var(--primary--10-clr-accent));
    --hsl-clr-accent: var(--primary--10-clr-accent);
    --clr-decent: hsl(var(--primary--10-clr-decent));
    --hsl-clr-decent: var(--primary--10-clr-decent);
    --clr-strong: hsl(var(--primary--10-clr-strong));
    --hsl-clr-strong: var(--primary--10-clr-strong);
    --clr-strong-alt: hsl(var(--primary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--10-clr-strong-alt);
    --clr-primary: hsl(var(--primary--10-clr-primary));
    --hsl-clr-primary: var(--primary--10-clr-primary);
    --clr-good: hsl(var(--primary--10-clr-good));
    --hsl-clr-good: var(--primary--10-clr-good);
    --clr-bad: hsl(var(--primary--10-clr-bad));
    --hsl-clr-bad: var(--primary--10-clr-bad);
    --sep: hsl(var(--primary--10-sep));
    --hsl-sep: var(--primary--10-sep);
    --sep-alt: hsl(var(--primary--10-sep-alt));
    --hsl-sep-alt: var(--primary--10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-30[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-30.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--primary--10-bg), 1);
    --hsl-bg: var(--primary--10-bg);
    --clr: hsl(var(--primary--10-clr));
    --hsl-clr: var(--primary--10-clr);
    --clr-accent: hsl(var(--primary--10-clr-accent));
    --hsl-clr-accent: var(--primary--10-clr-accent);
    --clr-decent: hsl(var(--primary--10-clr-decent));
    --hsl-clr-decent: var(--primary--10-clr-decent);
    --clr-strong: hsl(var(--primary--10-clr-strong));
    --hsl-clr-strong: var(--primary--10-clr-strong);
    --clr-strong-alt: hsl(var(--primary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--10-clr-strong-alt);
    --clr-primary: hsl(var(--primary--10-clr-primary));
    --hsl-clr-primary: var(--primary--10-clr-primary);
    --clr-good: hsl(var(--primary--10-clr-good));
    --hsl-clr-good: var(--primary--10-clr-good);
    --clr-bad: hsl(var(--primary--10-clr-bad));
    --hsl-clr-bad: var(--primary--10-clr-bad);
    --sep: hsl(var(--primary--10-sep));
    --hsl-sep: var(--primary--10-sep);
    --sep-alt: hsl(var(--primary--10-sep-alt));
    --hsl-sep-alt: var(--primary--10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-30.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-30.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-primary-30[data-v-ea89103b]:disabled {
    --bg: hsla(var(--primary-50-bg), 1);
    --hsl-bg: var(--primary-50-bg);
    --clr: hsl(var(--primary-50-clr));
    --hsl-clr: var(--primary-50-clr);
    --clr-accent: hsl(var(--primary-50-clr-accent));
    --hsl-clr-accent: var(--primary-50-clr-accent);
    --clr-decent: hsl(var(--primary-50-clr-decent));
    --hsl-clr-decent: var(--primary-50-clr-decent);
    --clr-strong: hsl(var(--primary-50-clr-strong));
    --hsl-clr-strong: var(--primary-50-clr-strong);
    --clr-strong-alt: hsl(var(--primary-50-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-50-clr-strong-alt);
    --clr-primary: hsl(var(--primary-50-clr-primary));
    --hsl-clr-primary: var(--primary-50-clr-primary);
    --clr-good: hsl(var(--primary-50-clr-good));
    --hsl-clr-good: var(--primary-50-clr-good);
    --clr-bad: hsl(var(--primary-50-clr-bad));
    --hsl-clr-bad: var(--primary-50-clr-bad);
    --sep: hsl(var(--primary-50-sep));
    --hsl-sep: var(--primary-50-sep);
    --sep-alt: hsl(var(--primary-50-sep-alt));
    --hsl-sep-alt: var(--primary-50-sep-alt);
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong, var(--hsl-clr))))
}

[dir] .ui-button--theme-primary-30.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-primary-30[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-75[data-v-ea89103b] {
    --bg: hsla(var(--primary-75-bg), 1);
    --hsl-bg: var(--primary-75-bg);
    --clr: hsl(var(--primary-75-clr));
    --hsl-clr: var(--primary-75-clr);
    --clr-accent: hsl(var(--primary-75-clr-accent));
    --hsl-clr-accent: var(--primary-75-clr-accent);
    --clr-decent: hsl(var(--primary-75-clr-decent));
    --hsl-clr-decent: var(--primary-75-clr-decent);
    --clr-strong: hsl(var(--primary-75-clr-strong));
    --hsl-clr-strong: var(--primary-75-clr-strong);
    --clr-strong-alt: hsl(var(--primary-75-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-75-clr-strong-alt);
    --clr-primary: hsl(var(--primary-75-clr-primary));
    --hsl-clr-primary: var(--primary-75-clr-primary);
    --clr-good: hsl(var(--primary-75-clr-good));
    --hsl-clr-good: var(--primary-75-clr-good);
    --clr-bad: hsl(var(--primary-75-clr-bad));
    --hsl-clr-bad: var(--primary-75-clr-bad);
    --sep: hsl(var(--primary-75-sep));
    --hsl-sep: var(--primary-75-sep);
    --sep-alt: hsl(var(--primary-75-sep-alt));
    --hsl-sep-alt: var(--primary-75-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-75[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-75[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--primary-55-bg), 1);
    --hsl-bg: var(--primary-55-bg);
    --clr: hsl(var(--primary-55-clr));
    --hsl-clr: var(--primary-55-clr);
    --clr-accent: hsl(var(--primary-55-clr-accent));
    --hsl-clr-accent: var(--primary-55-clr-accent);
    --clr-decent: hsl(var(--primary-55-clr-decent));
    --hsl-clr-decent: var(--primary-55-clr-decent);
    --clr-strong: hsl(var(--primary-55-clr-strong));
    --hsl-clr-strong: var(--primary-55-clr-strong);
    --clr-strong-alt: hsl(var(--primary-55-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-55-clr-strong-alt);
    --clr-primary: hsl(var(--primary-55-clr-primary));
    --hsl-clr-primary: var(--primary-55-clr-primary);
    --clr-good: hsl(var(--primary-55-clr-good));
    --hsl-clr-good: var(--primary-55-clr-good);
    --clr-bad: hsl(var(--primary-55-clr-bad));
    --hsl-clr-bad: var(--primary-55-clr-bad);
    --sep: hsl(var(--primary-55-sep));
    --hsl-sep: var(--primary-55-sep);
    --sep-alt: hsl(var(--primary-55-sep-alt));
    --hsl-sep-alt: var(--primary-55-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-75[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-75[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--primary-55-bg), 1);
    --hsl-bg: var(--primary-55-bg);
    --clr: hsl(var(--primary-55-clr));
    --hsl-clr: var(--primary-55-clr);
    --clr-accent: hsl(var(--primary-55-clr-accent));
    --hsl-clr-accent: var(--primary-55-clr-accent);
    --clr-decent: hsl(var(--primary-55-clr-decent));
    --hsl-clr-decent: var(--primary-55-clr-decent);
    --clr-strong: hsl(var(--primary-55-clr-strong));
    --hsl-clr-strong: var(--primary-55-clr-strong);
    --clr-strong-alt: hsl(var(--primary-55-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-55-clr-strong-alt);
    --clr-primary: hsl(var(--primary-55-clr-primary));
    --hsl-clr-primary: var(--primary-55-clr-primary);
    --clr-good: hsl(var(--primary-55-clr-good));
    --hsl-clr-good: var(--primary-55-clr-good);
    --clr-bad: hsl(var(--primary-55-clr-bad));
    --hsl-clr-bad: var(--primary-55-clr-bad);
    --sep: hsl(var(--primary-55-sep));
    --hsl-sep: var(--primary-55-sep);
    --sep-alt: hsl(var(--primary-55-sep-alt));
    --hsl-sep-alt: var(--primary-55-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-75[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-75.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--primary-55-bg), 1);
    --hsl-bg: var(--primary-55-bg);
    --clr: hsl(var(--primary-55-clr));
    --hsl-clr: var(--primary-55-clr);
    --clr-accent: hsl(var(--primary-55-clr-accent));
    --hsl-clr-accent: var(--primary-55-clr-accent);
    --clr-decent: hsl(var(--primary-55-clr-decent));
    --hsl-clr-decent: var(--primary-55-clr-decent);
    --clr-strong: hsl(var(--primary-55-clr-strong));
    --hsl-clr-strong: var(--primary-55-clr-strong);
    --clr-strong-alt: hsl(var(--primary-55-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-55-clr-strong-alt);
    --clr-primary: hsl(var(--primary-55-clr-primary));
    --hsl-clr-primary: var(--primary-55-clr-primary);
    --clr-good: hsl(var(--primary-55-clr-good));
    --hsl-clr-good: var(--primary-55-clr-good);
    --clr-bad: hsl(var(--primary-55-clr-bad));
    --hsl-clr-bad: var(--primary-55-clr-bad);
    --sep: hsl(var(--primary-55-sep));
    --hsl-sep: var(--primary-55-sep);
    --sep-alt: hsl(var(--primary-55-sep-alt));
    --hsl-sep-alt: var(--primary-55-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary-75.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary-75.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-primary-75[data-v-ea89103b]:disabled {
    --bg: hsla(var(--primary-95-bg), 1);
    --hsl-bg: var(--primary-95-bg);
    --clr: hsl(var(--primary-95-clr));
    --hsl-clr: var(--primary-95-clr);
    --clr-accent: hsl(var(--primary-95-clr-accent));
    --hsl-clr-accent: var(--primary-95-clr-accent);
    --clr-decent: hsl(var(--primary-95-clr-decent));
    --hsl-clr-decent: var(--primary-95-clr-decent);
    --clr-strong: hsl(var(--primary-95-clr-strong));
    --hsl-clr-strong: var(--primary-95-clr-strong);
    --clr-strong-alt: hsl(var(--primary-95-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-95-clr-strong-alt);
    --clr-primary: hsl(var(--primary-95-clr-primary));
    --hsl-clr-primary: var(--primary-95-clr-primary);
    --clr-good: hsl(var(--primary-95-clr-good));
    --hsl-clr-good: var(--primary-95-clr-good);
    --clr-bad: hsl(var(--primary-95-clr-bad));
    --hsl-clr-bad: var(--primary-95-clr-bad);
    --sep: hsl(var(--primary-95-sep));
    --hsl-sep: var(--primary-95-sep);
    --sep-alt: hsl(var(--primary-95-sep-alt));
    --hsl-sep-alt: var(--primary-95-sep-alt);
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong, var(--hsl-clr))))
}

[dir] .ui-button--theme-primary-75.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-primary-75[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary--20[data-v-ea89103b] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary--20[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary--20[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--primary-5-bg), 1);
    --hsl-bg: var(--primary-5-bg);
    --clr: hsl(var(--primary-5-clr));
    --hsl-clr: var(--primary-5-clr);
    --clr-accent: hsl(var(--primary-5-clr-accent));
    --hsl-clr-accent: var(--primary-5-clr-accent);
    --clr-decent: hsl(var(--primary-5-clr-decent));
    --hsl-clr-decent: var(--primary-5-clr-decent);
    --clr-strong: hsl(var(--primary-5-clr-strong));
    --hsl-clr-strong: var(--primary-5-clr-strong);
    --clr-strong-alt: hsl(var(--primary-5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-5-clr-strong-alt);
    --clr-primary: hsl(var(--primary-5-clr-primary));
    --hsl-clr-primary: var(--primary-5-clr-primary);
    --clr-good: hsl(var(--primary-5-clr-good));
    --hsl-clr-good: var(--primary-5-clr-good);
    --clr-bad: hsl(var(--primary-5-clr-bad));
    --hsl-clr-bad: var(--primary-5-clr-bad);
    --sep: hsl(var(--primary-5-sep));
    --hsl-sep: var(--primary-5-sep);
    --sep-alt: hsl(var(--primary-5-sep-alt));
    --hsl-sep-alt: var(--primary-5-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary--20[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary--20[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary--20[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary--20.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--primary--50-bg), 1);
    --hsl-bg: var(--primary--50-bg);
    --clr: hsl(var(--primary--50-clr));
    --hsl-clr: var(--primary--50-clr);
    --clr-accent: hsl(var(--primary--50-clr-accent));
    --hsl-clr-accent: var(--primary--50-clr-accent);
    --clr-decent: hsl(var(--primary--50-clr-decent));
    --hsl-clr-decent: var(--primary--50-clr-decent);
    --clr-strong: hsl(var(--primary--50-clr-strong));
    --hsl-clr-strong: var(--primary--50-clr-strong);
    --clr-strong-alt: hsl(var(--primary--50-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--50-clr-strong-alt);
    --clr-primary: hsl(var(--primary--50-clr-primary));
    --hsl-clr-primary: var(--primary--50-clr-primary);
    --clr-good: hsl(var(--primary--50-clr-good));
    --hsl-clr-good: var(--primary--50-clr-good);
    --clr-bad: hsl(var(--primary--50-clr-bad));
    --hsl-clr-bad: var(--primary--50-clr-bad);
    --sep: hsl(var(--primary--50-sep));
    --hsl-sep: var(--primary--50-sep);
    --sep-alt: hsl(var(--primary--50-sep-alt));
    --hsl-sep-alt: var(--primary--50-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-primary--20.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-primary--20.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-primary--20[data-v-ea89103b]:disabled {
    --bg: hsla(var(--primary-30-bg), 1);
    --hsl-bg: var(--primary-30-bg);
    --clr: hsl(var(--primary-30-clr));
    --hsl-clr: var(--primary-30-clr);
    --clr-accent: hsl(var(--primary-30-clr-accent));
    --hsl-clr-accent: var(--primary-30-clr-accent);
    --clr-decent: hsl(var(--primary-30-clr-decent));
    --hsl-clr-decent: var(--primary-30-clr-decent);
    --clr-strong: hsl(var(--primary-30-clr-strong));
    --hsl-clr-strong: var(--primary-30-clr-strong);
    --clr-strong-alt: hsl(var(--primary-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-30-clr-strong-alt);
    --clr-primary: hsl(var(--primary-30-clr-primary));
    --hsl-clr-primary: var(--primary-30-clr-primary);
    --clr-good: hsl(var(--primary-30-clr-good));
    --hsl-clr-good: var(--primary-30-clr-good);
    --clr-bad: hsl(var(--primary-30-clr-bad));
    --hsl-clr-bad: var(--primary-30-clr-bad);
    --sep: hsl(var(--primary-30-sep));
    --hsl-sep: var(--primary-30-sep);
    --sep-alt: hsl(var(--primary-30-sep-alt));
    --hsl-sep-alt: var(--primary-30-sep-alt);
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong, var(--hsl-clr))))
}

[dir] .ui-button--theme-primary--20.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-primary--20[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-tp-gray-5[data-v-ea89103b] {
    --bg: hsla(var(--thirdPartyGray-5-bg), 1);
    --hsl-bg: var(--thirdPartyGray-5-bg);
    --clr: hsl(var(--thirdPartyGray-5-clr));
    --hsl-clr: var(--thirdPartyGray-5-clr);
    --clr-accent: hsl(var(--thirdPartyGray-5-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-5-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-5-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-5-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-5-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-5-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-5-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-5-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-5-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-5-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-5-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-5-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-5-clr-bad);
    --sep: hsl(var(--thirdPartyGray-5-sep));
    --hsl-sep: var(--thirdPartyGray-5-sep);
    --sep-alt: hsl(var(--thirdPartyGray-5-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-5-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-tp-gray-5[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-tp-gray-5[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--thirdPartyGray-15-bg), 1);
    --hsl-bg: var(--thirdPartyGray-15-bg);
    --clr: hsl(var(--thirdPartyGray-15-clr));
    --hsl-clr: var(--thirdPartyGray-15-clr);
    --clr-accent: hsl(var(--thirdPartyGray-15-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-15-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-15-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-15-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-15-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-15-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-15-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-15-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-15-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-15-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-15-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-15-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-15-clr-bad);
    --sep: hsl(var(--thirdPartyGray-15-sep));
    --hsl-sep: var(--thirdPartyGray-15-sep);
    --sep-alt: hsl(var(--thirdPartyGray-15-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-15-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-tp-gray-5[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-tp-gray-5[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--thirdPartyGray-20-bg), 1);
    --hsl-bg: var(--thirdPartyGray-20-bg);
    --clr: hsl(var(--thirdPartyGray-20-clr));
    --hsl-clr: var(--thirdPartyGray-20-clr);
    --clr-accent: hsl(var(--thirdPartyGray-20-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-20-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-20-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-20-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-20-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-20-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-20-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-20-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-20-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-20-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-20-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-20-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-20-clr-bad);
    --sep: hsl(var(--thirdPartyGray-20-sep));
    --hsl-sep: var(--thirdPartyGray-20-sep);
    --sep-alt: hsl(var(--thirdPartyGray-20-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-tp-gray-5[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-tp-gray-5.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--thirdPartyGray-20-bg), 1);
    --hsl-bg: var(--thirdPartyGray-20-bg);
    --clr: hsl(var(--thirdPartyGray-20-clr));
    --hsl-clr: var(--thirdPartyGray-20-clr);
    --clr-accent: hsl(var(--thirdPartyGray-20-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-20-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-20-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-20-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-20-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-20-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-20-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-20-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-20-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-20-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-20-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-20-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-20-clr-bad);
    --sep: hsl(var(--thirdPartyGray-20-sep));
    --hsl-sep: var(--thirdPartyGray-20-sep);
    --sep-alt: hsl(var(--thirdPartyGray-20-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-tp-gray-5.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-tp-gray-5.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-tp-gray-5[data-v-ea89103b]:disabled {
    --bg: hsla(var(--thirdPartyGray-0-bg), 1);
    --hsl-bg: var(--thirdPartyGray-0-bg);
    --clr: hsl(var(--thirdPartyGray-0-clr));
    --hsl-clr: var(--thirdPartyGray-0-clr);
    --clr-accent: hsl(var(--thirdPartyGray-0-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-0-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-0-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-0-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-0-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-0-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-0-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-0-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-0-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-0-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-0-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-0-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-0-clr-bad);
    --sep: hsl(var(--thirdPartyGray-0-sep));
    --hsl-sep: var(--thirdPartyGray-0-sep);
    --sep-alt: hsl(var(--thirdPartyGray-0-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-0-sep-alt);
    color: Hsl(var(--hsl-sep-alt, var(--hsl-sep-alt, var(--hsl-clr))))
}

[dir] .ui-button--theme-tp-gray-5.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-tp-gray-5[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-tp-gray-15[data-v-ea89103b] {
    --bg: hsla(var(--thirdPartyGray-15-bg), 1);
    --hsl-bg: var(--thirdPartyGray-15-bg);
    --clr: hsl(var(--thirdPartyGray-15-clr));
    --hsl-clr: var(--thirdPartyGray-15-clr);
    --clr-accent: hsl(var(--thirdPartyGray-15-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-15-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-15-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-15-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-15-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-15-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-15-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-15-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-15-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-15-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-15-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-15-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-15-clr-bad);
    --sep: hsl(var(--thirdPartyGray-15-sep));
    --hsl-sep: var(--thirdPartyGray-15-sep);
    --sep-alt: hsl(var(--thirdPartyGray-15-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-15-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-tp-gray-15[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-tp-gray-15[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--thirdPartyGray-20-bg), 1);
    --hsl-bg: var(--thirdPartyGray-20-bg);
    --clr: hsl(var(--thirdPartyGray-20-clr));
    --hsl-clr: var(--thirdPartyGray-20-clr);
    --clr-accent: hsl(var(--thirdPartyGray-20-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-20-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-20-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-20-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-20-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-20-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-20-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-20-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-20-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-20-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-20-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-20-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-20-clr-bad);
    --sep: hsl(var(--thirdPartyGray-20-sep));
    --hsl-sep: var(--thirdPartyGray-20-sep);
    --sep-alt: hsl(var(--thirdPartyGray-20-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-tp-gray-15[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-tp-gray-15[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--thirdPartyGray-25-bg), 1);
    --hsl-bg: var(--thirdPartyGray-25-bg);
    --clr: hsl(var(--thirdPartyGray-25-clr));
    --hsl-clr: var(--thirdPartyGray-25-clr);
    --clr-accent: hsl(var(--thirdPartyGray-25-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-25-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-25-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-25-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-25-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-25-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-25-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-25-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-25-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-25-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-25-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-25-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-25-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-25-clr-bad);
    --sep: hsl(var(--thirdPartyGray-25-sep));
    --hsl-sep: var(--thirdPartyGray-25-sep);
    --sep-alt: hsl(var(--thirdPartyGray-25-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-25-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-tp-gray-15[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-tp-gray-15.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--thirdPartyGray-25-bg), 1);
    --hsl-bg: var(--thirdPartyGray-25-bg);
    --clr: hsl(var(--thirdPartyGray-25-clr));
    --hsl-clr: var(--thirdPartyGray-25-clr);
    --clr-accent: hsl(var(--thirdPartyGray-25-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-25-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-25-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-25-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-25-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-25-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-25-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-25-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-25-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-25-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-25-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-25-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-25-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-25-clr-bad);
    --sep: hsl(var(--thirdPartyGray-25-sep));
    --hsl-sep: var(--thirdPartyGray-25-sep);
    --sep-alt: hsl(var(--thirdPartyGray-25-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-25-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-tp-gray-15.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-tp-gray-15.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-tp-gray-15[data-v-ea89103b]:disabled {
    --bg: hsla(var(--thirdPartyGray-10-bg), 1);
    --hsl-bg: var(--thirdPartyGray-10-bg);
    --clr: hsl(var(--thirdPartyGray-10-clr));
    --hsl-clr: var(--thirdPartyGray-10-clr);
    --clr-accent: hsl(var(--thirdPartyGray-10-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-10-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-10-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-10-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-10-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-10-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-10-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-10-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-10-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-10-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-10-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-10-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-10-clr-bad);
    --sep: hsl(var(--thirdPartyGray-10-sep));
    --hsl-sep: var(--thirdPartyGray-10-sep);
    --sep-alt: hsl(var(--thirdPartyGray-10-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-10-sep-alt);
    color: Hsl(var(--hsl-sep-alt, var(--hsl-sep-alt, var(--hsl-clr))))
}

[dir] .ui-button--theme-tp-gray-15.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-tp-gray-15[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-tp-primary[data-v-ea89103b] {
    --bg: hsla(var(--thirdPartyPrimary-0-bg), 1);
    --hsl-bg: var(--thirdPartyPrimary-0-bg);
    --clr: hsl(var(--thirdPartyPrimary-0-clr));
    --hsl-clr: var(--thirdPartyPrimary-0-clr);
    --clr-accent: hsl(var(--thirdPartyPrimary-0-clr-accent));
    --hsl-clr-accent: var(--thirdPartyPrimary-0-clr-accent);
    --clr-decent: hsl(var(--thirdPartyPrimary-0-clr-decent));
    --hsl-clr-decent: var(--thirdPartyPrimary-0-clr-decent);
    --clr-strong: hsl(var(--thirdPartyPrimary-0-clr-strong));
    --hsl-clr-strong: var(--thirdPartyPrimary-0-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyPrimary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyPrimary-0-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyPrimary-0-clr-primary));
    --hsl-clr-primary: var(--thirdPartyPrimary-0-clr-primary);
    --clr-good: hsl(var(--thirdPartyPrimary-0-clr-good));
    --hsl-clr-good: var(--thirdPartyPrimary-0-clr-good);
    --clr-bad: hsl(var(--thirdPartyPrimary-0-clr-bad));
    --hsl-clr-bad: var(--thirdPartyPrimary-0-clr-bad);
    --sep: hsl(var(--thirdPartyPrimary-0-sep));
    --hsl-sep: var(--thirdPartyPrimary-0-sep);
    --sep-alt: hsl(var(--thirdPartyPrimary-0-sep-alt));
    --hsl-sep-alt: var(--thirdPartyPrimary-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-tp-primary[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-tp-primary[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--thirdPartyPrimary-5-bg), 1);
    --hsl-bg: var(--thirdPartyPrimary-5-bg);
    --clr: hsl(var(--thirdPartyPrimary-5-clr));
    --hsl-clr: var(--thirdPartyPrimary-5-clr);
    --clr-accent: hsl(var(--thirdPartyPrimary-5-clr-accent));
    --hsl-clr-accent: var(--thirdPartyPrimary-5-clr-accent);
    --clr-decent: hsl(var(--thirdPartyPrimary-5-clr-decent));
    --hsl-clr-decent: var(--thirdPartyPrimary-5-clr-decent);
    --clr-strong: hsl(var(--thirdPartyPrimary-5-clr-strong));
    --hsl-clr-strong: var(--thirdPartyPrimary-5-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyPrimary-5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyPrimary-5-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyPrimary-5-clr-primary));
    --hsl-clr-primary: var(--thirdPartyPrimary-5-clr-primary);
    --clr-good: hsl(var(--thirdPartyPrimary-5-clr-good));
    --hsl-clr-good: var(--thirdPartyPrimary-5-clr-good);
    --clr-bad: hsl(var(--thirdPartyPrimary-5-clr-bad));
    --hsl-clr-bad: var(--thirdPartyPrimary-5-clr-bad);
    --sep: hsl(var(--thirdPartyPrimary-5-sep));
    --hsl-sep: var(--thirdPartyPrimary-5-sep);
    --sep-alt: hsl(var(--thirdPartyPrimary-5-sep-alt));
    --hsl-sep-alt: var(--thirdPartyPrimary-5-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-tp-primary[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-tp-primary[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--thirdPartyPrimary--10-bg), 1);
    --hsl-bg: var(--thirdPartyPrimary--10-bg);
    --clr: hsl(var(--thirdPartyPrimary--10-clr));
    --hsl-clr: var(--thirdPartyPrimary--10-clr);
    --clr-accent: hsl(var(--thirdPartyPrimary--10-clr-accent));
    --hsl-clr-accent: var(--thirdPartyPrimary--10-clr-accent);
    --clr-decent: hsl(var(--thirdPartyPrimary--10-clr-decent));
    --hsl-clr-decent: var(--thirdPartyPrimary--10-clr-decent);
    --clr-strong: hsl(var(--thirdPartyPrimary--10-clr-strong));
    --hsl-clr-strong: var(--thirdPartyPrimary--10-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyPrimary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyPrimary--10-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyPrimary--10-clr-primary));
    --hsl-clr-primary: var(--thirdPartyPrimary--10-clr-primary);
    --clr-good: hsl(var(--thirdPartyPrimary--10-clr-good));
    --hsl-clr-good: var(--thirdPartyPrimary--10-clr-good);
    --clr-bad: hsl(var(--thirdPartyPrimary--10-clr-bad));
    --hsl-clr-bad: var(--thirdPartyPrimary--10-clr-bad);
    --sep: hsl(var(--thirdPartyPrimary--10-sep));
    --hsl-sep: var(--thirdPartyPrimary--10-sep);
    --sep-alt: hsl(var(--thirdPartyPrimary--10-sep-alt));
    --hsl-sep-alt: var(--thirdPartyPrimary--10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-tp-primary[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-tp-primary.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--thirdPartyPrimary--10-bg), 1);
    --hsl-bg: var(--thirdPartyPrimary--10-bg);
    --clr: hsl(var(--thirdPartyPrimary--10-clr));
    --hsl-clr: var(--thirdPartyPrimary--10-clr);
    --clr-accent: hsl(var(--thirdPartyPrimary--10-clr-accent));
    --hsl-clr-accent: var(--thirdPartyPrimary--10-clr-accent);
    --clr-decent: hsl(var(--thirdPartyPrimary--10-clr-decent));
    --hsl-clr-decent: var(--thirdPartyPrimary--10-clr-decent);
    --clr-strong: hsl(var(--thirdPartyPrimary--10-clr-strong));
    --hsl-clr-strong: var(--thirdPartyPrimary--10-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyPrimary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyPrimary--10-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyPrimary--10-clr-primary));
    --hsl-clr-primary: var(--thirdPartyPrimary--10-clr-primary);
    --clr-good: hsl(var(--thirdPartyPrimary--10-clr-good));
    --hsl-clr-good: var(--thirdPartyPrimary--10-clr-good);
    --clr-bad: hsl(var(--thirdPartyPrimary--10-clr-bad));
    --hsl-clr-bad: var(--thirdPartyPrimary--10-clr-bad);
    --sep: hsl(var(--thirdPartyPrimary--10-sep));
    --hsl-sep: var(--thirdPartyPrimary--10-sep);
    --sep-alt: hsl(var(--thirdPartyPrimary--10-sep-alt));
    --hsl-sep-alt: var(--thirdPartyPrimary--10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-tp-primary.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-tp-primary.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-tp-primary[data-v-ea89103b]:disabled {
    --bg: hsla(var(--thirdPartyPrimary--35-bg), 1);
    --hsl-bg: var(--thirdPartyPrimary--35-bg);
    --clr: hsl(var(--thirdPartyPrimary--35-clr));
    --hsl-clr: var(--thirdPartyPrimary--35-clr);
    --clr-accent: hsl(var(--thirdPartyPrimary--35-clr-accent));
    --hsl-clr-accent: var(--thirdPartyPrimary--35-clr-accent);
    --clr-decent: hsl(var(--thirdPartyPrimary--35-clr-decent));
    --hsl-clr-decent: var(--thirdPartyPrimary--35-clr-decent);
    --clr-strong: hsl(var(--thirdPartyPrimary--35-clr-strong));
    --hsl-clr-strong: var(--thirdPartyPrimary--35-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyPrimary--35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyPrimary--35-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyPrimary--35-clr-primary));
    --hsl-clr-primary: var(--thirdPartyPrimary--35-clr-primary);
    --clr-good: hsl(var(--thirdPartyPrimary--35-clr-good));
    --hsl-clr-good: var(--thirdPartyPrimary--35-clr-good);
    --clr-bad: hsl(var(--thirdPartyPrimary--35-clr-bad));
    --hsl-clr-bad: var(--thirdPartyPrimary--35-clr-bad);
    --sep: hsl(var(--thirdPartyPrimary--35-sep));
    --hsl-sep: var(--thirdPartyPrimary--35-sep);
    --sep-alt: hsl(var(--thirdPartyPrimary--35-sep-alt));
    --hsl-sep-alt: var(--thirdPartyPrimary--35-sep-alt);
    color: Hsl(var(--hsl-sep-alt, var(--hsl-sep-alt, var(--hsl-clr))))
}

[dir] .ui-button--theme-tp-primary.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-tp-primary[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-accent[data-v-ea89103b] {
    --bg: hsla(var(--specialAccent-0-bg), 1);
    --hsl-bg: var(--specialAccent-0-bg);
    --clr: hsl(var(--specialAccent-0-clr));
    --hsl-clr: var(--specialAccent-0-clr);
    --clr-accent: hsl(var(--specialAccent-0-clr-accent));
    --hsl-clr-accent: var(--specialAccent-0-clr-accent);
    --clr-decent: hsl(var(--specialAccent-0-clr-decent));
    --hsl-clr-decent: var(--specialAccent-0-clr-decent);
    --clr-strong: hsl(var(--specialAccent-0-clr-strong));
    --hsl-clr-strong: var(--specialAccent-0-clr-strong);
    --clr-strong-alt: hsl(var(--specialAccent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialAccent-0-clr-strong-alt);
    --clr-primary: hsl(var(--specialAccent-0-clr-primary));
    --hsl-clr-primary: var(--specialAccent-0-clr-primary);
    --clr-good: hsl(var(--specialAccent-0-clr-good));
    --hsl-clr-good: var(--specialAccent-0-clr-good);
    --clr-bad: hsl(var(--specialAccent-0-clr-bad));
    --hsl-clr-bad: var(--specialAccent-0-clr-bad);
    --sep: hsl(var(--specialAccent-0-sep));
    --hsl-sep: var(--specialAccent-0-sep);
    --sep-alt: hsl(var(--specialAccent-0-sep-alt));
    --hsl-sep-alt: var(--specialAccent-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-accent[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-accent[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--specialAccent-15-bg), 1);
    --hsl-bg: var(--specialAccent-15-bg);
    --clr: hsl(var(--specialAccent-15-clr));
    --hsl-clr: var(--specialAccent-15-clr);
    --clr-accent: hsl(var(--specialAccent-15-clr-accent));
    --hsl-clr-accent: var(--specialAccent-15-clr-accent);
    --clr-decent: hsl(var(--specialAccent-15-clr-decent));
    --hsl-clr-decent: var(--specialAccent-15-clr-decent);
    --clr-strong: hsl(var(--specialAccent-15-clr-strong));
    --hsl-clr-strong: var(--specialAccent-15-clr-strong);
    --clr-strong-alt: hsl(var(--specialAccent-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialAccent-15-clr-strong-alt);
    --clr-primary: hsl(var(--specialAccent-15-clr-primary));
    --hsl-clr-primary: var(--specialAccent-15-clr-primary);
    --clr-good: hsl(var(--specialAccent-15-clr-good));
    --hsl-clr-good: var(--specialAccent-15-clr-good);
    --clr-bad: hsl(var(--specialAccent-15-clr-bad));
    --hsl-clr-bad: var(--specialAccent-15-clr-bad);
    --sep: hsl(var(--specialAccent-15-sep));
    --hsl-sep: var(--specialAccent-15-sep);
    --sep-alt: hsl(var(--specialAccent-15-sep-alt));
    --hsl-sep-alt: var(--specialAccent-15-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-accent[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-accent[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--specialAccent--10-bg), 1);
    --hsl-bg: var(--specialAccent--10-bg);
    --clr: hsl(var(--specialAccent--10-clr));
    --hsl-clr: var(--specialAccent--10-clr);
    --clr-accent: hsl(var(--specialAccent--10-clr-accent));
    --hsl-clr-accent: var(--specialAccent--10-clr-accent);
    --clr-decent: hsl(var(--specialAccent--10-clr-decent));
    --hsl-clr-decent: var(--specialAccent--10-clr-decent);
    --clr-strong: hsl(var(--specialAccent--10-clr-strong));
    --hsl-clr-strong: var(--specialAccent--10-clr-strong);
    --clr-strong-alt: hsl(var(--specialAccent--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialAccent--10-clr-strong-alt);
    --clr-primary: hsl(var(--specialAccent--10-clr-primary));
    --hsl-clr-primary: var(--specialAccent--10-clr-primary);
    --clr-good: hsl(var(--specialAccent--10-clr-good));
    --hsl-clr-good: var(--specialAccent--10-clr-good);
    --clr-bad: hsl(var(--specialAccent--10-clr-bad));
    --hsl-clr-bad: var(--specialAccent--10-clr-bad);
    --sep: hsl(var(--specialAccent--10-sep));
    --hsl-sep: var(--specialAccent--10-sep);
    --sep-alt: hsl(var(--specialAccent--10-sep-alt));
    --hsl-sep-alt: var(--specialAccent--10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-accent[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-accent.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--specialAccent--10-bg), 1);
    --hsl-bg: var(--specialAccent--10-bg);
    --clr: hsl(var(--specialAccent--10-clr));
    --hsl-clr: var(--specialAccent--10-clr);
    --clr-accent: hsl(var(--specialAccent--10-clr-accent));
    --hsl-clr-accent: var(--specialAccent--10-clr-accent);
    --clr-decent: hsl(var(--specialAccent--10-clr-decent));
    --hsl-clr-decent: var(--specialAccent--10-clr-decent);
    --clr-strong: hsl(var(--specialAccent--10-clr-strong));
    --hsl-clr-strong: var(--specialAccent--10-clr-strong);
    --clr-strong-alt: hsl(var(--specialAccent--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialAccent--10-clr-strong-alt);
    --clr-primary: hsl(var(--specialAccent--10-clr-primary));
    --hsl-clr-primary: var(--specialAccent--10-clr-primary);
    --clr-good: hsl(var(--specialAccent--10-clr-good));
    --hsl-clr-good: var(--specialAccent--10-clr-good);
    --clr-bad: hsl(var(--specialAccent--10-clr-bad));
    --hsl-clr-bad: var(--specialAccent--10-clr-bad);
    --sep: hsl(var(--specialAccent--10-sep));
    --hsl-sep: var(--specialAccent--10-sep);
    --sep-alt: hsl(var(--specialAccent--10-sep-alt));
    --hsl-sep-alt: var(--specialAccent--10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-accent.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-accent.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-special-accent[data-v-ea89103b]:disabled {
    --bg: hsla(var(--specialAccent-35-bg), 1);
    --hsl-bg: var(--specialAccent-35-bg);
    --clr: hsl(var(--specialAccent-35-clr));
    --hsl-clr: var(--specialAccent-35-clr);
    --clr-accent: hsl(var(--specialAccent-35-clr-accent));
    --hsl-clr-accent: var(--specialAccent-35-clr-accent);
    --clr-decent: hsl(var(--specialAccent-35-clr-decent));
    --hsl-clr-decent: var(--specialAccent-35-clr-decent);
    --clr-strong: hsl(var(--specialAccent-35-clr-strong));
    --hsl-clr-strong: var(--specialAccent-35-clr-strong);
    --clr-strong-alt: hsl(var(--specialAccent-35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialAccent-35-clr-strong-alt);
    --clr-primary: hsl(var(--specialAccent-35-clr-primary));
    --hsl-clr-primary: var(--specialAccent-35-clr-primary);
    --clr-good: hsl(var(--specialAccent-35-clr-good));
    --hsl-clr-good: var(--specialAccent-35-clr-good);
    --clr-bad: hsl(var(--specialAccent-35-clr-bad));
    --hsl-clr-bad: var(--specialAccent-35-clr-bad);
    --sep: hsl(var(--specialAccent-35-sep));
    --hsl-sep: var(--specialAccent-35-sep);
    --sep-alt: hsl(var(--specialAccent-35-sep-alt));
    --hsl-sep-alt: var(--specialAccent-35-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr, var(--hsl-clr))))
}

[dir] .ui-button--theme-special-accent.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-special-accent[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

[dir] .ui-button--theme-special-accent.ui-button--shadow[data-v-ea89103b] {
    box-shadow: 0 .25rem .5rem 0 Hsla(var(--primary--20-bg), .1)
}

.ui-button--theme-special-gray-100[data-v-ea89103b] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-gray-100[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-gray-100[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--specialPrimary-0-bg), 1);
    --hsl-bg: var(--specialPrimary-0-bg);
    --clr: hsl(var(--specialPrimary-0-clr));
    --hsl-clr: var(--specialPrimary-0-clr);
    --clr-accent: hsl(var(--specialPrimary-0-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-0-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-0-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-0-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-0-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-0-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-0-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-0-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-0-clr-primary);
    --clr-good: hsl(var(--specialPrimary-0-clr-good));
    --hsl-clr-good: var(--specialPrimary-0-clr-good);
    --clr-bad: hsl(var(--specialPrimary-0-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-0-clr-bad);
    --sep: hsl(var(--specialPrimary-0-sep));
    --hsl-sep: var(--specialPrimary-0-sep);
    --sep-alt: hsl(var(--specialPrimary-0-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-gray-100[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-gray-100[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--specialPrimary--20-bg), 1);
    --hsl-bg: var(--specialPrimary--20-bg);
    --clr: hsl(var(--specialPrimary--20-clr));
    --hsl-clr: var(--specialPrimary--20-clr);
    --clr-accent: hsl(var(--specialPrimary--20-clr-accent));
    --hsl-clr-accent: var(--specialPrimary--20-clr-accent);
    --clr-decent: hsl(var(--specialPrimary--20-clr-decent));
    --hsl-clr-decent: var(--specialPrimary--20-clr-decent);
    --clr-strong: hsl(var(--specialPrimary--20-clr-strong));
    --hsl-clr-strong: var(--specialPrimary--20-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary--20-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary--20-clr-primary));
    --hsl-clr-primary: var(--specialPrimary--20-clr-primary);
    --clr-good: hsl(var(--specialPrimary--20-clr-good));
    --hsl-clr-good: var(--specialPrimary--20-clr-good);
    --clr-bad: hsl(var(--specialPrimary--20-clr-bad));
    --hsl-clr-bad: var(--specialPrimary--20-clr-bad);
    --sep: hsl(var(--specialPrimary--20-sep));
    --hsl-sep: var(--specialPrimary--20-sep);
    --sep-alt: hsl(var(--specialPrimary--20-sep-alt));
    --hsl-sep-alt: var(--specialPrimary--20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-gray-100[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-gray-100.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--specialPrimary--20-bg), 1);
    --hsl-bg: var(--specialPrimary--20-bg);
    --clr: hsl(var(--specialPrimary--20-clr));
    --hsl-clr: var(--specialPrimary--20-clr);
    --clr-accent: hsl(var(--specialPrimary--20-clr-accent));
    --hsl-clr-accent: var(--specialPrimary--20-clr-accent);
    --clr-decent: hsl(var(--specialPrimary--20-clr-decent));
    --hsl-clr-decent: var(--specialPrimary--20-clr-decent);
    --clr-strong: hsl(var(--specialPrimary--20-clr-strong));
    --hsl-clr-strong: var(--specialPrimary--20-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary--20-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary--20-clr-primary));
    --hsl-clr-primary: var(--specialPrimary--20-clr-primary);
    --clr-good: hsl(var(--specialPrimary--20-clr-good));
    --hsl-clr-good: var(--specialPrimary--20-clr-good);
    --clr-bad: hsl(var(--specialPrimary--20-clr-bad));
    --hsl-clr-bad: var(--specialPrimary--20-clr-bad);
    --sep: hsl(var(--specialPrimary--20-sep));
    --hsl-sep: var(--specialPrimary--20-sep);
    --sep-alt: hsl(var(--specialPrimary--20-sep-alt));
    --hsl-sep-alt: var(--specialPrimary--20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-gray-100.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-gray-100.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-special-gray-100[data-v-ea89103b]:disabled {
    --bg: hsla(var(--specialPrimary-35-bg), 1);
    --hsl-bg: var(--specialPrimary-35-bg);
    --clr: hsl(var(--specialPrimary-35-clr));
    --hsl-clr: var(--specialPrimary-35-clr);
    --clr-accent: hsl(var(--specialPrimary-35-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-35-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-35-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-35-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-35-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-35-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-35-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-35-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-35-clr-primary);
    --clr-good: hsl(var(--specialPrimary-35-clr-good));
    --hsl-clr-good: var(--specialPrimary-35-clr-good);
    --clr-bad: hsl(var(--specialPrimary-35-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-35-clr-bad);
    --sep: hsl(var(--specialPrimary-35-sep));
    --hsl-sep: var(--specialPrimary-35-sep);
    --sep-alt: hsl(var(--specialPrimary-35-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-35-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr, var(--hsl-clr))))
}

[dir] .ui-button--theme-special-gray-100.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-special-gray-100[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

[dir] .ui-button--theme-special-gray-100.ui-button--shadow[data-v-ea89103b] {
    box-shadow: 0 .25rem .5rem 0 Hsla(var(--primary--20-bg), .1)
}

.ui-button--theme-special-gray[data-v-ea89103b] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-gray[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-gray[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--specialPrimary-0-bg), 1);
    --hsl-bg: var(--specialPrimary-0-bg);
    --clr: hsl(var(--specialPrimary-0-clr));
    --hsl-clr: var(--specialPrimary-0-clr);
    --clr-accent: hsl(var(--specialPrimary-0-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-0-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-0-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-0-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-0-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-0-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-0-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-0-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-0-clr-primary);
    --clr-good: hsl(var(--specialPrimary-0-clr-good));
    --hsl-clr-good: var(--specialPrimary-0-clr-good);
    --clr-bad: hsl(var(--specialPrimary-0-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-0-clr-bad);
    --sep: hsl(var(--specialPrimary-0-sep));
    --hsl-sep: var(--specialPrimary-0-sep);
    --sep-alt: hsl(var(--specialPrimary-0-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-gray[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-gray[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--specialPrimary--20-bg), 1);
    --hsl-bg: var(--specialPrimary--20-bg);
    --clr: hsl(var(--specialPrimary--20-clr));
    --hsl-clr: var(--specialPrimary--20-clr);
    --clr-accent: hsl(var(--specialPrimary--20-clr-accent));
    --hsl-clr-accent: var(--specialPrimary--20-clr-accent);
    --clr-decent: hsl(var(--specialPrimary--20-clr-decent));
    --hsl-clr-decent: var(--specialPrimary--20-clr-decent);
    --clr-strong: hsl(var(--specialPrimary--20-clr-strong));
    --hsl-clr-strong: var(--specialPrimary--20-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary--20-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary--20-clr-primary));
    --hsl-clr-primary: var(--specialPrimary--20-clr-primary);
    --clr-good: hsl(var(--specialPrimary--20-clr-good));
    --hsl-clr-good: var(--specialPrimary--20-clr-good);
    --clr-bad: hsl(var(--specialPrimary--20-clr-bad));
    --hsl-clr-bad: var(--specialPrimary--20-clr-bad);
    --sep: hsl(var(--specialPrimary--20-sep));
    --hsl-sep: var(--specialPrimary--20-sep);
    --sep-alt: hsl(var(--specialPrimary--20-sep-alt));
    --hsl-sep-alt: var(--specialPrimary--20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-gray[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-gray.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--specialPrimary--20-bg), 1);
    --hsl-bg: var(--specialPrimary--20-bg);
    --clr: hsl(var(--specialPrimary--20-clr));
    --hsl-clr: var(--specialPrimary--20-clr);
    --clr-accent: hsl(var(--specialPrimary--20-clr-accent));
    --hsl-clr-accent: var(--specialPrimary--20-clr-accent);
    --clr-decent: hsl(var(--specialPrimary--20-clr-decent));
    --hsl-clr-decent: var(--specialPrimary--20-clr-decent);
    --clr-strong: hsl(var(--specialPrimary--20-clr-strong));
    --hsl-clr-strong: var(--specialPrimary--20-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary--20-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary--20-clr-primary));
    --hsl-clr-primary: var(--specialPrimary--20-clr-primary);
    --clr-good: hsl(var(--specialPrimary--20-clr-good));
    --hsl-clr-good: var(--specialPrimary--20-clr-good);
    --clr-bad: hsl(var(--specialPrimary--20-clr-bad));
    --hsl-clr-bad: var(--specialPrimary--20-clr-bad);
    --sep: hsl(var(--specialPrimary--20-sep));
    --hsl-sep: var(--specialPrimary--20-sep);
    --sep-alt: hsl(var(--specialPrimary--20-sep-alt));
    --hsl-sep-alt: var(--specialPrimary--20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-gray.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-gray.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-special-gray[data-v-ea89103b]:disabled {
    --bg: hsla(var(--specialPrimary-35-bg), 1);
    --hsl-bg: var(--specialPrimary-35-bg);
    --clr: hsl(var(--specialPrimary-35-clr));
    --hsl-clr: var(--specialPrimary-35-clr);
    --clr-accent: hsl(var(--specialPrimary-35-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-35-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-35-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-35-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-35-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-35-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-35-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-35-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-35-clr-primary);
    --clr-good: hsl(var(--specialPrimary-35-clr-good));
    --hsl-clr-good: var(--specialPrimary-35-clr-good);
    --clr-bad: hsl(var(--specialPrimary-35-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-35-clr-bad);
    --sep: hsl(var(--specialPrimary-35-sep));
    --hsl-sep: var(--specialPrimary-35-sep);
    --sep-alt: hsl(var(--specialPrimary-35-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-35-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr, var(--hsl-clr))))
}

[dir] .ui-button--theme-special-gray.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-special-gray[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

[dir] .ui-button--theme-special-gray.ui-button--shadow[data-v-ea89103b] {
    box-shadow: 0 .25rem .5rem 0 Hsla(var(--primary--20-bg), .1)
}

.ui-button--theme-special-primary-30[data-v-ea89103b] {
    --bg: hsla(var(--primary-30-bg), 1);
    --hsl-bg: var(--primary-30-bg);
    --clr: hsl(var(--primary-30-clr));
    --hsl-clr: var(--primary-30-clr);
    --clr-accent: hsl(var(--primary-30-clr-accent));
    --hsl-clr-accent: var(--primary-30-clr-accent);
    --clr-decent: hsl(var(--primary-30-clr-decent));
    --hsl-clr-decent: var(--primary-30-clr-decent);
    --clr-strong: hsl(var(--primary-30-clr-strong));
    --hsl-clr-strong: var(--primary-30-clr-strong);
    --clr-strong-alt: hsl(var(--primary-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-30-clr-strong-alt);
    --clr-primary: hsl(var(--primary-30-clr-primary));
    --hsl-clr-primary: var(--primary-30-clr-primary);
    --clr-good: hsl(var(--primary-30-clr-good));
    --hsl-clr-good: var(--primary-30-clr-good);
    --clr-bad: hsl(var(--primary-30-clr-bad));
    --hsl-clr-bad: var(--primary-30-clr-bad);
    --sep: hsl(var(--primary-30-sep));
    --hsl-sep: var(--primary-30-sep);
    --sep-alt: hsl(var(--primary-30-sep-alt));
    --hsl-sep-alt: var(--primary-30-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-primary-30[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-primary-30[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--specialPrimary-0-bg), 1);
    --hsl-bg: var(--specialPrimary-0-bg);
    --clr: hsl(var(--specialPrimary-0-clr));
    --hsl-clr: var(--specialPrimary-0-clr);
    --clr-accent: hsl(var(--specialPrimary-0-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-0-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-0-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-0-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-0-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-0-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-0-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-0-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-0-clr-primary);
    --clr-good: hsl(var(--specialPrimary-0-clr-good));
    --hsl-clr-good: var(--specialPrimary-0-clr-good);
    --clr-bad: hsl(var(--specialPrimary-0-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-0-clr-bad);
    --sep: hsl(var(--specialPrimary-0-sep));
    --hsl-sep: var(--specialPrimary-0-sep);
    --sep-alt: hsl(var(--specialPrimary-0-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-primary-30[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-primary-30[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--specialPrimary--20-bg), 1);
    --hsl-bg: var(--specialPrimary--20-bg);
    --clr: hsl(var(--specialPrimary--20-clr));
    --hsl-clr: var(--specialPrimary--20-clr);
    --clr-accent: hsl(var(--specialPrimary--20-clr-accent));
    --hsl-clr-accent: var(--specialPrimary--20-clr-accent);
    --clr-decent: hsl(var(--specialPrimary--20-clr-decent));
    --hsl-clr-decent: var(--specialPrimary--20-clr-decent);
    --clr-strong: hsl(var(--specialPrimary--20-clr-strong));
    --hsl-clr-strong: var(--specialPrimary--20-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary--20-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary--20-clr-primary));
    --hsl-clr-primary: var(--specialPrimary--20-clr-primary);
    --clr-good: hsl(var(--specialPrimary--20-clr-good));
    --hsl-clr-good: var(--specialPrimary--20-clr-good);
    --clr-bad: hsl(var(--specialPrimary--20-clr-bad));
    --hsl-clr-bad: var(--specialPrimary--20-clr-bad);
    --sep: hsl(var(--specialPrimary--20-sep));
    --hsl-sep: var(--specialPrimary--20-sep);
    --sep-alt: hsl(var(--specialPrimary--20-sep-alt));
    --hsl-sep-alt: var(--specialPrimary--20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-primary-30[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-primary-30.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--specialPrimary--20-bg), 1);
    --hsl-bg: var(--specialPrimary--20-bg);
    --clr: hsl(var(--specialPrimary--20-clr));
    --hsl-clr: var(--specialPrimary--20-clr);
    --clr-accent: hsl(var(--specialPrimary--20-clr-accent));
    --hsl-clr-accent: var(--specialPrimary--20-clr-accent);
    --clr-decent: hsl(var(--specialPrimary--20-clr-decent));
    --hsl-clr-decent: var(--specialPrimary--20-clr-decent);
    --clr-strong: hsl(var(--specialPrimary--20-clr-strong));
    --hsl-clr-strong: var(--specialPrimary--20-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary--20-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary--20-clr-primary));
    --hsl-clr-primary: var(--specialPrimary--20-clr-primary);
    --clr-good: hsl(var(--specialPrimary--20-clr-good));
    --hsl-clr-good: var(--specialPrimary--20-clr-good);
    --clr-bad: hsl(var(--specialPrimary--20-clr-bad));
    --hsl-clr-bad: var(--specialPrimary--20-clr-bad);
    --sep: hsl(var(--specialPrimary--20-sep));
    --hsl-sep: var(--specialPrimary--20-sep);
    --sep-alt: hsl(var(--specialPrimary--20-sep-alt));
    --hsl-sep-alt: var(--specialPrimary--20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-primary-30.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-primary-30.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-special-primary-30[data-v-ea89103b]:disabled {
    --bg: hsla(var(--specialPrimary-35-bg), 1);
    --hsl-bg: var(--specialPrimary-35-bg);
    --clr: hsl(var(--specialPrimary-35-clr));
    --hsl-clr: var(--specialPrimary-35-clr);
    --clr-accent: hsl(var(--specialPrimary-35-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-35-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-35-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-35-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-35-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-35-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-35-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-35-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-35-clr-primary);
    --clr-good: hsl(var(--specialPrimary-35-clr-good));
    --hsl-clr-good: var(--specialPrimary-35-clr-good);
    --clr-bad: hsl(var(--specialPrimary-35-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-35-clr-bad);
    --sep: hsl(var(--specialPrimary-35-sep));
    --hsl-sep: var(--specialPrimary-35-sep);
    --sep-alt: hsl(var(--specialPrimary-35-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-35-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr, var(--hsl-clr))))
}

[dir] .ui-button--theme-special-primary-30.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-special-primary-30[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

[dir] .ui-button--theme-special-primary-30.ui-button--shadow[data-v-ea89103b] {
    box-shadow: 0 .25rem .5rem 0 Hsla(var(--primary--20-bg), .1)
}

.ui-button--theme-special-primary-90[data-v-ea89103b] {
    --bg: hsla(var(--specialPrimary-90-bg), 1);
    --hsl-bg: var(--specialPrimary-90-bg);
    --clr: hsl(var(--specialPrimary-90-clr));
    --hsl-clr: var(--specialPrimary-90-clr);
    --clr-accent: hsl(var(--specialPrimary-90-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-90-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-90-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-90-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-90-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-90-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-90-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-90-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-90-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-90-clr-primary);
    --clr-good: hsl(var(--specialPrimary-90-clr-good));
    --hsl-clr-good: var(--specialPrimary-90-clr-good);
    --clr-bad: hsl(var(--specialPrimary-90-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-90-clr-bad);
    --sep: hsl(var(--specialPrimary-90-sep));
    --hsl-sep: var(--specialPrimary-90-sep);
    --sep-alt: hsl(var(--specialPrimary-90-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-90-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-primary-90[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-primary-90[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--specialPrimary-0-bg), 1);
    --hsl-bg: var(--specialPrimary-0-bg);
    --clr: hsl(var(--specialPrimary-0-clr));
    --hsl-clr: var(--specialPrimary-0-clr);
    --clr-accent: hsl(var(--specialPrimary-0-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-0-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-0-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-0-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-0-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-0-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-0-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-0-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-0-clr-primary);
    --clr-good: hsl(var(--specialPrimary-0-clr-good));
    --hsl-clr-good: var(--specialPrimary-0-clr-good);
    --clr-bad: hsl(var(--specialPrimary-0-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-0-clr-bad);
    --sep: hsl(var(--specialPrimary-0-sep));
    --hsl-sep: var(--specialPrimary-0-sep);
    --sep-alt: hsl(var(--specialPrimary-0-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-primary-90[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-primary-90[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--specialPrimary--20-bg), 1);
    --hsl-bg: var(--specialPrimary--20-bg);
    --clr: hsl(var(--specialPrimary--20-clr));
    --hsl-clr: var(--specialPrimary--20-clr);
    --clr-accent: hsl(var(--specialPrimary--20-clr-accent));
    --hsl-clr-accent: var(--specialPrimary--20-clr-accent);
    --clr-decent: hsl(var(--specialPrimary--20-clr-decent));
    --hsl-clr-decent: var(--specialPrimary--20-clr-decent);
    --clr-strong: hsl(var(--specialPrimary--20-clr-strong));
    --hsl-clr-strong: var(--specialPrimary--20-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary--20-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary--20-clr-primary));
    --hsl-clr-primary: var(--specialPrimary--20-clr-primary);
    --clr-good: hsl(var(--specialPrimary--20-clr-good));
    --hsl-clr-good: var(--specialPrimary--20-clr-good);
    --clr-bad: hsl(var(--specialPrimary--20-clr-bad));
    --hsl-clr-bad: var(--specialPrimary--20-clr-bad);
    --sep: hsl(var(--specialPrimary--20-sep));
    --hsl-sep: var(--specialPrimary--20-sep);
    --sep-alt: hsl(var(--specialPrimary--20-sep-alt));
    --hsl-sep-alt: var(--specialPrimary--20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-primary-90[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-primary-90.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--specialPrimary--20-bg), 1);
    --hsl-bg: var(--specialPrimary--20-bg);
    --clr: hsl(var(--specialPrimary--20-clr));
    --hsl-clr: var(--specialPrimary--20-clr);
    --clr-accent: hsl(var(--specialPrimary--20-clr-accent));
    --hsl-clr-accent: var(--specialPrimary--20-clr-accent);
    --clr-decent: hsl(var(--specialPrimary--20-clr-decent));
    --hsl-clr-decent: var(--specialPrimary--20-clr-decent);
    --clr-strong: hsl(var(--specialPrimary--20-clr-strong));
    --hsl-clr-strong: var(--specialPrimary--20-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary--20-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary--20-clr-primary));
    --hsl-clr-primary: var(--specialPrimary--20-clr-primary);
    --clr-good: hsl(var(--specialPrimary--20-clr-good));
    --hsl-clr-good: var(--specialPrimary--20-clr-good);
    --clr-bad: hsl(var(--specialPrimary--20-clr-bad));
    --hsl-clr-bad: var(--specialPrimary--20-clr-bad);
    --sep: hsl(var(--specialPrimary--20-sep));
    --hsl-sep: var(--specialPrimary--20-sep);
    --sep-alt: hsl(var(--specialPrimary--20-sep-alt));
    --hsl-sep-alt: var(--specialPrimary--20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-primary-90.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-primary-90.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-special-primary-90[data-v-ea89103b]:disabled {
    --bg: hsla(var(--specialPrimary-35-bg), 1);
    --hsl-bg: var(--specialPrimary-35-bg);
    --clr: hsl(var(--specialPrimary-35-clr));
    --hsl-clr: var(--specialPrimary-35-clr);
    --clr-accent: hsl(var(--specialPrimary-35-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-35-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-35-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-35-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-35-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-35-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-35-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-35-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-35-clr-primary);
    --clr-good: hsl(var(--specialPrimary-35-clr-good));
    --hsl-clr-good: var(--specialPrimary-35-clr-good);
    --clr-bad: hsl(var(--specialPrimary-35-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-35-clr-bad);
    --sep: hsl(var(--specialPrimary-35-sep));
    --hsl-sep: var(--specialPrimary-35-sep);
    --sep-alt: hsl(var(--specialPrimary-35-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-35-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr, var(--hsl-clr))))
}

[dir] .ui-button--theme-special-primary-90.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-special-primary-90[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

[dir] .ui-button--theme-special-primary-90.ui-button--shadow[data-v-ea89103b] {
    box-shadow: 0 .25rem .5rem 0 Hsla(var(--primary--20-bg), .1)
}

.ui-button--theme-special-primary--10[data-v-ea89103b] {
    --bg: hsla(var(--specialPrimary--10-bg), 1);
    --hsl-bg: var(--specialPrimary--10-bg);
    --clr: hsl(var(--specialPrimary--10-clr));
    --hsl-clr: var(--specialPrimary--10-clr);
    --clr-accent: hsl(var(--specialPrimary--10-clr-accent));
    --hsl-clr-accent: var(--specialPrimary--10-clr-accent);
    --clr-decent: hsl(var(--specialPrimary--10-clr-decent));
    --hsl-clr-decent: var(--specialPrimary--10-clr-decent);
    --clr-strong: hsl(var(--specialPrimary--10-clr-strong));
    --hsl-clr-strong: var(--specialPrimary--10-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary--10-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary--10-clr-primary));
    --hsl-clr-primary: var(--specialPrimary--10-clr-primary);
    --clr-good: hsl(var(--specialPrimary--10-clr-good));
    --hsl-clr-good: var(--specialPrimary--10-clr-good);
    --clr-bad: hsl(var(--specialPrimary--10-clr-bad));
    --hsl-clr-bad: var(--specialPrimary--10-clr-bad);
    --sep: hsl(var(--specialPrimary--10-sep));
    --hsl-sep: var(--specialPrimary--10-sep);
    --sep-alt: hsl(var(--specialPrimary--10-sep-alt));
    --hsl-sep-alt: var(--specialPrimary--10-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-primary--10[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-primary--10[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    --bg: hsla(var(--specialPrimary-0-bg), 1);
    --hsl-bg: var(--specialPrimary-0-bg);
    --clr: hsl(var(--specialPrimary-0-clr));
    --hsl-clr: var(--specialPrimary-0-clr);
    --clr-accent: hsl(var(--specialPrimary-0-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-0-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-0-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-0-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-0-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-0-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-0-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-0-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-0-clr-primary);
    --clr-good: hsl(var(--specialPrimary-0-clr-good));
    --hsl-clr-good: var(--specialPrimary-0-clr-good);
    --clr-bad: hsl(var(--specialPrimary-0-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-0-clr-bad);
    --sep: hsl(var(--specialPrimary-0-sep));
    --hsl-sep: var(--specialPrimary-0-sep);
    --sep-alt: hsl(var(--specialPrimary-0-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-primary--10[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-primary--10[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    --bg: hsla(var(--specialPrimary--20-bg), 1);
    --hsl-bg: var(--specialPrimary--20-bg);
    --clr: hsl(var(--specialPrimary--20-clr));
    --hsl-clr: var(--specialPrimary--20-clr);
    --clr-accent: hsl(var(--specialPrimary--20-clr-accent));
    --hsl-clr-accent: var(--specialPrimary--20-clr-accent);
    --clr-decent: hsl(var(--specialPrimary--20-clr-decent));
    --hsl-clr-decent: var(--specialPrimary--20-clr-decent);
    --clr-strong: hsl(var(--specialPrimary--20-clr-strong));
    --hsl-clr-strong: var(--specialPrimary--20-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary--20-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary--20-clr-primary));
    --hsl-clr-primary: var(--specialPrimary--20-clr-primary);
    --clr-good: hsl(var(--specialPrimary--20-clr-good));
    --hsl-clr-good: var(--specialPrimary--20-clr-good);
    --clr-bad: hsl(var(--specialPrimary--20-clr-bad));
    --hsl-clr-bad: var(--specialPrimary--20-clr-bad);
    --sep: hsl(var(--specialPrimary--20-sep));
    --hsl-sep: var(--specialPrimary--20-sep);
    --sep-alt: hsl(var(--specialPrimary--20-sep-alt));
    --hsl-sep-alt: var(--specialPrimary--20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-primary--10[data-v-ea89103b]:not(.ui-button--is-disabled):not(:disabled):not(.ui-button--is-toggled):active {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-primary--10.ui-button--is-toggled[data-v-ea89103b] {
    --bg: hsla(var(--specialPrimary--20-bg), 1);
    --hsl-bg: var(--specialPrimary--20-bg);
    --clr: hsl(var(--specialPrimary--20-clr));
    --hsl-clr: var(--specialPrimary--20-clr);
    --clr-accent: hsl(var(--specialPrimary--20-clr-accent));
    --hsl-clr-accent: var(--specialPrimary--20-clr-accent);
    --clr-decent: hsl(var(--specialPrimary--20-clr-decent));
    --hsl-clr-decent: var(--specialPrimary--20-clr-decent);
    --clr-strong: hsl(var(--specialPrimary--20-clr-strong));
    --hsl-clr-strong: var(--specialPrimary--20-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary--20-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary--20-clr-primary));
    --hsl-clr-primary: var(--specialPrimary--20-clr-primary);
    --clr-good: hsl(var(--specialPrimary--20-clr-good));
    --hsl-clr-good: var(--specialPrimary--20-clr-good);
    --clr-bad: hsl(var(--specialPrimary--20-clr-bad));
    --hsl-clr-bad: var(--specialPrimary--20-clr-bad);
    --sep: hsl(var(--specialPrimary--20-sep));
    --hsl-sep: var(--specialPrimary--20-sep);
    --sep-alt: hsl(var(--specialPrimary--20-sep-alt));
    --hsl-sep-alt: var(--specialPrimary--20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-button--theme-special-primary--10.ui-button--is-toggled[data-v-ea89103b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-button--theme-special-primary--10.ui-button--is-disabled[data-v-ea89103b], .ui-button--theme-special-primary--10[data-v-ea89103b]:disabled {
    --bg: hsla(var(--specialPrimary-35-bg), 1);
    --hsl-bg: var(--specialPrimary-35-bg);
    --clr: hsl(var(--specialPrimary-35-clr));
    --hsl-clr: var(--specialPrimary-35-clr);
    --clr-accent: hsl(var(--specialPrimary-35-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-35-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-35-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-35-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-35-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-35-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-35-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-35-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-35-clr-primary);
    --clr-good: hsl(var(--specialPrimary-35-clr-good));
    --hsl-clr-good: var(--specialPrimary-35-clr-good);
    --clr-bad: hsl(var(--specialPrimary-35-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-35-clr-bad);
    --sep: hsl(var(--specialPrimary-35-sep));
    --hsl-sep: var(--specialPrimary-35-sep);
    --sep-alt: hsl(var(--specialPrimary-35-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-35-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr, var(--hsl-clr))))
}

[dir] .ui-button--theme-special-primary--10.ui-button--is-disabled[data-v-ea89103b], [dir] .ui-button--theme-special-primary--10[data-v-ea89103b]:disabled {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

[dir] .ui-button--theme-special-primary--10.ui-button--shadow[data-v-ea89103b] {
    box-shadow: 0 .25rem .5rem 0 Hsla(var(--primary--20-bg), .1)
}

.ui-phone-approve__button[data-v-b0caf4a7] {
    width: 100%
}

.ui-phone-approve__caption[data-v-b0caf4a7] {
    font-size: .875em;
    line-height: 1.14286em
}

[dir=ltr] .ui-phone-approve__caption[data-v-b0caf4a7] {
    margin-left: .35714em
}

[dir=rtl] .ui-phone-approve__caption[data-v-b0caf4a7] {
    margin-right: .35714em
}

[dir] .ui-phone-approve__approve[data-v-b0caf4a7] {
    margin-top: .625em
}

.ico__svg[data-v-6e10b7dc] {
    fill: currentColor;
    font-size: var(--ico-size);
    height: 1em;
    max-width: 100%;
    width: auto
}

.ico--square .ico__svg[data-v-6e10b7dc] {
    width: 1em
}

[dir] .ico--bordered[data-v-6e10b7dc] {
    border-radius: 50%;
    box-shadow: 0 0 0 1px hsla(var(--gray-0-bg), 1)
}

[dir] .ico--rtl[data-v-6e10b7dc] {
    transform: scaleX(-1)
}

.ico--size-xl[data-v-6e10b7dc] {
    --ico-size: 1.5em
}

.ico--size-l[data-v-6e10b7dc] {
    --ico-size: 1.25em
}

.ico--size-m[data-v-6e10b7dc] {
    --ico-size: 1em
}

.ico--size-s[data-v-6e10b7dc] {
    --ico-size: 0.875em
}

.ico--size-xs[data-v-6e10b7dc] {
    --ico-size: 0.75em
}

.ico--size-xxs[data-v-6e10b7dc] {
    --ico-size: 0.625em
}

.ico--size-xxxs[data-v-6e10b7dc] {
    --ico-size: 0.5em
}

.ico--size-xxxxs[data-v-6e10b7dc] {
    --ico-size: 0.375em
}

.selection-ico-checkbox[data-v-8b178934] {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 1em;
    justify-content: center;
    position: relative;
    width: 1em
}

.selection-ico-checkbox[data-v-8b178934]:after, .selection-ico-checkbox[data-v-8b178934]:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

[dir] .selection-ico-checkbox[data-v-8b178934]:after, [dir] .selection-ico-checkbox[data-v-8b178934]:before {
    border-radius: inherit
}

[dir=ltr] .selection-ico-checkbox[data-v-8b178934]:after, [dir=ltr] .selection-ico-checkbox[data-v-8b178934]:before {
    left: 0
}

[dir=rtl] .selection-ico-checkbox[data-v-8b178934]:after, [dir=rtl] .selection-ico-checkbox[data-v-8b178934]:before {
    right: 0
}

.selection-ico-checkbox__ico[data-v-8b178934] {
    color: currentColor;
    font-size: .625em;
    opacity: 0;
    position: relative
}

.selection-ico-checkbox--checked .selection-ico-checkbox__ico[data-v-8b178934] {
    opacity: 1
}

.selection-ico-checkbox.selection-ico-checkbox--has-error[data-v-8b178934] {
    --bg: hsla(var(--bad-80-bg), 1);
    --hsl-bg: var(--bad-80-bg);
    --clr: hsl(var(--bad-80-clr));
    --hsl-clr: var(--bad-80-clr);
    --clr-accent: hsl(var(--bad-80-clr-accent));
    --hsl-clr-accent: var(--bad-80-clr-accent);
    --clr-decent: hsl(var(--bad-80-clr-decent));
    --hsl-clr-decent: var(--bad-80-clr-decent);
    --clr-strong: hsl(var(--bad-80-clr-strong));
    --hsl-clr-strong: var(--bad-80-clr-strong);
    --clr-strong-alt: hsl(var(--bad-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--bad-80-clr-strong-alt);
    --clr-primary: hsl(var(--bad-80-clr-primary));
    --hsl-clr-primary: var(--bad-80-clr-primary);
    --clr-good: hsl(var(--bad-80-clr-good));
    --hsl-clr-good: var(--bad-80-clr-good);
    --clr-bad: hsl(var(--bad-80-clr-bad));
    --hsl-clr-bad: var(--bad-80-clr-bad);
    --sep: hsl(var(--bad-80-sep));
    --hsl-sep: var(--bad-80-sep);
    --sep-alt: hsl(var(--bad-80-sep-alt));
    --hsl-sep-alt: var(--bad-80-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-checkbox.selection-ico-checkbox--has-error[data-v-8b178934] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-checkbox.selection-ico-checkbox--has-error[data-v-8b178934]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-clr-bad))
}

[dir] .selection-ico-checkbox[data-v-8b178934] {
    border-radius: .25rem
}

.selection-ico-checkbox--theme-special-primary-90[data-v-8b178934] {
    --bg: hsla(var(--specialPrimary-90-bg), 1);
    --hsl-bg: var(--specialPrimary-90-bg);
    --clr: hsl(var(--specialPrimary-90-clr));
    --hsl-clr: var(--specialPrimary-90-clr);
    --clr-accent: hsl(var(--specialPrimary-90-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-90-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-90-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-90-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-90-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-90-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-90-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-90-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-90-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-90-clr-primary);
    --clr-good: hsl(var(--specialPrimary-90-clr-good));
    --hsl-clr-good: var(--specialPrimary-90-clr-good);
    --clr-bad: hsl(var(--specialPrimary-90-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-90-clr-bad);
    --sep: hsl(var(--specialPrimary-90-sep));
    --hsl-sep: var(--specialPrimary-90-sep);
    --sep-alt: hsl(var(--specialPrimary-90-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-90-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-checkbox--theme-special-primary-90[data-v-8b178934] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-checkbox--theme-special-primary-90[data-v-8b178934]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-sep))
}

.selection-ico-checkbox--theme-special-primary-90.selection-ico-checkbox--checked[data-v-8b178934] {
    color: Hsl(var(--specialAccent-0-bg))
}

[dir] .selection-ico-checkbox--theme-special-primary-90.selection-ico-checkbox--checked[data-v-8b178934]:after {
    box-shadow: inset 0 0 0 1px currentColor
}

.selection-ico-checkbox--theme-special-primary-90.selection-ico-checkbox--disabled[data-v-8b178934] {
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-checkbox--theme-special-primary-90.selection-ico-checkbox--disabled[data-v-8b178934]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-sep-alt))
}

.selection-ico-checkbox--theme-gray-30[data-v-8b178934] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-checkbox--theme-gray-30[data-v-8b178934] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-checkbox--theme-gray-30[data-v-8b178934]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-checkbox--theme-gray-30:hover.selection-ico-checkbox[data-v-8b178934]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--accentSecondary-0-bg))
}

.selection-ico-checkbox--theme-gray-30.selection-ico-checkbox--checked[data-v-8b178934] {
    color: Hsl(var(--hsl-clr-accent))
}

.selection-ico-checkbox--theme-gray-30.selection-ico-checkbox--disabled[data-v-8b178934] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-checkbox--theme-gray-30.selection-ico-checkbox--disabled[data-v-8b178934] {
    background-color: Hsl(var(--custom-ui-selection-ico-checkbox-bg-disabled-theme-gray-30, var(--hsl-bg)))
}

[dir] .selection-ico-checkbox--theme-gray-30.selection-ico-checkbox--disabled[data-v-8b178934]:after {
    box-shadow: inset 0 0 0 1px currentColor
}

.selection-ico-checkbox--theme-gray-60[data-v-8b178934] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-checkbox--theme-gray-60[data-v-8b178934] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-checkbox--theme-gray-60[data-v-8b178934]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-sep-alt))
}

.selection-ico-checkbox--theme-gray-60.selection-ico-checkbox--disabled[data-v-8b178934] {
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-checkbox--theme-gray-60.selection-ico-checkbox--disabled[data-v-8b178934]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-sep))
}

.selection-ico-checkbox--theme-cyber--35[data-v-8b178934] {
    --bg: hsla(var(--cyber--35-bg), 1);
    --hsl-bg: var(--cyber--35-bg);
    --clr: hsl(var(--cyber--35-clr));
    --hsl-clr: var(--cyber--35-clr);
    --clr-accent: hsl(var(--cyber--35-clr-accent));
    --hsl-clr-accent: var(--cyber--35-clr-accent);
    --clr-decent: hsl(var(--cyber--35-clr-decent));
    --hsl-clr-decent: var(--cyber--35-clr-decent);
    --clr-strong: hsl(var(--cyber--35-clr-strong));
    --hsl-clr-strong: var(--cyber--35-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--35-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--35-clr-primary));
    --hsl-clr-primary: var(--cyber--35-clr-primary);
    --clr-good: hsl(var(--cyber--35-clr-good));
    --hsl-clr-good: var(--cyber--35-clr-good);
    --clr-bad: hsl(var(--cyber--35-clr-bad));
    --hsl-clr-bad: var(--cyber--35-clr-bad);
    --sep: hsl(var(--cyber--35-sep));
    --hsl-sep: var(--cyber--35-sep);
    --sep-alt: hsl(var(--cyber--35-sep-alt));
    --hsl-sep-alt: var(--cyber--35-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-checkbox--theme-cyber--35[data-v-8b178934] {
    background-color: Hsla(var(--hsl-bg), 1);
    border: 1px solid hsla(var(--cyber-0-sep), 1)
}

[dir] .selection-ico-checkbox--theme-cyber--35[data-v-8b178934]:after {
    box-shadow: inset 0 0 0 1px hsla(var(--cyber-0-bg), 1)
}

.selection-ico-radio[data-v-4e9258b0] {
    display: flex;
    flex-shrink: 0;
    position: relative
}

[dir] .selection-ico-radio[data-v-4e9258b0] {
    border-radius: 50%
}

.selection-ico-radio[data-v-4e9258b0]:after, .selection-ico-radio[data-v-4e9258b0]:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

[dir] .selection-ico-radio[data-v-4e9258b0]:after, [dir] .selection-ico-radio[data-v-4e9258b0]:before {
    border-radius: inherit
}

[dir=ltr] .selection-ico-radio[data-v-4e9258b0]:after, [dir=ltr] .selection-ico-radio[data-v-4e9258b0]:before {
    left: 0
}

[dir=rtl] .selection-ico-radio[data-v-4e9258b0]:after, [dir=rtl] .selection-ico-radio[data-v-4e9258b0]:before {
    right: 0
}

.selection-ico-radio__ico[data-v-4e9258b0] {
    flex: auto;
    opacity: 0;
    position: relative
}

[dir] .selection-ico-radio__ico[data-v-4e9258b0] {
    border-radius: 50%
}

.selection-ico-radio--checked .selection-ico-radio__ico[data-v-4e9258b0] {
    opacity: 1
}

.selection-ico-radio.selection-ico-radio--has-error[data-v-4e9258b0] {
    --bg: hsla(var(--bad-80-bg), 1);
    --hsl-bg: var(--bad-80-bg);
    --clr: hsl(var(--bad-80-clr));
    --hsl-clr: var(--bad-80-clr);
    --clr-accent: hsl(var(--bad-80-clr-accent));
    --hsl-clr-accent: var(--bad-80-clr-accent);
    --clr-decent: hsl(var(--bad-80-clr-decent));
    --hsl-clr-decent: var(--bad-80-clr-decent);
    --clr-strong: hsl(var(--bad-80-clr-strong));
    --hsl-clr-strong: var(--bad-80-clr-strong);
    --clr-strong-alt: hsl(var(--bad-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--bad-80-clr-strong-alt);
    --clr-primary: hsl(var(--bad-80-clr-primary));
    --hsl-clr-primary: var(--bad-80-clr-primary);
    --clr-good: hsl(var(--bad-80-clr-good));
    --hsl-clr-good: var(--bad-80-clr-good);
    --clr-bad: hsl(var(--bad-80-clr-bad));
    --hsl-clr-bad: var(--bad-80-clr-bad);
    --sep: hsl(var(--bad-80-sep));
    --hsl-sep: var(--bad-80-sep);
    --sep-alt: hsl(var(--bad-80-sep-alt));
    --hsl-sep-alt: var(--bad-80-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-radio.selection-ico-radio--has-error[data-v-4e9258b0] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-radio.selection-ico-radio--has-error[data-v-4e9258b0]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-clr-bad))
}

.selection-ico-radio[data-v-4e9258b0] {
    height: 1rem;
    width: 1rem
}

[dir] .selection-ico-radio[data-v-4e9258b0] {
    padding: 3px
}

[dir] .selection-ico-radio[data-v-4e9258b0]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-sep-alt))
}

[dir] .selection-ico-radio--disabled[data-v-4e9258b0]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-sep))
}

[dir] .selection-ico-radio__ico[data-v-4e9258b0] {
    background-color: Hsl(var(--hsl-clr))
}

[dir] .selection-ico-radio--disabled .selection-ico-radio__ico[data-v-4e9258b0] {
    background-color: Hsl(var(--hsl-clr-decent))
}

.selection-ico-radio--theme-special-primary-90[data-v-4e9258b0] {
    --bg: hsla(var(--specialPrimary-90-bg), 1);
    --hsl-bg: var(--specialPrimary-90-bg);
    --clr: hsl(var(--specialPrimary-90-clr));
    --hsl-clr: var(--specialPrimary-90-clr);
    --clr-accent: hsl(var(--specialPrimary-90-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-90-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-90-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-90-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-90-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-90-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-90-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-90-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-90-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-90-clr-primary);
    --clr-good: hsl(var(--specialPrimary-90-clr-good));
    --hsl-clr-good: var(--specialPrimary-90-clr-good);
    --clr-bad: hsl(var(--specialPrimary-90-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-90-clr-bad);
    --sep: hsl(var(--specialPrimary-90-sep));
    --hsl-sep: var(--specialPrimary-90-sep);
    --sep-alt: hsl(var(--specialPrimary-90-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-90-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-radio--theme-special-primary-90[data-v-4e9258b0] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-radio--theme-special-primary-90[data-v-4e9258b0]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-sep))
}

.selection-ico-radio--theme-special-primary-90.selection-ico-radio--checked[data-v-4e9258b0] {
    color: Hsl(var(--specialAccent-0-bg))
}

[dir] .selection-ico-radio--theme-special-primary-90.selection-ico-radio--checked[data-v-4e9258b0]:after {
    box-shadow: inset 0 0 0 1px currentColor
}

[dir] .selection-ico-radio--theme-special-primary-90.selection-ico-radio--checked .selection-ico-radio__ico[data-v-4e9258b0] {
    background-color: Hsl(var(--specialAccent-0-bg))
}

.selection-ico-radio--theme-special-primary-90.selection-ico-radio--disabled[data-v-4e9258b0] {
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-radio--theme-special-primary-90.selection-ico-radio--disabled[data-v-4e9258b0]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-sep-alt))
}

[dir] .selection-ico-radio--theme-special-primary-90.selection-ico-radio--disabled .selection-ico-radio__ico[data-v-4e9258b0] {
    background-color: currentColor
}

.selection-ico-radio--theme-gray-30[data-v-4e9258b0] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-radio--theme-gray-30[data-v-4e9258b0] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-radio--theme-gray-30.selection-ico-radio--checked[data-v-4e9258b0]:after, [dir] .selection-ico-radio--theme-gray-30[data-v-4e9258b0]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-radio--theme-gray-30.selection-ico-radio--checked .selection-ico-radio__ico[data-v-4e9258b0] {
    background-color: Hsl(var(--accent-0-bg))
}

.selection-ico-radio--theme-gray-30.selection-ico-radio--disabled[data-v-4e9258b0] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-radio--theme-gray-30.selection-ico-radio--disabled[data-v-4e9258b0]:after {
    box-shadow: inset 0 0 0 1px currentColor
}

[dir] .selection-ico-radio--theme-gray-30.selection-ico-radio--disabled .selection-ico-radio__ico[data-v-4e9258b0] {
    background-color: currentColor
}

.selection-ico-radio--theme-gray-60[data-v-4e9258b0] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-radio--theme-gray-60[data-v-4e9258b0] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.selection-ico-radio--theme-cyber[data-v-4e9258b0] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-radio--theme-cyber[data-v-4e9258b0] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-radio--theme-cyber[data-v-4e9258b0]:after {
    box-shadow: none
}

.selection-ico-tumbler[data-v-935c1802] {
    display: block;
    flex: none;
    height: 1em;
    position: relative;
    width: 2.125em
}

[dir] .selection-ico-tumbler[data-v-935c1802] {
    transition: background-color .3s ease
}

.selection-ico-tumbler[data-v-935c1802]:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

[dir] .selection-ico-tumbler[data-v-935c1802]:before {
    border-radius: inherit
}

[dir=ltr] .selection-ico-tumbler[data-v-935c1802]:before {
    left: 0
}

[dir=rtl] .selection-ico-tumbler[data-v-935c1802]:before {
    right: 0
}

.selection-ico-tumbler[data-v-935c1802]:after {
    content: "";
    display: block;
    position: relative
}

[dir] .selection-ico-tumbler[data-v-935c1802]:after {
    background-color: currentColor;
    border-radius: 50%;
    transition: transform .3s ease, background-color .3s ease
}

[dir] .selection-ico-tumbler[data-v-935c1802] {
    border-radius: .625rem
}

.selection-ico-tumbler--theme-accent-secondary[data-v-935c1802] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-tumbler--theme-accent-secondary[data-v-935c1802]:before {
    background-color: Hsl(var(--custom-ui-selection-ico-tumbler-bg-theme-accentSecondary, var(--hsl-bg)))
}

.selection-ico-tumbler--theme-accent-secondary.selection-ico-tumbler--checked[data-v-935c1802] {
    --bg: hsla(var(--accentSecondary-0-bg), 1);
    --hsl-bg: var(--accentSecondary-0-bg);
    --clr: hsl(var(--accentSecondary-0-clr));
    --hsl-clr: var(--accentSecondary-0-clr);
    --clr-accent: hsl(var(--accentSecondary-0-clr-accent));
    --hsl-clr-accent: var(--accentSecondary-0-clr-accent);
    --clr-decent: hsl(var(--accentSecondary-0-clr-decent));
    --hsl-clr-decent: var(--accentSecondary-0-clr-decent);
    --clr-strong: hsl(var(--accentSecondary-0-clr-strong));
    --hsl-clr-strong: var(--accentSecondary-0-clr-strong);
    --clr-strong-alt: hsl(var(--accentSecondary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accentSecondary-0-clr-strong-alt);
    --clr-primary: hsl(var(--accentSecondary-0-clr-primary));
    --hsl-clr-primary: var(--accentSecondary-0-clr-primary);
    --clr-good: hsl(var(--accentSecondary-0-clr-good));
    --hsl-clr-good: var(--accentSecondary-0-clr-good);
    --clr-bad: hsl(var(--accentSecondary-0-clr-bad));
    --hsl-clr-bad: var(--accentSecondary-0-clr-bad);
    --sep: hsl(var(--accentSecondary-0-sep));
    --hsl-sep: var(--accentSecondary-0-sep);
    --sep-alt: hsl(var(--accentSecondary-0-sep-alt));
    --hsl-sep-alt: var(--accentSecondary-0-sep-alt)
}

[dir] .selection-ico-tumbler--theme-accent-secondary.selection-ico-tumbler--checked[data-v-935c1802]:before {
    background-color: Hsl(var(--hsl-bg))
}

.selection-ico-tumbler--theme-accent-secondary.selection-ico-tumbler--disabled[data-v-935c1802] {
    opacity: .7
}

.selection-ico-tumbler--theme-cyber[data-v-935c1802] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    color: Hsl(var(--cyber-25-clr-decent))
}

[dir] .selection-ico-tumbler--theme-cyber[data-v-935c1802]:before {
    background-color: Hsl(var(--hsl-bg))
}

.selection-ico-tumbler--theme-cyber.selection-ico-tumbler--checked[data-v-935c1802] {
    color: Hsl(var(--hsl-clr-primary))
}

[dir] .selection-ico-tumbler--theme-cyber.selection-ico-tumbler--checked[data-v-935c1802]:before {
    background-color: Hsl(var(--cyber-10-bg))
}

.selection-ico-tumbler--theme-gray[data-v-935c1802] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-tumbler--theme-gray[data-v-935c1802]:before {
    background-color: Hsl(var(--custom-ui-selection-ico-tumbler-bg-theme-gray, var(--hsl-bg)))
}

.selection-ico-tumbler--theme-gray.selection-ico-tumbler--checked[data-v-935c1802] {
    color: Hsl(var(--accent--5-bg))
}

[dir] .selection-ico-tumbler--theme-gray.selection-ico-tumbler--checked[data-v-935c1802]:before {
    background-color: Hsl(var(--accent-40-bg))
}

.selection-ico-tumbler--theme-gray.selection-ico-tumbler--disabled[data-v-935c1802] {
    color: Hsla(var(--gray-0-clr-decent), .5)
}

.selection-ico-tumbler--theme-gray-30[data-v-935c1802] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-tumbler--theme-gray-30[data-v-935c1802]:before {
    background-color: Hsl(var(--hsl-bg))
}

.selection-ico-tumbler--theme-gray-30.selection-ico-tumbler--checked[data-v-935c1802] {
    color: Hsl(var(--accent--5-bg))
}

[dir] .selection-ico-tumbler--theme-gray-30.selection-ico-tumbler--checked[data-v-935c1802]:before {
    background-color: Hsl(var(--accent-40-bg))
}

.selection-ico-tumbler--theme-gray-30.selection-ico-tumbler--disabled[data-v-935c1802] {
    color: Hsla(var(--gray-0-clr-decent), .5)
}

.selection-ico-tumbler--theme-primary[data-v-935c1802] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-tumbler--theme-primary[data-v-935c1802]:before {
    background-color: Hsl(var(--hsl-bg))
}

.selection-ico-tumbler--theme-primary.selection-ico-tumbler--checked[data-v-935c1802] {
    color: Hsl(var(--hsl-clr))
}

[dir] .selection-ico-tumbler--theme-primary.selection-ico-tumbler--checked[data-v-935c1802]:before {
    background-color: Hsl(var(--accentSecondary-0-bg))
}

.selection-ico-tumbler--theme-primary.selection-ico-tumbler--disabled[data-v-935c1802] {
    color: Hsla(var(--primary-0-clr-decent), .2)
}

.selection-ico-tumbler--theme-primary-100[data-v-935c1802] {
    --bg: hsla(var(--primary-100-bg), 1);
    --hsl-bg: var(--primary-100-bg);
    --clr: hsl(var(--primary-100-clr));
    --hsl-clr: var(--primary-100-clr);
    --clr-accent: hsl(var(--primary-100-clr-accent));
    --hsl-clr-accent: var(--primary-100-clr-accent);
    --clr-decent: hsl(var(--primary-100-clr-decent));
    --hsl-clr-decent: var(--primary-100-clr-decent);
    --clr-strong: hsl(var(--primary-100-clr-strong));
    --hsl-clr-strong: var(--primary-100-clr-strong);
    --clr-strong-alt: hsl(var(--primary-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-100-clr-strong-alt);
    --clr-primary: hsl(var(--primary-100-clr-primary));
    --hsl-clr-primary: var(--primary-100-clr-primary);
    --clr-good: hsl(var(--primary-100-clr-good));
    --hsl-clr-good: var(--primary-100-clr-good);
    --clr-bad: hsl(var(--primary-100-clr-bad));
    --hsl-clr-bad: var(--primary-100-clr-bad);
    --sep: hsl(var(--primary-100-sep));
    --hsl-sep: var(--primary-100-sep);
    --sep-alt: hsl(var(--primary-100-sep-alt));
    --hsl-sep-alt: var(--primary-100-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-tumbler--theme-primary-100[data-v-935c1802]:before {
    background-color: Hsl(var(--hsl-bg))
}

.selection-ico-tumbler--theme-primary-100.selection-ico-tumbler--checked[data-v-935c1802] {
    color: Hsl(var(--hsl-clr-accent))
}

.selection-ico-tumbler--theme-primary-100.selection-ico-tumbler--disabled[data-v-935c1802] {
    color: Hsla(var(--hsl-clr-decent), .5)
}

.selection-ico-tumbler--theme-special-gray[data-v-935c1802] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsla(var(--hsl-clr-decent), 1)
}

[dir] .selection-ico-tumbler--theme-special-gray[data-v-935c1802] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-tumbler--theme-special-gray[data-v-935c1802]:before {
    background-color: Hsl(var(--hsl-bg))
}

.selection-ico-tumbler--theme-special-gray.selection-ico-tumbler--checked[data-v-935c1802] {
    color: Hsl(var(--specialAccent-0-bg))
}

[dir] .selection-ico-tumbler--theme-special-gray.selection-ico-tumbler--checked[data-v-935c1802]:before {
    background-color: Hsl(var(--specialAccent-85-bg))
}

.selection-ico-tumbler--theme-special-gray.selection-ico-tumbler--disabled[data-v-935c1802] {
    color: Hsla(var(--hsl-clr-decent), .5)
}

[dir] .selection-ico-tumbler[data-v-935c1802] {
    transition: opacity .1s
}

.selection-ico-tumbler[data-v-935c1802]:hover {
    opacity: .8
}

.selection-ico-tumbler--theme-tp-gray-20[data-v-935c1802] {
    --bg: hsla(var(--thirdPartyGray-20-bg), 1);
    --hsl-bg: var(--thirdPartyGray-20-bg);
    --clr: hsl(var(--thirdPartyGray-20-clr));
    --hsl-clr: var(--thirdPartyGray-20-clr);
    --clr-accent: hsl(var(--thirdPartyGray-20-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-20-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-20-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-20-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-20-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-20-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-20-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-20-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-20-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-20-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-20-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-20-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-20-clr-bad);
    --sep: hsl(var(--thirdPartyGray-20-sep));
    --hsl-sep: var(--thirdPartyGray-20-sep);
    --sep-alt: hsl(var(--thirdPartyGray-20-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-20-sep-alt);
    color: Hsla(var(--hsl-clr), .2)
}

[dir] .selection-ico-tumbler--theme-tp-gray-20[data-v-935c1802]:before {
    background-color: Hsl(var(--hsl-bg))
}

.selection-ico-tumbler--theme-tp-gray-20.selection-ico-tumbler--checked[data-v-935c1802] {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt);
    color: Hsl(var(--hsl-clr))
}

[dir] .selection-ico-tumbler--theme-tp-gray-20.selection-ico-tumbler--checked[data-v-935c1802]:before {
    background-color: Hsl(var(--hsl-bg))
}

.selection-ico-tumbler--size-s[data-v-935c1802] {
    height: .75rem;
    width: 1.375rem
}

.selection-ico-tumbler--size-s[data-v-935c1802]:after {
    height: .75rem;
    width: .75rem
}

[dir=ltr] .selection-ico-tumbler--size-s.selection-ico-tumbler--checked[data-v-935c1802]:after {
    transform: translateX(-100%) translateX(1.375rem)
}

[dir=rtl] .selection-ico-tumbler--size-s.selection-ico-tumbler--checked[data-v-935c1802]:after {
    transform: translateX(100%) translateX(-1.375rem)
}

.selection-ico-tumbler--size-m[data-v-935c1802] {
    height: 1rem;
    width: 2.125rem
}

.selection-ico-tumbler--size-m[data-v-935c1802]:after {
    height: 1rem;
    width: 1rem
}

[dir=ltr] .selection-ico-tumbler--size-m.selection-ico-tumbler--checked[data-v-935c1802]:after {
    transform: translateX(-100%) translateX(2.125rem)
}

[dir=rtl] .selection-ico-tumbler--size-m.selection-ico-tumbler--checked[data-v-935c1802]:after {
    transform: translateX(100%) translateX(-2.125rem)
}

.selection[data-v-e67e8d47] {
    display: flex;
    position: relative;
    width: fit-content
}

[dir] .selection[data-v-e67e8d47] {
    cursor: pointer
}

.selection__input[data-v-e67e8d47] {
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

[dir] .selection__input[data-v-e67e8d47] {
    border: 0;
    margin: -1px;
    padding: 0
}

[dir] .is-keyboard-user .selection__input[data-v-e67e8d47]:focus ~ .selection-ico {
    box-shadow: 0 0 0 1px Hsl(var(--focus))
}

[dir] .is-keyboard-user .selection__input[data-v-e67e8d47]:focus ~ .selection-ico:after {
    box-shadow: none
}

.selection__icon[data-v-e67e8d47] {
    flex: none
}

.selection--disabled[data-v-e67e8d47] {
    pointer-events: none
}

[dir] .selection--disabled[data-v-e67e8d47] {
    cursor: auto
}

[dir] .selection--has-inner-offset[data-v-e67e8d47] {
    padding-bottom: .3125em;
    padding-top: .3125em
}

[xlang=my] .selection__icon[data-v-e67e8d47] {
    margin-top: .5ex
}

.selection--size-m[data-v-e67e8d47] {
    gap: .625rem
}

.selection--size-s[data-v-e67e8d47] {
    gap: .3125rem
}

.ui-search-button[data-v-98245c41] {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center
}

[dir] .ui-search-button[data-v-98245c41]:disabled {
    cursor: auto
}

.is-keyboard-user .ui-search-button[data-v-98245c41]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-search-button--size-m[data-v-98245c41] {
    min-width: 2rem
}

.ui-search-button--size-s[data-v-98245c41] {
    min-width: 1.5rem
}

.ui-search[data-v-cfe48fd1] {
    display: flex
}

[dir] .ui-search--rounded[data-v-cfe48fd1] {
    border-radius: var(--border-radius)
}

.is-keyboard-user .ui-search--is-focused[data-v-cfe48fd1] {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-search__input[data-v-cfe48fd1] {
    flex-grow: 1;
    min-width: 0
}

[dir] .ui-search__input[data-v-cfe48fd1] {
    border-radius: inherit
}

.ui-search__input[data-v-cfe48fd1]::placeholder {
    color: Hsl(var(--hsl-clr-decent));
    opacity: 1
}

[dir] .ui-search__button[data-v-cfe48fd1], [dir] .ui-search__input[data-v-cfe48fd1] {
    transition: opacity .25s, transform .25s
}

.ui-search__button.t-ui-search-toggle-input-enter[data-v-cfe48fd1], .ui-search__button.t-ui-search-toggle-input-leave-to[data-v-cfe48fd1], .ui-search__input.t-ui-search-toggle-input-enter[data-v-cfe48fd1], .ui-search__input.t-ui-search-toggle-input-leave-to[data-v-cfe48fd1] {
    opacity: 0
}

[dir=ltr] .ui-search__button.t-ui-search-toggle-input-enter[data-v-cfe48fd1], [dir=ltr] .ui-search__button.t-ui-search-toggle-input-leave-to[data-v-cfe48fd1], [dir=ltr] .ui-search__input.t-ui-search-toggle-input-enter[data-v-cfe48fd1], [dir=ltr] .ui-search__input.t-ui-search-toggle-input-leave-to[data-v-cfe48fd1] {
    transform: translateX(.625rem)
}

[dir=rtl] .ui-search__button.t-ui-search-toggle-input-enter[data-v-cfe48fd1], [dir=rtl] .ui-search__button.t-ui-search-toggle-input-leave-to[data-v-cfe48fd1], [dir=rtl] .ui-search__input.t-ui-search-toggle-input-enter[data-v-cfe48fd1], [dir=rtl] .ui-search__input.t-ui-search-toggle-input-leave-to[data-v-cfe48fd1] {
    transform: translateX(-.625rem)
}

[dir=ltr] .ui-search__button[data-v-cfe48fd1]:last-child {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit
}

[dir=ltr] .ui-search__button[data-v-cfe48fd1]:first-child, [dir=rtl] .ui-search__button[data-v-cfe48fd1]:last-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

[dir=rtl] .ui-search__button[data-v-cfe48fd1]:first-child {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit
}

.ui-search--size-s[data-v-cfe48fd1] {
    min-height: 1.5rem
}

.ui-search--size-s .ui-search__input[data-v-cfe48fd1] {
    font-size: .75rem;
    line-height: .875rem
}

[dir] .ui-search--size-s .ui-search__input[data-v-cfe48fd1] {
    padding: .3125rem .625rem
}

.ui-search--size-m[data-v-cfe48fd1] {
    min-height: 2rem
}

.ui-search--size-m .ui-search__input[data-v-cfe48fd1] {
    font-size: .875rem;
    line-height: 1rem
}

[dir] .ui-search--size-m .ui-search__input[data-v-cfe48fd1] {
    padding: .5rem .625rem
}

.ui-search--theme-gray-60[data-v-cfe48fd1] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-search--theme-gray-60[data-v-cfe48fd1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-search--theme-gray-100[data-v-cfe48fd1] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-search--theme-gray-100[data-v-cfe48fd1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-search--theme-primary[data-v-cfe48fd1] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-search--theme-primary[data-v-cfe48fd1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-search--theme-primary--20[data-v-cfe48fd1] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-search--theme-primary--20[data-v-cfe48fd1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-search--theme-primary--40[data-v-cfe48fd1] {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-search--theme-primary--40[data-v-cfe48fd1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-search--theme-dark--40[data-v-cfe48fd1] {
    --bg: hsla(var(--dark--40-bg), 1);
    --hsl-bg: var(--dark--40-bg);
    --clr: hsl(var(--dark--40-clr));
    --hsl-clr: var(--dark--40-clr);
    --clr-accent: hsl(var(--dark--40-clr-accent));
    --hsl-clr-accent: var(--dark--40-clr-accent);
    --clr-decent: hsl(var(--dark--40-clr-decent));
    --hsl-clr-decent: var(--dark--40-clr-decent);
    --clr-strong: hsl(var(--dark--40-clr-strong));
    --hsl-clr-strong: var(--dark--40-clr-strong);
    --clr-strong-alt: hsl(var(--dark--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--dark--40-clr-strong-alt);
    --clr-primary: hsl(var(--dark--40-clr-primary));
    --hsl-clr-primary: var(--dark--40-clr-primary);
    --clr-good: hsl(var(--dark--40-clr-good));
    --hsl-clr-good: var(--dark--40-clr-good);
    --clr-bad: hsl(var(--dark--40-clr-bad));
    --hsl-clr-bad: var(--dark--40-clr-bad);
    --sep: hsl(var(--dark--40-sep));
    --hsl-sep: var(--dark--40-sep);
    --sep-alt: hsl(var(--dark--40-sep-alt));
    --hsl-sep-alt: var(--dark--40-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-search--theme-dark--40[data-v-cfe48fd1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-search--theme-cyber--60[data-v-cfe48fd1] {
    --bg: hsla(var(--cyber--60-bg), 1);
    --hsl-bg: var(--cyber--60-bg);
    --clr: hsl(var(--cyber--60-clr));
    --hsl-clr: var(--cyber--60-clr);
    --clr-accent: hsl(var(--cyber--60-clr-accent));
    --hsl-clr-accent: var(--cyber--60-clr-accent);
    --clr-decent: hsl(var(--cyber--60-clr-decent));
    --hsl-clr-decent: var(--cyber--60-clr-decent);
    --clr-strong: hsl(var(--cyber--60-clr-strong));
    --hsl-clr-strong: var(--cyber--60-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--60-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--60-clr-primary));
    --hsl-clr-primary: var(--cyber--60-clr-primary);
    --clr-good: hsl(var(--cyber--60-clr-good));
    --hsl-clr-good: var(--cyber--60-clr-good);
    --clr-bad: hsl(var(--cyber--60-clr-bad));
    --hsl-clr-bad: var(--cyber--60-clr-bad);
    --sep: hsl(var(--cyber--60-sep));
    --hsl-sep: var(--cyber--60-sep);
    --sep-alt: hsl(var(--cyber--60-sep-alt));
    --hsl-sep-alt: var(--cyber--60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-search--theme-cyber--60[data-v-cfe48fd1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-search--theme-tp-gray-10[data-v-cfe48fd1] {
    --bg: hsla(var(--thirdPartyGray-10-bg), 1);
    --hsl-bg: var(--thirdPartyGray-10-bg);
    --clr: hsl(var(--thirdPartyGray-10-clr));
    --hsl-clr: var(--thirdPartyGray-10-clr);
    --clr-accent: hsl(var(--thirdPartyGray-10-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-10-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-10-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-10-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-10-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-10-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-10-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-10-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-10-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-10-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-10-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-10-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-10-clr-bad);
    --sep: hsl(var(--thirdPartyGray-10-sep));
    --hsl-sep: var(--thirdPartyGray-10-sep);
    --sep-alt: hsl(var(--thirdPartyGray-10-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-search--theme-tp-gray-10[data-v-cfe48fd1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-search--theme-tp-gray-10[data-v-cfe48fd1] {
    --border-color: Hsl(var(--hsl-bg))
}

[dir] .ui-search--theme-tp-gray-10[data-v-cfe48fd1] {
    box-shadow: inset 0 0 0 1px var(--border-color);
    transition: background-color .2s, box-shadow .2s
}

.ui-search--theme-tp-gray-10[data-v-cfe48fd1] .ui-search-button__ico {
    color: Hsla(var(--thirdPartyGray-10-clr), .8)
}

[dir] .ui-search--theme-tp-gray-10[data-v-cfe48fd1] .ui-search-button__ico {
    transition: color .2s
}

.ui-search--theme-tp-gray-10[data-v-cfe48fd1]:focus-within .ui-search-button__ico, .ui-search--theme-tp-gray-10[data-v-cfe48fd1]:hover .ui-search-button__ico {
    color: Hsl(Hsl(var(--hsl-clr)))
}

.ui-search--theme-tp-gray-10[data-v-cfe48fd1]:hover {
    --border-color: Hsl(var(--thirdPartyPrimary-0-bg))
}

.ui-search--theme-tp-gray-10[data-v-cfe48fd1]:focus-within {
    --border-color: Hsl(var(--thirdPartyPrimary-25-bg))
}

.ui-search--theme-tp-gray-10[data-v-cfe48fd1]:focus-within .ui-search-button__ico {
    color: Hsl(var(--hsl-clr-primary))
}

.is-keyboard-user .ui-search--theme-tp-gray-10.ui-search--is-focused[data-v-cfe48fd1] {
    --border-color: transparent
}

.ui-search--theme-special-primary-90[data-v-cfe48fd1] {
    --bg: hsla(var(--specialPrimary-90-bg), 1);
    --hsl-bg: var(--specialPrimary-90-bg);
    --clr: hsl(var(--specialPrimary-90-clr));
    --hsl-clr: var(--specialPrimary-90-clr);
    --clr-accent: hsl(var(--specialPrimary-90-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-90-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-90-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-90-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-90-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-90-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-90-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-90-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-90-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-90-clr-primary);
    --clr-good: hsl(var(--specialPrimary-90-clr-good));
    --hsl-clr-good: var(--specialPrimary-90-clr-good);
    --clr-bad: hsl(var(--specialPrimary-90-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-90-clr-bad);
    --sep: hsl(var(--specialPrimary-90-sep));
    --hsl-sep: var(--specialPrimary-90-sep);
    --sep-alt: hsl(var(--specialPrimary-90-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-90-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-search--theme-special-primary-90[data-v-cfe48fd1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-skeleton[data-v-f52bcf21] {
    overflow: hidden;
    position: relative
}

.ui-skeleton--theme-primary--60[data-v-f52bcf21] {
    --bg: hsla(var(--primary--60-bg), 1);
    --hsl-bg: var(--primary--60-bg);
    --clr: hsl(var(--primary--60-clr));
    --hsl-clr: var(--primary--60-clr);
    --clr-accent: hsl(var(--primary--60-clr-accent));
    --hsl-clr-accent: var(--primary--60-clr-accent);
    --clr-decent: hsl(var(--primary--60-clr-decent));
    --hsl-clr-decent: var(--primary--60-clr-decent);
    --clr-strong: hsl(var(--primary--60-clr-strong));
    --hsl-clr-strong: var(--primary--60-clr-strong);
    --clr-strong-alt: hsl(var(--primary--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--60-clr-strong-alt);
    --clr-primary: hsl(var(--primary--60-clr-primary));
    --hsl-clr-primary: var(--primary--60-clr-primary);
    --clr-good: hsl(var(--primary--60-clr-good));
    --hsl-clr-good: var(--primary--60-clr-good);
    --clr-bad: hsl(var(--primary--60-clr-bad));
    --hsl-clr-bad: var(--primary--60-clr-bad);
    --sep: hsl(var(--primary--60-sep));
    --hsl-sep: var(--primary--60-sep);
    --sep-alt: hsl(var(--primary--60-sep-alt));
    --hsl-sep-alt: var(--primary--60-sep-alt);
    color: Hsl(var(--primary-0-bg))
}

[dir] .ui-skeleton--theme-primary--60[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-primary--40[data-v-f52bcf21] {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt);
    color: Hsl(var(--primary--20-bg))
}

[dir] .ui-skeleton--theme-primary--40[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-primary--20[data-v-f52bcf21] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsl(var(--primary-0-bg))
}

[dir] .ui-skeleton--theme-primary--20[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-gray[data-v-f52bcf21] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsl(var(--gray-40-bg))
}

[dir] .ui-skeleton--theme-gray[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-gray-40[data-v-f52bcf21] {
    --bg: hsla(var(--gray-40-bg), 1);
    --hsl-bg: var(--gray-40-bg);
    --clr: hsl(var(--gray-40-clr));
    --hsl-clr: var(--gray-40-clr);
    --clr-accent: hsl(var(--gray-40-clr-accent));
    --hsl-clr-accent: var(--gray-40-clr-accent);
    --clr-decent: hsl(var(--gray-40-clr-decent));
    --hsl-clr-decent: var(--gray-40-clr-decent);
    --clr-strong: hsl(var(--gray-40-clr-strong));
    --hsl-clr-strong: var(--gray-40-clr-strong);
    --clr-strong-alt: hsl(var(--gray-40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-40-clr-strong-alt);
    --clr-primary: hsl(var(--gray-40-clr-primary));
    --hsl-clr-primary: var(--gray-40-clr-primary);
    --clr-good: hsl(var(--gray-40-clr-good));
    --hsl-clr-good: var(--gray-40-clr-good);
    --clr-bad: hsl(var(--gray-40-clr-bad));
    --hsl-clr-bad: var(--gray-40-clr-bad);
    --sep: hsl(var(--gray-40-sep));
    --hsl-sep: var(--gray-40-sep);
    --sep-alt: hsl(var(--gray-40-sep-alt));
    --hsl-sep-alt: var(--gray-40-sep-alt);
    color: Hsla(var(--gray-40-clr), .2)
}

[dir] .ui-skeleton--theme-gray-40[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-cyber--60[data-v-f52bcf21] {
    --bg: hsla(var(--cyber--60-bg), 1);
    --hsl-bg: var(--cyber--60-bg);
    --clr: hsl(var(--cyber--60-clr));
    --hsl-clr: var(--cyber--60-clr);
    --clr-accent: hsl(var(--cyber--60-clr-accent));
    --hsl-clr-accent: var(--cyber--60-clr-accent);
    --clr-decent: hsl(var(--cyber--60-clr-decent));
    --hsl-clr-decent: var(--cyber--60-clr-decent);
    --clr-strong: hsl(var(--cyber--60-clr-strong));
    --hsl-clr-strong: var(--cyber--60-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--60-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--60-clr-primary));
    --hsl-clr-primary: var(--cyber--60-clr-primary);
    --clr-good: hsl(var(--cyber--60-clr-good));
    --hsl-clr-good: var(--cyber--60-clr-good);
    --clr-bad: hsl(var(--cyber--60-clr-bad));
    --hsl-clr-bad: var(--cyber--60-clr-bad);
    --sep: hsl(var(--cyber--60-sep));
    --hsl-sep: var(--cyber--60-sep);
    --sep-alt: hsl(var(--cyber--60-sep-alt));
    --hsl-sep-alt: var(--cyber--60-sep-alt);
    color: Hsl(var(--cyber--35-bg))
}

[dir] .ui-skeleton--theme-cyber--60[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-cyber--35[data-v-f52bcf21] {
    --bg: hsla(var(--cyber--35-bg), 1);
    --hsl-bg: var(--cyber--35-bg);
    --clr: hsl(var(--cyber--35-clr));
    --hsl-clr: var(--cyber--35-clr);
    --clr-accent: hsl(var(--cyber--35-clr-accent));
    --hsl-clr-accent: var(--cyber--35-clr-accent);
    --clr-decent: hsl(var(--cyber--35-clr-decent));
    --hsl-clr-decent: var(--cyber--35-clr-decent);
    --clr-strong: hsl(var(--cyber--35-clr-strong));
    --hsl-clr-strong: var(--cyber--35-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--35-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--35-clr-primary));
    --hsl-clr-primary: var(--cyber--35-clr-primary);
    --clr-good: hsl(var(--cyber--35-clr-good));
    --hsl-clr-good: var(--cyber--35-clr-good);
    --clr-bad: hsl(var(--cyber--35-clr-bad));
    --hsl-clr-bad: var(--cyber--35-clr-bad);
    --sep: hsl(var(--cyber--35-sep));
    --hsl-sep: var(--cyber--35-sep);
    --sep-alt: hsl(var(--cyber--35-sep-alt));
    --hsl-sep-alt: var(--cyber--35-sep-alt);
    color: Hsl(var(--cyber-0-bg))
}

[dir] .ui-skeleton--theme-cyber--35[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-dark[data-v-f52bcf21] {
    --bg: hsla(var(--dark-0-bg), 1);
    --hsl-bg: var(--dark-0-bg);
    --clr: hsl(var(--dark-0-clr));
    --hsl-clr: var(--dark-0-clr);
    --clr-accent: hsl(var(--dark-0-clr-accent));
    --hsl-clr-accent: var(--dark-0-clr-accent);
    --clr-decent: hsl(var(--dark-0-clr-decent));
    --hsl-clr-decent: var(--dark-0-clr-decent);
    --clr-strong: hsl(var(--dark-0-clr-strong));
    --hsl-clr-strong: var(--dark-0-clr-strong);
    --clr-strong-alt: hsl(var(--dark-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--dark-0-clr-strong-alt);
    --clr-primary: hsl(var(--dark-0-clr-primary));
    --hsl-clr-primary: var(--dark-0-clr-primary);
    --clr-good: hsl(var(--dark-0-clr-good));
    --hsl-clr-good: var(--dark-0-clr-good);
    --clr-bad: hsl(var(--dark-0-clr-bad));
    --hsl-clr-bad: var(--dark-0-clr-bad);
    --sep: hsl(var(--dark-0-sep));
    --hsl-sep: var(--dark-0-sep);
    --sep-alt: hsl(var(--dark-0-sep-alt));
    --hsl-sep-alt: var(--dark-0-sep-alt);
    color: Hsl(var(--dark-25-bg))
}

[dir] .ui-skeleton--theme-dark[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-gray-60[data-v-f52bcf21] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsl(var(--gray-0-bg))
}

[dir] .ui-skeleton--theme-gray-60[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-gray-30[data-v-f52bcf21] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsl(var(--gray-100-bg))
}

[dir] .ui-skeleton--theme-gray-30[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-gray-100[data-v-f52bcf21] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsl(var(--gray-40-bg))
}

[dir] .ui-skeleton--theme-gray-100[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-gray--70[data-v-f52bcf21] {
    --bg: hsla(var(--gray--70-bg), 1);
    --hsl-bg: var(--gray--70-bg);
    --clr: hsl(var(--gray--70-clr));
    --hsl-clr: var(--gray--70-clr);
    --clr-accent: hsl(var(--gray--70-clr-accent));
    --hsl-clr-accent: var(--gray--70-clr-accent);
    --clr-decent: hsl(var(--gray--70-clr-decent));
    --hsl-clr-decent: var(--gray--70-clr-decent);
    --clr-strong: hsl(var(--gray--70-clr-strong));
    --hsl-clr-strong: var(--gray--70-clr-strong);
    --clr-strong-alt: hsl(var(--gray--70-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--70-clr-strong-alt);
    --clr-primary: hsl(var(--gray--70-clr-primary));
    --hsl-clr-primary: var(--gray--70-clr-primary);
    --clr-good: hsl(var(--gray--70-clr-good));
    --hsl-clr-good: var(--gray--70-clr-good);
    --clr-bad: hsl(var(--gray--70-clr-bad));
    --hsl-clr-bad: var(--gray--70-clr-bad);
    --sep: hsl(var(--gray--70-sep));
    --hsl-sep: var(--gray--70-sep);
    --sep-alt: hsl(var(--gray--70-sep-alt));
    --hsl-sep-alt: var(--gray--70-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-skeleton--theme-gray--70[data-v-f52bcf21] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-skeleton--theme-primary[data-v-f52bcf21] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--primary-10-bg))
}

[dir] .ui-skeleton--theme-primary[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-primary--55[data-v-f52bcf21] {
    --bg: hsla(var(--primary--55-bg), 1);
    --hsl-bg: var(--primary--55-bg);
    --clr: hsl(var(--primary--55-clr));
    --hsl-clr: var(--primary--55-clr);
    --clr-accent: hsl(var(--primary--55-clr-accent));
    --hsl-clr-accent: var(--primary--55-clr-accent);
    --clr-decent: hsl(var(--primary--55-clr-decent));
    --hsl-clr-decent: var(--primary--55-clr-decent);
    --clr-strong: hsl(var(--primary--55-clr-strong));
    --hsl-clr-strong: var(--primary--55-clr-strong);
    --clr-strong-alt: hsl(var(--primary--55-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--55-clr-strong-alt);
    --clr-primary: hsl(var(--primary--55-clr-primary));
    --hsl-clr-primary: var(--primary--55-clr-primary);
    --clr-good: hsl(var(--primary--55-clr-good));
    --hsl-clr-good: var(--primary--55-clr-good);
    --clr-bad: hsl(var(--primary--55-clr-bad));
    --hsl-clr-bad: var(--primary--55-clr-bad);
    --sep: hsl(var(--primary--55-sep));
    --hsl-sep: var(--primary--55-sep);
    --sep-alt: hsl(var(--primary--55-sep-alt));
    --hsl-sep-alt: var(--primary--55-sep-alt);
    color: Hsl(var(--primary--30-bg))
}

[dir] .ui-skeleton--theme-primary--55[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-special-gray-100[data-v-f52bcf21] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsl(var(--specialPrimary-90-bg))
}

[dir] .ui-skeleton--theme-special-gray-100[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-special-primary-90[data-v-f52bcf21] {
    --bg: hsla(var(--specialPrimary-90-bg), 1);
    --hsl-bg: var(--specialPrimary-90-bg);
    --clr: hsl(var(--specialPrimary-90-clr));
    --hsl-clr: var(--specialPrimary-90-clr);
    --clr-accent: hsl(var(--specialPrimary-90-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-90-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-90-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-90-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-90-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-90-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-90-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-90-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-90-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-90-clr-primary);
    --clr-good: hsl(var(--specialPrimary-90-clr-good));
    --hsl-clr-good: var(--specialPrimary-90-clr-good);
    --clr-bad: hsl(var(--specialPrimary-90-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-90-clr-bad);
    --sep: hsl(var(--specialPrimary-90-sep));
    --hsl-sep: var(--specialPrimary-90-sep);
    --sep-alt: hsl(var(--specialPrimary-90-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-90-sep-alt);
    color: Hsl(var(--specialPrimary-0-clr))
}

[dir] .ui-skeleton--theme-special-primary-90[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-tp-gray[data-v-f52bcf21] {
    --bg: hsla(var(--thirdPartyGray-0-bg), 1);
    --hsl-bg: var(--thirdPartyGray-0-bg);
    --clr: hsl(var(--thirdPartyGray-0-clr));
    --hsl-clr: var(--thirdPartyGray-0-clr);
    --clr-accent: hsl(var(--thirdPartyGray-0-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-0-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-0-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-0-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-0-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-0-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-0-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-0-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-0-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-0-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-0-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-0-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-0-clr-bad);
    --sep: hsl(var(--thirdPartyGray-0-sep));
    --hsl-sep: var(--thirdPartyGray-0-sep);
    --sep-alt: hsl(var(--thirdPartyGray-0-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-0-sep-alt);
    color: Hsl(var(--thirdPartyGray-20-bg))
}

[dir] .ui-skeleton--theme-tp-gray[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-tp-gray-5[data-v-f52bcf21] {
    --bg: hsla(var(--thirdPartyGray-5-bg), 1);
    --hsl-bg: var(--thirdPartyGray-5-bg);
    --clr: hsl(var(--thirdPartyGray-5-clr));
    --hsl-clr: var(--thirdPartyGray-5-clr);
    --clr-accent: hsl(var(--thirdPartyGray-5-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-5-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-5-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-5-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-5-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-5-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-5-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-5-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-5-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-5-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-5-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-5-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-5-clr-bad);
    --sep: hsl(var(--thirdPartyGray-5-sep));
    --hsl-sep: var(--thirdPartyGray-5-sep);
    --sep-alt: hsl(var(--thirdPartyGray-5-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-5-sep-alt);
    color: Hsl(var(--thirdPartyGray-0-bg))
}

[dir] .ui-skeleton--theme-tp-gray-5[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-tp-gray-10[data-v-f52bcf21] {
    --bg: hsla(var(--thirdPartyGray-10-bg), 1);
    --hsl-bg: var(--thirdPartyGray-10-bg);
    --clr: hsl(var(--thirdPartyGray-10-clr));
    --hsl-clr: var(--thirdPartyGray-10-clr);
    --clr-accent: hsl(var(--thirdPartyGray-10-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-10-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-10-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-10-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-10-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-10-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-10-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-10-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-10-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-10-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-10-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-10-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-10-clr-bad);
    --sep: hsl(var(--thirdPartyGray-10-sep));
    --hsl-sep: var(--thirdPartyGray-10-sep);
    --sep-alt: hsl(var(--thirdPartyGray-10-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-10-sep-alt);
    color: Hsl(var(--thirdPartyGray-0-bg))
}

[dir] .ui-skeleton--theme-tp-gray-10[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-tp-gray--10[data-v-f52bcf21] {
    --bg: hsla(var(--thirdPartyGray--10-bg), 1);
    --hsl-bg: var(--thirdPartyGray--10-bg);
    --clr: hsl(var(--thirdPartyGray--10-clr));
    --hsl-clr: var(--thirdPartyGray--10-clr);
    --clr-accent: hsl(var(--thirdPartyGray--10-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray--10-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray--10-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray--10-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray--10-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray--10-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray--10-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray--10-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray--10-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray--10-clr-good));
    --hsl-clr-good: var(--thirdPartyGray--10-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray--10-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray--10-clr-bad);
    --sep: hsl(var(--thirdPartyGray--10-sep));
    --hsl-sep: var(--thirdPartyGray--10-sep);
    --sep-alt: hsl(var(--thirdPartyGray--10-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray--10-sep-alt);
    color: Hsl(var(--thirdPartyGray-15-bg))
}

[dir] .ui-skeleton--theme-tp-gray--10[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-skeleton--theme-tp-gray--15[data-v-f52bcf21] {
    --bg: hsla(var(--thirdPartyGray--15-bg), 1);
    --hsl-bg: var(--thirdPartyGray--15-bg);
    --clr: hsl(var(--thirdPartyGray--15-clr));
    --hsl-clr: var(--thirdPartyGray--15-clr);
    --clr-accent: hsl(var(--thirdPartyGray--15-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray--15-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray--15-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray--15-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray--15-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray--15-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray--15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray--15-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray--15-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray--15-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray--15-clr-good));
    --hsl-clr-good: var(--thirdPartyGray--15-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray--15-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray--15-clr-bad);
    --sep: hsl(var(--thirdPartyGray--15-sep));
    --hsl-sep: var(--thirdPartyGray--15-sep);
    --sep-alt: hsl(var(--thirdPartyGray--15-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray--15-sep-alt);
    color: Hsl(var(--thirdPartyGray-15-bg))
}

[dir] .ui-skeleton--theme-tp-gray--15[data-v-f52bcf21] {
    background-color: Hsl(var(--hsl-bg))
}

.input-base[data-v-9080954b] {
    display: flex;
    flex-direction: column
}

[dir] .input-base[data-v-9080954b] {
    cursor: pointer
}

[dir=ltr] .input-base[data-v-9080954b] {
    text-align: left
}

[dir=rtl] .input-base[data-v-9080954b] {
    text-align: right
}

[dir=rtl] .input-base[data-v-9080954b] [inputmode=decimal], [dir=rtl] .input-base[data-v-9080954b] [inputmode=numeric], [dir=rtl] .input-base[data-v-9080954b] [type=number], [dir=rtl] .input-base[data-v-9080954b] [type=tel] {
    direction: ltr
}

.input-base__container[data-v-9080954b] {
    color: Hsl(var(--hsl-clr));
    display: flex;
    flex: auto;
    min-height: var(--input-base-min-height);
    position: relative
}

[dir] .input-base__container[data-v-9080954b] {
    border-radius: inherit
}

.input-base__container[data-v-9080954b] > * {
    position: relative
}

[dir=ltr] .input-base__container[data-v-9080954b] > :first-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

[dir=rtl] .input-base__container[data-v-9080954b] > :first-child {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit
}

[dir=ltr] .input-base__container[data-v-9080954b] > :first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

[dir=rtl] .input-base__container[data-v-9080954b] > :first-child:not(:last-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

[dir=ltr] .input-base__container[data-v-9080954b] > :last-child {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit
}

[dir=rtl] .input-base__container[data-v-9080954b] > :last-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

[dir=ltr] .input-base__container[data-v-9080954b] > :last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

[dir=rtl] .input-base__container[data-v-9080954b] > :last-child:not(:first-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-base__container[data-v-9080954b]:after, .input-base__container[data-v-9080954b]:before {
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0
}

[dir] .input-base__container[data-v-9080954b]:after, [dir] .input-base__container[data-v-9080954b]:before {
    border-radius: inherit;
    left: 0;
    right: 0;
    transition-duration: .2s;
    transition-property: opacity, background-color, border-color
}

[dir] .input-base__container[data-v-9080954b]:before {
    background-color: Hsl(var(--hsl-bg))
}

.input-base__container[data-v-9080954b]:after {
    opacity: var(--input-base-border-opacity)
}

[dir] .input-base__container[data-v-9080954b]:after {
    border: 1px solid var(--input-base-border-color)
}

.input-base .input-base__loader[data-v-9080954b] {
    bottom: .375em;
    opacity: .1;
    position: absolute;
    top: .375em
}

[dir] .input-base .input-base__loader[data-v-9080954b] {
    background-color: Hsl(var(--hsl-clr));
    cursor: default;
    left: .375em;
    right: .375em
}

.input-base .input-base__loader[data-v-9080954b] ~ * {
    pointer-events: none;
    visibility: hidden
}

.input-base__message--error[data-v-9080954b] {
    color: Hsl(var(--hsl-clr-bad))
}

.input-base--is-disabled[data-v-9080954b] {
    color: Hsl(var(--hsl-clr-strong))
}

[dir] .input-base--is-disabled[data-v-9080954b] {
    cursor: not-allowed
}

.input-base--is-disabled .input-base__container[data-v-9080954b]:hover:after {
    opacity: .15
}

[dir] .input-base--is-disabled .input-base__container[data-v-9080954b]:hover:after {
    border-color: Hsl(var(--hsl-clr-decent))
}

.input-base--has-error .input-base__container[data-v-9080954b]:after {
    opacity: 1
}

[dir] .input-base--has-error .input-base__container[data-v-9080954b]:after {
    border-color: Hsl(var(--hsl-clr-bad))
}

.input-base--is-focused.input-base .input-base__container[data-v-9080954b]:after, .input-base--is-focused.input-base .input-base__container[data-v-9080954b]:hover:after {
    opacity: 1
}

.input-base--inscribed .input-base__container[data-v-9080954b]:after {
    opacity: 0 !important
}

[dir=ltr] .input-base-message[data-v-9080954b] {
    padding-right: .6875em
}

[dir=rtl] .input-base-message[data-v-9080954b] {
    padding-left: .6875em
}

.input-base-message__text[data-v-9080954b] {
    font-size: .625em;
    line-height: 1.5em
}

.input-base--theme-cyber--45[data-v-9080954b] {
    --bg: hsla(var(--cyber--45-bg), 1);
    --hsl-bg: var(--cyber--45-bg);
    --clr: hsl(var(--cyber--45-clr));
    --hsl-clr: var(--cyber--45-clr);
    --clr-accent: hsl(var(--cyber--45-clr-accent));
    --hsl-clr-accent: var(--cyber--45-clr-accent);
    --clr-decent: hsl(var(--cyber--45-clr-decent));
    --hsl-clr-decent: var(--cyber--45-clr-decent);
    --clr-strong: hsl(var(--cyber--45-clr-strong));
    --hsl-clr-strong: var(--cyber--45-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--45-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--45-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--45-clr-primary));
    --hsl-clr-primary: var(--cyber--45-clr-primary);
    --clr-good: hsl(var(--cyber--45-clr-good));
    --hsl-clr-good: var(--cyber--45-clr-good);
    --clr-bad: hsl(var(--cyber--45-clr-bad));
    --hsl-clr-bad: var(--cyber--45-clr-bad);
    --sep: hsl(var(--cyber--45-sep));
    --hsl-sep: var(--cyber--45-sep);
    --sep-alt: hsl(var(--cyber--45-sep-alt));
    --hsl-sep-alt: var(--cyber--45-sep-alt);
    --input-base-border-color: hsla(var(--cyber-0-bg), 1);
    --input-base-border-opacity: 1
}

.input-base--theme-cyber--45 .input-field[data-v-9080954b]::placeholder {
    color: Hsl(var(--hsl-clr-primary))
}

.input-base--theme-cyber--45 .input-base__container[data-v-9080954b] {
    color: Hsl(var(--hsl-clr))
}

[dir] .input-base--theme-cyber--45 .input-base__container[data-v-9080954b]:before {
    background-color: Hsl(var(--hsl-bg))
}

[dir] .input-base--theme-cyber--45 .input-base__container[data-v-9080954b]:hover:before {
    background-color: hsla(var(--cyber--40-bg), 1)
}

.input-base--theme-cyber--45.input-base--is-disabled .input-field[data-v-9080954b]::placeholder {
    color: hsla(var(--cyber--20-clr-decent), 1)
}

.input-base--theme-cyber--45.input-base--is-disabled .input-base__container[data-v-9080954b] {
    color: hsla(var(--cyber--20-clr-decent), 1)
}

.input-base--theme-cyber--45.input-base--is-disabled .input-base__container[data-v-9080954b]:after, .input-base--theme-cyber--45.input-base--is-disabled .input-base__container[data-v-9080954b]:hover:after {
    opacity: 1
}

[dir] .input-base--theme-cyber--45.input-base--is-disabled .input-base__container[data-v-9080954b]:hover:after {
    border-color: hsla(var(--cyber-0-bg), 1)
}

.input-base--theme-cyber--45.input-base--is-focused .input-base__container[data-v-9080954b]:after, .input-base--theme-cyber--45.input-base--is-focused .input-base__container[data-v-9080954b]:hover:after {
    --input-base-border-color: Hsl(var(--hsl-clr-primary))
}

.input-base--theme-special-gray-100[data-v-9080954b] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    --input-base-border-color: Hsl(var(--hsl-sep-alt));
    --input-base-border-opacity: 1;
    --input-base-hover-border-opacity: 0.3;
    --input-base-disabled-field-opacity: 0.6;
    --input-base-placeholder-opacity: 1;
    color: Hsl(var(--hsl-clr))
}

.input-base--theme-special-gray-100 .input-base__container[data-v-9080954b]:hover:after {
    --input-base-border-color: Hsl(var(--hsl-clr-decent))
}

.input-base--theme-gray--80[data-v-9080954b] {
    --bg: hsla(var(--gray--80-bg), 1);
    --hsl-bg: var(--gray--80-bg);
    --clr: hsl(var(--gray--80-clr));
    --hsl-clr: var(--gray--80-clr);
    --clr-accent: hsl(var(--gray--80-clr-accent));
    --hsl-clr-accent: var(--gray--80-clr-accent);
    --clr-decent: hsl(var(--gray--80-clr-decent));
    --hsl-clr-decent: var(--gray--80-clr-decent);
    --clr-strong: hsl(var(--gray--80-clr-strong));
    --hsl-clr-strong: var(--gray--80-clr-strong);
    --clr-strong-alt: hsl(var(--gray--80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--80-clr-strong-alt);
    --clr-primary: hsl(var(--gray--80-clr-primary));
    --hsl-clr-primary: var(--gray--80-clr-primary);
    --clr-good: hsl(var(--gray--80-clr-good));
    --hsl-clr-good: var(--gray--80-clr-good);
    --clr-bad: hsl(var(--gray--80-clr-bad));
    --hsl-clr-bad: var(--gray--80-clr-bad);
    --sep: hsl(var(--gray--80-sep));
    --hsl-sep: var(--gray--80-sep);
    --sep-alt: hsl(var(--gray--80-sep-alt));
    --hsl-sep-alt: var(--gray--80-sep-alt);
    --input-base-border-color: transparent;
    --input-base-border-opacity: 1;
    --input-base-hover-border-opacity: 0.3;
    --input-base-disabled-field-opacity: 0.6;
    --input-base-placeholder-opacity: 1
}

.input-base--theme-gray--80 .input-base__container[data-v-9080954b]:hover:after {
    --input-base-border-color: Hsl(var(--hsl-clr-decent));
    --input-base-border-opacity: 0.2
}

.input-base--size-l[data-v-9080954b] {
    --input-base-min-height: 2.5em;
    --input-base-field-font-size: 0.875em;
    --input-base-field-line-height: 1.5em;
    --input-base-field-textarea-min-height: 4.57143em;
    --input-base-field-padding-horizontal: 0.71429em;
    --input-base-field-padding-vertical: 0.35714em;
    --input-base-datepicker-padding-end: 2.07143em
}

[dir] .input-base--rounded[data-v-9080954b] {
    border-radius: var(--ui-input-base-custom-border-radius, var(--border-radius))
}

.input-base__message[data-v-9080954b] {
    margin-block-start: .125em
}

.input-base--is-disabled .input-base__container[data-v-9080954b]:after, .input-base--is-disabled .input-base__container[data-v-9080954b]:before {
    opacity: .6
}

[dir] .input-base--is-focused.input-base .input-base__container[data-v-9080954b]:after, [dir] .input-base--is-focused.input-base .input-base__container[data-v-9080954b]:hover:after {
    border-color: Hsl(var(--focus))
}

[dir=ltr] .input-base-message[data-v-9080954b] {
    padding-left: .6875em
}

[dir=rtl] .input-base-message[data-v-9080954b] {
    padding-right: .6875em
}

.input-base--size-m[data-v-9080954b] {
    --input-base-min-height: 2em;
    --input-base-field-font-size: 0.875em;
    --input-base-field-line-height: 1.5em;
    --input-base-field-textarea-min-height: 4.57143em;
    --input-base-field-padding-horizontal: 0.71429em;
    --input-base-field-padding-vertical: 0.35714em;
    --input-base-datepicker-padding-end: 2.07143em
}

.input-base--size-s[data-v-9080954b] {
    --input-base-min-height: 2em;
    --input-base-field-font-size: 0.6875em;
    --input-base-field-line-height: 1.36364em;
    --input-base-field-textarea-min-height: 5.81818em;
    --input-base-field-padding-horizontal: 0.90909em;
    --input-base-field-padding-vertical: 0.45455em;
    --input-base-datepicker-padding-end: 2.63636em
}

.input-base--size-xs[data-v-9080954b] {
    --input-base-min-height: 1.5em;
    --input-base-field-font-size: 0.6875em;
    --input-base-field-line-height: 1.36364em;
    --input-base-field-textarea-min-height: 5.81818em;
    --input-base-field-padding-horizontal: 0.90909em;
    --input-base-field-padding-vertical: 0.45455em;
    --input-base-datepicker-padding-end: 2.63636em
}

.input-base--theme-default[data-v-9080954b] {
    --input-base-border-color: currentColor;
    --input-base-border-opacity: 0.5;
    --input-base-hover-border-opacity: 0.3;
    --input-base-disabled-field-opacity: 0.6;
    --input-base-placeholder-opacity: 0.7
}

.input-base--theme-default .input-base__container[data-v-9080954b]:hover:after {
    --input-base-border-opacity: 1
}

.input-base--theme-gray-100[data-v-9080954b] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    --input-base-border-color: Hsl(var(--hsl-clr-decent));
    --input-base-border-opacity: 0.5;
    --input-base-hover-border-opacity: 0.3;
    --input-base-disabled-field-opacity: 0.6;
    --input-base-placeholder-opacity: 1;
    color: Hsl(var(--hsl-clr))
}

.input-base--theme-gray-100 .input-base__container[data-v-9080954b]:hover:after {
    --input-base-border-color: Hsl(var(--hsl-clr-decent));
    --input-base-border-opacity: 1
}

.input-base--theme-gray[data-v-9080954b] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    --input-base-border-color: transparent;
    --input-base-border-opacity: 1;
    --input-base-hover-border-opacity: 0.3;
    --input-base-disabled-field-opacity: 0.6;
    --input-base-placeholder-opacity: 0.65
}

.input-base--theme-gray .input-base__container[data-v-9080954b]:hover:after {
    --input-base-border-color: Hsl(var(--hsl-bg));
    --input-base-border-opacity: 1
}

.input-base--theme-primary[data-v-9080954b] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    --input-base-border-color: transparent;
    --input-base-border-opacity: 1;
    --input-base-hover-border-opacity: 0.3;
    --input-base-disabled-field-opacity: 0.6;
    --input-base-placeholder-opacity: 1
}

.input-base--theme-primary .input-base__container[data-v-9080954b]:hover:after {
    --input-base-border-color: Hsl(var(--hsl-clr-decent));
    --input-base-border-opacity: 0.2
}

.input-base--theme-primary--20[data-v-9080954b] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    --input-base-border-color: transparent;
    --input-base-border-opacity: 1;
    --input-base-hover-border-opacity: 0.3;
    --input-base-disabled-field-opacity: 0.6;
    --input-base-placeholder-opacity: 1
}

.input-base--theme-primary--20 .input-base__container[data-v-9080954b]:hover:after {
    --input-base-border-color: Hsl(var(--hsl-clr-decent));
    --input-base-border-opacity: 0.2
}

.input-base--theme-primary--40[data-v-9080954b] {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt);
    --input-base-border-color: transparent;
    --input-base-border-opacity: 1;
    --input-base-hover-border-opacity: 0.3;
    --input-base-disabled-field-opacity: 0.6;
    --input-base-placeholder-opacity: 1
}

.input-base--theme-primary--40 .input-base__container[data-v-9080954b]:hover:after {
    --input-base-border-color: Hsl(var(--hsl-clr-decent));
    --input-base-border-opacity: 0.2
}

.input-base--theme-primary-100[data-v-9080954b] {
    --bg: hsla(var(--primary-100-bg), 1);
    --hsl-bg: var(--primary-100-bg);
    --clr: hsl(var(--primary-100-clr));
    --hsl-clr: var(--primary-100-clr);
    --clr-accent: hsl(var(--primary-100-clr-accent));
    --hsl-clr-accent: var(--primary-100-clr-accent);
    --clr-decent: hsl(var(--primary-100-clr-decent));
    --hsl-clr-decent: var(--primary-100-clr-decent);
    --clr-strong: hsl(var(--primary-100-clr-strong));
    --hsl-clr-strong: var(--primary-100-clr-strong);
    --clr-strong-alt: hsl(var(--primary-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-100-clr-strong-alt);
    --clr-primary: hsl(var(--primary-100-clr-primary));
    --hsl-clr-primary: var(--primary-100-clr-primary);
    --clr-good: hsl(var(--primary-100-clr-good));
    --hsl-clr-good: var(--primary-100-clr-good);
    --clr-bad: hsl(var(--primary-100-clr-bad));
    --hsl-clr-bad: var(--primary-100-clr-bad);
    --sep: hsl(var(--primary-100-sep));
    --hsl-sep: var(--primary-100-sep);
    --sep-alt: hsl(var(--primary-100-sep-alt));
    --hsl-sep-alt: var(--primary-100-sep-alt);
    --input-base-border-color: transparent;
    --input-base-border-opacity: 1;
    --input-base-hover-border-opacity: 0.3;
    --input-base-disabled-field-opacity: 0.6;
    --input-base-placeholder-opacity: 1
}

.input-base--theme-primary-100 .input-base__container[data-v-9080954b]:hover:after {
    --input-base-border-color: Hsl(var(--hsl-clr-decent));
    --input-base-border-opacity: 0.2
}

.input-base--theme-cyber[data-v-9080954b] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    --input-base-border-color: Hsl(var(--hsl-bg));
    --input-base-border-opacity: 1
}

.input-base--theme-cyber .input-field[data-v-9080954b]::placeholder {
    color: Hsl(var(--hsl-clr-primary))
}

.input-base--theme-cyber .input-base__container[data-v-9080954b] {
    color: Hsl(var(--hsl-clr))
}

[dir] .input-base--theme-cyber .input-base__container[data-v-9080954b]:before {
    background-color: hsla(var(--cyber--45-bg), 1)
}

[dir] .input-base--theme-cyber .input-base__container[data-v-9080954b]:hover:before {
    background-color: hsla(var(--cyber--40-bg), 1)
}

.input-base--theme-cyber.input-base--is-disabled .input-field[data-v-9080954b]::placeholder {
    color: hsla(var(--cyber--20-clr-decent), 1)
}

.input-base--theme-cyber.input-base--is-disabled .input-base__container[data-v-9080954b] {
    color: hsla(var(--cyber--20-clr-decent), 1)
}

.input-base--theme-cyber.input-base--is-disabled .input-base__container[data-v-9080954b]:after, .input-base--theme-cyber.input-base--is-disabled .input-base__container[data-v-9080954b]:hover:after {
    opacity: 1
}

[dir] .input-base--theme-cyber.input-base--is-disabled .input-base__container[data-v-9080954b]:hover:after {
    border-color: Hsl(var(--hsl-bg))
}

.input-base--theme-cyber.input-base--is-focused .input-base__container[data-v-9080954b]:after, .input-base--theme-cyber.input-base--is-focused .input-base__container[data-v-9080954b]:hover:after {
    --input-base-border-color: Hsl(var(--hsl-clr-primary))
}

[dir] .ui-empty-message[data-v-d3c6816e] {
    padding: .625rem .9375rem
}

.ui-empty-message--theme-gray-100[data-v-d3c6816e] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr-decent), 1)
}

[dir] .ui-empty-message--theme-gray-100[data-v-d3c6816e] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-empty-message--theme-cyber[data-v-d3c6816e] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-empty-message--theme-cyber[data-v-d3c6816e] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-empty-message--theme-primary--30[data-v-d3c6816e] {
    --bg: hsla(var(--primary--30-bg), 1);
    --hsl-bg: var(--primary--30-bg);
    --clr: hsl(var(--primary--30-clr));
    --hsl-clr: var(--primary--30-clr);
    --clr-accent: hsl(var(--primary--30-clr-accent));
    --hsl-clr-accent: var(--primary--30-clr-accent);
    --clr-decent: hsl(var(--primary--30-clr-decent));
    --hsl-clr-decent: var(--primary--30-clr-decent);
    --clr-strong: hsl(var(--primary--30-clr-strong));
    --hsl-clr-strong: var(--primary--30-clr-strong);
    --clr-strong-alt: hsl(var(--primary--30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--30-clr-strong-alt);
    --clr-primary: hsl(var(--primary--30-clr-primary));
    --hsl-clr-primary: var(--primary--30-clr-primary);
    --clr-good: hsl(var(--primary--30-clr-good));
    --hsl-clr-good: var(--primary--30-clr-good);
    --clr-bad: hsl(var(--primary--30-clr-bad));
    --hsl-clr-bad: var(--primary--30-clr-bad);
    --sep: hsl(var(--primary--30-sep));
    --hsl-sep: var(--primary--30-sep);
    --sep-alt: hsl(var(--primary--30-sep-alt));
    --hsl-sep-alt: var(--primary--30-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-empty-message--theme-primary--30[data-v-d3c6816e] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-empty-message--theme-primary[data-v-d3c6816e] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-empty-message--theme-primary[data-v-d3c6816e] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-option[data-v-efaa8b44] {
    align-items: center;
    display: flex;
    min-height: 2rem;
    white-space: nowrap;
    width: 100%
}

[dir] .ui-option[data-v-efaa8b44] {
    padding: .3125rem .625rem
}

.is-keyboard-user .ui-option[data-v-efaa8b44]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-option--wrapped[data-v-efaa8b44] {
    word-wrap: break-word;
    white-space: normal;
    word-break: break-word
}

.ui-option__content[data-v-efaa8b44] {
    align-items: center;
    display: flex;
    flex-grow: 1;
    min-width: 0
}

.ui-option__ico[data-v-efaa8b44] {
    display: flex;
    flex-shrink: 0
}

[dir=ltr] .ui-option__ico[data-v-efaa8b44] {
    margin-right: .625rem
}

[dir=rtl] .ui-option__ico[data-v-efaa8b44] {
    margin-left: .625rem
}

.ui-option__caption[data-v-efaa8b44] {
    flex-grow: 1
}

.ui-option__additional[data-v-efaa8b44] {
    color: Hsl(var(--hsl-clr-decent));
    flex-shrink: 0
}

[dir=ltr] .ui-option__additional[data-v-efaa8b44] {
    margin-left: .3125rem
}

[dir=rtl] .ui-option__additional[data-v-efaa8b44] {
    margin-right: .3125rem
}

.ui-option--theme-cyber--60[data-v-efaa8b44] {
    --bg: hsla(var(--cyber--60-bg), 1);
    --hsl-bg: var(--cyber--60-bg);
    --clr: hsl(var(--cyber--60-clr));
    --hsl-clr: var(--cyber--60-clr);
    --clr-accent: hsl(var(--cyber--60-clr-accent));
    --hsl-clr-accent: var(--cyber--60-clr-accent);
    --clr-decent: hsl(var(--cyber--60-clr-decent));
    --hsl-clr-decent: var(--cyber--60-clr-decent);
    --clr-strong: hsl(var(--cyber--60-clr-strong));
    --hsl-clr-strong: var(--cyber--60-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--60-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--60-clr-primary));
    --hsl-clr-primary: var(--cyber--60-clr-primary);
    --clr-good: hsl(var(--cyber--60-clr-good));
    --hsl-clr-good: var(--cyber--60-clr-good);
    --clr-bad: hsl(var(--cyber--60-clr-bad));
    --hsl-clr-bad: var(--cyber--60-clr-bad);
    --sep: hsl(var(--cyber--60-sep));
    --hsl-sep: var(--cyber--60-sep);
    --sep-alt: hsl(var(--cyber--60-sep-alt));
    --hsl-sep-alt: var(--cyber--60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-option--theme-cyber--60[data-v-efaa8b44] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-option--theme-cyber--60[data-v-efaa8b44]:hover {
    --bg: hsla(var(--cyber--40-bg), 1);
    --hsl-bg: var(--cyber--40-bg);
    --clr: hsl(var(--cyber--40-clr));
    --hsl-clr: var(--cyber--40-clr);
    --clr-accent: hsl(var(--cyber--40-clr-accent));
    --hsl-clr-accent: var(--cyber--40-clr-accent);
    --clr-decent: hsl(var(--cyber--40-clr-decent));
    --hsl-clr-decent: var(--cyber--40-clr-decent);
    --clr-strong: hsl(var(--cyber--40-clr-strong));
    --hsl-clr-strong: var(--cyber--40-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--40-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--40-clr-primary));
    --hsl-clr-primary: var(--cyber--40-clr-primary);
    --clr-good: hsl(var(--cyber--40-clr-good));
    --hsl-clr-good: var(--cyber--40-clr-good);
    --clr-bad: hsl(var(--cyber--40-clr-bad));
    --hsl-clr-bad: var(--cyber--40-clr-bad);
    --sep: hsl(var(--cyber--40-sep));
    --hsl-sep: var(--cyber--40-sep);
    --sep-alt: hsl(var(--cyber--40-sep-alt));
    --hsl-sep-alt: var(--cyber--40-sep-alt)
}

.ui-option--theme-cyber--60.ui-option--is-selected[data-v-efaa8b44] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt)
}

.ui-option--theme-gray-100[data-v-efaa8b44] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-option--theme-gray-100[data-v-efaa8b44] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-option--theme-gray-100[data-v-efaa8b44]:hover {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt)
}

.ui-option--theme-gray-100.ui-option--is-selected[data-v-efaa8b44] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt)
}

.ui-option--theme-primary[data-v-efaa8b44] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-option--theme-primary[data-v-efaa8b44] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-option--theme-primary.ui-option--is-selected[data-v-efaa8b44], .ui-option--theme-primary[data-v-efaa8b44]:hover {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt)
}

.ui-option--theme-primary--20[data-v-efaa8b44] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-option--theme-primary--20[data-v-efaa8b44] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-option--theme-primary--20.ui-option--is-selected[data-v-efaa8b44], .ui-option--theme-primary--20[data-v-efaa8b44]:hover {
    --bg: hsla(var(--primary-15-bg), 1);
    --hsl-bg: var(--primary-15-bg);
    --clr: hsl(var(--primary-15-clr));
    --hsl-clr: var(--primary-15-clr);
    --clr-accent: hsl(var(--primary-15-clr-accent));
    --hsl-clr-accent: var(--primary-15-clr-accent);
    --clr-decent: hsl(var(--primary-15-clr-decent));
    --hsl-clr-decent: var(--primary-15-clr-decent);
    --clr-strong: hsl(var(--primary-15-clr-strong));
    --hsl-clr-strong: var(--primary-15-clr-strong);
    --clr-strong-alt: hsl(var(--primary-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-15-clr-strong-alt);
    --clr-primary: hsl(var(--primary-15-clr-primary));
    --hsl-clr-primary: var(--primary-15-clr-primary);
    --clr-good: hsl(var(--primary-15-clr-good));
    --hsl-clr-good: var(--primary-15-clr-good);
    --clr-bad: hsl(var(--primary-15-clr-bad));
    --hsl-clr-bad: var(--primary-15-clr-bad);
    --sep: hsl(var(--primary-15-sep));
    --hsl-sep: var(--primary-15-sep);
    --sep-alt: hsl(var(--primary-15-sep-alt));
    --hsl-sep-alt: var(--primary-15-sep-alt)
}

.ui-option--theme-primary--30[data-v-efaa8b44] {
    --bg: hsla(var(--primary--30-bg), 1);
    --hsl-bg: var(--primary--30-bg);
    --clr: hsl(var(--primary--30-clr));
    --hsl-clr: var(--primary--30-clr);
    --clr-accent: hsl(var(--primary--30-clr-accent));
    --hsl-clr-accent: var(--primary--30-clr-accent);
    --clr-decent: hsl(var(--primary--30-clr-decent));
    --hsl-clr-decent: var(--primary--30-clr-decent);
    --clr-strong: hsl(var(--primary--30-clr-strong));
    --hsl-clr-strong: var(--primary--30-clr-strong);
    --clr-strong-alt: hsl(var(--primary--30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--30-clr-strong-alt);
    --clr-primary: hsl(var(--primary--30-clr-primary));
    --hsl-clr-primary: var(--primary--30-clr-primary);
    --clr-good: hsl(var(--primary--30-clr-good));
    --hsl-clr-good: var(--primary--30-clr-good);
    --clr-bad: hsl(var(--primary--30-clr-bad));
    --hsl-clr-bad: var(--primary--30-clr-bad);
    --sep: hsl(var(--primary--30-sep));
    --hsl-sep: var(--primary--30-sep);
    --sep-alt: hsl(var(--primary--30-sep-alt));
    --hsl-sep-alt: var(--primary--30-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-option--theme-primary--30[data-v-efaa8b44] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-option--theme-primary--30.ui-option--is-selected[data-v-efaa8b44], .ui-option--theme-primary--30[data-v-efaa8b44]:hover {
    --bg: hsla(var(--primary-5-bg), 1);
    --hsl-bg: var(--primary-5-bg);
    --clr: hsl(var(--primary-5-clr));
    --hsl-clr: var(--primary-5-clr);
    --clr-accent: hsl(var(--primary-5-clr-accent));
    --hsl-clr-accent: var(--primary-5-clr-accent);
    --clr-decent: hsl(var(--primary-5-clr-decent));
    --hsl-clr-decent: var(--primary-5-clr-decent);
    --clr-strong: hsl(var(--primary-5-clr-strong));
    --hsl-clr-strong: var(--primary-5-clr-strong);
    --clr-strong-alt: hsl(var(--primary-5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-5-clr-strong-alt);
    --clr-primary: hsl(var(--primary-5-clr-primary));
    --hsl-clr-primary: var(--primary-5-clr-primary);
    --clr-good: hsl(var(--primary-5-clr-good));
    --hsl-clr-good: var(--primary-5-clr-good);
    --clr-bad: hsl(var(--primary-5-clr-bad));
    --hsl-clr-bad: var(--primary-5-clr-bad);
    --sep: hsl(var(--primary-5-sep));
    --hsl-sep: var(--primary-5-sep);
    --sep-alt: hsl(var(--primary-5-sep-alt));
    --hsl-sep-alt: var(--primary-5-sep-alt)
}

.ui-option--theme-tp-gray-15[data-v-efaa8b44] {
    --bg: hsla(var(--thirdPartyGray-15-bg), 1);
    --hsl-bg: var(--thirdPartyGray-15-bg);
    --clr: hsl(var(--thirdPartyGray-15-clr));
    --hsl-clr: var(--thirdPartyGray-15-clr);
    --clr-accent: hsl(var(--thirdPartyGray-15-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-15-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-15-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-15-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-15-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-15-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-15-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-15-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-15-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-15-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-15-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-15-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-15-clr-bad);
    --sep: hsl(var(--thirdPartyGray-15-sep));
    --hsl-sep: var(--thirdPartyGray-15-sep);
    --sep-alt: hsl(var(--thirdPartyGray-15-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-15-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-option--theme-tp-gray-15[data-v-efaa8b44] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-option--theme-tp-gray-15.ui-option--is-selected[data-v-efaa8b44], .ui-option--theme-tp-gray-15[data-v-efaa8b44]:hover {
    --bg: hsla(var(--thirdPartyGray-20-bg), 1);
    --hsl-bg: var(--thirdPartyGray-20-bg);
    --clr: hsl(var(--thirdPartyGray-20-clr));
    --hsl-clr: var(--thirdPartyGray-20-clr);
    --clr-accent: hsl(var(--thirdPartyGray-20-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-20-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-20-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-20-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-20-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-20-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-20-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-20-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-20-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-20-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-20-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-20-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-20-clr-bad);
    --sep: hsl(var(--thirdPartyGray-20-sep));
    --hsl-sep: var(--thirdPartyGray-20-sep);
    --sep-alt: hsl(var(--thirdPartyGray-20-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-20-sep-alt)
}

.angle[data-v-a9d258ab] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    vertical-align: middle
}

[dir] .angle[data-v-a9d258ab] {
    transition: transform;
    transition-duration: .2s
}

.angle[data-v-a9d258ab] .ico__svg {
    height: .375em;
    min-width: .625em;
    width: .625em
}

.ui-multi-select[data-v-85514cb5] {
    display: flex
}

[dir=ltr] .ui-multi-select--option-left .ui-multi-select__option[data-v-85514cb5] {
    text-align: left
}

[dir=rtl] .ui-multi-select--option-left .ui-multi-select__option[data-v-85514cb5] {
    text-align: right
}

.ui-multi-select__caret[data-v-85514cb5] {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    order: 5
}

[dir] .ui-multi-select__caret[data-v-85514cb5] {
    transition: transform .2s
}

[dir=ltr] .ui-multi-select__caret[data-v-85514cb5] {
    margin-left: .3125rem
}

[dir=rtl] .ui-multi-select__caret[data-v-85514cb5] {
    margin-right: .3125rem
}

[dir=ltr] .ui-multi-select--is-open .ui-multi-select__caret[data-v-85514cb5] {
    transform: rotate(180deg)
}

[dir=rtl] .ui-multi-select--is-open .ui-multi-select__caret[data-v-85514cb5] {
    transform: rotate(-180deg)
}

.ui-multi-select[data-v-85514cb5] .multiselect__placeholder, .ui-multi-select[data-v-85514cb5] .multiselect__single, .ui-multi-select[data-v-85514cb5] .multiselect__tags {
    display: flex;
    min-width: 0;
    width: 100%
}

.ui-multi-select[data-v-85514cb5] .multiselect__placeholder > *, .ui-multi-select[data-v-85514cb5] .multiselect__single > *, .ui-multi-select[data-v-85514cb5] .multiselect__tags > * {
    flex: auto;
    min-width: 0
}

.ui-multi-select[data-v-85514cb5] .multiselect__input {
    font-size: var(--input-base-field-font-size)
}

.ui-multi-select[data-v-85514cb5] .multiselect__input::placeholder {
    opacity: 0 !important
}

.ui-multi-select[data-v-85514cb5] .multiselect__content-wrapper {
    display: flex !important;
    flex-direction: column;
    height: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: auto;
    z-index: 100
}

[dir] .ui-multi-select[data-v-85514cb5] .multiselect__content-wrapper {
    left: 0;
    right: 0;
    transform: translateY(.3125rem);
    transition: opacity, transform, visibility;
    transition-duration: .2s
}

.ui-multi-select[data-v-85514cb5] .multiselect__content {
    display: block !important;
    flex-grow: 1;
    min-height: 0;
    overflow: auto;
    position: relative;
    width: 100%
}

[dir] .ui-multi-select[data-v-85514cb5] .multiselect__content {
    border: 1px solid hsl(var(--hsl-bg))
}

@-moz-document url-prefix() {
    .ui-multi-select[data-v-85514cb5] .multiselect__content {
        scrollbar-width: thin
    }
}

.ui-multi-select[data-v-85514cb5] .multiselect__content::-webkit-scrollbar {
    height: .3125rem;
    width: .3125rem
}

[dir] .ui-multi-select[data-v-85514cb5] .multiselect__content::-webkit-scrollbar-thumb {
    border-radius: var(--border-radius)
}

[dir] .ui-multi-select[data-v-85514cb5] .multiselect__element:nth-child(n+2) {
    margin-top: 1px
}

.ui-multi-select.multiselect--above[data-v-85514cb5] .multiselect__content-wrapper {
    bottom: 100%;
    top: auto
}

.ui-multi-select.multiselect--active[data-v-85514cb5] .multiselect__content-wrapper {
    height: auto !important;
    opacity: 1;
    visibility: visible
}

[dir] .ui-multi-select.multiselect--active[data-v-85514cb5] .multiselect__content-wrapper {
    transform: none
}

[dir=ltr] .ui-multi-select.multiselect--active[data-v-85514cb5] .multiselect__tags .angle {
    transform: rotate(180deg)
}

[dir=rtl] .ui-multi-select.multiselect--active[data-v-85514cb5] .multiselect__tags .angle {
    transform: rotate(-180deg)
}

.ui-multi-select.multiselect--disabled[data-v-85514cb5] {
    opacity: .6
}

.ui-multi-select--theme-primary .ui-multi-select__caret[data-v-85514cb5] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-multi-select--theme-primary[data-v-85514cb5] .multiselect__content {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-multi-select--theme-primary[data-v-85514cb5] .multiselect__content {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius);
    box-shadow: 0 .3125rem 1.0625rem 1px rgba(0, 0, 0, .25)
}

@-moz-document url-prefix() {
    .ui-multi-select--theme-primary[data-v-85514cb5] .multiselect__content {
        scrollbar-color: Hsl(var(--hsl-clr-decent))
    }
}

[dir] .ui-multi-select--theme-primary[data-v-85514cb5] .multiselect__content::-webkit-scrollbar-thumb {
    background-color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-multi-select--theme-primary[data-v-85514cb5] .multiselect__content::-webkit-scrollbar-track {
    background-color: Hsl(var(--hsl-bg))
}

.ui-multi-select--theme-primary--20[data-v-85514cb5] .multiselect__content {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-multi-select--theme-primary--20[data-v-85514cb5] .multiselect__content {
    background-color: Hsla(var(--hsl-bg), 1);
    border: 1px solid hsl(var(--hsl-sep-alt));
    border-radius: var(--border-radius);
    box-shadow: 0 .3125rem 1.0625rem 1px rgba(0, 0, 0, .25)
}

@-moz-document url-prefix() {
    .ui-multi-select--theme-primary--20[data-v-85514cb5] .multiselect__content {
        scrollbar-color: Hsl(var(--hsl-clr-decent))
    }
}

[dir] .ui-multi-select--theme-primary--20[data-v-85514cb5] .multiselect__content::-webkit-scrollbar-thumb {
    background-color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-multi-select--theme-primary--20[data-v-85514cb5] .multiselect__content::-webkit-scrollbar-track {
    background-color: Hsl(var(--hsl-bg))
}

.ui-multi-select--theme-primary-100[data-v-85514cb5] .multiselect__content {
    --bg: hsla(var(--primary-100-bg), 1);
    --hsl-bg: var(--primary-100-bg);
    --clr: hsl(var(--primary-100-clr));
    --hsl-clr: var(--primary-100-clr);
    --clr-accent: hsl(var(--primary-100-clr-accent));
    --hsl-clr-accent: var(--primary-100-clr-accent);
    --clr-decent: hsl(var(--primary-100-clr-decent));
    --hsl-clr-decent: var(--primary-100-clr-decent);
    --clr-strong: hsl(var(--primary-100-clr-strong));
    --hsl-clr-strong: var(--primary-100-clr-strong);
    --clr-strong-alt: hsl(var(--primary-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-100-clr-strong-alt);
    --clr-primary: hsl(var(--primary-100-clr-primary));
    --hsl-clr-primary: var(--primary-100-clr-primary);
    --clr-good: hsl(var(--primary-100-clr-good));
    --hsl-clr-good: var(--primary-100-clr-good);
    --clr-bad: hsl(var(--primary-100-clr-bad));
    --hsl-clr-bad: var(--primary-100-clr-bad);
    --sep: hsl(var(--primary-100-sep));
    --hsl-sep: var(--primary-100-sep);
    --sep-alt: hsl(var(--primary-100-sep-alt));
    --hsl-sep-alt: var(--primary-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-multi-select--theme-primary-100[data-v-85514cb5] .multiselect__content {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius);
    box-shadow: 0 .3125rem 1.0625rem 1px rgba(0, 0, 0, .25)
}

@-moz-document url-prefix() {
    .ui-multi-select--theme-primary-100[data-v-85514cb5] .multiselect__content {
        scrollbar-color: Hsl(var(--hsl-clr-decent))
    }
}

[dir] .ui-multi-select--theme-primary-100[data-v-85514cb5] .multiselect__content::-webkit-scrollbar-thumb {
    background-color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-multi-select--theme-primary-100[data-v-85514cb5] .multiselect__content::-webkit-scrollbar-track {
    background-color: Hsl(var(--hsl-bg))
}

.ui-multi-select--theme-gray[data-v-85514cb5] .multiselect__content {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-multi-select--theme-gray[data-v-85514cb5] .multiselect__content {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius);
    box-shadow: 0 .3125rem 1.0625rem 1px rgba(0, 0, 0, .25)
}

@-moz-document url-prefix() {
    .ui-multi-select--theme-gray[data-v-85514cb5] .multiselect__content {
        scrollbar-color: Hsl(var(--hsl-clr-decent))
    }
}

[dir] .ui-multi-select--theme-gray[data-v-85514cb5] .multiselect__content::-webkit-scrollbar-thumb {
    background-color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-multi-select--theme-gray[data-v-85514cb5] .multiselect__content::-webkit-scrollbar-track {
    background-color: Hsl(var(--hsl-bg))
}

.ui-multi-select--theme-special-gray[data-v-85514cb5] .multiselect__content {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-multi-select--theme-special-gray[data-v-85514cb5] .multiselect__content {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius);
    box-shadow: 0 3px 1.125rem rgba(0, 0, 0, .3)
}

@-moz-document url-prefix() {
    .ui-multi-select--theme-special-gray[data-v-85514cb5] .multiselect__content {
        scrollbar-color: Hsl(var(--hsl-clr-decent))
    }
}

[dir] .ui-multi-select--theme-special-gray[data-v-85514cb5] .multiselect__content::-webkit-scrollbar-thumb {
    background-color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-multi-select--theme-special-gray[data-v-85514cb5] .multiselect__content::-webkit-scrollbar-track {
    background-color: Hsl(var(--hsl-bg))
}

.ui-multi-select--theme-special-gray.ui-multi-select--is-open[data-v-85514cb5] {
    color: Hsl(var(--specialPrimary-100-clr))
}

.ui-multi-select--theme-cyber--60[data-v-85514cb5] .multiselect__content {
    --bg: hsla(var(--cyber--60-bg), 1);
    --hsl-bg: var(--cyber--60-bg);
    --clr: hsl(var(--cyber--60-clr));
    --hsl-clr: var(--cyber--60-clr);
    --clr-accent: hsl(var(--cyber--60-clr-accent));
    --hsl-clr-accent: var(--cyber--60-clr-accent);
    --clr-decent: hsl(var(--cyber--60-clr-decent));
    --hsl-clr-decent: var(--cyber--60-clr-decent);
    --clr-strong: hsl(var(--cyber--60-clr-strong));
    --hsl-clr-strong: var(--cyber--60-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--60-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--60-clr-primary));
    --hsl-clr-primary: var(--cyber--60-clr-primary);
    --clr-good: hsl(var(--cyber--60-clr-good));
    --hsl-clr-good: var(--cyber--60-clr-good);
    --clr-bad: hsl(var(--cyber--60-clr-bad));
    --hsl-clr-bad: var(--cyber--60-clr-bad);
    --sep: hsl(var(--cyber--60-sep));
    --hsl-sep: var(--cyber--60-sep);
    --sep-alt: hsl(var(--cyber--60-sep-alt));
    --hsl-sep-alt: var(--cyber--60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-multi-select--theme-cyber--60[data-v-85514cb5] .multiselect__content {
    background-color: Hsla(var(--hsl-bg), 1);
    border: 1px solid hsl(var(--hsl-sep));
    border-radius: .5rem;
    box-shadow: 0 0 1.5rem Hsla(var(--primary-0-clr-primary), .25)
}

@-moz-document url-prefix() {
    .ui-multi-select--theme-cyber--60[data-v-85514cb5] .multiselect__content {
        scrollbar-color: Hsla(var(--primary-0-clr), .4)
    }
}

[dir] .ui-multi-select--theme-cyber--60[data-v-85514cb5] .multiselect__content::-webkit-scrollbar-thumb {
    background-color: Hsla(var(--primary-0-clr-primary), .4)
}

[dir] .ui-multi-select--theme-cyber--60[data-v-85514cb5] .multiselect__content::-webkit-scrollbar-track {
    background-color: Hsl(var(--hsl-bg))
}

.ui-multi-select--size-l[data-v-85514cb5] {
    --input-base-field-font-size: 1em
}

.ui-multi-select--size-m[data-v-85514cb5] {
    --input-base-field-font-size: 0.875em
}

.ui-multi-select--size-s[data-v-85514cb5] {
    --input-base-field-font-size: 0.8125em
}

.ui-multi-select--size-xs[data-v-85514cb5] {
    --input-base-field-font-size: 0.75em
}

.select-value[data-v-8ace600e] {
    align-items: center;
    display: flex
}

.select-value__additional[data-v-8ace600e] {
    flex: none
}

[dir=ltr] .select-value__additional[data-v-8ace600e] {
    margin-left: .3125em
}

[dir=rtl] .select-value__additional[data-v-8ace600e] {
    margin-right: .3125em
}

.select-value__content[data-v-8ace600e] {
    align-items: center;
    display: flex;
    flex: auto;
    min-width: 0
}

[dir=ltr] .select-value__content[data-v-8ace600e] > :nth-child(n+2) {
    margin-left: .625rem
}

[dir=rtl] .select-value__content[data-v-8ace600e] > :nth-child(n+2) {
    margin-right: .625rem
}

.select-value__content[data-v-8ace600e] > .ui-caption {
    flex-grow: 1
}

.select-value__content[data-v-8ace600e] > .ico {
    flex: none
}

.select-value__additional[data-v-8ace600e] {
    color: Hsl(var(--hsl-clr-decent))
}

.select-value__content[data-v-8ace600e] {
    white-space: nowrap
}

:not(.input-select--disabled) .input-select__placeholder[data-v-f2af0e14] {
    color: Hsl(var(--hsl-clr-strong))
}

.input-select__multiselect[data-v-f2af0e14] {
    flex: auto;
    min-width: 0;
    position: relative
}

[dir] .input-select__multiselect[data-v-f2af0e14] {
    padding-left: .625em;
    padding-right: .625em
}

:not(.input-select--disabled) .input-select--theme-cyber .input-select__placeholder[data-v-f2af0e14] {
    color: Hsl(var(--hsl-clr-primary))
}

.ui-img[data-v-e39e3ca5] {
    display: block;
    height: 1em;
    width: 1em
}

.ui-img__img[data-v-e39e3ca5] {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: center
}

.ui-img__img--not-loaded[data-v-e39e3ca5] {
    color: transparent
}

[dir] .ui-img__img--rounded[data-v-e39e3ca5] {
    border-radius: 50%
}

.field-base[data-v-033f1b3f] {
    --field-base-label-placeholder-offset: var(--border-radius)
}

[dir=ltr] .field-base[data-v-033f1b3f] {
    text-align: left
}

[dir=rtl] .field-base[data-v-033f1b3f] {
    text-align: right
}

[dir] .field-base--rounded[data-v-033f1b3f] {
    border-radius: var(--ui-field-base-custom-border-radius, var(--border-radius))
}

[dir=ltr] .field-base--rtl-ignore .field__input[data-v-033f1b3f] {
    text-align: left
}

[dir=rtl] .field-base--rtl-ignore .field__input[data-v-033f1b3f] {
    text-align: right
}

[dir] .field-base--has-inner-offset[data-v-033f1b3f] {
    padding-bottom: .9375rem;
    padding-top: .3125rem
}

[dir] .field-base--has-inner-offset .field-base__message[data-v-033f1b3f] {
    margin-bottom: -1.0625rem
}

.field-base__container[data-v-033f1b3f], .field-base__content[data-v-033f1b3f], .field-base__slot[data-v-033f1b3f] {
    display: flex;
    flex-grow: 1;
    min-width: 0
}

[dir] .field-base__container[data-v-033f1b3f], [dir] .field-base__content[data-v-033f1b3f], [dir] .field-base__slot[data-v-033f1b3f] {
    border-radius: inherit
}

[dir=ltr] .field-base__container[data-v-033f1b3f] > :first-child, [dir=ltr] .field-base__content[data-v-033f1b3f] > :first-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

[dir=rtl] .field-base__container[data-v-033f1b3f] > :first-child, [dir=rtl] .field-base__content[data-v-033f1b3f] > :first-child {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit
}

[dir=ltr] .field-base__container[data-v-033f1b3f] > :first-child:not(:last-child), [dir=ltr] .field-base__content[data-v-033f1b3f] > :first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

[dir=rtl] .field-base__container[data-v-033f1b3f] > :first-child:not(:last-child), [dir=rtl] .field-base__content[data-v-033f1b3f] > :first-child:not(:last-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

[dir=ltr] .field-base__container[data-v-033f1b3f] > :last-child, [dir=ltr] .field-base__content[data-v-033f1b3f] > :last-child {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit
}

[dir=rtl] .field-base__container[data-v-033f1b3f] > :last-child, [dir=rtl] .field-base__content[data-v-033f1b3f] > :last-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

[dir=ltr] .field-base__container[data-v-033f1b3f] > :last-child:not(:first-child), [dir=ltr] .field-base__content[data-v-033f1b3f] > :last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

[dir=rtl] .field-base__container[data-v-033f1b3f] > :last-child:not(:first-child), [dir=rtl] .field-base__content[data-v-033f1b3f] > :last-child:not(:first-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.field-base__container[data-v-033f1b3f] {
    min-height: 2.5rem;
    position: relative
}

.field-base__container[data-v-033f1b3f]:after, .field-base__container[data-v-033f1b3f]:before {
    bottom: 0;
    color: Hsl(var(--hsl-clr));
    content: "";
    opacity: .5;
    pointer-events: none;
    position: absolute;
    top: 0
}

[dir] .field-base__container[data-v-033f1b3f]:after, [dir] .field-base__container[data-v-033f1b3f]:before {
    border-radius: inherit;
    left: 0;
    right: 0;
    transition-duration: .2s;
    transition-property: border-color, opacity, box-shadow
}

[dir] .field-base__container[data-v-033f1b3f]:before {
    border-top: 1px solid
}

[dir=ltr] .field-base__container[data-v-033f1b3f]:before {
    border-left: 1px solid;
    box-shadow: inset 1px 0 transparent
}

[dir=rtl] .field-base__container[data-v-033f1b3f]:before {
    border-right: 1px solid;
    box-shadow: inset -1px 0 transparent
}

[dir] .field-base__container[data-v-033f1b3f]:after {
    border-bottom: 1px solid
}

[dir=ltr] .field-base__container[data-v-033f1b3f]:after {
    border-right: 1px solid;
    box-shadow: inset -1px 0 transparent, inset 0 -1px transparent
}

[dir=rtl] .field-base__container[data-v-033f1b3f]:after {
    border-left: 1px solid;
    box-shadow: inset 1px 0 transparent, inset 0 -1px transparent
}

.field-base:not(.field-base--disabled) .field-base__container[data-v-033f1b3f]:hover:after, .field-base:not(.field-base--disabled) .field-base__container[data-v-033f1b3f]:hover:before {
    opacity: 1
}

.field-base--disabled .field-base__container[data-v-033f1b3f] {
    color: Hsl(var(--custom-ui-field-base-disabled-clr, var(--gray-100-clr-decent)))
}

[dir] .field-base--disabled .field-base__container[data-v-033f1b3f] {
    cursor: not-allowed
}

.field-base--has-error .field-base__container[data-v-033f1b3f]:after, .field-base--has-error .field-base__container[data-v-033f1b3f]:before {
    color: Hsl(var(--hsl-clr-bad));
    opacity: 1
}

.field-base--is-focused .field-base__container[data-v-033f1b3f]:after, .field-base--is-focused .field-base__container[data-v-033f1b3f]:before {
    color: Hsl(var(--focus));
    opacity: 1
}

[dir=ltr] .field-base--is-focused .field-base__container[data-v-033f1b3f]:before {
    box-shadow: inset 1px 0 currentColor, inset 0 1px currentColor
}

[dir=rtl] .field-base--is-focused .field-base__container[data-v-033f1b3f]:before {
    box-shadow: inset -1px 0 currentColor, inset 0 1px currentColor
}

[dir=ltr] .field-base--is-focused .field-base__container[data-v-033f1b3f]:after {
    box-shadow: inset -1px 0 currentColor, inset 0 -1px currentColor
}

[dir=rtl] .field-base--is-focused .field-base__container[data-v-033f1b3f]:after {
    box-shadow: inset 1px 0 currentColor, inset 0 -1px currentColor
}

.field-base--inscribed .field-base__container[data-v-033f1b3f]:after, .field-base--inscribed .field-base__container[data-v-033f1b3f]:before {
    content: none
}

[dir] .field-base__content[data-v-033f1b3f] {
    padding: 1px
}

.field-base--label-on-placeholder-position .field-base__content[data-v-033f1b3f] {
    position: relative
}

.field-base__content[data-v-033f1b3f] {
    --base-input-fz: 0.875rem;
    --base-input-lh: 1.125rem;
    --base-input-padding-inline-start: 0.9375rem;
    --base-input-padding-inline-end: 0.625rem;
    --base-input-color: Hsl(var(--hsl-clr));
    --base-input-disabled-color: Hsl(var(--hsl-clr-decent));
    --base-input-placeholder-opacity: 0.5
}

.field-base--label-on-placeholder-position .field-base__content[data-v-033f1b3f] {
    --base-input-placeholder-opacity: 0
}

[dir] .field-base--has-label:not(.field-base--label-on-placeholder-position) .field-base__container[data-v-033f1b3f]:before {
    border-top-color: transparent
}

[dir=ltr] .field-base--has-label:not(.field-base--label-on-placeholder-position).field-base--is-focused .field-base__container[data-v-033f1b3f]:before {
    box-shadow: inset 1px 0 currentColor
}

[dir=rtl] .field-base--has-label:not(.field-base--label-on-placeholder-position).field-base--is-focused .field-base__container[data-v-033f1b3f]:before {
    box-shadow: inset -1px 0 currentColor
}

.field-base__label[data-v-033f1b3f] {
    pointer-events: none;
    position: absolute;
    top: 0
}

[dir] .field-base__label[data-v-033f1b3f] {
    left: 0;
    right: 0
}

[dir=ltr] .field-base--label-on-placeholder-position .field-base__label[data-v-033f1b3f] {
    right: var(--field-base-label-end-offset, 0)
}

[dir=rtl] .field-base--label-on-placeholder-position .field-base__label[data-v-033f1b3f] {
    left: var(--field-base-label-end-offset, 0)
}

.field-base__loading[data-v-033f1b3f] {
    bottom: .625rem;
    opacity: .2;
    position: absolute;
    top: .625rem
}

[dir] .field-base__loading[data-v-033f1b3f] {
    background-color: Hsl(var(--hsl-clr-decent));
    cursor: default;
    left: .9375rem;
    right: .9375rem
}

[dir] .field-base__message[data-v-033f1b3f] {
    margin-top: 2px
}

.field-base-label[data-v-033f1b3f] {
    align-items: flex-start;
    color: Hsl(var(--hsl-clr-strong));
    column-gap: .625rem;
    display: flex;
    height: 100%
}

.field-base--disabled .field-base-label[data-v-033f1b3f] {
    color: Hsl(var(--custom-ui-field-base-disabled-clr, var(--hsl-clr-decent)))
}

.field-base-label[data-v-033f1b3f]:after, .field-base-label[data-v-033f1b3f]:before {
    color: Hsl(var(--hsl-clr));
    content: "";
    height: 100%;
    min-width: var(--field-base-label-placeholder-offset);
    opacity: .5;
    z-index: 1
}

[dir] .field-base-label[data-v-033f1b3f]:after, [dir] .field-base-label[data-v-033f1b3f]:before {
    border: 1px solid;
    box-shadow: inset 0 1px transparent;
    transition-duration: .2s;
    transition-property: border-color, opacity, box-shadow
}

.field-base:not(.field-base--disabled) .field-base__container:hover .field-base-label[data-v-033f1b3f]:after, .field-base:not(.field-base--disabled) .field-base__container:hover .field-base-label[data-v-033f1b3f]:before {
    opacity: 1
}

.field-base--has-error .field-base-label[data-v-033f1b3f]:after, .field-base--has-error .field-base-label[data-v-033f1b3f]:before {
    color: Hsl(var(--hsl-clr-bad));
    opacity: 1
}

.field-base--is-focused .field-base-label[data-v-033f1b3f]:after, .field-base--is-focused .field-base-label[data-v-033f1b3f]:before {
    color: Hsl(var(--focus));
    opacity: 1
}

[dir] .field-base--is-focused .field-base-label[data-v-033f1b3f]:after, [dir] .field-base--is-focused .field-base-label[data-v-033f1b3f]:before {
    box-shadow: inset 0 1px currentColor
}

.field-base--inscribed .field-base-label[data-v-033f1b3f]:after, .field-base--inscribed .field-base-label[data-v-033f1b3f]:before {
    content: none
}

.field-base-label--placeholder-position[data-v-033f1b3f]:after, .field-base-label--placeholder-position[data-v-033f1b3f]:before {
    opacity: 0 !important
}

[dir] .field-base-label[data-v-033f1b3f]:before {
    border-bottom: none
}

[dir=ltr] .field-base-label[data-v-033f1b3f]:before {
    border-bottom-left-radius: var(--border-radius);
    border-right: none;
    border-top-left-radius: var(--border-radius)
}

[dir=rtl] .field-base-label[data-v-033f1b3f]:before {
    border-bottom-right-radius: var(--border-radius);
    border-left: none;
    border-top-right-radius: var(--border-radius)
}

.field-base-label[data-v-033f1b3f]:after {
    flex-grow: 1
}

[dir] .field-base-label[data-v-033f1b3f]:after {
    border-bottom: none
}

[dir=ltr] .field-base-label[data-v-033f1b3f]:after {
    border-bottom-right-radius: var(--border-radius);
    border-left: none;
    border-top-right-radius: var(--border-radius)
}

[dir=rtl] .field-base-label[data-v-033f1b3f]:after {
    border-bottom-left-radius: var(--border-radius);
    border-right: none;
    border-top-left-radius: var(--border-radius)
}

.field-base-label__text[data-v-033f1b3f] {
    font-size: .75rem;
    line-height: .9375rem;
    min-width: 0
}

[dir] .field-base-label__text[data-v-033f1b3f] {
    transform: translateY(-50%);
    transition-duration: .2s;
    transition-property: font-size, line-height, transform, margin
}

.field-base-label--placeholder-position .field-base-label__text[data-v-033f1b3f] {
    font-size: .875rem;
    line-height: 1.1875rem
}

[dir] .field-base-label--placeholder-position .field-base-label__text[data-v-033f1b3f] {
    transform: translateY(.6875rem)
}

[dir=ltr] .field-base-label--placeholder-position .field-base-label__text[data-v-033f1b3f] {
    margin-left: calc(var(--base-input-padding-inline-start) - var(--field-base-label-placeholder-offset) - .625rem)
}

[dir=rtl] .field-base-label--placeholder-position .field-base-label__text[data-v-033f1b3f] {
    margin-right: calc(var(--base-input-padding-inline-start) - var(--field-base-label-placeholder-offset) - .625rem)
}

.field-base-label-text[data-v-033f1b3f] {
    display: flex
}

.field-base--required .field-base-label-text[data-v-033f1b3f]:after {
    content: "*"
}

.field-base-label-text__caption--custom-asterisk[data-v-033f1b3f]:after {
    color: Hsl(var(--hsl-clr-bad));
    content: "*"
}

[dir] .field-base-message[data-v-033f1b3f] {
    padding-left: .3125rem;
    padding-right: .3125rem
}

.field-base-message__text[data-v-033f1b3f] {
    font-size: .625rem;
    line-height: .75rem
}

.field-base-message--error[data-v-033f1b3f] {
    color: Hsl(var(--hsl-clr-bad))
}

.field-base--rtl-ignore .field-base__slot[data-v-033f1b3f] {
    direction: ltr
}

[xlang=my] .field-base-label--placeholder-position .field-base-label__text[data-v-033f1b3f] {
    transform: translateY(.375rem)
}

:not(.ui-field-select--disabled) .ui-field-select__placeholder[data-v-81e731fc] {
    color: Hsl(var(--hsl-clr-strong))
}

.ui-field-select__multiselect[data-v-81e731fc] {
    flex-grow: 1;
    position: relative
}

[dir] .ui-field-select__multiselect[data-v-81e731fc] {
    padding-inline-end: .625rem;
    padding-inline-start: .9375rem
}

.ui-field-google-captcha-terms[data-v-e7b62e1e] a {
    color: Hsl(var(--hsl-clr-primary));
    text-decoration: underline
}

.ui-field-google-captcha-terms[data-v-e7b62e1e] a:hover {
    color: Hsl(var(--hsl-clr-strong))
}

.is-keyboard-user .ui-field-google-captcha-terms[data-v-e7b62e1e] a:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-accordion__header[data-v-c2236769] {
    width: 100%
}

.ui-accordion__body[data-v-c2236769] {
    overflow: hidden
}

[dir] .ui-accordion__body[data-v-c2236769] {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.is-keyboard-user .ui-accordion-header[data-v-c2236769]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-accordion-header__container[data-v-c2236769] {
    align-items: center;
    display: flex;
    min-height: 2rem
}

[dir] .ui-accordion-header__container[data-v-c2236769] {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    padding: .3125rem .625rem
}

[dir=ltr] .ui-accordion-header__arrow[data-v-c2236769] {
    margin-left: auto
}

[dir=rtl] .ui-accordion-header__arrow[data-v-c2236769] {
    margin-right: auto
}

.ui-accordion-header__angle[data-v-c2236769] {
    flex-shrink: 0;
    height: 1rem;
    width: 1rem
}

[dir=ltr] .ui-accordion--is-opened .ui-accordion-header__angle[data-v-c2236769] {
    transform: rotate(180deg)
}

[dir=rtl] .ui-accordion--is-opened .ui-accordion-header__angle[data-v-c2236769] {
    transform: rotate(-180deg)
}

[dir] .ui-accordion-body__container[data-v-c2236769] {
    padding: .625rem
}

.ui-accordion-body-enter-active[data-v-c2236769], .ui-accordion-body-leave-active[data-v-c2236769] {
    will-change: height
}

[dir] .ui-accordion-body-enter-active[data-v-c2236769], [dir] .ui-accordion-body-leave-active[data-v-c2236769] {
    transition: height .2s ease-in-out
}

.ui-accordion-body-enter[data-v-c2236769], .ui-accordion-body-leave-to[data-v-c2236769] {
    height: 0 !important
}

[dir] .ui-accordion--rounded[data-v-c2236769] {
    border-radius: var(--ui-accordion-custom-border-radius, var(--border-radius))
}

.ui-accordion--theme-gray[data-v-c2236769] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .ui-accordion--theme-gray[data-v-c2236769] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-accordion--theme-gray-30[data-v-c2236769] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .ui-accordion--theme-gray-30[data-v-c2236769] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-accordion--theme-primary[data-v-c2236769] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .ui-accordion--theme-primary[data-v-c2236769] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-accordion--theme-primary--40[data-v-c2236769] {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .ui-accordion--theme-primary--40[data-v-c2236769] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-accordion--theme-special-gray-100[data-v-c2236769] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .ui-accordion--theme-special-gray-100[data-v-c2236769] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-accordion--theme-special-gray-100 .ui-accordion__header[data-v-c2236769] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .ui-accordion--theme-special-gray-100 .ui-accordion__header[data-v-c2236769] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.ui-accordion--theme-special-gray-100 .ui-accordion__header[data-v-c2236769]:active, .ui-accordion--theme-special-gray-100 .ui-accordion__header[data-v-c2236769]:hover {
    color: Hsl(var(--hsl-clr))
}

.ui-accordion--theme-special-gray-100 .ui-accordion__header[data-v-c2236769]:hover {
    --bg: hsla(var(--specialPrimary-0-bg), 1);
    --hsl-bg: var(--specialPrimary-0-bg);
    --clr: hsl(var(--specialPrimary-0-clr));
    --hsl-clr: var(--specialPrimary-0-clr);
    --clr-accent: hsl(var(--specialPrimary-0-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-0-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-0-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-0-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-0-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-0-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-0-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-0-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-0-clr-primary);
    --clr-good: hsl(var(--specialPrimary-0-clr-good));
    --hsl-clr-good: var(--specialPrimary-0-clr-good);
    --clr-bad: hsl(var(--specialPrimary-0-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-0-clr-bad);
    --sep: hsl(var(--specialPrimary-0-sep));
    --hsl-sep: var(--specialPrimary-0-sep);
    --sep-alt: hsl(var(--specialPrimary-0-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-0-sep-alt)
}

.ui-accordion--theme-special-gray-100 .ui-accordion__header[data-v-c2236769]:active {
    --bg: hsla(var(--specialPrimary--20-bg), 1);
    --hsl-bg: var(--specialPrimary--20-bg);
    --clr: hsl(var(--specialPrimary--20-clr));
    --hsl-clr: var(--specialPrimary--20-clr);
    --clr-accent: hsl(var(--specialPrimary--20-clr-accent));
    --hsl-clr-accent: var(--specialPrimary--20-clr-accent);
    --clr-decent: hsl(var(--specialPrimary--20-clr-decent));
    --hsl-clr-decent: var(--specialPrimary--20-clr-decent);
    --clr-strong: hsl(var(--specialPrimary--20-clr-strong));
    --hsl-clr-strong: var(--specialPrimary--20-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary--20-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary--20-clr-primary));
    --hsl-clr-primary: var(--specialPrimary--20-clr-primary);
    --clr-good: hsl(var(--specialPrimary--20-clr-good));
    --hsl-clr-good: var(--specialPrimary--20-clr-good);
    --clr-bad: hsl(var(--specialPrimary--20-clr-bad));
    --hsl-clr-bad: var(--specialPrimary--20-clr-bad);
    --sep: hsl(var(--specialPrimary--20-sep));
    --hsl-sep: var(--specialPrimary--20-sep);
    --sep-alt: hsl(var(--specialPrimary--20-sep-alt));
    --hsl-sep-alt: var(--specialPrimary--20-sep-alt)
}

[dir] .ui-accordion--theme-special-gray-100:not(.ui-accordion--is-opened) .ui-accordion__header[data-v-c2236769] {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    transition: border-radius .35s ease-in-out
}

.ui-accordion--theme-cyber[data-v-c2236769] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .ui-accordion--theme-cyber[data-v-c2236769] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-alert[data-v-5f5854fa] {
    align-items: center;
    display: flex;
    min-height: 2.5rem;
    position: relative
}

[dir] .ui-alert[data-v-5f5854fa] {
    padding: .3125rem .9375rem;
    transition: transform .25s
}

.ui-alert__icon[data-v-5f5854fa] {
    flex-shrink: 0
}

[dir=ltr] .ui-alert__icon[data-v-5f5854fa] {
    margin-right: .625rem
}

[dir=rtl] .ui-alert__icon[data-v-5f5854fa] {
    margin-left: .625rem
}

.ui-alert__text[data-v-5f5854fa] {
    flex-grow: 1;
    font-size: .875rem;
    line-height: 1rem
}

.ui-alert__close[data-v-5f5854fa] {
    align-self: center;
    flex-shrink: 0;
    opacity: .5;
    width: 2.5rem
}

[dir] .ui-alert__close[data-v-5f5854fa] {
    margin-bottom: -.625rem;
    margin-top: -.625rem;
    padding: .625rem .9375rem;
    transition: opacity .25s ease-in-out
}

[dir=ltr] .ui-alert__close[data-v-5f5854fa] {
    margin-right: -.9375rem
}

[dir=rtl] .ui-alert__close[data-v-5f5854fa] {
    margin-left: -.9375rem
}

.ui-alert__close[data-v-5f5854fa]:hover {
    opacity: 1
}

.is-keyboard-user .ui-alert__close[data-v-5f5854fa]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-alert--warning[data-v-5f5854fa] {
    --bg: hsla(var(--warning-0-bg), 1);
    --hsl-bg: var(--warning-0-bg);
    --clr: hsl(var(--warning-0-clr));
    --hsl-clr: var(--warning-0-clr);
    --clr-accent: hsl(var(--warning-0-clr-accent));
    --hsl-clr-accent: var(--warning-0-clr-accent);
    --clr-decent: hsl(var(--warning-0-clr-decent));
    --hsl-clr-decent: var(--warning-0-clr-decent);
    --clr-strong: hsl(var(--warning-0-clr-strong));
    --hsl-clr-strong: var(--warning-0-clr-strong);
    --clr-strong-alt: hsl(var(--warning-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--warning-0-clr-strong-alt);
    --clr-primary: hsl(var(--warning-0-clr-primary));
    --hsl-clr-primary: var(--warning-0-clr-primary);
    --clr-good: hsl(var(--warning-0-clr-good));
    --hsl-clr-good: var(--warning-0-clr-good);
    --clr-bad: hsl(var(--warning-0-clr-bad));
    --hsl-clr-bad: var(--warning-0-clr-bad);
    --sep: hsl(var(--warning-0-sep));
    --hsl-sep: var(--warning-0-sep);
    --sep-alt: hsl(var(--warning-0-sep-alt));
    --hsl-sep-alt: var(--warning-0-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .ui-alert--warning[data-v-5f5854fa] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-alert--warning .ui-alert__icon[data-v-5f5854fa] {
    color: Hsl(var(--hsl-clr-bad))
}

.ui-tag[data-v-a724265b] {
    align-items: center;
    display: inline-flex;
    font-weight: 700;
    text-transform: uppercase
}

[dir] .ui-tag[data-v-a724265b] {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding-left: .3125rem;
    padding-right: .3125rem
}

[dir] .ui-tag--rounded-top[data-v-a724265b] {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.ui-tag--theme-accent[data-v-a724265b] {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-tag--theme-accent[data-v-a724265b] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tag--theme-bad[data-v-a724265b] {
    --bg: hsla(var(--bad-0-bg), 1);
    --hsl-bg: var(--bad-0-bg);
    --clr: hsl(var(--bad-0-clr));
    --hsl-clr: var(--bad-0-clr);
    --clr-accent: hsl(var(--bad-0-clr-accent));
    --hsl-clr-accent: var(--bad-0-clr-accent);
    --clr-decent: hsl(var(--bad-0-clr-decent));
    --hsl-clr-decent: var(--bad-0-clr-decent);
    --clr-strong: hsl(var(--bad-0-clr-strong));
    --hsl-clr-strong: var(--bad-0-clr-strong);
    --clr-strong-alt: hsl(var(--bad-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--bad-0-clr-strong-alt);
    --clr-primary: hsl(var(--bad-0-clr-primary));
    --hsl-clr-primary: var(--bad-0-clr-primary);
    --clr-good: hsl(var(--bad-0-clr-good));
    --hsl-clr-good: var(--bad-0-clr-good);
    --clr-bad: hsl(var(--bad-0-clr-bad));
    --hsl-clr-bad: var(--bad-0-clr-bad);
    --sep: hsl(var(--bad-0-sep));
    --hsl-sep: var(--bad-0-sep);
    --sep-alt: hsl(var(--bad-0-sep-alt));
    --hsl-sep-alt: var(--bad-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-tag--theme-bad[data-v-a724265b] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tag--theme-good--15[data-v-a724265b] {
    --bg: hsla(var(--good--15-bg), 1);
    --hsl-bg: var(--good--15-bg);
    --clr: hsl(var(--good--15-clr));
    --hsl-clr: var(--good--15-clr);
    --clr-accent: hsl(var(--good--15-clr-accent));
    --hsl-clr-accent: var(--good--15-clr-accent);
    --clr-decent: hsl(var(--good--15-clr-decent));
    --hsl-clr-decent: var(--good--15-clr-decent);
    --clr-strong: hsl(var(--good--15-clr-strong));
    --hsl-clr-strong: var(--good--15-clr-strong);
    --clr-strong-alt: hsl(var(--good--15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--good--15-clr-strong-alt);
    --clr-primary: hsl(var(--good--15-clr-primary));
    --hsl-clr-primary: var(--good--15-clr-primary);
    --clr-good: hsl(var(--good--15-clr-good));
    --hsl-clr-good: var(--good--15-clr-good);
    --clr-bad: hsl(var(--good--15-clr-bad));
    --hsl-clr-bad: var(--good--15-clr-bad);
    --sep: hsl(var(--good--15-sep));
    --hsl-sep: var(--good--15-sep);
    --sep-alt: hsl(var(--good--15-sep-alt));
    --hsl-sep-alt: var(--good--15-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-tag--theme-good--15[data-v-a724265b] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tag--theme-primary-30[data-v-a724265b] {
    --bg: hsla(var(--primary-30-bg), 1);
    --hsl-bg: var(--primary-30-bg);
    --clr: hsl(var(--primary-30-clr));
    --hsl-clr: var(--primary-30-clr);
    --clr-accent: hsl(var(--primary-30-clr-accent));
    --hsl-clr-accent: var(--primary-30-clr-accent);
    --clr-decent: hsl(var(--primary-30-clr-decent));
    --hsl-clr-decent: var(--primary-30-clr-decent);
    --clr-strong: hsl(var(--primary-30-clr-strong));
    --hsl-clr-strong: var(--primary-30-clr-strong);
    --clr-strong-alt: hsl(var(--primary-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-30-clr-strong-alt);
    --clr-primary: hsl(var(--primary-30-clr-primary));
    --hsl-clr-primary: var(--primary-30-clr-primary);
    --clr-good: hsl(var(--primary-30-clr-good));
    --hsl-clr-good: var(--primary-30-clr-good);
    --clr-bad: hsl(var(--primary-30-clr-bad));
    --hsl-clr-bad: var(--primary-30-clr-bad);
    --sep: hsl(var(--primary-30-sep));
    --hsl-sep: var(--primary-30-sep);
    --sep-alt: hsl(var(--primary-30-sep-alt));
    --hsl-sep-alt: var(--primary-30-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-tag--theme-primary-30[data-v-a724265b] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tag--theme-primary-75[data-v-a724265b] {
    --bg: hsla(var(--primary-75-bg), 1);
    --hsl-bg: var(--primary-75-bg);
    --clr: hsl(var(--primary-75-clr));
    --hsl-clr: var(--primary-75-clr);
    --clr-accent: hsl(var(--primary-75-clr-accent));
    --hsl-clr-accent: var(--primary-75-clr-accent);
    --clr-decent: hsl(var(--primary-75-clr-decent));
    --hsl-clr-decent: var(--primary-75-clr-decent);
    --clr-strong: hsl(var(--primary-75-clr-strong));
    --hsl-clr-strong: var(--primary-75-clr-strong);
    --clr-strong-alt: hsl(var(--primary-75-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-75-clr-strong-alt);
    --clr-primary: hsl(var(--primary-75-clr-primary));
    --hsl-clr-primary: var(--primary-75-clr-primary);
    --clr-good: hsl(var(--primary-75-clr-good));
    --hsl-clr-good: var(--primary-75-clr-good);
    --clr-bad: hsl(var(--primary-75-clr-bad));
    --hsl-clr-bad: var(--primary-75-clr-bad);
    --sep: hsl(var(--primary-75-sep));
    --hsl-sep: var(--primary-75-sep);
    --sep-alt: hsl(var(--primary-75-sep-alt));
    --hsl-sep-alt: var(--primary-75-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-tag--theme-primary-75[data-v-a724265b] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tag--theme-dynamic-accent[data-v-a724265b] {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt);
    color: Hsl(var(--custom-ui-tag-clr-theme-dynamic-accent, var(--hsl-clr)))
}

[dir] .ui-tag--theme-dynamic-accent[data-v-a724265b] {
    background-color: Hsl(var(--custom-ui-tag-bg-theme-dynamic-accent, var(--hsl-bg)))
}

.ui-tag--theme-special-accent[data-v-a724265b] {
    --bg: hsla(var(--specialAccent-0-bg), 1);
    --hsl-bg: var(--specialAccent-0-bg);
    --clr: hsl(var(--specialAccent-0-clr));
    --hsl-clr: var(--specialAccent-0-clr);
    --clr-accent: hsl(var(--specialAccent-0-clr-accent));
    --hsl-clr-accent: var(--specialAccent-0-clr-accent);
    --clr-decent: hsl(var(--specialAccent-0-clr-decent));
    --hsl-clr-decent: var(--specialAccent-0-clr-decent);
    --clr-strong: hsl(var(--specialAccent-0-clr-strong));
    --hsl-clr-strong: var(--specialAccent-0-clr-strong);
    --clr-strong-alt: hsl(var(--specialAccent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialAccent-0-clr-strong-alt);
    --clr-primary: hsl(var(--specialAccent-0-clr-primary));
    --hsl-clr-primary: var(--specialAccent-0-clr-primary);
    --clr-good: hsl(var(--specialAccent-0-clr-good));
    --hsl-clr-good: var(--specialAccent-0-clr-good);
    --clr-bad: hsl(var(--specialAccent-0-clr-bad));
    --hsl-clr-bad: var(--specialAccent-0-clr-bad);
    --sep: hsl(var(--specialAccent-0-sep));
    --hsl-sep: var(--specialAccent-0-sep);
    --sep-alt: hsl(var(--specialAccent-0-sep-alt));
    --hsl-sep-alt: var(--specialAccent-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-tag--theme-special-accent[data-v-a724265b] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tag--size-m[data-v-a724265b] {
    font-size: .625rem;
    letter-spacing: .8px;
    line-height: .75rem;
    min-height: 1rem
}

.ui-tag--size-s[data-v-a724265b] {
    font-size: .5rem;
    letter-spacing: .64px;
    line-height: .625rem;
    min-height: .75rem
}

.ui-tag--size-xs[data-v-a724265b] {
    font-size: .5rem;
    letter-spacing: .64px;
    line-height: .625rem;
    min-height: .625rem
}

.ui-bar[data-v-1d0cf97c] {
    display: flex;
    gap: 1px
}

[dir] .ui-bar--alone[data-v-1d0cf97c] {
    border-radius: var(--border-radius)
}

.ui-bar[data-v-1d0cf97c] .ui-bar-block--fill {
    flex-grow: 1;
    min-width: 0
}

[dir] .ui-bar[data-v-1d0cf97c] .ui-bar-toggle {
    border-radius: inherit
}

.ui-bar--theme-primary[data-v-1d0cf97c] .ui-bar-block {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-bar--theme-primary[data-v-1d0cf97c] .ui-bar-block {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-bar--theme-primary--20[data-v-1d0cf97c] .ui-bar-block {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-bar--theme-primary--20[data-v-1d0cf97c] .ui-bar-block {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-bar--theme-cyber--35[data-v-1d0cf97c] .ui-bar-block {
    --bg: hsla(var(--cyber--35-bg), 1);
    --hsl-bg: var(--cyber--35-bg);
    --clr: hsl(var(--cyber--35-clr));
    --hsl-clr: var(--cyber--35-clr);
    --clr-accent: hsl(var(--cyber--35-clr-accent));
    --hsl-clr-accent: var(--cyber--35-clr-accent);
    --clr-decent: hsl(var(--cyber--35-clr-decent));
    --hsl-clr-decent: var(--cyber--35-clr-decent);
    --clr-strong: hsl(var(--cyber--35-clr-strong));
    --hsl-clr-strong: var(--cyber--35-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--35-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--35-clr-primary));
    --hsl-clr-primary: var(--cyber--35-clr-primary);
    --clr-good: hsl(var(--cyber--35-clr-good));
    --hsl-clr-good: var(--cyber--35-clr-good);
    --clr-bad: hsl(var(--cyber--35-clr-bad));
    --hsl-clr-bad: var(--cyber--35-clr-bad);
    --sep: hsl(var(--cyber--35-sep));
    --hsl-sep: var(--cyber--35-sep);
    --sep-alt: hsl(var(--cyber--35-sep-alt));
    --hsl-sep-alt: var(--cyber--35-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-bar--theme-cyber--35[data-v-1d0cf97c] .ui-bar-block {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-bar--size-m[data-v-1d0cf97c] {
    --bar-block-padding-right: 0.75rem;
    --bar-block-padding-left: 0.75rem;
    min-height: 2.5rem
}

.ui-bar--size-s[data-v-1d0cf97c] {
    --bar-block-padding-right: 0.9375rem;
    --bar-block-padding-left: 0.625rem;
    min-height: 2rem
}

[dir=ltr] .ui-bar[data-v-1d0cf97c] .ui-bar-block:first-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

[dir=ltr] .ui-bar[data-v-1d0cf97c] .ui-bar-block:last-child, [dir=rtl] .ui-bar[data-v-1d0cf97c] .ui-bar-block:first-child {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit
}

[dir=rtl] .ui-bar[data-v-1d0cf97c] .ui-bar-block:last-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

.ui-bar--theme-primary--40[data-v-1d0cf97c] .ui-bar-block {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-bar--theme-primary--40[data-v-1d0cf97c] .ui-bar-block {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-bar--theme-gray-100[data-v-1d0cf97c] .ui-bar-block {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr-decent), 1)
}

[dir] .ui-bar--theme-gray-100[data-v-1d0cf97c] .ui-bar-block {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-bar--theme-dark[data-v-1d0cf97c] .ui-bar-block {
    --bg: hsla(var(--dark-0-bg), 1);
    --hsl-bg: var(--dark-0-bg);
    --clr: hsl(var(--dark-0-clr));
    --hsl-clr: var(--dark-0-clr);
    --clr-accent: hsl(var(--dark-0-clr-accent));
    --hsl-clr-accent: var(--dark-0-clr-accent);
    --clr-decent: hsl(var(--dark-0-clr-decent));
    --hsl-clr-decent: var(--dark-0-clr-decent);
    --clr-strong: hsl(var(--dark-0-clr-strong));
    --hsl-clr-strong: var(--dark-0-clr-strong);
    --clr-strong-alt: hsl(var(--dark-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--dark-0-clr-strong-alt);
    --clr-primary: hsl(var(--dark-0-clr-primary));
    --hsl-clr-primary: var(--dark-0-clr-primary);
    --clr-good: hsl(var(--dark-0-clr-good));
    --hsl-clr-good: var(--dark-0-clr-good);
    --clr-bad: hsl(var(--dark-0-clr-bad));
    --hsl-clr-bad: var(--dark-0-clr-bad);
    --sep: hsl(var(--dark-0-sep));
    --hsl-sep: var(--dark-0-sep);
    --sep-alt: hsl(var(--dark-0-sep-alt));
    --hsl-sep-alt: var(--dark-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-bar--theme-dark[data-v-1d0cf97c] .ui-bar-block {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-bar--theme-dark--40[data-v-1d0cf97c] .ui-bar-block {
    --bg: hsla(var(--dark--40-bg), 1);
    --hsl-bg: var(--dark--40-bg);
    --clr: hsl(var(--dark--40-clr));
    --hsl-clr: var(--dark--40-clr);
    --clr-accent: hsl(var(--dark--40-clr-accent));
    --hsl-clr-accent: var(--dark--40-clr-accent);
    --clr-decent: hsl(var(--dark--40-clr-decent));
    --hsl-clr-decent: var(--dark--40-clr-decent);
    --clr-strong: hsl(var(--dark--40-clr-strong));
    --hsl-clr-strong: var(--dark--40-clr-strong);
    --clr-strong-alt: hsl(var(--dark--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--dark--40-clr-strong-alt);
    --clr-primary: hsl(var(--dark--40-clr-primary));
    --hsl-clr-primary: var(--dark--40-clr-primary);
    --clr-good: hsl(var(--dark--40-clr-good));
    --hsl-clr-good: var(--dark--40-clr-good);
    --clr-bad: hsl(var(--dark--40-clr-bad));
    --hsl-clr-bad: var(--dark--40-clr-bad);
    --sep: hsl(var(--dark--40-sep));
    --hsl-sep: var(--dark--40-sep);
    --sep-alt: hsl(var(--dark--40-sep-alt));
    --hsl-sep-alt: var(--dark--40-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-bar--theme-dark--40[data-v-1d0cf97c] .ui-bar-block {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-bonus-select[data-v-47e08e14] {
    display: grid;
    position: relative
}

.ui-bonus-select__label[data-v-47e08e14] {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

[dir=ltr] .ui-bonus-select__label[data-v-47e08e14] {
    left: 0
}

[dir=rtl] .ui-bonus-select__label[data-v-47e08e14] {
    right: 0
}

.ui-bonus-select__input[data-v-47e08e14] {
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

[dir] .ui-bonus-select__input[data-v-47e08e14] {
    border: 0;
    margin: -1px;
    padding: 0
}

.ui-bonus-select__container[data-v-47e08e14] {
    display: flex
}

[dir] .ui-bonus-select__container[data-v-47e08e14] {
    border-radius: inherit
}

.is-keyboard-user .ui-bonus-select__label:focus-within ~ .ui-bonus-select__container[data-v-47e08e14] {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-bonus-select__container[data-v-47e08e14], .ui-bonus-select__text[data-v-47e08e14] {
    flex-grow: 1
}

.ui-bonus-select__title[data-v-47e08e14] {
    font-weight: 700
}

.ui-bonus-select__terms[data-v-47e08e14] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-bonus-select__terms[data-v-47e08e14] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-bonus-select:not(.ui-bonus-select--selected) .ui-bonus-select__terms[data-v-47e08e14] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt)
}

.ui-bonus-select--theme-primary[data-v-47e08e14] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-bonus-select--theme-primary[data-v-47e08e14] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-bonus-select--theme-primary.ui-bonus-select--selected[data-v-47e08e14] {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt);
    color: Hsl(var(--hsl-clr))
}

[dir] .ui-bonus-select--theme-primary.ui-bonus-select--selected[data-v-47e08e14] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-bonus-select--theme-gray-100[data-v-47e08e14] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-bonus-select--theme-gray-100[data-v-47e08e14] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-bonus-select--theme-gray-100.ui-bonus-select--selected[data-v-47e08e14] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--hsl-clr))
}

[dir] .ui-bonus-select--theme-gray-100.ui-bonus-select--selected[data-v-47e08e14] {
    background-color: Hsl(var(--custom-ui-bonus-select-selected, var(--hsl-bg)))
}

[dir] .ui-bonus-select__label[data-v-47e08e14] {
    cursor: pointer
}

[dir] .ui-bonus-select--selected .ui-bonus-select__label[data-v-47e08e14] {
    cursor: default
}

.ui-bonus-select__container[data-v-47e08e14] {
    min-height: 5.625rem
}

[dir] .ui-bonus-select__container[data-v-47e08e14] {
    padding: 1.25rem
}

[dir] .ui-bonus-select--selected .ui-bonus-select__container[data-v-47e08e14] {
    border-color: transparent
}

.ui-bonus-select__text[data-v-47e08e14] {
    display: flex;
    flex-direction: column
}

[dir] .ui-bonus-select__info[data-v-47e08e14] {
    margin-top: .3125rem
}

.ui-bonus-select__info[data-v-47e08e14], .ui-bonus-select__title[data-v-47e08e14] {
    font-size: .875rem;
    line-height: 1rem
}

.ui-bonus-select:not(.ui-bonus-select--selected) .ui-bonus-select__ico[data-v-47e08e14], .ui-bonus-select:not(.ui-bonus-select--selected) .ui-bonus-select__title[data-v-47e08e14] {
    color: Hsl(var(--hsl-clr-strong))
}

.ui-bonus-select:not(.ui-bonus-select--selected).ui-bonus-select--unwanted .ui-bonus-select__ico[data-v-47e08e14], .ui-bonus-select:not(.ui-bonus-select--selected).ui-bonus-select--unwanted .ui-bonus-select__info[data-v-47e08e14], .ui-bonus-select:not(.ui-bonus-select--selected).ui-bonus-select--unwanted .ui-bonus-select__title[data-v-47e08e14] {
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-bonus-select__terms[data-v-47e08e14] {
    border-radius: var(--border-radius);
    margin-bottom: 1.25rem;
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.ui-bonus-select--row .ui-bonus-select__container[data-v-47e08e14] {
    align-items: center
}

[dir] .ui-bonus-select--row .ui-bonus-select__container[data-v-47e08e14] {
    padding: 1.25rem
}

.ui-bonus-select--row .ui-bonus-select__ico[data-v-47e08e14] {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    font-size: 3.75rem;
    justify-content: center
}

[dir=ltr] .ui-bonus-select--row .ui-bonus-select__ico[data-v-47e08e14] {
    margin-right: .625rem
}

[dir=rtl] .ui-bonus-select--row .ui-bonus-select__ico[data-v-47e08e14] {
    margin-left: .625rem
}

.ui-bonus-select--column .ui-bonus-select__container[data-v-47e08e14] {
    flex-direction: column
}

[dir] .ui-bonus-select--column .ui-bonus-select__container[data-v-47e08e14] {
    padding: .625rem
}

.ui-bonus-select--column .ui-bonus-select__ico[data-v-47e08e14] {
    font-size: 2rem
}

[dir] .ui-bonus-select--rounded[data-v-47e08e14] {
    border-radius: var(--border-radius)
}

.ui-breadcrumbs[data-v-f36fd749] {
    align-items: center;
    display: flex
}

.ui-breadcrumbs-point[data-v-f36fd749] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 2rem
}

[dir] .ui-breadcrumbs-point[data-v-f36fd749] {
    padding: .3125rem
}

.ui-breadcrumbs-point--current[data-v-f36fd749]:not(:first-child) {
    opacity: .45
}

.is-keyboard-user .ui-breadcrumbs-point[data-v-f36fd749]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

[dir=ltr] .ui-breadcrumbs-point__label[data-v-f36fd749]:nth-child(n+2) {
    margin-left: .3125rem
}

[dir=rtl] .ui-breadcrumbs-point__label[data-v-f36fd749]:nth-child(n+2) {
    margin-right: .3125rem
}

[dir=ltr] .ui-breadcrumbs-point__ico[data-v-f36fd749]:nth-child(n+2) {
    margin-left: .3125rem
}

[dir=rtl] .ui-breadcrumbs-point__ico[data-v-f36fd749]:nth-child(n+2) {
    margin-right: .3125rem
}

[xlang=my] .ui-breadcrumbs-point__label[data-v-f36fd749] {
    padding-top: .5ex
}

[dir] .ui-breadcrumbs__chevron[data-v-f36fd749] {
    margin-left: .3125rem;
    margin-right: .3125rem;
    margin-top: 1px
}

.ui-timeline--status-pending[data-v-d794f499] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-timeline--status-success[data-v-d794f499] {
    color: Hsl(var(--hsl-clr-accent))
}

.ui-timeline__wrapper[data-v-d794f499] {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.ui-timeline__content[data-v-d794f499] {
    font-size: .75rem;
    line-height: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-timeline__icon[data-v-d794f499] {
    flex-shrink: 0
}

[dir=ltr] .ui-timeline__icon[data-v-d794f499] {
    margin-right: .3125rem
}

[dir=rtl] .ui-timeline__icon[data-v-d794f499] {
    margin-left: .3125rem
}

.ui-timeline__track[data-v-d794f499] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    height: .25rem;
    position: relative
}

[dir] .ui-timeline__track[data-v-d794f499] {
    background-color: Hsl(var(--hsl-bg));
    border-radius: var(--border-radius);
    margin-top: 2px
}

.ui-timeline__track[data-v-d794f499]:after, .ui-timeline__track[data-v-d794f499]:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0
}

[dir] .ui-timeline__track[data-v-d794f499]:after, [dir] .ui-timeline__track[data-v-d794f499]:before {
    background-color: currentColor;
    border-radius: inherit
}

.ui-timeline__track[data-v-d794f499]:before {
    max-width: 100%;
    width: var(--ui-timeline-progress)
}

[dir=ltr] .ui-timeline__track[data-v-d794f499]:before {
    left: 0
}

[dir=rtl] .ui-timeline__track[data-v-d794f499]:before {
    right: 0
}

.ui-timeline__track[data-v-d794f499]:after {
    filter: blur(.25rem);
    width: .25rem
}

[dir=ltr] .ui-timeline__track[data-v-d794f499]:after {
    left: var(--ui-timeline-progress);
    transform: translateX(-2px)
}

[dir=rtl] .ui-timeline__track[data-v-d794f499]:after {
    right: var(--ui-timeline-progress);
    transform: translateX(2px)
}

.ui-switch[data-v-30997743] {
    align-items: center;
    display: flex;
    min-height: 2rem;
    opacity: .65;
    position: relative
}

[dir] .ui-switch[data-v-30997743] {
    cursor: pointer;
    padding: .3125rem;
    transition: opacity .2s
}

.is-keyboard-user .ui-switch--is-focused[data-v-30997743] {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-switch--weight-bold[data-v-30997743] {
    font-weight: 700
}

.ui-switch--is-active[data-v-30997743], .ui-switch[data-v-30997743]:hover {
    opacity: 1
}

.ui-switch[data-v-30997743]:after {
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    opacity: 0;
    position: absolute
}

[dir] .ui-switch[data-v-30997743]:after {
    left: .3125rem;
    right: .3125rem;
    transform: scaleY(0);
    transition: opacity, transform;
    transition-duration: .2s
}

.ui-switch--is-active[data-v-30997743]:after {
    opacity: 1
}

[dir] .ui-switch--is-active[data-v-30997743]:after {
    transform: none
}

[dir=ltr] .ui-switch[data-v-30997743] > :nth-child(n+2) {
    margin-left: .625rem
}

[dir=rtl] .ui-switch[data-v-30997743] > :nth-child(n+2) {
    margin-right: .625rem
}

.ui-switch[data-v-30997743] > * .ui-caption {
    flex-grow: 1
}

.ui-switch[data-v-30997743] > * .ico {
    flex-shrink: 0
}

.ui-switch__input[data-v-30997743] {
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

[dir] .ui-switch__input[data-v-30997743] {
    border: 0;
    margin: -1px;
    padding: 0
}

[dir] .ui-switch--theme-cyber[data-v-30997743]:after {
    background-color: Hsl(var(--cyber-55-bg));
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    box-shadow: 0 0 .5rem Hsl(var(--cyber-55-bg))
}

[dir] .ui-switch--theme-default[data-v-30997743]:after {
    background-color: Hsl(var(--custom-ui-switch-active, var(--accent-15-bg)))
}

[dir] .ui-switch--theme-special-primary[data-v-30997743]:after {
    background-color: Hsl(var(--specialPrimary-0-bg));
    border-radius: calc(var(--border-radius) * 3)
}

.ui-switches-item[data-v-9b2a5336] {
    display: flex
}

.ui-switches-item__switch[data-v-9b2a5336] {
    flex: none
}

.ui-switches-item-switch__ico[data-v-9b2a5336] {
    font-size: .9375em
}

.ui-switches[data-v-e9797a10] {
    display: flex
}

.ui-switches__item[data-v-e9797a10] {
    flex: none
}

[dir=ltr] .ui-switches__item[data-v-e9797a10]:nth-child(n+2) {
    margin-left: .625em
}

[dir=rtl] .ui-switches__item[data-v-e9797a10]:nth-child(n+2) {
    margin-right: .625em
}

.ui-slider[data-v-347d18f5] {
    display: flex;
    position: relative;
    width: 100%
}

.ui-slider__slides[data-v-347d18f5] {
    display: flex;
    overflow: hidden;
    width: 100%
}

[dir] .ui-slider__slides[data-v-347d18f5] {
    border-radius: inherit
}

.ui-slider__wrapper[data-v-347d18f5] {
    display: flex;
    flex-shrink: 0;
    max-width: 300%;
    min-height: 1px;
    overflow: hidden;
    width: 300%
}

.ui-slider__slide[data-v-347d18f5] {
    display: flex;
    flex-shrink: 0;
    width: 33.33333%
}

.ui-slider__slide[data-v-347d18f5] > * {
    flex: auto;
    min-width: 0
}

.ui-slider__pagination[data-v-347d18f5] {
    position: absolute
}

[dir=ltr] .ui-slider__pagination[data-v-347d18f5] {
    right: 0
}

[dir=rtl] .ui-slider__pagination[data-v-347d18f5] {
    left: 0
}

.ui-slider__arrow[data-v-347d18f5] {
    position: absolute;
    top: 50%
}

[dir] .ui-slider__arrow[data-v-347d18f5] {
    transform: translateY(-50%)
}

.ui-slider[data-v-347d18f5] .swiper-container {
    overflow: hidden
}

.ui-slider[data-v-347d18f5] .swiper-wrapper {
    display: flex;
    position: relative;
    width: 100%
}

[dir] .ui-slider[data-v-347d18f5] .swiper-wrapper {
    transition-property: transform
}

.ui-slider-arrow[data-v-347d18f5] {
    align-items: center;
    display: flex;
    justify-content: center
}

.ui-slider-arrow--theme-gray[data-v-347d18f5] {
    color: Hsla(var(--gray-100-bg), .5)
}

[dir] .ui-slider-arrow--theme-gray[data-v-347d18f5] {
    background-color: Hsla(var(--gray-0-bg), .15)
}

.is-keyboard-user .ui-slider-arrow--theme-gray[data-v-347d18f5]:focus, .ui-slider-arrow--theme-gray[data-v-347d18f5]:hover {
    color: Hsl(var(--gray-100-bg))
}

[dir] .is-keyboard-user .ui-slider-arrow--theme-gray[data-v-347d18f5]:focus, [dir] .ui-slider-arrow--theme-gray[data-v-347d18f5]:hover {
    background-color: Hsla(var(--gray-0-bg), .3)
}

.ui-slider-arrow--theme-primary[data-v-347d18f5] {
    color: Hsla(var(--primary-0-clr), .6)
}

[dir] .ui-slider-arrow--theme-primary[data-v-347d18f5] {
    background-color: Hsla(var(--primary-0-bg), .6)
}

.is-keyboard-user .ui-slider-arrow--theme-primary[data-v-347d18f5]:focus, .ui-slider-arrow--theme-primary[data-v-347d18f5]:hover {
    color: Hsl(var(--gray-30-clr))
}

[dir] .is-keyboard-user .ui-slider-arrow--theme-primary[data-v-347d18f5]:focus, [dir] .ui-slider-arrow--theme-primary[data-v-347d18f5]:hover {
    background-color: Hsl(var(--gray-30-bg))
}

.ui-slider-arrow--theme-dark-25[data-v-347d18f5] {
    --bg: hsla(var(--dark-25-bg), 0.5);
    --hsl-bg: var(--dark-25-bg);
    --clr: hsl(var(--dark-25-clr));
    --hsl-clr: var(--dark-25-clr);
    --clr-accent: hsl(var(--dark-25-clr-accent));
    --hsl-clr-accent: var(--dark-25-clr-accent);
    --clr-decent: hsl(var(--dark-25-clr-decent));
    --hsl-clr-decent: var(--dark-25-clr-decent);
    --clr-strong: hsl(var(--dark-25-clr-strong));
    --hsl-clr-strong: var(--dark-25-clr-strong);
    --clr-strong-alt: hsl(var(--dark-25-clr-strong-alt));
    --hsl-clr-strong-alt: var(--dark-25-clr-strong-alt);
    --clr-primary: hsl(var(--dark-25-clr-primary));
    --hsl-clr-primary: var(--dark-25-clr-primary);
    --clr-good: hsl(var(--dark-25-clr-good));
    --hsl-clr-good: var(--dark-25-clr-good);
    --clr-bad: hsl(var(--dark-25-clr-bad));
    --hsl-clr-bad: var(--dark-25-clr-bad);
    --sep: hsl(var(--dark-25-sep));
    --hsl-sep: var(--dark-25-sep);
    --sep-alt: hsl(var(--dark-25-sep-alt));
    --hsl-sep-alt: var(--dark-25-sep-alt);
    color: Hsla(var(--hsl-), 1)
}

[dir] .ui-slider-arrow--theme-dark-25[data-v-347d18f5] {
    background-color: Hsla(var(--hsl-bg), .5)
}

[dir] .is-keyboard-user .ui-slider-arrow--theme-dark-25[data-v-347d18f5]:focus, [dir] .ui-slider-arrow--theme-dark-25[data-v-347d18f5]:hover {
    background-color: Hsla(var(--dark-25-bg), .7)
}

.is-keyboard-user .ui-slider-arrow[data-v-347d18f5]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-slider-arrow__ico[data-v-347d18f5] {
    font-size: 1.0625rem
}

.ui-slider-pagination[data-v-347d18f5] {
    align-items: center;
    display: flex;
    pointer-events: none
}

.ui-slider-pagination[data-v-347d18f5] .swiper-pagination-wrapper {
    pointer-events: auto
}

[dir] .ui-slider-pagination[data-v-347d18f5] .swiper-pagination-wrapper {
    cursor: pointer
}

.ui-slider-pagination[data-v-347d18f5] .swiper-pagination-wrapper .swiper-pagination-bullet {
    display: block;
    height: .625rem;
    opacity: .5;
    width: .625rem
}

[dir] .ui-slider-pagination[data-v-347d18f5] .swiper-pagination-wrapper .swiper-pagination-bullet {
    background-color: currentColor;
    border-radius: .3125rem;
    margin: .3125rem;
    transition: all .2s
}

.ui-slider-pagination[data-v-347d18f5] .swiper-pagination-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

[dir=ltr] .ui-slider__arrow--next[data-v-347d18f5] {
    border-bottom-left-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
    right: 0
}

[dir=ltr] .ui-slider__arrow--prev[data-v-347d18f5], [dir=rtl] .ui-slider__arrow--next[data-v-347d18f5] {
    border-bottom-right-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    left: 0
}

[dir=rtl] .ui-slider__arrow--prev[data-v-347d18f5] {
    border-bottom-left-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
    right: 0
}

.ui-slider__pagination[data-v-347d18f5] {
    bottom: 0
}

[dir=ltr] .ui-slider__pagination[data-v-347d18f5] {
    left: 0
}

[dir=rtl] .ui-slider__pagination[data-v-347d18f5] {
    right: 0
}

.ui-slider-arrow[data-v-347d18f5] {
    height: 7rem;
    width: 2rem
}

.ui-slider-pagination[data-v-347d18f5] {
    justify-content: center;
    min-height: 3.125rem
}

.ui-slider-pagination[data-v-347d18f5] .swiper-pagination-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 1.5625rem
}

.ui-slider[data-v-7945f7de] {
    display: flex;
    position: relative;
    width: 100%
}

.ui-slider__slides[data-v-7945f7de] {
    display: flex;
    overflow: hidden;
    width: 100%
}

[dir] .ui-slider__slides[data-v-7945f7de] {
    border-radius: inherit
}

.ui-slider__wrapper[data-v-7945f7de] {
    display: flex;
    flex-shrink: 0;
    max-width: 300%;
    min-height: 1px;
    overflow: hidden;
    width: 300%
}

.ui-slider__slide[data-v-7945f7de] {
    display: flex;
    flex-shrink: 0;
    width: 33.33333%
}

.ui-slider__slide[data-v-7945f7de] > * {
    flex: auto;
    min-width: 0
}

.ui-slider__pagination[data-v-7945f7de] {
    position: absolute
}

[dir=ltr] .ui-slider__pagination[data-v-7945f7de] {
    right: 0
}

[dir=rtl] .ui-slider__pagination[data-v-7945f7de] {
    left: 0
}

.ui-slider__arrow[data-v-7945f7de] {
    position: absolute;
    top: 50%
}

[dir] .ui-slider__arrow[data-v-7945f7de] {
    transform: translateY(-50%)
}

.ui-slider[data-v-7945f7de] .swiper-container {
    overflow: hidden
}

.ui-slider[data-v-7945f7de] .swiper-wrapper {
    display: flex;
    position: relative;
    width: 100%
}

[dir] .ui-slider[data-v-7945f7de] .swiper-wrapper {
    transition-property: transform
}

.ui-slider-arrow[data-v-7945f7de] {
    align-items: center;
    display: flex;
    justify-content: center
}

.ui-slider-arrow--theme-gray[data-v-7945f7de] {
    color: Hsla(var(--gray-100-bg), .5)
}

[dir] .ui-slider-arrow--theme-gray[data-v-7945f7de] {
    background-color: Hsla(var(--gray-0-bg), .15)
}

.is-keyboard-user .ui-slider-arrow--theme-gray[data-v-7945f7de]:focus, .ui-slider-arrow--theme-gray[data-v-7945f7de]:hover {
    color: Hsl(var(--gray-100-bg))
}

[dir] .is-keyboard-user .ui-slider-arrow--theme-gray[data-v-7945f7de]:focus, [dir] .ui-slider-arrow--theme-gray[data-v-7945f7de]:hover {
    background-color: Hsla(var(--gray-0-bg), .3)
}

.ui-slider-arrow--theme-primary[data-v-7945f7de] {
    color: Hsla(var(--primary-0-clr), .6)
}

[dir] .ui-slider-arrow--theme-primary[data-v-7945f7de] {
    background-color: Hsla(var(--primary-0-bg), .6)
}

.is-keyboard-user .ui-slider-arrow--theme-primary[data-v-7945f7de]:focus, .ui-slider-arrow--theme-primary[data-v-7945f7de]:hover {
    color: Hsl(var(--gray-30-clr))
}

[dir] .is-keyboard-user .ui-slider-arrow--theme-primary[data-v-7945f7de]:focus, [dir] .ui-slider-arrow--theme-primary[data-v-7945f7de]:hover {
    background-color: Hsl(var(--gray-30-bg))
}

.ui-slider-arrow--theme-dark-25[data-v-7945f7de] {
    --bg: hsla(var(--dark-25-bg), 0.5);
    --hsl-bg: var(--dark-25-bg);
    --clr: hsl(var(--dark-25-clr));
    --hsl-clr: var(--dark-25-clr);
    --clr-accent: hsl(var(--dark-25-clr-accent));
    --hsl-clr-accent: var(--dark-25-clr-accent);
    --clr-decent: hsl(var(--dark-25-clr-decent));
    --hsl-clr-decent: var(--dark-25-clr-decent);
    --clr-strong: hsl(var(--dark-25-clr-strong));
    --hsl-clr-strong: var(--dark-25-clr-strong);
    --clr-strong-alt: hsl(var(--dark-25-clr-strong-alt));
    --hsl-clr-strong-alt: var(--dark-25-clr-strong-alt);
    --clr-primary: hsl(var(--dark-25-clr-primary));
    --hsl-clr-primary: var(--dark-25-clr-primary);
    --clr-good: hsl(var(--dark-25-clr-good));
    --hsl-clr-good: var(--dark-25-clr-good);
    --clr-bad: hsl(var(--dark-25-clr-bad));
    --hsl-clr-bad: var(--dark-25-clr-bad);
    --sep: hsl(var(--dark-25-sep));
    --hsl-sep: var(--dark-25-sep);
    --sep-alt: hsl(var(--dark-25-sep-alt));
    --hsl-sep-alt: var(--dark-25-sep-alt);
    color: Hsla(var(--hsl-), 1)
}

[dir] .ui-slider-arrow--theme-dark-25[data-v-7945f7de] {
    background-color: Hsla(var(--hsl-bg), .5)
}

[dir] .is-keyboard-user .ui-slider-arrow--theme-dark-25[data-v-7945f7de]:focus, [dir] .ui-slider-arrow--theme-dark-25[data-v-7945f7de]:hover {
    background-color: Hsla(var(--dark-25-bg), .7)
}

.is-keyboard-user .ui-slider-arrow[data-v-7945f7de]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-slider-arrow__ico[data-v-7945f7de] {
    font-size: 1.0625rem
}

.ui-slider-pagination[data-v-7945f7de] {
    align-items: center;
    display: flex;
    pointer-events: none
}

.ui-slider-pagination[data-v-7945f7de] .swiper-pagination-wrapper {
    pointer-events: auto
}

[dir] .ui-slider-pagination[data-v-7945f7de] .swiper-pagination-wrapper {
    cursor: pointer
}

.ui-slider-pagination[data-v-7945f7de] .swiper-pagination-wrapper .swiper-pagination-bullet {
    display: block;
    height: .625rem;
    opacity: .5;
    width: .625rem
}

[dir] .ui-slider-pagination[data-v-7945f7de] .swiper-pagination-wrapper .swiper-pagination-bullet {
    background-color: currentColor;
    border-radius: .3125rem;
    margin: .3125rem;
    transition: all .2s
}

.ui-slider-pagination[data-v-7945f7de] .swiper-pagination-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

[dir=ltr] .ui-slider__arrow--next[data-v-7945f7de] {
    border-bottom-left-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
    right: 0
}

[dir=ltr] .ui-slider__arrow--prev[data-v-7945f7de], [dir=rtl] .ui-slider__arrow--next[data-v-7945f7de] {
    border-bottom-right-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    left: 0
}

[dir=rtl] .ui-slider__arrow--prev[data-v-7945f7de] {
    border-bottom-left-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
    right: 0
}

.ui-slider__pagination[data-v-7945f7de] {
    bottom: 0
}

[dir=ltr] .ui-slider__pagination[data-v-7945f7de] {
    left: 0
}

[dir=rtl] .ui-slider__pagination[data-v-7945f7de] {
    right: 0
}

.ui-slider-arrow[data-v-7945f7de] {
    height: 7rem;
    width: 2rem
}

.ui-slider-pagination[data-v-7945f7de] {
    justify-content: center;
    min-height: 3.125rem
}

.ui-slider-pagination[data-v-7945f7de] .swiper-pagination-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 1.5625rem
}

.ui-caption[data-v-2d9aa651] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-caption--uppercase[data-v-2d9aa651] {
    text-transform: uppercase
}

.ui-caption--no-wrap[data-v-2d9aa651] {
    white-space: nowrap
}

.ui-caption--color-clr[data-v-2d9aa651] {
    color: Hsl(var(--hsl-clr))
}

.ui-caption--color-clr-accent[data-v-2d9aa651] {
    color: Hsl(var(--hsl-clr-accent))
}

.ui-caption--color-clr-bad[data-v-2d9aa651] {
    color: Hsl(var(--hsl-clr-bad))
}

.ui-caption--color-clr-decent[data-v-2d9aa651] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-caption--color-clr-good[data-v-2d9aa651] {
    color: Hsl(var(--hsl-clr-good))
}

.ui-caption--color-clr-primary[data-v-2d9aa651] {
    color: Hsl(var(--hsl-clr-primary))
}

.ui-caption--color-clr-strong[data-v-2d9aa651] {
    color: Hsl(var(--hsl-clr-strong))
}

.ui-caption--color-clr-strong-alt[data-v-2d9aa651] {
    color: Hsl(var(--hsl-clr-strong-alt))
}

.ui-caption--weight-500[data-v-2d9aa651] {
    font-weight: 500
}

.ui-caption--weight-700[data-v-2d9aa651] {
    font-weight: 700
}

.ui-caption--size-xl[data-v-2d9aa651] {
    font-size: 1.25rem;
    line-height: 1.5rem
}

.ui-caption--size-l[data-v-2d9aa651] {
    font-size: 1rem;
    line-height: 1.25rem
}

.ui-caption--size-m[data-v-2d9aa651] {
    font-size: .875rem;
    line-height: 1rem
}

.ui-caption--size-s[data-v-2d9aa651] {
    font-size: .8125rem;
    line-height: .9375rem
}

.ui-caption--size-xs[data-v-2d9aa651] {
    font-size: .75rem;
    line-height: .875rem
}

.ui-caption--size-xxs[data-v-2d9aa651] {
    font-size: .6875rem;
    line-height: .8125rem
}

.ui-caption--size-xxxs[data-v-2d9aa651] {
    font-size: .625rem;
    line-height: .75rem
}

.ui-caption--size-xxxxs[data-v-2d9aa651] {
    font-size: .5rem;
    line-height: .625rem
}

.ui-dropdown-content[data-v-22a24fc1] {
    display: flex;
    flex-direction: column
}

[dir] .ui-dropdown-content[data-v-22a24fc1] {
    border: 1px solid transparent
}

[dir] .ui-dropdown-content--rounded[data-v-22a24fc1] {
    border-radius: var(--ui-dropdown-content-border-radius, var(--border-radius))
}

[dir] .ui-dropdown-content--bordered[data-v-22a24fc1] {
    border-color: var(--ui-dropdown-border-color, transparent);
    box-shadow: 0 .3125rem 1.0625rem 1px rgba(0, 0, 0, .27)
}

.ui-dropdown-content--theme-gray-100[data-v-22a24fc1] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    --ui-dropdown-border-color: Hsl(var(--gray-0-bg));
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-content--theme-gray-100[data-v-22a24fc1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-content--theme-special-gray-100[data-v-22a24fc1] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    --ui-dropdown-border-color: Hsl(var(--hsl-sep-alt));
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-content--theme-special-gray-100[data-v-22a24fc1] {
    background-color: Hsla(var(--hsl-bg), 1);
    box-shadow: 0 3px 1.125rem Hsla(var(--primary--20-bg), .3)
}

.ui-dropdown-content--theme-cyber--35[data-v-22a24fc1] {
    --bg: hsla(var(--cyber--35-bg), 1);
    --hsl-bg: var(--cyber--35-bg);
    --clr: hsl(var(--cyber--35-clr));
    --hsl-clr: var(--cyber--35-clr);
    --clr-accent: hsl(var(--cyber--35-clr-accent));
    --hsl-clr-accent: var(--cyber--35-clr-accent);
    --clr-decent: hsl(var(--cyber--35-clr-decent));
    --hsl-clr-decent: var(--cyber--35-clr-decent);
    --clr-strong: hsl(var(--cyber--35-clr-strong));
    --hsl-clr-strong: var(--cyber--35-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--35-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--35-clr-primary));
    --hsl-clr-primary: var(--cyber--35-clr-primary);
    --clr-good: hsl(var(--cyber--35-clr-good));
    --hsl-clr-good: var(--cyber--35-clr-good);
    --clr-bad: hsl(var(--cyber--35-clr-bad));
    --hsl-clr-bad: var(--cyber--35-clr-bad);
    --sep: hsl(var(--cyber--35-sep));
    --hsl-sep: var(--cyber--35-sep);
    --sep-alt: hsl(var(--cyber--35-sep-alt));
    --hsl-sep-alt: var(--cyber--35-sep-alt);
    --ui-dropdown-border-color: Hsla(var(--cyber-0-bg), 0.5);
    --ui-dropdown-content-border-radius: 0.5rem;
    color: Hsl(var(--hsl-clr))
}

[dir=ltr] .ui-dropdown-content--theme-cyber--35[data-v-22a24fc1] {
    background: linear-gradient(180deg, Hsla(var(--cyber-0-bg), .5), Hsla(var(--cyber-0-bg), 0)), Hsla(var(--cyber--60-bg), 1)
}

[dir=rtl] .ui-dropdown-content--theme-cyber--35[data-v-22a24fc1] {
    background: linear-gradient(-180deg, Hsla(var(--cyber-0-bg), .5), Hsla(var(--cyber-0-bg), 0)), Hsla(var(--cyber--60-bg), 1)
}

.ui-dropdown-content--theme-cyber--60[data-v-22a24fc1] {
    --bg: hsla(var(--cyber--60-bg), 1);
    --hsl-bg: var(--cyber--60-bg);
    --clr: hsl(var(--cyber--60-clr));
    --hsl-clr: var(--cyber--60-clr);
    --clr-accent: hsl(var(--cyber--60-clr-accent));
    --hsl-clr-accent: var(--cyber--60-clr-accent);
    --clr-decent: hsl(var(--cyber--60-clr-decent));
    --hsl-clr-decent: var(--cyber--60-clr-decent);
    --clr-strong: hsl(var(--cyber--60-clr-strong));
    --hsl-clr-strong: var(--cyber--60-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--60-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--60-clr-primary));
    --hsl-clr-primary: var(--cyber--60-clr-primary);
    --clr-good: hsl(var(--cyber--60-clr-good));
    --hsl-clr-good: var(--cyber--60-clr-good);
    --clr-bad: hsl(var(--cyber--60-clr-bad));
    --hsl-clr-bad: var(--cyber--60-clr-bad);
    --sep: hsl(var(--cyber--60-sep));
    --hsl-sep: var(--cyber--60-sep);
    --sep-alt: hsl(var(--cyber--60-sep-alt));
    --hsl-sep-alt: var(--cyber--60-sep-alt);
    --ui-dropdown-content-border-radius: 0.5rem;
    --ui-dropdown-border-color: Hsl(var(--hsl-sep));
    color: Hsl(var(--hsl-clr));
    position: relative;
    z-index: 100
}

[dir] .ui-dropdown-content--theme-cyber--60[data-v-22a24fc1] {
    box-shadow: 0 0 1.5rem Hsla(var(--primary-0-clr-primary), .25);
    padding: 1px
}

[dir=ltr] .ui-dropdown-content--theme-cyber--60[data-v-22a24fc1] {
    background-image: linear-gradient(180deg, Hsl(var(--cyber--10-bg)), Hsl(var(--hsl-bg)))
}

[dir=rtl] .ui-dropdown-content--theme-cyber--60[data-v-22a24fc1] {
    background-image: linear-gradient(-180deg, Hsl(var(--cyber--10-bg)), Hsl(var(--hsl-bg)))
}

.ui-dropdown-content--theme-cyber--60[data-v-22a24fc1]:before {
    bottom: 1px;
    content: "";
    position: absolute;
    top: 1px;
    z-index: -50
}

[dir] .ui-dropdown-content--theme-cyber--60[data-v-22a24fc1]:before {
    background-color: Hsl(var(--hsl-bg));
    border-radius: inherit;
    left: 1px;
    right: 1px
}

.ui-dropdown-content--theme-primary[data-v-22a24fc1] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    --ui-dropdown-border-color: Hsl(var(--gray-30-bg));
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-content--theme-primary[data-v-22a24fc1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-content--theme-primary--30[data-v-22a24fc1] {
    --bg: hsla(var(--primary--30-bg), 1);
    --hsl-bg: var(--primary--30-bg);
    --clr: hsl(var(--primary--30-clr));
    --hsl-clr: var(--primary--30-clr);
    --clr-accent: hsl(var(--primary--30-clr-accent));
    --hsl-clr-accent: var(--primary--30-clr-accent);
    --clr-decent: hsl(var(--primary--30-clr-decent));
    --hsl-clr-decent: var(--primary--30-clr-decent);
    --clr-strong: hsl(var(--primary--30-clr-strong));
    --hsl-clr-strong: var(--primary--30-clr-strong);
    --clr-strong-alt: hsl(var(--primary--30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--30-clr-strong-alt);
    --clr-primary: hsl(var(--primary--30-clr-primary));
    --hsl-clr-primary: var(--primary--30-clr-primary);
    --clr-good: hsl(var(--primary--30-clr-good));
    --hsl-clr-good: var(--primary--30-clr-good);
    --clr-bad: hsl(var(--primary--30-clr-bad));
    --hsl-clr-bad: var(--primary--30-clr-bad);
    --sep: hsl(var(--primary--30-sep));
    --hsl-sep: var(--primary--30-sep);
    --sep-alt: hsl(var(--primary--30-sep-alt));
    --hsl-sep-alt: var(--primary--30-sep-alt);
    --hsl-sep: var(--primary-5-bg);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-content--theme-primary--30[data-v-22a24fc1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-content--theme-primary--20[data-v-22a24fc1] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    --ui-dropdown-border-color: Hsl(var(--hsl-sep-alt));
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-content--theme-primary--20[data-v-22a24fc1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-content--theme-primary--40[data-v-22a24fc1] {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-content--theme-primary--40[data-v-22a24fc1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-content--theme-tp-gray-10[data-v-22a24fc1] {
    --bg: hsla(var(--thirdPartyGray-10-bg), 1);
    --hsl-bg: var(--thirdPartyGray-10-bg);
    --clr: hsl(var(--thirdPartyGray-10-clr));
    --hsl-clr: var(--thirdPartyGray-10-clr);
    --clr-accent: hsl(var(--thirdPartyGray-10-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-10-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-10-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-10-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-10-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-10-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-10-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-10-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-10-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-10-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-10-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-10-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-10-clr-bad);
    --sep: hsl(var(--thirdPartyGray-10-sep));
    --hsl-sep: var(--thirdPartyGray-10-sep);
    --sep-alt: hsl(var(--thirdPartyGray-10-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-10-sep-alt);
    --ui-dropdown-border-color: Hsl(var(--thirdPartyGray-10-bg));
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-content--theme-tp-gray-10[data-v-22a24fc1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-content--theme-alternative[data-v-22a24fc1] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--hsl-clr))
}

[dir] .ui-dropdown-content--theme-alternative[data-v-22a24fc1] {
    background-color: Hsl(var(--custom-primary-active-bg));
    border-color: Hsl(var(--gray-0-bg))
}

.ui-dropdown-trigger[data-v-6dea4d96] {
    display: flex
}

[dir] .ui-dropdown-trigger[data-v-6dea4d96] {
    transition: background-color .1s, color .1s
}

[dir] .ui-dropdown-trigger--rounded[data-v-6dea4d96] {
    border-radius: var(--border-radius)
}

.is-keyboard-user .ui-dropdown-trigger[data-v-6dea4d96]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-dropdown-trigger--decent[data-v-6dea4d96]:not(.ui-dropdown-trigger--toggled):not(:hover) {
    opacity: .55
}

.ui-dropdown-trigger__container[data-v-6dea4d96] {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: auto;
    gap: .3125rem;
    justify-content: center;
    min-height: 1.5rem;
    min-width: 1.5rem
}

[dir] .ui-dropdown-trigger__container[data-v-6dea4d96] {
    padding: .3125rem;
    text-align: center
}

[dir=ltr] .ui-dropdown-trigger--is-toggled .ui-dropdown-trigger__angle[data-v-6dea4d96] {
    transform: rotate(180deg)
}

[dir=rtl] .ui-dropdown-trigger--is-toggled .ui-dropdown-trigger__angle[data-v-6dea4d96] {
    transform: rotate(-180deg)
}

.ui-dropdown-trigger__angle[data-v-6dea4d96] {
    flex-shrink: 0
}

.ui-dropdown-trigger--theme-cyber[data-v-6dea4d96] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-cyber[data-v-6dea4d96] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-cyber[data-v-6dea4d96]:hover:not(.ui-dropdown-trigger--is-toggled) {
    --bg: hsla(var(--cyber-10-bg), 1);
    --hsl-bg: var(--cyber-10-bg);
    --clr: hsl(var(--cyber-10-clr));
    --hsl-clr: var(--cyber-10-clr);
    --clr-accent: hsl(var(--cyber-10-clr-accent));
    --hsl-clr-accent: var(--cyber-10-clr-accent);
    --clr-decent: hsl(var(--cyber-10-clr-decent));
    --hsl-clr-decent: var(--cyber-10-clr-decent);
    --clr-strong: hsl(var(--cyber-10-clr-strong));
    --hsl-clr-strong: var(--cyber-10-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-10-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-10-clr-primary));
    --hsl-clr-primary: var(--cyber-10-clr-primary);
    --clr-good: hsl(var(--cyber-10-clr-good));
    --hsl-clr-good: var(--cyber-10-clr-good);
    --clr-bad: hsl(var(--cyber-10-clr-bad));
    --hsl-clr-bad: var(--cyber-10-clr-bad);
    --sep: hsl(var(--cyber-10-sep));
    --hsl-sep: var(--cyber-10-sep);
    --sep-alt: hsl(var(--cyber-10-sep-alt));
    --hsl-sep-alt: var(--cyber-10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-cyber[data-v-6dea4d96]:hover:not(.ui-dropdown-trigger--is-toggled) {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-cyber.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    --bg: hsla(var(--cyber--10-bg), 1);
    --hsl-bg: var(--cyber--10-bg);
    --clr: hsl(var(--cyber--10-clr));
    --hsl-clr: var(--cyber--10-clr);
    --clr-accent: hsl(var(--cyber--10-clr-accent));
    --hsl-clr-accent: var(--cyber--10-clr-accent);
    --clr-decent: hsl(var(--cyber--10-clr-decent));
    --hsl-clr-decent: var(--cyber--10-clr-decent);
    --clr-strong: hsl(var(--cyber--10-clr-strong));
    --hsl-clr-strong: var(--cyber--10-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--10-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--10-clr-primary));
    --hsl-clr-primary: var(--cyber--10-clr-primary);
    --clr-good: hsl(var(--cyber--10-clr-good));
    --hsl-clr-good: var(--cyber--10-clr-good);
    --clr-bad: hsl(var(--cyber--10-clr-bad));
    --hsl-clr-bad: var(--cyber--10-clr-bad);
    --sep: hsl(var(--cyber--10-sep));
    --hsl-sep: var(--cyber--10-sep);
    --sep-alt: hsl(var(--cyber--10-sep-alt));
    --hsl-sep-alt: var(--cyber--10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-cyber.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-cyber--35[data-v-6dea4d96] {
    --bg: hsla(var(--cyber--35-bg), 1);
    --hsl-bg: var(--cyber--35-bg);
    --clr: hsl(var(--cyber--35-clr));
    --hsl-clr: var(--cyber--35-clr);
    --clr-accent: hsl(var(--cyber--35-clr-accent));
    --hsl-clr-accent: var(--cyber--35-clr-accent);
    --clr-decent: hsl(var(--cyber--35-clr-decent));
    --hsl-clr-decent: var(--cyber--35-clr-decent);
    --clr-strong: hsl(var(--cyber--35-clr-strong));
    --hsl-clr-strong: var(--cyber--35-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--35-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--35-clr-primary));
    --hsl-clr-primary: var(--cyber--35-clr-primary);
    --clr-good: hsl(var(--cyber--35-clr-good));
    --hsl-clr-good: var(--cyber--35-clr-good);
    --clr-bad: hsl(var(--cyber--35-clr-bad));
    --hsl-clr-bad: var(--cyber--35-clr-bad);
    --sep: hsl(var(--cyber--35-sep));
    --hsl-sep: var(--cyber--35-sep);
    --sep-alt: hsl(var(--cyber--35-sep-alt));
    --hsl-sep-alt: var(--cyber--35-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-cyber--35[data-v-6dea4d96] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-cyber--35[data-v-6dea4d96]:hover:not(.ui-dropdown-trigger--is-toggled) {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-cyber--35[data-v-6dea4d96]:hover:not(.ui-dropdown-trigger--is-toggled) {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-cyber--35.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-cyber--35.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-gray[data-v-6dea4d96] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-gray[data-v-6dea4d96] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-gray[data-v-6dea4d96]:hover:not(.ui-dropdown-trigger--is-toggled) {
    --bg: hsla(var(--gray-15-bg), 1);
    --hsl-bg: var(--gray-15-bg);
    --clr: hsl(var(--gray-15-clr));
    --hsl-clr: var(--gray-15-clr);
    --clr-accent: hsl(var(--gray-15-clr-accent));
    --hsl-clr-accent: var(--gray-15-clr-accent);
    --clr-decent: hsl(var(--gray-15-clr-decent));
    --hsl-clr-decent: var(--gray-15-clr-decent);
    --clr-strong: hsl(var(--gray-15-clr-strong));
    --hsl-clr-strong: var(--gray-15-clr-strong);
    --clr-strong-alt: hsl(var(--gray-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-15-clr-strong-alt);
    --clr-primary: hsl(var(--gray-15-clr-primary));
    --hsl-clr-primary: var(--gray-15-clr-primary);
    --clr-good: hsl(var(--gray-15-clr-good));
    --hsl-clr-good: var(--gray-15-clr-good);
    --clr-bad: hsl(var(--gray-15-clr-bad));
    --hsl-clr-bad: var(--gray-15-clr-bad);
    --sep: hsl(var(--gray-15-sep));
    --hsl-sep: var(--gray-15-sep);
    --sep-alt: hsl(var(--gray-15-sep-alt));
    --hsl-sep-alt: var(--gray-15-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-gray[data-v-6dea4d96]:hover:not(.ui-dropdown-trigger--is-toggled) {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-gray.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    --bg: hsla(var(--gray--5-bg), 1);
    --hsl-bg: var(--gray--5-bg);
    --clr: hsl(var(--gray--5-clr));
    --hsl-clr: var(--gray--5-clr);
    --clr-accent: hsl(var(--gray--5-clr-accent));
    --hsl-clr-accent: var(--gray--5-clr-accent);
    --clr-decent: hsl(var(--gray--5-clr-decent));
    --hsl-clr-decent: var(--gray--5-clr-decent);
    --clr-strong: hsl(var(--gray--5-clr-strong));
    --hsl-clr-strong: var(--gray--5-clr-strong);
    --clr-strong-alt: hsl(var(--gray--5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--5-clr-strong-alt);
    --clr-primary: hsl(var(--gray--5-clr-primary));
    --hsl-clr-primary: var(--gray--5-clr-primary);
    --clr-good: hsl(var(--gray--5-clr-good));
    --hsl-clr-good: var(--gray--5-clr-good);
    --clr-bad: hsl(var(--gray--5-clr-bad));
    --hsl-clr-bad: var(--gray--5-clr-bad);
    --sep: hsl(var(--gray--5-sep));
    --hsl-sep: var(--gray--5-sep);
    --sep-alt: hsl(var(--gray--5-sep-alt));
    --hsl-sep-alt: var(--gray--5-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-gray.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-gray-100[data-v-6dea4d96] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-gray-100[data-v-6dea4d96] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-gray-100[data-v-6dea4d96]:hover:not(.ui-dropdown-trigger--is-toggled) {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-gray-100[data-v-6dea4d96]:hover:not(.ui-dropdown-trigger--is-toggled) {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-gray-100.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-gray-100.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-tp-gray--10[data-v-6dea4d96] {
    --bg: hsla(var(--thirdPartyGray--10-bg), 1);
    --hsl-bg: var(--thirdPartyGray--10-bg);
    --clr: hsl(var(--thirdPartyGray--10-clr));
    --hsl-clr: var(--thirdPartyGray--10-clr);
    --clr-accent: hsl(var(--thirdPartyGray--10-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray--10-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray--10-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray--10-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray--10-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray--10-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray--10-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray--10-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray--10-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray--10-clr-good));
    --hsl-clr-good: var(--thirdPartyGray--10-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray--10-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray--10-clr-bad);
    --sep: hsl(var(--thirdPartyGray--10-sep));
    --hsl-sep: var(--thirdPartyGray--10-sep);
    --sep-alt: hsl(var(--thirdPartyGray--10-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray--10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-tp-gray--10[data-v-6dea4d96] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-tp-gray--10[data-v-6dea4d96]:hover:not(.ui-dropdown-trigger--is-toggled) {
    --bg: hsla(var(--thirdPartyGray-10-bg), 1);
    --hsl-bg: var(--thirdPartyGray-10-bg);
    --clr: hsl(var(--thirdPartyGray-10-clr));
    --hsl-clr: var(--thirdPartyGray-10-clr);
    --clr-accent: hsl(var(--thirdPartyGray-10-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-10-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-10-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-10-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-10-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-10-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-10-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-10-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-10-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-10-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-10-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-10-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-10-clr-bad);
    --sep: hsl(var(--thirdPartyGray-10-sep));
    --hsl-sep: var(--thirdPartyGray-10-sep);
    --sep-alt: hsl(var(--thirdPartyGray-10-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-tp-gray--10[data-v-6dea4d96]:hover:not(.ui-dropdown-trigger--is-toggled) {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-tp-gray--10.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    --bg: hsla(var(--thirdPartyGray-10-bg), 1);
    --hsl-bg: var(--thirdPartyGray-10-bg);
    --clr: hsl(var(--thirdPartyGray-10-clr));
    --hsl-clr: var(--thirdPartyGray-10-clr);
    --clr-accent: hsl(var(--thirdPartyGray-10-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-10-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-10-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-10-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-10-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-10-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-10-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-10-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-10-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-10-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-10-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-10-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-10-clr-bad);
    --sep: hsl(var(--thirdPartyGray-10-sep));
    --hsl-sep: var(--thirdPartyGray-10-sep);
    --sep-alt: hsl(var(--thirdPartyGray-10-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-tp-gray--10.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-primary[data-v-6dea4d96] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-primary[data-v-6dea4d96] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-primary[data-v-6dea4d96]:hover:not(.ui-dropdown-trigger--is-toggled) {
    --bg: hsla(var(--primary-10-bg), 1);
    --hsl-bg: var(--primary-10-bg);
    --clr: hsl(var(--primary-10-clr));
    --hsl-clr: var(--primary-10-clr);
    --clr-accent: hsl(var(--primary-10-clr-accent));
    --hsl-clr-accent: var(--primary-10-clr-accent);
    --clr-decent: hsl(var(--primary-10-clr-decent));
    --hsl-clr-decent: var(--primary-10-clr-decent);
    --clr-strong: hsl(var(--primary-10-clr-strong));
    --hsl-clr-strong: var(--primary-10-clr-strong);
    --clr-strong-alt: hsl(var(--primary-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-10-clr-strong-alt);
    --clr-primary: hsl(var(--primary-10-clr-primary));
    --hsl-clr-primary: var(--primary-10-clr-primary);
    --clr-good: hsl(var(--primary-10-clr-good));
    --hsl-clr-good: var(--primary-10-clr-good);
    --clr-bad: hsl(var(--primary-10-clr-bad));
    --hsl-clr-bad: var(--primary-10-clr-bad);
    --sep: hsl(var(--primary-10-sep));
    --hsl-sep: var(--primary-10-sep);
    --sep-alt: hsl(var(--primary-10-sep-alt));
    --hsl-sep-alt: var(--primary-10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-primary[data-v-6dea4d96]:hover:not(.ui-dropdown-trigger--is-toggled) {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-primary.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    --bg: hsla(var(--primary--10-bg), 1);
    --hsl-bg: var(--primary--10-bg);
    --clr: hsl(var(--primary--10-clr));
    --hsl-clr: var(--primary--10-clr);
    --clr-accent: hsl(var(--primary--10-clr-accent));
    --hsl-clr-accent: var(--primary--10-clr-accent);
    --clr-decent: hsl(var(--primary--10-clr-decent));
    --hsl-clr-decent: var(--primary--10-clr-decent);
    --clr-strong: hsl(var(--primary--10-clr-strong));
    --hsl-clr-strong: var(--primary--10-clr-strong);
    --clr-strong-alt: hsl(var(--primary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--10-clr-strong-alt);
    --clr-primary: hsl(var(--primary--10-clr-primary));
    --hsl-clr-primary: var(--primary--10-clr-primary);
    --clr-good: hsl(var(--primary--10-clr-good));
    --hsl-clr-good: var(--primary--10-clr-good);
    --clr-bad: hsl(var(--primary--10-clr-bad));
    --hsl-clr-bad: var(--primary--10-clr-bad);
    --sep: hsl(var(--primary--10-sep));
    --hsl-sep: var(--primary--10-sep);
    --sep-alt: hsl(var(--primary--10-sep-alt));
    --hsl-sep-alt: var(--primary--10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-primary.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-primary-5[data-v-6dea4d96] {
    --bg: hsla(var(--primary-5-bg), 1);
    --hsl-bg: var(--primary-5-bg);
    --clr: hsl(var(--primary-5-clr));
    --hsl-clr: var(--primary-5-clr);
    --clr-accent: hsl(var(--primary-5-clr-accent));
    --hsl-clr-accent: var(--primary-5-clr-accent);
    --clr-decent: hsl(var(--primary-5-clr-decent));
    --hsl-clr-decent: var(--primary-5-clr-decent);
    --clr-strong: hsl(var(--primary-5-clr-strong));
    --hsl-clr-strong: var(--primary-5-clr-strong);
    --clr-strong-alt: hsl(var(--primary-5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-5-clr-strong-alt);
    --clr-primary: hsl(var(--primary-5-clr-primary));
    --hsl-clr-primary: var(--primary-5-clr-primary);
    --clr-good: hsl(var(--primary-5-clr-good));
    --hsl-clr-good: var(--primary-5-clr-good);
    --clr-bad: hsl(var(--primary-5-clr-bad));
    --hsl-clr-bad: var(--primary-5-clr-bad);
    --sep: hsl(var(--primary-5-sep));
    --hsl-sep: var(--primary-5-sep);
    --sep-alt: hsl(var(--primary-5-sep-alt));
    --hsl-sep-alt: var(--primary-5-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-primary-5[data-v-6dea4d96] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-primary-5[data-v-6dea4d96]:hover:not(.ui-dropdown-trigger--is-toggled) {
    --bg: hsla(var(--primary-15-bg), 1);
    --hsl-bg: var(--primary-15-bg);
    --clr: hsl(var(--primary-15-clr));
    --hsl-clr: var(--primary-15-clr);
    --clr-accent: hsl(var(--primary-15-clr-accent));
    --hsl-clr-accent: var(--primary-15-clr-accent);
    --clr-decent: hsl(var(--primary-15-clr-decent));
    --hsl-clr-decent: var(--primary-15-clr-decent);
    --clr-strong: hsl(var(--primary-15-clr-strong));
    --hsl-clr-strong: var(--primary-15-clr-strong);
    --clr-strong-alt: hsl(var(--primary-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-15-clr-strong-alt);
    --clr-primary: hsl(var(--primary-15-clr-primary));
    --hsl-clr-primary: var(--primary-15-clr-primary);
    --clr-good: hsl(var(--primary-15-clr-good));
    --hsl-clr-good: var(--primary-15-clr-good);
    --clr-bad: hsl(var(--primary-15-clr-bad));
    --hsl-clr-bad: var(--primary-15-clr-bad);
    --sep: hsl(var(--primary-15-sep));
    --hsl-sep: var(--primary-15-sep);
    --sep-alt: hsl(var(--primary-15-sep-alt));
    --hsl-sep-alt: var(--primary-15-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-primary-5[data-v-6dea4d96]:hover:not(.ui-dropdown-trigger--is-toggled) {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-primary-5.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-primary-5.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-special-gray-100[data-v-6dea4d96] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr-decent), 1)
}

[dir] .ui-dropdown-trigger--theme-special-gray-100[data-v-6dea4d96] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-special-gray-100[data-v-6dea4d96]:hover {
    color: Hsl(var(--specialPrimary-100-clr-decent))
}

.ui-dropdown-trigger--theme-special-gray-100[data-v-6dea4d96]:active {
    color: Hsl(var(--specialPrimary-100-clr-strong))
}

.ui-dropdown-trigger--theme-special-gray-100.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    color: Hsl(var(--specialPrimary-100-clr))
}

.ui-dropdown-trigger--theme-default[data-v-6dea4d96]:hover:not(.ui-dropdown-trigger--is-toggled) {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-default[data-v-6dea4d96]:hover:not(.ui-dropdown-trigger--is-toggled) {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-trigger--theme-default.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dropdown-trigger--theme-default.ui-dropdown-trigger--is-toggled[data-v-6dea4d96] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dropdown-triangle[data-v-1facee4b]:after, .ui-dropdown-triangle[data-v-1facee4b]:before {
    content: "";
    position: absolute
}

[dir] .ui-dropdown-triangle[data-v-1facee4b]:after, [dir] .ui-dropdown-triangle[data-v-1facee4b]:before {
    border-color: transparent;
    border-style: solid;
    transition: visibility, opacity, transform;
    transition-duration: .2s
}

.ui-dropdown-triangle[data-placement*=top][data-v-1facee4b]:after, .ui-dropdown-triangle[data-placement*=top][data-v-1facee4b]:before {
    bottom: 100%
}

[dir=ltr] .ui-dropdown-triangle[data-placement*=top][data-v-1facee4b]:after, [dir=ltr] .ui-dropdown-triangle[data-placement*=top][data-v-1facee4b]:before {
    left: 50%;
    transform: translateX(-50%)
}

[dir=rtl] .ui-dropdown-triangle[data-placement*=top][data-v-1facee4b]:after, [dir=rtl] .ui-dropdown-triangle[data-placement*=top][data-v-1facee4b]:before {
    right: 50%;
    transform: translateX(50%)
}

[dir] .ui-dropdown-triangle[data-placement*=top][data-v-1facee4b]:before {
    border-top-color: var(--ui-dropdown-triangle-border);
    border-width: .5rem .375rem 0;
    margin-bottom: 2px
}

[dir] .ui-dropdown-triangle[data-placement*=top][data-v-1facee4b]:after {
    border-top-color: var(--ui-dropdown-triangle-background);
    border-width: .4375rem .3125rem 0;
    margin-bottom: .25rem
}

.ui-dropdown-triangle[data-placement*=right][data-v-1facee4b]:after, .ui-dropdown-triangle[data-placement*=right][data-v-1facee4b]:before {
    top: 50%
}

[dir] .ui-dropdown-triangle[data-placement*=right][data-v-1facee4b]:after, [dir] .ui-dropdown-triangle[data-placement*=right][data-v-1facee4b]:before {
    transform: translateY(-50%)
}

[dir=ltr] .ui-dropdown-triangle[data-placement*=right][data-v-1facee4b]:after, [dir=ltr] .ui-dropdown-triangle[data-placement*=right][data-v-1facee4b]:before {
    left: 100%
}

[dir=rtl] .ui-dropdown-triangle[data-placement*=right][data-v-1facee4b]:after, [dir=rtl] .ui-dropdown-triangle[data-placement*=right][data-v-1facee4b]:before {
    right: 100%
}

[dir=ltr] .ui-dropdown-triangle[data-placement*=right][data-v-1facee4b]:before {
    border-right-color: var(--ui-dropdown-triangle-border);
    border-width: .375rem .5rem .375rem 0;
    margin-left: 2px
}

[dir=rtl] .ui-dropdown-triangle[data-placement*=right][data-v-1facee4b]:before {
    border-left-color: var(--ui-dropdown-triangle-border);
    border-width: .375rem 0 .375rem .5rem;
    margin-right: 2px
}

[dir=ltr] .ui-dropdown-triangle[data-placement*=right][data-v-1facee4b]:after {
    border-right-color: var(--ui-dropdown-triangle-background);
    border-width: .3125rem .4375rem .3125rem 0;
    margin-left: .25rem
}

[dir=rtl] .ui-dropdown-triangle[data-placement*=right][data-v-1facee4b]:after {
    border-left-color: var(--ui-dropdown-triangle-background);
    border-width: .3125rem 0 .3125rem .4375rem;
    margin-right: .25rem
}

.ui-dropdown-triangle[data-placement*=bottom][data-v-1facee4b]:after, .ui-dropdown-triangle[data-placement*=bottom][data-v-1facee4b]:before {
    top: 100%
}

[dir=ltr] .ui-dropdown-triangle[data-placement*=bottom][data-v-1facee4b]:after, [dir=ltr] .ui-dropdown-triangle[data-placement*=bottom][data-v-1facee4b]:before {
    left: 50%;
    transform: translateX(-50%)
}

[dir=rtl] .ui-dropdown-triangle[data-placement*=bottom][data-v-1facee4b]:after, [dir=rtl] .ui-dropdown-triangle[data-placement*=bottom][data-v-1facee4b]:before {
    right: 50%;
    transform: translateX(50%)
}

[dir] .ui-dropdown-triangle[data-placement*=bottom][data-v-1facee4b]:before {
    border-bottom-color: var(--ui-dropdown-triangle-border);
    border-width: 0 .375rem .5rem;
    margin-top: 2px
}

[dir] .ui-dropdown-triangle[data-placement*=bottom][data-v-1facee4b]:after {
    border-bottom-color: var(--ui-dropdown-triangle-background);
    border-width: 0 .3125rem .4375rem;
    margin-top: .25rem
}

.ui-dropdown-triangle[data-placement*=left][data-v-1facee4b]:after, .ui-dropdown-triangle[data-placement*=left][data-v-1facee4b]:before {
    top: 50%
}

[dir] .ui-dropdown-triangle[data-placement*=left][data-v-1facee4b]:after, [dir] .ui-dropdown-triangle[data-placement*=left][data-v-1facee4b]:before {
    transform: translateY(-50%)
}

[dir=ltr] .ui-dropdown-triangle[data-placement*=left][data-v-1facee4b]:after, [dir=ltr] .ui-dropdown-triangle[data-placement*=left][data-v-1facee4b]:before {
    right: 100%
}

[dir=rtl] .ui-dropdown-triangle[data-placement*=left][data-v-1facee4b]:after, [dir=rtl] .ui-dropdown-triangle[data-placement*=left][data-v-1facee4b]:before {
    left: 100%
}

[dir=ltr] .ui-dropdown-triangle[data-placement*=left][data-v-1facee4b]:before {
    border-left-color: var(--ui-dropdown-triangle-border);
    border-width: .375rem 0 .375rem .5rem;
    margin-right: 2px
}

[dir=rtl] .ui-dropdown-triangle[data-placement*=left][data-v-1facee4b]:before {
    border-right-color: var(--ui-dropdown-triangle-border);
    border-width: .375rem .5rem .375rem 0;
    margin-left: 2px
}

[dir=ltr] .ui-dropdown-triangle[data-placement*=left][data-v-1facee4b]:after {
    border-left-color: var(--ui-dropdown-triangle-background);
    border-width: .3125rem 0 .3125rem .4375rem;
    margin-right: .25rem
}

[dir=rtl] .ui-dropdown-triangle[data-placement*=left][data-v-1facee4b]:after {
    border-right-color: var(--ui-dropdown-triangle-background);
    border-width: .3125rem .4375rem .3125rem 0;
    margin-left: .25rem
}

.ui-dropdown-triangle--theme-gray-100[data-v-1facee4b] {
    --ui-dropdown-triangle-background: Hsl(var(--gray-100-bg));
    --ui-dropdown-triangle-border: Hsl(var(--gray-0-bg))
}

.ui-dropdown-triangle--theme-special-gray-100[data-v-1facee4b] {
    --ui-dropdown-triangle-background: Hsl(var(--gray-100-bg));
    --ui-dropdown-triangle-border: Hsl(var(--gray-100-sep-alt))
}

.ui-dropdown-triangle--theme-cyber--35[data-v-1facee4b] {
    --ui-dropdown-triangle-background: Hsl(var(--cyber--35-bg));
    --ui-dropdown-triangle-border: Hsla(var(--cyber-0-bg), 0.5)
}

.ui-dropdown-triangle--theme-cyber--60[data-v-1facee4b] {
    --ui-dropdown-triangle-background: Hsl(var(--cyber--60-bg));
    --ui-dropdown-triangle-border: Hsl(var(--cyber--60-sep))
}

[dir] .ui-dropdown-triangle--theme-cyber--60[data-placement*=top][data-v-1facee4b]:before {
    margin-bottom: 3px
}

[dir] .ui-dropdown-triangle--theme-cyber--60[data-placement*=top][data-v-1facee4b]:after {
    margin-bottom: .3125rem
}

[dir] .ui-dropdown-triangle--theme-cyber--60[data-placement*=bottom][data-v-1facee4b]:before {
    margin-top: 3px
}

[dir] .ui-dropdown-triangle--theme-cyber--60[data-placement*=bottom][data-v-1facee4b]:after {
    margin-top: .3125rem
}

.ui-dropdown-triangle--theme-primary[data-v-1facee4b] {
    --ui-dropdown-triangle-background: Hsl(var(--primary-0-bg));
    --ui-dropdown-triangle-border: Hsl(var(--gray-30-bg))
}

.ui-dropdown-triangle--theme-primary--30[data-v-1facee4b] {
    --ui-dropdown-triangle-background: Hsl(var(--primary--30-bg));
    --ui-dropdown-triangle-border: Hsl(var(--primary--30-bg))
}

.ui-dropdown-triangle--theme-primary--40[data-v-1facee4b] {
    --ui-dropdown-triangle-background: Hsl(var(--primary--40-bg));
    --ui-dropdown-triangle-border: Hsl(var(--primary--40-bg))
}

.ui-dropdown-triangle--theme-tp-gray-10[data-v-1facee4b] {
    --ui-dropdown-triangle-background: Hsl(var(--thirdPartyGray-10-bg));
    --ui-dropdown-triangle-border: Hsl(var(--thirdPartyGray-10-bg))
}

.ui-dropdown-triangle--theme-alternative[data-v-1facee4b] {
    --ui-dropdown-triangle-background: Hsl(var(--custom-primary-active-bg));
    --ui-dropdown-triangle-border: Hsl(var(--gray-0-bg))
}

.ui-inline-dropdown[data-v-0b1a8ada] {
    --ui-inline-dropdown-triangle-offset: 0px;
    display: flex
}

.ui-inline-dropdown--has-triangle[data-v-0b1a8ada] {
    --ui-inline-dropdown-triangle-offset: 0.625rem
}

.ui-inline-dropdown--outside[data-v-0b1a8ada] {
    --ui-inline-dropdown-content-offset: 100%
}

.ui-inline-dropdown--inside[data-v-0b1a8ada] {
    --ui-inline-dropdown-content-offset: 0px
}

.ui-inline-dropdown--outline[data-v-0b1a8ada] {
    position: relative
}

.ui-inline-dropdown--outline > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    position: absolute;
    z-index: 100
}

.ui-inline-dropdown--outline[data-placement*=top] > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    bottom: calc(var(--ui-inline-dropdown-content-offset) + var(--ui-inline-dropdown-triangle-offset))
}

[dir=ltr] .ui-inline-dropdown--outline[data-placement*=right] > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    left: calc(var(--ui-inline-dropdown-content-offset) + var(--ui-inline-dropdown-triangle-offset))
}

[dir=rtl] .ui-inline-dropdown--outline[data-placement*=right] > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    right: calc(var(--ui-inline-dropdown-content-offset) + var(--ui-inline-dropdown-triangle-offset))
}

.ui-inline-dropdown--outline[data-placement*=bottom] > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    top: calc(var(--ui-inline-dropdown-content-offset) + var(--ui-inline-dropdown-triangle-offset))
}

[dir=ltr] .ui-inline-dropdown--outline[data-placement*=left] > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    right: calc(var(--ui-inline-dropdown-content-offset) + var(--ui-inline-dropdown-triangle-offset))
}

[dir=rtl] .ui-inline-dropdown--outline[data-placement*=left] > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    left: calc(var(--ui-inline-dropdown-content-offset) + var(--ui-inline-dropdown-triangle-offset))
}

[dir=ltr] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=bottom] > .ui-inline-dropdown__content[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=top] > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    left: 0
}

[dir=rtl] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=bottom] > .ui-inline-dropdown__content[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=top] > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    right: 0
}

[dir=ltr] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=bottom] > .ui-inline-dropdown__content[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=top] > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    left: 50%;
    transform: translateX(-50%)
}

[dir=rtl] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=bottom] > .ui-inline-dropdown__content[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=top] > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    right: 50%;
    transform: translateX(50%)
}

[dir=ltr] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=top] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=top] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=top] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada] {
    transform: translateX(-50%) translateY(-.9375rem)
}

[dir=rtl] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=top] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=top] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=top] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada] {
    transform: translateX(50%) translateY(-.9375rem)
}

[dir=ltr] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=bottom] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=bottom] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=bottom] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada] {
    transform: translateX(-50%) translateY(.9375rem)
}

[dir=rtl] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=bottom] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=bottom] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=bottom] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada] {
    transform: translateX(50%) translateY(.9375rem)
}

[dir=ltr] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=bottom] > .ui-inline-dropdown__content[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=top] > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    right: 0
}

[dir=rtl] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=bottom] > .ui-inline-dropdown__content[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=top] > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    left: 0
}

[dir] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=top] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=top] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=top] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada], [dir] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=top] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=top] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=top] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada] {
    transform: translateY(-.9375rem)
}

[dir] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=bottom] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=bottom] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=bottom] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada], [dir] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=bottom] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=bottom] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=bottom] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada] {
    transform: translateY(.9375rem)
}

.ui-inline-dropdown--outline[data-placement*=start][data-placement*=left] > .ui-inline-dropdown__content[data-v-0b1a8ada], .ui-inline-dropdown--outline[data-placement*=start][data-placement*=right] > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    top: 0
}

.ui-inline-dropdown--outline[data-placement*=center][data-placement*=left] > .ui-inline-dropdown__content[data-v-0b1a8ada], .ui-inline-dropdown--outline[data-placement*=center][data-placement*=right] > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    top: 50%
}

[dir] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=left] > .ui-inline-dropdown__content[data-v-0b1a8ada], [dir] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=right] > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    transform: translateY(-50%)
}

[dir=ltr] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada] {
    transform: translateY(-50%) translateX(-.9375rem)
}

[dir=ltr] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada] {
    transform: translateY(-50%) translateX(.9375rem)
}

[dir=rtl] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=center][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada] {
    transform: translateY(-50%) translateX(-.9375rem)
}

.ui-inline-dropdown--outline[data-placement*=end][data-placement*=left] > .ui-inline-dropdown__content[data-v-0b1a8ada], .ui-inline-dropdown--outline[data-placement*=end][data-placement*=right] > .ui-inline-dropdown__content[data-v-0b1a8ada] {
    bottom: 0
}

[dir=ltr] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada] {
    transform: translateX(-.9375rem)
}

[dir=ltr] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=left] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada] {
    transform: translateX(.9375rem)
}

[dir=rtl] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=end][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown--outline[data-placement*=start][data-placement*=right] > .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada] {
    transform: translateX(-.9375rem)
}

.ui-inline-dropdown--inline[data-v-0b1a8ada] {
    gap: var(--ui-inline-dropdown-triangle-offset)
}

.ui-inline-dropdown--inline[data-placement*=top][data-v-0b1a8ada] {
    flex-direction: column-reverse
}

.ui-inline-dropdown--inline[data-placement*=right][data-v-0b1a8ada] {
    flex-direction: row
}

.ui-inline-dropdown--inline[data-placement*=bottom][data-v-0b1a8ada] {
    flex-direction: column
}

.ui-inline-dropdown--inline[data-placement*=left][data-v-0b1a8ada] {
    flex-direction: row-reverse
}

.ui-inline-dropdown--same-width .ui-inline-dropdown__content[data-v-0b1a8ada] {
    width: 100%
}

.ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-from[data-v-0b1a8ada], .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter[data-v-0b1a8ada], .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-to[data-v-0b1a8ada] {
    opacity: 0
}

[dir] .ui-inline-dropdown__content.t-ui-inline-dropdown__content-enter-active[data-v-0b1a8ada], [dir] .ui-inline-dropdown__content.t-ui-inline-dropdown__content-leave-active[data-v-0b1a8ada] {
    transition: opacity, transform;
    transition-duration: .2s
}

.ui-inline-dropdown__trigger[data-v-0b1a8ada] {
    display: flex;
    flex-grow: 1;
    min-width: 0;
    position: relative
}

[dir] .ui-inline-dropdown__trigger[data-v-0b1a8ada] {
    border-radius: inherit
}

.ui-inline-dropdown__button[data-v-0b1a8ada] {
    flex-grow: 1
}

[dir] .ui-inline-dropdown__button[data-v-0b1a8ada] {
    border-radius: inherit
}

.ui-inline-dropdown__triangle[data-v-0b1a8ada] {
    position: absolute;
    z-index: 150
}

.ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-enter-from[data-v-0b1a8ada], .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-enter[data-v-0b1a8ada], .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-leave-to[data-v-0b1a8ada] {
    opacity: 0
}

[dir] .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-enter-active[data-v-0b1a8ada], [dir] .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-leave-active[data-v-0b1a8ada] {
    transition: opacity, transform;
    transition-duration: .2s
}

.ui-inline-dropdown[data-placement*=top] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle[data-v-0b1a8ada] {
    bottom: 100%
}

[dir=ltr] .ui-inline-dropdown[data-placement*=top] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle[data-v-0b1a8ada] {
    left: 50%
}

[dir=rtl] .ui-inline-dropdown[data-placement*=top] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle[data-v-0b1a8ada] {
    right: 50%
}

[dir] .ui-inline-dropdown[data-placement*=top] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-enter-from[data-v-0b1a8ada], [dir] .ui-inline-dropdown[data-placement*=top] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-enter[data-v-0b1a8ada], [dir] .ui-inline-dropdown[data-placement*=top] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-leave-to[data-v-0b1a8ada] {
    transform: translateY(-.9375rem)
}

.ui-inline-dropdown[data-placement*=right] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle[data-v-0b1a8ada] {
    top: 50%
}

[dir=ltr] .ui-inline-dropdown[data-placement*=right] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle[data-v-0b1a8ada] {
    left: 100%
}

[dir=rtl] .ui-inline-dropdown[data-placement*=right] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle[data-v-0b1a8ada] {
    right: 100%
}

[dir=ltr] .ui-inline-dropdown[data-placement*=right] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-enter-from[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown[data-placement*=right] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-enter[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown[data-placement*=right] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-leave-to[data-v-0b1a8ada] {
    transform: translateX(.9375rem)
}

[dir=rtl] .ui-inline-dropdown[data-placement*=right] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-enter-from[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown[data-placement*=right] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-enter[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown[data-placement*=right] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-leave-to[data-v-0b1a8ada] {
    transform: translateX(-.9375rem)
}

.ui-inline-dropdown[data-placement*=bottom] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle[data-v-0b1a8ada] {
    top: 100%
}

[dir=ltr] .ui-inline-dropdown[data-placement*=bottom] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle[data-v-0b1a8ada] {
    left: 50%
}

[dir=rtl] .ui-inline-dropdown[data-placement*=bottom] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle[data-v-0b1a8ada] {
    right: 50%
}

[dir] .ui-inline-dropdown[data-placement*=bottom] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-enter-from[data-v-0b1a8ada], [dir] .ui-inline-dropdown[data-placement*=bottom] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-enter[data-v-0b1a8ada], [dir] .ui-inline-dropdown[data-placement*=bottom] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-leave-to[data-v-0b1a8ada] {
    transform: translateY(.9375rem)
}

.ui-inline-dropdown[data-placement*=left] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle[data-v-0b1a8ada] {
    top: 50%
}

[dir=ltr] .ui-inline-dropdown[data-placement*=left] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle[data-v-0b1a8ada] {
    right: 100%
}

[dir=rtl] .ui-inline-dropdown[data-placement*=left] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle[data-v-0b1a8ada] {
    left: 100%
}

[dir=ltr] .ui-inline-dropdown[data-placement*=left] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-enter-from[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown[data-placement*=left] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-enter[data-v-0b1a8ada], [dir=ltr] .ui-inline-dropdown[data-placement*=left] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-leave-to[data-v-0b1a8ada] {
    transform: translateX(-.9375rem)
}

[dir=rtl] .ui-inline-dropdown[data-placement*=left] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-enter-from[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown[data-placement*=left] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-enter[data-v-0b1a8ada], [dir=rtl] .ui-inline-dropdown[data-placement*=left] > .ui-inline-dropdown__trigger .ui-inline-dropdown__triangle.t-ui-inline-dropdown__triangle-leave-to[data-v-0b1a8ada] {
    transform: translateX(.9375rem)
}

.dropdown-phone-codes.dropdown[data-v-0b1a8ada] {
    display: flex;
    position: static
}

.dropdown-phone-codes__scrollbar[data-v-0b1a8ada] {
    width: 22.5rem
}

[dir=rtl] .dropdown-phone-codes__scrollbar[data-v-0b1a8ada] {
    direction: rtl
}

.dropdown-phone-codes__search[data-v-0b1a8ada] {
    display: flex
}

.dropdown-phone-codes__input[data-v-0b1a8ada] {
    min-width: 2.1875rem;
    position: relative
}

[dir] .dropdown-phone-codes__input[data-v-0b1a8ada] {
    cursor: pointer
}

.dropdown-phone-codes__input[data-v-0b1a8ada] .input-field {
    appearance: textfield
}

[dir=ltr] .dropdown-phone-codes__input[data-v-0b1a8ada] .input-field {
    padding-right: 0
}

[dir=rtl] .dropdown-phone-codes__input[data-v-0b1a8ada] .input-field {
    padding-left: 0
}

.dropdown-phone-codes__input[data-v-0b1a8ada] .input-field::-webkit-inner-spin-button, .dropdown-phone-codes__input[data-v-0b1a8ada] .input-field::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

[dir] .dropdown-phone-codes__input[data-v-0b1a8ada] .input-field::-webkit-inner-spin-button, [dir] .dropdown-phone-codes__input[data-v-0b1a8ada] .input-field::-webkit-outer-spin-button {
    margin: 0
}

.dropdown-phone-codes__list[data-v-0b1a8ada] {
    max-height: 18.75rem
}

[dir] .dropdown-phone-codes__list[data-v-0b1a8ada] .vue-recycle-scroller__item-view:nth-child(n+2) {
    border-top: 1px solid var(--select-options-sep, var(--select-content-sep))
}

.dropdown-phone-codes__plus[data-v-0b1a8ada] {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

[dir] .dropdown-phone-codes__item[data-v-0b1a8ada]:nth-child(n+2) {
    margin-top: 1px
}

.dropdown-phone-codes[data-v-0b1a8ada] .dropdown-triangle {
    display: flex
}

.dropdown-phone-codes[data-v-0b1a8ada] .dropdown__content:empty {
    display: none
}

[dir] .dropdown-phone-codes--is-disabled .dropdown-phone-codes__button[data-v-0b1a8ada] {
    cursor: not-allowed
}

.dropdown-phone-codes--is-disabled .dropdown-phone-codes-container[data-v-0b1a8ada] {
    opacity: .6;
    pointer-events: none
}

.dropdown-phone-codes__input[data-v-0b1a8ada] {
    margin-left: .625rem
}

.dropdown--is-open .angle[data-v-0b1a8ada], .dropdown-phone-codes__angle[data-v-0b1a8ada] {
    transform: rotate(180deg)
}

.dropdown-phone-codes-container[data-v-0b1a8ada] {
    align-items: center;
    display: flex
}

.dropdown-phone-codes-container__angle[data-v-0b1a8ada] {
    margin-left: .3125rem
}

.dropdown-phone-codes-container__angle.angle[data-v-0b1a8ada] {
    transform: none
}

.dropdown-phone-codes-container__code[data-v-0b1a8ada] {
    margin-left: .625rem
}

[dir=rtl] .dropdown-phone-codes__country[data-v-0b1a8ada] {
    direction: rtl
}

[dir=rtl] .dropdown-phone-codes-container[data-v-0b1a8ada] {
    direction: ltr
}

.ui-overlay-dropdown-container[data-v-349fb7fc] {
    left: 0;
    top: 0
}

.ui-overlay-dropdown-container[data-placement*=top] > .ui-overlay-dropdown-container__triangle[data-v-349fb7fc] {
    left: 0;
    top: 100%
}

.ui-overlay-dropdown-container[data-placement*=right] > .ui-overlay-dropdown-container__triangle[data-v-349fb7fc] {
    right: 100%;
    top: 0
}

.ui-overlay-dropdown-container[data-placement*=bottom] > .ui-overlay-dropdown-container__triangle[data-v-349fb7fc] {
    bottom: 100%;
    left: 0
}

.ui-overlay-dropdown-container[data-placement*=left] > .ui-overlay-dropdown-container__triangle[data-v-349fb7fc] {
    left: 100%;
    top: 0
}

.ui-overlay-dropdown-container[data-v-349fb7fc] {
    --ui-inline-dropdown-triangle-offset: 0em;
    display: flex;
    position: absolute;
    z-index: 1000
}

.ui-overlay-dropdown-container--has-triangle[data-v-349fb7fc] {
    --ui-inline-dropdown-triangle-offset: 0.625rem
}

[dir] .ui-overlay-dropdown-container[data-placement*=top][data-v-349fb7fc] {
    padding-bottom: var(--ui-inline-dropdown-triangle-offset)
}

[dir=ltr] .ui-overlay-dropdown-container[data-placement*=right][data-v-349fb7fc] {
    padding-left: var(--ui-inline-dropdown-triangle-offset)
}

[dir=rtl] .ui-overlay-dropdown-container[data-placement*=right][data-v-349fb7fc] {
    padding-right: var(--ui-inline-dropdown-triangle-offset)
}

[dir] .ui-overlay-dropdown-container[data-placement*=bottom][data-v-349fb7fc] {
    padding-top: var(--ui-inline-dropdown-triangle-offset)
}

[dir=ltr] .ui-overlay-dropdown-container[data-placement*=left][data-v-349fb7fc] {
    padding-right: var(--ui-inline-dropdown-triangle-offset)
}

[dir=rtl] .ui-overlay-dropdown-container[data-placement*=left][data-v-349fb7fc] {
    padding-left: var(--ui-inline-dropdown-triangle-offset)
}

.ui-overlay-dropdown-container__triangle[data-v-349fb7fc] {
    position: absolute;
    z-index: 100
}

.ui-overlay-dropdown[data-v-32670ab1] {
    display: flex
}

.ui-overlay-dropdown__button[data-v-32670ab1], .ui-overlay-dropdown__trigger[data-v-32670ab1] {
    flex-grow: 1
}

[dir] .ui-overlay-dropdown__button[data-v-32670ab1], [dir] .ui-overlay-dropdown__trigger[data-v-32670ab1] {
    border-radius: inherit
}

.ui-overlay-dropdown__trigger[data-v-32670ab1] {
    display: flex;
    min-width: 0;
    position: relative
}

.ui-overlay-dropdown__content[data-v-32670ab1] {
    width: 100%
}

[dir] .ui-dropdown--rounded[data-v-b00e6f26] {
    border-radius: var(--border-radius)
}

[dir=rtl] .input--rtl-ignore .input__field[data-v-54c57208] {
    direction: ltr
}

.input__field[data-v-54c57208] {
    flex: auto 999 1
}

.input-field[data-v-54c57208] {
    color: Hsl(var(--hsl-clr-strong));
    display: flex;
    font-size: var(--input-base-field-font-size);
    line-height: var(--input-base-field-line-height);
    position: relative;
    width: 1px
}

[dir] .input-field[data-v-54c57208] {
    padding-bottom: var(--input-base-field-padding-vertical);
    padding-top: var(--input-base-field-padding-vertical);
    text-align: inherit
}

[dir=ltr] .input-field[data-v-54c57208] {
    padding-right: var(--input-base-field-padding-horizontal)
}

[dir=rtl] .input-field[data-v-54c57208] {
    padding-left: var(--input-base-field-padding-horizontal)
}

.input-field[data-v-54c57208]::-ms-clear, .input-field[data-v-54c57208]::-ms-reveal {
    display: none
}

.input-field--textarea[data-v-54c57208] {
    min-height: var(--input-base-field-textarea-min-height)
}

.input-field[disabled][data-v-54c57208] {
    opacity: var(--input-base-disabled-field-opacity)
}

[dir=ltr] .input-field[data-v-54c57208]:first-child {
    padding-left: var(--input-base-field-padding-horizontal)
}

[dir=rtl] .input-field[data-v-54c57208]:first-child {
    padding-right: var(--input-base-field-padding-horizontal)
}

.input-field[data-v-54c57208]::placeholder {
    opacity: var(--input-base-placeholder-opacity)
}

.input-field[data-v-54c57208]:-webkit-autofill {
    -webkit-text-fill-color: Hsl(var(--hsl-clr-strong))
}

[dir] .input-field[data-v-54c57208]:-webkit-autofill {
    box-shadow: 0 0 6.25em Hsl(var(--hsl-bg)) inset
}

.input-field[data-v-54c57208]::placeholder {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-scrollbar[data-v-8afa228a] {
    overflow: auto;
    scroll-behavior: smooth
}

@-moz-document url-prefix() {
    .ui-scrollbar[data-v-8afa228a] {
        scrollbar-width: thin
    }
}

[dir] .ui-scrollbar[data-v-8afa228a]::-webkit-scrollbar-corner {
    background-color: hsla(0, 0%, 100%, 0)
}

.ui-scrollbar--is-fixed[data-v-8afa228a] {
    overflow-y: scroll
}

[dir=ltr] .ui-scrollbar--is-fixed[data-v-8afa228a] {
    margin-right: -.3125rem
}

[dir=rtl] .ui-scrollbar--is-fixed[data-v-8afa228a] {
    margin-left: -.3125rem
}

@-moz-document url-prefix() {
    [dir=ltr] .ui-scrollbar--is-fixed.ui-scrollbar[data-v-8afa228a] {
        margin-right: 0
    }
    [dir=rtl] .ui-scrollbar--is-fixed.ui-scrollbar[data-v-8afa228a] {
        margin-left: 0
    }
    @media (hover: none) {
        [dir=ltr] .ui-scrollbar--is-fixed.ui-scrollbar[data-v-8afa228a] {
            margin-right: 0
        }

        [dir=rtl] .ui-scrollbar--is-fixed.ui-scrollbar[data-v-8afa228a] {
            margin-left: 0
        }
    }
}

[dir=ltr] .ui-scrollbar--outside[data-v-8afa228a] {
    padding-right: 1px
}

[dir=rtl] .ui-scrollbar--outside[data-v-8afa228a] {
    padding-left: 1px
}

.ui-scrollbar--vertical[data-v-8afa228a] {
    overflow-x: hidden;
    overflow-y: auto
}

.ui-scrollbar--horizontal[data-v-8afa228a] {
    overflow-x: auto;
    overflow-y: hidden
}

.body--not-scrollable .ui-scrollbar[data-v-8afa228a] {
    overscroll-behavior: contain
}

@-moz-document url-prefix() {
    .ui-scrollbar--theme-default[data-v-8afa228a] {
        scrollbar-color: Hsla(var(--hsl-clr), .3) hsla(0, 0%, 100%, 0)
    }
}

[dir] .ui-scrollbar--theme-default[data-v-8afa228a]::-webkit-scrollbar-thumb {
    background-color: Hsla(var(--hsl-clr), .3)
}

[dir] .ui-scrollbar--theme-default[data-v-8afa228a]::-webkit-scrollbar-track {
    background-color: hsla(0, 0%, 100%, 0)
}

@-moz-document url-prefix() {
    .ui-scrollbar--theme-accent[data-v-8afa228a] {
        scrollbar-color: Hsl(var(--ui-scrollbar-accent-bg, var(--accent-0-bg)))
    }
}

[dir] .ui-scrollbar--theme-accent[data-v-8afa228a]::-webkit-scrollbar-thumb {
    background-color: Hsl(var(--ui-scrollbar-accent-bg, var(--accent-0-bg)))
}

[dir] .ui-scrollbar--theme-accent[data-v-8afa228a]::-webkit-scrollbar-thumb:hover {
    background-color: Hsl(var(--ui-scrollbar-accent-bg-hover, var(--accent--10-bg)))
}

[dir] .ui-scrollbar--theme-accent[data-v-8afa228a]::-webkit-scrollbar-track {
    background-color: hsla(0, 0%, 100%, 0)
}

@-moz-document url-prefix() {
    .ui-scrollbar--theme-gray[data-v-8afa228a] {
        scrollbar-color: Hsl(var(--gray-0-clr-decent)) Hsl(var(--gray-0-bg))
    }
}

[dir] .ui-scrollbar--theme-gray[data-v-8afa228a]::-webkit-scrollbar-thumb {
    background-color: Hsl(var(--gray-0-clr-decent))
}

[dir] .ui-scrollbar--theme-gray[data-v-8afa228a]::-webkit-scrollbar-track {
    background-color: Hsl(var(--gray-0-bg))
}

@-moz-document url-prefix() {
    .ui-scrollbar--theme-tp-gray--5[data-v-8afa228a] {
        scrollbar-color: Hsl(var(--thirdPartyGray-5-bg)) Hsl(var(--thirdPartyGray--5-bg))
    }
}

[dir] .ui-scrollbar--theme-tp-gray--5[data-v-8afa228a]::-webkit-scrollbar-thumb {
    background-color: Hsl(var(--thirdPartyGray-5-bg))
}

[dir] .ui-scrollbar--theme-tp-gray--5[data-v-8afa228a]::-webkit-scrollbar-track {
    background-color: Hsl(var(--thirdPartyGray--5-bg))
}

@-moz-document url-prefix() {
    .ui-scrollbar--theme-cyber[data-v-8afa228a] {
        scrollbar-color: Hsl(var(--cyber-0-bg)) hsla(0, 0%, 100%, 0)
    }
}

[dir] .ui-scrollbar--theme-cyber[data-v-8afa228a]::-webkit-scrollbar-thumb {
    background-color: Hsl(var(--cyber-0-bg))
}

[dir] .ui-scrollbar--theme-cyber[data-v-8afa228a]::-webkit-scrollbar-thumb:hover {
    background-color: Hsl(var(--cyber-10-bg))
}

[dir] .ui-scrollbar--theme-cyber[data-v-8afa228a]::-webkit-scrollbar-track {
    background-color: hsla(0, 0%, 100%, 0)
}

@-moz-document url-prefix() {
    .ui-scrollbar--theme-cyber-10[data-v-8afa228a] {
        scrollbar-color: Hsl(var(--cyber-10-bg)) hsla(0, 0%, 100%, 0)
    }
}

[dir] .ui-scrollbar--theme-cyber-10[data-v-8afa228a]::-webkit-scrollbar-thumb {
    background-color: Hsl(var(--cyber-10-bg))
}

[dir] .ui-scrollbar--theme-cyber-10[data-v-8afa228a]::-webkit-scrollbar-thumb:hover {
    background-color: Hsl(var(--cyber-25-bg))
}

[dir] .ui-scrollbar--theme-cyber-10[data-v-8afa228a]::-webkit-scrollbar-track {
    background-color: hsla(0, 0%, 100%, 0)
}

@-moz-document url-prefix() {
    .ui-scrollbar--theme-cyber-55[data-v-8afa228a] {
        scrollbar-color: Hsl(var(--cyber-55-bg)) hsla(0, 0%, 100%, 0)
    }
}

[dir] .ui-scrollbar--theme-cyber-55[data-v-8afa228a]::-webkit-scrollbar-thumb {
    background-color: Hsl(var(--cyber-55-bg))
}

[dir] .ui-scrollbar--theme-cyber-55[data-v-8afa228a]::-webkit-scrollbar-thumb:hover {
    background-color: Hsl(var(--cyber-25-bg))
}

[dir] .ui-scrollbar--theme-cyber-55[data-v-8afa228a]::-webkit-scrollbar-track {
    background-color: hsla(0, 0%, 100%, 0)
}

@-moz-document url-prefix() {
    .ui-scrollbar--theme-alternative[data-v-8afa228a] {
        scrollbar-color: Hsla(var(--ui-scrollbar-alternative-thumb-color), .3) hsla(0, 0%, 100%, 0)
    }
}

[dir] .ui-scrollbar--theme-alternative[data-v-8afa228a]::-webkit-scrollbar-thumb {
    background-color: Hsla(var(--ui-scrollbar-alternative-thumb-color), .3)
}

[dir] .ui-scrollbar--theme-alternative[data-v-8afa228a]::-webkit-scrollbar-track {
    background-color: hsla(0, 0%, 100%, 0)
}

.ui-scrollbar--size-m[data-v-8afa228a]::-webkit-scrollbar {
    height: .3125rem;
    width: .3125rem
}

[dir] .ui-scrollbar--size-m[data-v-8afa228a]::-webkit-scrollbar-thumb, [dir] .ui-scrollbar--size-m[data-v-8afa228a]::-webkit-scrollbar-track {
    border-radius: 3px
}

[dir=ltr] .ui-scrollbar--size-m.ui-scrollbar--outside[data-v-8afa228a] {
    margin-right: -.3125rem
}

[dir=rtl] .ui-scrollbar--size-m.ui-scrollbar--outside[data-v-8afa228a] {
    margin-left: -.3125rem
}

.ui-scrollbar--size-l[data-v-8afa228a]::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

[dir] .ui-scrollbar--size-l[data-v-8afa228a]::-webkit-scrollbar-thumb, [dir] .ui-scrollbar--size-l[data-v-8afa228a]::-webkit-scrollbar-track {
    border-radius: .25rem
}

[dir=ltr] .ui-scrollbar--size-l.ui-scrollbar--outside[data-v-8afa228a] {
    margin-right: -.5rem
}

[dir=rtl] .ui-scrollbar--size-l.ui-scrollbar--outside[data-v-8afa228a] {
    margin-left: -.5rem
}

.ui-scrollbar--size-s[data-v-8afa228a]::-webkit-scrollbar {
    height: 2px;
    width: 2px
}

[dir] .ui-scrollbar--size-s[data-v-8afa228a]::-webkit-scrollbar-thumb, [dir] .ui-scrollbar--size-s[data-v-8afa228a]::-webkit-scrollbar-track {
    border-radius: 2px
}

[dir=ltr] .ui-scrollbar--size-s.ui-scrollbar--outside[data-v-8afa228a] {
    margin-right: -2px
}

[dir=rtl] .ui-scrollbar--size-s.ui-scrollbar--outside[data-v-8afa228a] {
    margin-left: -2px
}

.select-content[data-v-f2699923] {
    display: flex;
    flex-direction: column
}

[dir] .select-content[data-v-f2699923] {
    border-radius: var(--border-radius)
}

.select-content__body[data-v-f2699923], .select-content__bottom[data-v-f2699923], .select-content__top[data-v-f2699923] {
    width: 100%
}

.select-content__bottom[data-v-f2699923], .select-content__top[data-v-f2699923] {
    flex-shrink: 0
}

[dir] .select-content__top[data-v-f2699923] {
    border-bottom: 1px solid var(--select-content-sep)
}

.select-content__body[data-v-f2699923] {
    flex: auto
}

.select-content--scrollable .select-content__body[data-v-f2699923] {
    min-height: 0
}

.select-content--scrollable.select-content--limited-height .select-content__body[data-v-f2699923] {
    max-height: 18.5rem
}

[dir] .select-content__body > [data-v-f2699923]:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

[dir] .select-content__body > [data-v-f2699923]:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

[dir] .select-content__bottom[data-v-f2699923] {
    border-top: 1px solid var(--select-content-sep)
}

[dir] .select-content[data-v-f2699923] > :first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

[dir] .select-content[data-v-f2699923] > :last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.select-content--theme-cyber--60[data-v-f2699923] {
    --select-content-sep: Hsl(var(--hsl-bg))
}

[dir] .select-content--theme-cyber--60[data-v-f2699923] {
    border-radius: .5rem
}

[dir] .select-content--size-m .select-content__bottom[data-v-f2699923], [dir] .select-content--size-m .select-content__top[data-v-f2699923] {
    padding: .3125rem
}

.select-content--theme-primary[data-v-f2699923] {
    --select-content-sep: Hsl(var(primary--40-bg))
}

.select-content--theme-gray-100[data-v-f2699923] {
    --select-content-sep: Hsl(var(--gray-0-bg))
}

.select-content--theme-primary--30[data-v-f2699923] {
    --select-content-sep: Hsl(var(--primary-5-bg))
}

.select-content--theme-primary--30 .select-content__top[data-v-f2699923] {
    --bg: hsla(var(--primary--30-bg), 1);
    --hsl-bg: var(--primary--30-bg);
    --clr: hsl(var(--primary--30-clr));
    --hsl-clr: var(--primary--30-clr);
    --clr-accent: hsl(var(--primary--30-clr-accent));
    --hsl-clr-accent: var(--primary--30-clr-accent);
    --clr-decent: hsl(var(--primary--30-clr-decent));
    --hsl-clr-decent: var(--primary--30-clr-decent);
    --clr-strong: hsl(var(--primary--30-clr-strong));
    --hsl-clr-strong: var(--primary--30-clr-strong);
    --clr-strong-alt: hsl(var(--primary--30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--30-clr-strong-alt);
    --clr-primary: hsl(var(--primary--30-clr-primary));
    --hsl-clr-primary: var(--primary--30-clr-primary);
    --clr-good: hsl(var(--primary--30-clr-good));
    --hsl-clr-good: var(--primary--30-clr-good);
    --clr-bad: hsl(var(--primary--30-clr-bad));
    --hsl-clr-bad: var(--primary--30-clr-bad);
    --sep: hsl(var(--primary--30-sep));
    --hsl-sep: var(--primary--30-sep);
    --sep-alt: hsl(var(--primary--30-sep-alt));
    --hsl-sep-alt: var(--primary--30-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .select-content--theme-primary--30 .select-content__top[data-v-f2699923] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .select-content--size-l .select-content__bottom[data-v-f2699923], [dir] .select-content--size-l .select-content__top[data-v-f2699923] {
    padding: .625rem
}

.select-item[data-v-08a56a15] {
    min-width: 0
}

.select-item[data-v-08a56a15] > * {
    min-width: 0;
    width: 100%
}

[dir] .select-item[data-v-08a56a15] > :first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

[dir] .select-item[data-v-08a56a15] > :last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.select-options[data-v-50cacb9f] {
    min-width: 0
}

[dir] .select-options[data-v-50cacb9f] > :first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

[dir] .select-options[data-v-50cacb9f] > :last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

[dir] .select-options[data-v-50cacb9f] .select-item:nth-child(n+2) {
    border-top: 1px solid var(--select-options-sep, var(--select-content-sep))
}

.select-options--theme-gray-30[data-v-50cacb9f] {
    --select-options-sep: Hsl(var(--gray-30-bg));
    --select-content-sep: Hsl(var(--gray-30-bg))
}

.select-options--theme-primary-5[data-v-50cacb9f] {
    --select-content-sep: Hsl(var(--primary-5-bg))
}

.select-options--theme-cyber--60[data-v-50cacb9f] {
    --select-options-sep: Hsl(var(--cyber-0-bg))
}

.select-options--theme-gray-100[data-v-50cacb9f] {
    --select-options-sep: Hsl(var(--gray-0-bg))
}

.select-options--theme-primary[data-v-50cacb9f] {
    --select-content-sep: Hsl(var(--primary--40-bg))
}

.select-options--theme-tp-gray-5[data-v-50cacb9f] {
    --select-options-sep: Hsl(var(--thirdPartyGray-5-bg))
}

.dropdown-phone-codes.dropdown[data-v-4825a35c] {
    display: flex;
    position: static
}

.dropdown-phone-codes__scrollbar[data-v-4825a35c] {
    width: 22.5rem
}

[dir=rtl] .dropdown-phone-codes__scrollbar[data-v-4825a35c] {
    direction: rtl
}

.dropdown-phone-codes__search[data-v-4825a35c] {
    display: flex
}

.dropdown-phone-codes__input[data-v-4825a35c] {
    min-width: 2.1875rem;
    position: relative
}

[dir] .dropdown-phone-codes__input[data-v-4825a35c] {
    cursor: pointer
}

.dropdown-phone-codes__input[data-v-4825a35c] .input-field {
    appearance: textfield
}

[dir=ltr] .dropdown-phone-codes__input[data-v-4825a35c] .input-field {
    padding-right: 0
}

[dir=rtl] .dropdown-phone-codes__input[data-v-4825a35c] .input-field {
    padding-left: 0
}

.dropdown-phone-codes__input[data-v-4825a35c] .input-field::-webkit-inner-spin-button, .dropdown-phone-codes__input[data-v-4825a35c] .input-field::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

[dir] .dropdown-phone-codes__input[data-v-4825a35c] .input-field::-webkit-inner-spin-button, [dir] .dropdown-phone-codes__input[data-v-4825a35c] .input-field::-webkit-outer-spin-button {
    margin: 0
}

.dropdown-phone-codes__list[data-v-4825a35c] {
    max-height: 18.75rem
}

[dir] .dropdown-phone-codes__list[data-v-4825a35c] .vue-recycle-scroller__item-view:nth-child(n+2) {
    border-top: 1px solid var(--select-options-sep, var(--select-content-sep))
}

.dropdown-phone-codes__plus[data-v-4825a35c] {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

[dir] .dropdown-phone-codes__item[data-v-4825a35c]:nth-child(n+2) {
    margin-top: 1px
}

.dropdown-phone-codes[data-v-4825a35c] .dropdown-triangle {
    display: flex
}

.dropdown-phone-codes[data-v-4825a35c] .dropdown__content:empty {
    display: none
}

[dir] .dropdown-phone-codes--is-disabled .dropdown-phone-codes__button[data-v-4825a35c] {
    cursor: not-allowed
}

.dropdown-phone-codes--is-disabled .dropdown-phone-codes-container[data-v-4825a35c] {
    opacity: .6;
    pointer-events: none
}

.dropdown-phone-codes__input[data-v-4825a35c] {
    margin-left: .625rem
}

.dropdown--is-open .angle[data-v-4825a35c], .dropdown-phone-codes__angle[data-v-4825a35c] {
    transform: rotate(180deg)
}

.dropdown-phone-codes-container[data-v-4825a35c] {
    align-items: center;
    display: flex
}

.dropdown-phone-codes-container__angle[data-v-4825a35c] {
    margin-left: .3125rem
}

.dropdown-phone-codes-container__angle.angle[data-v-4825a35c] {
    transform: none
}

.dropdown-phone-codes-container__code[data-v-4825a35c] {
    margin-left: .625rem
}

[dir=rtl] .dropdown-phone-codes__country[data-v-4825a35c] {
    direction: rtl
}

[dir=rtl] .dropdown-phone-codes-container[data-v-4825a35c] {
    direction: ltr
}

.dropdown-form-header[data-v-97af58ff] {
    display: block;
    position: relative
}

.dropdown-form-header__container[data-v-97af58ff] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.dropdown-form-header__title[data-v-97af58ff] {
    flex: auto;
    font-size: .75em;
    line-height: 1.16667em;
    min-width: 0;
    text-transform: uppercase
}

.dropdown-form-header__additional[data-v-97af58ff]:nth-child(n+2) {
    flex: none
}

[dir=ltr] .dropdown-form-header__additional[data-v-97af58ff]:nth-child(n+2) {
    margin-left: .625em
}

[dir=rtl] .dropdown-form-header__additional[data-v-97af58ff]:nth-child(n+2) {
    margin-right: .625em
}

.dropdown-form-section[data-v-d7872186] {
    min-width: 0
}

.dropdown-form-section__content[data-v-d7872186], .dropdown-form-section__header[data-v-d7872186] {
    min-width: 0;
    width: 100%
}

[dir] .dropdown-form-section__header[data-v-d7872186] {
    margin-bottom: .625em
}

[dir] .dropdown-form[data-v-85388484] {
    padding: .625em
}

[dir] .dropdown-form__header[data-v-85388484] {
    border-bottom: 1px solid hsl(var(--hsl-sep));
    margin-bottom: .3125em;
    padding-bottom: .3125em
}

.dropdown-form__header[data-v-85388484] .dropdown-form-header {
    width: 100%
}

.dropdown-form__buttons[data-v-85388484] {
    display: flex
}

[dir] .dropdown-form__buttons[data-v-85388484] {
    margin-top: .625em
}

.dropdown-form[data-v-85388484] .dropdown-form-row {
    width: 100%
}

[dir] .dropdown-form[data-v-85388484] .dropdown-form-row:nth-child(n+2) {
    margin-top: 1.25em
}

.dropdown-form[data-v-85388484] .dropdown-form-row:nth-child(n+2):before {
    content: "";
    height: 1px;
    position: absolute;
    top: -.625em
}

[dir] .dropdown-form[data-v-85388484] .dropdown-form-row:nth-child(n+2):before {
    background-color: Hsl(var(--hsl-sep));
    left: 0;
    right: 0
}

.dropdown-form-buttons[data-v-85388484] {
    display: flex
}

.dropdown-form-buttons__reset[data-v-85388484], .dropdown-form-buttons__submit[data-v-85388484] {
    flex: 50% 1 1;
    min-width: 0
}

[dir=ltr] .dropdown-form-buttons__reset[data-v-85388484]:nth-child(n+2), [dir=ltr] .dropdown-form-buttons__submit[data-v-85388484]:nth-child(n+2) {
    margin-left: .625rem
}

[dir=rtl] .dropdown-form-buttons__reset[data-v-85388484]:nth-child(n+2), [dir=rtl] .dropdown-form-buttons__submit[data-v-85388484]:nth-child(n+2) {
    margin-right: .625rem
}

.dropdown-form-row[data-v-c4c72c1e] {
    min-width: 0;
    position: relative
}

.dropdown-form-row--cols[data-v-c4c72c1e] {
    display: flex
}

.dropdown-form-row[data-v-c4c72c1e] .dropdown-form-col {
    flex-grow: 1;
    position: relative
}

[dir=ltr] .dropdown-form-row[data-v-c4c72c1e] .dropdown-form-col:nth-child(n+2) {
    margin-left: 1.25em
}

[dir=rtl] .dropdown-form-row[data-v-c4c72c1e] .dropdown-form-col:nth-child(n+2) {
    margin-right: 1.25em
}

.dropdown-form-row[data-v-c4c72c1e] .dropdown-form-col:nth-child(n+2):before {
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
    width: 1px
}

[dir] .dropdown-form-row[data-v-c4c72c1e] .dropdown-form-col:nth-child(n+2):before {
    background-color: Hsl(var(--hsl-sep))
}

[dir=ltr] .dropdown-form-row[data-v-c4c72c1e] .dropdown-form-col:nth-child(n+2):before {
    margin-right: .625em;
    right: 100%
}

[dir=rtl] .dropdown-form-row[data-v-c4c72c1e] .dropdown-form-col:nth-child(n+2):before {
    left: 100%;
    margin-left: .625em
}

.dropdown-form-col[data-v-1c5609e0] {
    position: relative
}

.ui-field__container[data-v-2c5c992b] {
    display: flex;
    flex: auto;
    min-width: 0;
    position: relative
}

.ui-field__input[data-v-2c5c992b] {
    color: var(--base-input-color);
    flex: auto;
    font-size: var(--base-input-fz);
    line-height: var(--base-input-lh);
    min-width: 0
}

[dir] .ui-field__input[data-v-2c5c992b] {
    padding-inline-end: var(--base-input-padding-inline-end);
    padding-inline-start: var(--base-input-padding-inline-start)
}

.ui-field__input[data-v-2c5c992b]::placeholder {
    opacity: var(--base-input-placeholder-opacity)
}

.ui-field__input[data-v-2c5c992b]:-webkit-autofill {
    -webkit-text-fill-color: var(--base-input-color)
}

[dir] .ui-field__input[data-v-2c5c992b]:-webkit-autofill {
    box-shadow: inset 0 0 0 62.5rem Hsl(var(--hsl-bg))
}

.ui-field__input[data-v-2c5c992b]::-ms-clear, .ui-field__input[data-v-2c5c992b]::-ms-reveal {
    display: none
}

.ui-field--disabled .ui-field__input[data-v-2c5c992b], .ui-field--disabled .ui-field__input[data-v-2c5c992b]:disabled {
    -webkit-text-fill-color: var(--base-input-disabled-color);
    color: var(--base-input-disabled-color);
    -webkit-opacity: 1
}

.ui-field--textarea .ui-field__input[data-v-2c5c992b] {
    color: var(--base-input-color);
    font-size: var(--base-input-fz);
    line-height: var(--base-input-lh)
}

[dir] .ui-field--textarea .ui-field__input[data-v-2c5c992b] {
    padding-bottom: .5714em;
    padding-top: .5714em
}

.ui-field--textarea .ui-field__input[data-v-2c5c992b]::-webkit-scrollbar {
    width: .3125rem
}

[dir] .ui-field--textarea .ui-field__input[data-v-2c5c992b]::-webkit-scrollbar-thumb {
    background-color: hsla(var(--gray-0-clr-decent), 1);
    border-radius: var(--border-radius)
}

[dir] .ui-field--textarea .ui-field__input[data-v-2c5c992b]::-webkit-scrollbar-track {
    background-color: hsla(var(--gray-0-bg), 1);
    border-radius: var(--border-radius)
}

.field-base[data-v-b505d29d] {
    --base-input-fz: 0.75rem;
    --base-input-lh: 0.875rem;
    --base-input-padding-inline-start: 0.9375rem;
    --base-input-padding-inline-end: 0.9375rem;
    --base-input-padding-block-start: 0.9375rem;
    --base-input-padding-block-end: 0.9375rem;
    --base-input-placeholder-opacity: 0.5;
    min-width: 0
}

[dir=ltr] .field-base[data-v-b505d29d] {
    text-align: left
}

[dir=rtl] .field-base[data-v-b505d29d] {
    text-align: right
}

[dir] .field-base--rounded[data-v-b505d29d] {
    border-radius: var(--ui-field-base-custom-border-radius, var(--border-radius))
}

.field-base--disabled .field-base__content[data-v-b505d29d] {
    opacity: .8
}

[dir=ltr] .field-base--rtl-ignore .field__input[data-v-b505d29d] {
    text-align: left
}

[dir=rtl] .field-base--rtl-ignore .field__input[data-v-b505d29d] {
    text-align: right
}

.field-base--label-on-placeholder-position[data-v-b505d29d] {
    --base-input-placeholder-opacity: 0
}

.field-base--has-label[data-v-b505d29d] {
    --base-input-padding-block-end: 0
}

[dir] .field-base--has-inner-offset[data-v-b505d29d] {
    padding-bottom: .875rem
}

[dir] .field-base--has-inner-offset .field-base__message[data-v-b505d29d] {
    margin-bottom: -.875rem
}

.field-base__container[data-v-b505d29d], .field-base__content[data-v-b505d29d], .field-base__slot[data-v-b505d29d] {
    display: flex;
    flex: auto;
    min-width: 0
}

[dir] .field-base__container[data-v-b505d29d], [dir] .field-base__content[data-v-b505d29d], [dir] .field-base__slot[data-v-b505d29d] {
    border-radius: inherit
}

.field-base__container[data-v-b505d29d] {
    --base-input-color: Hsl(var(--hsl-clr));
    --base-input-disabled-color: Hsl(var(--hsl-clr-decent));
    min-height: var(--field-base-container-minh);
    position: relative
}

.field-base__container[data-v-b505d29d]:after {
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0
}

[dir] .field-base__container[data-v-b505d29d]:after {
    border-radius: inherit;
    left: 0;
    right: 0
}

[dir] .field-base--has-border .field-base__container[data-v-b505d29d]:after {
    box-shadow: inset 0 0 0 1px var(--ui-field-base-custom-border-color, Hsl(var(--hsl-sep-alt)))
}

[dir] .field-base--has-error .field-base__container[data-v-b505d29d]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-clr-bad))
}

[dir] .field-base--is-focused .field-base__container[data-v-b505d29d]:after {
    box-shadow: inset 0 0 0 2px Hsl(var(--focus))
}

.field-base__content[data-v-b505d29d] {
    position: relative
}

[dir=rtl] .field-base--rtl-ignore .field-base__slot[data-v-b505d29d] {
    direction: ltr
}

.field-base__label[data-v-b505d29d] {
    color: Hsl(var(--hsl-clr-decent));
    pointer-events: none;
    position: absolute;
    top: .375rem;
    z-index: 10
}

[dir] .field-base__label[data-v-b505d29d] {
    left: 0;
    right: 0
}

[dir=ltr] .field-base__label[data-v-b505d29d] {
    padding-left: var(--base-input-padding-inline-start);
    padding-right: var(--base-input-padding-inline-end)
}

[dir=rtl] .field-base__label[data-v-b505d29d] {
    padding-left: var(--base-input-padding-inline-end);
    padding-right: var(--base-input-padding-inline-start)
}

.field-base--label-on-placeholder-position .field-base__label[data-v-b505d29d] {
    color: Hsl(var(--hsl-clr))
}

.field-base--disabled .field-base--label-on-placeholder-position .field-base__label[data-v-b505d29d] {
    color: Hsl(var(--hsl-clr-decent))
}

.field-base--disabled .field-base__label[data-v-b505d29d] {
    opacity: .8
}

.field-base__loader[data-v-b505d29d] {
    bottom: .625rem;
    opacity: .2;
    position: absolute;
    top: .625rem
}

[dir] .field-base__loader[data-v-b505d29d] {
    background-color: Hsl(var(--hsl-clr-decent));
    cursor: default;
    left: .9375rem;
    right: .9375rem
}

.field-base__loader[data-v-b505d29d] ~ * {
    pointer-events: none;
    visibility: hidden
}

[dir] .field-base__message[data-v-b505d29d] {
    margin-top: 1px
}

.field-base-label__text[data-v-b505d29d] {
    font-size: .625rem;
    line-height: .75rem;
    min-width: 0
}

[dir] .field-base-label__text[data-v-b505d29d] {
    transition-duration: .2s;
    transition-property: font-size, line-height, transform
}

.field-base-label--placeholder-position .field-base-label__text[data-v-b505d29d] {
    font-size: .75rem;
    line-height: .875rem
}

[dir] .field-base-label--placeholder-position .field-base-label__text[data-v-b505d29d] {
    transform: translateY(var(--field-base-label-placeholder-y))
}

.field-base-label-text[data-v-b505d29d] {
    display: flex
}

.field-base--required .field-base-label-text[data-v-b505d29d]:after {
    content: "*"
}

.field-base-label-text__caption[data-v-b505d29d] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.field-base-label-text__caption--custom-asterisk[data-v-b505d29d]:after {
    color: Hsl(var(--hsl-clr-bad));
    content: "*"
}

.field-base-message__text[data-v-b505d29d] {
    font-size: .625rem;
    line-height: .75rem
}

.field-base-message--error[data-v-b505d29d] {
    color: Hsl(var(--hsl-clr-bad))
}

.field-base--rtl-ignore .field-base__slot[data-v-b505d29d] {
    direction: ltr
}

.field-base--theme-gray-100 .field-base__container[data-v-b505d29d] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .field-base--theme-gray-100 .field-base__container[data-v-b505d29d] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.field-base--theme-gray-60 .field-base__container[data-v-b505d29d] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .field-base--theme-gray-60 .field-base__container[data-v-b505d29d] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.field-base--theme-tp-gray-100 .field-base__container[data-v-b505d29d] {
    --bg: hsla(var(--thirdPartyGray-100-bg), 1);
    --hsl-bg: var(--thirdPartyGray-100-bg);
    --clr: hsl(var(--thirdPartyGray-100-clr));
    --hsl-clr: var(--thirdPartyGray-100-clr);
    --clr-accent: hsl(var(--thirdPartyGray-100-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-100-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-100-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-100-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-100-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-100-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-100-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-100-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-100-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-100-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-100-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-100-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-100-clr-bad);
    --sep: hsl(var(--thirdPartyGray-100-sep));
    --hsl-sep: var(--thirdPartyGray-100-sep);
    --sep-alt: hsl(var(--thirdPartyGray-100-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .field-base--theme-tp-gray-100 .field-base__container[data-v-b505d29d] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.field-base--theme-primary .field-base__container[data-v-b505d29d] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .field-base--theme-primary .field-base__container[data-v-b505d29d] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.field-base--theme-primary--20 .field-base__container[data-v-b505d29d] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .field-base--theme-primary--20 .field-base__container[data-v-b505d29d] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.field-base--theme-cyber--35 .field-base__container[data-v-b505d29d] {
    --bg: hsla(var(--cyber--35-bg), 1);
    --hsl-bg: var(--cyber--35-bg);
    --clr: hsl(var(--cyber--35-clr));
    --hsl-clr: var(--cyber--35-clr);
    --clr-accent: hsl(var(--cyber--35-clr-accent));
    --hsl-clr-accent: var(--cyber--35-clr-accent);
    --clr-decent: hsl(var(--cyber--35-clr-decent));
    --hsl-clr-decent: var(--cyber--35-clr-decent);
    --clr-strong: hsl(var(--cyber--35-clr-strong));
    --hsl-clr-strong: var(--cyber--35-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--35-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--35-clr-primary));
    --hsl-clr-primary: var(--cyber--35-clr-primary);
    --clr-good: hsl(var(--cyber--35-clr-good));
    --hsl-clr-good: var(--cyber--35-clr-good);
    --clr-bad: hsl(var(--cyber--35-clr-bad));
    --hsl-clr-bad: var(--cyber--35-clr-bad);
    --sep: hsl(var(--cyber--35-sep));
    --hsl-sep: var(--cyber--35-sep);
    --sep-alt: hsl(var(--cyber--35-sep-alt));
    --hsl-sep-alt: var(--cyber--35-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .field-base--theme-cyber--35 .field-base__container[data-v-b505d29d] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.field-base--size-m[data-v-b505d29d] {
    --field-base-container-minh: 2.5rem;
    --field-base-label-placeholder-y: 0.5rem
}

[xlang=bn] .field-base--size-m[data-v-b505d29d], [xlang=hi] .field-base--size-m[data-v-b505d29d], [xlang=hy] .field-base--size-m[data-v-b505d29d], [xlang=my] .field-base--size-m[data-v-b505d29d], [xlang=sd] .field-base--size-m[data-v-b505d29d], [xlang=ta] .field-base--size-m[data-v-b505d29d] {
    --field-base-container-minh: 3.125rem
}

.field-base--size-s[data-v-b505d29d] {
    --field-base-container-minh: 2rem;
    --field-base-label-placeholder-y: 0.25rem
}

[xlang=bn] .field-base--size-s[data-v-b505d29d], [xlang=hi] .field-base--size-s[data-v-b505d29d], [xlang=hy] .field-base--size-s[data-v-b505d29d], [xlang=my] .field-base--size-s[data-v-b505d29d], [xlang=sd] .field-base--size-s[data-v-b505d29d], [xlang=ta] .field-base--size-s[data-v-b505d29d] {
    --field-base-container-minh: 3.125rem
}

.ui-field-select-modal-trigger__container[data-v-a4fb581e] {
    display: flex;
    flex-grow: 1;
    min-width: 0
}

[dir=ltr] .ui-field-select-modal-trigger__container[data-v-a4fb581e] {
    padding-left: var(--base-input-padding-inline-start);
    padding-right: var(--base-input-padding-inline-end)
}

[dir=rtl] .ui-field-select-modal-trigger__container[data-v-a4fb581e] {
    padding-left: var(--base-input-padding-inline-end);
    padding-right: var(--base-input-padding-inline-start)
}

.ui-field-select-modal-trigger__content[data-v-a4fb581e] {
    align-items: center;
    display: flex;
    flex-grow: 1;
    min-width: 0
}

.ui-field-select-modal-trigger__angle[data-v-a4fb581e], .ui-field-select-modal-trigger__caption[data-v-a4fb581e] {
    color: var(--base-input-color)
}

.ui-field-select-modal-trigger--disabled .ui-field-select-modal-trigger__angle[data-v-a4fb581e], .ui-field-select-modal-trigger--disabled .ui-field-select-modal-trigger__caption[data-v-a4fb581e] {
    color: var(--base-input-disabled-color);
    opacity: .8
}

.ui-field-select-modal-trigger__caption[data-v-a4fb581e] {
    flex-grow: 1
}

[dir] .ui-field-select-modal-trigger__caption[data-v-a4fb581e] {
    padding-bottom: var(--base-input-padding-block-end);
    padding-top: var(--base-input-padding-block-start)
}

[dir] .ui-field-select-modal-trigger__angle[data-v-a4fb581e] {
    padding: .3125rem
}

[dir=ltr] .ui-field-select-modal-trigger__angle[data-v-a4fb581e] {
    margin-left: auto
}

[dir=rtl] .ui-field-select-modal-trigger__angle[data-v-a4fb581e] {
    margin-right: auto
}

.ui-circle-diagram--theme-gray.ui-circle-diagram[data-v-d76cfde8] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt)
}

.ui-circle-diagram--theme-gray .ui-circle-diagram__bg[data-v-d76cfde8] {
    stroke: Hsl(var(--hsl-bg))
}

.ui-circle-diagram--theme-gray .ui-circle-diagram__fill[data-v-d76cfde8], .ui-circle-diagram--theme-gray .ui-circle-diagram__handle-border[data-v-d76cfde8] {
    stroke: Hsl(var(--hsl-clr-primary))
}

.ui-circle-diagram--theme-gray .ui-circle-diagram__handle[data-v-d76cfde8] {
    stroke: Hsl(var(--gray-100-bg))
}

.ui-circle-diagram--theme-gray .ui-circle-diagram__text[data-v-d76cfde8] {
    fill: Hsl(var(--hsl-clr-strong))
}

.ui-circle-diagram--theme-cyber--35.ui-circle-diagram[data-v-d76cfde8] {
    --bg: hsla(var(--cyber--35-bg), 1);
    --hsl-bg: var(--cyber--35-bg);
    --clr: hsl(var(--cyber--35-clr));
    --hsl-clr: var(--cyber--35-clr);
    --clr-accent: hsl(var(--cyber--35-clr-accent));
    --hsl-clr-accent: var(--cyber--35-clr-accent);
    --clr-decent: hsl(var(--cyber--35-clr-decent));
    --hsl-clr-decent: var(--cyber--35-clr-decent);
    --clr-strong: hsl(var(--cyber--35-clr-strong));
    --hsl-clr-strong: var(--cyber--35-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--35-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--35-clr-primary));
    --hsl-clr-primary: var(--cyber--35-clr-primary);
    --clr-good: hsl(var(--cyber--35-clr-good));
    --hsl-clr-good: var(--cyber--35-clr-good);
    --clr-bad: hsl(var(--cyber--35-clr-bad));
    --hsl-clr-bad: var(--cyber--35-clr-bad);
    --sep: hsl(var(--cyber--35-sep));
    --hsl-sep: var(--cyber--35-sep);
    --sep-alt: hsl(var(--cyber--35-sep-alt));
    --hsl-sep-alt: var(--cyber--35-sep-alt)
}

.ui-circle-diagram--theme-cyber--35 .ui-circle-diagram__bg[data-v-d76cfde8] {
    stroke: Hsl(var(--hsl-bg))
}

.ui-circle-diagram--theme-cyber--35 .ui-circle-diagram__fill[data-v-d76cfde8], .ui-circle-diagram--theme-cyber--35 .ui-circle-diagram__handle-border[data-v-d76cfde8] {
    stroke: Hsl(var(--hsl-clr-primary))
}

.ui-circle-diagram--theme-cyber--35 .ui-circle-diagram__handle[data-v-d76cfde8] {
    stroke: Hsl(var(--hsl-clr))
}

.ui-circle-diagram--theme-cyber--35 .ui-circle-diagram__text[data-v-d76cfde8] {
    fill: Hsl(var(--hsl-clr))
}

.ui-circle-diagram--theme-primary--40.ui-circle-diagram[data-v-d76cfde8] {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt)
}

.ui-circle-diagram--theme-primary--40 .ui-circle-diagram__bg[data-v-d76cfde8] {
    stroke: Hsl(var(--hsl-bg))
}

.ui-circle-diagram--theme-primary--40 .ui-circle-diagram__fill[data-v-d76cfde8], .ui-circle-diagram--theme-primary--40 .ui-circle-diagram__handle-border[data-v-d76cfde8] {
    stroke: Hsl(var(--custom-gradient-fill1-theme-primary--40, var(--primary-75-bg)))
}

.ui-circle-diagram--theme-primary--40 .ui-circle-diagram__handle[data-v-d76cfde8] {
    stroke: Hsl(var(--hsl-clr))
}

.ui-circle-diagram--theme-primary--40 .ui-circle-diagram__text[data-v-d76cfde8] {
    fill: Hsl(var(--custom-text-clr-theme-primary--40, var(--primary--40-clr)))
}

.ui-circle-diagram--theme-primary-75.ui-circle-diagram[data-v-d76cfde8] {
    --bg: hsla(var(--primary-75-bg), 1);
    --hsl-bg: var(--primary-75-bg);
    --clr: hsl(var(--primary-75-clr));
    --hsl-clr: var(--primary-75-clr);
    --clr-accent: hsl(var(--primary-75-clr-accent));
    --hsl-clr-accent: var(--primary-75-clr-accent);
    --clr-decent: hsl(var(--primary-75-clr-decent));
    --hsl-clr-decent: var(--primary-75-clr-decent);
    --clr-strong: hsl(var(--primary-75-clr-strong));
    --hsl-clr-strong: var(--primary-75-clr-strong);
    --clr-strong-alt: hsl(var(--primary-75-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-75-clr-strong-alt);
    --clr-primary: hsl(var(--primary-75-clr-primary));
    --hsl-clr-primary: var(--primary-75-clr-primary);
    --clr-good: hsl(var(--primary-75-clr-good));
    --hsl-clr-good: var(--primary-75-clr-good);
    --clr-bad: hsl(var(--primary-75-clr-bad));
    --hsl-clr-bad: var(--primary-75-clr-bad);
    --sep: hsl(var(--primary-75-sep));
    --hsl-sep: var(--primary-75-sep);
    --sep-alt: hsl(var(--primary-75-sep-alt));
    --hsl-sep-alt: var(--primary-75-sep-alt)
}

.ui-circle-diagram--theme-primary-75 .ui-circle-diagram__bg[data-v-d76cfde8] {
    stroke: Hsla(var(--primary-75-bg), .3)
}

.ui-circle-diagram--theme-primary-75 .ui-circle-diagram__fill[data-v-d76cfde8], .ui-circle-diagram--theme-primary-75 .ui-circle-diagram__handle-border[data-v-d76cfde8] {
    stroke: Hsl(var(--hsl-bg))
}

.ui-circle-diagram--theme-primary-75 .ui-circle-diagram__handle[data-v-d76cfde8] {
    stroke: Hsl(var(--hsl-clr))
}

.ui-circle-diagram--theme-primary-75 .ui-circle-diagram__text[data-v-d76cfde8] {
    fill: Hsl(var(--hsl-clr-decent))
}

.ui-circle-diagram--theme-accent.ui-circle-diagram[data-v-d76cfde8] {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt)
}

.ui-circle-diagram--theme-accent .ui-circle-diagram__bg[data-v-d76cfde8] {
    stroke: Hsla(var(--accent-0-bg), .3)
}

.ui-circle-diagram--theme-accent .ui-circle-diagram__fill[data-v-d76cfde8], .ui-circle-diagram--theme-accent .ui-circle-diagram__handle[data-v-d76cfde8] {
    stroke: Hsl(var(--hsl-bg))
}

.ui-circle-diagram--theme-accent .ui-circle-diagram__text[data-v-d76cfde8] {
    fill: Hsl(var(--hsl-clr))
}

.ui-circle-diagram--theme-special-accent.ui-circle-diagram[data-v-d76cfde8] {
    --bg: hsla(var(--specialAccent-0-bg), 1);
    --hsl-bg: var(--specialAccent-0-bg);
    --clr: hsl(var(--specialAccent-0-clr));
    --hsl-clr: var(--specialAccent-0-clr);
    --clr-accent: hsl(var(--specialAccent-0-clr-accent));
    --hsl-clr-accent: var(--specialAccent-0-clr-accent);
    --clr-decent: hsl(var(--specialAccent-0-clr-decent));
    --hsl-clr-decent: var(--specialAccent-0-clr-decent);
    --clr-strong: hsl(var(--specialAccent-0-clr-strong));
    --hsl-clr-strong: var(--specialAccent-0-clr-strong);
    --clr-strong-alt: hsl(var(--specialAccent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialAccent-0-clr-strong-alt);
    --clr-primary: hsl(var(--specialAccent-0-clr-primary));
    --hsl-clr-primary: var(--specialAccent-0-clr-primary);
    --clr-good: hsl(var(--specialAccent-0-clr-good));
    --hsl-clr-good: var(--specialAccent-0-clr-good);
    --clr-bad: hsl(var(--specialAccent-0-clr-bad));
    --hsl-clr-bad: var(--specialAccent-0-clr-bad);
    --sep: hsl(var(--specialAccent-0-sep));
    --hsl-sep: var(--specialAccent-0-sep);
    --sep-alt: hsl(var(--specialAccent-0-sep-alt));
    --hsl-sep-alt: var(--specialAccent-0-sep-alt)
}

.ui-circle-diagram--theme-special-accent .ui-circle-diagram__bg[data-v-d76cfde8] {
    stroke: Hsl(var(--gray-0-bg))
}

.ui-circle-diagram--theme-special-accent .ui-circle-diagram__fill[data-v-d76cfde8], .ui-circle-diagram--theme-special-accent .ui-circle-diagram__handle-border[data-v-d76cfde8] {
    stroke: Hsl(var(--hsl-bg))
}

.ui-circle-diagram--theme-special-accent .ui-circle-diagram__handle[data-v-d76cfde8] {
    stroke: Hsl(var(--hsl-clr))
}

.ui-circle-diagram--theme-special-accent .ui-circle-diagram__text[data-v-d76cfde8] {
    fill: Hsl(var(--gray-0-clr-strong))
}

.ui-circle-diagram[data-v-d76cfde8] {
    fill: none;
    height: inherit;
    overflow: visible;
    user-select: none;
    width: inherit
}

[dir] .ui-circle-diagram__circles[data-v-d76cfde8] {
    transform-origin: center
}

[dir] .ui-circle-diagram__fill[data-v-d76cfde8], [dir] .ui-circle-diagram__handle-border[data-v-d76cfde8], [dir] .ui-circle-diagram__handle[data-v-d76cfde8] {
    transition: stroke-dasharray .3s ease-in-out, stroke-dashoffset .3s ease-in-out
}

.ui-circle-diagram__text[data-v-d76cfde8] {
    dominant-baseline: central;
    text-anchor: middle;
    font-weight: 700
}

.ui-circle-diagram--status-success[data-v-d76cfde8] {
    color: Hsl(var(--hsl-clr-good))
}

.ui-circle-diagram--status-error[data-v-d76cfde8] {
    color: Hsl(var(--hsl-clr-bad))
}

.ui-circle-diagram--status-error .ui-circle-diagram__fill[data-v-d76cfde8], .ui-circle-diagram--status-error .ui-circle-diagram__handle-border[data-v-d76cfde8], .ui-circle-diagram--status-success .ui-circle-diagram__fill[data-v-d76cfde8], .ui-circle-diagram--status-success .ui-circle-diagram__handle-border[data-v-d76cfde8] {
    stroke: currentColor
}

.ui-clipboard[data-v-bb444347] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    align-items: center;
    color: Hsla(var(--hsl-clr), 1);
    display: flex;
    justify-content: space-between
}

[dir] .ui-clipboard[data-v-bb444347] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius)
}

.ui-clipboard__content[data-v-bb444347] {
    color: Hsl(var(--hsl-clr-decent));
    column-gap: .3125rem;
    display: flex;
    font-size: .875rem;
    line-height: 1rem;
    min-width: 0
}

.ui-clipboard--disabled .ui-clipboard__content[data-v-bb444347] {
    pointer-events: none
}

.ui-clipboard__label[data-v-bb444347] {
    flex-shrink: 1
}

.ui-clipboard__label + .ui-clipboard__text[data-v-bb444347] {
    font-weight: 700
}

.ui-clipboard__label[data-v-bb444347]:after {
    content: ":";
    position: relative
}

[dir=ltr] .ui-clipboard__label[data-v-bb444347]:after {
    right: 3px
}

[dir=rtl] .ui-clipboard__label[data-v-bb444347]:after {
    left: 3px
}

.ui-clipboard__text[data-v-bb444347] {
    color: Hsl(var(--hsl-clr));
    flex-shrink: 200000
}

.ui-clipboard--disabled .ui-clipboard__text[data-v-bb444347] {
    color: inherit
}

[dir] .ui-clipboard--size-m .ui-clipboard__content[data-v-bb444347] {
    padding: .5rem .625rem
}

[dir=ltr] .ui-clipboard--size-l .ui-clipboard__content[data-v-bb444347] {
    padding: .75rem .625rem .75rem .9375rem
}

[dir=rtl] .ui-clipboard--size-l .ui-clipboard__content[data-v-bb444347] {
    padding: .75rem .9375rem .75rem .625rem
}

[dir] .ui-status-marker[data-v-71beca42] {
    background-color: currentColor;
    border-radius: 50%
}

[dir] .ui-status-marker--status-info[data-v-71beca42] {
    background-color: Hsl(var(--hsl-clr-accent))
}

[dir] .ui-status-marker--status-error[data-v-71beca42] {
    background-color: Hsl(var(--hsl-clr-bad))
}

[dir] .ui-status-marker--status-success[data-v-71beca42] {
    background-color: var(--custom-ui-status-marker-good, Hsl(var(--hsl-clr-good)))
}

[dir] .ui-status-marker--status-pending[data-v-71beca42] {
    background-color: Hsl(var(--hsl-clr))
}

.ui-status-marker--size-l[data-v-71beca42] {
    height: .625rem;
    width: .625rem
}

.ui-status-marker--size-m[data-v-71beca42] {
    height: .375rem;
    width: .375rem
}

.ui-status-marker--size-s[data-v-71beca42] {
    height: .25rem;
    width: .25rem
}

[dir] .ui-status-marker[data-v-afeeacb7] {
    background-color: currentColor;
    border-radius: 50%
}

.ui-status-marker--size-l[data-v-afeeacb7] {
    height: .625rem;
    width: .625rem
}

.ui-status-marker--size-m[data-v-afeeacb7] {
    height: .375rem;
    width: .375rem
}

.ui-status-marker--size-s[data-v-afeeacb7] {
    height: .25rem;
    width: .25rem
}

[dir] .ui-status-marker--theme-accent[data-v-afeeacb7] {
    background-color: Hsl(var(--hsl-clr-accent))
}

[dir] .ui-status-marker--theme-bad[data-v-afeeacb7] {
    background-color: Hsl(var(--hsl-clr-bad))
}

[dir] .ui-status-marker--theme-default[data-v-afeeacb7] {
    background-color: Hsl(var(--hsl-clr))
}

[dir] .ui-status-marker--theme-good[data-v-afeeacb7] {
    background-color: var(--custom-ui-status-marker-good, Hsl(var(--hsl-clr-good)))
}

[dir] .ui-status-marker[data-v-dbf43610] {
    background-color: currentColor;
    border-radius: 50%
}

[dir] .ui-status-marker--status-info[data-v-dbf43610] {
    background-color: Hsl(var(--hsl-clr-accent))
}

[dir] .ui-status-marker--status-error[data-v-dbf43610] {
    background-color: Hsl(var(--hsl-clr-bad))
}

[dir] .ui-status-marker--status-success[data-v-dbf43610] {
    background-color: var(--custom-ui-status-marker-good, Hsl(var(--hsl-clr-good)))
}

[dir] .ui-status-marker--status-pending[data-v-dbf43610] {
    background-color: Hsl(var(--hsl-clr))
}

.ui-status-marker--size-l[data-v-dbf43610] {
    height: .625rem;
    width: .625rem
}

.ui-status-marker--size-m[data-v-dbf43610] {
    height: .375rem;
    width: .375rem
}

.ui-status-marker--size-s[data-v-dbf43610] {
    height: .25rem;
    width: .25rem
}

.ui-badge[data-v-c0efec5b] {
    align-items: center;
    display: flex;
    font-size: .5rem;
    font-weight: 700;
    height: .75rem;
    justify-content: center;
    line-height: .5625rem;
    min-width: .75rem
}

[dir] .ui-badge[data-v-c0efec5b] {
    border-radius: calc(var(--border-radius) * 3);
    padding-left: 3px;
    padding-right: 3px
}

.ui-badge--theme-accent[data-v-c0efec5b] {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-badge--theme-accent[data-v-c0efec5b] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-badge--theme-bad[data-v-c0efec5b] {
    --bg: hsla(var(--bad-0-bg), 1);
    --hsl-bg: var(--bad-0-bg);
    --clr: hsl(var(--bad-0-clr));
    --hsl-clr: var(--bad-0-clr);
    --clr-accent: hsl(var(--bad-0-clr-accent));
    --hsl-clr-accent: var(--bad-0-clr-accent);
    --clr-decent: hsl(var(--bad-0-clr-decent));
    --hsl-clr-decent: var(--bad-0-clr-decent);
    --clr-strong: hsl(var(--bad-0-clr-strong));
    --hsl-clr-strong: var(--bad-0-clr-strong);
    --clr-strong-alt: hsl(var(--bad-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--bad-0-clr-strong-alt);
    --clr-primary: hsl(var(--bad-0-clr-primary));
    --hsl-clr-primary: var(--bad-0-clr-primary);
    --clr-good: hsl(var(--bad-0-clr-good));
    --hsl-clr-good: var(--bad-0-clr-good);
    --clr-bad: hsl(var(--bad-0-clr-bad));
    --hsl-clr-bad: var(--bad-0-clr-bad);
    --sep: hsl(var(--bad-0-sep));
    --hsl-sep: var(--bad-0-sep);
    --sep-alt: hsl(var(--bad-0-sep-alt));
    --hsl-sep-alt: var(--bad-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-badge--theme-bad[data-v-c0efec5b] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-badge--theme-cyber-55[data-v-c0efec5b] {
    --bg: hsla(var(--cyber-55-bg), 1);
    --hsl-bg: var(--cyber-55-bg);
    --clr: hsl(var(--cyber-55-clr));
    --hsl-clr: var(--cyber-55-clr);
    --clr-accent: hsl(var(--cyber-55-clr-accent));
    --hsl-clr-accent: var(--cyber-55-clr-accent);
    --clr-decent: hsl(var(--cyber-55-clr-decent));
    --hsl-clr-decent: var(--cyber-55-clr-decent);
    --clr-strong: hsl(var(--cyber-55-clr-strong));
    --hsl-clr-strong: var(--cyber-55-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-55-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-55-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-55-clr-primary));
    --hsl-clr-primary: var(--cyber-55-clr-primary);
    --clr-good: hsl(var(--cyber-55-clr-good));
    --hsl-clr-good: var(--cyber-55-clr-good);
    --clr-bad: hsl(var(--cyber-55-clr-bad));
    --hsl-clr-bad: var(--cyber-55-clr-bad);
    --sep: hsl(var(--cyber-55-sep));
    --hsl-sep: var(--cyber-55-sep);
    --sep-alt: hsl(var(--cyber-55-sep-alt));
    --hsl-sep-alt: var(--cyber-55-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-badge--theme-cyber-55[data-v-c0efec5b] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-badge--theme-accent-secondary[data-v-c0efec5b] {
    --bg: hsla(var(--accentSecondary-0-bg), 1);
    --hsl-bg: var(--accentSecondary-0-bg);
    --clr: hsl(var(--accentSecondary-0-clr));
    --hsl-clr: var(--accentSecondary-0-clr);
    --clr-accent: hsl(var(--accentSecondary-0-clr-accent));
    --hsl-clr-accent: var(--accentSecondary-0-clr-accent);
    --clr-decent: hsl(var(--accentSecondary-0-clr-decent));
    --hsl-clr-decent: var(--accentSecondary-0-clr-decent);
    --clr-strong: hsl(var(--accentSecondary-0-clr-strong));
    --hsl-clr-strong: var(--accentSecondary-0-clr-strong);
    --clr-strong-alt: hsl(var(--accentSecondary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accentSecondary-0-clr-strong-alt);
    --clr-primary: hsl(var(--accentSecondary-0-clr-primary));
    --hsl-clr-primary: var(--accentSecondary-0-clr-primary);
    --clr-good: hsl(var(--accentSecondary-0-clr-good));
    --hsl-clr-good: var(--accentSecondary-0-clr-good);
    --clr-bad: hsl(var(--accentSecondary-0-clr-bad));
    --hsl-clr-bad: var(--accentSecondary-0-clr-bad);
    --sep: hsl(var(--accentSecondary-0-sep));
    --hsl-sep: var(--accentSecondary-0-sep);
    --sep-alt: hsl(var(--accentSecondary-0-sep-alt));
    --hsl-sep-alt: var(--accentSecondary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-badge--theme-accent-secondary[data-v-c0efec5b] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-badge[data-v-6819014f] {
    align-items: center;
    display: flex;
    font-size: .5rem;
    font-weight: 700;
    height: .75rem;
    justify-content: center;
    line-height: .5625rem;
    min-width: .75rem
}

[dir] .ui-badge[data-v-6819014f] {
    border-radius: calc(var(--border-radius) * 3);
    padding-left: 3px;
    padding-right: 3px
}

.ui-badge--theme-accent[data-v-6819014f] {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-badge--theme-accent[data-v-6819014f] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-badge--theme-bad[data-v-6819014f] {
    --bg: hsla(var(--bad-0-bg), 1);
    --hsl-bg: var(--bad-0-bg);
    --clr: hsl(var(--bad-0-clr));
    --hsl-clr: var(--bad-0-clr);
    --clr-accent: hsl(var(--bad-0-clr-accent));
    --hsl-clr-accent: var(--bad-0-clr-accent);
    --clr-decent: hsl(var(--bad-0-clr-decent));
    --hsl-clr-decent: var(--bad-0-clr-decent);
    --clr-strong: hsl(var(--bad-0-clr-strong));
    --hsl-clr-strong: var(--bad-0-clr-strong);
    --clr-strong-alt: hsl(var(--bad-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--bad-0-clr-strong-alt);
    --clr-primary: hsl(var(--bad-0-clr-primary));
    --hsl-clr-primary: var(--bad-0-clr-primary);
    --clr-good: hsl(var(--bad-0-clr-good));
    --hsl-clr-good: var(--bad-0-clr-good);
    --clr-bad: hsl(var(--bad-0-clr-bad));
    --hsl-clr-bad: var(--bad-0-clr-bad);
    --sep: hsl(var(--bad-0-sep));
    --hsl-sep: var(--bad-0-sep);
    --sep-alt: hsl(var(--bad-0-sep-alt));
    --hsl-sep-alt: var(--bad-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-badge--theme-bad[data-v-6819014f] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-badge--theme-cyber-55[data-v-6819014f] {
    --bg: hsla(var(--cyber-55-bg), 1);
    --hsl-bg: var(--cyber-55-bg);
    --clr: hsl(var(--cyber-55-clr));
    --hsl-clr: var(--cyber-55-clr);
    --clr-accent: hsl(var(--cyber-55-clr-accent));
    --hsl-clr-accent: var(--cyber-55-clr-accent);
    --clr-decent: hsl(var(--cyber-55-clr-decent));
    --hsl-clr-decent: var(--cyber-55-clr-decent);
    --clr-strong: hsl(var(--cyber-55-clr-strong));
    --hsl-clr-strong: var(--cyber-55-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-55-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-55-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-55-clr-primary));
    --hsl-clr-primary: var(--cyber-55-clr-primary);
    --clr-good: hsl(var(--cyber-55-clr-good));
    --hsl-clr-good: var(--cyber-55-clr-good);
    --clr-bad: hsl(var(--cyber-55-clr-bad));
    --hsl-clr-bad: var(--cyber-55-clr-bad);
    --sep: hsl(var(--cyber-55-sep));
    --hsl-sep: var(--cyber-55-sep);
    --sep-alt: hsl(var(--cyber-55-sep-alt));
    --hsl-sep-alt: var(--cyber-55-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-badge--theme-cyber-55[data-v-6819014f] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-badge--theme-accent-secondary[data-v-6819014f] {
    --bg: hsla(var(--accentSecondary-0-bg), 1);
    --hsl-bg: var(--accentSecondary-0-bg);
    --clr: hsl(var(--accentSecondary-0-clr));
    --hsl-clr: var(--accentSecondary-0-clr);
    --clr-accent: hsl(var(--accentSecondary-0-clr-accent));
    --hsl-clr-accent: var(--accentSecondary-0-clr-accent);
    --clr-decent: hsl(var(--accentSecondary-0-clr-decent));
    --hsl-clr-decent: var(--accentSecondary-0-clr-decent);
    --clr-strong: hsl(var(--accentSecondary-0-clr-strong));
    --hsl-clr-strong: var(--accentSecondary-0-clr-strong);
    --clr-strong-alt: hsl(var(--accentSecondary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accentSecondary-0-clr-strong-alt);
    --clr-primary: hsl(var(--accentSecondary-0-clr-primary));
    --hsl-clr-primary: var(--accentSecondary-0-clr-primary);
    --clr-good: hsl(var(--accentSecondary-0-clr-good));
    --hsl-clr-good: var(--accentSecondary-0-clr-good);
    --clr-bad: hsl(var(--accentSecondary-0-clr-bad));
    --hsl-clr-bad: var(--accentSecondary-0-clr-bad);
    --sep: hsl(var(--accentSecondary-0-sep));
    --hsl-sep: var(--accentSecondary-0-sep);
    --sep-alt: hsl(var(--accentSecondary-0-sep-alt));
    --hsl-sep-alt: var(--accentSecondary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-badge--theme-accent-secondary[data-v-6819014f] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-badge--theme-primary-50[data-v-6819014f] {
    --bg: hsla(var(--primary-50-bg), 1);
    --hsl-bg: var(--primary-50-bg);
    --clr: hsl(var(--primary-50-clr));
    --hsl-clr: var(--primary-50-clr);
    --clr-accent: hsl(var(--primary-50-clr-accent));
    --hsl-clr-accent: var(--primary-50-clr-accent);
    --clr-decent: hsl(var(--primary-50-clr-decent));
    --hsl-clr-decent: var(--primary-50-clr-decent);
    --clr-strong: hsl(var(--primary-50-clr-strong));
    --hsl-clr-strong: var(--primary-50-clr-strong);
    --clr-strong-alt: hsl(var(--primary-50-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-50-clr-strong-alt);
    --clr-primary: hsl(var(--primary-50-clr-primary));
    --hsl-clr-primary: var(--primary-50-clr-primary);
    --clr-good: hsl(var(--primary-50-clr-good));
    --hsl-clr-good: var(--primary-50-clr-good);
    --clr-bad: hsl(var(--primary-50-clr-bad));
    --hsl-clr-bad: var(--primary-50-clr-bad);
    --sep: hsl(var(--primary-50-sep));
    --hsl-sep: var(--primary-50-sep);
    --sep-alt: hsl(var(--primary-50-sep-alt));
    --hsl-sep-alt: var(--primary-50-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-badge--theme-primary-50[data-v-6819014f] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-column[data-v-f09cc1c7] {
    display: flex;
    flex-direction: column;
    gap: .625em
}

.ui-ico-team[data-v-d603fe08] {
    align-items: center;
    display: flex;
    justify-content: center
}

.ui-input-base-label-placeholder[data-v-33416491] {
    --input-base-min-height: 2.5rem;
    --input-base-textarea-min-height: 5rem;
    --input-base-font-size: 0.875rem;
    --input-base-line-height: 1rem;
    --input-base-padding-horizontal: 0.9375rem;
    --input-base-padding-vertical: 0.75rem;
    --input-base-error-padding: 0.9375rem;
    --input-base-border-color: Hsl(var(--hsl-clr-decent));
    --input-base-placeholder-opacity: 0;
    --input-base-label-placeholder-offset: var(--border-radius);
    display: flex;
    flex-direction: column
}

[dir=ltr] .ui-input-base-label-placeholder[data-v-33416491] {
    text-align: left
}

[dir=rtl] .ui-input-base-label-placeholder[data-v-33416491] {
    text-align: right
}

.ui-input-base-label-placeholder__container[data-v-33416491] {
    display: flex;
    min-height: var(--input-base-min-height);
    position: relative
}

[dir] .ui-input-base-label-placeholder__container[data-v-33416491] {
    border-radius: var(--border-radius)
}

.ui-input-base-label-placeholder__container[data-v-33416491]:after, .ui-input-base-label-placeholder__container[data-v-33416491]:before {
    bottom: 0;
    content: "";
    opacity: .5;
    pointer-events: none;
    position: absolute;
    top: 0
}

[dir] .ui-input-base-label-placeholder__container[data-v-33416491]:after, [dir] .ui-input-base-label-placeholder__container[data-v-33416491]:before {
    border-radius: inherit;
    left: 0;
    right: 0;
    transition-duration: .2s;
    transition-property: opacity, border-color, color
}

[dir] .ui-input-base-label-placeholder__container[data-v-33416491]:before {
    border-top: 1px solid var(--input-base-border-color)
}

[dir] .ui-input-base-label-placeholder__container[data-v-33416491]:after {
    border-bottom: 1px solid var(--input-base-border-color);
    border-left: 1px solid var(--input-base-border-color);
    border-right: 1px solid var(--input-base-border-color)
}

.ui-input-base-label-placeholder:not(.ui-input-base-label-placeholder--disabled):not(.ui-input-base-label-placeholder--floating-label) .ui-input-base-label-placeholder__container[data-v-33416491]:hover:before {
    opacity: 1
}

.ui-input-base-label-placeholder:not(.ui-input-base-label-placeholder--disabled):not(.ui-input-base-label-placeholder--label-on-placeholder-position) .ui-input-base-label-placeholder__container[data-v-33416491]:hover:before {
    opacity: 0
}

[dir] .ui-input-base-label-placeholder:not(.ui-input-base-label-placeholder--disabled):not(.ui-input-base-label-placeholder--label-on-placeholder-position) .ui-input-base-label-placeholder__container[data-v-33416491]:hover:before {
    border-color: transparent
}

.ui-input-base-label-placeholder:not(.ui-input-base-label-placeholder--disabled) .ui-input-base-label-placeholder__container[data-v-33416491]:hover:after {
    opacity: 1
}

.ui-input-base-label-placeholder--disabled .ui-input-base-label-placeholder__container[data-v-33416491] {
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-input-base-label-placeholder--disabled .ui-input-base-label-placeholder__container[data-v-33416491] {
    cursor: not-allowed
}

.ui-input-base-label-placeholder--has-error .ui-input-base-label-placeholder__container[data-v-33416491]:after, .ui-input-base-label-placeholder--has-error .ui-input-base-label-placeholder__container[data-v-33416491]:before {
    opacity: 1
}

[dir] .ui-input-base-label-placeholder--has-error .ui-input-base-label-placeholder__container[data-v-33416491]:after, [dir] .ui-input-base-label-placeholder--has-error .ui-input-base-label-placeholder__container[data-v-33416491]:before {
    border-color: Hsl(var(--hsl-clr-bad))
}

.ui-input-base-label-placeholder--is-focused:not(.ui-input-base-label-placeholder--has-error) .ui-input-base-label-placeholder__container[data-v-33416491]:after, .ui-input-base-label-placeholder--is-focused:not(.ui-input-base-label-placeholder--has-error) .ui-input-base-label-placeholder__container[data-v-33416491]:before {
    opacity: 1
}

[dir] .ui-input-base-label-placeholder--is-focused:not(.ui-input-base-label-placeholder--has-error) .ui-input-base-label-placeholder__container[data-v-33416491]:after, [dir] .ui-input-base-label-placeholder--is-focused:not(.ui-input-base-label-placeholder--has-error) .ui-input-base-label-placeholder__container[data-v-33416491]:before {
    border-color: Hsl(var(--focus))
}

.ui-input-base-label-placeholder--is-focused:not(&--label-on-placeholder-position) .ui-input-base-label-placeholder__container[data-v-33416491]:before {
    opacity: 0
}

[dir] .ui-input-base-label-placeholder--is-focused:not(&--label-on-placeholder-position) .ui-input-base-label-placeholder__container[data-v-33416491]:before {
    border-color: transparent
}

.ui-input-base-label-placeholder--textarea .ui-input-base-label-placeholder__container[data-v-33416491] {
    flex: auto
}

.ui-input-base-label-placeholder__content[data-v-33416491] {
    display: flex;
    flex-grow: 1;
    min-width: 0;
    position: relative
}

.ui-input-base-label-placeholder__after-content[data-v-33416491], .ui-input-base-label-placeholder__before-content[data-v-33416491] {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 0;
    position: relative
}

[dir=ltr] .ui-input-base-label-placeholder__before-content > [data-v-33416491]:first-child, [dir=ltr] .ui-input-base-label-placeholder__container > [data-v-33416491]:first-child, [dir=ltr] .ui-input-base-label-placeholder__content > [data-v-33416491]:first-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

[dir=ltr] .ui-input-base-label-placeholder__after-content > [data-v-33416491]:last-child, [dir=ltr] .ui-input-base-label-placeholder__container > [data-v-33416491]:last-child, [dir=ltr] .ui-input-base-label-placeholder__content > [data-v-33416491]:last-child, [dir=rtl] .ui-input-base-label-placeholder__before-content > [data-v-33416491]:first-child, [dir=rtl] .ui-input-base-label-placeholder__container > [data-v-33416491]:first-child, [dir=rtl] .ui-input-base-label-placeholder__content > [data-v-33416491]:first-child {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit
}

[dir=rtl] .ui-input-base-label-placeholder__after-content > [data-v-33416491]:last-child, [dir=rtl] .ui-input-base-label-placeholder__container > [data-v-33416491]:last-child, [dir=rtl] .ui-input-base-label-placeholder__content > [data-v-33416491]:last-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

.ui-input-base-label-placeholder__label[data-v-33416491] {
    bottom: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    user-select: none
}

[dir] .ui-input-base-label-placeholder__label[data-v-33416491] {
    left: 0;
    right: 0
}

.ui-input-base-label-placeholder__loader[data-v-33416491] {
    bottom: var(--input-base-padding-vertical);
    font-size: var(--input-base-font-size);
    opacity: .2;
    position: absolute;
    top: var(--input-base-padding-vertical)
}

[dir] .ui-input-base-label-placeholder__loader[data-v-33416491] {
    background-color: Hsl(var(--hsl-clr-decent));
    cursor: not-allowed;
    left: var(--input-base-padding-horizontal);
    right: var(--input-base-padding-horizontal)
}

.ui-input-base-label-placeholder:not(.ui-input-base-label-placeholder--label-on-placeholder-position) .ui-input-base-label-placeholder__container[data-v-33416491]:before {
    opacity: 0
}

[dir] .ui-input-base-label-placeholder--has-inner-offset[data-v-33416491] {
    padding-bottom: .9375rem;
    padding-top: .3125rem
}

[dir] .ui-input-base-label-placeholder--has-inner-offset.ui-input-base-label-placeholder--has-error[data-v-33416491] {
    margin-bottom: -.9375rem
}

.ui-input-base-label-placeholder--has-only-native-placeholder[data-v-33416491], .ui-input-base-label-placeholder--is-focused.ui-input-base-label-placeholder--has-native-placeholder[data-v-33416491] {
    --input-base-placeholder-opacity: 1
}

.ui-input-base-label-placeholder-label[data-v-33416491] {
    align-items: flex-start;
    color: Hsl(var(--hsl-clr));
    column-gap: .625rem;
    display: flex
}

.ui-input-base-label-placeholder--disabled .ui-input-base-label-placeholder-label[data-v-33416491] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-input-base-label-placeholder-label[data-v-33416491]:after, .ui-input-base-label-placeholder-label[data-v-33416491]:before {
    content: "";
    height: 100%;
    min-width: var(--input-base-label-placeholder-offset);
    opacity: .5;
    z-index: 1
}

[dir] .ui-input-base-label-placeholder-label[data-v-33416491]:after, [dir] .ui-input-base-label-placeholder-label[data-v-33416491]:before {
    border: 1px solid var(--input-base-border-color);
    transition-duration: .2s;
    transition-property: opacity, border-color
}

.ui-input-base-label-placeholder--has-error .ui-input-base-label-placeholder-label[data-v-33416491]:after, .ui-input-base-label-placeholder--has-error .ui-input-base-label-placeholder-label[data-v-33416491]:before, .ui-input-base-label-placeholder:not(.ui-input-base-label-placeholder--disabled) .ui-input-base-label-placeholder__container:hover .ui-input-base-label-placeholder-label[data-v-33416491]:after, .ui-input-base-label-placeholder:not(.ui-input-base-label-placeholder--disabled) .ui-input-base-label-placeholder__container:hover .ui-input-base-label-placeholder-label[data-v-33416491]:before {
    opacity: 1
}

[dir] .ui-input-base-label-placeholder--has-error .ui-input-base-label-placeholder-label[data-v-33416491]:after, [dir] .ui-input-base-label-placeholder--has-error .ui-input-base-label-placeholder-label[data-v-33416491]:before {
    border-color: Hsl(var(--hsl-clr-bad))
}

.ui-input-base-label-placeholder--is-focused:not(.ui-input-base-label-placeholder--has-error) .ui-input-base-label-placeholder-label[data-v-33416491]:after, .ui-input-base-label-placeholder--is-focused:not(.ui-input-base-label-placeholder--has-error) .ui-input-base-label-placeholder-label[data-v-33416491]:before {
    opacity: 1
}

[dir] .ui-input-base-label-placeholder--is-focused:not(.ui-input-base-label-placeholder--has-error) .ui-input-base-label-placeholder-label[data-v-33416491]:after, [dir] .ui-input-base-label-placeholder--is-focused:not(.ui-input-base-label-placeholder--has-error) .ui-input-base-label-placeholder-label[data-v-33416491]:before {
    border-color: Hsl(var(--focus))
}

.ui-input-base-label-placeholder-label[data-v-33416491]:before {
    flex-basis: var(--input-base-label-start-offset, var(--input-base-label-placeholder-offset))
}

[dir] .ui-input-base-label-placeholder-label[data-v-33416491]:before {
    border-bottom: none
}

[dir=ltr] .ui-input-base-label-placeholder-label[data-v-33416491]:before {
    border-bottom-left-radius: var(--border-radius);
    border-right: none;
    border-top-left-radius: var(--border-radius)
}

[dir=rtl] .ui-input-base-label-placeholder-label[data-v-33416491]:before {
    border-bottom-right-radius: var(--border-radius);
    border-left: none;
    border-top-right-radius: var(--border-radius)
}

.ui-input-base-label-placeholder-label[data-v-33416491]:after {
    flex-basis: var(--input-base-label-placeholder-offset);
    flex-grow: 1
}

[dir] .ui-input-base-label-placeholder-label[data-v-33416491]:after {
    border-bottom: none
}

[dir=ltr] .ui-input-base-label-placeholder-label[data-v-33416491]:after {
    border-bottom-right-radius: var(--border-radius);
    border-left: none;
    border-top-right-radius: var(--border-radius)
}

[dir=rtl] .ui-input-base-label-placeholder-label[data-v-33416491]:after {
    border-bottom-left-radius: var(--border-radius);
    border-right: none;
    border-top-left-radius: var(--border-radius)
}

.ui-input-base-label-placeholder-label__text[data-v-33416491] {
    font-size: .75rem;
    line-height: .875rem;
    max-width: calc(100% - var(--input-base-label-end-offset, 0px) - var(--input-base-padding-horizontal));
    overflow-x: hidden
}

[dir] .ui-input-base-label-placeholder-label__text[data-v-33416491] {
    transform: translateY(-50%);
    transition-duration: .2s;
    transition-property: font-size, line-height, transform, margin
}

.ui-input-base-label-placeholder--disabled .ui-input-base-label-placeholder-label__text[data-v-33416491] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-input-base-label-placeholder-label--placeholder-position .ui-input-base-label-placeholder-label__text[data-v-33416491] {
    font-size: .875rem;
    line-height: 1rem
}

[dir] .ui-input-base-label-placeholder-label--placeholder-position .ui-input-base-label-placeholder-label__text[data-v-33416491] {
    transform: translateY(.75rem)
}

[dir=ltr] .ui-input-base-label-placeholder-label--placeholder-position:not(.ui-input-base-label-placeholder-label--before-content) .ui-input-base-label-placeholder-label__text[data-v-33416491] {
    margin-left: calc(var(--input-base-padding-horizontal) - var(--input-base-label-placeholder-offset) - .625rem)
}

[dir=ltr] .ui-input-base-label-placeholder-label--placeholder-position.ui-input-base-label-placeholder-label--before-content .ui-input-base-label-placeholder-label__text[data-v-33416491], [dir=rtl] .ui-input-base-label-placeholder-label--placeholder-position:not(.ui-input-base-label-placeholder-label--before-content) .ui-input-base-label-placeholder-label__text[data-v-33416491] {
    margin-right: calc(var(--input-base-padding-horizontal) - var(--input-base-label-placeholder-offset) - .625rem)
}

[dir=rtl] .ui-input-base-label-placeholder-label--placeholder-position.ui-input-base-label-placeholder-label--before-content .ui-input-base-label-placeholder-label__text[data-v-33416491] {
    margin-left: calc(var(--input-base-padding-horizontal) - var(--input-base-label-placeholder-offset) - .625rem)
}

.ui-input-base-label-placeholder-label--placeholder-position[data-v-33416491]:after, .ui-input-base-label-placeholder-label--placeholder-position[data-v-33416491]:before {
    opacity: 0
}

.ui-input-base-label-placeholder-label-text[data-v-33416491] {
    color: Hsl(var(--hsl-clr-strong));
    display: flex
}

.ui-input-base-label-placeholder-label-text__caption--custom-asterisk[data-v-33416491]:after {
    color: Hsl(var(--hsl-clr-bad));
    content: "*"
}

.ui-input-base-default[data-v-6d57a7ce] {
    display: flex;
    flex-direction: column
}

[dir=ltr] .ui-input-base-default[data-v-6d57a7ce] {
    text-align: left
}

[dir=rtl] .ui-input-base-default[data-v-6d57a7ce] {
    text-align: right
}

.ui-input-base-default__container[data-v-6d57a7ce] {
    display: flex;
    min-height: var(--input-base-min-height);
    position: relative
}

[dir] .ui-input-base-default__container[data-v-6d57a7ce] {
    border-radius: var(--border-radius)
}

.ui-input-base-default__container[data-v-6d57a7ce]:after, .ui-input-base-default__container[data-v-6d57a7ce]:before {
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0
}

[dir] .ui-input-base-default__container[data-v-6d57a7ce]:after, [dir] .ui-input-base-default__container[data-v-6d57a7ce]:before {
    border-radius: inherit;
    left: 0;
    right: 0;
    transition-duration: .2s
}

[dir] .ui-input-base-default__container[data-v-6d57a7ce]:before {
    transition-property: background-color, opacity, color
}

.ui-input-base-default:not(.ui-input-base-default--inscribed) .ui-input-base-default__container[data-v-6d57a7ce]:after {
    opacity: .5
}

[dir] .ui-input-base-default__container[data-v-6d57a7ce]:after {
    border: 1px solid var(--input-base-border-color);
    transition-property: opacity, border-color, color
}

.ui-input-base-default:not(.ui-input-base-default--disabled):not(.ui-input-base-default--inscribed):not(.ui-input-base-default--readonly) .ui-input-base-default__container[data-v-6d57a7ce]:hover:after {
    opacity: 1
}

.ui-input-base-default:not(.ui-input-base-default--disabled) .ui-input-base-default__container[data-v-6d57a7ce] {
    color: Hsl(var(--hsl-clr))
}

.ui-input-base-default--disabled .ui-input-base-default__container[data-v-6d57a7ce] {
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-input-base-default--disabled .ui-input-base-default__container[data-v-6d57a7ce] {
    cursor: not-allowed
}

.ui-input-base-default--has-error:not(.ui-input-base-default--inscribed) .ui-input-base-default__container[data-v-6d57a7ce]:after {
    opacity: 1
}

[dir] .ui-input-base-default--has-error:not(.ui-input-base-default--inscribed) .ui-input-base-default__container[data-v-6d57a7ce]:after {
    border-color: Hsl(var(--hsl-clr-bad))
}

.ui-input-base-default--is-focused:not(.ui-input-base-default--has-error):not(.ui-input-base-default--inscribed) .ui-input-base-default__container[data-v-6d57a7ce]:after {
    opacity: 1
}

[dir] .ui-input-base-default--is-focused:not(.ui-input-base-default--has-error):not(.ui-input-base-default--inscribed) .ui-input-base-default__container[data-v-6d57a7ce]:after {
    border-color: Hsl(var(--focus))
}

.ui-input-base-default--inscribed .ui-input-base-default__container[data-v-6d57a7ce]:after {
    opacity: 0
}

.ui-input-base-default--textarea .ui-input-base-default__container[data-v-6d57a7ce] {
    flex: auto
}

.ui-input-base-default__content[data-v-6d57a7ce] {
    display: flex;
    flex: auto;
    min-width: 0;
    position: relative
}

.ui-input-base-default__after-content[data-v-6d57a7ce], .ui-input-base-default__before-content[data-v-6d57a7ce] {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 0;
    position: relative
}

[dir=ltr] .ui-input-base-default__before-content > [data-v-6d57a7ce]:first-child, [dir=ltr] .ui-input-base-default__container > [data-v-6d57a7ce]:first-child, [dir=ltr] .ui-input-base-default__content > [data-v-6d57a7ce]:first-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

[dir=ltr] .ui-input-base-default__after-content > [data-v-6d57a7ce]:last-child, [dir=ltr] .ui-input-base-default__container > [data-v-6d57a7ce]:last-child, [dir=ltr] .ui-input-base-default__content > [data-v-6d57a7ce]:last-child, [dir=rtl] .ui-input-base-default__before-content > [data-v-6d57a7ce]:first-child, [dir=rtl] .ui-input-base-default__container > [data-v-6d57a7ce]:first-child, [dir=rtl] .ui-input-base-default__content > [data-v-6d57a7ce]:first-child {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit
}

[dir=rtl] .ui-input-base-default__after-content > [data-v-6d57a7ce]:last-child, [dir=rtl] .ui-input-base-default__container > [data-v-6d57a7ce]:last-child, [dir=rtl] .ui-input-base-default__content > [data-v-6d57a7ce]:last-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

.ui-input-base-default__loader[data-v-6d57a7ce] {
    bottom: var(--input-base-padding-vertical);
    font-size: var(--input-base-font-size);
    opacity: .2;
    position: absolute;
    top: var(--input-base-padding-vertical)
}

[dir] .ui-input-base-default__loader[data-v-6d57a7ce] {
    background-color: Hsl(var(--hsl-clr-decent));
    cursor: not-allowed;
    left: var(--input-base-padding-horizontal);
    right: var(--input-base-padding-horizontal)
}

.ui-input-base-default--theme-default .ui-input-base-default__container[data-v-6d57a7ce] {
    --input-base-border-color: Hsl(var(--hsl-clr-decent))
}

.ui-input-base-default--theme-primary .ui-input-base-default__container[data-v-6d57a7ce] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    --input-base-border-color: Hsl(var(--hsl-bg))
}

[dir] .ui-input-base-default--theme-primary .ui-input-base-default__container[data-v-6d57a7ce]:before {
    background-color: Hsl(var(--hsl-bg))
}

.ui-input-base-default--theme-primary--20 .ui-input-base-default__container[data-v-6d57a7ce] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    --input-base-border-color: Hsl(var(--hsl-bg))
}

[dir] .ui-input-base-default--theme-primary--20 .ui-input-base-default__container[data-v-6d57a7ce]:before {
    background-color: Hsl(var(--hsl-bg))
}

.ui-input-base-default--theme-primary--40 .ui-input-base-default__container[data-v-6d57a7ce] {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt);
    --input-base-border-color: Hsl(var(--hsl-bg))
}

[dir] .ui-input-base-default--theme-primary--40 .ui-input-base-default__container[data-v-6d57a7ce]:before {
    background-color: Hsl(var(--hsl-bg))
}

.ui-input-base-default--theme-primary-100 .ui-input-base-default__container[data-v-6d57a7ce] {
    --bg: hsla(var(--primary-100-bg), 1);
    --hsl-bg: var(--primary-100-bg);
    --clr: hsl(var(--primary-100-clr));
    --hsl-clr: var(--primary-100-clr);
    --clr-accent: hsl(var(--primary-100-clr-accent));
    --hsl-clr-accent: var(--primary-100-clr-accent);
    --clr-decent: hsl(var(--primary-100-clr-decent));
    --hsl-clr-decent: var(--primary-100-clr-decent);
    --clr-strong: hsl(var(--primary-100-clr-strong));
    --hsl-clr-strong: var(--primary-100-clr-strong);
    --clr-strong-alt: hsl(var(--primary-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-100-clr-strong-alt);
    --clr-primary: hsl(var(--primary-100-clr-primary));
    --hsl-clr-primary: var(--primary-100-clr-primary);
    --clr-good: hsl(var(--primary-100-clr-good));
    --hsl-clr-good: var(--primary-100-clr-good);
    --clr-bad: hsl(var(--primary-100-clr-bad));
    --hsl-clr-bad: var(--primary-100-clr-bad);
    --sep: hsl(var(--primary-100-sep));
    --hsl-sep: var(--primary-100-sep);
    --sep-alt: hsl(var(--primary-100-sep-alt));
    --hsl-sep-alt: var(--primary-100-sep-alt);
    --input-base-border-color: Hsl(var(--hsl-bg))
}

[dir] .ui-input-base-default--theme-primary-100 .ui-input-base-default__container[data-v-6d57a7ce]:before {
    background-color: Hsl(var(--hsl-bg))
}

.ui-input-base-default--theme-gray .ui-input-base-default__container[data-v-6d57a7ce] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    --input-base-border-color: Hsl(var(--hsl-bg))
}

[dir] .ui-input-base-default--theme-gray .ui-input-base-default__container[data-v-6d57a7ce]:before {
    background-color: Hsl(var(--hsl-bg))
}

.ui-input-base-default--theme-gray-60 .ui-input-base-default__container[data-v-6d57a7ce] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    --input-base-border-color: Hsl(var(--hsl-bg))
}

[dir] .ui-input-base-default--theme-gray-60 .ui-input-base-default__container[data-v-6d57a7ce]:before {
    background-color: Hsl(var(--hsl-bg))
}

.ui-input-base-default--theme-gray-100 .ui-input-base-default__container[data-v-6d57a7ce] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    --input-base-border-color: Hsl(var(--hsl-bg))
}

[dir] .ui-input-base-default--theme-gray-100 .ui-input-base-default__container[data-v-6d57a7ce]:before {
    background-color: Hsl(var(--hsl-bg))
}

.ui-input-base-default--theme-cyber .ui-input-base-default__container[data-v-6d57a7ce] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    --input-base-border-color: Hsl(var(--hsl-bg))
}

[dir] .ui-input-base-default--theme-cyber .ui-input-base-default__container[data-v-6d57a7ce]:before {
    background-color: Hsl(var(--hsl-bg))
}

.ui-input-base-default--theme-cyber--45 .ui-input-base-default__container[data-v-6d57a7ce] {
    --bg: hsla(var(--cyber--45-bg), 1);
    --hsl-bg: var(--cyber--45-bg);
    --clr: hsl(var(--cyber--45-clr));
    --hsl-clr: var(--cyber--45-clr);
    --clr-accent: hsl(var(--cyber--45-clr-accent));
    --hsl-clr-accent: var(--cyber--45-clr-accent);
    --clr-decent: hsl(var(--cyber--45-clr-decent));
    --hsl-clr-decent: var(--cyber--45-clr-decent);
    --clr-strong: hsl(var(--cyber--45-clr-strong));
    --hsl-clr-strong: var(--cyber--45-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--45-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--45-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--45-clr-primary));
    --hsl-clr-primary: var(--cyber--45-clr-primary);
    --clr-good: hsl(var(--cyber--45-clr-good));
    --hsl-clr-good: var(--cyber--45-clr-good);
    --clr-bad: hsl(var(--cyber--45-clr-bad));
    --hsl-clr-bad: var(--cyber--45-clr-bad);
    --sep: hsl(var(--cyber--45-sep));
    --hsl-sep: var(--cyber--45-sep);
    --sep-alt: hsl(var(--cyber--45-sep-alt));
    --hsl-sep-alt: var(--cyber--45-sep-alt);
    --input-base-border-color: Hsl(var(--cyber-0-bg))
}

[dir] .ui-input-base-default--theme-cyber--45 .ui-input-base-default__container[data-v-6d57a7ce]:before {
    background-color: Hsl(var(--hsl-bg))
}

.ui-input-base-default--theme-tp-gray-10 .ui-input-base-default__container[data-v-6d57a7ce] {
    --bg: hsla(var(--thirdPartyGray-10-bg), 1);
    --hsl-bg: var(--thirdPartyGray-10-bg);
    --clr: hsl(var(--thirdPartyGray-10-clr));
    --hsl-clr: var(--thirdPartyGray-10-clr);
    --clr-accent: hsl(var(--thirdPartyGray-10-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-10-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-10-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-10-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-10-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-10-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-10-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-10-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-10-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-10-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-10-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-10-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-10-clr-bad);
    --sep: hsl(var(--thirdPartyGray-10-sep));
    --hsl-sep: var(--thirdPartyGray-10-sep);
    --sep-alt: hsl(var(--thirdPartyGray-10-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-10-sep-alt);
    --input-base-border-color: Hsl(var(--thirdPartyGray-25-bg));
    color: Hsl(var(--hsl-clr))
}

[dir] .ui-input-base-default--theme-tp-gray-10 .ui-input-base-default__container[data-v-6d57a7ce]:before {
    background-color: Hsl(var(--hsl-bg))
}

.ui-input-base-default--theme-tp-gray-10.ui-input-base-default--disabled .ui-input-base-default__after-content[data-v-6d57a7ce], .ui-input-base-default--theme-tp-gray-10.ui-input-base-default--disabled .ui-input-base-default__before-content[data-v-6d57a7ce], .ui-input-base-default--theme-tp-gray-10.ui-input-base-default--readonly .ui-input-base-default__after-content[data-v-6d57a7ce], .ui-input-base-default--theme-tp-gray-10.ui-input-base-default--readonly .ui-input-base-default__before-content[data-v-6d57a7ce] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-input-base-default--theme-tp-gray-10.ui-input-base-default--disabled .ui-input-base-default__container[data-v-6d57a7ce] {
    --bg: hsla(var(--thirdPartyGray-5-bg), 1);
    --hsl-bg: var(--thirdPartyGray-5-bg);
    --clr: hsl(var(--thirdPartyGray-5-clr));
    --hsl-clr: var(--thirdPartyGray-5-clr);
    --clr-accent: hsl(var(--thirdPartyGray-5-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-5-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-5-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-5-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-5-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-5-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-5-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-5-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-5-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-5-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-5-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-5-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-5-clr-bad);
    --sep: hsl(var(--thirdPartyGray-5-sep));
    --hsl-sep: var(--thirdPartyGray-5-sep);
    --sep-alt: hsl(var(--thirdPartyGray-5-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-5-sep-alt);
    --input-base-border-color: Hsl(var(--hsl-bg))
}

.ui-input-base-default--theme-tp-gray-10.ui-input-base-default--readonly .ui-input-base-default__container[data-v-6d57a7ce] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-input-base-default--theme-tp-gray-100 .ui-input-base-default__container[data-v-6d57a7ce] {
    --bg: hsla(var(--thirdPartyGray-100-bg), 1);
    --hsl-bg: var(--thirdPartyGray-100-bg);
    --clr: hsl(var(--thirdPartyGray-100-clr));
    --hsl-clr: var(--thirdPartyGray-100-clr);
    --clr-accent: hsl(var(--thirdPartyGray-100-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-100-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-100-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-100-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-100-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-100-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-100-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-100-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-100-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-100-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-100-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-100-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-100-clr-bad);
    --sep: hsl(var(--thirdPartyGray-100-sep));
    --hsl-sep: var(--thirdPartyGray-100-sep);
    --sep-alt: hsl(var(--thirdPartyGray-100-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-100-sep-alt);
    --input-base-border-color: Hsl(var(--thirdPartyPrimary-40-bg));
    color: Hsl(var(--hsl-clr))
}

[dir] .ui-input-base-default--theme-tp-gray-100 .ui-input-base-default__container[data-v-6d57a7ce]:before {
    background-color: Hsl(var(--hsl-bg))
}

.ui-input-base-default--theme-tp-gray-100.ui-input-base-default--disabled .ui-input-base-default__after-content[data-v-6d57a7ce], .ui-input-base-default--theme-tp-gray-100.ui-input-base-default--disabled .ui-input-base-default__before-content[data-v-6d57a7ce], .ui-input-base-default--theme-tp-gray-100.ui-input-base-default--readonly .ui-input-base-default__after-content[data-v-6d57a7ce], .ui-input-base-default--theme-tp-gray-100.ui-input-base-default--readonly .ui-input-base-default__before-content[data-v-6d57a7ce] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-input-base-default--theme-tp-gray-100.ui-input-base-default--disabled .ui-input-base-default__container[data-v-6d57a7ce] {
    --bg: hsla(var(--thirdPartyGray-95-bg), 1);
    --hsl-bg: var(--thirdPartyGray-95-bg);
    --clr: hsl(var(--thirdPartyGray-95-clr));
    --hsl-clr: var(--thirdPartyGray-95-clr);
    --clr-accent: hsl(var(--thirdPartyGray-95-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-95-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-95-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-95-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-95-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-95-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-95-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-95-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-95-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-95-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-95-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-95-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-95-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-95-clr-bad);
    --sep: hsl(var(--thirdPartyGray-95-sep));
    --hsl-sep: var(--thirdPartyGray-95-sep);
    --sep-alt: hsl(var(--thirdPartyGray-95-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-95-sep-alt);
    --input-base-border-color: Hsl(var(--hsl-bg))
}

.ui-input-base-default--theme-tp-gray-100.ui-input-base-default--readonly .ui-input-base-default__container[data-v-6d57a7ce] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-input-base-default--size-s[data-v-6d57a7ce] {
    --input-base-min-height: 1.5em;
    --input-base-textarea-min-height: 6.66667em;
    --input-base-font-size: 0.75em;
    --input-base-line-height: 1.08333em;
    --input-base-padding-horizontal: 0.58333em;
    --input-base-padding-vertical: 0.41667em;
    --input-base-error-padding: 0.4375em
}

.ui-input-base-default--size-m[data-v-6d57a7ce] {
    --input-base-min-height: 2em;
    --input-base-textarea-min-height: 5.71429em;
    --input-base-font-size: 0.875em;
    --input-base-line-height: 1.07143em;
    --input-base-padding-horizontal: 0.71429em;
    --input-base-padding-vertical: 0.57143em;
    --input-base-error-padding: 0.625em
}

[dir] .ui-input-base__error[data-v-dcfbfeb4] {
    margin-top: .125em
}

[dir] .ui-input-base-error[data-v-dcfbfeb4] {
    padding-left: var(--input-base-error-padding);
    padding-right: var(--input-base-error-padding)
}

.ui-input-base-error__text[data-v-dcfbfeb4] {
    color: Hsl(var(--hsl-clr-bad));
    font-size: .6875em;
    line-height: 1.18182em
}

[dir=rtl] .ui-input--rtl-ignore .ui-input__field[data-v-f322a389] {
    direction: ltr;
    text-align: left
}

.ui-input__field[data-v-f322a389] {
    flex: auto 999 1
}

.ui-input__lock[data-v-f322a389] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: var(--input-base-min-height);
    min-width: var(--input-base-min-height)
}

.ui-input-field[data-v-f322a389] {
    color: Hsl(var(--hsl-clr));
    font-size: var(--input-base-font-size);
    line-height: var(--input-base-line-height);
    position: relative;
    width: 1px
}

[dir] .ui-input-field[data-v-f322a389] {
    border-radius: inherit;
    padding: var(--input-base-padding-vertical) var(--input-base-padding-horizontal);
    text-align: inherit
}

.ui-input-field[data-v-f322a389]::-ms-clear, .ui-input-field[data-v-f322a389]::-ms-reveal {
    display: none
}

.ui-input-field[disabled][data-v-f322a389], .ui-input-field[readonly][data-v-f322a389] {
    -webkit-text-fill-color: Hsl(var(--hsl-clr-decent));
    color: Hsl(var(--hsl-clr-decent));
    opacity: 1
}

.ui-input-field--textarea[data-v-f322a389] {
    min-height: var(--input-base-textarea-min-height)
}

.ui-input-field[data-v-f322a389]::placeholder {
    color: Hsl(var(--hsl-clr-decent));
    opacity: var(--input-base-placeholder-opacity)
}

[dir] .ui-input-field[data-v-f322a389]::placeholder {
    transition-duration: 1s;
    transition-property: opacity
}

.ui-input-field[data-v-f322a389]:-webkit-autofill {
    -webkit-text-fill-color: Hsl(var(--hsl-clr))
}

[dir] .ui-input-field[data-v-f322a389]:-webkit-autofill {
    box-shadow: inset 0 0 0 62.5rem Hsl(var(--hsl-bg))
}

.ui-input-field[data-v-f322a389]::-webkit-scrollbar {
    width: .3125em
}

[dir] .ui-input-field[data-v-f322a389]::-webkit-scrollbar-thumb {
    background-color: Hsl(var(--gray-0-clr-decent));
    border-radius: var(--border-radius)
}

[dir] .ui-input-field[data-v-f322a389]::-webkit-scrollbar-track {
    background-color: Hsl(var(--gray-0-bg));
    border-radius: var(--border-radius)
}

.input-button[data-v-e7bc5bb9] {
    flex-shrink: 0;
    min-width: 2rem;
    position: relative
}

.input-button--has-border[data-v-e7bc5bb9] {
    position: relative
}

.input-button--has-border[data-v-e7bc5bb9]:before {
    bottom: .25rem;
    content: "";
    opacity: .5;
    position: absolute;
    top: .25rem
}

[dir] .input-button--has-border[data-v-e7bc5bb9]:before {
    transition: opacity .2s
}

[dir=ltr] .input-button--has-border[data-v-e7bc5bb9]:before {
    border-left: 1px solid hsl(var(--hsl-clr-decent));
    left: 0
}

[dir=rtl] .input-button--has-border[data-v-e7bc5bb9]:before {
    border-right: 1px solid hsl(var(--hsl-clr-decent));
    right: 0
}

.input-phone__container[data-v-0fd90fb6] {
    display: flex;
    width: 100%
}

[dir=rtl] .input-phone__container[data-v-0fd90fb6] {
    direction: ltr
}

.input-phone[data-v-0fd90fb6] .input-phone__code {
    align-items: center;
    color: Hsl(var(--hsl-clr-strong));
    display: flex;
    font-size: var(--input-base-field-font-size);
    line-height: var(--input-base-field-line-height);
    padding-left: var(--input-base-field-padding-horizontal);
    position: static
}

[xlang=bn] .input-phone[data-v-0fd90fb6] .input-phone__code, [xlang=hi] .input-phone[data-v-0fd90fb6] .input-phone__code, [xlang=hy] .input-phone[data-v-0fd90fb6] .input-phone__code, [xlang=my] .input-phone[data-v-0fd90fb6] .input-phone__code, [xlang=sd] .input-phone[data-v-0fd90fb6] .input-phone__code, [xlang=ta] .input-phone[data-v-0fd90fb6] .input-phone__code {
    word-break: normal
}

.input-phone__number[data-v-0fd90fb6] {
    color: Hsl(var(--hsl-clr-strong));
    flex: auto 999 1;
    font-size: var(--input-base-field-font-size);
    line-height: var(--input-base-field-line-height);
    padding: var(--input-base-field-padding-vertical) var(--input-base-field-padding-horizontal);
    position: relative;
    width: 1px
}

[xlang=bn] .input-phone__number[data-v-0fd90fb6], [xlang=hi] .input-phone__number[data-v-0fd90fb6], [xlang=hy] .input-phone__number[data-v-0fd90fb6], [xlang=my] .input-phone__number[data-v-0fd90fb6], [xlang=sd] .input-phone__number[data-v-0fd90fb6], [xlang=ta] .input-phone__number[data-v-0fd90fb6] {
    word-break: normal
}

.input-phone__number[data-v-0fd90fb6]::placeholder {
    color: Hsl(var(--hsl-clr-decent));
    opacity: var(--input-base-placeholder-opacity)
}

.input-phone__number[data-v-0fd90fb6]:-webkit-autofill {
    -webkit-text-fill-color: Hsl(var(--hsl-clr));
    box-shadow: inset 0 0 0 62.5rem Hsl(var(--hsl-bg))
}

.input-phone--theme-primary--40[data-v-0fd90fb6] .dropdown-phone-codes-container .ico--bordered {
    box-shadow: none
}

.field-phone__container[data-v-cf287189] {
    display: flex;
    flex: auto;
    min-width: 0
}

.field-phone[data-v-cf287189] .field-phone__select {
    flex: none;
    padding-left: .9375em;
    padding-right: .625em
}

.field-phone__input[data-v-cf287189] {
    color: var(--base-input-color);
    flex: auto;
    font-size: var(--base-input-fz);
    line-height: var(--base-input-lh);
    min-width: 0;
    padding-right: var(--base-input-padding-inline-end)
}

.field-phone__input[data-v-cf287189]::placeholder {
    opacity: var(--base-input-placeholder-opacity)
}

.field-phone__input[data-v-cf287189]:-webkit-autofill {
    -webkit-text-fill-color: var(--base-input-color);
    box-shadow: inset 0 0 0 62.5rem Hsl(var(--hsl-bg))
}

.field-phone--disabled .field-phone__input[data-v-cf287189], .field-phone--disabled .field-phone__input[data-v-cf287189]:disabled {
    -webkit-text-fill-color: var(--base-input-disabled-color);
    color: var(--base-input-disabled-color);
    -webkit-opacity: 1
}

[xlang=bn] .field-phone__input[data-v-cf287189], [xlang=hi] .field-phone__input[data-v-cf287189], [xlang=hy] .field-phone__input[data-v-cf287189], [xlang=my] .field-phone__input[data-v-cf287189], [xlang=sd] .field-phone__input[data-v-cf287189], [xlang=ta] .field-phone__input[data-v-cf287189] {
    word-break: normal
}

.statistic-frame[data-v-3c6b53b4], .statistic-frame__item[data-v-3c6b53b4] {
    height: 100%;
    width: 100%
}

[dir] .statistic-frame__item[data-v-3c6b53b4] {
    border-radius: inherit
}

.statistic-modal[data-v-ecf9162a] {
    max-width: 100%;
    min-height: 75vh;
    width: 63.75em
}

[dir] .statistic-modal.modal[data-v-ecf9162a] {
    background-color: Hsl(var(--custom-statistic-modal-bg, 234, 29%, 93%))
}

.ui-message-block[data-v-e3e7518c] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

[dir] .ui-message-block[data-v-e3e7518c] {
    padding: 1.25rem;
    text-align: center
}

[dir] .ui-message-block--rounded[data-v-e3e7518c] {
    border-radius: var(--border-radius)
}

.ui-message-block__title[data-v-e3e7518c] {
    font-weight: 700
}

.ui-message-block__text[data-v-e3e7518c] {
    font-size: .875rem;
    line-height: 1rem;
    word-break: break-word
}

.ui-message-block--size-s[data-v-e3e7518c] {
    min-height: 8.125rem
}

.ui-message-block--size-s .ui-message-block__title[data-v-e3e7518c] {
    font-size: .875rem;
    line-height: 1rem
}

[dir] .ui-message-block--size-s .ui-message-block__title[data-v-e3e7518c] {
    margin-bottom: .3125rem
}

.ui-message-block--size-m[data-v-e3e7518c] {
    min-height: 20.625rem
}

.ui-message-block--size-m .ui-message-block__title[data-v-e3e7518c] {
    font-size: 1.25rem;
    line-height: 1.5rem
}

[dir] .ui-message-block--size-m .ui-message-block__title[data-v-e3e7518c] {
    margin-bottom: .625rem
}

.ui-message-block--theme-gray-100[data-v-e3e7518c] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
}

[dir] .ui-message-block--theme-gray-100[data-v-e3e7518c] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-message-block--theme-gray-60[data-v-e3e7518c] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
}

[dir] .ui-message-block--theme-gray-60[data-v-e3e7518c] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-message-block--theme-gray-40[data-v-e3e7518c] {
    --bg: hsla(var(--gray-40-bg), 1);
    --hsl-bg: var(--gray-40-bg);
    --clr: hsl(var(--gray-40-clr));
    --hsl-clr: var(--gray-40-clr);
    --clr-accent: hsl(var(--gray-40-clr-accent));
    --hsl-clr-accent: var(--gray-40-clr-accent);
    --clr-decent: hsl(var(--gray-40-clr-decent));
    --hsl-clr-decent: var(--gray-40-clr-decent);
    --clr-strong: hsl(var(--gray-40-clr-strong));
    --hsl-clr-strong: var(--gray-40-clr-strong);
    --clr-strong-alt: hsl(var(--gray-40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-40-clr-strong-alt);
    --clr-primary: hsl(var(--gray-40-clr-primary));
    --hsl-clr-primary: var(--gray-40-clr-primary);
    --clr-good: hsl(var(--gray-40-clr-good));
    --hsl-clr-good: var(--gray-40-clr-good);
    --clr-bad: hsl(var(--gray-40-clr-bad));
    --hsl-clr-bad: var(--gray-40-clr-bad);
    --sep: hsl(var(--gray-40-sep));
    --hsl-sep: var(--gray-40-sep);
    --sep-alt: hsl(var(--gray-40-sep-alt));
    --hsl-sep-alt: var(--gray-40-sep-alt);
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
}

[dir] .ui-message-block--theme-gray-40[data-v-e3e7518c] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-message-block--theme-primary[data-v-e3e7518c] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--custom-ui-message-block-clr-theme-primary, var(--hsl-clr-strong)))
}

[dir] .ui-message-block--theme-primary[data-v-e3e7518c] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-message-block--theme-primary-100[data-v-e3e7518c] {
    --bg: hsla(var(--primary-100-bg), 1);
    --hsl-bg: var(--primary-100-bg);
    --clr: hsl(var(--primary-100-clr));
    --hsl-clr: var(--primary-100-clr);
    --clr-accent: hsl(var(--primary-100-clr-accent));
    --hsl-clr-accent: var(--primary-100-clr-accent);
    --clr-decent: hsl(var(--primary-100-clr-decent));
    --hsl-clr-decent: var(--primary-100-clr-decent);
    --clr-strong: hsl(var(--primary-100-clr-strong));
    --hsl-clr-strong: var(--primary-100-clr-strong);
    --clr-strong-alt: hsl(var(--primary-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-100-clr-strong-alt);
    --clr-primary: hsl(var(--primary-100-clr-primary));
    --hsl-clr-primary: var(--primary-100-clr-primary);
    --clr-good: hsl(var(--primary-100-clr-good));
    --hsl-clr-good: var(--primary-100-clr-good);
    --clr-bad: hsl(var(--primary-100-clr-bad));
    --hsl-clr-bad: var(--primary-100-clr-bad);
    --sep: hsl(var(--primary-100-sep));
    --hsl-sep: var(--primary-100-sep);
    --sep-alt: hsl(var(--primary-100-sep-alt));
    --hsl-sep-alt: var(--primary-100-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr-strong)))
}

[dir] .ui-message-block--theme-primary-100[data-v-e3e7518c] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-message-block--theme-primary--10[data-v-e3e7518c] {
    --bg: hsla(var(--primary--10-bg), 1);
    --hsl-bg: var(--primary--10-bg);
    --clr: hsl(var(--primary--10-clr));
    --hsl-clr: var(--primary--10-clr);
    --clr-accent: hsl(var(--primary--10-clr-accent));
    --hsl-clr-accent: var(--primary--10-clr-accent);
    --clr-decent: hsl(var(--primary--10-clr-decent));
    --hsl-clr-decent: var(--primary--10-clr-decent);
    --clr-strong: hsl(var(--primary--10-clr-strong));
    --hsl-clr-strong: var(--primary--10-clr-strong);
    --clr-strong-alt: hsl(var(--primary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--10-clr-strong-alt);
    --clr-primary: hsl(var(--primary--10-clr-primary));
    --hsl-clr-primary: var(--primary--10-clr-primary);
    --clr-good: hsl(var(--primary--10-clr-good));
    --hsl-clr-good: var(--primary--10-clr-good);
    --clr-bad: hsl(var(--primary--10-clr-bad));
    --hsl-clr-bad: var(--primary--10-clr-bad);
    --sep: hsl(var(--primary--10-sep));
    --hsl-sep: var(--primary--10-sep);
    --sep-alt: hsl(var(--primary--10-sep-alt));
    --hsl-sep-alt: var(--primary--10-sep-alt);
    color: Hsl(var(--hsl-clr-decent, var(--hsl-clr-strong)))
}

[dir] .ui-message-block--theme-primary--10[data-v-e3e7518c] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-message-block--theme-primary--20[data-v-e3e7518c] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr-strong)))
}

[dir] .ui-message-block--theme-primary--20[data-v-e3e7518c] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-message-block--theme-primary--50[data-v-e3e7518c] {
    --bg: hsla(var(--primary--50-bg), 1);
    --hsl-bg: var(--primary--50-bg);
    --clr: hsl(var(--primary--50-clr));
    --hsl-clr: var(--primary--50-clr);
    --clr-accent: hsl(var(--primary--50-clr-accent));
    --hsl-clr-accent: var(--primary--50-clr-accent);
    --clr-decent: hsl(var(--primary--50-clr-decent));
    --hsl-clr-decent: var(--primary--50-clr-decent);
    --clr-strong: hsl(var(--primary--50-clr-strong));
    --hsl-clr-strong: var(--primary--50-clr-strong);
    --clr-strong-alt: hsl(var(--primary--50-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--50-clr-strong-alt);
    --clr-primary: hsl(var(--primary--50-clr-primary));
    --hsl-clr-primary: var(--primary--50-clr-primary);
    --clr-good: hsl(var(--primary--50-clr-good));
    --hsl-clr-good: var(--primary--50-clr-good);
    --clr-bad: hsl(var(--primary--50-clr-bad));
    --hsl-clr-bad: var(--primary--50-clr-bad);
    --sep: hsl(var(--primary--50-sep));
    --hsl-sep: var(--primary--50-sep);
    --sep-alt: hsl(var(--primary--50-sep-alt));
    --hsl-sep-alt: var(--primary--50-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr-strong)))
}

[dir] .ui-message-block--theme-primary--50[data-v-e3e7518c] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-message-block--theme-special-primary-90[data-v-e3e7518c] {
    --bg: hsla(var(--specialPrimary-90-bg), 1);
    --hsl-bg: var(--specialPrimary-90-bg);
    --clr: hsl(var(--specialPrimary-90-clr));
    --hsl-clr: var(--specialPrimary-90-clr);
    --clr-accent: hsl(var(--specialPrimary-90-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-90-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-90-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-90-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-90-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-90-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-90-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-90-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-90-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-90-clr-primary);
    --clr-good: hsl(var(--specialPrimary-90-clr-good));
    --hsl-clr-good: var(--specialPrimary-90-clr-good);
    --clr-bad: hsl(var(--specialPrimary-90-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-90-clr-bad);
    --sep: hsl(var(--specialPrimary-90-sep));
    --hsl-sep: var(--specialPrimary-90-sep);
    --sep-alt: hsl(var(--specialPrimary-90-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-90-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr-strong)))
}

[dir] .ui-message-block--theme-special-primary-90[data-v-e3e7518c] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-message-block--theme-cyber[data-v-e3e7518c] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr-strong)))
}

[dir] .ui-message-block--theme-cyber[data-v-e3e7518c] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-message-block--theme-cyber--35[data-v-e3e7518c] {
    --bg: hsla(var(--cyber--35-bg), 1);
    --hsl-bg: var(--cyber--35-bg);
    --clr: hsl(var(--cyber--35-clr));
    --hsl-clr: var(--cyber--35-clr);
    --clr-accent: hsl(var(--cyber--35-clr-accent));
    --hsl-clr-accent: var(--cyber--35-clr-accent);
    --clr-decent: hsl(var(--cyber--35-clr-decent));
    --hsl-clr-decent: var(--cyber--35-clr-decent);
    --clr-strong: hsl(var(--cyber--35-clr-strong));
    --hsl-clr-strong: var(--cyber--35-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--35-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--35-clr-primary));
    --hsl-clr-primary: var(--cyber--35-clr-primary);
    --clr-good: hsl(var(--cyber--35-clr-good));
    --hsl-clr-good: var(--cyber--35-clr-good);
    --clr-bad: hsl(var(--cyber--35-clr-bad));
    --hsl-clr-bad: var(--cyber--35-clr-bad);
    --sep: hsl(var(--cyber--35-sep));
    --hsl-sep: var(--cyber--35-sep);
    --sep-alt: hsl(var(--cyber--35-sep-alt));
    --hsl-sep-alt: var(--cyber--35-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr-strong)))
}

[dir] .ui-message-block--theme-cyber--35[data-v-e3e7518c] {
    background-color: Hsl(var(--hsl-bg))
}

.modal[data-v-ad4e4e19] {
    display: flex;
    flex-direction: column;
    max-width: 100%
}

.modal__header[data-v-ad4e4e19] {
    max-width: 100%
}

.modal__controls[data-v-ad4e4e19], .modal__layout[data-v-ad4e4e19] {
    width: 100%
}

.modal__controls[data-v-ad4e4e19] {
    display: flex;
    flex: none;
    justify-content: flex-end;
    min-height: 2.1875em
}

[dir] .modal__controls[data-v-ad4e4e19] {
    margin-bottom: -2.1875em
}

.modal__control[data-v-ad4e4e19] {
    position: relative;
    z-index: 20
}

[dir=ltr] .modal__control[data-v-ad4e4e19]:nth-child(n+2) {
    margin-left: .625em
}

[dir=rtl] .modal__control[data-v-ad4e4e19]:nth-child(n+2) {
    margin-right: .625em
}

.modal__layout[data-v-ad4e4e19] {
    display: flex;
    flex: auto;
    min-height: 0
}

[dir] .modal__layout[data-v-ad4e4e19] {
    border-radius: inherit
}

.modal__content[data-v-ad4e4e19] {
    display: flex;
    flex: auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0
}

[dir] .modal__content[data-v-ad4e4e19] {
    padding: 1.5625em 1.875em 1.875em
}

[dir=ltr] .modal__info[data-v-ad4e4e19] {
    margin-right: -1.875em
}

[dir=rtl] .modal__info[data-v-ad4e4e19] {
    margin-left: -1.875em
}

.modal__inner[data-v-ad4e4e19] {
    display: flex;
    flex: auto;
    flex-direction: column;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    width: var(--modal-inner-width)
}

[dir] .modal__footer[data-v-ad4e4e19] {
    margin-top: auto;
    padding-top: 1.25em
}

.modal[data-v-ad4e4e19] .modal-image {
    flex: none
}

[dir] .modal[data-v-ad4e4e19] .modal-title {
    margin-bottom: 1.25em
}

[dir] .modal[data-v-ad4e4e19] .modal-title + .modal-text {
    margin-top: -.625em
}

[dir] .modal[data-v-ad4e4e19] .modal-text {
    margin-bottom: 1.25em
}

[dir] .modal[data-v-ad4e4e19] .modal-text + .modal-text {
    margin-top: -.625em
}

.modal--with-image[data-v-ad4e4e19] {
    --modal-inner-width: 16.5em
}

[dir=ltr] .modal--with-image .modal__header[data-v-ad4e4e19] {
    margin-right: -1.875em
}

[dir=rtl] .modal--with-image .modal__header[data-v-ad4e4e19] {
    margin-left: -1.875em
}

[dir] .modal__navigation[data-v-ad4e4e19] {
    border-top: 1px solid hsl(var(--hsl-sep));
    padding: .9375em 1.875em
}

.modal-control[data-v-ad4e4e19] {
    opacity: .5
}

[dir] .modal-control[data-v-ad4e4e19] {
    padding: .625em
}

.is-keyboard-user .modal-control[data-v-ad4e4e19]:focus, .modal-control[data-v-ad4e4e19]:hover {
    opacity: 1
}

.is-keyboard-user .modal-control[data-v-ad4e4e19]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.modal-control__ico[data-v-ad4e4e19] {
    display: block;
    font-size: .9375em
}

.modal--theme-cyber--35[data-v-ad4e4e19] {
    --bg: hsla(var(--cyber--35-bg), 1);
    --hsl-bg: var(--cyber--35-bg);
    --clr: hsl(var(--cyber--35-clr));
    --hsl-clr: var(--cyber--35-clr);
    --clr-accent: hsl(var(--cyber--35-clr-accent));
    --hsl-clr-accent: var(--cyber--35-clr-accent);
    --clr-decent: hsl(var(--cyber--35-clr-decent));
    --hsl-clr-decent: var(--cyber--35-clr-decent);
    --clr-strong: hsl(var(--cyber--35-clr-strong));
    --hsl-clr-strong: var(--cyber--35-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--35-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--35-clr-primary));
    --hsl-clr-primary: var(--cyber--35-clr-primary);
    --clr-good: hsl(var(--cyber--35-clr-good));
    --hsl-clr-good: var(--cyber--35-clr-good);
    --clr-bad: hsl(var(--cyber--35-clr-bad));
    --hsl-clr-bad: var(--cyber--35-clr-bad);
    --sep: hsl(var(--cyber--35-sep));
    --hsl-sep: var(--cyber--35-sep);
    --sep-alt: hsl(var(--cyber--35-sep-alt));
    --hsl-sep-alt: var(--cyber--35-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    position: relative
}

[dir] .modal--theme-cyber--35[data-v-ad4e4e19] {
    background-color: Hsla(var(--hsl-bg), 1);
    border: 1px solid hsl(var(--hsl-sep));
    border-radius: .5rem;
    box-shadow: 0 0 1.875rem 0 rgba(0, 0, 0, .6);
    margin: 1px
}

.modal--theme-cyber--35[data-v-ad4e4e19] .modal-title {
    color: Hsl(var(--hsl-clr))
}

.modal--theme-cyber--35[data-v-ad4e4e19] .modal-control {
    color: Hsl(var(--hsl-clr-primary));
    opacity: 1
}

.modal--theme-cyber--35[data-v-ad4e4e19] .modal-control:hover {
    color: Hsl(var(--hsl-clr-strong))
}

.modal--theme-gray-30[data-v-ad4e4e19] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .modal--theme-gray-30[data-v-ad4e4e19] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius);
    box-shadow: 0 .25em .25em rgba(0, 0, 0, .25)
}

.modal--theme-gray-100[data-v-ad4e4e19] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    --image-shadow-bg: linear-gradient(213.13deg, hsla(var(--gray-0-bg), 1) 19.74%, hsla(var(--gray-0-bg), 0) 72.93%);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .modal--theme-gray-100[data-v-ad4e4e19] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius);
    box-shadow: 0 .25em .25em rgba(0, 0, 0, .25)
}

.modal--theme-tp-gray[data-v-ad4e4e19] {
    --bg: hsla(var(--thirdPartyGray-0-bg), 1);
    --hsl-bg: var(--thirdPartyGray-0-bg);
    --clr: hsl(var(--thirdPartyGray-0-clr));
    --hsl-clr: var(--thirdPartyGray-0-clr);
    --clr-accent: hsl(var(--thirdPartyGray-0-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-0-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-0-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-0-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-0-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-0-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-0-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-0-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-0-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-0-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-0-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-0-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-0-clr-bad);
    --sep: hsl(var(--thirdPartyGray-0-sep));
    --hsl-sep: var(--thirdPartyGray-0-sep);
    --sep-alt: hsl(var(--thirdPartyGray-0-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-0-sep-alt);
    --image-shadow-bg: linear-gradient(213deg, Hsl(var(--thirdPartyGray-15-bg)) 20%, Hsl(var(--thirdPartyGray-0-bg)) 73%);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .modal--theme-tp-gray[data-v-ad4e4e19] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius);
    box-shadow: 0 .25em .25em rgba(0, 0, 0, .25)
}

.modal--theme-primary[data-v-ad4e4e19] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .modal--theme-primary[data-v-ad4e4e19] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius);
    box-shadow: 0 1px 2.5rem 0 Hsla(var(--hsl-bg), .7)
}

.modal--theme-primary--20[data-v-ad4e4e19] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    --image-shadow-bg: linear-gradient(213.13deg, Hsla(var(--primary-0-bg), 1) 19.74%, Hsla(var(--primary-0-bg), 0) 72.93%);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .modal--theme-primary--20[data-v-ad4e4e19] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius);
    box-shadow: 0 .0625em 2.5em 0 Hsla(var(--hsl-bg), .7)
}

.modal--theme-primary--40[data-v-ad4e4e19] {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .modal--theme-primary--40[data-v-ad4e4e19] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius);
    box-shadow: 0 .0625em 2.5em 0 Hsla(var(--hsl-bg), .7)
}

.modal--theme-special-primary-90[data-v-ad4e4e19] {
    --bg: hsla(var(--specialPrimary-90-bg), 1);
    --hsl-bg: var(--specialPrimary-90-bg);
    --clr: hsl(var(--specialPrimary-90-clr));
    --hsl-clr: var(--specialPrimary-90-clr);
    --clr-accent: hsl(var(--specialPrimary-90-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-90-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-90-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-90-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-90-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-90-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-90-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-90-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-90-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-90-clr-primary);
    --clr-good: hsl(var(--specialPrimary-90-clr-good));
    --hsl-clr-good: var(--specialPrimary-90-clr-good);
    --clr-bad: hsl(var(--specialPrimary-90-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-90-clr-bad);
    --sep: hsl(var(--specialPrimary-90-sep));
    --hsl-sep: var(--specialPrimary-90-sep);
    --sep-alt: hsl(var(--specialPrimary-90-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-90-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .modal--theme-special-primary-90[data-v-ad4e4e19] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius);
    box-shadow: 0 .25rem .5rem Hsla(var(--primary--20-bg), .1)
}

.modal--theme-special-gray-100[data-v-ad4e4e19] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .modal--theme-special-gray-100[data-v-ad4e4e19] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius);
    box-shadow: 0 .25rem .5rem Hsla(var(--primary--20-bg), .1)
}

.notification[data-v-092ddf18] {
    color: Hsl(var(--hsl-clr))
}

[dir] .notification[data-v-092ddf18] {
    background-color: Hsl(var(--hsl-bg));
    border-radius: var(--border-radius);
    box-shadow: 0 .25em .25em rgba(0, 0, 0, .15);
    padding: .625em .5em
}

.notification__head[data-v-092ddf18] {
    align-items: center;
    display: grid;
    gap: 0 .625em;
    grid-template-areas:"title close";
    grid-template-columns:1fr auto;
    grid-template-rows:1fr;
    position: relative
}

[dir] .notification__head[data-v-092ddf18] {
    padding-bottom: .5em
}

.notification__head[data-v-092ddf18]:after {
    bottom: 0;
    content: "";
    opacity: .3;
    position: absolute
}

[dir] .notification__head[data-v-092ddf18]:after {
    border-bottom: 1px solid;
    left: 0;
    right: 0
}

.notification__title[data-v-092ddf18] {
    grid-area: title
}

.notification__close[data-v-092ddf18] {
    grid-area: close
}

.notification__content[data-v-092ddf18] {
    font-size: .75em;
    line-height: 1.16667em
}

[dir] .notification__content[data-v-092ddf18] {
    padding-top: .33333em
}

.notification__actions[data-v-092ddf18] {
    align-items: flex-start;
    display: flex
}

[dir] .notification__actions[data-v-092ddf18] {
    padding-top: .375em
}

.notification__action[data-v-092ddf18] {
    font-size: .75em;
    line-height: 1.16667em
}

[dir=ltr] .notification__action + .notification__action[data-v-092ddf18] {
    margin-left: .41667em
}

[dir=rtl] .notification__action + .notification__action[data-v-092ddf18] {
    margin-right: .41667em
}

.notification--success[data-v-092ddf18] {
    --bg: hsla(var(--good--15-bg), 0.95);
    --hsl-bg: var(--good--15-bg);
    --clr: hsl(var(--good--15-clr));
    --hsl-clr: var(--good--15-clr);
    --clr-accent: hsl(var(--good--15-clr-accent));
    --hsl-clr-accent: var(--good--15-clr-accent);
    --clr-decent: hsl(var(--good--15-clr-decent));
    --hsl-clr-decent: var(--good--15-clr-decent);
    --clr-strong: hsl(var(--good--15-clr-strong));
    --hsl-clr-strong: var(--good--15-clr-strong);
    --clr-strong-alt: hsl(var(--good--15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--good--15-clr-strong-alt);
    --clr-primary: hsl(var(--good--15-clr-primary));
    --hsl-clr-primary: var(--good--15-clr-primary);
    --clr-good: hsl(var(--good--15-clr-good));
    --hsl-clr-good: var(--good--15-clr-good);
    --clr-bad: hsl(var(--good--15-clr-bad));
    --hsl-clr-bad: var(--good--15-clr-bad);
    --sep: hsl(var(--good--15-sep));
    --hsl-sep: var(--good--15-sep);
    --sep-alt: hsl(var(--good--15-sep-alt));
    --hsl-sep-alt: var(--good--15-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .notification--success[data-v-092ddf18] {
    background-color: Hsla(var(--hsl-bg), .95)
}

.notification--bottom-error[data-v-092ddf18], .notification--warning[data-v-092ddf18] {
    --hsl-bg: var(--warning-0-bg);
    --hsl-clr: var(--warning-0-clr-strong);
    --hsl-clr-accent: var(--warning-0-clr-strong);
    --hsl-clr-decent: var(--warning-0-clr-strong);
    --hsl-clr-strong: var(--warning-0-clr-strong);
    --hsl-clr-primary: var(--warning-0-clr-strong);
    --hsl-clr-action: var(--warning-0-clr)
}

.notification--error[data-v-092ddf18] {
    --bg: hsla(var(--bad-0-bg), 0.95);
    --hsl-bg: var(--bad-0-bg);
    --clr: hsl(var(--bad-0-clr));
    --hsl-clr: var(--bad-0-clr);
    --clr-accent: hsl(var(--bad-0-clr-accent));
    --hsl-clr-accent: var(--bad-0-clr-accent);
    --clr-decent: hsl(var(--bad-0-clr-decent));
    --hsl-clr-decent: var(--bad-0-clr-decent);
    --clr-strong: hsl(var(--bad-0-clr-strong));
    --hsl-clr-strong: var(--bad-0-clr-strong);
    --clr-strong-alt: hsl(var(--bad-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--bad-0-clr-strong-alt);
    --clr-primary: hsl(var(--bad-0-clr-primary));
    --hsl-clr-primary: var(--bad-0-clr-primary);
    --clr-good: hsl(var(--bad-0-clr-good));
    --hsl-clr-good: var(--bad-0-clr-good);
    --clr-bad: hsl(var(--bad-0-clr-bad));
    --hsl-clr-bad: var(--bad-0-clr-bad);
    --sep: hsl(var(--bad-0-sep));
    --hsl-sep: var(--bad-0-sep);
    --sep-alt: hsl(var(--bad-0-sep-alt));
    --hsl-sep-alt: var(--bad-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .notification--error[data-v-092ddf18] {
    background-color: Hsla(var(--hsl-bg), .95)
}

[dir] .is-keyboard-user .notification-action:focus .notification-action__text[data-v-092ddf18], [dir] .notification-action:hover .notification-action__text[data-v-092ddf18] {
    border-bottom-color: transparent
}

.is-keyboard-user .notification-action[data-v-092ddf18]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.notification-action__text[data-v-092ddf18] {
    color: Hsl(var(--hsl-clr-action))
}

[dir] .notification-action__text[data-v-092ddf18] {
    border-bottom: 1px solid;
    transition: border-bottom-color .25s ease-in-out
}

.is-keyboard-user .notification-close[data-v-092ddf18]:focus, .notification-close[data-v-092ddf18] {
    opacity: .5
}

[dir] .is-keyboard-user .notification-close[data-v-092ddf18]:focus, [dir] .notification-close[data-v-092ddf18] {
    cursor: pointer;
    margin: -.3125em;
    padding: .3125em;
    transition: opacity .3s ease-in-out
}

.is-keyboard-user .notification-close[data-v-092ddf18]:focus, .notification-close[data-v-092ddf18]:hover {
    opacity: 1
}

.is-keyboard-user .notification-close[data-v-092ddf18]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.notification-close__ico[data-v-092ddf18] {
    font-size: .5625em
}

.notification-title[data-v-092ddf18] {
    display: flex
}

.notification-title__text[data-v-092ddf18] {
    font-size: .75em;
    font-weight: 400;
    line-height: 1.16667em;
    text-transform: uppercase
}

[dir=ltr] .notification-title__text[data-v-092ddf18] {
    margin-right: auto
}

[dir=rtl] .notification-title__text[data-v-092ddf18] {
    margin-left: auto
}

.notification-title__ico[data-v-092ddf18] {
    display: inline-block;
    min-width: .75em
}

[dir=ltr] .notification-title__ico[data-v-092ddf18] {
    margin-right: .3125em
}

[dir=rtl] .notification-title__ico[data-v-092ddf18] {
    margin-left: .3125em
}

.notifications__item[data-v-027dc518] {
    max-width: 100%
}

[dir] .notifications--default .notifications__item[data-v-027dc518] {
    margin: .3125em
}

[dir] .notifications--bottom .notifications__item[data-v-027dc518] {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    margin-left: 3.125em;
    margin-right: 3.125em;
    margin-top: 3.125em
}

.ui-status-icon[data-v-e8e650c9] {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative
}

[dir] .ui-status-icon[data-v-e8e650c9] {
    border-radius: 50%;
    box-shadow: 0 0 0 1px Hsl(var(--status-icon-box-shadow))
}

.ui-status-icon--status-success[data-v-e8e650c9] {
    color: Hsl(var(--status-icon-clr-success))
}

[dir] .ui-status-icon--status-success[data-v-e8e650c9] {
    background-color: Hsl(var(--status-icon-bg-success))
}

[dir] .ui-status-icon--status-success[data-v-e8e650c9]:before {
    background-color: Hsl(var(--status-icon-bg-success-before))
}

.ui-status-icon--status-error[data-v-e8e650c9] {
    color: Hsl(var(--status-icon-clr-error))
}

[dir] .ui-status-icon--status-error[data-v-e8e650c9] {
    background-color: Hsl(var(--status-icon-bg-error))
}

[dir] .ui-status-icon--status-error[data-v-e8e650c9]:before {
    background-color: Hsl(var(--status-icon-bg-error-before))
}

.ui-status-icon--status-info[data-v-e8e650c9], .ui-status-icon--status-pending[data-v-e8e650c9], .ui-status-icon--status-question[data-v-e8e650c9], .ui-status-icon--status-warning[data-v-e8e650c9] {
    color: Hsl(var(--status-icon-clr))
}

[dir] .ui-status-icon--status-info[data-v-e8e650c9], [dir] .ui-status-icon--status-pending[data-v-e8e650c9], [dir] .ui-status-icon--status-question[data-v-e8e650c9], [dir] .ui-status-icon--status-warning[data-v-e8e650c9] {
    background-color: Hsl(var(--status-icon-bg))
}

[dir] .ui-status-icon--status-info[data-v-e8e650c9]:before, [dir] .ui-status-icon--status-pending[data-v-e8e650c9]:before, [dir] .ui-status-icon--status-question[data-v-e8e650c9]:before, [dir] .ui-status-icon--status-warning[data-v-e8e650c9]:before {
    background-color: Hsl(var(--status-icon-bg-before))
}

.ui-status-icon[data-v-e8e650c9]:before {
    content: "";
    font-size: inherit;
    height: 100%;
    opacity: .15;
    position: absolute;
    top: 0;
    width: 100%
}

[dir] .ui-status-icon[data-v-e8e650c9]:before {
    background-color: Hsl(var(--status-icon-bg-before));
    border-radius: inherit
}

[dir=ltr] .ui-status-icon[data-v-e8e650c9]:before {
    left: 0;
    transform: translate(30%, -30%)
}

[dir=rtl] .ui-status-icon[data-v-e8e650c9]:before {
    right: 0;
    transform: translate(-30%, -30%)
}

.ui-status-icon--size-xxs[data-v-e8e650c9] {
    font-size: .375rem;
    height: .75rem;
    width: .75rem
}

.ui-status-icon--size-xs[data-v-e8e650c9] {
    font-size: .5rem;
    height: .875rem;
    width: .875rem
}

.ui-status-icon--size-s[data-v-e8e650c9] {
    font-size: .625rem;
    height: 1.25rem;
    width: 1.25rem
}

.ui-status-icon--size-m[data-v-e8e650c9] {
    font-size: 1.25rem;
    height: 3.0625rem;
    width: 3.0625rem
}

.ui-status-icon--size-l[data-v-e8e650c9] {
    font-size: 2.25rem;
    height: 4.5rem;
    width: 4.5rem
}

.ui-notification[data-v-75d81f39] {
    display: flex;
    flex-direction: column;
    max-width: 20.3125rem;
    position: relative;
    width: 100%
}

[dir] .ui-notification[data-v-75d81f39] {
    border-radius: calc(var(--border-radius) * .5);
    box-shadow: 0 3px 1.125rem 0 rgba(0, 0, 0, .3)
}

.ui-notification--status-success[data-v-75d81f39] {
    --ui-notification-status-color: var(--hsl-clr-good);
    --ui-notification-title-color: var(--ui-notification-status-color)
}

.ui-notification--status-error[data-v-75d81f39] {
    --ui-notification-status-color: var(--hsl-clr-bad);
    --ui-notification-title-color: var(--ui-notification-status-color)
}

.ui-notification--status-info[data-v-75d81f39] {
    --ui-notification-status-color: var(--hsl-clr-primary)
}

[dir=ltr] .ui-notification--border-left[data-v-75d81f39] {
    border-left: 3px solid hsl(var(--ui-notification-status-color))
}

[dir=rtl] .ui-notification--border-left[data-v-75d81f39] {
    border-right: 3px solid hsl(var(--ui-notification-status-color))
}

.ui-notification--border-left[data-v-75d81f39]:before {
    content: "";
    filter: blur(.625rem);
    height: 60%;
    position: absolute;
    top: 50%;
    width: 1.5625rem
}

[dir] .ui-notification--border-left[data-v-75d81f39]:before {
    background-color: Hsl(var(--ui-notification-status-color));
    border-radius: 50%;
    transform: translateY(-50%)
}

[dir=ltr] .ui-notification--border-left[data-v-75d81f39]:before {
    left: -.3125rem
}

[dir=rtl] .ui-notification--border-left[data-v-75d81f39]:before {
    right: -.3125rem
}

[dir] .ui-notification--border-left .ui-notification__icon[data-v-75d81f39] {
    box-shadow: 0 .25rem .375rem Hsla(var(--ui-notification-status-color), .5)
}

[dir=ltr] .ui-notification--border-left .ui-notification__wrapper[data-v-75d81f39] {
    padding-left: .9375rem
}

[dir=rtl] .ui-notification--border-left .ui-notification__wrapper[data-v-75d81f39] {
    padding-right: .9375rem
}

.ui-notification__content[data-v-75d81f39] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    align-items: center;
    color: Hsla(var(--hsl-clr-strong), 1);
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative
}

[dir] .ui-notification__content[data-v-75d81f39] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: inherit
}

.ui-notification__progress[data-v-75d81f39] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    flex-grow: 1;
    height: .25rem;
    position: relative;
    width: 100%
}

[dir] .ui-notification__progress[data-v-75d81f39] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: 2px;
    margin: 2px
}

.ui-notification__progress[data-v-75d81f39]:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 0
}

[dir] .ui-notification__progress[data-v-75d81f39]:before {
    animation: ui-notification-progress-line-75d81f39 linear;
    animation-duration: inherit;
    background-color: Hsl(var(--ui-notification-status-color));
    border-radius: inherit
}

[dir=ltr] .ui-notification__progress[data-v-75d81f39]:before {
    box-shadow: 1px 0 .25rem 0 Hsl(var(--ui-notification-status-color));
    left: 0
}

[dir=rtl] .ui-notification__progress[data-v-75d81f39]:before {
    box-shadow: -1px 0 .25rem 0 Hsl(var(--ui-notification-status-color));
    right: 0
}

.ui-notification__close[data-v-75d81f39] {
    align-items: center;
    align-self: flex-start;
    color: Hsl(var(--hsl-clr-decent));
    display: flex;
    flex-shrink: 0;
    height: 1.25rem;
    justify-content: center;
    width: 1.25rem
}

[dir] .ui-notification__close[data-v-75d81f39] {
    transition: color .3s ease-in-out
}

.ui-notification__close[data-v-75d81f39]:hover {
    color: Hsl(var(--hsl-clr))
}

.is-keyboard-user .ui-notification__close[data-v-75d81f39]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-notification__wrapper[data-v-75d81f39] {
    flex-basis: 0;
    flex-grow: 1;
    font-size: .75rem;
    line-height: .875rem;
    word-break: break-word
}

[dir] .ui-notification__wrapper[data-v-75d81f39] {
    padding-bottom: .9375rem;
    padding-top: .9375rem
}

[dir=ltr] .ui-notification__wrapper[data-v-75d81f39] {
    padding-left: 5.3125rem
}

[dir=rtl] .ui-notification__wrapper[data-v-75d81f39] {
    padding-right: 5.3125rem
}

.ui-notification__title[data-v-75d81f39] {
    color: Hsl(var(--ui-notification-title-color))
}

[dir] .ui-notification__title[data-v-75d81f39] {
    margin-bottom: .3125rem
}

.ui-notification__picture[data-v-75d81f39] {
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

[dir=ltr] .ui-notification__picture[data-v-75d81f39] {
    left: 0
}

[dir=rtl] .ui-notification__picture[data-v-75d81f39] {
    right: 0
}

.ui-notification__picture img[data-v-75d81f39] {
    height: 100%;
    object-fit: none;
    width: 100%
}

[dir=ltr] .ui-notification__picture img[data-v-75d81f39] {
    object-position: left center
}

[dir=rtl] .ui-notification__picture img[data-v-75d81f39] {
    object-position: right center
}

.ui-notification__icon[data-v-75d81f39] {
    flex-shrink: 0
}

[dir=ltr] .ui-notification__icon[data-v-75d81f39] {
    margin-left: .9375rem
}

[dir=rtl] .ui-notification__icon[data-v-75d81f39] {
    margin-right: .9375rem
}

@keyframes ui-notification-progress-line-75d81f39 {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.ui-popup[data-v-4cd89bfc] {
    display: flex;
    flex-direction: column;
    width: 19em
}

[dir] .ui-popup[data-v-4cd89bfc] {
    border-radius: var(--border-radius);
    box-shadow: 0 .25em .25em rgba(0, 0, 0, .25);
    text-align: center
}

.ui-popup__close[data-v-4cd89bfc] {
    align-self: end;
    flex-shrink: 0;
    min-height: 2.1875em;
    opacity: .5
}

[dir] .ui-popup__close[data-v-4cd89bfc] {
    padding: .625em
}

.is-keyboard-user .ui-popup__close[data-v-4cd89bfc]:focus, .ui-popup__close[data-v-4cd89bfc]:hover {
    opacity: 1
}

.is-keyboard-user .ui-popup__close[data-v-4cd89bfc]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-popup__content[data-v-4cd89bfc] {
    flex-grow: 1;
    min-height: 0
}

[dir] .ui-popup-footer[data-v-4cd89bfc], [dir] .ui-popup-message[data-v-4cd89bfc] {
    padding: .9375em 1.25em 1.25em
}

[dir] .ui-popup-message__icon[data-v-4cd89bfc] {
    margin-bottom: 2.8125rem;
    margin-left: auto;
    margin-right: auto
}

[dir] .ui-popup-message__title[data-v-4cd89bfc] {
    margin-bottom: .5em
}

[dir] .ui-popup-message__info[data-v-4cd89bfc] {
    margin-top: .9375em;
    padding-top: .9375em
}

.ui-popup-message__buttons[data-v-4cd89bfc] {
    display: flex;
    gap: .625em
}

[dir] .ui-popup-message__buttons[data-v-4cd89bfc] {
    margin-top: 1.5625em
}

.ui-popup-message__buttons--column[data-v-4cd89bfc] {
    flex-direction: column
}

.ui-popup-message__buttons[data-v-4cd89bfc] > * {
    flex: 50% 1 1
}

.ui-popup-message-title--uppercase[data-v-4cd89bfc] {
    text-transform: uppercase
}

.ui-popup-message-title__container[data-v-4cd89bfc] {
    display: block;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25em
}

.ui-popup-message-text__container[data-v-4cd89bfc] {
    display: block;
    font-size: .875em;
    line-height: 1.14286em
}

[dir] .ui-popup-message__info[data-v-4cd89bfc], [dir] .ui-popup__footer[data-v-4cd89bfc] {
    border-top-style: solid;
    border-top-width: 1px
}

.ui-popup--status-success .ui-popup-message-title[data-v-4cd89bfc] {
    color: Hsl(var(--status-icon-title-success))
}

.ui-popup--status-info .ui-popup-message-title[data-v-4cd89bfc], .ui-popup--status-pending .ui-popup-message-title[data-v-4cd89bfc], .ui-popup--status-question .ui-popup-message-title[data-v-4cd89bfc], .ui-popup--status-warning .ui-popup-message-title[data-v-4cd89bfc] {
    color: Hsl(var(--status-icon-title))
}

.ui-popup--theme-gray-100[data-v-4cd89bfc] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .ui-popup--theme-gray-100[data-v-4cd89bfc] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-popup--theme-gray-100 .ui-popup-message__info[data-v-4cd89bfc] {
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-popup--theme-gray-100 .ui-popup-message__info[data-v-4cd89bfc], [dir] .ui-popup--theme-gray-100 .ui-popup__footer[data-v-4cd89bfc] {
    border-top-color: Hsl(var(--hsl-sep))
}

.ui-popup--theme-gray-100.ui-popup--status-error .ui-popup-message-title[data-v-4cd89bfc] {
    color: Hsl(var(--hsl-clr-bad))
}

.ui-popup--theme-primary--20[data-v-4cd89bfc] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-popup--theme-primary--20[data-v-4cd89bfc] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-popup--theme-primary--20 .ui-popup-message__info[data-v-4cd89bfc] {
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-popup--theme-primary--20 .ui-popup-message__info[data-v-4cd89bfc], [dir] .ui-popup--theme-primary--20 .ui-popup__footer[data-v-4cd89bfc] {
    border-top-color: Hsl(var(--hsl-sep))
}

.ui-popup--theme-tp-gray[data-v-4cd89bfc] {
    --bg: hsla(var(--thirdPartyGray-0-bg), 1);
    --hsl-bg: var(--thirdPartyGray-0-bg);
    --clr: hsl(var(--thirdPartyGray-0-clr));
    --hsl-clr: var(--thirdPartyGray-0-clr);
    --clr-accent: hsl(var(--thirdPartyGray-0-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-0-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-0-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-0-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-0-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-0-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-0-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-0-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-0-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-0-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-0-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-0-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-0-clr-bad);
    --sep: hsl(var(--thirdPartyGray-0-sep));
    --hsl-sep: var(--thirdPartyGray-0-sep);
    --sep-alt: hsl(var(--thirdPartyGray-0-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-popup--theme-tp-gray[data-v-4cd89bfc] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-popup--theme-tp-gray .ui-popup-message-text[data-v-4cd89bfc], .ui-popup--theme-tp-gray .ui-popup-message__info[data-v-4cd89bfc] {
    color: Hsla(var(--hsl-clr), .8)
}

[dir] .ui-popup--theme-tp-gray .ui-popup-message__info[data-v-4cd89bfc], [dir] .ui-popup--theme-tp-gray .ui-popup__footer[data-v-4cd89bfc] {
    border-top-color: Hsla(var(--hsl-clr), .1)
}

.ui-popup--theme-tp-gray.ui-popup--status-error .ui-popup-message-title[data-v-4cd89bfc] {
    color: Hsl(var(--hsl-clr-bad))
}

.ui-popup[data-v-ebda67d1] {
    display: flex;
    flex-direction: column;
    width: 19rem
}

[dir] .ui-popup[data-v-ebda67d1] {
    border-radius: var(--border-radius);
    box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .25);
    text-align: center
}

.ui-popup__close[data-v-ebda67d1] {
    align-self: end;
    color: Hsl(var(--hsl-clr-decent));
    flex-shrink: 0;
    min-height: 2.25rem;
    min-width: 2.25rem
}

[dir] .ui-popup__close[data-v-ebda67d1] {
    padding: .625rem
}

.ui-popup__close[data-v-ebda67d1]:hover {
    color: Hsl(var(--hsl-clr))
}

.is-keyboard-user .ui-popup__close[data-v-ebda67d1]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-popup__content[data-v-ebda67d1] {
    color: var(--ui-popup-content-color);
    flex-grow: 1;
    font-size: .875rem;
    line-height: 1rem;
    min-height: 0
}

[dir] .ui-popup__content[data-v-ebda67d1] {
    padding: .9375rem 1.25rem 1.25rem
}

[dir] .ui-popup__icon[data-v-ebda67d1] {
    margin-bottom: 2.8125rem;
    margin-left: auto;
    margin-right: auto
}

.ui-popup__title[data-v-ebda67d1] {
    color: var(--ui-popup-title-color);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem
}

[dir] .ui-popup__title[data-v-ebda67d1] {
    margin-bottom: .625rem
}

.ui-popup--status-success .ui-popup__title[data-v-ebda67d1] {
    color: var(--ui-popup-success-title-color)
}

.ui-popup--status-error .ui-popup__title[data-v-ebda67d1] {
    color: var(--ui-popup-error-title-color)
}

.ui-popup__info[data-v-ebda67d1] {
    color: var(--ui-popup-info-color)
}

[dir] .ui-popup__info[data-v-ebda67d1] {
    border-top: 1px solid var(--ui-popup-sep-color);
    margin-top: .9375rem;
    padding-top: .9375rem
}

.ui-popup__footer[data-v-ebda67d1] {
    display: flex;
    gap: .625rem
}

[dir] .ui-popup__footer[data-v-ebda67d1] {
    margin-top: 1.875rem
}

.ui-popup__cancel[data-v-ebda67d1], .ui-popup__submit[data-v-ebda67d1] {
    flex-basis: 50%;
    flex-grow: 1
}

.ui-popup--theme-gray-100[data-v-ebda67d1] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    --ui-popup-content-color: Hsl(var(--hsl-clr-strong));
    --ui-popup-title-color: Hsl(var(--status-icon-title));
    --ui-popup-success-title-color: Hsl(var(--status-icon-title-success));
    --ui-popup-error-title-color: Hsl(var(--hsl-clr-bad));
    --ui-popup-sep-color: Hsl(var(--hsl-sep));
    --ui-popup-info-color: Hsl(var(--hsl-clr-decent));
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-popup--theme-gray-100[data-v-ebda67d1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-popup--theme-primary--20[data-v-ebda67d1] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    --ui-popup-title-color: Hsl(var(--hsl-clr-primary));
    --ui-popup-success-title-color: Hsl(var(--hsl-clr));
    --ui-popup-sep-color: Hsl(var(--hsl-sep));
    --ui-popup-info-color: Hsl(var(--hsl-clr-decent));
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-popup--theme-primary--20[data-v-ebda67d1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-popup--theme-tp-gray[data-v-ebda67d1] {
    --bg: hsla(var(--thirdPartyGray-0-bg), 1);
    --hsl-bg: var(--thirdPartyGray-0-bg);
    --clr: hsl(var(--thirdPartyGray-0-clr));
    --hsl-clr: var(--thirdPartyGray-0-clr);
    --clr-accent: hsl(var(--thirdPartyGray-0-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-0-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-0-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-0-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-0-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-0-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-0-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-0-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-0-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-0-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-0-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-0-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-0-clr-bad);
    --sep: hsl(var(--thirdPartyGray-0-sep));
    --hsl-sep: var(--thirdPartyGray-0-sep);
    --sep-alt: hsl(var(--thirdPartyGray-0-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-0-sep-alt);
    --ui-popup-content-color: Hsla(var(--hsl-clr), 0.8);
    --ui-popup-title-color: Hsl(var(--hsl-clr-primary));
    --ui-popup-success-title-color: Hsl(var(--hsl-clr-good));
    --ui-popup-error-title-color: Hsl(var(--hsl-clr-bad));
    --ui-popup-sep-color: Hsla(var(--hsl-clr), 0.1);
    --ui-popup-info-color: Hsla(var(--hsl-clr), 0.8);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-popup--theme-tp-gray[data-v-ebda67d1] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-stepper__steps[data-v-37d47a83] {
    align-items: center;
    display: flex
}

.ui-stepper--is-centered .ui-stepper__steps[data-v-37d47a83] {
    justify-content: center
}

.ui-stepper__step[data-v-37d47a83] {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

[dir] .ui-stepper__step[data-v-37d47a83] {
    border-radius: 50%;
    transition: background-color .2s, color .2s
}

[dir=ltr] .ui-stepper__step[data-v-37d47a83]:nth-child(n+2) {
    margin-left: 2.1875rem
}

[dir=rtl] .ui-stepper__step[data-v-37d47a83]:nth-child(n+2) {
    margin-right: 2.1875rem
}

.ui-stepper__step[data-v-37d47a83]:nth-child(n+2):before {
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    width: 2.1875rem
}

[dir=ltr] .ui-stepper__step[data-v-37d47a83]:nth-child(n+2):before {
    right: calc(100% + 1px)
}

[dir=rtl] .ui-stepper__step[data-v-37d47a83]:nth-child(n+2):before {
    left: calc(100% + 1px)
}

.ui-stepper__step[data-v-37d47a83]:not(.ui-stepper__step--is-disabled) {
    height: .875rem;
    width: .875rem
}

[dir] .ui-stepper__step[data-v-37d47a83]:not(.ui-stepper__step--is-disabled) {
    border: 1px solid hsl(var(--accent-0-bg));
    border-radius: 50%
}

[dir] .ui-stepper__step[data-v-37d47a83]:not(.ui-stepper__step--is-disabled):before {
    background-color: Hsl(var(--accent-0-bg))
}

[dir] .ui-stepper__step--is-current[data-v-37d47a83] {
    background-color: Hsl(var(--custom-ui-stepper-bg-current, var(--gray-60-bg)))
}

.ui-stepper__step--is-completed[data-v-37d47a83] {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-stepper__step--is-completed[data-v-37d47a83] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-stepper__step--is-disabled[data-v-37d47a83] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    height: .5rem;
    width: .5rem
}

[dir] .ui-stepper__step--is-disabled[data-v-37d47a83] {
    background-color: Hsla(var(--hsl-bg), 1);
    border: 1px solid hsl(var(--hsl-bg));
    border-radius: 50%
}

[dir] .ui-stepper__step--is-disabled[data-v-37d47a83]:before {
    background-color: Hsl(var(--hsl-bg))
}

.ui-stepper__action[data-v-37d47a83] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

[dir] .ui-stepper__action[data-v-37d47a83] {
    border-radius: inherit
}

.is-keyboard-user .ui-stepper__action[data-v-37d47a83]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

[dir] .ui-stepper__action[disabled][data-v-37d47a83] {
    cursor: default
}

.ui-stepper__text[data-v-37d47a83] {
    font-size: .75rem;
    line-height: .875rem
}

[dir] .ui-stepper__text[data-v-37d47a83] {
    margin-top: .625rem
}

[dir] .ui-stepper--is-centered .ui-stepper__text[data-v-37d47a83] {
    text-align: center
}

[dir] .ui-section[data-v-3a8615ab] {
    border-radius: var(--border-radius)
}

.ui-section--theme-gray-30[data-v-3a8615ab] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .ui-section--theme-gray-30[data-v-3a8615ab] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-section--theme-primary--20[data-v-3a8615ab] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .ui-section--theme-primary--20[data-v-3a8615ab] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-section--theme-primary--30[data-v-3a8615ab] {
    --bg: hsla(var(--primary--30-bg), 1);
    --hsl-bg: var(--primary--30-bg);
    --clr: hsl(var(--primary--30-clr));
    --hsl-clr: var(--primary--30-clr);
    --clr-accent: hsl(var(--primary--30-clr-accent));
    --hsl-clr-accent: var(--primary--30-clr-accent);
    --clr-decent: hsl(var(--primary--30-clr-decent));
    --hsl-clr-decent: var(--primary--30-clr-decent);
    --clr-strong: hsl(var(--primary--30-clr-strong));
    --hsl-clr-strong: var(--primary--30-clr-strong);
    --clr-strong-alt: hsl(var(--primary--30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--30-clr-strong-alt);
    --clr-primary: hsl(var(--primary--30-clr-primary));
    --hsl-clr-primary: var(--primary--30-clr-primary);
    --clr-good: hsl(var(--primary--30-clr-good));
    --hsl-clr-good: var(--primary--30-clr-good);
    --clr-bad: hsl(var(--primary--30-clr-bad));
    --hsl-clr-bad: var(--primary--30-clr-bad);
    --sep: hsl(var(--primary--30-sep));
    --hsl-sep: var(--primary--30-sep);
    --sep-alt: hsl(var(--primary--30-sep-alt));
    --hsl-sep-alt: var(--primary--30-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .ui-section--theme-primary--30[data-v-3a8615ab] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-section--has-padding[data-v-3a8615ab] {
    padding: 1.5625rem
}

[dir] .ui-section-head__title + .ui-section-head__sub-title[data-v-3e72934f] {
    margin-top: .3125em
}

.ui-section-head-title__label[data-v-3e72934f] {
    display: block;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.3em
}

.ui-section-head-sub-title__label[data-v-3e72934f] {
    display: block;
    font-size: .875em;
    line-height: 1.28571em
}

[dir=ltr] .ui-section-head-more__ico[data-v-a756a3fb] {
    margin-left: .3125em
}

[dir=rtl] .ui-section-head-more__ico[data-v-a756a3fb] {
    margin-right: .3125em
}

.ui-slider-slide[data-v-166f090c] {
    display: flex;
    position: relative
}

.is-keyboard-user .ui-slider-slide:focus .ui-slider-slide__wrapper[data-v-166f090c] {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-slider-slide--is-centered .ui-slider-slide__container[data-v-166f090c] {
    justify-content: center
}

.ui-slider-slide__background[data-v-166f090c] {
    display: flex;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

[dir] .ui-slider-slide__background[data-v-166f090c] {
    border-radius: inherit
}

[dir=ltr] .ui-slider-slide__background[data-v-166f090c] {
    left: 0
}

[dir=rtl] .ui-slider-slide__background[data-v-166f090c] {
    right: 0
}

.ui-slider-slide__wrapper[data-v-166f090c] {
    display: flex;
    flex: auto;
    position: relative
}

[dir] .ui-slider-slide__wrapper[data-v-166f090c] {
    border-radius: inherit
}

.ui-slider-slide__container[data-v-166f090c] {
    display: flex;
    flex: auto;
    flex-direction: column
}

[dir] .ui-slider-slide__container[data-v-166f090c] {
    border-radius: inherit
}

.ui-slider-slide__title[data-v-166f090c] {
    font-weight: 700;
    text-transform: uppercase
}

[xlang=bn] .ui-slider-slide__title[data-v-166f090c], [xlang=hi] .ui-slider-slide__title[data-v-166f090c], [xlang=hy] .ui-slider-slide__title[data-v-166f090c], [xlang=my] .ui-slider-slide__title[data-v-166f090c], [xlang=sd] .ui-slider-slide__title[data-v-166f090c], [xlang=ta] .ui-slider-slide__title[data-v-166f090c] {
    font-size: 1.625rem;
    line-height: 1.875rem
}

[xlang=my] .ui-slider-slide__title[data-v-166f090c] {
    font-size: 1.625rem
}

@media (min-width: 1280px) {
    [xlang=my] .ui-slider-slide__container[data-v-166f090c] {
        max-width: calc(100% - 28.75rem)
    }
}

.ui-slider-slide--size-m .ui-slider-slide__title[data-v-166f090c] {
    font-size: 2.1875rem;
    line-height: 2.625rem
}

.ui-slider-slide--size-s .ui-slider-slide__title[data-v-166f090c] {
    font-size: 1.625rem;
    line-height: 1.875rem
}

.ui-slider-slide__container[data-v-166f090c] {
    justify-content: flex-start;
    max-width: 35rem
}

[dir] .ui-slider-slide__container[data-v-166f090c] {
    padding: .625rem 3.125rem
}

.ui-slider-slide__text[data-v-166f090c] {
    font-size: .875rem;
    line-height: 1rem
}

[dir] .ui-slider-slide__text[data-v-166f090c] {
    margin-top: .625rem
}

[dir] .ui-slider-slide__content[data-v-166f090c] {
    margin-top: 1.25rem
}

.ui-slider-slide[data-v-e257ac76] {
    display: flex;
    position: relative
}

.is-keyboard-user .ui-slider-slide:focus .ui-slider-slide__wrapper[data-v-e257ac76] {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-slider-slide--is-centered .ui-slider-slide__container[data-v-e257ac76] {
    justify-content: center
}

.ui-slider-slide__background[data-v-e257ac76] {
    display: flex;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

[dir] .ui-slider-slide__background[data-v-e257ac76] {
    border-radius: inherit
}

[dir=ltr] .ui-slider-slide__background[data-v-e257ac76] {
    left: 0
}

[dir=rtl] .ui-slider-slide__background[data-v-e257ac76] {
    right: 0
}

.ui-slider-slide__wrapper[data-v-e257ac76] {
    display: flex;
    flex: auto;
    position: relative
}

[dir] .ui-slider-slide__wrapper[data-v-e257ac76] {
    border-radius: inherit
}

.ui-slider-slide__container[data-v-e257ac76] {
    display: flex;
    flex: auto;
    flex-direction: column
}

[dir] .ui-slider-slide__container[data-v-e257ac76] {
    border-radius: inherit
}

.ui-slider-slide__title[data-v-e257ac76] {
    font-weight: 700;
    text-transform: uppercase
}

[xlang=bn] .ui-slider-slide__title[data-v-e257ac76], [xlang=hi] .ui-slider-slide__title[data-v-e257ac76], [xlang=hy] .ui-slider-slide__title[data-v-e257ac76], [xlang=my] .ui-slider-slide__title[data-v-e257ac76], [xlang=sd] .ui-slider-slide__title[data-v-e257ac76], [xlang=ta] .ui-slider-slide__title[data-v-e257ac76] {
    font-size: 1.625rem;
    line-height: 1.875rem
}

[xlang=my] .ui-slider-slide__title[data-v-e257ac76] {
    font-size: 1.625rem
}

@media (min-width: 1280px) {
    [xlang=my] .ui-slider-slide__container[data-v-e257ac76] {
        max-width: calc(100% - 28.75rem)
    }
}

.ui-slider-slide--size-m .ui-slider-slide__title[data-v-e257ac76] {
    font-size: 2.1875rem;
    line-height: 2.625rem
}

.ui-slider-slide--size-s .ui-slider-slide__title[data-v-e257ac76] {
    font-size: 1.625rem;
    line-height: 1.875rem
}

.ui-slider-slide__container[data-v-e257ac76] {
    justify-content: flex-start;
    max-width: 35rem
}

[dir] .ui-slider-slide__container[data-v-e257ac76] {
    padding: .625rem 3.125rem
}

.ui-slider-slide__text[data-v-e257ac76] {
    font-size: .875rem;
    line-height: 1rem
}

[dir] .ui-slider-slide__text[data-v-e257ac76] {
    margin-top: .625rem
}

[dir] .ui-slider-slide__content[data-v-e257ac76] {
    margin-top: 1.25rem
}

.ui-slider-group[data-v-1c5cd5ba] {
    align-items: center;
    display: grid;
    grid-template-columns:1fr
}

.ui-store-link__container[data-v-c11c78a2] {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-grow: 1;
    min-height: 2em
}

[dir] .ui-store-link__container[data-v-c11c78a2] {
    border-radius: inherit
}

.ui-store-link__icon[data-v-c11c78a2] {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-shrink: 0;
    justify-content: center
}

[dir] .ui-store-link__icon[data-v-c11c78a2] {
    padding-left: .625em;
    padding-right: .625em
}

.ui-store-link__text[data-v-c11c78a2] {
    flex-grow: 1
}

.ui-store-link-text[data-v-c11c78a2] {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

[dir] .ui-store-link-text[data-v-c11c78a2] {
    padding-bottom: .1875em;
    padding-top: .1875em
}

[dir=ltr] .ui-store-link-text[data-v-c11c78a2] {
    padding-right: .625em;
    text-align: left
}

[dir=rtl] .ui-store-link-text[data-v-c11c78a2] {
    padding-left: .625em;
    text-align: right
}

.ui-store-link-text__label[data-v-c11c78a2] {
    font-size: .6875em;
    line-height: 1.18182em
}

.ui-store-link-text__title[data-v-c11c78a2] {
    font-size: .75em;
    line-height: 1.16667em
}

.swipe-slider__body[data-v-7e263d1b] {
    position: relative
}

[dir] .swipe-slider__body[data-v-7e263d1b] {
    margin-bottom: .3125em
}

.swipe-slider__body--shadow-end[data-v-7e263d1b]:after, .swipe-slider__body--shadow-end[data-v-7e263d1b]:before, .swipe-slider__body--shadow-start[data-v-7e263d1b]:after, .swipe-slider__body--shadow-start[data-v-7e263d1b]:before {
    content: "";
    height: 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 3.125em;
    z-index: 1
}

[dir] .swipe-slider__body--shadow-end[data-v-7e263d1b]:after, [dir] .swipe-slider__body--shadow-end[data-v-7e263d1b]:before, [dir] .swipe-slider__body--shadow-start[data-v-7e263d1b]:after, [dir] .swipe-slider__body--shadow-start[data-v-7e263d1b]:before {
    transition: opacity .1s
}

[dir=ltr] .swipe-slider__body--shadow-end[data-v-7e263d1b]:before, [dir=ltr] .swipe-slider__body--shadow-start[data-v-7e263d1b]:before {
    background: linear-gradient(-90deg, transparent, hsla(var(--primary--40-bg), .5));
    left: 0
}

[dir=ltr] .swipe-slider__body--shadow-end[data-v-7e263d1b]:after, [dir=ltr] .swipe-slider__body--shadow-start[data-v-7e263d1b]:after, [dir=rtl] .swipe-slider__body--shadow-end[data-v-7e263d1b]:before, [dir=rtl] .swipe-slider__body--shadow-start[data-v-7e263d1b]:before {
    background: linear-gradient(90deg, transparent, hsla(var(--primary--40-bg), .5));
    right: 0
}

[dir=rtl] .swipe-slider__body--shadow-end[data-v-7e263d1b]:after, [dir=rtl] .swipe-slider__body--shadow-start[data-v-7e263d1b]:after {
    background: linear-gradient(-90deg, transparent, hsla(var(--primary--40-bg), .5));
    left: 0
}

.swipe-slider__body--shadow-end[data-v-7e263d1b]:after, .swipe-slider__body--shadow-start[data-v-7e263d1b]:before {
    opacity: 1
}

.swipe-slider__slides[data-v-7e263d1b] {
    display: flex;
    overflow: hidden
}

[dir=ltr] .swipe-slider__item[data-v-7e263d1b]:nth-child(n+2) {
    margin-left: .625em
}

[dir=rtl] .swipe-slider__item[data-v-7e263d1b]:nth-child(n+2) {
    margin-right: .625em
}

.swipe-slider-scrollbar[data-v-7e263d1b] {
    height: .3125em;
    position: relative;
    touch-action: none
}

[dir] .swipe-slider-scrollbar[data-v-7e263d1b] {
    background-color: var(--scroll-bg);
    border-radius: var(--border-radius)
}

.swipe-slider-scrollbar__drag[data-v-7e263d1b] {
    height: 100%;
    position: absolute;
    top: 0;
    width: 30%
}

[dir] .swipe-slider-scrollbar__drag[data-v-7e263d1b] {
    background-color: var(--drag-bg);
    border-radius: inherit;
    cursor: move
}

[dir=ltr] .swipe-slider-scrollbar__drag[data-v-7e263d1b] {
    left: 0
}

[dir=rtl] .swipe-slider-scrollbar__drag[data-v-7e263d1b] {
    right: 0
}

.swipe-slider-scrollbar--theme-default[data-v-7e263d1b] {
    --scroll-bg: transparent;
    --drag-bg: Hsla(var(--hsl-clr), 0.3)
}

.swipe-slider-scrollbar--theme-gray[data-v-7e263d1b] {
    --scroll-bg: hsla(var(--gray-0-bg), 1);
    --drag-bg: hsla(var(--gray-0-clr-decent), 1)
}

.ui-swipe-slider__body[data-v-a5274137] {
    position: relative
}

[dir] .ui-swipe-slider__body--has-scrollbar[data-v-a5274137] {
    margin-bottom: .3125rem
}

.ui-swipe-slider__shadow[data-v-a5274137] {
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.ui-swipe-slider__shadow[data-v-a5274137]:after, .ui-swipe-slider__shadow[data-v-a5274137]:before {
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 3.125rem
}

[dir] .ui-swipe-slider__shadow[data-v-a5274137]:after, [dir] .ui-swipe-slider__shadow[data-v-a5274137]:before {
    transition: opacity .1s
}

[dir=ltr] .ui-swipe-slider__shadow[data-v-a5274137]:before {
    background-image: linear-gradient(-90deg, hsla(0, 0%, 100%, 0), var(--scroll-shadow));
    left: 0
}

[dir=ltr] .ui-swipe-slider__shadow[data-v-a5274137]:after, [dir=rtl] .ui-swipe-slider__shadow[data-v-a5274137]:before {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), var(--scroll-shadow));
    right: 0
}

[dir=rtl] .ui-swipe-slider__shadow[data-v-a5274137]:after {
    background-image: linear-gradient(-90deg, hsla(0, 0%, 100%, 0), var(--scroll-shadow));
    left: 0
}

.ui-swipe-slider__shadow--end[data-v-a5274137]:after, .ui-swipe-slider__shadow--start[data-v-a5274137]:before {
    opacity: 1
}

.ui-swipe-slider__slides[data-v-a5274137] {
    display: flex;
    overflow: hidden
}

.ui-swipe-slider-scrollbar[data-v-a5274137] {
    height: .3125rem;
    position: relative;
    touch-action: none
}

[dir] .ui-swipe-slider-scrollbar[data-v-a5274137] {
    background-color: var(--scroll-bg);
    border-radius: var(--border-radius)
}

.ui-swipe-slider-scrollbar__drag[data-v-a5274137] {
    height: 100%;
    position: absolute;
    top: 0;
    width: 30%
}

[dir] .ui-swipe-slider-scrollbar__drag[data-v-a5274137] {
    background-color: var(--drag-bg);
    border-radius: inherit;
    cursor: move
}

[dir=ltr] .ui-swipe-slider-scrollbar__drag[data-v-a5274137] {
    left: 0
}

[dir=rtl] .ui-swipe-slider-scrollbar__drag[data-v-a5274137] {
    right: 0
}

.ui-swipe-slider__shadow--theme-default[data-v-a5274137]:after, .ui-swipe-slider__shadow--theme-default[data-v-a5274137]:before {
    --scroll-shadow: Hsla(var(--primary--40-bg), 0.5)
}

.ui-swipe-slider-scrollbar--theme-default[data-v-a5274137] {
    --scroll-bg: transparent;
    --drag-bg: Hsla(var(--hsl-clr), 0.3)
}

.ui-swipe-slider-scrollbar--theme-gray[data-v-a5274137] {
    --scroll-bg: Hsl(var(--gray-0-bg));
    --drag-bg: Hsl(var(--gray-0-clr-decent))
}

.ui-swipe-slider__shadow--theme-primary--55[data-v-a5274137]:after, .ui-swipe-slider__shadow--theme-primary--55[data-v-a5274137]:before {
    --scroll-shadow: Hsl(var(--primary--55-bg))
}

.ui-swipe-slider__shadow--theme-special-gray-100[data-v-a5274137]:after, .ui-swipe-slider__shadow--theme-special-gray-100[data-v-a5274137]:before {
    --scroll-shadow: Hsl(var(--gray-100-bg))
}

.ui-swipe-slider-scrollbar--theme-special-primary-90[data-v-a5274137] {
    --scroll-bg: Hsl(var(--specialPrimary-90-bg));
    --drag-bg: Hsl(var(--gray-0-bg))
}

.ui-swipe-slider__shadow--theme-cyber[data-v-a5274137]:after, .ui-swipe-slider__shadow--theme-cyber[data-v-a5274137]:before {
    --scroll-shadow: Hsl(var(--cyber--60-bg))
}

.ui-swipe-slider-scrollbar--theme-cyber[data-v-a5274137] {
    --scroll-bg: transparent;
    --drag-bg: Hsl(var(--cyber-55-bg))
}

[dir=ltr] .ui-swipe-slider--settings-default .ui-swipe-slider__item[data-v-a5274137]:not(:last-child) {
    margin-right: .625rem
}

[dir=rtl] .ui-swipe-slider--settings-default .ui-swipe-slider__item[data-v-a5274137]:not(:last-child) {
    margin-left: .625rem
}

[dir=ltr] .ui-swipe-slider--settings-cyber .ui-swipe-slider__item[data-v-a5274137]:not(:last-child) {
    margin-right: .3125rem
}

[dir=rtl] .ui-swipe-slider--settings-cyber .ui-swipe-slider__item[data-v-a5274137]:not(:last-child) {
    margin-left: .3125rem
}

.ui-tabs[data-v-aeb4afc4] {
    display: flex
}

.ui-tabs__item[data-v-aeb4afc4] {
    display: flex;
    flex-grow: 1;
    min-width: 0
}

[dir=ltr] .ui-tabs__item[data-v-aeb4afc4]:first-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

[dir=ltr] .ui-tabs__item[data-v-aeb4afc4]:last-child, [dir=rtl] .ui-tabs__item[data-v-aeb4afc4]:first-child {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit
}

[dir=rtl] .ui-tabs__item[data-v-aeb4afc4]:last-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

.ui-tabs__item--equal[data-v-aeb4afc4] {
    flex-basis: 50%
}

.ui-tabs__tab[data-v-aeb4afc4] {
    flex-grow: 1;
    min-width: 0
}

[dir] .ui-tabs__tab[data-v-aeb4afc4] {
    border-radius: inherit
}

[dir] .ui-tabs--rounded[data-v-aeb4afc4] {
    border-radius: var(--border-radius)
}

[dir=ltr] .ui-tabs--indent .ui-tabs__item[data-v-aeb4afc4]:not(:last-child) {
    margin-right: 1px
}

[dir=rtl] .ui-tabs--indent .ui-tabs__item[data-v-aeb4afc4]:not(:last-child) {
    margin-left: 1px
}

.ui-tab[data-v-aeb4afc4] {
    display: flex;
    min-height: var(--tab-min-height);
    position: relative
}

[dir] .ui-tab[data-v-aeb4afc4] {
    transition: background-color .3s ease, color .3s ease, box-shadow .3s ease, opacity .3s
}

.ui-tab__input[data-v-aeb4afc4] {
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

[dir] .ui-tab__input[data-v-aeb4afc4] {
    border: 0;
    margin: -1px;
    padding: 0
}

.is-keyboard-user .ui-tab__input:focus + .ui-tab__container[data-v-aeb4afc4] {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-tab__container[data-v-aeb4afc4] {
    align-items: center;
    display: flex;
    flex: auto;
    justify-content: center;
    min-width: 0;
    position: relative
}

[dir] .ui-tab__container[data-v-aeb4afc4] {
    border-radius: inherit;
    padding: var(--tab-padding)
}

[dir] .ui-tab[data-v-aeb4afc4]:not(.ui-tab--is-toggled) {
    cursor: pointer
}

.ui-tab[data-v-aeb4afc4] .ui-caption {
    white-space: nowrap
}

.ui-tab--size-m[data-v-aeb4afc4] {
    --tab-min-height: 2rem;
    --tab-padding: 0.3125rem 0.625rem
}

.ui-tab--size-s[data-v-aeb4afc4] {
    --tab-min-height: 1.5rem;
    --tab-padding: 0.3125rem 0.3125rem
}

.ui-tab--theme-cyber[data-v-aeb4afc4] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    color: Hsl(var(--hsl-clr))
}

[dir] .ui-tab--theme-cyber[data-v-aeb4afc4] {
    background-image: linear-gradient(Hsl(var(--hsl-bg)), Hsl(var(--hsl-bg)))
}

.ui-tab--theme-cyber[data-v-aeb4afc4]:hover:not(:disabled) {
    --bg: hsla(var(--cyber--10-bg), 1);
    --hsl-bg: var(--cyber--10-bg);
    --clr: hsl(var(--cyber--10-clr));
    --hsl-clr: var(--cyber--10-clr);
    --clr-accent: hsl(var(--cyber--10-clr-accent));
    --hsl-clr-accent: var(--cyber--10-clr-accent);
    --clr-decent: hsl(var(--cyber--10-clr-decent));
    --hsl-clr-decent: var(--cyber--10-clr-decent);
    --clr-strong: hsl(var(--cyber--10-clr-strong));
    --hsl-clr-strong: var(--cyber--10-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--10-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--10-clr-primary));
    --hsl-clr-primary: var(--cyber--10-clr-primary);
    --clr-good: hsl(var(--cyber--10-clr-good));
    --hsl-clr-good: var(--cyber--10-clr-good);
    --clr-bad: hsl(var(--cyber--10-clr-bad));
    --hsl-clr-bad: var(--cyber--10-clr-bad);
    --sep: hsl(var(--cyber--10-sep));
    --hsl-sep: var(--cyber--10-sep);
    --sep-alt: hsl(var(--cyber--10-sep-alt));
    --hsl-sep-alt: var(--cyber--10-sep-alt)
}

.ui-tab--theme-cyber.ui-tab--is-toggled[data-v-aeb4afc4] {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt);
    color: Hsl(var(--custom-ui-tab-clr-hover-theme-cyber, var(--hsl-clr)))
}

[dir=ltr] .ui-tab--theme-cyber.ui-tab--is-toggled[data-v-aeb4afc4] {
    background-image: linear-gradient(180deg, Hsl(var(--custom-ui-tab-bg-hover-theme-cyber-start, var(--hsl-bg))) 0, Hsl(var(--custom-ui-tab-bg-hover-theme-cyber-end, var(--hsl-bg))) 100%)
}

[dir=rtl] .ui-tab--theme-cyber.ui-tab--is-toggled[data-v-aeb4afc4] {
    background-image: linear-gradient(-180deg, Hsl(var(--custom-ui-tab-bg-hover-theme-cyber-start, var(--hsl-bg))) 0, Hsl(var(--custom-ui-tab-bg-hover-theme-cyber-end, var(--hsl-bg))) 100%)
}

.ui-tab--theme-cyber.ui-tab--is-toggled[data-v-aeb4afc4]:hover {
    --bg: hsla(var(--accent--10-bg), 1);
    --hsl-bg: var(--accent--10-bg);
    --clr: hsl(var(--accent--10-clr));
    --hsl-clr: var(--accent--10-clr);
    --clr-accent: hsl(var(--accent--10-clr-accent));
    --hsl-clr-accent: var(--accent--10-clr-accent);
    --clr-decent: hsl(var(--accent--10-clr-decent));
    --hsl-clr-decent: var(--accent--10-clr-decent);
    --clr-strong: hsl(var(--accent--10-clr-strong));
    --hsl-clr-strong: var(--accent--10-clr-strong);
    --clr-strong-alt: hsl(var(--accent--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent--10-clr-strong-alt);
    --clr-primary: hsl(var(--accent--10-clr-primary));
    --hsl-clr-primary: var(--accent--10-clr-primary);
    --clr-good: hsl(var(--accent--10-clr-good));
    --hsl-clr-good: var(--accent--10-clr-good);
    --clr-bad: hsl(var(--accent--10-clr-bad));
    --hsl-clr-bad: var(--accent--10-clr-bad);
    --sep: hsl(var(--accent--10-sep));
    --hsl-sep: var(--accent--10-sep);
    --sep-alt: hsl(var(--accent--10-sep-alt));
    --hsl-sep-alt: var(--accent--10-sep-alt)
}

[dir=ltr] .ui-tab--theme-cyber.ui-tab--is-toggled[data-v-aeb4afc4]:hover {
    background-image: linear-gradient(180deg, Hsl(var(--custom-ui-tab-bg-hover-theme-cyber-start, var(--hsl-bg))) -50%, Hsl(var(--custom-ui-tab-bg-hover-theme-cyber-end, var(--hsl-bg))) 100%)
}

[dir=rtl] .ui-tab--theme-cyber.ui-tab--is-toggled[data-v-aeb4afc4]:hover {
    background-image: linear-gradient(-180deg, Hsl(var(--custom-ui-tab-bg-hover-theme-cyber-start, var(--hsl-bg))) -50%, Hsl(var(--custom-ui-tab-bg-hover-theme-cyber-end, var(--hsl-bg))) 100%)
}

.ui-tab--theme-cyber-gradient[data-v-aeb4afc4] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    color: Hsl(var(--custom-ui-tab-clr-theme-cyber-gradient, var(--hsl-clr)))
}

[dir=ltr] .ui-tab--theme-cyber-gradient[data-v-aeb4afc4] {
    background-image: linear-gradient(180deg, Hsl(var(--custom-ui-tab-bg-theme-cyber-gradient-start, var(--hsl-bg))) 0, Hsl(var(--custom-ui-tab-bg-theme-cyber-gradient-end, var(--hsl-bg))) 100%)
}

[dir=rtl] .ui-tab--theme-cyber-gradient[data-v-aeb4afc4] {
    background-image: linear-gradient(-180deg, Hsl(var(--custom-ui-tab-bg-theme-cyber-gradient-start, var(--hsl-bg))) 0, Hsl(var(--custom-ui-tab-bg-theme-cyber-gradient-end, var(--hsl-bg))) 100%)
}

.ui-tab--theme-cyber-gradient[data-v-aeb4afc4]:hover:not(:disabled) {
    --bg: hsla(var(--cyber-10-bg), 1);
    --hsl-bg: var(--cyber-10-bg);
    --clr: hsl(var(--cyber-10-clr));
    --hsl-clr: var(--cyber-10-clr);
    --clr-accent: hsl(var(--cyber-10-clr-accent));
    --hsl-clr-accent: var(--cyber-10-clr-accent);
    --clr-decent: hsl(var(--cyber-10-clr-decent));
    --hsl-clr-decent: var(--cyber-10-clr-decent);
    --clr-strong: hsl(var(--cyber-10-clr-strong));
    --hsl-clr-strong: var(--cyber-10-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-10-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-10-clr-primary));
    --hsl-clr-primary: var(--cyber-10-clr-primary);
    --clr-good: hsl(var(--cyber-10-clr-good));
    --hsl-clr-good: var(--cyber-10-clr-good);
    --clr-bad: hsl(var(--cyber-10-clr-bad));
    --hsl-clr-bad: var(--cyber-10-clr-bad);
    --sep: hsl(var(--cyber-10-sep));
    --hsl-sep: var(--cyber-10-sep);
    --sep-alt: hsl(var(--cyber-10-sep-alt));
    --hsl-sep-alt: var(--cyber-10-sep-alt)
}

[dir=ltr] .ui-tab--theme-cyber-gradient[data-v-aeb4afc4]:hover:not(:disabled) {
    background-image: linear-gradient(180deg, Hsl(var(--custom-ui-tab-bg-theme-cyber-gradient-start, var(--hsl-bg))) 50%, Hsl(var(--custom-ui-tab-bg-theme-cyber-gradient-end, var(--hsl-bg))) 100%)
}

[dir=rtl] .ui-tab--theme-cyber-gradient[data-v-aeb4afc4]:hover:not(:disabled) {
    background-image: linear-gradient(-180deg, Hsl(var(--custom-ui-tab-bg-theme-cyber-gradient-start, var(--hsl-bg))) 50%, Hsl(var(--custom-ui-tab-bg-theme-cyber-gradient-end, var(--hsl-bg))) 100%)
}

.ui-tab--theme-cyber-gradient.ui-tab--is-toggled[data-v-aeb4afc4] {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt);
    color: Hsl(var(--custom-ui-tab-clr-hover-theme-cyber-gradient-start, var(--hsl-clr)))
}

[dir=ltr] .ui-tab--theme-cyber-gradient.ui-tab--is-toggled[data-v-aeb4afc4] {
    background-image: linear-gradient(180deg, Hsl(var(--custom-ui-tab-bg-hover-theme-cyber-gradient-start, var(--hsl-bg))) 0, Hsl(var(--custom-ui-tab-bg-hover-theme-cyber-gradient-end, var(--hsl-bg))) 100%)
}

[dir=rtl] .ui-tab--theme-cyber-gradient.ui-tab--is-toggled[data-v-aeb4afc4] {
    background-image: linear-gradient(-180deg, Hsl(var(--custom-ui-tab-bg-hover-theme-cyber-gradient-start, var(--hsl-bg))) 0, Hsl(var(--custom-ui-tab-bg-hover-theme-cyber-gradient-end, var(--hsl-bg))) 100%)
}

[dir=ltr] .ui-tab--theme-cyber-gradient.ui-tab--is-toggled[data-v-aeb4afc4]:hover {
    background-image: linear-gradient(180deg, Hsl(var(--custom-ui-tab-bg-hover-theme-cyber-gradient-start, var(--hsl-bg))) -50%, Hsl(var(--custom-ui-tab-bg-hover-theme-cyber-gradient-end, var(--hsl-bg))) 100%)
}

[dir=rtl] .ui-tab--theme-cyber-gradient.ui-tab--is-toggled[data-v-aeb4afc4]:hover {
    background-image: linear-gradient(-180deg, Hsl(var(--custom-ui-tab-bg-hover-theme-cyber-gradient-start, var(--hsl-bg))) -50%, Hsl(var(--custom-ui-tab-bg-hover-theme-cyber-gradient-end, var(--hsl-bg))) 100%)
}

.ui-tab--theme-gray[data-v-aeb4afc4] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsl(var(--custom-ui-tab-clr-theme-gray, var(--hsl-clr)))
}

[dir] .ui-tab--theme-gray[data-v-aeb4afc4] {
    background-color: Hsl(var(--custom-ui-tab-bg-theme-gray, var(--hsl-bg)));
    box-shadow: inset 0 0 0 1px transparent
}

[dir] .ui-tab--theme-gray.ui-tab--is-toggled[data-v-aeb4afc4], [dir] .ui-tab--theme-gray.ui-tab[data-v-aeb4afc4]:hover {
    box-shadow: inset 0 0 0 1px transparent
}

.ui-tab--theme-gray.ui-tab--is-toggled[data-v-aeb4afc4] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--custom-ui-tab-clr-toggled-theme-gray, var(--hsl-clr)))
}

[dir] .ui-tab--theme-gray.ui-tab--is-toggled[data-v-aeb4afc4] {
    background-color: Hsl(var(--custom-ui-tab-bg-toggled-theme-gray, var(--hsl-bg)))
}

.ui-tab--theme-gray.ui-tab--is-toggled[data-v-aeb4afc4]:hover, .ui-tab--theme-gray.ui-tab[data-v-aeb4afc4]:hover {
    --bg: hsla(var(--primary-15-bg), 1);
    --hsl-bg: var(--primary-15-bg);
    --clr: hsl(var(--primary-15-clr));
    --hsl-clr: var(--primary-15-clr);
    --clr-accent: hsl(var(--primary-15-clr-accent));
    --hsl-clr-accent: var(--primary-15-clr-accent);
    --clr-decent: hsl(var(--primary-15-clr-decent));
    --hsl-clr-decent: var(--primary-15-clr-decent);
    --clr-strong: hsl(var(--primary-15-clr-strong));
    --hsl-clr-strong: var(--primary-15-clr-strong);
    --clr-strong-alt: hsl(var(--primary-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-15-clr-strong-alt);
    --clr-primary: hsl(var(--primary-15-clr-primary));
    --hsl-clr-primary: var(--primary-15-clr-primary);
    --clr-good: hsl(var(--primary-15-clr-good));
    --hsl-clr-good: var(--primary-15-clr-good);
    --clr-bad: hsl(var(--primary-15-clr-bad));
    --hsl-clr-bad: var(--primary-15-clr-bad);
    --sep: hsl(var(--primary-15-sep));
    --hsl-sep: var(--primary-15-sep);
    --sep-alt: hsl(var(--primary-15-sep-alt));
    --hsl-sep-alt: var(--primary-15-sep-alt);
    color: Hsl(var(--custom-ui-tab-clr-hover-theme-gray, var(--hsl-clr)))
}

[dir] .ui-tab--theme-gray.ui-tab--is-toggled[data-v-aeb4afc4]:hover, [dir] .ui-tab--theme-gray.ui-tab[data-v-aeb4afc4]:hover {
    background-color: Hsl(var(--custom-ui-tab-bg-hover-theme-gray, var(--hsl-bg)))
}

.ui-tab--theme-gray.ui-tab[data-v-aeb4afc4]:not(.ui-tab--is-toggled):hover {
    color: Hsl(var(--custom-ui-tab-clr-hover-theme-gray, var(--hsl-clr)))
}

.ui-tab--theme-primary--20[data-v-aeb4afc4] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-tab--theme-primary--20[data-v-aeb4afc4] {
    background-color: Hsl(var(--hsl-bg));
    box-shadow: inset 0 0 0 1px transparent
}

[dir] .ui-tab--theme-primary--20.ui-tab--is-toggled[data-v-aeb4afc4], [dir] .ui-tab--theme-primary--20.ui-tab[data-v-aeb4afc4]:hover {
    box-shadow: inset 0 0 0 1px transparent
}

.ui-tab--theme-primary--20.ui-tab--is-toggled[data-v-aeb4afc4] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--hsl-clr))
}

[dir] .ui-tab--theme-primary--20.ui-tab--is-toggled[data-v-aeb4afc4] {
    background-color: Hsl(var(--custom-ui-tab-bg-toggled-theme-primary--20, var(--hsl-bg)))
}

.ui-tab--theme-primary--20.ui-tab--is-toggled[data-v-aeb4afc4]:hover, .ui-tab--theme-primary--20.ui-tab[data-v-aeb4afc4]:hover {
    --bg: hsla(var(--primary--10-bg), 1);
    --hsl-bg: var(--primary--10-bg);
    --clr: hsl(var(--primary--10-clr));
    --hsl-clr: var(--primary--10-clr);
    --clr-accent: hsl(var(--primary--10-clr-accent));
    --hsl-clr-accent: var(--primary--10-clr-accent);
    --clr-decent: hsl(var(--primary--10-clr-decent));
    --hsl-clr-decent: var(--primary--10-clr-decent);
    --clr-strong: hsl(var(--primary--10-clr-strong));
    --hsl-clr-strong: var(--primary--10-clr-strong);
    --clr-strong-alt: hsl(var(--primary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--10-clr-strong-alt);
    --clr-primary: hsl(var(--primary--10-clr-primary));
    --hsl-clr-primary: var(--primary--10-clr-primary);
    --clr-good: hsl(var(--primary--10-clr-good));
    --hsl-clr-good: var(--primary--10-clr-good);
    --clr-bad: hsl(var(--primary--10-clr-bad));
    --hsl-clr-bad: var(--primary--10-clr-bad);
    --sep: hsl(var(--primary--10-sep));
    --hsl-sep: var(--primary--10-sep);
    --sep-alt: hsl(var(--primary--10-sep-alt));
    --hsl-sep-alt: var(--primary--10-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-tab--theme-primary--20.ui-tab--is-toggled[data-v-aeb4afc4]:hover, [dir] .ui-tab--theme-primary--20.ui-tab[data-v-aeb4afc4]:hover {
    background-color: Hsl(var(--hsl-bg))
}

.ui-tab--theme-primary--20.ui-tab[data-v-aeb4afc4]:not(.ui-tab--is-toggled):hover {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-tab--theme-dark--40[data-v-aeb4afc4] {
    --bg: hsla(var(--dark--40-bg), 1);
    --hsl-bg: var(--dark--40-bg);
    --clr: hsl(var(--dark--40-clr));
    --hsl-clr: var(--dark--40-clr);
    --clr-accent: hsl(var(--dark--40-clr-accent));
    --hsl-clr-accent: var(--dark--40-clr-accent);
    --clr-decent: hsl(var(--dark--40-clr-decent));
    --hsl-clr-decent: var(--dark--40-clr-decent);
    --clr-strong: hsl(var(--dark--40-clr-strong));
    --hsl-clr-strong: var(--dark--40-clr-strong);
    --clr-strong-alt: hsl(var(--dark--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--dark--40-clr-strong-alt);
    --clr-primary: hsl(var(--dark--40-clr-primary));
    --hsl-clr-primary: var(--dark--40-clr-primary);
    --clr-good: hsl(var(--dark--40-clr-good));
    --hsl-clr-good: var(--dark--40-clr-good);
    --clr-bad: hsl(var(--dark--40-clr-bad));
    --hsl-clr-bad: var(--dark--40-clr-bad);
    --sep: hsl(var(--dark--40-sep));
    --hsl-sep: var(--dark--40-sep);
    --sep-alt: hsl(var(--dark--40-sep-alt));
    --hsl-sep-alt: var(--dark--40-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-tab--theme-dark--40[data-v-aeb4afc4] {
    background-color: Hsl(var(--hsl-bg));
    box-shadow: inset 0 0 0 1px Hsl(var(--dark-25-bg))
}

[dir] .ui-tab--theme-dark--40.ui-tab--is-toggled[data-v-aeb4afc4], [dir] .ui-tab--theme-dark--40.ui-tab[data-v-aeb4afc4]:hover {
    box-shadow: inset 0 0 0 1px transparent
}

.ui-tab--theme-dark--40.ui-tab--is-toggled[data-v-aeb4afc4] {
    --bg: hsla(var(--dark-25-bg), 1);
    --hsl-bg: var(--dark-25-bg);
    --clr: hsl(var(--dark-25-clr));
    --hsl-clr: var(--dark-25-clr);
    --clr-accent: hsl(var(--dark-25-clr-accent));
    --hsl-clr-accent: var(--dark-25-clr-accent);
    --clr-decent: hsl(var(--dark-25-clr-decent));
    --hsl-clr-decent: var(--dark-25-clr-decent);
    --clr-strong: hsl(var(--dark-25-clr-strong));
    --hsl-clr-strong: var(--dark-25-clr-strong);
    --clr-strong-alt: hsl(var(--dark-25-clr-strong-alt));
    --hsl-clr-strong-alt: var(--dark-25-clr-strong-alt);
    --clr-primary: hsl(var(--dark-25-clr-primary));
    --hsl-clr-primary: var(--dark-25-clr-primary);
    --clr-good: hsl(var(--dark-25-clr-good));
    --hsl-clr-good: var(--dark-25-clr-good);
    --clr-bad: hsl(var(--dark-25-clr-bad));
    --hsl-clr-bad: var(--dark-25-clr-bad);
    --sep: hsl(var(--dark-25-sep));
    --hsl-sep: var(--dark-25-sep);
    --sep-alt: hsl(var(--dark-25-sep-alt));
    --hsl-sep-alt: var(--dark-25-sep-alt);
    color: Hsl(var(--hsl-clr))
}

[dir] .ui-tab--theme-dark--40.ui-tab--is-toggled[data-v-aeb4afc4] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-tab--theme-dark--40.ui-tab--is-toggled[data-v-aeb4afc4]:hover, .ui-tab--theme-dark--40.ui-tab[data-v-aeb4afc4]:hover {
    --bg: hsla(var(--dark-25-bg), 1);
    --hsl-bg: var(--dark-25-bg);
    --clr: hsl(var(--dark-25-clr));
    --hsl-clr: var(--dark-25-clr);
    --clr-accent: hsl(var(--dark-25-clr-accent));
    --hsl-clr-accent: var(--dark-25-clr-accent);
    --clr-decent: hsl(var(--dark-25-clr-decent));
    --hsl-clr-decent: var(--dark-25-clr-decent);
    --clr-strong: hsl(var(--dark-25-clr-strong));
    --hsl-clr-strong: var(--dark-25-clr-strong);
    --clr-strong-alt: hsl(var(--dark-25-clr-strong-alt));
    --hsl-clr-strong-alt: var(--dark-25-clr-strong-alt);
    --clr-primary: hsl(var(--dark-25-clr-primary));
    --hsl-clr-primary: var(--dark-25-clr-primary);
    --clr-good: hsl(var(--dark-25-clr-good));
    --hsl-clr-good: var(--dark-25-clr-good);
    --clr-bad: hsl(var(--dark-25-clr-bad));
    --hsl-clr-bad: var(--dark-25-clr-bad);
    --sep: hsl(var(--dark-25-sep));
    --hsl-sep: var(--dark-25-sep);
    --sep-alt: hsl(var(--dark-25-sep-alt));
    --hsl-sep-alt: var(--dark-25-sep-alt);
    opacity: .8
}

.ui-tab--theme-dark--40.ui-tab[data-v-aeb4afc4]:not(.ui-tab--is-toggled):hover {
    color: Hsl(var(--hsl-clr))
}

.ui-tab--theme-primary-5[data-v-aeb4afc4] {
    --bg: hsla(var(--primary-5-bg), 1);
    --hsl-bg: var(--primary-5-bg);
    --clr: hsl(var(--primary-5-clr));
    --hsl-clr: var(--primary-5-clr);
    --clr-accent: hsl(var(--primary-5-clr-accent));
    --hsl-clr-accent: var(--primary-5-clr-accent);
    --clr-decent: hsl(var(--primary-5-clr-decent));
    --hsl-clr-decent: var(--primary-5-clr-decent);
    --clr-strong: hsl(var(--primary-5-clr-strong));
    --hsl-clr-strong: var(--primary-5-clr-strong);
    --clr-strong-alt: hsl(var(--primary-5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-5-clr-strong-alt);
    --clr-primary: hsl(var(--primary-5-clr-primary));
    --hsl-clr-primary: var(--primary-5-clr-primary);
    --clr-good: hsl(var(--primary-5-clr-good));
    --hsl-clr-good: var(--primary-5-clr-good);
    --clr-bad: hsl(var(--primary-5-clr-bad));
    --hsl-clr-bad: var(--primary-5-clr-bad);
    --sep: hsl(var(--primary-5-sep));
    --hsl-sep: var(--primary-5-sep);
    --sep-alt: hsl(var(--primary-5-sep-alt));
    --hsl-sep-alt: var(--primary-5-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-tab--theme-primary-5[data-v-aeb4afc4] {
    background-color: Hsl(var(--hsl-bg));
    box-shadow: inset 0 0 0 1px transparent
}

[dir] .ui-tab--theme-primary-5.ui-tab--is-toggled[data-v-aeb4afc4], [dir] .ui-tab--theme-primary-5.ui-tab[data-v-aeb4afc4]:hover {
    box-shadow: inset 0 0 0 1px transparent
}

.ui-tab--theme-primary-5.ui-tab--is-toggled[data-v-aeb4afc4] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsl(var(--hsl-clr))
}

[dir] .ui-tab--theme-primary-5.ui-tab--is-toggled[data-v-aeb4afc4] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-tab--theme-primary-5.ui-tab--is-toggled[data-v-aeb4afc4]:hover, .ui-tab--theme-primary-5.ui-tab[data-v-aeb4afc4]:hover {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    opacity: .8
}

.ui-tab--theme-primary-5.ui-tab[data-v-aeb4afc4]:not(.ui-tab--is-toggled):hover {
    color: Hsl(var(--hsl-clr))
}

.ui-tab--theme-primary--40[data-v-aeb4afc4] {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-tab--theme-primary--40[data-v-aeb4afc4] {
    background-color: Hsl(var(--hsl-bg));
    box-shadow: inset 0 0 0 1px transparent
}

[dir] .ui-tab--theme-primary--40.ui-tab--is-toggled[data-v-aeb4afc4], [dir] .ui-tab--theme-primary--40.ui-tab[data-v-aeb4afc4]:hover {
    box-shadow: inset 0 0 0 1px transparent
}

.ui-tab--theme-primary--40.ui-tab--is-toggled[data-v-aeb4afc4] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--hsl-clr))
}

[dir] .ui-tab--theme-primary--40.ui-tab--is-toggled[data-v-aeb4afc4] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-tab--theme-primary--40.ui-tab--is-toggled[data-v-aeb4afc4]:hover, .ui-tab--theme-primary--40.ui-tab[data-v-aeb4afc4]:hover {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    opacity: .8
}

.ui-tab--theme-primary--40.ui-tab[data-v-aeb4afc4]:not(.ui-tab--is-toggled):hover {
    color: Hsl(var(--hsl-clr))
}

.ui-tab--theme-cyber-gradient-0--35[data-v-aeb4afc4] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    color: Hsl(var(--hsl-clr))
}

[dir=ltr] .ui-tab--theme-cyber-gradient-0--35[data-v-aeb4afc4] {
    background-image: linear-gradient(180deg, Hsl(var(--cyber-0-bg)) 0, Hsl(var(--cyber--35-bg)) 100%)
}

[dir=rtl] .ui-tab--theme-cyber-gradient-0--35[data-v-aeb4afc4] {
    background-image: linear-gradient(-180deg, Hsl(var(--cyber-0-bg)) 0, Hsl(var(--cyber--35-bg)) 100%)
}

[dir=ltr] .ui-tab--theme-cyber-gradient-0--35[data-v-aeb4afc4]:hover:not(:disabled) {
    background-image: linear-gradient(180deg, Hsl(var(--cyber-0-bg)) 50%, Hsl(var(--cyber--35-bg)) 100%)
}

[dir=rtl] .ui-tab--theme-cyber-gradient-0--35[data-v-aeb4afc4]:hover:not(:disabled) {
    background-image: linear-gradient(-180deg, Hsl(var(--cyber-0-bg)) 50%, Hsl(var(--cyber--35-bg)) 100%)
}

[dir=ltr] .ui-tab--theme-cyber-gradient-0--35.ui-tab--is-toggled[data-v-aeb4afc4] {
    background-image: linear-gradient(180deg, Hsl(var(--cyber-alternative-gradient-start)) 0, Hsl(var(--cyber-alternative-gradient-end)) 100%)
}

[dir=rtl] .ui-tab--theme-cyber-gradient-0--35.ui-tab--is-toggled[data-v-aeb4afc4] {
    background-image: linear-gradient(-180deg, Hsl(var(--cyber-alternative-gradient-start)) 0, Hsl(var(--cyber-alternative-gradient-end)) 100%)
}

[dir=ltr] .ui-tab--theme-cyber-gradient-0--35.ui-tab--is-toggled[data-v-aeb4afc4]:hover {
    background-image: linear-gradient(180deg, Hsl(var(--cyber-alternative-gradient-start)) -50%, Hsl(var(--cyber-alternative-gradient-end)) 100%)
}

[dir=rtl] .ui-tab--theme-cyber-gradient-0--35.ui-tab--is-toggled[data-v-aeb4afc4]:hover {
    background-image: linear-gradient(-180deg, Hsl(var(--cyber-alternative-gradient-start)) -50%, Hsl(var(--cyber-alternative-gradient-end)) 100%)
}

.ui-tab--theme-special-gray-100[data-v-aeb4afc4] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr-decent), 1)
}

[dir] .ui-tab--theme-special-gray-100[data-v-aeb4afc4] {
    background-color: Hsla(var(--hsl-bg), 1);
    box-shadow: 0 .25rem .5rem 0 Hsla(var(--primary--20-bg), .1)
}

.ui-tab--theme-special-gray-100[data-v-aeb4afc4]:hover:not(:disabled) {
    --bg: hsla(var(--specialPrimary-0-bg), 1);
    --hsl-bg: var(--specialPrimary-0-bg);
    --clr: hsl(var(--specialPrimary-0-clr));
    --hsl-clr: var(--specialPrimary-0-clr);
    --clr-accent: hsl(var(--specialPrimary-0-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-0-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-0-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-0-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-0-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-0-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-0-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-0-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-0-clr-primary);
    --clr-good: hsl(var(--specialPrimary-0-clr-good));
    --hsl-clr-good: var(--specialPrimary-0-clr-good);
    --clr-bad: hsl(var(--specialPrimary-0-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-0-clr-bad);
    --sep: hsl(var(--specialPrimary-0-sep));
    --hsl-sep: var(--specialPrimary-0-sep);
    --sep-alt: hsl(var(--specialPrimary-0-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-0-sep-alt);
    color: Hsl(var(--hsl-clr))
}

.ui-tab--theme-special-gray-100.ui-tab--is-toggled[data-v-aeb4afc4] {
    --bg: hsla(var(--specialPrimary--20-bg), 1);
    --hsl-bg: var(--specialPrimary--20-bg);
    --clr: hsl(var(--specialPrimary--20-clr));
    --hsl-clr: var(--specialPrimary--20-clr);
    --clr-accent: hsl(var(--specialPrimary--20-clr-accent));
    --hsl-clr-accent: var(--specialPrimary--20-clr-accent);
    --clr-decent: hsl(var(--specialPrimary--20-clr-decent));
    --hsl-clr-decent: var(--specialPrimary--20-clr-decent);
    --clr-strong: hsl(var(--specialPrimary--20-clr-strong));
    --hsl-clr-strong: var(--specialPrimary--20-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary--20-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary--20-clr-primary));
    --hsl-clr-primary: var(--specialPrimary--20-clr-primary);
    --clr-good: hsl(var(--specialPrimary--20-clr-good));
    --hsl-clr-good: var(--specialPrimary--20-clr-good);
    --clr-bad: hsl(var(--specialPrimary--20-clr-bad));
    --hsl-clr-bad: var(--specialPrimary--20-clr-bad);
    --sep: hsl(var(--specialPrimary--20-sep));
    --hsl-sep: var(--specialPrimary--20-sep);
    --sep-alt: hsl(var(--specialPrimary--20-sep-alt));
    --hsl-sep-alt: var(--specialPrimary--20-sep-alt);
    color: Hsl(var(--hsl-clr));
    font-weight: 700
}

.ui-tab--theme-special-gray[data-v-aeb4afc4] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .ui-tab--theme-special-gray[data-v-aeb4afc4] {
    background-color: Hsla(var(--hsl-bg), 1);
    box-shadow: 0 .25rem .5rem 0 Hsla(var(--primary--20-bg), .1)
}

.ui-tab--theme-special-gray[data-v-aeb4afc4]:hover:not(:disabled) {
    --bg: hsla(var(--specialPrimary-0-bg), 1);
    --hsl-bg: var(--specialPrimary-0-bg);
    --clr: hsl(var(--specialPrimary-0-clr));
    --hsl-clr: var(--specialPrimary-0-clr);
    --clr-accent: hsl(var(--specialPrimary-0-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-0-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-0-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-0-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-0-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-0-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-0-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-0-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-0-clr-primary);
    --clr-good: hsl(var(--specialPrimary-0-clr-good));
    --hsl-clr-good: var(--specialPrimary-0-clr-good);
    --clr-bad: hsl(var(--specialPrimary-0-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-0-clr-bad);
    --sep: hsl(var(--specialPrimary-0-sep));
    --hsl-sep: var(--specialPrimary-0-sep);
    --sep-alt: hsl(var(--specialPrimary-0-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-0-sep-alt);
    color: Hsl(var(--hsl-clr))
}

.ui-tab--theme-special-gray.ui-tab--is-toggled[data-v-aeb4afc4] {
    --bg: hsla(var(--specialPrimary--20-bg), 1);
    --hsl-bg: var(--specialPrimary--20-bg);
    --clr: hsl(var(--specialPrimary--20-clr));
    --hsl-clr: var(--specialPrimary--20-clr);
    --clr-accent: hsl(var(--specialPrimary--20-clr-accent));
    --hsl-clr-accent: var(--specialPrimary--20-clr-accent);
    --clr-decent: hsl(var(--specialPrimary--20-clr-decent));
    --hsl-clr-decent: var(--specialPrimary--20-clr-decent);
    --clr-strong: hsl(var(--specialPrimary--20-clr-strong));
    --hsl-clr-strong: var(--specialPrimary--20-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary--20-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary--20-clr-primary));
    --hsl-clr-primary: var(--specialPrimary--20-clr-primary);
    --clr-good: hsl(var(--specialPrimary--20-clr-good));
    --hsl-clr-good: var(--specialPrimary--20-clr-good);
    --clr-bad: hsl(var(--specialPrimary--20-clr-bad));
    --hsl-clr-bad: var(--specialPrimary--20-clr-bad);
    --sep: hsl(var(--specialPrimary--20-sep));
    --hsl-sep: var(--specialPrimary--20-sep);
    --sep-alt: hsl(var(--specialPrimary--20-sep-alt));
    --hsl-sep-alt: var(--specialPrimary--20-sep-alt);
    color: Hsl(var(--hsl-clr));
    font-weight: 700
}

.ui-tab--theme-tp-gray--10[data-v-aeb4afc4] {
    --bg: hsla(var(--thirdPartyGray--10-bg), 1);
    --hsl-bg: var(--thirdPartyGray--10-bg);
    --clr: hsl(var(--thirdPartyGray--10-clr));
    --hsl-clr: var(--thirdPartyGray--10-clr);
    --clr-accent: hsl(var(--thirdPartyGray--10-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray--10-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray--10-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray--10-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray--10-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray--10-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray--10-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray--10-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray--10-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray--10-clr-good));
    --hsl-clr-good: var(--thirdPartyGray--10-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray--10-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray--10-clr-bad);
    --sep: hsl(var(--thirdPartyGray--10-sep));
    --hsl-sep: var(--thirdPartyGray--10-sep);
    --sep-alt: hsl(var(--thirdPartyGray--10-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray--10-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-tab--theme-tp-gray--10[data-v-aeb4afc4] {
    background-color: Hsl(var(--hsl-bg));
    box-shadow: inset 0 0 0 1px transparent
}

[dir] .ui-tab--theme-tp-gray--10.ui-tab--is-toggled[data-v-aeb4afc4], [dir] .ui-tab--theme-tp-gray--10.ui-tab[data-v-aeb4afc4]:hover {
    box-shadow: inset 0 0 0 1px transparent
}

.ui-tab--theme-tp-gray--10.ui-tab--is-toggled[data-v-aeb4afc4] {
    --bg: hsla(var(--thirdPartyGray-15-bg), 1);
    --hsl-bg: var(--thirdPartyGray-15-bg);
    --clr: hsl(var(--thirdPartyGray-15-clr));
    --hsl-clr: var(--thirdPartyGray-15-clr);
    --clr-accent: hsl(var(--thirdPartyGray-15-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-15-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-15-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-15-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-15-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-15-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-15-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-15-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-15-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-15-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-15-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-15-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-15-clr-bad);
    --sep: hsl(var(--thirdPartyGray-15-sep));
    --hsl-sep: var(--thirdPartyGray-15-sep);
    --sep-alt: hsl(var(--thirdPartyGray-15-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-15-sep-alt);
    color: Hsl(var(--hsl-clr))
}

[dir] .ui-tab--theme-tp-gray--10.ui-tab--is-toggled[data-v-aeb4afc4] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-tab--theme-tp-gray--10.ui-tab--is-toggled[data-v-aeb4afc4]:hover, .ui-tab--theme-tp-gray--10.ui-tab[data-v-aeb4afc4]:hover {
    --bg: hsla(var(--thirdPartyGray-15-bg), 1);
    --hsl-bg: var(--thirdPartyGray-15-bg);
    --clr: hsl(var(--thirdPartyGray-15-clr));
    --hsl-clr: var(--thirdPartyGray-15-clr);
    --clr-accent: hsl(var(--thirdPartyGray-15-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-15-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-15-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-15-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-15-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-15-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-15-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-15-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-15-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-15-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-15-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-15-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-15-clr-bad);
    --sep: hsl(var(--thirdPartyGray-15-sep));
    --hsl-sep: var(--thirdPartyGray-15-sep);
    --sep-alt: hsl(var(--thirdPartyGray-15-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-15-sep-alt);
    color: Hsl(var(--hsl-clr))
}

[dir] .ui-tab--theme-tp-gray--10.ui-tab--is-toggled[data-v-aeb4afc4]:hover, [dir] .ui-tab--theme-tp-gray--10.ui-tab[data-v-aeb4afc4]:hover {
    background-color: Hsl(var(--hsl-bg))
}

.ui-tab--theme-tp-gray--10.ui-tab[data-v-aeb4afc4]:not(.ui-tab--is-toggled):hover {
    color: Hsl(var(--hsl-clr))
}

.modal-title--color-clr-strong[data-v-1b444432] {
    color: Hsl(var(--hsl-clr-strong))
}

.modal-title--color-clr[data-v-1b444432] {
    color: Hsl(var(--hsl-clr))
}

.modal-title__caption[data-v-1b444432] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem
}

.ui-text-modal[data-v-fec7f509] {
    max-height: 90vh;
    max-width: 90vw;
    width: 31.5625em
}

.ui-text-modal__content[data-v-fec7f509], .ui-text-modal__title[data-v-fec7f509] {
    width: 100%
}

[dir] .ui-text-modal__title[data-v-fec7f509] {
    text-align: center
}

[dir] .ui-text-modal__title.ui-modal-title[data-v-fec7f509], [dir] .ui-text-modal__title[data-v-fec7f509] {
    margin-bottom: .625em
}

.ui-text-modal__content[data-v-fec7f509] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    position: relative
}

[dir] .ui-text-modal__content[data-v-fec7f509] {
    margin-bottom: -1.25em;
    margin-top: .3125em
}

.ui-text-modal__content[data-v-fec7f509]:after {
    bottom: -1px;
    content: "";
    height: 2.5em;
    pointer-events: none;
    position: absolute;
    width: 100%
}

[dir=ltr] .ui-text-modal__content[data-v-fec7f509]:after {
    left: 0
}

[dir=rtl] .ui-text-modal__content[data-v-fec7f509]:after {
    right: 0
}

.ui-text-modal__scroll[data-v-fec7f509] {
    min-height: 0;
    min-width: 100%;
    position: relative
}

[dir] .ui-text-modal__scroll[data-v-fec7f509] {
    padding-bottom: 1.25em
}

[dir=ltr] .ui-text-modal__scroll[data-v-fec7f509] {
    margin-right: -1.25em;
    padding-right: 1.25em
}

[dir=rtl] .ui-text-modal__scroll[data-v-fec7f509] {
    margin-left: -1.25em;
    padding-left: 1.25em
}

.ui-text-modal__body[data-v-fec7f509] a {
    color: Hsl(var(--hsl-clr-primary));
    text-decoration: underline
}

.is-keyboard-user .ui-text-modal__body[data-v-fec7f509] a:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-text-modal__body[data-v-fec7f509] ol {
    list-style-position: inside;
    list-style-type: decimal
}

.ui-text-modal__body[data-v-fec7f509] .strong, .ui-text-modal__body[data-v-fec7f509] strong {
    color: Hsl(var(--hsl-clr-strong));
    font-weight: 700
}

.ui-text-modal__body[data-v-fec7f509] h3, .ui-text-modal__body[data-v-fec7f509] h4 {
    font-size: .875em;
    line-height: 1.21429em
}

[dir] .ui-text-modal__body[data-v-fec7f509] h3, [dir] .ui-text-modal__body[data-v-fec7f509] h4 {
    margin-bottom: .71429em
}

.ui-text-modal__body--list-style-dot[data-v-fec7f509] ul li {
    position: relative
}

.ui-text-modal__body--list-style-dot[data-v-fec7f509] ul li:before {
    content: "";
    position: absolute
}

[dir] .ui-text-modal__body--list-style-dot[data-v-fec7f509] ul li:before {
    background-color: currentColor;
    border-radius: 50%
}

[dir=ltr] .ui-text-modal__body--list-style-dot[data-v-fec7f509] ul li:before {
    left: 0
}

[dir=rtl] .ui-text-modal__body--list-style-dot[data-v-fec7f509] ul li:before {
    right: 0
}

.ui-text-modal__body--list-style-dash[data-v-fec7f509] ul li {
    position: relative
}

.ui-text-modal__body--list-style-dash[data-v-fec7f509] ul li:before {
    content: "-";
    position: absolute;
    top: 0
}

[dir=ltr] .ui-text-modal__body--list-style-dash[data-v-fec7f509] ul li:before {
    margin-left: -.57143em
}

[dir=rtl] .ui-text-modal__body--list-style-dash[data-v-fec7f509] ul li:before {
    margin-right: -.57143em
}

[dir=ltr] .ui-text-modal--theme-cyber--35 .ui-text-modal__content[data-v-fec7f509]:after {
    background: linear-gradient(180deg, hsla(var(--cyber--35-bg), 0), hsla(var(--cyber--35-bg), 1))
}

[dir=rtl] .ui-text-modal--theme-cyber--35 .ui-text-modal__content[data-v-fec7f509]:after {
    background: linear-gradient(-180deg, hsla(var(--cyber--35-bg), 0), hsla(var(--cyber--35-bg), 1))
}

[dir] .ui-text-modal--theme-gray-100 .ui-text-modal__content[data-v-fec7f509]:after {
    background: linear-gradient(to top, hsla(var(--gray-100-bg), 1), hsla(var(--gray-100-bg), 0))
}

.ui-text-modal__body--size-m[data-v-fec7f509] li, .ui-text-modal__body--size-m[data-v-fec7f509] p {
    font-size: .875em;
    line-height: 1.21429em
}

[dir] .ui-text-modal__body--size-m[data-v-fec7f509] li, [dir] .ui-text-modal__body--size-m[data-v-fec7f509] ol, [dir] .ui-text-modal__body--size-m[data-v-fec7f509] p, [dir] .ui-text-modal__body--size-m[data-v-fec7f509] ul {
    margin-bottom: .71429em
}

[dir=ltr] .ui-text-modal__body--size-m[data-v-fec7f509] li {
    padding-left: 1.21429em
}

[dir=rtl] .ui-text-modal__body--size-m[data-v-fec7f509] li {
    padding-right: 1.21429em
}

.ui-text-modal__body--size-m[data-v-fec7f509] li:before {
    height: .42857em;
    top: .42857em;
    width: .42857em
}

.ui-text-modal__body--size-s[data-v-fec7f509] li, .ui-text-modal__body--size-s[data-v-fec7f509] p {
    font-size: .75em;
    line-height: 1.16667em
}

[dir] .ui-text-modal__body--size-s[data-v-fec7f509] ol, [dir] .ui-text-modal__body--size-s[data-v-fec7f509] p, [dir] .ui-text-modal__body--size-s[data-v-fec7f509] ul {
    margin-bottom: .83333em
}

[dir] .ui-text-modal__body--size-s[data-v-fec7f509] li {
    margin-bottom: .41667em
}

[dir=ltr] .ui-text-modal__body--size-s[data-v-fec7f509] li {
    padding-left: .75em
}

[dir=rtl] .ui-text-modal__body--size-s[data-v-fec7f509] li {
    padding-right: .75em
}

.ui-text-modal__body--size-s[data-v-fec7f509] li:before {
    height: .33333em;
    top: .33333em;
    width: .33333em
}

.ui-bar-block[data-v-8e9a6833] {
    display: flex
}

[dir=ltr] .ui-bar-block--has-padding[data-v-8e9a6833] {
    padding-left: var(--bar-block-padding-left);
    padding-right: var(--bar-block-padding-right)
}

[dir=rtl] .ui-bar-block--has-padding[data-v-8e9a6833] {
    padding-left: var(--bar-block-padding-right);
    padding-right: var(--bar-block-padding-left)
}

.ui-bar-block[data-v-8e9a6833] .ui-bar-group--fill {
    flex: auto;
    min-width: 0
}

[dir=ltr] .ui-bar-block[data-v-8e9a6833] .ui-bar-group--pull-right {
    margin-left: auto
}

[dir=rtl] .ui-bar-block[data-v-8e9a6833] .ui-bar-group--pull-right {
    margin-right: auto
}

.ui-bar-group[data-v-89b874be] {
    align-items: center;
    display: flex
}

[dir] .ui-bar-group--has-padding[data-v-89b874be] {
    padding-left: .3125rem;
    padding-right: .3125rem
}

.colored-svg[data-v-62900100] {
    --colored-svg-clr2: hsla(var(--primary--40-bg), 1);
    --colored-svg-clr3: hsla(var(--gray-60-bg), 1);
    --colored-svg-clr4: hsla(var(--primary--20-bg), 1);
    --colored-svg-clr5: hsla(var(--primary--55-bg), 1);
    --colored-svg-clr7: hsla(var(--primary-80-bg), 1);
    --colored-svg-clr8: hsla(var(--gray-40-bg), 1);
    --colored-svg-clr9: hsla(var(--gray--5-bg), 1);
    --colored-svg-clr10: hsla(var(--primary--30-bg), 1);
    --colored-svg-clr11: hsla(var(--gray-0-bg), 1);
    --colored-svg-clr12: hsla(var(--gray-30-bg), 1);
    --colored-svg-clr13: hsla(var(--accent-15-bg), 1);
    --colored-svg-clr14: hsla(var(--primary-30-bg), 1);
    --colored-svg-clr15: hsla(var(--gray-10-bg), 1);
    --colored-svg-clr16: hsla(var(--primary-75-bg), 1);
    --colored-svg-clr17: hsla(var(--gray-100-clr-bad), 1);
    --colored-svg-clr18: hsla(var(--gray-100-clr-accent), 1);
    --colored-svg-clr19: hsla(var(--accent-0-bg), 1);
    --colored-svg-clr20: hsla(var(--accent--10-bg), 1);
    --colored-svg-clr21: hsla(var(--primary-20-bg), 1);
    --colored-svg-clr22: hsla(var(--good-0-bg), 1);
    --colored-svg-clr23: hsla(var(--gray-0-bg), 1);
    --colored-svg-clr24: hsla(var(--bad-0-bg), 1);
    --colored-svg-clr25: hsla(var(--gray-100-bg), 1);
    --colored-svg-clr26: hsla(var(--accent-80-bg), 1);
    --colored-svg-clr27: hsla(var(--gray-75-bg), 1);
    --colored-svg-clr28: hsla(var(--gray--60-bg), 1);
    --colored-svg-clr29: hsla(var(--gray--100-bg), 1);
    --colored-svg-clr30: Hsl(var(--secondary--20-bg));
    --colored-svg-clr31: Hsl(var(--specialPrimary-90-bg));
    --colored-svg-clr32: Hsl(var(--specialPrimary-65-bg));
    --colored-svg-clr33: Hsl(var(--specialPrimary-15-bg));
    --colored-svg-clr34: Hsl(var(--specialPrimary-85-bg));
    --colored-svg-clr35: Hsl(var(--specialPrimary-0-bg));
    --colored-svg-clr36: Hsl(var(--specialPrimary--10-bg));
    --colored-svg-clr37: Hsl(var(--specialPrimary--20-bg));
    --colored-svg-clr38: Hsl(var(--specialPrimary-35-bg));
    --colored-svg-clr39: Hsl(var(--specialAccent--10-bg));
    --colored-svg-clr40: Hsl(var(--specialAccent-35-bg));
    --colored-svg-clr41: Hsl(var(--specialAccent-65-bg));
    --colored-svg-clr42: Hsl(var(--specialAccent-15-bg));
    --colored-svg-clr43: Hsl(var(--specialAccent--20-bg));
    --colored-svg-clr44: Hsl(var(--specialAccent-90-bg));
    --colored-svg-clr45: Hsl(var(--specialAccent-0-bg));
    --colored-svg-clr46: Hsl(var(--specialAccent-80-bg));
    --colored-svg-clr47: Hsl(var(--specialAccent-85-bg));
    --colored-svg-clr48: Hsl(var(--specialPrimary-80-bg));
    --colored-svg-clr49: Hsl(var(--thirdPartyPrimary-5-bg));
    --colored-svg-clr50: Hsl(var(--primary-100-bg));
    --colored-svg-clr51: Hsl(var(--primary-90-bg));
    --colored-svg-clr52: Hsl(var(--primary-70-bg));
    --colored-svg-clr53: Hsl(var(--primary-55-bg));
    --colored-svg-clr54: Hsl(var(--primary-0-bg));
    --colored-svg-clr55: Hsl(var(--primary--35-bg));
    --colored-svg-clr56: Hsl(var(--thirdPartyGray-0-bg));
    --colored-svg-clr57: Hsl(var(--thirdPartyGray--20-bg));
    --colored-svg-clr58: Hsl(var(--thirdPartyGray-10-bg));
    --colored-svg-clr59: Hsl(var(--gray-100-bg));
    --colored-svg-clr60: Hsl(var(--primary-10-bg));
    --colored-svg-clr61: Hsl(var(--primary-0-bg));
    --colored-svg-clr62: Hsl(var(--gray-60-bg));
    --colored-svg-clr63: Hsl(var(--primary-80-bg));
    --colored-svg-clr64: Hsl(var(--gray-60-bg));
    --colored-svg-clr65: Hsl(var(--primary-5-bg));
    --colored-svg-clr67: Hsl(var(--primary-0-clr-primary))
}

.colored-svg__svg[data-v-62900100] {
    max-height: 100%;
    max-width: 100%
}

.colored-svg--cover[data-v-62900100] {
    overflow: hidden
}

.colored-svg--cover .colored-svg__svg[data-v-62900100] {
    height: auto;
    max-height: none
}

.colored-svg[data-v-62900100] {
    --colored-svg-widgets-clr1: Hsl(var(--custom-colored-svg-widgets-clr1, var(--primary-100-bg)));
    --colored-svg-widgets-clr2: Hsl(var(--custom-colored-svg-widgets-clr2, var(--primary-90-bg)));
    --colored-svg-widgets-clr3: Hsl(var(--custom-colored-svg-widgets-clr3, var(--primary-80-bg)));
    --colored-svg-widgets-clr4: Hsl(var(--custom-colored-svg-widgets-clr4, var(--accent-80-bg)));
    --colored-svg-widgets-clr5: Hsl(var(--custom-colored-svg-widgets-clr5, var(--accent-40-bg)));
    --colored-svg-widgets-clr6: Hsl(var(--custom-colored-svg-widgets-clr6, var(--accent-25-bg)));
    --colored-svg-widgets-clr7: Hsl(var(--custom-colored-svg-widgets-clr7, var(--accent-15-bg)));
    --colored-svg-widgets-clr8: Hsl(var(--custom-colored-svg-widgets-clr8, var(--accent-0-bg)));
    --colored-svg-widgets-clr9: Hsl(var(--custom-colored-svg-widgets-clr9, var(--accent--25-bg)));
    --colored-svg-widgets-clr10: Hsl(var(--custom-colored-svg-widgets-clr10, var(--gray-60-bg)));
    --colored-svg-widgets-clr11: Hsl(var(--custom-colored-svg-widgets-clr11, var(--gray--5-bg)));
    --colored-svg-widgets-clr12: Hsl(var(--custom-colored-svg-widgets-clr12, var(--primary-75-bg)));
    --colored-svg-widgets-clr13: Hsl(var(--custom-colored-svg-widgets-clr13, var(--primary-15-bg)));
    --colored-svg-widgets-clr14: Hsl(var(--custom-colored-svg-widgets-clr14, var(--good-0-bg)))
}

.colored-svg--theme-default[data-v-62900100] {
    --colored-svg-clr1: hsla(var(--primary-0-bg), 1);
    --colored-svg-clr6: hsla(var(--primary-30-bg), 1)
}

.colored-svg--theme-tp-default[data-v-62900100] {
    --colored-svg-clr1: hsla(var(--thirdPartyPrimary-5-bg), 1);
    --colored-svg-clr6: hsla(var(--thirdPartyGray-100-bg), 1)
}

.colored-svg--theme-cyber-35[data-v-62900100] {
    --colored-svg-clr1: hsla(var(--cyber-35-bg), 1);
    --colored-svg-clr5: hsla(var(--cyber--75-bg), 1);
    --colored-svg-clr16: hsla(var(--cyber-55-bg), 1)
}

.colored-svg--theme-cyber-55[data-v-62900100] {
    --colored-svg-clr15: Hsl(var(--cyber-10-bg));
    --colored-svg-clr19: Hsl(var(--cyber-55-bg, var(--accent-0-bg)));
    --colored-svg-clr59: Hsl(var(--cyber-55-bg))
}

.colored-svg--theme-tp-gray-15[data-v-62900100] {
    --colored-svg-clr1: hsla(var(--thirdPartyGray-15-bg), 1);
    --colored-svg-clr16: hsla(var(--thirdPartyPrimary-30-bg), 1)
}

.colored-svg--theme-gray--100[data-v-62900100] {
    --colored-svg-clr1: Hsl(var(--primary-0-bg));
    --colored-svg-clr2: Hsl(var(--gray--60-bg));
    --colored-svg-clr3: Hsl(var(--primary-0-bg));
    --colored-svg-clr6: Hsl(var(--gray-30-bg));
    --colored-svg-clr8: Hsl(var(--primary-0-bg));
    --colored-svg-clr9: Hsl(var(--primary--40-bg));
    --colored-svg-clr10: Hsl(var(--gray--60-bg));
    --colored-svg-clr11: Hsl(var(--gray-50-bg));
    --colored-svg-clr25: Hsl(var(--gray--100-bg));
    --colored-svg-clr59: Hsl(var(--gray-30-bg));
    --colored-svg-clr61: Hsl(var(--primary-90-bg));
    --colored-svg-clr62: Hsl(var(--primary--40-bg));
    --colored-svg-clr63: Hsl(var(--gray-50-bg));
    --colored-svg-clr64: Hsl(var(--primary--10-bg))
}

.modal-image[data-v-990992df] {
    position: relative;
    width: 11.25em
}

[dir=ltr] .modal-image[data-v-990992df] {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit
}

[dir=rtl] .modal-image[data-v-990992df] {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

.modal-image__shadow[data-v-990992df] {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%
}

[dir=ltr] .modal-image__shadow[data-v-990992df] {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit
}

[dir=rtl] .modal-image__shadow[data-v-990992df] {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

.modal-image__shadow[data-v-990992df]:before {
    content: "";
    height: 14.375em;
    position: absolute;
    width: 17.625em
}

[dir] .modal-image__shadow[data-v-990992df]:before {
    background-image: var(--image-shadow-bg);
    border-radius: 1.5625em
}

[dir=ltr] .modal-image__shadow[data-v-990992df]:before {
    transform: rotate(-30deg)
}

[dir=rtl] .modal-image__shadow[data-v-990992df]:before {
    transform: rotate(30deg)
}

[dir=rtl] .modal-image__shadow[data-v-990992df]:before {
    transform: rotate(30deg) scaleX(-1)
}

.modal-image--type-phone .modal-image__shadow[data-v-990992df]:before {
    bottom: -4.5625em
}

[dir=ltr] .modal-image--type-phone .modal-image__shadow[data-v-990992df]:before {
    right: -11.6875em
}

[dir=rtl] .modal-image--type-phone .modal-image__shadow[data-v-990992df]:before {
    left: -11.6875em
}

.modal-image--type-envelope .modal-image__shadow[data-v-990992df]:before, .modal-image--type-window .modal-image__shadow[data-v-990992df]:before {
    bottom: -5.8125em
}

[dir=ltr] .modal-image--type-envelope .modal-image__shadow[data-v-990992df]:before, [dir=ltr] .modal-image--type-window .modal-image__shadow[data-v-990992df]:before {
    right: -8.3125em
}

[dir=rtl] .modal-image--type-envelope .modal-image__shadow[data-v-990992df]:before, [dir=rtl] .modal-image--type-window .modal-image__shadow[data-v-990992df]:before {
    left: -8.3125em
}

.modal-image--type-bag .modal-image__shadow[data-v-990992df]:before, .modal-image--type-paying-hand .modal-image__shadow[data-v-990992df]:before {
    bottom: -3.5625em
}

[dir=ltr] .modal-image--type-bag .modal-image__shadow[data-v-990992df]:before, [dir=ltr] .modal-image--type-paying-hand .modal-image__shadow[data-v-990992df]:before {
    right: -8.3125em
}

[dir=rtl] .modal-image--type-bag .modal-image__shadow[data-v-990992df]:before, [dir=rtl] .modal-image--type-paying-hand .modal-image__shadow[data-v-990992df]:before {
    left: -8.3125em
}

.modal-image--type-promo-bonuses .modal-image__shadow[data-v-990992df]:before {
    bottom: -3.5rem
}

[dir=ltr] .modal-image--type-promo-bonuses .modal-image__shadow[data-v-990992df]:before {
    right: -8.3125rem
}

[dir=rtl] .modal-image--type-promo-bonuses .modal-image__shadow[data-v-990992df]:before {
    left: -8.3125rem
}

.modal-image__svg[data-v-990992df] {
    bottom: 4.0625em;
    position: absolute
}

[dir=ltr] .modal-image__svg[data-v-990992df] {
    transform: rotate(-30deg)
}

[dir=rtl] .modal-image__svg[data-v-990992df] {
    transform: rotate(30deg)
}

.modal-image__svg[data-v-990992df]:after {
    content: "";
    height: calc(100% + 10em);
    pointer-events: none;
    position: absolute;
    top: 60%;
    width: calc(100% + 10em);
    z-index: -1
}

[dir] .modal-image__svg[data-v-990992df]:after {
    background-image: radial-gradient(hsla(var(--primary--40-bg), .2) 0, hsla(var(--primary--40-bg), 0) 70%);
    border-radius: 50%
}

[dir=ltr] .modal-image__svg[data-v-990992df]:after {
    left: 50%;
    transform: translate(-50%, -50%)
}

[dir=rtl] .modal-image__svg[data-v-990992df]:after {
    right: 50%;
    transform: translate(50%, -50%)
}

.modal-image--type-phone .modal-image__svg[data-v-990992df]:after {
    width: calc(100% + 2.5em)
}

.modal-image--type-phone .modal-image__svg[data-v-990992df] {
    bottom: 2.8125em;
    height: 10em
}

[dir=ltr] .modal-image--type-phone .modal-image__svg[data-v-990992df] {
    right: .625em
}

[dir=rtl] .modal-image--type-phone .modal-image__svg[data-v-990992df] {
    left: .625em
}

.modal-image--type-envelope .modal-image__svg[data-v-990992df], .modal-image--type-window .modal-image__svg[data-v-990992df] {
    height: 9.375em;
    width: 9.375em
}

[dir=ltr] .modal-image--type-envelope .modal-image__svg[data-v-990992df], [dir=ltr] .modal-image--type-window .modal-image__svg[data-v-990992df] {
    right: .3125em
}

[dir=rtl] .modal-image--type-envelope .modal-image__svg[data-v-990992df], [dir=rtl] .modal-image--type-window .modal-image__svg[data-v-990992df] {
    left: .3125em
}

.modal-image--type-bag .modal-image__svg[data-v-990992df] {
    bottom: 2.625em;
    height: 9.25em;
    width: 8em
}

[dir=ltr] .modal-image--type-bag .modal-image__svg[data-v-990992df] {
    right: .3125em
}

[dir=rtl] .modal-image--type-bag .modal-image__svg[data-v-990992df] {
    left: .3125em
}

.modal-image--type-paying-hand .modal-image__svg[data-v-990992df] {
    bottom: 2.1875em;
    height: 9.6875em;
    width: 12.125em
}

[dir=ltr] .modal-image--type-paying-hand .modal-image__svg[data-v-990992df] {
    right: -.9375em
}

[dir=rtl] .modal-image--type-paying-hand .modal-image__svg[data-v-990992df] {
    left: -.9375em
}

.modal-image--type-promo-bonuses .modal-image__svg[data-v-990992df] {
    bottom: 2px;
    height: 15.625rem;
    width: 11.25rem
}

[dir=ltr] .modal-image--type-promo-bonuses .modal-image__svg[data-v-990992df] {
    right: 0
}

[dir=rtl] .modal-image--type-promo-bonuses .modal-image__svg[data-v-990992df] {
    left: 0
}

.modal-text__text[data-v-c4d9a3e5] {
    display: inherit;
    font-size: .875em;
    line-height: 1.14286em
}

.ui-bar-header[data-v-1f795592] {
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[dir] .ui-bar-header[data-v-1f795592] {
    padding: .3125rem .625rem
}

.ui-bar-header[data-v-1f795592] {
    font-size: .8125rem
}

.ui-bar-toggle[data-v-f8bc25c5] {
    align-items: center;
    color: Hsl(var(--hsl-clr-decent));
    display: flex;
    justify-content: center;
    min-height: 2.5rem;
    min-width: 2.5rem
}

[dir] .ui-bar-toggle[data-v-f8bc25c5] {
    padding: .3125rem
}

.is-keyboard-user .ui-bar-toggle[data-v-f8bc25c5]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

[dir] .ui-bar-toggle__ico[data-v-f8bc25c5] {
    transition: transform .2s
}

[dir=ltr] .ui-bar-toggle--is-toggled .ui-bar-toggle__ico[data-v-f8bc25c5] {
    transform: rotate(180deg)
}

[dir=rtl] .ui-bar-toggle--is-toggled .ui-bar-toggle__ico[data-v-f8bc25c5] {
    transform: rotate(-180deg)
}

.ui-bar-toggle[data-v-f8bc25c5]:hover {
    --bg: hsla(var(--primary-10-bg), 1);
    --hsl-bg: var(--primary-10-bg);
    --clr: hsl(var(--primary-10-clr));
    --hsl-clr: var(--primary-10-clr);
    --clr-accent: hsl(var(--primary-10-clr-accent));
    --hsl-clr-accent: var(--primary-10-clr-accent);
    --clr-decent: hsl(var(--primary-10-clr-decent));
    --hsl-clr-decent: var(--primary-10-clr-decent);
    --clr-strong: hsl(var(--primary-10-clr-strong));
    --hsl-clr-strong: var(--primary-10-clr-strong);
    --clr-strong-alt: hsl(var(--primary-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-10-clr-strong-alt);
    --clr-primary: hsl(var(--primary-10-clr-primary));
    --hsl-clr-primary: var(--primary-10-clr-primary);
    --clr-good: hsl(var(--primary-10-clr-good));
    --hsl-clr-good: var(--primary-10-clr-good);
    --clr-bad: hsl(var(--primary-10-clr-bad));
    --hsl-clr-bad: var(--primary-10-clr-bad);
    --sep: hsl(var(--primary-10-sep));
    --hsl-sep: var(--primary-10-sep);
    --sep-alt: hsl(var(--primary-10-sep-alt));
    --hsl-sep-alt: var(--primary-10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-bar-toggle[data-v-f8bc25c5]:hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-bar-toggle[data-v-f8bc25c5]:active {
    --bg: hsla(var(--primary--10-bg), 1);
    --hsl-bg: var(--primary--10-bg);
    --clr: hsl(var(--primary--10-clr));
    --hsl-clr: var(--primary--10-clr);
    --clr-accent: hsl(var(--primary--10-clr-accent));
    --hsl-clr-accent: var(--primary--10-clr-accent);
    --clr-decent: hsl(var(--primary--10-clr-decent));
    --hsl-clr-decent: var(--primary--10-clr-decent);
    --clr-strong: hsl(var(--primary--10-clr-strong));
    --hsl-clr-strong: var(--primary--10-clr-strong);
    --clr-strong-alt: hsl(var(--primary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--10-clr-strong-alt);
    --clr-primary: hsl(var(--primary--10-clr-primary));
    --hsl-clr-primary: var(--primary--10-clr-primary);
    --clr-good: hsl(var(--primary--10-clr-good));
    --hsl-clr-good: var(--primary--10-clr-good);
    --clr-bad: hsl(var(--primary--10-clr-bad));
    --hsl-clr-bad: var(--primary--10-clr-bad);
    --sep: hsl(var(--primary--10-sep));
    --hsl-sep: var(--primary--10-sep);
    --sep-alt: hsl(var(--primary--10-sep-alt));
    --hsl-sep-alt: var(--primary--10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-bar-toggle[data-v-f8bc25c5]:active {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-bar-toggle--is-toggled[data-v-f8bc25c5] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-bar-toggle--is-toggled[data-v-f8bc25c5] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-bar-controls[data-v-3f6e3bff] {
    display: flex
}

.ui-bar-controls[data-v-3f6e3bff] .ui-bar-controls-item {
    position: relative
}

.ui-bar-controls[data-v-3f6e3bff] .ui-bar-controls-item:nth-child(n+2):before {
    content: "";
    opacity: .2;
    position: absolute;
    width: 1px
}

[dir] .ui-bar-controls[data-v-3f6e3bff] .ui-bar-controls-item:nth-child(n+2):before {
    background-color: currentColor
}

[dir=ltr] .ui-bar-controls[data-v-3f6e3bff] .ui-bar-controls-item:nth-child(n+2):before {
    left: -1px
}

[dir=rtl] .ui-bar-controls[data-v-3f6e3bff] .ui-bar-controls-item:nth-child(n+2):before {
    right: -1px
}

.ui-bar-controls[data-v-3f6e3bff] .ui-bar-controls-item:nth-child(n+2):before {
    bottom: 0;
    top: 0
}

.ui-bar-controls-item[data-v-5e04a7e9] {
    display: flex
}

[dir] .ui-bar-controls-item[data-v-5e04a7e9] {
    padding-left: .625rem;
    padding-right: .625rem
}

.ui-bar-control[data-v-37e0b8c7] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 1.5rem;
    min-width: 1.5rem
}

[dir] .ui-bar-control[data-v-37e0b8c7] {
    border-radius: var(--border-radius);
    padding: .3125rem
}

.ui-bar-control--decent[data-v-37e0b8c7]:not(.ui-bar-control--toggled):not(:hover) {
    opacity: .55
}

.is-keyboard-user .ui-bar-control[data-v-37e0b8c7]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-bar-control[data-v-37e0b8c7]:hover {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-bar-control[data-v-37e0b8c7]:hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-bar-control--toggled[data-v-37e0b8c7] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-bar-control--toggled[data-v-37e0b8c7] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-section-nav[data-v-7bea748e] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    min-height: 3rem
}

[dir] .ui-section-nav[data-v-7bea748e] {
    padding: .625rem
}

[dir=ltr] .ui-section-nav > [data-v-7bea748e]:not(:last-child) {
    margin-right: .625rem
}

[dir=rtl] .ui-section-nav > [data-v-7bea748e]:not(:last-child) {
    margin-left: .625rem
}

.ui-section-nav__title[data-v-7bea748e] {
    display: block;
    flex-grow: 1;
    font-weight: 700;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[dir=ltr] .ui-section-nav__title[data-v-7bea748e] {
    text-align: left
}

[dir=rtl] .ui-section-nav__title[data-v-7bea748e] {
    text-align: right
}

.ui-section-nav__title--uppercase[data-v-7bea748e] {
    text-transform: uppercase
}

.ui-section-nav__controls[data-v-7bea748e] {
    grid-column-gap: .3125rem;
    display: grid;
    grid-auto-flow: column
}

.ui-section-nav--theme-cyber--60[data-v-7bea748e] {
    --bg: hsla(var(--cyber--60-bg), 1);
    --hsl-bg: var(--cyber--60-bg);
    --clr: hsl(var(--cyber--60-clr));
    --hsl-clr: var(--cyber--60-clr);
    --clr-accent: hsl(var(--cyber--60-clr-accent));
    --hsl-clr-accent: var(--cyber--60-clr-accent);
    --clr-decent: hsl(var(--cyber--60-clr-decent));
    --hsl-clr-decent: var(--cyber--60-clr-decent);
    --clr-strong: hsl(var(--cyber--60-clr-strong));
    --hsl-clr-strong: var(--cyber--60-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--60-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--60-clr-primary));
    --hsl-clr-primary: var(--cyber--60-clr-primary);
    --clr-good: hsl(var(--cyber--60-clr-good));
    --hsl-clr-good: var(--cyber--60-clr-good);
    --clr-bad: hsl(var(--cyber--60-clr-bad));
    --hsl-clr-bad: var(--cyber--60-clr-bad);
    --sep: hsl(var(--cyber--60-sep));
    --hsl-sep: var(--cyber--60-sep);
    --sep-alt: hsl(var(--cyber--60-sep-alt));
    --hsl-sep-alt: var(--cyber--60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-section-nav--theme-cyber--60[data-v-7bea748e] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-section-nav--theme-primary--20[data-v-7bea748e] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-section-nav--theme-primary--20[data-v-7bea748e] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-section-nav--theme-primary[data-v-7bea748e] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-section-nav--theme-primary[data-v-7bea748e] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-section-nav--theme-tp-gray-5[data-v-7bea748e] {
    --bg: hsla(var(--thirdPartyGray-5-bg), 1);
    --hsl-bg: var(--thirdPartyGray-5-bg);
    --clr: hsl(var(--thirdPartyGray-5-clr));
    --hsl-clr: var(--thirdPartyGray-5-clr);
    --clr-accent: hsl(var(--thirdPartyGray-5-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-5-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-5-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-5-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-5-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-5-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-5-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-5-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-5-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-5-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-5-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-5-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-5-clr-bad);
    --sep: hsl(var(--thirdPartyGray-5-sep));
    --hsl-sep: var(--thirdPartyGray-5-sep);
    --sep-alt: hsl(var(--thirdPartyGray-5-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-5-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-section-nav--theme-tp-gray-5[data-v-7bea748e] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-section-nav__title--size-m[data-v-7bea748e] {
    font-size: .875rem;
    line-height: 1rem
}

.ui-section-content[data-v-ea8f02e8] {
    display: flex;
    flex-direction: column
}

[dir] .ui-section-content[data-v-ea8f02e8] {
    padding-bottom: calc(var(--ui-section-content-actions-height, 0) * 1px)
}

.ui-section-content__nav[data-v-ea8f02e8] {
    position: sticky;
    top: var(--custom-ui-section-content-nav-top, calc(var(--header-height) * 1px - 1px));
    will-change: transform;
    z-index: 1000
}

[dir] .ui-section-content__nav[data-v-ea8f02e8] {
    transition: transform .1s linear
}

[dir] .ui-section-content__nav--position-top[data-v-ea8f02e8] {
    transform: translateY(calc(var(--header-height) / var(--fz) * -1rem))
}

[dir] .ui-section-content__nav--hidden[data-v-ea8f02e8] {
    transform: translateY(calc(-100% - var(--header-height) / var(--fz) * 1rem))
}

.ui-section-content__actions[data-v-ea8f02e8], .ui-section-content__nav[data-v-ea8f02e8] {
    flex-shrink: 0
}

.ui-section-content__wrap[data-v-ea8f02e8] {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.ui-section-content__body[data-v-ea8f02e8] {
    flex-grow: 1;
    position: relative
}

[dir] .ui-section-content__body--inner-offset[data-v-ea8f02e8] {
    padding: .625rem
}

.ui-section-content__body--flexible-content[data-v-ea8f02e8] {
    display: flex;
    flex-direction: column
}

.ui-section-content__body--flexible-content[data-v-ea8f02e8] > * {
    flex-grow: 1
}

.ui-section-content__actions[data-v-ea8f02e8] {
    display: flex;
    position: fixed;
    width: 100%;
    z-index: 1000
}

[dir] .ui-section-content__actions[data-v-ea8f02e8] {
    padding: .625rem
}

.ui-section-content__actions--bottom-position[data-v-ea8f02e8], .ui-section-content__actions[data-v-ea8f02e8]:not(.ui-section-content__actions--bottom-position) {
    bottom: 0
}

.ui-section-content__actions[data-v-ea8f02e8] > * {
    flex: 1 1 50%;
    min-width: 0
}

[dir=ltr] .ui-section-content__actions[data-v-ea8f02e8] > :nth-child(n+2) {
    margin-left: .625rem
}

[dir=rtl] .ui-section-content__actions[data-v-ea8f02e8] > :nth-child(n+2) {
    margin-right: .625rem
}

.ui-section-content--theme-cyber--35[data-v-ea8f02e8] {
    --bg: hsla(var(--cyber--35-bg), 1);
    --hsl-bg: var(--cyber--35-bg);
    --clr: hsl(var(--cyber--35-clr));
    --hsl-clr: var(--cyber--35-clr);
    --clr-accent: hsl(var(--cyber--35-clr-accent));
    --hsl-clr-accent: var(--cyber--35-clr-accent);
    --clr-decent: hsl(var(--cyber--35-clr-decent));
    --hsl-clr-decent: var(--cyber--35-clr-decent);
    --clr-strong: hsl(var(--cyber--35-clr-strong));
    --hsl-clr-strong: var(--cyber--35-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--35-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--35-clr-primary));
    --hsl-clr-primary: var(--cyber--35-clr-primary);
    --clr-good: hsl(var(--cyber--35-clr-good));
    --hsl-clr-good: var(--cyber--35-clr-good);
    --clr-bad: hsl(var(--cyber--35-clr-bad));
    --hsl-clr-bad: var(--cyber--35-clr-bad);
    --sep: hsl(var(--cyber--35-sep));
    --hsl-sep: var(--cyber--35-sep);
    --sep-alt: hsl(var(--cyber--35-sep-alt));
    --hsl-sep-alt: var(--cyber--35-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-section-content--theme-cyber--35[data-v-ea8f02e8] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-section-content--theme-cyber--35 .ui-section-content__actions[data-v-ea8f02e8] {
    box-shadow: 0 0 1.875rem 0 rgba(0, 0, 0, .6)
}

.ui-section-content--theme-gray-30[data-v-ea8f02e8] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-section-content--theme-gray-30[data-v-ea8f02e8] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-section-content--theme-gray-30 .ui-section-content__actions[data-v-ea8f02e8] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-section-content--theme-gray-30 .ui-section-content__actions[data-v-ea8f02e8] {
    background-color: Hsla(var(--hsl-bg), 1);
    box-shadow: 0 0 .3125rem Hsl(var(--gray-0-bg))
}

.ui-section-content--theme-primary--20[data-v-ea8f02e8] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-section-content--theme-primary--20[data-v-ea8f02e8] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-section-content--theme-primary--20 .ui-section-content__actions[data-v-ea8f02e8] {
    --bg: hsla(var(--primary--5-bg), 1);
    --hsl-bg: var(--primary--5-bg);
    --clr: hsl(var(--primary--5-clr));
    --hsl-clr: var(--primary--5-clr);
    --clr-accent: hsl(var(--primary--5-clr-accent));
    --hsl-clr-accent: var(--primary--5-clr-accent);
    --clr-decent: hsl(var(--primary--5-clr-decent));
    --hsl-clr-decent: var(--primary--5-clr-decent);
    --clr-strong: hsl(var(--primary--5-clr-strong));
    --hsl-clr-strong: var(--primary--5-clr-strong);
    --clr-strong-alt: hsl(var(--primary--5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--5-clr-strong-alt);
    --clr-primary: hsl(var(--primary--5-clr-primary));
    --hsl-clr-primary: var(--primary--5-clr-primary);
    --clr-good: hsl(var(--primary--5-clr-good));
    --hsl-clr-good: var(--primary--5-clr-good);
    --clr-bad: hsl(var(--primary--5-clr-bad));
    --hsl-clr-bad: var(--primary--5-clr-bad);
    --sep: hsl(var(--primary--5-sep));
    --hsl-sep: var(--primary--5-sep);
    --sep-alt: hsl(var(--primary--5-sep-alt));
    --hsl-sep-alt: var(--primary--5-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-section-content--theme-primary--20 .ui-section-content__actions[data-v-ea8f02e8] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-section-content--theme-primary--40[data-v-ea8f02e8] {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-section-content--theme-primary--40[data-v-ea8f02e8] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-section-content--theme-primary--40 .ui-section-content__actions[data-v-ea8f02e8] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-section-content--theme-primary--40 .ui-section-content__actions[data-v-ea8f02e8] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-section-content--theme-primary--60[data-v-ea8f02e8] {
    --bg: hsla(var(--primary--60-bg), 1);
    --hsl-bg: var(--primary--60-bg);
    --clr: hsl(var(--primary--60-clr));
    --hsl-clr: var(--primary--60-clr);
    --clr-accent: hsl(var(--primary--60-clr-accent));
    --hsl-clr-accent: var(--primary--60-clr-accent);
    --clr-decent: hsl(var(--primary--60-clr-decent));
    --hsl-clr-decent: var(--primary--60-clr-decent);
    --clr-strong: hsl(var(--primary--60-clr-strong));
    --hsl-clr-strong: var(--primary--60-clr-strong);
    --clr-strong-alt: hsl(var(--primary--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--60-clr-strong-alt);
    --clr-primary: hsl(var(--primary--60-clr-primary));
    --hsl-clr-primary: var(--primary--60-clr-primary);
    --clr-good: hsl(var(--primary--60-clr-good));
    --hsl-clr-good: var(--primary--60-clr-good);
    --clr-bad: hsl(var(--primary--60-clr-bad));
    --hsl-clr-bad: var(--primary--60-clr-bad);
    --sep: hsl(var(--primary--60-sep));
    --hsl-sep: var(--primary--60-sep);
    --sep-alt: hsl(var(--primary--60-sep-alt));
    --hsl-sep-alt: var(--primary--60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-section-content--theme-primary--60[data-v-ea8f02e8] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-section-content--theme-primary--60 .ui-section-content__actions[data-v-ea8f02e8] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-section-content--theme-primary--60 .ui-section-content__actions[data-v-ea8f02e8] {
    background-color: Hsla(var(--hsl-bg), 1);
    box-shadow: 0 0 .3125rem Hsl(var(--gray-0-bg))
}

.ui-section-content--theme-tp-gray[data-v-ea8f02e8] {
    --bg: hsla(var(--thirdPartyGray-0-bg), 1);
    --hsl-bg: var(--thirdPartyGray-0-bg);
    --clr: hsl(var(--thirdPartyGray-0-clr));
    --hsl-clr: var(--thirdPartyGray-0-clr);
    --clr-accent: hsl(var(--thirdPartyGray-0-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-0-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-0-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-0-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-0-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-0-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-0-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-0-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-0-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-0-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-0-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-0-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-0-clr-bad);
    --sep: hsl(var(--thirdPartyGray-0-sep));
    --hsl-sep: var(--thirdPartyGray-0-sep);
    --sep-alt: hsl(var(--thirdPartyGray-0-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-section-content--theme-tp-gray[data-v-ea8f02e8] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-section-content--theme-tp-gray .ui-section-content__actions[data-v-ea8f02e8] {
    --bg: hsla(var(--thirdPartyGray--35-bg), 1);
    --hsl-bg: var(--thirdPartyGray--35-bg);
    --clr: hsl(var(--thirdPartyGray--35-clr));
    --hsl-clr: var(--thirdPartyGray--35-clr);
    --clr-accent: hsl(var(--thirdPartyGray--35-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray--35-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray--35-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray--35-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray--35-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray--35-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray--35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray--35-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray--35-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray--35-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray--35-clr-good));
    --hsl-clr-good: var(--thirdPartyGray--35-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray--35-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray--35-clr-bad);
    --sep: hsl(var(--thirdPartyGray--35-sep));
    --hsl-sep: var(--thirdPartyGray--35-sep);
    --sep-alt: hsl(var(--thirdPartyGray--35-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray--35-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-section-content--theme-tp-gray .ui-section-content__actions[data-v-ea8f02e8] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-content-wrapper--theme-primary[data-v-2530fe36] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-content-wrapper--theme-primary[data-v-2530fe36] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius)
}

.ui-content-wrapper--theme-primary--20[data-v-2530fe36] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-content-wrapper--theme-primary--20[data-v-2530fe36] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius)
}

.ui-content-wrapper--theme-gray--60[data-v-2530fe36] {
    --bg: hsla(var(--gray--60-bg), 1);
    --hsl-bg: var(--gray--60-bg);
    --clr: hsl(var(--gray--60-clr));
    --hsl-clr: var(--gray--60-clr);
    --clr-accent: hsl(var(--gray--60-clr-accent));
    --hsl-clr-accent: var(--gray--60-clr-accent);
    --clr-decent: hsl(var(--gray--60-clr-decent));
    --hsl-clr-decent: var(--gray--60-clr-decent);
    --clr-strong: hsl(var(--gray--60-clr-strong));
    --hsl-clr-strong: var(--gray--60-clr-strong);
    --clr-strong-alt: hsl(var(--gray--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--60-clr-strong-alt);
    --clr-primary: hsl(var(--gray--60-clr-primary));
    --hsl-clr-primary: var(--gray--60-clr-primary);
    --clr-good: hsl(var(--gray--60-clr-good));
    --hsl-clr-good: var(--gray--60-clr-good);
    --clr-bad: hsl(var(--gray--60-clr-bad));
    --hsl-clr-bad: var(--gray--60-clr-bad);
    --sep: hsl(var(--gray--60-sep));
    --hsl-sep: var(--gray--60-sep);
    --sep-alt: hsl(var(--gray--60-sep-alt));
    --hsl-sep-alt: var(--gray--60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-content-wrapper--theme-gray--60[data-v-2530fe36] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius)
}

.ui-content-wrapper--theme-gray-100[data-v-2530fe36] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-content-wrapper--theme-gray-100[data-v-2530fe36] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius)
}

.ui-content-wrapper--theme-gray-60[data-v-2530fe36] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-content-wrapper--theme-gray-60[data-v-2530fe36] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius)
}

.ui-content-wrapper--theme-gray--70[data-v-2530fe36] {
    --bg: hsla(var(--gray--70-bg), 1);
    --hsl-bg: var(--gray--70-bg);
    --clr: hsl(var(--gray--70-clr));
    --hsl-clr: var(--gray--70-clr);
    --clr-accent: hsl(var(--gray--70-clr-accent));
    --hsl-clr-accent: var(--gray--70-clr-accent);
    --clr-decent: hsl(var(--gray--70-clr-decent));
    --hsl-clr-decent: var(--gray--70-clr-decent);
    --clr-strong: hsl(var(--gray--70-clr-strong));
    --hsl-clr-strong: var(--gray--70-clr-strong);
    --clr-strong-alt: hsl(var(--gray--70-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--70-clr-strong-alt);
    --clr-primary: hsl(var(--gray--70-clr-primary));
    --hsl-clr-primary: var(--gray--70-clr-primary);
    --clr-good: hsl(var(--gray--70-clr-good));
    --hsl-clr-good: var(--gray--70-clr-good);
    --clr-bad: hsl(var(--gray--70-clr-bad));
    --hsl-clr-bad: var(--gray--70-clr-bad);
    --sep: hsl(var(--gray--70-sep));
    --hsl-sep: var(--gray--70-sep);
    --sep-alt: hsl(var(--gray--70-sep-alt));
    --hsl-sep-alt: var(--gray--70-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-content-wrapper--theme-gray--70[data-v-2530fe36] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius)
}

.ui-content-wrapper--theme-tp-gray-5[data-v-2530fe36] {
    --bg: hsla(var(--thirdPartyGray-5-bg), 1);
    --hsl-bg: var(--thirdPartyGray-5-bg);
    --clr: hsl(var(--thirdPartyGray-5-clr));
    --hsl-clr: var(--thirdPartyGray-5-clr);
    --clr-accent: hsl(var(--thirdPartyGray-5-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-5-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-5-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-5-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-5-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-5-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-5-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-5-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-5-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-5-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-5-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-5-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-5-clr-bad);
    --sep: hsl(var(--thirdPartyGray-5-sep));
    --hsl-sep: var(--thirdPartyGray-5-sep);
    --sep-alt: hsl(var(--thirdPartyGray-5-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-5-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-content-wrapper--theme-tp-gray-5[data-v-2530fe36] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius)
}

.ui-content-wrapper--theme-tp-gray--10[data-v-2530fe36] {
    --bg: hsla(var(--thirdPartyGray--10-bg), 1);
    --hsl-bg: var(--thirdPartyGray--10-bg);
    --clr: hsl(var(--thirdPartyGray--10-clr));
    --hsl-clr: var(--thirdPartyGray--10-clr);
    --clr-accent: hsl(var(--thirdPartyGray--10-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray--10-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray--10-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray--10-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray--10-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray--10-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray--10-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray--10-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray--10-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray--10-clr-good));
    --hsl-clr-good: var(--thirdPartyGray--10-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray--10-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray--10-clr-bad);
    --sep: hsl(var(--thirdPartyGray--10-sep));
    --hsl-sep: var(--thirdPartyGray--10-sep);
    --sep-alt: hsl(var(--thirdPartyGray--10-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray--10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-content-wrapper--theme-tp-gray--10[data-v-2530fe36] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius)
}

.ui-content-wrapper--theme-dark[data-v-2530fe36] {
    --bg: hsla(var(--dark-0-bg), 1);
    --hsl-bg: var(--dark-0-bg);
    --clr: hsl(var(--dark-0-clr));
    --hsl-clr: var(--dark-0-clr);
    --clr-accent: hsl(var(--dark-0-clr-accent));
    --hsl-clr-accent: var(--dark-0-clr-accent);
    --clr-decent: hsl(var(--dark-0-clr-decent));
    --hsl-clr-decent: var(--dark-0-clr-decent);
    --clr-strong: hsl(var(--dark-0-clr-strong));
    --hsl-clr-strong: var(--dark-0-clr-strong);
    --clr-strong-alt: hsl(var(--dark-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--dark-0-clr-strong-alt);
    --clr-primary: hsl(var(--dark-0-clr-primary));
    --hsl-clr-primary: var(--dark-0-clr-primary);
    --clr-good: hsl(var(--dark-0-clr-good));
    --hsl-clr-good: var(--dark-0-clr-good);
    --clr-bad: hsl(var(--dark-0-clr-bad));
    --hsl-clr-bad: var(--dark-0-clr-bad);
    --sep: hsl(var(--dark-0-sep));
    --hsl-sep: var(--dark-0-sep);
    --sep-alt: hsl(var(--dark-0-sep-alt));
    --hsl-sep-alt: var(--dark-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-content-wrapper--theme-dark[data-v-2530fe36] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius)
}

.ui-content-wrapper--theme-special-gray-100[data-v-2530fe36] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-content-wrapper--theme-special-gray-100[data-v-2530fe36] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius)
}

[dir] .ui-content-wrapper--size-s .ui-content-wrapper__container[data-v-2530fe36] {
    padding: .625rem
}

[dir] .ui-content-wrapper--size-m .ui-content-wrapper__container[data-v-2530fe36] {
    padding: .9375rem
}

[dir] .ui-content-wrapper--size-l .ui-content-wrapper__container[data-v-2530fe36] {
    padding: 1.25rem
}

.message-block[data-v-f5577f00] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

[dir] .message-block[data-v-f5577f00] {
    padding: 1.875rem 3.75rem;
    text-align: center
}

.message-block__title[data-v-f5577f00] {
    font-size: .875rem;
    font-weight: 700;
    line-height: .875rem
}

[dir] .message-block__title[data-v-f5577f00] {
    margin-bottom: .625rem
}

.message-block__wrapper[data-v-f5577f00] {
    align-items: center;
    display: flex;
    justify-content: center
}

.message-block__text[data-v-f5577f00] {
    font-size: .75rem;
    line-height: .875rem;
    word-break: break-word
}

[dir] .message-block--rounded[data-v-f5577f00] {
    border-radius: var(--border-radius)
}

.message-block--theme-gray-100[data-v-f5577f00] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .message-block--theme-gray-100[data-v-f5577f00] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.message-block--theme-tp-gray[data-v-f5577f00] {
    --bg: hsla(var(--thirdPartyGray-0-bg), 1);
    --hsl-bg: var(--thirdPartyGray-0-bg);
    --clr: hsl(var(--thirdPartyGray-0-clr));
    --hsl-clr: var(--thirdPartyGray-0-clr);
    --clr-accent: hsl(var(--thirdPartyGray-0-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-0-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-0-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-0-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-0-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-0-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-0-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-0-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-0-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-0-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-0-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-0-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-0-clr-bad);
    --sep: hsl(var(--thirdPartyGray-0-sep));
    --hsl-sep: var(--thirdPartyGray-0-sep);
    --sep-alt: hsl(var(--thirdPartyGray-0-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-0-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .message-block--theme-tp-gray[data-v-f5577f00] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.message-block--theme-primary[data-v-f5577f00] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .message-block--theme-primary[data-v-f5577f00] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.message-block--theme-primary--20[data-v-f5577f00] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsl(var(--custom-ui-message-block-clr-theme-primary--20, var(--hsl-clr-strong)))
}

[dir] .message-block--theme-primary--20[data-v-f5577f00] {
    background-color: Hsl(var(--hsl-bg))
}

.message-block--theme-cyber[data-v-f5577f00] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .message-block--theme-cyber[data-v-f5577f00] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.message-block--theme-cyber--35[data-v-f5577f00] {
    --bg: hsla(var(--cyber--35-bg), 1);
    --hsl-bg: var(--cyber--35-bg);
    --clr: hsl(var(--cyber--35-clr));
    --hsl-clr: var(--cyber--35-clr);
    --clr-accent: hsl(var(--cyber--35-clr-accent));
    --hsl-clr-accent: var(--cyber--35-clr-accent);
    --clr-decent: hsl(var(--cyber--35-clr-decent));
    --hsl-clr-decent: var(--cyber--35-clr-decent);
    --clr-strong: hsl(var(--cyber--35-clr-strong));
    --hsl-clr-strong: var(--cyber--35-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--35-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--35-clr-primary));
    --hsl-clr-primary: var(--cyber--35-clr-primary);
    --clr-good: hsl(var(--cyber--35-clr-good));
    --hsl-clr-good: var(--cyber--35-clr-good);
    --clr-bad: hsl(var(--cyber--35-clr-bad));
    --hsl-clr-bad: var(--cyber--35-clr-bad);
    --sep: hsl(var(--cyber--35-sep));
    --hsl-sep: var(--cyber--35-sep);
    --sep-alt: hsl(var(--cyber--35-sep-alt));
    --hsl-sep-alt: var(--cyber--35-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .message-block--theme-cyber--35[data-v-f5577f00] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.message-block--theme-tp-gray-10[data-v-f5577f00] {
    --bg: hsla(var(--thirdPartyGray-10-bg), 1);
    --hsl-bg: var(--thirdPartyGray-10-bg);
    --clr: hsl(var(--thirdPartyGray-10-clr));
    --hsl-clr: var(--thirdPartyGray-10-clr);
    --clr-accent: hsl(var(--thirdPartyGray-10-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-10-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-10-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-10-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-10-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-10-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-10-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-10-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-10-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-10-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-10-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-10-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-10-clr-bad);
    --sep: hsl(var(--thirdPartyGray-10-sep));
    --hsl-sep: var(--thirdPartyGray-10-sep);
    --sep-alt: hsl(var(--thirdPartyGray-10-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .message-block--theme-tp-gray-10[data-v-f5577f00] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.select-content[data-v-9a424d98] {
    display: flex;
    flex-direction: column
}

.select-content__body[data-v-9a424d98], .select-content__top[data-v-9a424d98] {
    width: 100%
}

.select-content__top[data-v-9a424d98] {
    flex: none
}

[dir] .select-content__top[data-v-9a424d98] {
    padding: .625em
}

.select-content__body[data-v-9a424d98] {
    flex: auto;
    min-height: 0;
    overflow: auto
}

.ui-option[data-v-c50873c9] {
    align-items: center;
    display: flex;
    min-height: 2.5rem
}

[dir] .ui-option[data-v-c50873c9] {
    padding: .3125rem .9375rem
}

.is-keyboard-user .ui-option[data-v-c50873c9]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-option__content[data-v-c50873c9] {
    align-items: center;
    display: flex;
    flex-grow: 1;
    min-width: 0;
    white-space: nowrap
}

.ui-option__ico[data-v-c50873c9] {
    flex-shrink: 0
}

[dir=ltr] .ui-option__ico[data-v-c50873c9] {
    margin-right: .625rem
}

[dir=rtl] .ui-option__ico[data-v-c50873c9] {
    margin-left: .625rem
}

.ui-option__caption[data-v-c50873c9] {
    flex-grow: 1
}

.ui-option--disabled[data-v-c50873c9] {
    color: Hsl(var(--hsl-clr-decent));
    opacity: .8
}

.ui-option--theme-gray-60.ui-option--is-selected[data-v-c50873c9] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-option--theme-gray-60.ui-option--is-selected[data-v-c50873c9] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-option--theme-primary.ui-option--is-selected[data-v-c50873c9] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-option--theme-primary.ui-option--is-selected[data-v-c50873c9] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.select-options[data-v-d2d68360] {
    min-width: 0
}

.select-options__item[data-v-d2d68360] {
    position: relative
}

.select-options__item[data-v-d2d68360]:nth-child(n+2):before {
    content: "";
    height: 1px;
    position: absolute;
    top: 0
}

[dir] .select-options__item[data-v-d2d68360]:nth-child(n+2):before {
    background-color: Hsl(var(--hsl-sep));
    left: 0;
    right: 0
}

.select-options__option[data-v-d2d68360] {
    min-width: 0;
    width: 100%
}

[dir] .select-options[data-v-d2d68360] > :first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

[dir] .select-options[data-v-d2d68360] > :last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.ui-select-modal__content[data-v-2d3c9b95] {
    flex-grow: 1;
    min-height: 0
}

[dir] .ui-select-modal__content[data-v-2d3c9b95] {
    margin: .625rem
}

[dir] .ui-select-modal__content[data-v-2d3c9b95] > :first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

[dir] .ui-select-modal__content[data-v-2d3c9b95] > :last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.ui-select-modal-content-skeleton__item[data-v-2d3c9b95] {
    display: flex;
    height: 2.5rem
}

[dir] .ui-select-modal-content-skeleton__item[data-v-2d3c9b95] {
    padding: .9375rem
}

.ui-select-modal-content-skeleton__item[data-v-2d3c9b95]:before {
    content: "";
    flex-grow: 1
}

[dir] .ui-select-modal-content-skeleton__item[data-v-2d3c9b95]:before {
    background-color: currentColor
}

[dir] .ui-select-modal-content-skeleton__item[data-v-2d3c9b95]:nth-child(n+2) {
    border-top: 1px solid hsl(var(--hsl-sep));
    margin-top: .3125rem
}

.ui-select-modal__content[data-v-57313d0e] {
    flex-grow: 1;
    min-height: 0
}

[dir] .ui-select-modal__content[data-v-57313d0e] {
    margin: .625rem
}

[dir] .ui-select-modal__content[data-v-57313d0e] > :first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

[dir] .ui-select-modal__content[data-v-57313d0e] > :last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.ui-select-modal-content-skeleton__item[data-v-57313d0e] {
    display: flex;
    height: 2.5rem
}

[dir] .ui-select-modal-content-skeleton__item[data-v-57313d0e] {
    padding: .9375rem
}

.ui-select-modal-content-skeleton__item[data-v-57313d0e]:before {
    content: "";
    flex-grow: 1
}

[dir] .ui-select-modal-content-skeleton__item[data-v-57313d0e]:before {
    background-color: currentColor
}

[dir] .ui-select-modal-content-skeleton__item[data-v-57313d0e]:nth-child(n+2) {
    border-top: 1px solid hsl(var(--hsl-sep));
    margin-top: .3125rem
}

.selection-ico-checkbox[data-v-2a7bf474] {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 1em;
    justify-content: center;
    position: relative;
    width: 1em
}

.selection-ico-checkbox[data-v-2a7bf474]:after, .selection-ico-checkbox[data-v-2a7bf474]:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

[dir] .selection-ico-checkbox[data-v-2a7bf474]:after, [dir] .selection-ico-checkbox[data-v-2a7bf474]:before {
    border-radius: inherit
}

[dir=ltr] .selection-ico-checkbox[data-v-2a7bf474]:after, [dir=ltr] .selection-ico-checkbox[data-v-2a7bf474]:before {
    left: 0
}

[dir=rtl] .selection-ico-checkbox[data-v-2a7bf474]:after, [dir=rtl] .selection-ico-checkbox[data-v-2a7bf474]:before {
    right: 0
}

.selection-ico-checkbox__ico[data-v-2a7bf474] {
    color: currentColor;
    font-size: .625em;
    opacity: 0;
    position: relative
}

.selection-ico-checkbox--checked .selection-ico-checkbox__ico[data-v-2a7bf474] {
    opacity: 1
}

.selection-ico-checkbox.selection-ico-checkbox--has-error[data-v-2a7bf474] {
    --bg: hsla(var(--bad-80-bg), 1);
    --hsl-bg: var(--bad-80-bg);
    --clr: hsl(var(--bad-80-clr));
    --hsl-clr: var(--bad-80-clr);
    --clr-accent: hsl(var(--bad-80-clr-accent));
    --hsl-clr-accent: var(--bad-80-clr-accent);
    --clr-decent: hsl(var(--bad-80-clr-decent));
    --hsl-clr-decent: var(--bad-80-clr-decent);
    --clr-strong: hsl(var(--bad-80-clr-strong));
    --hsl-clr-strong: var(--bad-80-clr-strong);
    --clr-strong-alt: hsl(var(--bad-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--bad-80-clr-strong-alt);
    --clr-primary: hsl(var(--bad-80-clr-primary));
    --hsl-clr-primary: var(--bad-80-clr-primary);
    --clr-good: hsl(var(--bad-80-clr-good));
    --hsl-clr-good: var(--bad-80-clr-good);
    --clr-bad: hsl(var(--bad-80-clr-bad));
    --hsl-clr-bad: var(--bad-80-clr-bad);
    --sep: hsl(var(--bad-80-sep));
    --hsl-sep: var(--bad-80-sep);
    --sep-alt: hsl(var(--bad-80-sep-alt));
    --hsl-sep-alt: var(--bad-80-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-checkbox.selection-ico-checkbox--has-error[data-v-2a7bf474] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-checkbox.selection-ico-checkbox--has-error[data-v-2a7bf474]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-clr-bad))
}

[dir] .selection-ico-checkbox[data-v-2a7bf474] {
    border-radius: 3px
}

.selection-ico-checkbox--theme-default[data-v-2a7bf474] {
    color: Hsl(var(--hsl-clr))
}

.selection-ico-checkbox--theme-default[data-v-2a7bf474]:before {
    opacity: .1
}

[dir] .selection-ico-checkbox--theme-default[data-v-2a7bf474]:before {
    background-color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-checkbox--theme-default[data-v-2a7bf474]:after {
    box-shadow: 0 0 0 1px Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-checkbox--theme-default.selection-ico-checkbox--has-error[data-v-2a7bf474]:after {
    box-shadow: 0 0 0 1px Hsl(var(--hsl-clr-bad))
}

[dir] .selection-ico-checkbox--theme-default.selection-ico-checkbox--has-error[data-v-2a7bf474]:before {
    background-color: Hsl(var(--hsl-clr-bad))
}

.selection-ico-checkbox--theme-default.selection-ico-checkbox--disabled[data-v-2a7bf474] {
    color: Hsl(var(--hsl-sep-alt))
}

[dir] .selection-ico-checkbox--theme-default.selection-ico-checkbox--disabled[data-v-2a7bf474]:after {
    box-shadow: 0 0 0 1px Hsl(var(--hsl-sep-alt))
}

.selection-ico-checkbox--theme-gray-30[data-v-2a7bf474] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-checkbox--theme-gray-30[data-v-2a7bf474] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-checkbox--theme-gray-30[data-v-2a7bf474]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-clr-decent))
}

.selection-ico-checkbox--theme-gray-30.selection-ico-checkbox--checked[data-v-2a7bf474] {
    color: Hsl(var(--hsl-clr-accent))
}

.selection-ico-checkbox--theme-gray-30.selection-ico-checkbox--disabled[data-v-2a7bf474] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-checkbox--theme-gray-30.selection-ico-checkbox--disabled[data-v-2a7bf474] {
    background-color: Hsl(var(--custom-ui-selection-ico-checkbox-bg-disabled-theme-gray-30, var(--hsl-bg)))
}

[dir] .selection-ico-checkbox--theme-gray-30.selection-ico-checkbox--disabled[data-v-2a7bf474]:after {
    box-shadow: inset 0 0 0 1px currentColor
}

.selection-ico-checkbox--theme-gray-60[data-v-2a7bf474] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-checkbox--theme-gray-60[data-v-2a7bf474] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-checkbox--theme-gray-60[data-v-2a7bf474]:after {
    box-shadow: 0 0 0 1px Hsl(var(--hsl-clr-decent))
}

.selection-ico-checkbox--theme-primary[data-v-2a7bf474] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-checkbox--theme-primary[data-v-2a7bf474] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.selection-ico-checkbox--theme-cyber[data-v-2a7bf474] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt)
}

[dir] .selection-ico-checkbox--theme-cyber[data-v-2a7bf474]:before {
    background-color: Hsl(var(--hsl-bg))
}

[dir] .selection-ico-checkbox--theme-cyber[data-v-2a7bf474]:after {
    box-shadow: 0 0 0 1px Hsl(var(--hsl-bg))
}

.selection-ico-checkbox--theme-special-primary-90[data-v-2a7bf474] {
    --bg: hsla(var(--specialPrimary-90-bg), 1);
    --hsl-bg: var(--specialPrimary-90-bg);
    --clr: hsl(var(--specialPrimary-90-clr));
    --hsl-clr: var(--specialPrimary-90-clr);
    --clr-accent: hsl(var(--specialPrimary-90-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-90-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-90-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-90-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-90-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-90-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-90-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-90-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-90-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-90-clr-primary);
    --clr-good: hsl(var(--specialPrimary-90-clr-good));
    --hsl-clr-good: var(--specialPrimary-90-clr-good);
    --clr-bad: hsl(var(--specialPrimary-90-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-90-clr-bad);
    --sep: hsl(var(--specialPrimary-90-sep));
    --hsl-sep: var(--specialPrimary-90-sep);
    --sep-alt: hsl(var(--specialPrimary-90-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-90-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-checkbox--theme-special-primary-90[data-v-2a7bf474] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-checkbox--theme-special-primary-90[data-v-2a7bf474]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-sep))
}

.selection-ico-checkbox--theme-special-primary-90.selection-ico-checkbox--checked[data-v-2a7bf474] {
    color: Hsl(var(--specialAccent-0-bg))
}

[dir] .selection-ico-checkbox--theme-special-primary-90.selection-ico-checkbox--checked[data-v-2a7bf474]:after {
    box-shadow: inset 0 0 0 1px currentColor
}

.selection-ico-checkbox--theme-special-primary-90.selection-ico-checkbox--disabled[data-v-2a7bf474] {
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-checkbox--theme-special-primary-90.selection-ico-checkbox--disabled[data-v-2a7bf474]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-sep-alt))
}

.selection-ico-radio[data-v-4b3dcfbc] {
    display: flex;
    flex-shrink: 0;
    position: relative
}

[dir] .selection-ico-radio[data-v-4b3dcfbc] {
    border-radius: 50%
}

.selection-ico-radio[data-v-4b3dcfbc]:after, .selection-ico-radio[data-v-4b3dcfbc]:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

[dir] .selection-ico-radio[data-v-4b3dcfbc]:after, [dir] .selection-ico-radio[data-v-4b3dcfbc]:before {
    border-radius: inherit
}

[dir=ltr] .selection-ico-radio[data-v-4b3dcfbc]:after, [dir=ltr] .selection-ico-radio[data-v-4b3dcfbc]:before {
    left: 0
}

[dir=rtl] .selection-ico-radio[data-v-4b3dcfbc]:after, [dir=rtl] .selection-ico-radio[data-v-4b3dcfbc]:before {
    right: 0
}

.selection-ico-radio.selection-ico-radio--has-error[data-v-4b3dcfbc] {
    --bg: hsla(var(--bad-80-bg), 1);
    --hsl-bg: var(--bad-80-bg);
    --clr: hsl(var(--bad-80-clr));
    --hsl-clr: var(--bad-80-clr);
    --clr-accent: hsl(var(--bad-80-clr-accent));
    --hsl-clr-accent: var(--bad-80-clr-accent);
    --clr-decent: hsl(var(--bad-80-clr-decent));
    --hsl-clr-decent: var(--bad-80-clr-decent);
    --clr-strong: hsl(var(--bad-80-clr-strong));
    --hsl-clr-strong: var(--bad-80-clr-strong);
    --clr-strong-alt: hsl(var(--bad-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--bad-80-clr-strong-alt);
    --clr-primary: hsl(var(--bad-80-clr-primary));
    --hsl-clr-primary: var(--bad-80-clr-primary);
    --clr-good: hsl(var(--bad-80-clr-good));
    --hsl-clr-good: var(--bad-80-clr-good);
    --clr-bad: hsl(var(--bad-80-clr-bad));
    --hsl-clr-bad: var(--bad-80-clr-bad);
    --sep: hsl(var(--bad-80-sep));
    --hsl-sep: var(--bad-80-sep);
    --sep-alt: hsl(var(--bad-80-sep-alt));
    --hsl-sep-alt: var(--bad-80-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-radio.selection-ico-radio--has-error[data-v-4b3dcfbc] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-radio.selection-ico-radio--has-error[data-v-4b3dcfbc]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-clr-bad))
}

.selection-ico-radio[data-v-4b3dcfbc] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    height: 1em;
    width: 1em
}

[dir] .selection-ico-radio[data-v-4b3dcfbc] {
    background-color: Hsla(var(--hsl-bg), 1);
    padding: .3125em
}

.selection-ico-radio__ico[data-v-4b3dcfbc] {
    flex: auto;
    opacity: 0;
    position: relative
}

[dir] .selection-ico-radio__ico[data-v-4b3dcfbc] {
    border-radius: 50%
}

.selection-ico-radio--checked .selection-ico-radio__ico[data-v-4b3dcfbc], .selection-ico-radio.selection-ico-radio--is-disabled[data-v-4b3dcfbc]:before {
    opacity: 1
}

[dir] .selection-ico-radio.selection-ico-radio--is-disabled[data-v-4b3dcfbc]:before {
    background-color: hsla(var(--gray-60-bg), 1)
}

[dir] .selection-ico-radio.selection-ico-radio--is-disabled[data-v-4b3dcfbc]:after {
    box-shadow: 0 0 0 1px Hsl(var(--hsl-sep-alt))
}

.selection-ico-radio--theme-gray-30[data-v-4b3dcfbc] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-radio--theme-gray-30[data-v-4b3dcfbc] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-radio--theme-gray-30[data-v-4b3dcfbc]:before {
    background-color: Hsl(var(--hsl-bg))
}

[dir] .selection-ico-radio--theme-gray-30[data-v-4b3dcfbc]:after {
    box-shadow: 0 0 0 1px Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-radio--theme-gray-30.selection-ico-radio--checked .selection-ico-radio__ico[data-v-4b3dcfbc] {
    background-color: Hsl(var(--hsl-clr-accent))
}

.selection-ico-radio--theme-gray-30.selection-ico-radio--is-disabled[data-v-4b3dcfbc] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-radio--theme-gray-30.selection-ico-radio--is-disabled[data-v-4b3dcfbc]:before {
    background-color: Hsl(var(--primary-0-bg))
}

[dir] .selection-ico-radio--theme-gray-30.selection-ico-radio--is-disabled[data-v-4b3dcfbc]:after {
    box-shadow: inset 0 0 0 1px currentColor
}

[dir] .selection-ico-radio--theme-gray-30.selection-ico-radio--is-disabled .selection-ico-radio__ico[data-v-4b3dcfbc] {
    background-color: currentColor
}

.selection-ico-radio--theme-gray-60[data-v-4b3dcfbc]:before {
    opacity: .1
}

[dir] .selection-ico-radio--theme-gray-60[data-v-4b3dcfbc]:before {
    background-color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-radio--theme-gray-60[data-v-4b3dcfbc]:after {
    box-shadow: 0 0 0 1px Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-radio--theme-gray-60 .selection-ico-radio__ico[data-v-4b3dcfbc] {
    background-color: currentColor
}

.selection-ico-radio--theme-primary[data-v-4b3dcfbc]:before {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-radio--theme-primary[data-v-4b3dcfbc]:before {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-radio--theme-primary[data-v-4b3dcfbc]:after {
    box-shadow: 0 0 0 1px Hsl(var(--hsl-bg))
}

[dir] .selection-ico-radio--theme-primary .selection-ico-radio__ico[data-v-4b3dcfbc] {
    background-color: Hsl(var(--hsl-clr-accent))
}

.selection-ico-radio--theme-default[data-v-4b3dcfbc]:before {
    opacity: .1
}

[dir] .selection-ico-radio--theme-default[data-v-4b3dcfbc]:before {
    background-color: Hsl(var(--hsl-clr-decent))
}

.selection-ico-radio--theme-default[data-v-4b3dcfbc]:after {
    opacity: .5
}

[dir] .selection-ico-radio--theme-default[data-v-4b3dcfbc]:after {
    box-shadow: 0 0 0 1px Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-radio--theme-default .selection-ico-radio__ico[data-v-4b3dcfbc] {
    background-color: currentColor
}

[dir] .selection-ico-radio--theme-default.selection-ico-radio--has-error[data-v-4b3dcfbc]:after {
    box-shadow: 0 0 0 1px Hsl(var(--hsl-clr-bad))
}

[dir] .selection-ico-radio--theme-default.selection-ico-radio--has-error[data-v-4b3dcfbc]:before {
    background-color: Hsl(var(--hsl-clr-bad))
}

.selection-ico-radio--theme-cyber[data-v-4b3dcfbc] {
    --bg: hsla(var(--cyber--60-bg), 1);
    --hsl-bg: var(--cyber--60-bg);
    --clr: hsl(var(--cyber--60-clr));
    --hsl-clr: var(--cyber--60-clr);
    --clr-accent: hsl(var(--cyber--60-clr-accent));
    --hsl-clr-accent: var(--cyber--60-clr-accent);
    --clr-decent: hsl(var(--cyber--60-clr-decent));
    --hsl-clr-decent: var(--cyber--60-clr-decent);
    --clr-strong: hsl(var(--cyber--60-clr-strong));
    --hsl-clr-strong: var(--cyber--60-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--60-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--60-clr-primary));
    --hsl-clr-primary: var(--cyber--60-clr-primary);
    --clr-good: hsl(var(--cyber--60-clr-good));
    --hsl-clr-good: var(--cyber--60-clr-good);
    --clr-bad: hsl(var(--cyber--60-clr-bad));
    --hsl-clr-bad: var(--cyber--60-clr-bad);
    --sep: hsl(var(--cyber--60-sep));
    --hsl-sep: var(--cyber--60-sep);
    --sep-alt: hsl(var(--cyber--60-sep-alt));
    --hsl-sep-alt: var(--cyber--60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-radio--theme-cyber[data-v-4b3dcfbc] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-radio--theme-cyber[data-v-4b3dcfbc]:before {
    background-color: Hsl(var(--hsl-bg))
}

[dir] .selection-ico-radio--theme-cyber[data-v-4b3dcfbc]:after {
    box-shadow: 0 0 0 1px Hsl(var(--hsl-clr-primary))
}

[dir] .selection-ico-radio--theme-cyber .selection-ico-radio__ico[data-v-4b3dcfbc] {
    background-color: Hsl(var(--hsl-clr-primary))
}

.selection-ico-radio--theme-special-primary-90[data-v-4b3dcfbc] {
    --bg: hsla(var(--specialPrimary-90-bg), 1);
    --hsl-bg: var(--specialPrimary-90-bg);
    --clr: hsl(var(--specialPrimary-90-clr));
    --hsl-clr: var(--specialPrimary-90-clr);
    --clr-accent: hsl(var(--specialPrimary-90-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-90-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-90-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-90-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-90-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-90-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-90-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-90-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-90-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-90-clr-primary);
    --clr-good: hsl(var(--specialPrimary-90-clr-good));
    --hsl-clr-good: var(--specialPrimary-90-clr-good);
    --clr-bad: hsl(var(--specialPrimary-90-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-90-clr-bad);
    --sep: hsl(var(--specialPrimary-90-sep));
    --hsl-sep: var(--specialPrimary-90-sep);
    --sep-alt: hsl(var(--specialPrimary-90-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-90-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection-ico-radio--theme-special-primary-90[data-v-4b3dcfbc] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-radio--theme-special-primary-90[data-v-4b3dcfbc]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-sep))
}

.selection-ico-radio--theme-special-primary-90.selection-ico-radio--checked[data-v-4b3dcfbc] {
    color: Hsl(var(--specialAccent-0-bg))
}

[dir] .selection-ico-radio--theme-special-primary-90.selection-ico-radio--checked[data-v-4b3dcfbc]:after {
    box-shadow: inset 0 0 0 1px currentColor
}

[dir] .selection-ico-radio--theme-special-primary-90.selection-ico-radio--checked .selection-ico-radio__ico[data-v-4b3dcfbc] {
    background-color: Hsl(var(--specialAccent-0-bg))
}

.selection-ico-radio--theme-special-primary-90.selection-ico-radio--disabled[data-v-4b3dcfbc] {
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-radio--theme-special-primary-90.selection-ico-radio--disabled[data-v-4b3dcfbc]:after {
    box-shadow: inset 0 0 0 1px Hsl(var(--hsl-sep-alt))
}

[dir] .selection-ico-radio--theme-special-primary-90.selection-ico-radio--disabled .selection-ico-radio__ico[data-v-4b3dcfbc] {
    background-color: currentColor
}

.selection-ico-tumbler[data-v-79846e55] {
    display: block;
    height: 1em;
    position: relative;
    width: 2.125em
}

[dir] .selection-ico-tumbler[data-v-79846e55] {
    border-radius: .5em;
    transition: background-color .3s ease
}

.selection-ico-tumbler[data-v-79846e55]:after, .selection-ico-tumbler[data-v-79846e55]:before {
    content: "";
    display: block;
    height: 100%
}

[dir] .selection-ico-tumbler[data-v-79846e55]:after, [dir] .selection-ico-tumbler[data-v-79846e55]:before {
    background-color: currentColor;
    border-radius: inherit
}

.selection-ico-tumbler[data-v-79846e55]:after {
    width: 1em
}

[dir] .selection-ico-tumbler[data-v-79846e55]:after {
    transition: transform .3s ease, background-color .3s ease
}

.selection-ico-tumbler[data-v-79846e55]:before {
    opacity: .3;
    position: absolute;
    top: 0;
    width: 100%
}

[dir=ltr] .selection-ico-tumbler[data-v-79846e55]:before {
    left: 0
}

[dir=rtl] .selection-ico-tumbler[data-v-79846e55]:before {
    right: 0
}

[dir=ltr] .selection-ico-tumbler--checked[data-v-79846e55]:after {
    transform: translateX(-100%) translateX(2.125em)
}

[dir=rtl] .selection-ico-tumbler--checked[data-v-79846e55]:after {
    transform: translateX(100%) translateX(-2.125em)
}

.selection-ico-tumbler--theme-gray[data-v-79846e55] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-tumbler--theme-gray[data-v-79846e55]:before {
    background-color: Hsl(var(--custom-ui-selection-ico-tumbler-bg-theme-gray, var(--hsl-bg)))
}

.selection-ico-tumbler--theme-gray.selection-ico-tumbler--checked[data-v-79846e55] {
    color: Hsl(var(--accent--5-bg))
}

[dir] .selection-ico-tumbler--theme-gray.selection-ico-tumbler--checked[data-v-79846e55]:before {
    background-color: Hsl(var(--accent-40-bg))
}

.selection-ico-tumbler--theme-gray.selection-ico-tumbler--disabled[data-v-79846e55] {
    color: Hsla(var(--gray-0-clr-decent), .5)
}

.selection-ico-tumbler--theme-gray-100[data-v-79846e55] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

.selection-ico-tumbler--theme-gray-100[data-v-79846e55]:before {
    opacity: .6
}

[dir] .selection-ico-tumbler--theme-gray-100[data-v-79846e55]:before {
    background-color: Hsl(var(--hsl-bg))
}

.selection-ico-tumbler--theme-gray-100[data-v-79846e55]:after {
    position: relative
}

.selection-ico-tumbler--theme-gray-100.selection-ico-tumbler--checked[data-v-79846e55]:before {
    opacity: 1
}

[dir] .selection-ico-tumbler--theme-gray-100.selection-ico-tumbler--checked[data-v-79846e55]:after {
    background-color: Hsl(var(--hsl-clr-accent))
}

.selection-ico-tumbler--theme-default[data-v-79846e55] {
    color: Hsl(var(--hsl-clr-decent))
}

.selection-ico-tumbler--theme-default.selection-ico-tumbler--checked[data-v-79846e55] {
    color: Hsl(var(--hsl-clr-accent))
}

.selection-ico-tumbler--theme-cyber[data-v-79846e55] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

.selection-ico-tumbler--theme-cyber.selection-ico-tumbler--checked[data-v-79846e55] {
    color: Hsl(var(--hsl-clr-primary))
}

.selection-ico-tumbler--theme-special-gray[data-v-79846e55] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsla(var(--hsl-clr-decent), 1)
}

[dir] .selection-ico-tumbler--theme-special-gray[data-v-79846e55] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .selection-ico-tumbler--theme-special-gray[data-v-79846e55]:before {
    background-color: Hsl(var(--hsl-bg))
}

.selection-ico-tumbler--theme-special-gray.selection-ico-tumbler--checked[data-v-79846e55] {
    color: Hsl(var(--specialAccent-0-bg))
}

[dir] .selection-ico-tumbler--theme-special-gray.selection-ico-tumbler--checked[data-v-79846e55]:before {
    background-color: Hsl(var(--specialAccent-85-bg))
}

.selection-ico-tumbler--theme-special-gray.selection-ico-tumbler--disabled[data-v-79846e55] {
    color: Hsla(var(--hsl-clr-decent), .5)
}

.selection-ico-tumbler--theme-accent-secondary[data-v-79846e55] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .selection-ico-tumbler--theme-accent-secondary[data-v-79846e55] {
    background-color: Hsl(var(--hsl-bg))
}

[dir] .selection-ico-tumbler--theme-accent-secondary[data-v-79846e55]:before {
    background-color: Hsl(var(--custom-ui-selection-ico-tumbler-bg-theme-accentSecondary, var(--hsl-bg)))
}

.selection-ico-tumbler--theme-accent-secondary.selection-ico-tumbler--checked[data-v-79846e55] {
    --bg: hsla(var(--accentSecondary-0-bg), 1);
    --hsl-bg: var(--accentSecondary-0-bg);
    --clr: hsl(var(--accentSecondary-0-clr));
    --hsl-clr: var(--accentSecondary-0-clr);
    --clr-accent: hsl(var(--accentSecondary-0-clr-accent));
    --hsl-clr-accent: var(--accentSecondary-0-clr-accent);
    --clr-decent: hsl(var(--accentSecondary-0-clr-decent));
    --hsl-clr-decent: var(--accentSecondary-0-clr-decent);
    --clr-strong: hsl(var(--accentSecondary-0-clr-strong));
    --hsl-clr-strong: var(--accentSecondary-0-clr-strong);
    --clr-strong-alt: hsl(var(--accentSecondary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accentSecondary-0-clr-strong-alt);
    --clr-primary: hsl(var(--accentSecondary-0-clr-primary));
    --hsl-clr-primary: var(--accentSecondary-0-clr-primary);
    --clr-good: hsl(var(--accentSecondary-0-clr-good));
    --hsl-clr-good: var(--accentSecondary-0-clr-good);
    --clr-bad: hsl(var(--accentSecondary-0-clr-bad));
    --hsl-clr-bad: var(--accentSecondary-0-clr-bad);
    --sep: hsl(var(--accentSecondary-0-sep));
    --hsl-sep: var(--accentSecondary-0-sep);
    --sep-alt: hsl(var(--accentSecondary-0-sep-alt));
    --hsl-sep-alt: var(--accentSecondary-0-sep-alt)
}

[dir] .selection-ico-tumbler--theme-accent-secondary.selection-ico-tumbler--checked[data-v-79846e55]:before {
    background-color: Hsl(var(--hsl-bg))
}

.selection-ico-tumbler--theme-accent-secondary.selection-ico-tumbler--disabled[data-v-79846e55] {
    opacity: .7
}

.selection-ico[data-v-992917e1] {
    align-items: center;
    display: flex;
    justify-content: center
}

.selection-ico--size-m[data-v-992917e1] {
    min-height: 2.5em;
    min-width: 2.5em
}

.selection-ico--size-s[data-v-992917e1] {
    min-height: 2em;
    min-width: 2em
}

.selection-ico--size-xs[data-v-992917e1] {
    min-height: 1rem;
    min-width: 1rem
}

.selection[data-v-779bff7b] {
    grid-gap: .3125rem;
    align-items: center;
    display: grid;
    position: relative
}

[dir] .selection[data-v-779bff7b] {
    cursor: pointer
}

.selection__input[data-v-779bff7b] {
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

[dir] .selection__input[data-v-779bff7b] {
    border: 0;
    margin: -1px;
    padding: 0
}

.selection[data-v-779bff7b] > .ui-caption {
    flex-grow: 1
}

.selection--type-radio.selection--is-checked[data-v-779bff7b] {
    font-weight: 700
}

.selection[data-v-779bff7b]:not(.selection--is-reverse) {
    grid-template-columns:auto 1fr
}

.selection--is-reverse[data-v-779bff7b] {
    grid-template-columns:1fr auto
}

.selection--is-disabled[data-v-779bff7b] {
    pointer-events: none
}

[dir] .selection--is-disabled[data-v-779bff7b] {
    cursor: auto
}

.selection--is-reverse .selection__content[data-v-779bff7b] {
    order: -1
}

.selection--type-radio.selection--is-checked.selection--theme-gray-60[data-v-779bff7b] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .selection--type-radio.selection--is-checked.selection--theme-gray-60[data-v-779bff7b] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.selection--type-checkbox.selection--theme-gray-60[data-v-779bff7b] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .selection--type-checkbox.selection--theme-gray-60[data-v-779bff7b] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.selection--type-radio.selection--is-checked.selection--theme-primary[data-v-779bff7b] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection--type-radio.selection--is-checked.selection--theme-primary[data-v-779bff7b] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.selection--theme-primary--10[data-v-779bff7b] {
    --bg: hsla(var(--primary--10-bg), 1);
    --hsl-bg: var(--primary--10-bg);
    --clr: hsl(var(--primary--10-clr));
    --hsl-clr: var(--primary--10-clr);
    --clr-accent: hsl(var(--primary--10-clr-accent));
    --hsl-clr-accent: var(--primary--10-clr-accent);
    --clr-decent: hsl(var(--primary--10-clr-decent));
    --hsl-clr-decent: var(--primary--10-clr-decent);
    --clr-strong: hsl(var(--primary--10-clr-strong));
    --hsl-clr-strong: var(--primary--10-clr-strong);
    --clr-strong-alt: hsl(var(--primary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--10-clr-strong-alt);
    --clr-primary: hsl(var(--primary--10-clr-primary));
    --hsl-clr-primary: var(--primary--10-clr-primary);
    --clr-good: hsl(var(--primary--10-clr-good));
    --hsl-clr-good: var(--primary--10-clr-good);
    --clr-bad: hsl(var(--primary--10-clr-bad));
    --hsl-clr-bad: var(--primary--10-clr-bad);
    --sep: hsl(var(--primary--10-sep));
    --hsl-sep: var(--primary--10-sep);
    --sep-alt: hsl(var(--primary--10-sep-alt));
    --hsl-sep-alt: var(--primary--10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection--theme-primary--10[data-v-779bff7b] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.selection--theme-cyber[data-v-779bff7b] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt)
}

.selection--type-radio.selection--is-checked.selection--theme-cyber[data-v-779bff7b] {
    --bg: hsla(var(--cyber--60-bg), 1);
    --hsl-bg: var(--cyber--60-bg);
    --clr: hsl(var(--cyber--60-clr));
    --hsl-clr: var(--cyber--60-clr);
    --clr-accent: hsl(var(--cyber--60-clr-accent));
    --hsl-clr-accent: var(--cyber--60-clr-accent);
    --clr-decent: hsl(var(--cyber--60-clr-decent));
    --hsl-clr-decent: var(--cyber--60-clr-decent);
    --clr-strong: hsl(var(--cyber--60-clr-strong));
    --hsl-clr-strong: var(--cyber--60-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--60-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--60-clr-primary));
    --hsl-clr-primary: var(--cyber--60-clr-primary);
    --clr-good: hsl(var(--cyber--60-clr-good));
    --hsl-clr-good: var(--cyber--60-clr-good);
    --clr-bad: hsl(var(--cyber--60-clr-bad));
    --hsl-clr-bad: var(--cyber--60-clr-bad);
    --sep: hsl(var(--cyber--60-sep));
    --hsl-sep: var(--cyber--60-sep);
    --sep-alt: hsl(var(--cyber--60-sep-alt));
    --hsl-sep-alt: var(--cyber--60-sep-alt)
}

[dir] .selection--type-radio.selection--is-checked.selection--theme-cyber[data-v-779bff7b] {
    background-color: hsla(var(--cyber-55-bg), .05)
}

.selection--type-radio.selection--theme-cyber--60[data-v-779bff7b] {
    --bg: hsla(var(--cyber--60-bg), 1);
    --hsl-bg: var(--cyber--60-bg);
    --clr: hsl(var(--cyber--60-clr));
    --hsl-clr: var(--cyber--60-clr);
    --clr-accent: hsl(var(--cyber--60-clr-accent));
    --hsl-clr-accent: var(--cyber--60-clr-accent);
    --clr-decent: hsl(var(--cyber--60-clr-decent));
    --hsl-clr-decent: var(--cyber--60-clr-decent);
    --clr-strong: hsl(var(--cyber--60-clr-strong));
    --hsl-clr-strong: var(--cyber--60-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--60-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--60-clr-primary));
    --hsl-clr-primary: var(--cyber--60-clr-primary);
    --clr-good: hsl(var(--cyber--60-clr-good));
    --hsl-clr-good: var(--cyber--60-clr-good);
    --clr-bad: hsl(var(--cyber--60-clr-bad));
    --hsl-clr-bad: var(--cyber--60-clr-bad);
    --sep: hsl(var(--cyber--60-sep));
    --hsl-sep: var(--cyber--60-sep);
    --sep-alt: hsl(var(--cyber--60-sep-alt));
    --hsl-sep-alt: var(--cyber--60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .selection--type-radio.selection--theme-cyber--60[data-v-779bff7b] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.selection--type-radio.selection--is-checked.selection--theme-cyber--60[data-v-779bff7b] {
    --bg: hsla(var(--cyber--45-bg), 1);
    --hsl-bg: var(--cyber--45-bg);
    --clr: hsl(var(--cyber--45-clr));
    --hsl-clr: var(--cyber--45-clr);
    --clr-accent: hsl(var(--cyber--45-clr-accent));
    --hsl-clr-accent: var(--cyber--45-clr-accent);
    --clr-decent: hsl(var(--cyber--45-clr-decent));
    --hsl-clr-decent: var(--cyber--45-clr-decent);
    --clr-strong: hsl(var(--cyber--45-clr-strong));
    --hsl-clr-strong: var(--cyber--45-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--45-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--45-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--45-clr-primary));
    --hsl-clr-primary: var(--cyber--45-clr-primary);
    --clr-good: hsl(var(--cyber--45-clr-good));
    --hsl-clr-good: var(--cyber--45-clr-good);
    --clr-bad: hsl(var(--cyber--45-clr-bad));
    --hsl-clr-bad: var(--cyber--45-clr-bad);
    --sep: hsl(var(--cyber--45-sep));
    --hsl-sep: var(--cyber--45-sep);
    --sep-alt: hsl(var(--cyber--45-sep-alt));
    --hsl-sep-alt: var(--cyber--45-sep-alt);
    color: Hsl(var(--hsl-clr-primary))
}

[dir] .ui-select-modal-selection--bordered[data-v-3be8b7a7] {
    border-radius: var(--border-radius)
}

.ui-select-modal-selection--theme-primary[data-v-3be8b7a7] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-select-modal-selection--theme-primary[data-v-3be8b7a7] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-select-modal-selection--theme-primary.ui-select-modal-selection--is-disabled[data-v-3be8b7a7] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-select-modal-selection--theme-primary--20[data-v-3be8b7a7] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-select-modal-selection--theme-primary--20[data-v-3be8b7a7] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-select-modal-selection--theme-primary--20.ui-select-modal-selection--is-disabled[data-v-3be8b7a7] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-select-modal-selection--theme-gray-30[data-v-3be8b7a7] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-select-modal-selection--theme-gray-30[data-v-3be8b7a7] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-select-modal-selection--theme-gray-30.ui-select-modal-selection--is-disabled[data-v-3be8b7a7] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-select-modal-selection--theme-gray-100[data-v-3be8b7a7] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-select-modal-selection--theme-gray-100[data-v-3be8b7a7] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-select-modal-selection--theme-gray-100.ui-select-modal-selection--is-disabled[data-v-3be8b7a7] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-select-modal-phone-code__ico[data-v-a87f8a87] {
    flex-shrink: 0
}

[dir=ltr] .ui-select-modal-phone-code__ico[data-v-a87f8a87] {
    margin-right: .625rem
}

[dir=rtl] .ui-select-modal-phone-code__ico[data-v-a87f8a87] {
    margin-left: .625rem
}

.ui-select-modal-phone-code__name[data-v-a87f8a87] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-select-modal-phone-code-field-toggle[data-v-a87f8a87] {
    align-items: center;
    display: flex;
    justify-content: center
}

.ui-select-modal-phone-code-field-toggle__ico[data-v-a87f8a87] {
    align-self: center
}

[dir=ltr] .ui-select-modal-phone-code-field-toggle__ico[data-v-a87f8a87] {
    margin-left: var(--base-input-padding-inline-start)
}

[dir=rtl] .ui-select-modal-phone-code-field-toggle__ico[data-v-a87f8a87] {
    margin-right: var(--base-input-padding-inline-start)
}

[dir=ltr] .ui-select-modal-phone-code-field-toggle__angle[data-v-a87f8a87] {
    margin-left: .3125rem;
    transform: rotate(180deg)
}

[dir=rtl] .ui-select-modal-phone-code-field-toggle__angle[data-v-a87f8a87] {
    margin-right: .3125rem;
    transform: rotate(-180deg)
}

.is-keyboard-user .ui-select-modal-phone-code-field-toggle[data-v-a87f8a87]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-select-modal-phone-code__ico[data-v-58ff2a33] {
    flex-shrink: 0
}

[dir=ltr] .ui-select-modal-phone-code__ico[data-v-58ff2a33] {
    margin-right: .625rem
}

[dir=rtl] .ui-select-modal-phone-code__ico[data-v-58ff2a33] {
    margin-left: .625rem
}

.ui-select-modal-phone-code__name[data-v-58ff2a33] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-select-modal-phone-code-field-toggle[data-v-58ff2a33] {
    align-items: center;
    display: flex;
    justify-content: center
}

.ui-select-modal-phone-code-field-toggle__ico[data-v-58ff2a33] {
    align-self: center
}

[dir=ltr] .ui-select-modal-phone-code-field-toggle__ico[data-v-58ff2a33] {
    margin-left: var(--base-input-padding-inline-start)
}

[dir=rtl] .ui-select-modal-phone-code-field-toggle__ico[data-v-58ff2a33] {
    margin-right: var(--base-input-padding-inline-start)
}

[dir=ltr] .ui-select-modal-phone-code-field-toggle__angle[data-v-58ff2a33] {
    margin-left: .3125rem;
    transform: rotate(180deg)
}

[dir=rtl] .ui-select-modal-phone-code-field-toggle__angle[data-v-58ff2a33] {
    margin-right: .3125rem;
    transform: rotate(-180deg)
}

.is-keyboard-user .ui-select-modal-phone-code-field-toggle[data-v-58ff2a33]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-select-modal-country__ico[data-v-5eaa80d0] {
    flex-shrink: 0
}

[dir=ltr] .ui-select-modal-country__ico[data-v-5eaa80d0] {
    margin-right: .625rem
}

[dir=rtl] .ui-select-modal-country__ico[data-v-5eaa80d0] {
    margin-left: .625rem
}

.ui-select-modal-country__ico[data-v-012710d4] {
    flex-shrink: 0
}

[dir=ltr] .ui-select-modal-country__ico[data-v-012710d4] {
    margin-right: .625rem
}

[dir=rtl] .ui-select-modal-country__ico[data-v-012710d4] {
    margin-left: .625rem
}

.ui-bar-switches[data-v-033dc5e2] {
    align-self: stretch;
    display: flex;
    overflow: hidden
}

[dir] .ui-bar-switches[data-v-033dc5e2] {
    padding-left: .625rem;
    padding-right: .625rem
}

.ui-bar-drops-item[data-v-8be3aab4] {
    position: relative
}

.ui-bar-drops[data-v-ea4f8c22] {
    display: flex
}

[dir=ltr] .ui-bar-drops[data-v-ea4f8c22] .ui-bar-drops-item:nth-child(n+2) {
    margin-left: .3125rem
}

[dir=rtl] .ui-bar-drops[data-v-ea4f8c22] .ui-bar-drops-item:nth-child(n+2) {
    margin-right: .3125rem
}

[dir=ltr] .ui-bar-drops--separate[data-v-ea4f8c22] .ui-bar-drops-item:nth-child(n+2) {
    padding-left: .625rem
}

[dir=rtl] .ui-bar-drops--separate[data-v-ea4f8c22] .ui-bar-drops-item:nth-child(n+2) {
    padding-right: .625rem
}

[dir=ltr] .ui-bar-drops--separate[data-v-ea4f8c22] .ui-bar-drops-item:not(:first-child:last-child) {
    padding-right: .9375rem
}

[dir=rtl] .ui-bar-drops--separate[data-v-ea4f8c22] .ui-bar-drops-item:not(:first-child:last-child) {
    padding-left: .9375rem
}

.ui-bar-drops--separate[data-v-ea4f8c22] .ui-bar-drops-item:not(:first-child:last-child):after {
    bottom: 0;
    content: "";
    opacity: .2;
    position: absolute;
    top: 0;
    width: 1px
}

[dir] .ui-bar-drops--separate[data-v-ea4f8c22] .ui-bar-drops-item:not(:first-child:last-child):after {
    background: currentColor
}

[dir=ltr] .ui-bar-drops--separate[data-v-ea4f8c22] .ui-bar-drops-item:not(:first-child:last-child):after {
    right: 0
}

[dir=rtl] .ui-bar-drops--separate[data-v-ea4f8c22] .ui-bar-drops-item:not(:first-child:last-child):after {
    left: 0
}

.ui-tabs[data-v-c041c327] {
    display: flex
}

.ui-tabs__item[data-v-c041c327] {
    display: flex;
    flex-grow: 1;
    min-width: 0
}

[dir=ltr] .ui-tabs__item[data-v-c041c327]:nth-child(n+2) {
    margin-left: .3125rem
}

[dir=rtl] .ui-tabs__item[data-v-c041c327]:nth-child(n+2) {
    margin-right: .3125rem
}

.ui-tabs--equal .ui-tabs__item[data-v-c041c327] {
    flex-basis: 50%
}

.ui-tabs__tab[data-v-c041c327] {
    flex-grow: 1;
    min-width: 0
}

.ui-tabs-tab[data-v-c041c327] {
    grid-gap: .3125rem;
    display: grid;
    grid-template-rows:auto 1fr;
    position: relative
}

[dir] .ui-tabs-tab[data-v-c041c327] {
    cursor: pointer;
    text-align: center
}

.ui-tabs-tab__input[data-v-c041c327] {
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

[dir] .ui-tabs-tab__input[data-v-c041c327] {
    border: 0;
    margin: -1px;
    padding: 0
}

.is-keyboard-user .ui-tabs-tab__input:focus + .tab__container[data-v-c041c327] {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-tabs-tab__container[data-v-c041c327] {
    grid-gap: .3125rem;
    align-items: center;
    display: grid;
    justify-content: center;
    min-height: var(--tab-min-height)
}

[dir] .ui-tabs-tab__container[data-v-c041c327] {
    border-radius: var(--border-radius);
    padding: .3125rem
}

.ui-tabs--theme-gray-100 .ui-tabs-tab--is-toggled .ui-tabs-tab__container[data-v-c041c327] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-tabs--theme-gray-100 .ui-tabs-tab--is-toggled .ui-tabs-tab__container[data-v-c041c327] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tabs--theme-gray-100 .ui-tabs-tab__container[data-v-c041c327] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-tabs--theme-gray-100 .ui-tabs-tab__container[data-v-c041c327] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tabs--theme-gray-60 .ui-tabs-tab--is-toggled .ui-tabs-tab__container[data-v-c041c327] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-tabs--theme-gray-60 .ui-tabs-tab--is-toggled .ui-tabs-tab__container[data-v-c041c327] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tabs--theme-gray-60 .ui-tabs-tab__container[data-v-c041c327] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-tabs--theme-gray-60 .ui-tabs-tab__container[data-v-c041c327] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tabs--theme-primary--20 .ui-tabs-tab--is-toggled .ui-tabs-tab__container[data-v-c041c327] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-tabs--theme-primary--20 .ui-tabs-tab--is-toggled .ui-tabs-tab__container[data-v-c041c327] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tabs--theme-primary--20 .ui-tabs-tab__container[data-v-c041c327] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-tabs--theme-primary--20 .ui-tabs-tab__container[data-v-c041c327] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tabs--size-m[data-v-c041c327] {
    --tab-min-height: 2.375rem
}

.social-select[data-v-ddcb5da4] {
    align-items: flex-start;
    display: flex
}

.social-select__ico[data-v-ddcb5da4] {
    max-width: 1em
}

.social-select__ico--angle[data-v-ddcb5da4] {
    grid-column-start: 2
}

[dir] .social-select__caption[data-v-ddcb5da4] {
    margin-top: .3125rem
}

.ui-status[data-v-714e94d3] {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

[dir] .ui-status[data-v-714e94d3] {
    border-radius: 3.125rem
}

.ui-status--success[data-v-714e94d3] {
    --bg: hsla(var(--good-80-bg), 1);
    --hsl-bg: var(--good-80-bg);
    --clr: hsl(var(--good-80-clr));
    --hsl-clr: var(--good-80-clr);
    --clr-accent: hsl(var(--good-80-clr-accent));
    --hsl-clr-accent: var(--good-80-clr-accent);
    --clr-decent: hsl(var(--good-80-clr-decent));
    --hsl-clr-decent: var(--good-80-clr-decent);
    --clr-strong: hsl(var(--good-80-clr-strong));
    --hsl-clr-strong: var(--good-80-clr-strong);
    --clr-strong-alt: hsl(var(--good-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--good-80-clr-strong-alt);
    --clr-primary: hsl(var(--good-80-clr-primary));
    --hsl-clr-primary: var(--good-80-clr-primary);
    --clr-good: hsl(var(--good-80-clr-good));
    --hsl-clr-good: var(--good-80-clr-good);
    --clr-bad: hsl(var(--good-80-clr-bad));
    --hsl-clr-bad: var(--good-80-clr-bad);
    --sep: hsl(var(--good-80-sep));
    --hsl-sep: var(--good-80-sep);
    --sep-alt: hsl(var(--good-80-sep-alt));
    --hsl-sep-alt: var(--good-80-sep-alt);
    color: Hsla(var(--hsl-clr-good), 1)
}

[dir] .ui-status--success[data-v-714e94d3] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-status--error[data-v-714e94d3] {
    --bg: hsla(var(--bad-80-bg), 1);
    --hsl-bg: var(--bad-80-bg);
    --clr: hsl(var(--bad-80-clr));
    --hsl-clr: var(--bad-80-clr);
    --clr-accent: hsl(var(--bad-80-clr-accent));
    --hsl-clr-accent: var(--bad-80-clr-accent);
    --clr-decent: hsl(var(--bad-80-clr-decent));
    --hsl-clr-decent: var(--bad-80-clr-decent);
    --clr-strong: hsl(var(--bad-80-clr-strong));
    --hsl-clr-strong: var(--bad-80-clr-strong);
    --clr-strong-alt: hsl(var(--bad-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--bad-80-clr-strong-alt);
    --clr-primary: hsl(var(--bad-80-clr-primary));
    --hsl-clr-primary: var(--bad-80-clr-primary);
    --clr-good: hsl(var(--bad-80-clr-good));
    --hsl-clr-good: var(--bad-80-clr-good);
    --clr-bad: hsl(var(--bad-80-clr-bad));
    --hsl-clr-bad: var(--bad-80-clr-bad);
    --sep: hsl(var(--bad-80-sep));
    --hsl-sep: var(--bad-80-sep);
    --sep-alt: hsl(var(--bad-80-sep-alt));
    --hsl-sep-alt: var(--bad-80-sep-alt);
    color: Hsla(var(--hsl-clr-bad), 1)
}

[dir] .ui-status--error[data-v-714e94d3] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-status--pending[data-v-714e94d3] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-status--pending[data-v-714e94d3] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-status--selected[data-v-714e94d3] {
    --bg: hsla(var(--primary-80-bg), 1);
    --hsl-bg: var(--primary-80-bg);
    --clr: hsl(var(--primary-80-clr));
    --hsl-clr: var(--primary-80-clr);
    --clr-accent: hsl(var(--primary-80-clr-accent));
    --hsl-clr-accent: var(--primary-80-clr-accent);
    --clr-decent: hsl(var(--primary-80-clr-decent));
    --hsl-clr-decent: var(--primary-80-clr-decent);
    --clr-strong: hsl(var(--primary-80-clr-strong));
    --hsl-clr-strong: var(--primary-80-clr-strong);
    --clr-strong-alt: hsl(var(--primary-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-80-clr-strong-alt);
    --clr-primary: hsl(var(--primary-80-clr-primary));
    --hsl-clr-primary: var(--primary-80-clr-primary);
    --clr-good: hsl(var(--primary-80-clr-good));
    --hsl-clr-good: var(--primary-80-clr-good);
    --clr-bad: hsl(var(--primary-80-clr-bad));
    --hsl-clr-bad: var(--primary-80-clr-bad);
    --sep: hsl(var(--primary-80-sep));
    --hsl-sep: var(--primary-80-sep);
    --sep-alt: hsl(var(--primary-80-sep-alt));
    --hsl-sep-alt: var(--primary-80-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-status--selected[data-v-714e94d3] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-status--size-m[data-v-714e94d3] {
    font-size: .75rem;
    line-height: .875rem;
    min-height: 1.5rem
}

[dir] .ui-status--size-m[data-v-714e94d3] {
    padding: .3125rem .9375rem
}

.ui-status--size-s[data-v-714e94d3] {
    font-size: .6875rem;
    line-height: .8125rem;
    min-height: 1.25rem
}

[dir] .ui-status--size-s[data-v-714e94d3] {
    padding: 2px .625rem
}

.ui-notification-close[data-v-e6ea841e] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 2em;
    min-width: 2em;
    opacity: .5
}

.is-keyboard-user .ui-notification-close[data-v-e6ea841e]:focus {
    opacity: 1;
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

[dir] .ui-notification-base[data-v-1272a3c0] {
    border-radius: var(--border-radius);
    box-shadow: 0 .1875em 1.125em rgba(0, 0, 0, .3)
}

.ui-notification-base__container[data-v-1272a3c0] {
    align-items: flex-start;
    display: flex
}

.ui-notification-base__close[data-v-1272a3c0] {
    flex: none
}

.ui-notification-base__content[data-v-1272a3c0] {
    flex: auto;
    min-width: 0
}

.ui-notification-base__controls[data-v-1272a3c0] {
    grid-gap: .9375em;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column
}

[dir] .ui-notification-base__controls[data-v-1272a3c0] {
    padding-bottom: .9375em;
    padding-left: .9375em;
    padding-right: .9375em
}

.ui-notification-text[data-v-0752616f] a {
    color: Hsl(var(--hsl-clr-accent));
    text-decoration: underline
}

.is-keyboard-user .ui-notification-text[data-v-0752616f] a:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-notification[data-v-a6c88197] {
    pointer-events: all
}

.ui-notification__content[data-v-a6c88197] {
    grid-gap: .625rem;
    display: grid
}

[dir] .ui-notification__content[data-v-a6c88197] {
    padding-bottom: .625rem;
    padding-top: .9375rem
}

[dir=ltr] .ui-notification__content[data-v-a6c88197] {
    padding-left: .9375rem
}

[dir=rtl] .ui-notification__content[data-v-a6c88197] {
    padding-right: .9375rem
}

[dir] .ui-notification__after[data-v-a6c88197], [dir] .ui-notification__description[data-v-a6c88197] {
    border-top: 1px solid hsl(var(--hsl-sep));
    margin-left: .9375rem;
    margin-right: .9375rem
}

.ui-notification__description[data-v-a6c88197] {
    color: Hsl(var(--hsl-clr-decent));
    font-size: .75rem;
    line-height: .875rem
}

[dir] .ui-notification__description[data-v-a6c88197] {
    margin-top: -.3125rem;
    padding-bottom: .9375rem;
    padding-top: .625rem
}

.ui-notification__description--error[data-v-a6c88197] {
    color: Hsl(var(--hsl-clr-bad))
}

.ui-notification__description--success[data-v-a6c88197] {
    color: Hsl(var(--hsl-clr-good))
}

[dir] .ui-notification__after[data-v-a6c88197] {
    padding-top: .9375rem
}

.ui-notification--theme-gray-100[data-v-a6c88197] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-notification--theme-gray-100[data-v-a6c88197] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-notification--theme-primary--10[data-v-a6c88197] {
    --bg: hsla(var(--primary--10-bg), 1);
    --hsl-bg: var(--primary--10-bg);
    --clr: hsl(var(--primary--10-clr));
    --hsl-clr: var(--primary--10-clr);
    --clr-accent: hsl(var(--primary--10-clr-accent));
    --hsl-clr-accent: var(--primary--10-clr-accent);
    --clr-decent: hsl(var(--primary--10-clr-decent));
    --hsl-clr-decent: var(--primary--10-clr-decent);
    --clr-strong: hsl(var(--primary--10-clr-strong));
    --hsl-clr-strong: var(--primary--10-clr-strong);
    --clr-strong-alt: hsl(var(--primary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--10-clr-strong-alt);
    --clr-primary: hsl(var(--primary--10-clr-primary));
    --hsl-clr-primary: var(--primary--10-clr-primary);
    --clr-good: hsl(var(--primary--10-clr-good));
    --hsl-clr-good: var(--primary--10-clr-good);
    --clr-bad: hsl(var(--primary--10-clr-bad));
    --hsl-clr-bad: var(--primary--10-clr-bad);
    --sep: hsl(var(--primary--10-sep));
    --hsl-sep: var(--primary--10-sep);
    --sep-alt: hsl(var(--primary--10-sep-alt));
    --hsl-sep-alt: var(--primary--10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-notification--theme-primary--10[data-v-a6c88197] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-notification--theme-alternative[data-v-a6c88197] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt)
}

[dir] .ui-notification--theme-alternative[data-v-a6c88197] {
    background-color: Hsl(var(--custom-primary-active-bg))
}

.ui-notification--theme-primary[data-v-a6c88197] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-notification--theme-primary[data-v-a6c88197] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-notification-alert__content[data-v-472653b8] {
    grid-gap: .3125em;
    display: grid
}

.ui-notification-alert__title[data-v-472653b8] {
    color: Hsl(var(--hsl-clr-primary))
}

.ui-notification-alert--status-success .ui-notification-alert__title[data-v-472653b8] {
    color: Hsl(var(--hsl-clr-good))
}

.ui-notification-alert--status-error .ui-notification-alert__title[data-v-472653b8] {
    color: Hsl(var(--hsl-clr-bad))
}

.ui-notification-alert__title--info[data-v-472653b8] {
    color: Hsl(var(--hsl-clr-primary))
}

.ui-notification-alert__title--error[data-v-472653b8] {
    color: Hsl(var(--hsl-clr-bad))
}

.ui-notification-alert__title--success[data-v-472653b8] {
    color: Hsl(var(--hsl-clr-good))
}

.ui-notification-alert-title[data-v-472653b8] {
    align-items: flex-start;
    display: flex
}

.ui-notification-alert-title__ico[data-v-472653b8] {
    flex-shrink: 0;
    font-size: .75rem
}

[dir=ltr] .ui-notification-alert-title__ico[data-v-472653b8] {
    margin-right: .3125rem
}

[dir=rtl] .ui-notification-alert-title__ico[data-v-472653b8] {
    margin-left: .3125rem
}

.ui-notification-snackbar__content[data-v-51c80801] {
    grid-gap: .625em;
    display: grid;
    position: relative
}

[dir=ltr] .ui-notification-snackbar__content[data-v-51c80801] {
    padding-left: .875em
}

[dir=rtl] .ui-notification-snackbar__content[data-v-51c80801] {
    padding-right: .875em
}

.ui-notification-snackbar__content[data-v-51c80801]:before {
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
    width: .25em
}

[dir] .ui-notification-snackbar__content[data-v-51c80801]:before {
    border-radius: .125em
}

[dir] .ui-notification-snackbar--type-success .ui-notification-snackbar__content[data-v-51c80801]:before {
    background-color: Hsl(var(--hsl-clr-good))
}

[dir] .ui-notification-snackbar--type-warning .ui-notification-snackbar__content[data-v-51c80801]:before {
    background-color: Hsl(var(--custom-ui-notification-snackbar-warning-marker, var(--warning--30-bg)))
}

[dir] .ui-notification-snackbar--type-error .ui-notification-snackbar__content[data-v-51c80801]:before {
    background-color: Hsl(var(--hsl-clr-bad))
}

.ui-inline-button--size-m[data-v-cab422bc] {
    font-size: .875rem;
    line-height: 1rem
}

.ui-inline-button--size-s[data-v-cab422bc] {
    font-size: .75rem;
    line-height: .875rem
}

.ui-inline-button[data-v-cab422bc] {
    display: inline-block
}

[dir] .ui-inline-button[data-v-cab422bc] {
    border-bottom: 1px dashed
}

.ui-inline-button[data-v-cab422bc]:disabled {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-inline-button[data-v-cab422bc]:hover {
    opacity: .8
}

.is-keyboard-user .ui-inline-button[data-v-cab422bc]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.column-nav--theme-primary--20[data-v-8cb993dd] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .column-nav--theme-primary--20[data-v-8cb993dd] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.column-nav--theme-gray--80[data-v-8cb993dd] {
    --bg: hsla(var(--gray--80-bg), 1);
    --hsl-bg: var(--gray--80-bg);
    --clr: hsl(var(--gray--80-clr));
    --hsl-clr: var(--gray--80-clr);
    --clr-accent: hsl(var(--gray--80-clr-accent));
    --hsl-clr-accent: var(--gray--80-clr-accent);
    --clr-decent: hsl(var(--gray--80-clr-decent));
    --hsl-clr-decent: var(--gray--80-clr-decent);
    --clr-strong: hsl(var(--gray--80-clr-strong));
    --hsl-clr-strong: var(--gray--80-clr-strong);
    --clr-strong-alt: hsl(var(--gray--80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--80-clr-strong-alt);
    --clr-primary: hsl(var(--gray--80-clr-primary));
    --hsl-clr-primary: var(--gray--80-clr-primary);
    --clr-good: hsl(var(--gray--80-clr-good));
    --hsl-clr-good: var(--gray--80-clr-good);
    --clr-bad: hsl(var(--gray--80-clr-bad));
    --hsl-clr-bad: var(--gray--80-clr-bad);
    --sep: hsl(var(--gray--80-sep));
    --hsl-sep: var(--gray--80-sep);
    --sep-alt: hsl(var(--gray--80-sep-alt));
    --hsl-sep-alt: var(--gray--80-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .column-nav--theme-gray--80[data-v-8cb993dd] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.column-nav-title[data-v-993d1ca9] {
    color: Hsl(var(--hsl-clr));
    font-size: .75em;
    font-weight: 500;
    line-height: 1.16667em;
    opacity: .65;
    text-transform: uppercase
}

[dir] .column-nav-title[data-v-993d1ca9] {
    padding: 0 1.66667em
}

.column-nav-link--theme-primary.column-nav-link[data-v-5366e94f]:not(.column-nav-link--is-active):hover {
    --bg: hsla(var(--primary-0-bg), 0.5);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .column-nav-link--theme-primary.column-nav-link[data-v-5366e94f]:not(.column-nav-link--is-active):hover {
    background-color: Hsla(var(--hsl-bg), .5)
}

.column-nav-link--theme-primary.column-nav-link--is-active[data-v-5366e94f] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .column-nav-link--theme-primary.column-nav-link--is-active[data-v-5366e94f] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.column-nav-link--theme-gray--60.column-nav-link[data-v-5366e94f]:not(.column-nav-link--is-active):hover {
    --bg: hsla(var(--gray--60-bg), 0.5);
    --hsl-bg: var(--gray--60-bg);
    --clr: hsl(var(--gray--60-clr));
    --hsl-clr: var(--gray--60-clr);
    --clr-accent: hsl(var(--gray--60-clr-accent));
    --hsl-clr-accent: var(--gray--60-clr-accent);
    --clr-decent: hsl(var(--gray--60-clr-decent));
    --hsl-clr-decent: var(--gray--60-clr-decent);
    --clr-strong: hsl(var(--gray--60-clr-strong));
    --hsl-clr-strong: var(--gray--60-clr-strong);
    --clr-strong-alt: hsl(var(--gray--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--60-clr-strong-alt);
    --clr-primary: hsl(var(--gray--60-clr-primary));
    --hsl-clr-primary: var(--gray--60-clr-primary);
    --clr-good: hsl(var(--gray--60-clr-good));
    --hsl-clr-good: var(--gray--60-clr-good);
    --clr-bad: hsl(var(--gray--60-clr-bad));
    --hsl-clr-bad: var(--gray--60-clr-bad);
    --sep: hsl(var(--gray--60-sep));
    --hsl-sep: var(--gray--60-sep);
    --sep-alt: hsl(var(--gray--60-sep-alt));
    --hsl-sep-alt: var(--gray--60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .column-nav-link--theme-gray--60.column-nav-link[data-v-5366e94f]:not(.column-nav-link--is-active):hover {
    background-color: Hsla(var(--hsl-bg), .5)
}

.column-nav-link--theme-gray--60.column-nav-link--is-active[data-v-5366e94f] {
    --bg: hsla(var(--gray--60-bg), 1);
    --hsl-bg: var(--gray--60-bg);
    --clr: hsl(var(--gray--60-clr));
    --hsl-clr: var(--gray--60-clr);
    --clr-accent: hsl(var(--gray--60-clr-accent));
    --hsl-clr-accent: var(--gray--60-clr-accent);
    --clr-decent: hsl(var(--gray--60-clr-decent));
    --hsl-clr-decent: var(--gray--60-clr-decent);
    --clr-strong: hsl(var(--gray--60-clr-strong));
    --hsl-clr-strong: var(--gray--60-clr-strong);
    --clr-strong-alt: hsl(var(--gray--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--60-clr-strong-alt);
    --clr-primary: hsl(var(--gray--60-clr-primary));
    --hsl-clr-primary: var(--gray--60-clr-primary);
    --clr-good: hsl(var(--gray--60-clr-good));
    --hsl-clr-good: var(--gray--60-clr-good);
    --clr-bad: hsl(var(--gray--60-clr-bad));
    --hsl-clr-bad: var(--gray--60-clr-bad);
    --sep: hsl(var(--gray--60-sep));
    --hsl-sep: var(--gray--60-sep);
    --sep-alt: hsl(var(--gray--60-sep-alt));
    --hsl-sep-alt: var(--gray--60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .column-nav-link--theme-gray--60.column-nav-link--is-active[data-v-5366e94f] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.column-nav-link[data-v-5366e94f] {
    display: flex;
    min-height: 2em;
    position: relative;
    width: 100%
}

[dir] .column-nav-link[data-v-5366e94f] {
    padding: .3125em 1.25em;
    transition: background-color .3s ease
}

[dir] .column-nav-link--narrow[data-v-5366e94f] {
    padding-left: .3125em;
    padding-right: .3125em
}

.column-nav-link--is-active[data-v-5366e94f] {
    position: relative
}

.column-nav-link--is-active[data-v-5366e94f]:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 2px
}

[dir] .column-nav-link--is-active[data-v-5366e94f]:before {
    background-color: Hsl(var(--hsl-clr-primary))
}

[dir=ltr] .column-nav-link--is-active[data-v-5366e94f]:before {
    left: 0
}

[dir=rtl] .column-nav-link--is-active[data-v-5366e94f]:before {
    right: 0
}

.column-nav-link__content[data-v-5366e94f] {
    display: flex;
    flex: auto;
    min-width: 0
}

.column-nav-link__control[data-v-5366e94f] {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

[dir=ltr] .column-nav-link__control[data-v-5366e94f] {
    left: 0
}

[dir=rtl] .column-nav-link__control[data-v-5366e94f] {
    right: 0
}

.is-keyboard-user .column-nav-link__control[data-v-5366e94f]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.column-nav-list__item[data-v-b5096e3f] {
    min-width: 0
}

[dir] .column-nav-list__item[data-v-b5096e3f]:nth-child(n+2) {
    margin-top: .3125em
}

[dir] .column-nav-section[data-v-65dc6a4a] {
    padding-bottom: .9375em;
    padding-top: .9375em
}

[dir] .column-nav-section__title[data-v-65dc6a4a] {
    margin-bottom: .15625em;
    margin-top: .625em
}

.ui-plug-background-default__content[data-v-f0606cd8] {
    color: hsla(0, 0%, 100%, 0)
}

.ui-plug-background-default__line[data-v-f0606cd8] {
    stroke: Hsla(var(--primary-80-bg), .12);
    stroke-width: 2px
}

.ui-plug-background-default-ball__shadow[data-v-f0606cd8] {
    fill: Hsla(var(--primary--60-bg), .25)
}

.ui-plug-background-default-ball__gradient[data-v-f0606cd8] {
    --ui-plug-background-default-color-stop: Hsl(var(--primary--40-clr-decent));
    --ui-plug-background-default-color-offset: Hsl(var(--primary--40-bg))
}

.ui-plug-background-default-orb__gradient[data-v-f0606cd8] {
    --ui-plug-background-default-color-stop: Hsl(var(--primary-0-bg));
    --ui-plug-background-default-color-offset: Hsla(var(--primary-0-bg), 0)
}

.ui-plug-background-crypto[data-v-1db4a79f] {
    --ui-plug-background-crypto-color-1: #040e24;
    --ui-plug-background-crypto-color-2: #040a17;
    --ui-plug-background-crypto-color-3: #9a3cf8;
    --ui-plug-background-crypto-color-4: #6000da;
    --ui-plug-background-crypto-color-5: #260967;
    --ui-plug-background-crypto-color-6: #000
}

.ui-plug-background-crypto__content[data-v-1db4a79f] {
    opacity: .5
}

.ui-plug-background-crypto__blur[data-v-1db4a79f] {
    mix-blend-mode: hue;
    opacity: .4
}

.ui-plug-background-crypto__fill--start[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-1)
}

.ui-plug-background-crypto__fill--end[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-2)
}

.ui-plug-background-crypto__ethereum[data-v-1db4a79f] {
    opacity: .8
}

.ui-plug-background-crypto__tether--start[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-1)
}

.ui-plug-background-crypto__bitcoin--start[data-v-1db4a79f], .ui-plug-background-crypto__tether--end[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-3)
}

.ui-plug-background-crypto__bitcoin--end[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-1)
}

.ui-plug-background-crypto__litecoin--start[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-4)
}

.ui-plug-background-crypto__litecoin--end[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-1)
}

.ui-plug-background-crypto__bottom-blur--start[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-3)
}

.ui-plug-background-crypto__bottom-blur--end[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-4)
}

.ui-plug-background-crypto-ethereum__left-middle-triangle--start[data-v-1db4a79f], .ui-plug-background-crypto-ethereum__right-bottom-triangle--start[data-v-1db4a79f], .ui-plug-background-crypto-ethereum__right-middle-triangle--start[data-v-1db4a79f], .ui-plug-background-crypto-ethereum__right-top-triangle--start[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-3)
}

.ui-plug-background-crypto-ethereum__left-middle-triangle--end[data-v-1db4a79f], .ui-plug-background-crypto-ethereum__right-bottom-triangle--end[data-v-1db4a79f], .ui-plug-background-crypto-ethereum__right-middle-triangle--end[data-v-1db4a79f], .ui-plug-background-crypto-ethereum__right-top-triangle--end[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-1)
}

.ui-plug-background-crypto-ethereum__left-side--start[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-4)
}

.ui-plug-background-crypto-ethereum__left-side--end[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-1)
}

.ui-plug-background-crypto-solana__bottom-line--start[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-5)
}

.ui-plug-background-crypto-solana__bottom-line--end[data-v-1db4a79f], .ui-plug-background-crypto-solana__top-line--start[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-1)
}

.ui-plug-background-crypto-solana__top-line--middle[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-5)
}

.ui-plug-background-crypto-solana__top-line--end[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-4)
}

.ui-plug-background-crypto-solana__middle-line--start[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-1)
}

.ui-plug-background-crypto-solana__middle-line--end[data-v-1db4a79f] {
    stop-color: var(--ui-plug-background-crypto-color-4)
}

.ui-plug-background-net[data-v-9980580e] {
    opacity: .2;
    overflow: hidden
}

.ui-plug-background-net__content[data-v-9980580e] {
    color: hsla(0, 0%, 100%, 0)
}

.ui-plug-background-net__line[data-v-9980580e] {
    stroke: Hsla(var(--primary-80-bg), .2);
    stroke-width: 2px
}

.ui-plug-background-net-blur--light[data-v-9980580e] {
    --ui-plug-background-net-blur-color: Hsla(var(--primary--30-bg), 0.6)
}

.ui-plug-background-net-blur--dark[data-v-9980580e] {
    --ui-plug-background-net-blur-color: Hsla(var(--primary--60-bg), 0.8)
}

.ui-plug[data-v-686bf680] {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt);
    color: Hsl(var(--hsl-clr));
    display: flex;
    flex-direction: column;
    position: relative
}

[dir] .ui-plug[data-v-686bf680] {
    background: radial-gradient(closest-corner circle, hsla(var(--primary--30-bg), 1) 0, hsla(var(--primary--40-bg), 1) 100%)
}

.ui-plug--full-page[data-v-686bf680] {
    min-height: 100vh;
    width: 100%
}

.ui-plug__background[data-v-686bf680], .ui-plug__background[data-v-686bf680] > * {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

[dir=ltr] .ui-plug__background[data-v-686bf680], [dir=ltr] .ui-plug__background[data-v-686bf680] > * {
    left: 0
}

[dir=rtl] .ui-plug__background[data-v-686bf680], [dir=rtl] .ui-plug__background[data-v-686bf680] > * {
    right: 0
}

.ui-plug__content[data-v-686bf680], .ui-plug__footer[data-v-686bf680], .ui-plug__header[data-v-686bf680] {
    display: flex;
    position: relative;
    width: 100%
}

[dir] .ui-plug__content[data-v-686bf680], [dir] .ui-plug__footer[data-v-686bf680], [dir] .ui-plug__header[data-v-686bf680] {
    padding: .625em
}

.ui-plug__footer[data-v-686bf680], .ui-plug__header[data-v-686bf680] {
    flex: none;
    justify-content: center
}

.ui-plug__content[data-v-686bf680] {
    align-items: center;
    flex: auto;
    flex-direction: column;
    justify-content: center
}

[dir] .ui-plug__footer[data-v-686bf680] {
    background-color: hsla(var(--primary--40-bg), .7)
}

.ui-plug-tile[data-v-f9810e59] {
    display: flex;
    flex-direction: column;
    position: relative
}

[dir] .ui-plug-tile[data-v-f9810e59] {
    border-radius: var(--border-radius);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, .7);
    padding: 1.25rem 1.875rem;
    text-align: center
}

.ui-plug-tile--theme-gray-100[data-v-f9810e59] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-plug-tile--theme-gray-100[data-v-f9810e59] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-plug-tile--theme-primary--20[data-v-f9810e59] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-plug-tile--theme-primary--20[data-v-f9810e59] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-plug-tile-text__label[data-v-6fa3b287] {
    font-size: .875em;
    line-height: 1.21429em
}

.ui-plug-tile-title__text[data-v-634017bb] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem
}

.ui-plug-tile-title__text--color-clr-strong[data-v-634017bb] {
    color: Hsl(var(--hsl-clr-strong))
}

.ui-plug-tile-title__text--color-clr[data-v-634017bb] {
    color: Hsl(var(--hsl-clr))
}

.ui-plug-message[data-v-bc5f50d5] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

[dir] .ui-plug-message[data-v-bc5f50d5] {
    border-radius: var(--border-radius);
    padding: 1.25rem;
    text-align: center
}

[dir] .ui-plug-message__ico[data-v-bc5f50d5], [dir] .ui-plug-message__status[data-v-bc5f50d5] {
    margin-bottom: 1.875rem
}

.ui-plug-message__ico--pending[data-v-bc5f50d5] {
    color: Hsl(var(--hsl-clr-primary))
}

.ui-plug-message__ico--success[data-v-bc5f50d5] {
    color: Hsl(var(--hsl-clr-accent))
}

.ui-plug-message__ico--error[data-v-bc5f50d5] {
    color: Hsl(var(--hsl-clr-bad))
}

[dir] .ui-plug-message__title[data-v-bc5f50d5] {
    margin-bottom: .625rem
}

.ui-plug-message--theme-gray-100[data-v-bc5f50d5] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr-strong), 1)
}

[dir] .ui-plug-message--theme-gray-100[data-v-bc5f50d5] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-plug-message--theme-primary--20[data-v-bc5f50d5] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-plug-message--theme-primary--20[data-v-bc5f50d5] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-plug-socials[data-v-416f5e3e] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.ui-plug-socials__item[data-v-416f5e3e] {
    display: flex
}

[dir] .ui-plug-socials__item[data-v-416f5e3e] {
    margin: .9375rem
}

@media (max-width: 600px) {
    .ui-plug-socials__item[data-v-416f5e3e] {
        max-width: 18.75rem;
        width: 100%
    }
}

.ui-plug-socials__img[data-v-416f5e3e] {
    max-height: 1rem;
    object-fit: contain;
    width: 1rem
}

.ui-plug-socials__icon[data-v-416f5e3e] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    align-items: center;
    color: Hsla(var(--hsl-clr), 1);
    display: flex;
    flex-basis: 2.125rem;
    height: 2.125rem;
    justify-content: center;
    min-width: 2.125rem
}

[dir] .ui-plug-socials__icon[data-v-416f5e3e] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: 50%
}

[dir=ltr] .ui-plug-socials__icon[data-v-416f5e3e] {
    margin-right: .625rem
}

[dir=rtl] .ui-plug-socials__icon[data-v-416f5e3e] {
    margin-left: .625rem
}

.ui-plug-socials__content[data-v-416f5e3e] {
    min-width: 0
}

.ui-plug-socials__link[data-v-416f5e3e], .ui-plug-socials__name[data-v-416f5e3e] {
    font-size: .875rem;
    line-height: 1.0625rem
}

[dir] .ui-plug-socials__name[data-v-416f5e3e] {
    margin-bottom: .3125rem
}

.ui-plug-socials__link[data-v-416f5e3e] {
    display: block;
    overflow-x: hidden;
    text-decoration: underline;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-plug-socials__link[data-v-416f5e3e]:hover {
    text-decoration: none
}

.is-keyboard-user .ui-plug-socials__link[data-v-416f5e3e]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-plug-contacts[data-v-067e5e2c] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.ui-plug-contacts__item[data-v-067e5e2c] {
    position: relative
}

[dir] .ui-plug-contacts__item[data-v-067e5e2c] {
    margin-left: .625em;
    margin-right: .625em
}

.ui-plug-contacts__item[data-v-067e5e2c]:nth-child(n+2):before {
    bottom: 0;
    content: "";
    opacity: .15;
    position: absolute;
    top: 0;
    width: 1px
}

[dir] .ui-plug-contacts__item[data-v-067e5e2c]:nth-child(n+2):before {
    background-color: currentColor
}

[dir=ltr] .ui-plug-contacts__item[data-v-067e5e2c]:nth-child(n+2):before {
    left: -.625em
}

[dir=rtl] .ui-plug-contacts__item[data-v-067e5e2c]:nth-child(n+2):before {
    right: -.625em
}

@media screen and (max-width: 400px) {
    .ui-plug-contacts__item[data-v-067e5e2c]:nth-child(n+2):before {
        display: none
    }
}

.ui-plug-contacts__link[data-v-067e5e2c] {
    font-size: .875em;
    line-height: 1.28571em;
    position: relative;
    text-decoration: underline
}

[dir] .ui-plug-contacts__link[data-v-067e5e2c] {
    padding: .5em .71429em
}

.is-keyboard-user .ui-plug-contacts__link[data-v-067e5e2c]:focus, .ui-plug-contacts__link[data-v-067e5e2c]:hover {
    text-decoration: none
}

.is-keyboard-user .ui-plug-contacts__link[data-v-067e5e2c]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-plug-help[data-v-de9d57df] {
    grid-column-gap: .3125rem;
    display: grid;
    grid-template-columns:1fr 4.0625rem
}

[dir=ltr] .ui-plug-help__caption[data-v-de9d57df] {
    margin-left: .625rem
}

[dir=rtl] .ui-plug-help__caption[data-v-de9d57df] {
    margin-right: .625rem
}

.ui-plug-help__support[data-v-de9d57df] {
    min-height: 2.5rem;
    min-width: 2.5rem
}

.ui-plug-help__button[data-v-de9d57df]:first-child:last-child, .ui-plug-help__support[data-v-de9d57df]:first-child:last-child {
    grid-column: 1/-1
}

.ui-plug-help-support[data-v-de9d57df] {
    align-items: center;
    display: flex;
    justify-content: center;
    white-space: nowrap
}

[dir] .ui-plug-help-support[data-v-de9d57df] {
    padding-left: .9375rem;
    padding-right: .9375rem;
    text-align: center
}

[dir=ltr] .ui-plug-help-support__caption[data-v-de9d57df] {
    margin-left: .625rem;
    margin-right: .3125rem
}

[dir=rtl] .ui-plug-help-support__caption[data-v-de9d57df] {
    margin-left: .3125rem;
    margin-right: .625rem
}

.ui-plug-help-support__ico[data-v-de9d57df] {
    flex-shrink: 0
}

.ui-plug-help-support__more[data-v-de9d57df] {
    align-items: center;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    position: relative;
    width: 2.5rem
}

[dir=ltr] .ui-plug-help-support__more[data-v-de9d57df] {
    margin-left: auto;
    right: -.9375rem
}

[dir=rtl] .ui-plug-help-support__more[data-v-de9d57df] {
    left: -.9375rem;
    margin-right: auto
}

.ui-plug-help-support__more[data-v-de9d57df]:before {
    content: "";
    height: 1.5rem;
    opacity: .2;
    position: absolute;
    top: 50%;
    width: 1px
}

[dir] .ui-plug-help-support__more[data-v-de9d57df]:before {
    background-color: Hsl(var(--hsl-clr));
    transform: translateY(-50%)
}

[dir=ltr] .ui-plug-help-support__more[data-v-de9d57df]:before {
    left: 0
}

[dir=rtl] .ui-plug-help-support__more[data-v-de9d57df]:before {
    right: 0
}

.ui-plug[data-v-a5c62894] {
    display: flex;
    flex-direction: column
}

.ui-plug__header[data-v-a5c62894] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 3rem
}

.ui-plug__logo--size-m[data-v-a5c62894] {
    max-height: 1rem
}

.ui-plug__logo--size-xl[data-v-a5c62894] {
    max-height: 2rem
}

.ui-plug__content[data-v-a5c62894] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: auto
}

[dir] .ui-plug__content[data-v-a5c62894] {
    padding: .625rem
}

.ui-plug__content > [data-v-a5c62894], .ui-plug__inner[data-v-a5c62894] {
    flex-grow: 1;
    min-width: 0
}

.ui-plug__footer[data-v-a5c62894] {
    grid-gap: .3125rem;
    display: grid
}

[dir] .ui-plug__footer[data-v-a5c62894] {
    padding: .625rem
}

.ui-plug--theme-gray-30 .ui-plug__content[data-v-a5c62894] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-plug--theme-gray-30 .ui-plug__content[data-v-a5c62894] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-plug--theme-primary--20 .ui-plug__content[data-v-a5c62894] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-plug--theme-primary--20 .ui-plug__content[data-v-a5c62894] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-plug--theme-primary--40 .ui-plug__content[data-v-a5c62894] {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-plug--theme-primary--40 .ui-plug__content[data-v-a5c62894] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-plug-socials[data-v-450c54da] {
    display: flex;
    height: 2.625rem;
    overflow: hidden;
    position: relative
}

.ui-plug-socials[data-v-450c54da]:after, .ui-plug-socials[data-v-450c54da]:before {
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    width: .9375rem;
    z-index: 10
}

[dir] .ui-plug-socials[data-v-450c54da]:after, [dir] .ui-plug-socials[data-v-450c54da]:before {
    transition: opacity .2s
}

[dir=ltr] .ui-plug-socials[data-v-450c54da]:before {
    background-image: linear-gradient(to right, Hsl(var(--hsl-bg)), hsla(0, 0%, 100%, 0));
    left: 0
}

[dir=rtl] .ui-plug-socials[data-v-450c54da]:before {
    background-image: linear-gradient(to left, Hsl(var(--hsl-bg)), hsla(0, 0%, 100%, 0));
    right: 0
}

.ui-plug-socials--on-scroll-start[data-v-450c54da]:before {
    opacity: 0
}

[dir=ltr] .ui-plug-socials[data-v-450c54da]:after {
    background-image: linear-gradient(to left, Hsl(var(--hsl-bg)), hsla(0, 0%, 100%, 0));
    right: 0
}

[dir=rtl] .ui-plug-socials[data-v-450c54da]:after {
    background-image: linear-gradient(to right, Hsl(var(--hsl-bg)), hsla(0, 0%, 100%, 0));
    left: 0
}

.ui-plug-socials--on-scroll-end[data-v-450c54da]:after {
    opacity: 0
}

.ui-plug-socials__list[data-v-450c54da] {
    grid-column-gap: .3125rem;
    display: grid;
    flex-grow: 1;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    height: 3.75rem;
    min-width: 0;
    overflow: auto;
    width: 100%
}

[dir] .ui-plug-socials__list[data-v-450c54da] {
    padding-bottom: 1.25rem
}

.ui-plug-layout__content[data-v-94f16fa6] {
    display: flex;
    flex-direction: column
}

.ui-plug-layout__message[data-v-94f16fa6] {
    flex-grow: 1
}

.ui-plug-layout__button[data-v-94f16fa6] {
    display: grid
}

[dir] .ui-plug-layout__button[data-v-94f16fa6] {
    margin-top: .625rem
}

[dir] .ui-input-images__progress[data-v-df72c873] {
    margin-top: .625em
}

.ui-input-images-area[data-v-df72c873] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative
}

[dir] .ui-input-images-area[data-v-df72c873] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius);
    cursor: pointer;
    padding: 2.1875em;
    text-align: center;
    transition: background-color .2s
}

.ui-input-images-area[data-v-df72c873]:hover {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt)
}

.ui-input-images-area[data-v-df72c873]:before {
    content: "";
    height: 100%;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

[dir] .ui-input-images-area[data-v-df72c873]:before {
    border: 1px dashed hsl(var(--hsl-clr-decent));
    border-radius: inherit
}

[dir=ltr] .ui-input-images-area[data-v-df72c873]:before {
    left: 0
}

[dir=rtl] .ui-input-images-area[data-v-df72c873]:before {
    right: 0
}

.ui-input-images-area--is-downloaded[data-v-df72c873] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-input-images-area--is-downloaded[data-v-df72c873] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-input-images-area__input[data-v-df72c873] {
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[dir] .ui-input-images-area__input[data-v-df72c873] {
    cursor: pointer
}

[dir=ltr] .ui-input-images-area__input[data-v-df72c873] {
    left: 0
}

[dir=rtl] .ui-input-images-area__input[data-v-df72c873] {
    right: 0
}

.is-keyboard-user .ui-input-images-area__input:focus ~ .ui-input-images-area__btn[data-v-df72c873] {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: 1px
}

[dir] .ui-input-images-area__error[data-v-df72c873] {
    margin-top: .3125rem
}

.rtl {
    direction: rtl
}

.vdp-datepicker {
    position: relative;
    text-align: left
}

.vdp-datepicker * {
    box-sizing: border-box
}

.vdp-datepicker__calendar {
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    width: 18.75rem;
    z-index: 100
}

.vdp-datepicker__calendar header {
    min-height: 2rem;
    width: 100%
}

.vdp-datepicker__calendar header span {
    align-items: center;
    display: flex;
    float: left;
    justify-content: center;
    min-height: inherit;
    transition: background-color .3s, color .3s;
    width: 71.42857%
}

.vdp-datepicker__calendar header .prev:after {
    border-right: .625rem solid #000;
    margin-left: -.3125rem
}

.vdp-datepicker__calendar header .prev.disabled:after {
    border-right: .625rem solid #ddd
}

.vdp-datepicker__calendar header .next:after {
    border-left: .625rem solid #000;
    margin-left: .3125rem
}

.vdp-datepicker__calendar header .next.disabled:after {
    border-left: .625rem solid #ddd
}

.vdp-datepicker__calendar .disabled {
    color: #ddd;
    cursor: default
}

.vdp-datepicker__calendar .dates-wrap {
    display: flex;
    flex-wrap: wrap
}

.vdp-datepicker__calendar .cell {
    border: 1px solid transparent;
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 .3125rem;
    text-align: center;
    transition: background-color .3s, color .3s;
    vertical-align: middle;
    width: 14.28571%
}

.vdp-datepicker__calendar .cell.selected, .vdp-datepicker__calendar .cell.selected.highlighted, .vdp-datepicker__calendar .cell.selected:hover {
    background: #4bd
}

.vdp-datepicker__calendar .cell.highlighted {
    background: #cae5ed
}

.vdp-datepicker__calendar .cell.highlighted.disabled {
    color: #a3a3a3
}

.vdp-datepicker__calendar .cell.grey {
    color: #888
}

.vdp-datepicker__calendar .cell.grey:hover {
    background: inherit
}

.vdp-datepicker__calendar .cell.day-header {
    cursor: inherit;
    font-size: 75%;
    white-space: nowrap
}

.vdp-datepicker__calendar .cell.day-header:hover {
    background: inherit
}

.vdp-datepicker__calendar header .next, .vdp-datepicker__calendar header .prev {
    float: left;
    position: relative;
    text-indent: -625rem;
    width: 13.68%
}

.vdp-datepicker__calendar header .next:after, .vdp-datepicker__calendar header .prev:after {
    border: .375rem solid transparent;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.vdp-datepicker__calendar header .next:not(.disabled), .vdp-datepicker__calendar header .prev:not(.disabled), .vdp-datepicker__calendar header .up:not(.disabled) {
    cursor: pointer
}

.vdp-datepicker__calendar header .up:not(.disabled) {
    background: Hsl(var(--custom-datepicker-month-bg));
    box-shadow: inset 0 0 0 1px Hsla(var(--custom-datepicker-month-border));
    color: Hsl(var(--custom-datepicker-month-clr));
    position: relative
}

.vdp-datepicker__calendar header .next:not(.disabled):hover, .vdp-datepicker__calendar header .prev:not(.disabled):hover, .vdp-datepicker__calendar header .up:not(.disabled):hover {
    background: Hsl(var(--custom-datepicker-month-bg-hover, var(--gray-0-bg)));
    color: Hsl(var(--custom-datepicker-month-clr-hover, var(--gray-0-clr)))
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year {
    cursor: pointer
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
    border: 1px solid #4bd
}

.vdp-datepicker__calendar .month, .vdp-datepicker__calendar .year {
    width: 33.333%
}

.vdp-datepicker__calendar-button, .vdp-datepicker__clear-button {
    cursor: pointer;
    font-style: normal
}

.vdp-datepicker__calendar-button.disabled, .vdp-datepicker__clear-button.disabled {
    color: #999;
    cursor: default
}

.s-datepicker[data-v-e58a6b11] {
    display: flex
}

.s-datepicker--direction-top[data-v-e58a6b11] .s-datepicker__calendar {
    bottom: calc(100% + .625rem)
}

.s-datepicker--direction-bottom[data-v-e58a6b11] .s-datepicker__calendar {
    top: calc(100% + .625rem)
}

[dir=ltr] .s-datepicker--align-center[data-v-e58a6b11] .s-datepicker__calendar {
    left: 50%;
    transform: translateX(-50%)
}

[dir=rtl] .s-datepicker--align-center[data-v-e58a6b11] .s-datepicker__calendar {
    right: 50%;
    transform: translateX(50%)
}

[dir=ltr] .s-datepicker--align-start[data-v-e58a6b11] .s-datepicker__calendar {
    left: 0
}

[dir=ltr] .s-datepicker--align-end[data-v-e58a6b11] .s-datepicker__calendar, [dir=rtl] .s-datepicker--align-start[data-v-e58a6b11] .s-datepicker__calendar {
    right: 0
}

[dir=ltr] .s-datepicker--position-reverse[data-v-e58a6b11] .s-datepicker__calendar, [dir=rtl] .s-datepicker--align-end[data-v-e58a6b11] .s-datepicker__calendar {
    left: 0
}

[dir=rtl] .s-datepicker--position-reverse[data-v-e58a6b11] .s-datepicker__calendar {
    right: 0
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__input, .s-datepicker[data-v-e58a6b11] > div:not(.s-datepicker__calendar) {
    display: flex;
    flex: auto;
    min-width: 0
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar {
    min-height: var(--s-datepicker-min-height);
    width: var(--s-datepicker-width)
}

[dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar {
    border-radius: var(--border-radius)
}

[dir=ltr] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar {
    right: 0
}

[dir=rtl] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar {
    left: 0
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header {
    min-height: 2rem;
    position: relative
}

[dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header {
    padding: .3125rem
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header:before {
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    width: calc(100% - .625rem)
}

[dir=ltr] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header:before {
    left: .3125rem
}

[dir=rtl] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header:before {
    right: .3125rem
}

[dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .up {
    border-radius: var(--border-radius)
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next, .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .prev {
    color: transparent;
    text-indent: 0
}

[dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next, [dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .prev {
    border-radius: var(--border-radius)
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next.disabled, .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .prev.disabled {
    opacity: .4
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next:after, .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next:before, .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .prev:after, .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .prev:before {
    content: "";
    height: 2px;
    position: absolute;
    width: .5rem
}

[dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next:after, [dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next:before, [dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .prev:after, [dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .prev:before {
    border-radius: 1px
}

[dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next:after, [dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .prev:after {
    border: none
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next:before {
    top: calc(48% + 1px)
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next:after {
    top: 46%
}

[dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next.disabled:after {
    border: none
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .prev:before {
    top: 46%
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .prev:after {
    top: calc(48% + 1px)
}

[dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar .dates-wrap {
    padding-bottom: .625rem;
    padding-left: 3px;
    padding-right: 3px
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar > div {
    display: flex;
    flex-wrap: wrap
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar .cell {
    align-items: center;
    font-size: var(--s-datepicker-cell-font-size);
    height: auto;
    justify-content: center;
    line-height: var(--s-datepicker-cell-line-height);
    min-height: var(--s-datepicker-cell-min-height);
    overflow: hidden;
    text-overflow: ellipsis
}

[dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar .cell {
    border: 1px solid transparent;
    margin: 1px;
    padding: .5rem 1px
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar .cell.day, .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar .cell.day-header {
    width: var(--s-datepicker-day-width)
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar .cell.month, .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar .cell.year {
    width: calc(33.333% - 2px)
}

[dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar .cell.month, [dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar .cell.year {
    margin-bottom: .3125rem;
    margin-top: .3125rem
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar .cell.disabled {
    color: Hsl(var(--custom-datepicker-disabled-clr, var(--hsl-clr)));
    opacity: .3
}

[dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar .cell.selected, [dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar .cell:not(.blank):not(.disabled):not(.day-header) {
    border-radius: var(--border-radius)
}

[dir] .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar .cell:not(.blank):not(.disabled):not(.day-header):hover {
    border-color: transparent
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next:after, .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next:before, .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .prev:after, .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .prev:before {
    left: calc(50% - .21875rem)
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next:before, .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .prev:before {
    transform: rotate(45deg)
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next:after, .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .prev:after {
    margin-left: 0;
    transform: rotate(-45deg)
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next:after, .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .next:before {
    transform-origin: right
}

.s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .prev:after, .s-datepicker[data-v-e58a6b11] .s-datepicker__calendar header .prev:before {
    transform-origin: left
}

.s-datepicker--size-m[data-v-e58a6b11] {
    --s-datepicker-width: 15.375em;
    --s-datepicker-min-height: 13.875em;
    --s-datepicker-cell-font-size: 0.875em;
    --s-datepicker-cell-line-height: 1.14286em;
    --s-datepicker-cell-min-height: 2.28571em;
    --s-datepicker-day-width: 2.28571em
}

.s-datepicker--size-s[data-v-e58a6b11] {
    --s-datepicker-width: 14.375em;
    --s-datepicker-min-height: 13.4375em;
    --s-datepicker-cell-font-size: 0.8125em;
    --s-datepicker-cell-line-height: 1.15385em;
    --s-datepicker-cell-min-height: 2.30769em;
    --s-datepicker-day-width: 2.23077em
}

.s-datepicker--theme-gray-100[data-v-e58a6b11] .s-datepicker__calendar {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsl(var(--custom-datepicker-clr-theme-gray100, var(--hsl-clr)))
}

[dir] .s-datepicker--theme-gray-100[data-v-e58a6b11] .s-datepicker__calendar {
    background-color: Hsl(var(--custom-datepicker-bg-theme-gray100, var(--hsl-bg)));
    border: 1px solid hsl(var(--hsl-sep-alt));
    box-shadow: 0 .3125rem 1.0625rem 1px rgba(0, 0, 0, .23)
}

[dir] .s-datepicker--theme-gray-100[data-v-e58a6b11] .s-datepicker__calendar header:before {
    background-color: Hsl(var(--custom-datepicker-border-theme-gray100, var(--gray-30-bg)))
}

[dir] .s-datepicker--theme-gray-100[data-v-e58a6b11] .s-datepicker__calendar header .next:after, [dir] .s-datepicker--theme-gray-100[data-v-e58a6b11] .s-datepicker__calendar header .next:before, [dir] .s-datepicker--theme-gray-100[data-v-e58a6b11] .s-datepicker__calendar header .prev:after, [dir] .s-datepicker--theme-gray-100[data-v-e58a6b11] .s-datepicker__calendar header .prev:before {
    background-color: Hsl(var(--primary-0-bg))
}

.s-datepicker--theme-gray-100[data-v-e58a6b11] .s-datepicker__calendar .cell.day-header {
    color: Hsl(var(--custom-datepicker-week-day-clr-theme-gray100, var(--hsl-clr-decent)))
}

.s-datepicker--theme-gray-100[data-v-e58a6b11] .s-datepicker__calendar .cell.selected {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .s-datepicker--theme-gray-100[data-v-e58a6b11] .s-datepicker__calendar .cell.selected {
    background-color: Hsla(var(--hsl-bg), 1)
}

.s-datepicker--theme-gray-100[data-v-e58a6b11] .s-datepicker__calendar .cell:not(.blank):not(.disabled):not(.day-header):hover {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsl(var(--custom-datepicker-day-clr-hover-theme-gray100, var(--hsl-clr)))
}

[dir] .s-datepicker--theme-gray-100[data-v-e58a6b11] .s-datepicker__calendar .cell:not(.blank):not(.disabled):not(.day-header):hover {
    background-color: Hsl(var(--custom-datepicker-day-bg-hover-theme-gray100, var(--hsl-bg)))
}

.s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar {
    --bg: hsla(var(--cyber--60-bg), 1);
    --hsl-bg: var(--cyber--60-bg);
    --clr: hsl(var(--cyber--60-clr));
    --hsl-clr: var(--cyber--60-clr);
    --clr-accent: hsl(var(--cyber--60-clr-accent));
    --hsl-clr-accent: var(--cyber--60-clr-accent);
    --clr-decent: hsl(var(--cyber--60-clr-decent));
    --hsl-clr-decent: var(--cyber--60-clr-decent);
    --clr-strong: hsl(var(--cyber--60-clr-strong));
    --hsl-clr-strong: var(--cyber--60-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--60-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--60-clr-primary));
    --hsl-clr-primary: var(--cyber--60-clr-primary);
    --clr-good: hsl(var(--cyber--60-clr-good));
    --hsl-clr-good: var(--cyber--60-clr-good);
    --clr-bad: hsl(var(--cyber--60-clr-bad));
    --hsl-clr-bad: var(--cyber--60-clr-bad);
    --sep: hsl(var(--cyber--60-sep));
    --hsl-sep: var(--cyber--60-sep);
    --sep-alt: hsl(var(--cyber--60-sep-alt));
    --hsl-sep-alt: var(--cyber--60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar {
    background-color: Hsla(var(--hsl-bg), 1);
    border: 1px solid hsl(var(--hsl-sep));
    border-radius: .5em;
    box-shadow: 0 0 1.5em hsla(var(--primary-0-clr-primary), .5)
}

.s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar header {
    --bg: hsla(var(--cyber--60-bg), 1);
    --hsl-bg: var(--cyber--60-bg);
    --clr: hsl(var(--cyber--60-clr));
    --hsl-clr: var(--cyber--60-clr);
    --clr-accent: hsl(var(--cyber--60-clr-accent));
    --hsl-clr-accent: var(--cyber--60-clr-accent);
    --clr-decent: hsl(var(--cyber--60-clr-decent));
    --hsl-clr-decent: var(--cyber--60-clr-decent);
    --clr-strong: hsl(var(--cyber--60-clr-strong));
    --hsl-clr-strong: var(--cyber--60-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--60-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--60-clr-primary));
    --hsl-clr-primary: var(--cyber--60-clr-primary);
    --clr-good: hsl(var(--cyber--60-clr-good));
    --hsl-clr-good: var(--cyber--60-clr-good);
    --clr-bad: hsl(var(--cyber--60-clr-bad));
    --hsl-clr-bad: var(--cyber--60-clr-bad);
    --sep: hsl(var(--cyber--60-sep));
    --hsl-sep: var(--cyber--60-sep);
    --sep-alt: hsl(var(--cyber--60-sep-alt));
    --hsl-sep-alt: var(--cyber--60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar header {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar header:before {
    background-color: Hsl(var(--hsl-sep))
}

[dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar header .next:after, [dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar header .next:before, [dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar header .next:hover, [dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar header .prev:after, [dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar header .prev:before, [dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar header .prev:hover {
    background-color: Hsl(var(--hsl-clr))
}

[dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar header .next:hover:after, [dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar header .next:hover:before, [dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar header .prev:hover:after, [dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar header .prev:hover:before {
    background-color: Hsl(var(--hsl-bg))
}

.s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar header span:not(.next):not(.prev):hover {
    color: Hsl(var(--hsl-bg))
}

[dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar header span:not(.next):not(.prev):hover {
    background-color: Hsl(var(--hsl-clr))
}

.s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar .cell {
    --bg: hsla(var(--cyber--60-bg), 1);
    --hsl-bg: var(--cyber--60-bg);
    --clr: hsl(var(--cyber--60-clr));
    --hsl-clr: var(--cyber--60-clr);
    --clr-accent: hsl(var(--cyber--60-clr-accent));
    --hsl-clr-accent: var(--cyber--60-clr-accent);
    --clr-decent: hsl(var(--cyber--60-clr-decent));
    --hsl-clr-decent: var(--cyber--60-clr-decent);
    --clr-strong: hsl(var(--cyber--60-clr-strong));
    --hsl-clr-strong: var(--cyber--60-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--60-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--60-clr-primary));
    --hsl-clr-primary: var(--cyber--60-clr-primary);
    --clr-good: hsl(var(--cyber--60-clr-good));
    --hsl-clr-good: var(--cyber--60-clr-good);
    --clr-bad: hsl(var(--cyber--60-clr-bad));
    --hsl-clr-bad: var(--cyber--60-clr-bad);
    --sep: hsl(var(--cyber--60-sep));
    --hsl-sep: var(--cyber--60-sep);
    --sep-alt: hsl(var(--cyber--60-sep-alt));
    --hsl-sep-alt: var(--cyber--60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar .cell {
    background-color: Hsla(var(--hsl-bg), 1)
}

.s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar .cell.day-header {
    color: Hsl(var(--hsl-clr-decent))
}

.s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar .cell.selected {
    --bg: hsla(var(--cyber--60-bg), 1);
    --hsl-bg: var(--cyber--60-bg);
    --clr: hsl(var(--cyber--60-clr));
    --hsl-clr: var(--cyber--60-clr);
    --clr-accent: hsl(var(--cyber--60-clr-accent));
    --hsl-clr-accent: var(--cyber--60-clr-accent);
    --clr-decent: hsl(var(--cyber--60-clr-decent));
    --hsl-clr-decent: var(--cyber--60-clr-decent);
    --clr-strong: hsl(var(--cyber--60-clr-strong));
    --hsl-clr-strong: var(--cyber--60-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--60-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--60-clr-primary));
    --hsl-clr-primary: var(--cyber--60-clr-primary);
    --clr-good: hsl(var(--cyber--60-clr-good));
    --hsl-clr-good: var(--cyber--60-clr-good);
    --clr-bad: hsl(var(--cyber--60-clr-bad));
    --hsl-clr-bad: var(--cyber--60-clr-bad);
    --sep: hsl(var(--cyber--60-sep));
    --hsl-sep: var(--cyber--60-sep);
    --sep-alt: hsl(var(--cyber--60-sep-alt));
    --hsl-sep-alt: var(--cyber--60-sep-alt);
    background-color: Hsla(var(--hsl-bg), 1);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar .cell.selected {
    background-color: Hsl(var(--hsl-sep))
}

.s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar .cell:not(.blank):not(.disabled):not(.day-header):hover {
    color: Hsl(var(--hsl-bg))
}

[dir] .s-datepicker--theme-cyber[data-v-e58a6b11] .s-datepicker__calendar .cell:not(.blank):not(.disabled):not(.day-header):hover {
    background-color: Hsl(var(--hsl-clr))
}

.s-datepicker[data-v-c8290845] {
    display: flex
}

.s-datepicker--direction-top[data-v-c8290845] .s-datepicker__calendar {
    bottom: calc(100% + .625em)
}

.s-datepicker--direction-bottom[data-v-c8290845] .s-datepicker__calendar {
    top: calc(100% + .625em)
}

[dir=ltr] .s-datepicker--align-center[data-v-c8290845] .s-datepicker__calendar {
    left: 50%;
    transform: translateX(-50%)
}

[dir=rtl] .s-datepicker--align-center[data-v-c8290845] .s-datepicker__calendar {
    right: 50%;
    transform: translateX(50%)
}

[dir=ltr] .s-datepicker--align-start[data-v-c8290845] .s-datepicker__calendar {
    left: 0
}

[dir=ltr] .s-datepicker--align-end[data-v-c8290845] .s-datepicker__calendar, [dir=rtl] .s-datepicker--align-start[data-v-c8290845] .s-datepicker__calendar {
    right: 0
}

[dir=rtl] .s-datepicker--align-end[data-v-c8290845] .s-datepicker__calendar {
    left: 0
}

.s-datepicker[data-v-c8290845] .s-datepicker__input, .s-datepicker[data-v-c8290845] > div:not(.s-datepicker__calendar) {
    display: flex;
    flex: auto;
    min-width: 0
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    min-height: var(--s-datepicker-min-height);
    width: var(--s-datepicker-width)
}

[dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar {
    background-color: Hsla(var(--hsl-bg), 1);
    border: 1px solid hsl(var(--hsl-sep-alt));
    border-radius: var(--border-radius);
    box-shadow: 0 .3125em 1.0625em .0625em rgba(0, 0, 0, .23);
    padding: 0 .1875em .625em
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar header {
    min-height: 2.5em;
    position: relative
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar header:before {
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    width: calc(100% - .875em)
}

[dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar header:before {
    background-color: hsla(var(--gray-30-bg), 1)
}

[dir=ltr] .s-datepicker[data-v-c8290845] .s-datepicker__calendar header:before {
    left: .4375em
}

[dir=rtl] .s-datepicker[data-v-c8290845] .s-datepicker__calendar header:before {
    right: .4375em
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar header .next, .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .prev {
    color: transparent;
    text-indent: 0
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar header .next.disabled, .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .prev.disabled {
    opacity: .4
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar header .next:after, .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .next:before, .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .prev:after, .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .prev:before {
    content: "";
    height: .125em;
    position: absolute;
    width: .5em
}

[dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .next:after, [dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .next:before, [dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .prev:after, [dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .prev:before {
    background-color: hsla(var(--primary-0-bg), 1);
    border-radius: 1px
}

[dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .next:after, [dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .prev:after {
    border: none
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar header .next:before {
    top: calc(50% + 1px)
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar header .next:after {
    top: 50%
}

[dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .next.disabled:after {
    border: none
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar header .prev:before {
    top: 50%
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar header .prev:after {
    top: calc(50% + 1px)
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar > div {
    display: flex;
    flex-wrap: wrap
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell {
    align-items: center;
    font-size: var(--s-datepicker-cell-font-size);
    height: auto;
    justify-content: center;
    line-height: var(--s-datepicker-cell-line-height);
    min-height: var(--s-datepicker-cell-min-height);
    overflow: hidden;
    text-overflow: ellipsis
}

[dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell {
    border: 1px solid transparent
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell.day, .s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell.day-header {
    width: var(--s-datepicker-day-width)
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell.month, .s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell.year {
    width: calc(33.333% - 2px)
}

[dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell.month, [dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell.year {
    margin-bottom: .3125em;
    margin-top: .3125em
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell.day-header {
    color: Hsl(var(--hsl-clr-decent))
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell.disabled {
    color: Hsl(var(--hsl-clr));
    opacity: .3
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell.selected {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell.selected {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius)
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover, .s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover, .s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover, [dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover, [dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
    background-color: Hsla(var(--hsl-bg), 1);
    border-color: transparent;
    border-radius: var(--border-radius)
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar header .next:after, .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .next:before, .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .prev:after, .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .prev:before {
    left: calc(50% - .21875em)
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar header .next:before, .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .prev:before {
    transform: rotate(45deg)
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar header .next:after, .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .prev:after {
    margin-left: 0;
    transform: rotate(-45deg)
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar header .next:after, .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .next:before {
    transform-origin: right
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar header .prev:after, .s-datepicker[data-v-c8290845] .s-datepicker__calendar header .prev:before {
    transform-origin: left
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar.vdp-datepicker__calendar {
    width: 14.25em
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar .day__month_btn {
    font-weight: 700
}

[xlang=bn] .s-datepicker[data-v-c8290845] .s-datepicker__calendar .day__month_btn, [xlang=hi] .s-datepicker[data-v-c8290845] .s-datepicker__calendar .day__month_btn, [xlang=hy] .s-datepicker[data-v-c8290845] .s-datepicker__calendar .day__month_btn, [xlang=my] .s-datepicker[data-v-c8290845] .s-datepicker__calendar .day__month_btn, [xlang=sd] .s-datepicker[data-v-c8290845] .s-datepicker__calendar .day__month_btn, [xlang=ta] .s-datepicker[data-v-c8290845] .s-datepicker__calendar .day__month_btn {
    line-height: normal
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell {
    display: inline-flex;
    font-size: .75em;
    min-height: 2.5em
}

[dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell {
    border: none
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell.day, .s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell.day-header {
    width: 2.5em
}

.s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell.month, .s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell.year {
    width: calc(33.333% - .41667em)
}

[dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell.month, [dir] .s-datepicker[data-v-c8290845] .s-datepicker__calendar .cell.year {
    margin: .41667em .20833em
}

.ui-field-datepicker[data-v-886aac1a] {
    --base-input-padding-inline-end: 2.1875rem
}

.ui-field-datepicker__container[data-v-886aac1a] {
    align-items: center;
    display: flex;
    flex: auto;
    justify-content: flex-end;
    min-width: 0;
    position: relative
}

.ui-field-datepicker__datepicker[data-v-886aac1a] {
    flex: auto;
    min-width: 0;
    width: 1px
}

.ui-field-datepicker__ico[data-v-886aac1a] {
    align-self: center;
    pointer-events: none;
    width: .9375em
}

[dir=ltr] .ui-field-datepicker__ico[data-v-886aac1a] {
    margin-left: -1.4375em;
    margin-right: .625em
}

[dir=rtl] .ui-field-datepicker__ico[data-v-886aac1a] {
    margin-left: .625em;
    margin-right: -1.4375em
}

[dir] .ui-field-datepicker--has-label[data-v-886aac1a] .datepicker-input {
    padding-top: var(--base-input-padding-block-start)
}

.ui-field-datepicker[data-v-886aac1a] .datepicker-input {
    color: var(--base-input-color);
    flex: auto;
    font-size: var(--base-input-fz);
    line-height: var(--base-input-lh);
    min-width: 0
}

[dir=ltr] .ui-field-datepicker[data-v-886aac1a] .datepicker-input {
    padding-left: var(--base-input-padding-inline-start);
    padding-right: var(--base-input-padding-inline-end)
}

[dir=rtl] .ui-field-datepicker[data-v-886aac1a] .datepicker-input {
    padding-left: var(--base-input-padding-inline-end);
    padding-right: var(--base-input-padding-inline-start)
}

.ui-field-datepicker[data-v-886aac1a] .datepicker-input::placeholder {
    opacity: var(--base-input-placeholder-opacity)
}

.ui-field-datepicker[data-v-886aac1a] .datepicker-input:-webkit-autofill {
    -webkit-text-fill-color: var(--base-input-color)
}

[dir] .ui-field-datepicker[data-v-886aac1a] .datepicker-input:-webkit-autofill {
    box-shadow: inset 0 0 0 62.5rem Hsl(var(--hsl-bg))
}

.ui-field-datepicker--disabled .ui-field-datepicker[data-v-886aac1a] .datepicker-input, .ui-field-datepicker--disabled .ui-field-datepicker[data-v-886aac1a] .datepicker-input:disabled {
    -webkit-text-fill-color: var(--base-input-disabled-color);
    color: var(--base-input-disabled-color);
    -webkit-opacity: 1;
    opacity: .8
}

.ui-datepicker-range-modal__tip[data-v-e0b0c831] {
    color: Hsl(var(--hsl-clr-decent));
    font-size: .75em;
    line-height: 1.16667em
}

[dir] .ui-datepicker-range-modal__tip[data-v-e0b0c831] {
    margin-bottom: .83333em
}

.ui-datepicker-range-modal__controls[data-v-e0b0c831] {
    grid-row-gap: 1.25em;
    display: grid
}

.input-datepicker__container[data-v-176ce051], .input-datepicker__datepicker[data-v-176ce051] {
    flex: auto;
    min-width: 0;
    width: 1px
}

.input-datepicker__container[data-v-176ce051] {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.input-datepicker[data-v-176ce051] .datepicker-input {
    color: Hsl(var(--hsl-clr-strong));
    font-size: var(--input-base-field-font-size)
}

[dir=ltr] .input-datepicker[data-v-176ce051] .datepicker-input {
    padding: var(--input-base-field-padding-vertical) var(--input-base-datepicker-padding-end) var(--input-base-field-padding-vertical) var(--input-base-field-padding-horizontal)
}

[dir=rtl] .input-datepicker[data-v-176ce051] .datepicker-input {
    padding: var(--input-base-field-padding-vertical) var(--input-base-field-padding-horizontal) var(--input-base-field-padding-vertical) var(--input-base-datepicker-padding-end)
}

.input-datepicker[data-v-176ce051] .datepicker-input::placeholder {
    opacity: 1
}

.input-datepicker[data-v-176ce051] .datepicker-input:-webkit-autofill {
    -webkit-text-fill-color: Hsl(var(--hsl-clr-strong))
}

[dir] .input-datepicker[data-v-176ce051] .datepicker-input:-webkit-autofill {
    box-shadow: 0 0 6.25rem Hsl(var(--hsl-bg)) inset
}

.input-datepicker__ico[data-v-176ce051] {
    align-self: center;
    flex: none;
    font-size: .875em;
    pointer-events: none;
    position: relative;
    width: 1.71429em
}

[dir=ltr] .input-datepicker__ico[data-v-176ce051] {
    margin-left: -1.71429em;
    padding-right: .71429em
}

[dir=rtl] .input-datepicker__ico[data-v-176ce051] {
    margin-right: -1.71429em;
    padding-left: .71429em
}

.input-datepicker[data-v-176ce051] .datepicker-input::placeholder {
    color: Hsl(var(--hsl-clr-decent))
}

.input-datepicker--theme-cyber[data-v-176ce051] .datepicker-input::placeholder {
    color: Hsl(var(--hsl-clr-primary))
}

.ui-field-datepicker[data-v-71db98c4] {
    --field-base-label-end-offset: 2.1875rem
}

.ui-field-datepicker__container[data-v-71db98c4] {
    align-items: center;
    display: flex;
    flex: auto;
    justify-content: flex-end;
    min-width: 0;
    position: relative
}

.ui-field-datepicker__datepicker[data-v-71db98c4] {
    flex: auto;
    min-width: 0;
    width: 1px
}

.ui-field-datepicker__ico[data-v-71db98c4] {
    align-self: center;
    pointer-events: none;
    width: .9375rem
}

[dir] .ui-field-datepicker__ico[data-v-71db98c4] {
    margin-inline-end: .625rem
}

[dir=ltr] .ui-field-datepicker__ico[data-v-71db98c4] {
    margin-left: -1.5625rem
}

[dir=rtl] .ui-field-datepicker__ico[data-v-71db98c4] {
    margin-right: -1.5625rem
}

.ui-field-datepicker[data-v-71db98c4] .datepicker-input {
    color: var(--base-input-color);
    font-size: var(--base-input-fz);
    line-height: var(--base-input-lh)
}

[dir] .ui-field-datepicker[data-v-71db98c4] .datepicker-input {
    padding-inline-end: calc(var(--base-input-padding-inline-end) + 1.5625rem);
    padding-inline-start: var(--base-input-padding-inline-start)
}

.ui-field-datepicker[data-v-71db98c4] .datepicker-input::placeholder {
    opacity: var(--base-input-placeholder-opacity)
}

.ui-field-datepicker[data-v-71db98c4] .datepicker-input:-webkit-autofill {
    -webkit-text-fill-color: var(--base-input-color)
}

[dir] .ui-field-datepicker[data-v-71db98c4] .datepicker-input:-webkit-autofill {
    box-shadow: inset 0 0 0 62.5rem Hsl(var(--hsl-bg))
}

.ui-field-datepicker--disabled .ui-field-datepicker[data-v-71db98c4] .datepicker-input, .ui-field-datepicker--disabled .ui-field-datepicker[data-v-71db98c4] .datepicker-input:disabled {
    -webkit-text-fill-color: var(--base-input-disabled-color);
    color: var(--base-input-disabled-color);
    -webkit-opacity: 1
}

.ui-input-images-progress[data-v-2f7ffda8] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    align-items: center;
    display: flex;
    height: 3.25em;
    justify-content: center
}

[dir] .ui-input-images-progress[data-v-2f7ffda8] {
    border: 1px solid hsl(var(--hsl-bg));
    border-radius: var(--border-radius);
    padding: .625em
}

[dir] .ui-input-images-progress--error[data-v-2f7ffda8] {
    border-color: Hsl(var(--hsl-clr-bad))
}

.ui-input-images-progress--error .ui-input-images-progress-file__name[data-v-2f7ffda8] {
    color: Hsl(var(--hsl-clr-bad))
}

.ui-input-images-progress__info[data-v-2f7ffda8] {
    align-items: center;
    display: flex;
    justify-content: center
}

.ui-input-images-progress__file[data-v-2f7ffda8] {
    max-width: 50%
}

[dir=ltr] .ui-input-images-progress__file[data-v-2f7ffda8] {
    margin-right: .3125em
}

[dir=rtl] .ui-input-images-progress__file[data-v-2f7ffda8] {
    margin-left: .3125em
}

.ui-input-images-progress__container[data-v-2f7ffda8] {
    flex: auto;
    min-width: 0
}

[dir=ltr] .ui-input-images-progress__container[data-v-2f7ffda8] {
    margin-right: .9375em
}

[dir=rtl] .ui-input-images-progress__container[data-v-2f7ffda8] {
    margin-left: .9375em
}

[dir] .ui-input-images-progress__bar[data-v-2f7ffda8] {
    margin-top: .3125em
}

.ui-input-images-progress__status[data-v-2f7ffda8] {
    color: Hsl(var(--hsl-clr-decent))
}

[dir=ltr] .ui-input-images-progress__status[data-v-2f7ffda8] {
    margin-left: auto
}

[dir=rtl] .ui-input-images-progress__status[data-v-2f7ffda8] {
    margin-right: auto
}

[dir=ltr] .ui-input-images-progress-dropdown__visually[data-v-2f7ffda8] {
    margin-right: .625em
}

[dir=rtl] .ui-input-images-progress-dropdown__visually[data-v-2f7ffda8] {
    margin-left: .625em
}

[dir] .ui-input-images-progress-dropdown__content[data-v-2f7ffda8] {
    padding: .625em
}

.ui-input-images-progress-dropdown__img[data-v-2f7ffda8] {
    max-height: 13.75em;
    max-width: 25em
}

.ui-input-images-progress-dropdown__info[data-v-2f7ffda8] {
    display: flex
}

[dir] .ui-input-images-progress-dropdown__info[data-v-2f7ffda8] {
    margin-top: .3125em
}

[dir=ltr] .ui-input-images-progress-dropdown__weight[data-v-2f7ffda8] {
    margin-left: .3125rem
}

[dir=rtl] .ui-input-images-progress-dropdown__weight[data-v-2f7ffda8] {
    margin-right: .3125rem
}

.ui-input-images-progress-visually[data-v-2f7ffda8] {
    align-items: center;
    display: flex;
    height: 1.875em;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 2.5em
}

[dir] .ui-input-images-progress-visually[data-v-2f7ffda8] {
    border: .5px solid hsl(var(--hsl-clr-decent));
    border-radius: var(--border-radius)
}

.ui-input-images-progress-visually[data-v-2f7ffda8]:before {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    bottom: 0;
    color: Hsla(var(--hsl-clr), 1);
    content: "";
    position: absolute;
    top: 0
}

[dir] .ui-input-images-progress-visually[data-v-2f7ffda8]:before {
    background-color: Hsla(var(--hsl-bg), 1);
    left: 0;
    right: 0
}

.ui-input-images-progress-visually__image[data-v-2f7ffda8] {
    position: relative
}

.ui-input-images-progress-visually__ico[data-v-2f7ffda8] {
    --bg: hsla(var(--primary-80-bg), 1);
    --hsl-bg: var(--primary-80-bg);
    --clr: hsl(var(--primary-80-clr));
    --hsl-clr: var(--primary-80-clr);
    --clr-accent: hsl(var(--primary-80-clr-accent));
    --hsl-clr-accent: var(--primary-80-clr-accent);
    --clr-decent: hsl(var(--primary-80-clr-decent));
    --hsl-clr-decent: var(--primary-80-clr-decent);
    --clr-strong: hsl(var(--primary-80-clr-strong));
    --hsl-clr-strong: var(--primary-80-clr-strong);
    --clr-strong-alt: hsl(var(--primary-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-80-clr-strong-alt);
    --clr-primary: hsl(var(--primary-80-clr-primary));
    --hsl-clr-primary: var(--primary-80-clr-primary);
    --clr-good: hsl(var(--primary-80-clr-good));
    --hsl-clr-good: var(--primary-80-clr-good);
    --clr-bad: hsl(var(--primary-80-clr-bad));
    --hsl-clr-bad: var(--primary-80-clr-bad);
    --sep: hsl(var(--primary-80-sep));
    --hsl-sep: var(--primary-80-sep);
    --sep-alt: hsl(var(--primary-80-sep-alt));
    --hsl-sep-alt: var(--primary-80-sep-alt);
    color: Hsl(var(--hsl-clr));
    position: relative
}

.ui-input-images-progress-file[data-v-2f7ffda8] {
    display: flex;
    flex-direction: column
}

.ui-input-images-progress-status[data-v-2f7ffda8] {
    align-items: center;
    display: flex;
    justify-content: center
}

[dir=ltr] .ui-input-images-progress-status__ico[data-v-2f7ffda8] {
    margin-left: .3125em
}

[dir=rtl] .ui-input-images-progress-status__ico[data-v-2f7ffda8] {
    margin-right: .3125em
}

.ui-input-images-progress-actions[data-v-2f7ffda8] {
    grid-column-gap: .625em;
    align-items: center;
    display: grid;
    grid-template-columns:repeat(2, .625em)
}

.ui-input-images-progress-bar[data-v-2f7ffda8] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    flex: auto;
    height: .3125em
}

[dir] .ui-input-images-progress-bar[data-v-2f7ffda8] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: .625em
}

.ui-input-images-progress-bar__progress[data-v-2f7ffda8] {
    height: 100%;
    min-width: .3125em
}

[dir] .ui-input-images-progress-bar__progress[data-v-2f7ffda8] {
    background-color: Hsl(var(--hsl-sep));
    border-radius: inherit
}

.ui-plug-tile-logo[data-v-e415f3c1] {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 7.5em
}

[dir] .ui-plug-tile-logo[data-v-e415f3c1] {
    padding: .625em
}

.is-keyboard-user .ui-plug-tile-logo[data-v-e415f3c1]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-plug-tile-logo__img[data-v-e415f3c1] {
    max-height: 100%;
    max-width: 100%
}

.ui-champ-ico[data-v-cf3d233c] {
    display: flex;
    flex-shrink: 0
}

.ui-scroll-to-top[data-v-66b6c476] {
    align-items: center;
    display: flex;
    justify-content: center
}

[dir] .ui-scroll-to-top[data-v-66b6c476] {
    border-radius: 50%;
    box-shadow: 0 .25rem 1.25rem rgba(0, 0, 0, .15)
}

.ui-scroll-to-top.ui-scroll-to-top-enter-active[data-v-66b6c476], .ui-scroll-to-top.ui-scroll-to-top-leave-active[data-v-66b6c476] {
    opacity: 1
}

[dir] .ui-scroll-to-top.ui-scroll-to-top-enter-active[data-v-66b6c476], [dir] .ui-scroll-to-top.ui-scroll-to-top-leave-active[data-v-66b6c476] {
    transition: opacity .2s ease-in-out
}

.ui-scroll-to-top.ui-scroll-to-top-enter[data-v-66b6c476], .ui-scroll-to-top.ui-scroll-to-top-leave-to[data-v-66b6c476] {
    opacity: 0
}

.ui-market[data-v-d8e1b7bb] {
    align-items: center;
    color: Hsl(var(--hsl-clr-strong));
    display: flex;
    gap: .3125rem;
    justify-content: center;
    position: relative
}

[dir] .ui-market[data-v-d8e1b7bb] {
    border-radius: var(--ui-market-custom-border-radius, var(--border-radius))
}

.ui-market[data-v-d8e1b7bb]:before {
    bottom: 0;
    content: "";
    position: absolute;
    top: 0
}

[dir] .ui-market[data-v-d8e1b7bb]:before {
    background-color: var(--market-bg, Hsl(var(--hsl-bg)));
    border-radius: inherit;
    left: 0;
    right: 0
}

.is-keyboard-user .ui-market[data-v-d8e1b7bb]:focus:before {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

[dir] .ui-market--empty[data-v-d8e1b7bb], [dir] .ui-market--locked[data-v-d8e1b7bb] {
    cursor: not-allowed
}

.ui-market--locked[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-market--down:not(.ui-market--empty):not(.ui-market--locked) .ui-market__value[data-v-d8e1b7bb], .ui-market--down[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked), .ui-market--down[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):hover {
    color: Hsl(var(--hsl-clr-bad))
}

.ui-market--up:not(.ui-market--empty):not(.ui-market--locked) .ui-market__value[data-v-d8e1b7bb], .ui-market--up[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked), .ui-market--up[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):hover {
    color: Hsl(var(--hsl-clr-good))
}

.ui-market__lock[data-v-d8e1b7bb], .ui-market__name[data-v-d8e1b7bb], .ui-market__value[data-v-d8e1b7bb] {
    font-size: .75rem;
    line-height: .875rem;
    position: relative
}

.ui-market__lock[data-v-d8e1b7bb], .ui-market__value[data-v-d8e1b7bb] {
    flex: none
}

.ui-market__name[data-v-d8e1b7bb] {
    flex: auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

[dir] .ui-market__value[data-v-d8e1b7bb] {
    transition: color .2s
}

.ui-market--empty .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong-alt))
}

.ui-market--nameless .ui-market__lock[data-v-d8e1b7bb] {
    position: absolute;
    top: -.3125rem
}

[dir=ltr] .ui-market--nameless .ui-market__lock[data-v-d8e1b7bb] {
    right: -.25rem
}

[dir=rtl] .ui-market--nameless .ui-market__lock[data-v-d8e1b7bb] {
    left: -.25rem
}

[dir] [xlang=my] .ui-market__lock[data-v-d8e1b7bb] {
    margin-top: -.5ex
}

.ui-market:not(.ui-market--locked).ui-market--down[data-v-d8e1b7bb]:after, .ui-market:not(.ui-market--locked).ui-market--up[data-v-d8e1b7bb]:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0
}

[dir] .ui-market:not(.ui-market--locked).ui-market--down[data-v-d8e1b7bb]:after, [dir] .ui-market:not(.ui-market--locked).ui-market--up[data-v-d8e1b7bb]:after {
    animation: ui-market-value-update-arrow-d8e1b7bb 2s;
    border-style: solid
}

[dir=ltr] .ui-market:not(.ui-market--locked).ui-market--down[data-v-d8e1b7bb]:after, [dir=ltr] .ui-market:not(.ui-market--locked).ui-market--up[data-v-d8e1b7bb]:after {
    right: .3125em
}

[dir=rtl] .ui-market:not(.ui-market--locked).ui-market--down[data-v-d8e1b7bb]:after, [dir=rtl] .ui-market:not(.ui-market--locked).ui-market--up[data-v-d8e1b7bb]:after {
    left: .3125em
}

.ui-market:not(.ui-market--locked).ui-market--down[data-v-d8e1b7bb]:after {
    top: 0
}

[dir] .ui-market:not(.ui-market--locked).ui-market--down[data-v-d8e1b7bb]:after {
    border-color: currentColor transparent transparent;
    border-left-width: .1875em;
    border-right-width: .1875em;
    border-top-width: .3125em
}

.ui-market:not(.ui-market--locked).ui-market--up[data-v-d8e1b7bb]:after {
    bottom: 0
}

[dir] .ui-market:not(.ui-market--locked).ui-market--up[data-v-d8e1b7bb]:after {
    border-bottom-width: .3125em;
    border-color: transparent transparent currentColor;
    border-left-width: .1875em;
    border-right-width: .1875em
}

.ui-market.ui-market--top-coef[data-v-d8e1b7bb] {
    --hsl-bg: var(--top-coef-bg);
    --hsl-clr: var(--top-coef-clr);
    --hsl-clr-decent: var(--top-coef-clr);
    --hsl-clr-strong: var(--top-coef-clr)
}

@keyframes ui-market-value-update-arrow-d8e1b7bb {
    0%, to {
        opacity: 0
    }
    25%, 75% {
        opacity: 1
    }
}

.ui-market--size-xs.ui-market[data-v-d8e1b7bb] {
    min-height: 1.5em
}

[dir] .ui-market--size-xs.ui-market[data-v-d8e1b7bb] {
    padding: 0 .3125em
}

.ui-market--size-s.ui-market[data-v-d8e1b7bb] {
    min-height: 1.5em
}

[dir] .ui-market--size-s.ui-market[data-v-d8e1b7bb] {
    padding: .3125em
}

.ui-market--size-m.ui-market[data-v-d8e1b7bb] {
    min-height: 2em
}

[dir] .ui-market--size-m.ui-market[data-v-d8e1b7bb] {
    padding: .3125em .625em
}

[dir] .ui-market--size-m.ui-market--nameless[data-v-d8e1b7bb] {
    padding: .3125em
}

.ui-market--theme-default.ui-market[data-v-d8e1b7bb] {
    --market-bg: currentColor
}

.ui-market--theme-default.ui-market[data-v-d8e1b7bb]:before {
    opacity: .2
}

@media (hover: hover) {
    .ui-market--theme-default.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover {
        --bg: hsla(var(--primary-80-bg), 1);
        --hsl-bg: var(--primary-80-bg);
        --clr: hsl(var(--primary-80-clr));
        --hsl-clr: var(--primary-80-clr);
        --clr-accent: hsl(var(--primary-80-clr-accent));
        --hsl-clr-accent: var(--primary-80-clr-accent);
        --clr-decent: hsl(var(--primary-80-clr-decent));
        --hsl-clr-decent: var(--primary-80-clr-decent);
        --clr-strong: hsl(var(--primary-80-clr-strong));
        --hsl-clr-strong: var(--primary-80-clr-strong);
        --clr-strong-alt: hsl(var(--primary-80-clr-strong-alt));
        --hsl-clr-strong-alt: var(--primary-80-clr-strong-alt);
        --clr-primary: hsl(var(--primary-80-clr-primary));
        --hsl-clr-primary: var(--primary-80-clr-primary);
        --clr-good: hsl(var(--primary-80-clr-good));
        --hsl-clr-good: var(--primary-80-clr-good);
        --clr-bad: hsl(var(--primary-80-clr-bad));
        --hsl-clr-bad: var(--primary-80-clr-bad);
        --sep: hsl(var(--primary-80-sep));
        --hsl-sep: var(--primary-80-sep);
        --sep-alt: hsl(var(--primary-80-sep-alt));
        --hsl-sep-alt: var(--primary-80-sep-alt)
    }

    .ui-market--theme-default.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
        opacity: 1
    }

    [dir] .ui-market--theme-default.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
        background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
    }

    .ui-market--theme-default.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover .ui-market__value[data-v-d8e1b7bb] {
        color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
    }
}

.ui-market--theme-default.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
}

.ui-market--theme-default.ui-market--toggled[data-v-d8e1b7bb] {
    --bg: hsla(var(--primary-80-bg), 1);
    --hsl-bg: var(--primary-80-bg);
    --clr: hsl(var(--primary-80-clr));
    --hsl-clr: var(--primary-80-clr);
    --clr-accent: hsl(var(--primary-80-clr-accent));
    --hsl-clr-accent: var(--primary-80-clr-accent);
    --clr-decent: hsl(var(--primary-80-clr-decent));
    --hsl-clr-decent: var(--primary-80-clr-decent);
    --clr-strong: hsl(var(--primary-80-clr-strong));
    --hsl-clr-strong: var(--primary-80-clr-strong);
    --clr-strong-alt: hsl(var(--primary-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-80-clr-strong-alt);
    --clr-primary: hsl(var(--primary-80-clr-primary));
    --hsl-clr-primary: var(--primary-80-clr-primary);
    --clr-good: hsl(var(--primary-80-clr-good));
    --hsl-clr-good: var(--primary-80-clr-good);
    --clr-bad: hsl(var(--primary-80-clr-bad));
    --hsl-clr-bad: var(--primary-80-clr-bad);
    --sep: hsl(var(--primary-80-sep));
    --hsl-sep: var(--primary-80-sep);
    --sep-alt: hsl(var(--primary-80-sep-alt));
    --hsl-sep-alt: var(--primary-80-sep-alt)
}

.ui-market--theme-default.ui-market--toggled[data-v-d8e1b7bb]:before {
    opacity: 1
}

.ui-market--theme-default.ui-market--toggled:not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-market--theme-default.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):before, [dir] .ui-market--theme-default.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-default.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong-alt)))
}

.ui-market--theme-default.ui-market--locked[data-v-d8e1b7bb]:before {
    opacity: .15
}

[dir] .ui-market--theme-default.ui-market--locked[data-v-d8e1b7bb]:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-default.ui-market--empty[data-v-d8e1b7bb]:before {
    opacity: .15
}

.ui-market--theme-gray.ui-market[data-v-d8e1b7bb] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt)
}

@media (hover: hover) {
    .ui-market--theme-gray.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover {
        --bg: hsla(var(--primary-80-bg), 1);
        --hsl-bg: var(--primary-80-bg);
        --clr: hsl(var(--primary-80-clr));
        --hsl-clr: var(--primary-80-clr);
        --clr-accent: hsl(var(--primary-80-clr-accent));
        --hsl-clr-accent: var(--primary-80-clr-accent);
        --clr-decent: hsl(var(--primary-80-clr-decent));
        --hsl-clr-decent: var(--primary-80-clr-decent);
        --clr-strong: hsl(var(--primary-80-clr-strong));
        --hsl-clr-strong: var(--primary-80-clr-strong);
        --clr-strong-alt: hsl(var(--primary-80-clr-strong-alt));
        --hsl-clr-strong-alt: var(--primary-80-clr-strong-alt);
        --clr-primary: hsl(var(--primary-80-clr-primary));
        --hsl-clr-primary: var(--primary-80-clr-primary);
        --clr-good: hsl(var(--primary-80-clr-good));
        --hsl-clr-good: var(--primary-80-clr-good);
        --clr-bad: hsl(var(--primary-80-clr-bad));
        --hsl-clr-bad: var(--primary-80-clr-bad);
        --sep: hsl(var(--primary-80-sep));
        --hsl-sep: var(--primary-80-sep);
        --sep-alt: hsl(var(--primary-80-sep-alt));
        --hsl-sep-alt: var(--primary-80-sep-alt)
    }

    [dir] .ui-market--theme-gray.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
        background-color: Hsl(var(--custom-ui-market-bg-hover-theme-gray, var(--hsl-bg)))
    }

    .ui-market--theme-gray.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover .ui-market__value[data-v-d8e1b7bb] {
        color: Hsl(var(--custom-ui-market-value-clr-theme-gray, var(--hsl-clr-strong)))
    }
}

.ui-market--theme-gray.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--custom-ui-market-value-clr-theme-gray, var(--hsl-clr-strong)))
}

.ui-market--theme-gray.ui-market--toggled[data-v-d8e1b7bb] {
    --bg: hsla(var(--primary-80-bg), 1);
    --hsl-bg: var(--primary-80-bg);
    --clr: hsl(var(--primary-80-clr));
    --hsl-clr: var(--primary-80-clr);
    --clr-accent: hsl(var(--primary-80-clr-accent));
    --hsl-clr-accent: var(--primary-80-clr-accent);
    --clr-decent: hsl(var(--primary-80-clr-decent));
    --hsl-clr-decent: var(--primary-80-clr-decent);
    --clr-strong: hsl(var(--primary-80-clr-strong));
    --hsl-clr-strong: var(--primary-80-clr-strong);
    --clr-strong-alt: hsl(var(--primary-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-80-clr-strong-alt);
    --clr-primary: hsl(var(--primary-80-clr-primary));
    --hsl-clr-primary: var(--primary-80-clr-primary);
    --clr-good: hsl(var(--primary-80-clr-good));
    --hsl-clr-good: var(--primary-80-clr-good);
    --clr-bad: hsl(var(--primary-80-clr-bad));
    --hsl-clr-bad: var(--primary-80-clr-bad);
    --sep: hsl(var(--primary-80-sep));
    --hsl-sep: var(--primary-80-sep);
    --sep-alt: hsl(var(--primary-80-sep-alt));
    --hsl-sep-alt: var(--primary-80-sep-alt)
}

.ui-market--theme-gray.ui-market--toggled:not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb] {
    color: Hsl(var(--custom-ui-market-clr-theme-gray, var(--hsl-clr)))
}

[dir] .ui-market--theme-gray.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):before, [dir] .ui-market--theme-gray.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background-color: Hsl(var(--custom-ui-market-bg-toggled-theme-gray, var(--hsl-bg)))
}

.ui-market--theme-gray.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--custom-ui-market-value-clr-toggled-theme-gray, var(--hsl-clr-strong-alt)))
}

[dir] .ui-market--theme-gray.ui-market--locked[data-v-d8e1b7bb]:before {
    background-color: Hsl(var(--custom-ui-market-bg-locked-theme-gray, var(--hsl-bg)))
}

.ui-market--theme-gray-30.ui-market[data-v-d8e1b7bb] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt)
}

@media (hover: hover) {
    .ui-market--theme-gray-30.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover {
        --bg: hsla(var(--primary-80-bg), 1);
        --hsl-bg: var(--primary-80-bg);
        --clr: hsl(var(--primary-80-clr));
        --hsl-clr: var(--primary-80-clr);
        --clr-accent: hsl(var(--primary-80-clr-accent));
        --hsl-clr-accent: var(--primary-80-clr-accent);
        --clr-decent: hsl(var(--primary-80-clr-decent));
        --hsl-clr-decent: var(--primary-80-clr-decent);
        --clr-strong: hsl(var(--primary-80-clr-strong));
        --hsl-clr-strong: var(--primary-80-clr-strong);
        --clr-strong-alt: hsl(var(--primary-80-clr-strong-alt));
        --hsl-clr-strong-alt: var(--primary-80-clr-strong-alt);
        --clr-primary: hsl(var(--primary-80-clr-primary));
        --hsl-clr-primary: var(--primary-80-clr-primary);
        --clr-good: hsl(var(--primary-80-clr-good));
        --hsl-clr-good: var(--primary-80-clr-good);
        --clr-bad: hsl(var(--primary-80-clr-bad));
        --hsl-clr-bad: var(--primary-80-clr-bad);
        --sep: hsl(var(--primary-80-sep));
        --hsl-sep: var(--primary-80-sep);
        --sep-alt: hsl(var(--primary-80-sep-alt));
        --hsl-sep-alt: var(--primary-80-sep-alt)
    }

    [dir] .ui-market--theme-gray-30.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
        background-color: Hsl(var(--custom-ui-market-bg-hover-theme-gray-30, var(--hsl-bg)))
    }

    .ui-market--theme-gray-30.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover .ui-market__value[data-v-d8e1b7bb] {
        color: Hsl(var(--custom-ui-market-value-clr-theme-gray-30, var(--hsl-clr-strong)))
    }
}

.ui-market--theme-gray-30.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--custom-ui-market-value-clr-theme-gray-30, var(--hsl-clr-strong)))
}

.ui-market--theme-gray-30.ui-market--toggled[data-v-d8e1b7bb] {
    --bg: hsla(var(--primary-80-bg), 1);
    --hsl-bg: var(--primary-80-bg);
    --clr: hsl(var(--primary-80-clr));
    --hsl-clr: var(--primary-80-clr);
    --clr-accent: hsl(var(--primary-80-clr-accent));
    --hsl-clr-accent: var(--primary-80-clr-accent);
    --clr-decent: hsl(var(--primary-80-clr-decent));
    --hsl-clr-decent: var(--primary-80-clr-decent);
    --clr-strong: hsl(var(--primary-80-clr-strong));
    --hsl-clr-strong: var(--primary-80-clr-strong);
    --clr-strong-alt: hsl(var(--primary-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-80-clr-strong-alt);
    --clr-primary: hsl(var(--primary-80-clr-primary));
    --hsl-clr-primary: var(--primary-80-clr-primary);
    --clr-good: hsl(var(--primary-80-clr-good));
    --hsl-clr-good: var(--primary-80-clr-good);
    --clr-bad: hsl(var(--primary-80-clr-bad));
    --hsl-clr-bad: var(--primary-80-clr-bad);
    --sep: hsl(var(--primary-80-sep));
    --hsl-sep: var(--primary-80-sep);
    --sep-alt: hsl(var(--primary-80-sep-alt));
    --hsl-sep-alt: var(--primary-80-sep-alt)
}

.ui-market--theme-gray-30.ui-market--toggled:not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb] {
    color: Hsl(var(--custom-ui-market-clr-theme-gray-30, var(--hsl-clr)))
}

[dir] .ui-market--theme-gray-30.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):before, [dir] .ui-market--theme-gray-30.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background-color: Hsl(var(--custom-ui-market-bg-toggled-theme-gray-30, var(--hsl-bg)))
}

.ui-market--theme-gray-30.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--custom-ui-market-value-clr-toggled-theme-gray-30, var(--hsl-clr-strong-alt)))
}

[dir] .ui-market--theme-gray-30.ui-market--locked[data-v-d8e1b7bb]:before {
    background-color: Hsl(var(--custom-ui-market-bg-locked-theme-gray-30, var(--hsl-bg)))
}

.ui-market--theme-gray-40.ui-market[data-v-d8e1b7bb] {
    --bg: hsla(var(--gray-40-bg), 1);
    --hsl-bg: var(--gray-40-bg);
    --clr: hsl(var(--gray-40-clr));
    --hsl-clr: var(--gray-40-clr);
    --clr-accent: hsl(var(--gray-40-clr-accent));
    --hsl-clr-accent: var(--gray-40-clr-accent);
    --clr-decent: hsl(var(--gray-40-clr-decent));
    --hsl-clr-decent: var(--gray-40-clr-decent);
    --clr-strong: hsl(var(--gray-40-clr-strong));
    --hsl-clr-strong: var(--gray-40-clr-strong);
    --clr-strong-alt: hsl(var(--gray-40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-40-clr-strong-alt);
    --clr-primary: hsl(var(--gray-40-clr-primary));
    --hsl-clr-primary: var(--gray-40-clr-primary);
    --clr-good: hsl(var(--gray-40-clr-good));
    --hsl-clr-good: var(--gray-40-clr-good);
    --clr-bad: hsl(var(--gray-40-clr-bad));
    --hsl-clr-bad: var(--gray-40-clr-bad);
    --sep: hsl(var(--gray-40-sep));
    --hsl-sep: var(--gray-40-sep);
    --sep-alt: hsl(var(--gray-40-sep-alt));
    --hsl-sep-alt: var(--gray-40-sep-alt)
}

@media (hover: hover) {
    .ui-market--theme-gray-40.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover {
        --bg: hsla(var(--primary-80-bg), 1);
        --hsl-bg: var(--primary-80-bg);
        --clr: hsl(var(--primary-80-clr));
        --hsl-clr: var(--primary-80-clr);
        --clr-accent: hsl(var(--primary-80-clr-accent));
        --hsl-clr-accent: var(--primary-80-clr-accent);
        --clr-decent: hsl(var(--primary-80-clr-decent));
        --hsl-clr-decent: var(--primary-80-clr-decent);
        --clr-strong: hsl(var(--primary-80-clr-strong));
        --hsl-clr-strong: var(--primary-80-clr-strong);
        --clr-strong-alt: hsl(var(--primary-80-clr-strong-alt));
        --hsl-clr-strong-alt: var(--primary-80-clr-strong-alt);
        --clr-primary: hsl(var(--primary-80-clr-primary));
        --hsl-clr-primary: var(--primary-80-clr-primary);
        --clr-good: hsl(var(--primary-80-clr-good));
        --hsl-clr-good: var(--primary-80-clr-good);
        --clr-bad: hsl(var(--primary-80-clr-bad));
        --hsl-clr-bad: var(--primary-80-clr-bad);
        --sep: hsl(var(--primary-80-sep));
        --hsl-sep: var(--primary-80-sep);
        --sep-alt: hsl(var(--primary-80-sep-alt));
        --hsl-sep-alt: var(--primary-80-sep-alt)
    }

    [dir] .ui-market--theme-gray-40.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
        background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
    }

    .ui-market--theme-gray-40.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover .ui-market__value[data-v-d8e1b7bb] {
        color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
    }
}

.ui-market--theme-gray-40.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
}

.ui-market--theme-gray-40.ui-market--toggled[data-v-d8e1b7bb] {
    --bg: hsla(var(--primary-80-bg), 1);
    --hsl-bg: var(--primary-80-bg);
    --clr: hsl(var(--primary-80-clr));
    --hsl-clr: var(--primary-80-clr);
    --clr-accent: hsl(var(--primary-80-clr-accent));
    --hsl-clr-accent: var(--primary-80-clr-accent);
    --clr-decent: hsl(var(--primary-80-clr-decent));
    --hsl-clr-decent: var(--primary-80-clr-decent);
    --clr-strong: hsl(var(--primary-80-clr-strong));
    --hsl-clr-strong: var(--primary-80-clr-strong);
    --clr-strong-alt: hsl(var(--primary-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-80-clr-strong-alt);
    --clr-primary: hsl(var(--primary-80-clr-primary));
    --hsl-clr-primary: var(--primary-80-clr-primary);
    --clr-good: hsl(var(--primary-80-clr-good));
    --hsl-clr-good: var(--primary-80-clr-good);
    --clr-bad: hsl(var(--primary-80-clr-bad));
    --hsl-clr-bad: var(--primary-80-clr-bad);
    --sep: hsl(var(--primary-80-sep));
    --hsl-sep: var(--primary-80-sep);
    --sep-alt: hsl(var(--primary-80-sep-alt));
    --hsl-sep-alt: var(--primary-80-sep-alt)
}

.ui-market--theme-gray-40.ui-market--toggled:not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-market--theme-gray-40.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):before, [dir] .ui-market--theme-gray-40.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-gray-40.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong-alt)))
}

[dir] .ui-market--theme-gray-40.ui-market--locked[data-v-d8e1b7bb]:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-gray-65.ui-market[data-v-d8e1b7bb] {
    --bg: hsla(var(--gray-65-bg), 1);
    --hsl-bg: var(--gray-65-bg);
    --clr: hsl(var(--gray-65-clr));
    --hsl-clr: var(--gray-65-clr);
    --clr-accent: hsl(var(--gray-65-clr-accent));
    --hsl-clr-accent: var(--gray-65-clr-accent);
    --clr-decent: hsl(var(--gray-65-clr-decent));
    --hsl-clr-decent: var(--gray-65-clr-decent);
    --clr-strong: hsl(var(--gray-65-clr-strong));
    --hsl-clr-strong: var(--gray-65-clr-strong);
    --clr-strong-alt: hsl(var(--gray-65-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-65-clr-strong-alt);
    --clr-primary: hsl(var(--gray-65-clr-primary));
    --hsl-clr-primary: var(--gray-65-clr-primary);
    --clr-good: hsl(var(--gray-65-clr-good));
    --hsl-clr-good: var(--gray-65-clr-good);
    --clr-bad: hsl(var(--gray-65-clr-bad));
    --hsl-clr-bad: var(--gray-65-clr-bad);
    --sep: hsl(var(--gray-65-sep));
    --hsl-sep: var(--gray-65-sep);
    --sep-alt: hsl(var(--gray-65-sep-alt));
    --hsl-sep-alt: var(--gray-65-sep-alt)
}

@media (hover: hover) {
    .ui-market--theme-gray-65.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover {
        --bg: hsla(var(--primary-80-bg), 1);
        --hsl-bg: var(--primary-80-bg);
        --clr: hsl(var(--primary-80-clr));
        --hsl-clr: var(--primary-80-clr);
        --clr-accent: hsl(var(--primary-80-clr-accent));
        --hsl-clr-accent: var(--primary-80-clr-accent);
        --clr-decent: hsl(var(--primary-80-clr-decent));
        --hsl-clr-decent: var(--primary-80-clr-decent);
        --clr-strong: hsl(var(--primary-80-clr-strong));
        --hsl-clr-strong: var(--primary-80-clr-strong);
        --clr-strong-alt: hsl(var(--primary-80-clr-strong-alt));
        --hsl-clr-strong-alt: var(--primary-80-clr-strong-alt);
        --clr-primary: hsl(var(--primary-80-clr-primary));
        --hsl-clr-primary: var(--primary-80-clr-primary);
        --clr-good: hsl(var(--primary-80-clr-good));
        --hsl-clr-good: var(--primary-80-clr-good);
        --clr-bad: hsl(var(--primary-80-clr-bad));
        --hsl-clr-bad: var(--primary-80-clr-bad);
        --sep: hsl(var(--primary-80-sep));
        --hsl-sep: var(--primary-80-sep);
        --sep-alt: hsl(var(--primary-80-sep-alt));
        --hsl-sep-alt: var(--primary-80-sep-alt)
    }

    [dir] .ui-market--theme-gray-65.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
        background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
    }

    .ui-market--theme-gray-65.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover .ui-market__value[data-v-d8e1b7bb] {
        color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
    }
}

.ui-market--theme-gray-65.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
}

.ui-market--theme-gray-65.ui-market--toggled[data-v-d8e1b7bb] {
    --bg: hsla(var(--primary-80-bg), 1);
    --hsl-bg: var(--primary-80-bg);
    --clr: hsl(var(--primary-80-clr));
    --hsl-clr: var(--primary-80-clr);
    --clr-accent: hsl(var(--primary-80-clr-accent));
    --hsl-clr-accent: var(--primary-80-clr-accent);
    --clr-decent: hsl(var(--primary-80-clr-decent));
    --hsl-clr-decent: var(--primary-80-clr-decent);
    --clr-strong: hsl(var(--primary-80-clr-strong));
    --hsl-clr-strong: var(--primary-80-clr-strong);
    --clr-strong-alt: hsl(var(--primary-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-80-clr-strong-alt);
    --clr-primary: hsl(var(--primary-80-clr-primary));
    --hsl-clr-primary: var(--primary-80-clr-primary);
    --clr-good: hsl(var(--primary-80-clr-good));
    --hsl-clr-good: var(--primary-80-clr-good);
    --clr-bad: hsl(var(--primary-80-clr-bad));
    --hsl-clr-bad: var(--primary-80-clr-bad);
    --sep: hsl(var(--primary-80-sep));
    --hsl-sep: var(--primary-80-sep);
    --sep-alt: hsl(var(--primary-80-sep-alt));
    --hsl-sep-alt: var(--primary-80-sep-alt)
}

.ui-market--theme-gray-65.ui-market--toggled:not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-market--theme-gray-65.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):before, [dir] .ui-market--theme-gray-65.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-gray-65.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong-alt)))
}

[dir] .ui-market--theme-gray-65.ui-market--locked[data-v-d8e1b7bb]:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-gray-100.ui-market[data-v-d8e1b7bb] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt)
}

@media (hover: hover) {
    .ui-market--theme-gray-100.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover {
        --bg: hsla(var(--primary-80-bg), 1);
        --hsl-bg: var(--primary-80-bg);
        --clr: hsl(var(--primary-80-clr));
        --hsl-clr: var(--primary-80-clr);
        --clr-accent: hsl(var(--primary-80-clr-accent));
        --hsl-clr-accent: var(--primary-80-clr-accent);
        --clr-decent: hsl(var(--primary-80-clr-decent));
        --hsl-clr-decent: var(--primary-80-clr-decent);
        --clr-strong: hsl(var(--primary-80-clr-strong));
        --hsl-clr-strong: var(--primary-80-clr-strong);
        --clr-strong-alt: hsl(var(--primary-80-clr-strong-alt));
        --hsl-clr-strong-alt: var(--primary-80-clr-strong-alt);
        --clr-primary: hsl(var(--primary-80-clr-primary));
        --hsl-clr-primary: var(--primary-80-clr-primary);
        --clr-good: hsl(var(--primary-80-clr-good));
        --hsl-clr-good: var(--primary-80-clr-good);
        --clr-bad: hsl(var(--primary-80-clr-bad));
        --hsl-clr-bad: var(--primary-80-clr-bad);
        --sep: hsl(var(--primary-80-sep));
        --hsl-sep: var(--primary-80-sep);
        --sep-alt: hsl(var(--primary-80-sep-alt));
        --hsl-sep-alt: var(--primary-80-sep-alt)
    }

    [dir] .ui-market--theme-gray-100.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
        background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
    }

    .ui-market--theme-gray-100.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover .ui-market__value[data-v-d8e1b7bb] {
        color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
    }
}

.ui-market--theme-gray-100.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
}

.ui-market--theme-gray-100.ui-market--toggled[data-v-d8e1b7bb] {
    --bg: hsla(var(--primary-80-bg), 1);
    --hsl-bg: var(--primary-80-bg);
    --clr: hsl(var(--primary-80-clr));
    --hsl-clr: var(--primary-80-clr);
    --clr-accent: hsl(var(--primary-80-clr-accent));
    --hsl-clr-accent: var(--primary-80-clr-accent);
    --clr-decent: hsl(var(--primary-80-clr-decent));
    --hsl-clr-decent: var(--primary-80-clr-decent);
    --clr-strong: hsl(var(--primary-80-clr-strong));
    --hsl-clr-strong: var(--primary-80-clr-strong);
    --clr-strong-alt: hsl(var(--primary-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-80-clr-strong-alt);
    --clr-primary: hsl(var(--primary-80-clr-primary));
    --hsl-clr-primary: var(--primary-80-clr-primary);
    --clr-good: hsl(var(--primary-80-clr-good));
    --hsl-clr-good: var(--primary-80-clr-good);
    --clr-bad: hsl(var(--primary-80-clr-bad));
    --hsl-clr-bad: var(--primary-80-clr-bad);
    --sep: hsl(var(--primary-80-sep));
    --hsl-sep: var(--primary-80-sep);
    --sep-alt: hsl(var(--primary-80-sep-alt));
    --hsl-sep-alt: var(--primary-80-sep-alt)
}

.ui-market--theme-gray-100.ui-market--toggled:not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-market--theme-gray-100.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):before, [dir] .ui-market--theme-gray-100.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-gray-100.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong-alt)))
}

[dir] .ui-market--theme-gray-100.ui-market--locked[data-v-d8e1b7bb]:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-cyber-10.ui-market[data-v-d8e1b7bb] {
    --bg: hsla(var(--cyber-10-bg), 1);
    --hsl-bg: var(--cyber-10-bg);
    --clr: hsl(var(--cyber-10-clr));
    --hsl-clr: var(--cyber-10-clr);
    --clr-accent: hsl(var(--cyber-10-clr-accent));
    --hsl-clr-accent: var(--cyber-10-clr-accent);
    --clr-decent: hsl(var(--cyber-10-clr-decent));
    --hsl-clr-decent: var(--cyber-10-clr-decent);
    --clr-strong: hsl(var(--cyber-10-clr-strong));
    --hsl-clr-strong: var(--cyber-10-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-10-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-10-clr-primary));
    --hsl-clr-primary: var(--cyber-10-clr-primary);
    --clr-good: hsl(var(--cyber-10-clr-good));
    --hsl-clr-good: var(--cyber-10-clr-good);
    --clr-bad: hsl(var(--cyber-10-clr-bad));
    --hsl-clr-bad: var(--cyber-10-clr-bad);
    --sep: hsl(var(--cyber-10-sep));
    --hsl-sep: var(--cyber-10-sep);
    --sep-alt: hsl(var(--cyber-10-sep-alt));
    --hsl-sep-alt: var(--cyber-10-sep-alt)
}

@media (hover: hover) {
    .ui-market--theme-cyber-10.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover {
        --bg: hsla(var(--cyber-25-bg), 1);
        --hsl-bg: var(--cyber-25-bg);
        --clr: hsl(var(--cyber-25-clr));
        --hsl-clr: var(--cyber-25-clr);
        --clr-accent: hsl(var(--cyber-25-clr-accent));
        --hsl-clr-accent: var(--cyber-25-clr-accent);
        --clr-decent: hsl(var(--cyber-25-clr-decent));
        --hsl-clr-decent: var(--cyber-25-clr-decent);
        --clr-strong: hsl(var(--cyber-25-clr-strong));
        --hsl-clr-strong: var(--cyber-25-clr-strong);
        --clr-strong-alt: hsl(var(--cyber-25-clr-strong-alt));
        --hsl-clr-strong-alt: var(--cyber-25-clr-strong-alt);
        --clr-primary: hsl(var(--cyber-25-clr-primary));
        --hsl-clr-primary: var(--cyber-25-clr-primary);
        --clr-good: hsl(var(--cyber-25-clr-good));
        --hsl-clr-good: var(--cyber-25-clr-good);
        --clr-bad: hsl(var(--cyber-25-clr-bad));
        --hsl-clr-bad: var(--cyber-25-clr-bad);
        --sep: hsl(var(--cyber-25-sep));
        --hsl-sep: var(--cyber-25-sep);
        --sep-alt: hsl(var(--cyber-25-sep-alt));
        --hsl-sep-alt: var(--cyber-25-sep-alt)
    }

    [dir] .ui-market--theme-cyber-10.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
        background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
    }

    .ui-market--theme-cyber-10.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover .ui-market__value[data-v-d8e1b7bb] {
        color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
    }
}

.ui-market--theme-cyber-10.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
}

.ui-market--theme-cyber-10.ui-market--toggled[data-v-d8e1b7bb] {
    --bg: hsla(var(--cyber-25-bg), 1);
    --hsl-bg: var(--cyber-25-bg);
    --clr: hsl(var(--cyber-25-clr));
    --hsl-clr: var(--cyber-25-clr);
    --clr-accent: hsl(var(--cyber-25-clr-accent));
    --hsl-clr-accent: var(--cyber-25-clr-accent);
    --clr-decent: hsl(var(--cyber-25-clr-decent));
    --hsl-clr-decent: var(--cyber-25-clr-decent);
    --clr-strong: hsl(var(--cyber-25-clr-strong));
    --hsl-clr-strong: var(--cyber-25-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-25-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-25-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-25-clr-primary));
    --hsl-clr-primary: var(--cyber-25-clr-primary);
    --clr-good: hsl(var(--cyber-25-clr-good));
    --hsl-clr-good: var(--cyber-25-clr-good);
    --clr-bad: hsl(var(--cyber-25-clr-bad));
    --hsl-clr-bad: var(--cyber-25-clr-bad);
    --sep: hsl(var(--cyber-25-sep));
    --hsl-sep: var(--cyber-25-sep);
    --sep-alt: hsl(var(--cyber-25-sep-alt));
    --hsl-sep-alt: var(--cyber-25-sep-alt)
}

.ui-market--theme-cyber-10.ui-market--toggled:not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-market--theme-cyber-10.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):before, [dir] .ui-market--theme-cyber-10.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-cyber-10.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong-alt)))
}

.ui-market--theme-cyber-10.ui-market--locked[data-v-d8e1b7bb] {
    --bg: hsla(var(--cyber--20-bg), 1);
    --hsl-bg: var(--cyber--20-bg);
    --clr: hsl(var(--cyber--20-clr));
    --hsl-clr: var(--cyber--20-clr);
    --clr-accent: hsl(var(--cyber--20-clr-accent));
    --hsl-clr-accent: var(--cyber--20-clr-accent);
    --clr-decent: hsl(var(--cyber--20-clr-decent));
    --hsl-clr-decent: var(--cyber--20-clr-decent);
    --clr-strong: hsl(var(--cyber--20-clr-strong));
    --hsl-clr-strong: var(--cyber--20-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--20-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--20-clr-primary));
    --hsl-clr-primary: var(--cyber--20-clr-primary);
    --clr-good: hsl(var(--cyber--20-clr-good));
    --hsl-clr-good: var(--cyber--20-clr-good);
    --clr-bad: hsl(var(--cyber--20-clr-bad));
    --hsl-clr-bad: var(--cyber--20-clr-bad);
    --sep: hsl(var(--cyber--20-sep));
    --hsl-sep: var(--cyber--20-sep);
    --sep-alt: hsl(var(--cyber--20-sep-alt));
    --hsl-sep-alt: var(--cyber--20-sep-alt)
}

[dir] .ui-market--theme-cyber-10.ui-market--locked[data-v-d8e1b7bb]:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.is-keyboard-user .ui-market--theme-cyber-10[data-v-d8e1b7bb]:focus:before {
    outline-color: hsla(var(--cyber-55-bg), 1)
}

.ui-market--theme-cyber-10 .ui-market__lock[data-v-d8e1b7bb] {
    display: none
}

.ui-market--theme-cyber-10.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):hover {
    --bg: hsla(var(--cyber-15-bg), 1);
    --hsl-bg: var(--cyber-15-bg);
    --clr: hsl(var(--cyber-15-clr));
    --hsl-clr: var(--cyber-15-clr);
    --clr-accent: hsl(var(--cyber-15-clr-accent));
    --hsl-clr-accent: var(--cyber-15-clr-accent);
    --clr-decent: hsl(var(--cyber-15-clr-decent));
    --hsl-clr-decent: var(--cyber-15-clr-decent);
    --clr-strong: hsl(var(--cyber-15-clr-strong));
    --hsl-clr-strong: var(--cyber-15-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-15-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-15-clr-primary));
    --hsl-clr-primary: var(--cyber-15-clr-primary);
    --clr-good: hsl(var(--cyber-15-clr-good));
    --hsl-clr-good: var(--cyber-15-clr-good);
    --clr-bad: hsl(var(--cyber-15-clr-bad));
    --hsl-clr-bad: var(--cyber-15-clr-bad);
    --sep: hsl(var(--cyber-15-sep));
    --hsl-sep: var(--cyber-15-sep);
    --sep-alt: hsl(var(--cyber-15-sep-alt));
    --hsl-sep-alt: var(--cyber-15-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-market--theme-cyber-10.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-market--theme-cyber-10.ui-market:not(.ui-market--empty):not(.ui-market--locked).ui-market--toggled.ui-market--down .ui-market__name[data-v-d8e1b7bb], .ui-market--theme-cyber-10.ui-market:not(.ui-market--empty):not(.ui-market--locked).ui-market--toggled.ui-market--down .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-bad))
}

.ui-market--theme-cyber-10.ui-market:not(.ui-market--empty):not(.ui-market--locked).ui-market--toggled.ui-market--up .ui-market__name[data-v-d8e1b7bb], .ui-market--theme-cyber-10.ui-market:not(.ui-market--empty):not(.ui-market--locked).ui-market--toggled.ui-market--up .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-good))
}

[dir] .ui-market--theme-cyber-10.ui-market--locked[data-v-d8e1b7bb]:before {
    background-color: Hsl(var(--cyber--20-bg))
}

.ui-market--theme-cyber-accent.ui-market[data-v-d8e1b7bb] {
    --bg: hsla(var(--cyber-0-bg), 1);
    --hsl-bg: var(--cyber-0-bg);
    --clr: hsl(var(--cyber-0-clr));
    --hsl-clr: var(--cyber-0-clr);
    --clr-accent: hsl(var(--cyber-0-clr-accent));
    --hsl-clr-accent: var(--cyber-0-clr-accent);
    --clr-decent: hsl(var(--cyber-0-clr-decent));
    --hsl-clr-decent: var(--cyber-0-clr-decent);
    --clr-strong: hsl(var(--cyber-0-clr-strong));
    --hsl-clr-strong: var(--cyber-0-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-0-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-0-clr-primary));
    --hsl-clr-primary: var(--cyber-0-clr-primary);
    --clr-good: hsl(var(--cyber-0-clr-good));
    --hsl-clr-good: var(--cyber-0-clr-good);
    --clr-bad: hsl(var(--cyber-0-clr-bad));
    --hsl-clr-bad: var(--cyber-0-clr-bad);
    --sep: hsl(var(--cyber-0-sep));
    --hsl-sep: var(--cyber-0-sep);
    --sep-alt: hsl(var(--cyber-0-sep-alt));
    --hsl-sep-alt: var(--cyber-0-sep-alt)
}

@media (hover: hover) {
    .ui-market--theme-cyber-accent.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
        opacity: 0
    }

    [dir] .ui-market--theme-cyber-accent.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
        background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
    }

    .ui-market--theme-cyber-accent.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover .ui-market__value[data-v-d8e1b7bb] {
        color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
    }
}

.ui-market--theme-cyber-accent.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
}

.ui-market--theme-cyber-accent.ui-market--toggled[data-v-d8e1b7bb]:before {
    opacity: 0
}

.ui-market--theme-cyber-accent.ui-market--toggled:not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-market--theme-cyber-accent.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):before, [dir] .ui-market--theme-cyber-accent.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-cyber-accent.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong-alt)))
}

.ui-market--theme-cyber-accent.ui-market--locked[data-v-d8e1b7bb]:before {
    opacity: 0
}

[dir] .ui-market--theme-cyber-accent.ui-market--locked[data-v-d8e1b7bb]:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.is-keyboard-user .ui-market--theme-cyber-accent[data-v-d8e1b7bb]:focus:before {
    outline-color: Hsl(var(--cyber-secondary-clr-accent))
}

[dir=ltr] .ui-market--theme-cyber-accent.ui-market[data-v-d8e1b7bb]:before {
    background: linear-gradient(180deg, Hsl(var(--cyber-alternative-gradient-start)) 0, Hsl(var(--cyber-alternative-gradient-end)) 100%)
}

[dir=rtl] .ui-market--theme-cyber-accent.ui-market[data-v-d8e1b7bb]:before {
    background: linear-gradient(-180deg, Hsl(var(--cyber-alternative-gradient-start)) 0, Hsl(var(--cyber-alternative-gradient-end)) 100%)
}

[dir=ltr] .ui-market--theme-cyber-accent.ui-market[data-v-d8e1b7bb]:hover {
    background: linear-gradient(180deg, Hsl(var(--cyber-alternative-gradient-start)) -50%, Hsl(var(--cyber-alternative-gradient-end)) 100%)
}

[dir=rtl] .ui-market--theme-cyber-accent.ui-market[data-v-d8e1b7bb]:hover {
    background: linear-gradient(-180deg, Hsl(var(--cyber-alternative-gradient-start)) -50%, Hsl(var(--cyber-alternative-gradient-end)) 100%)
}

.ui-market--theme-cyber-accent.ui-market__lock[data-v-d8e1b7bb] {
    display: none
}

[dir=ltr] .ui-market--theme-cyber-accent.ui-market--toggled[data-v-d8e1b7bb] {
    background: linear-gradient(180deg, Hsl(var(--cyber-secondary-gradient-start)) -37%, Hsl(var(--cyber-secondary-gradient-start)) 25%, Hsl(var(--cyber-secondary-gradient-middle)) 90%, Hsl(var(--cyber-secondary-gradient-end)) 137%)
}

[dir=rtl] .ui-market--theme-cyber-accent.ui-market--toggled[data-v-d8e1b7bb] {
    background: linear-gradient(-180deg, Hsl(var(--cyber-secondary-gradient-start)) -37%, Hsl(var(--cyber-secondary-gradient-start)) 25%, Hsl(var(--cyber-secondary-gradient-middle)) 90%, Hsl(var(--cyber-secondary-gradient-end)) 137%)
}

[dir=ltr] .ui-market--theme-cyber-accent.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):hover {
    background: linear-gradient(180deg, Hsl(var(--cyber-secondary-gradient-start)) -37%, Hsl(var(--cyber-secondary-gradient-start)) 25%, Hsl(var(--cyber-secondary-gradient-middle)) 90%, Hsl(var(--cyber-secondary-gradient-end)) 137%)
}

[dir=rtl] .ui-market--theme-cyber-accent.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):hover {
    background: linear-gradient(-180deg, Hsl(var(--cyber-secondary-gradient-start)) -37%, Hsl(var(--cyber-secondary-gradient-start)) 25%, Hsl(var(--cyber-secondary-gradient-middle)) 90%, Hsl(var(--cyber-secondary-gradient-end)) 137%)
}

.ui-market--theme-cyber-accent.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked).ui-market--down .ui-market__name[data-v-d8e1b7bb], .ui-market--theme-cyber-accent.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked).ui-market--down .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-bad))
}

.ui-market--theme-cyber-accent.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked).ui-market--up .ui-market__name[data-v-d8e1b7bb], .ui-market--theme-cyber-accent.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked).ui-market--up .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-good))
}

.ui-market--theme-cyber-accent.ui-market:not(.ui-market--toggled).ui-market--down[data-v-d8e1b7bb], .ui-market--theme-cyber-accent.ui-market:not(.ui-market--toggled).ui-market--up[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr))
}

[dir=ltr] .ui-market--theme-cyber-accent.ui-market:not(.ui-market--toggled).ui-market--down[data-v-d8e1b7bb]:before {
    background: linear-gradient(180deg, Hsl(var(--cyber-bad-gradient-1-bg)) 0, Hsl(var(--cyber-bad-gradient-2-bg)) 32%, Hsla(var(--cyber-bad-gradient-3-bg), .9) 70%, Hsl(var(--cyber-bad-gradient-4-bg)) 100%)
}

[dir=rtl] .ui-market--theme-cyber-accent.ui-market:not(.ui-market--toggled).ui-market--down[data-v-d8e1b7bb]:before {
    background: linear-gradient(-180deg, Hsl(var(--cyber-bad-gradient-1-bg)) 0, Hsl(var(--cyber-bad-gradient-2-bg)) 32%, Hsla(var(--cyber-bad-gradient-3-bg), .9) 70%, Hsl(var(--cyber-bad-gradient-4-bg)) 100%)
}

[dir=ltr] .ui-market--theme-cyber-accent.ui-market:not(.ui-market--toggled).ui-market--up[data-v-d8e1b7bb]:before {
    background: linear-gradient(180deg, Hsl(var(--cyber-good-gradient-1-bg)) 0, Hsl(var(--cyber-good-gradient-2-bg)) 33%, Hsl(var(--cyber-good-gradient-3-bg)) 68%, Hsl(var(--cyber-good-gradient-4-bg)) 100%)
}

[dir=rtl] .ui-market--theme-cyber-accent.ui-market:not(.ui-market--toggled).ui-market--up[data-v-d8e1b7bb]:before {
    background: linear-gradient(-180deg, Hsl(var(--cyber-good-gradient-1-bg)) 0, Hsl(var(--cyber-good-gradient-2-bg)) 33%, Hsl(var(--cyber-good-gradient-3-bg)) 68%, Hsl(var(--cyber-good-gradient-4-bg)) 100%)
}

.ui-market--theme-cyber-accent.ui-market--locked[data-v-d8e1b7bb] {
    --bg: hsla(var(--cyber-10-bg), 1);
    --hsl-bg: var(--cyber-10-bg);
    --clr: hsl(var(--cyber-10-clr));
    --hsl-clr: var(--cyber-10-clr);
    --clr-accent: hsl(var(--cyber-10-clr-accent));
    --hsl-clr-accent: var(--cyber-10-clr-accent);
    --clr-decent: hsl(var(--cyber-10-clr-decent));
    --hsl-clr-decent: var(--cyber-10-clr-decent);
    --clr-strong: hsl(var(--cyber-10-clr-strong));
    --hsl-clr-strong: var(--cyber-10-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-10-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-10-clr-primary));
    --hsl-clr-primary: var(--cyber-10-clr-primary);
    --clr-good: hsl(var(--cyber-10-clr-good));
    --hsl-clr-good: var(--cyber-10-clr-good);
    --clr-bad: hsl(var(--cyber-10-clr-bad));
    --hsl-clr-bad: var(--cyber-10-clr-bad);
    --sep: hsl(var(--cyber-10-sep));
    --hsl-sep: var(--cyber-10-sep);
    --sep-alt: hsl(var(--cyber-10-sep-alt));
    --hsl-sep-alt: var(--cyber-10-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    opacity: .6
}

[dir] .ui-market--theme-cyber-accent.ui-market--locked[data-v-d8e1b7bb] {
    background-color: Hsla(var(--hsl-bg), 1);
    background: Hsl(var(--hsl-bg))
}

[dir] .ui-market--theme-cyber-accent.ui-market--locked:not(.ui-market--toggled).ui-market--down[data-v-d8e1b7bb], [dir] .ui-market--theme-cyber-accent.ui-market--locked:not(.ui-market--toggled).ui-market--up[data-v-d8e1b7bb], [dir] .ui-market--theme-cyber-accent.ui-market--locked[data-v-d8e1b7bb]:hover {
    background: Hsl(var(--hsl-bg))
}

.ui-market--theme-cyber-accent.ui-market--down:not(.ui-market--empty):not(.ui-market--locked) .ui-market__value[data-v-d8e1b7bb], .ui-market--theme-cyber-accent.ui-market--down:not(.ui-market--empty):not(.ui-market--locked) .ui-market__value[data-v-d8e1b7bb]:hover, .ui-market--theme-cyber-accent.ui-market--up:not(.ui-market--empty):not(.ui-market--locked) .ui-market__value[data-v-d8e1b7bb], .ui-market--theme-cyber-accent.ui-market--up:not(.ui-market--empty):not(.ui-market--locked) .ui-market__value[data-v-d8e1b7bb]:hover {
    color: Hsl(var(--hsl-clr))
}

@media (hover: hover) {
    [dir] .ui-market--theme-cyber-accent-gradient.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
        background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
    }

    .ui-market--theme-cyber-accent-gradient.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover .ui-market__value[data-v-d8e1b7bb] {
        color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
    }
}

.ui-market--theme-cyber-accent-gradient.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
}

.ui-market--theme-cyber-accent-gradient.ui-market--toggled:not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-market--theme-cyber-accent-gradient.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):before, [dir] .ui-market--theme-cyber-accent-gradient.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-cyber-accent-gradient.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong-alt)))
}

.ui-market--theme-cyber-accent-gradient.ui-market--locked[data-v-d8e1b7bb]:before {
    opacity: 0
}

[dir] .ui-market--theme-cyber-accent-gradient.ui-market--locked[data-v-d8e1b7bb]:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.is-keyboard-user .ui-market--theme-cyber-accent-gradient[data-v-d8e1b7bb]:focus:before {
    outline-color: Hsl(var(--cyber-secondary-clr-accent))
}

.ui-market--theme-cyber-accent-gradient.ui-market[data-v-d8e1b7bb] {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    color: Hsl(var(--custom-ui-market-clr-theme-cyber-accent-gradient, var(--hsl-clr)))
}

[dir] .ui-market--theme-cyber-accent-gradient.ui-market[data-v-d8e1b7bb] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir=ltr] .ui-market--theme-cyber-accent-gradient.ui-market[data-v-d8e1b7bb]:before {
    background: linear-gradient(180deg, Hsl(var(--custom-ui-market-bg-theme-cyber-accent-gradient-start, var(--hsl-bg))) 0, Hsl(var(--custom-ui-market-bg-theme-cyber-accent-gradient-end, var(--hsl-bg))) 100%)
}

[dir=rtl] .ui-market--theme-cyber-accent-gradient.ui-market[data-v-d8e1b7bb]:before {
    background: linear-gradient(-180deg, Hsl(var(--custom-ui-market-bg-theme-cyber-accent-gradient-start, var(--hsl-bg))) 0, Hsl(var(--custom-ui-market-bg-theme-cyber-accent-gradient-end, var(--hsl-bg))) 100%)
}

.ui-market--theme-cyber-accent-gradient.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover {
    --bg: hsla(var(--accent--10-bg), 1);
    --hsl-bg: var(--accent--10-bg);
    --clr: hsl(var(--accent--10-clr));
    --hsl-clr: var(--accent--10-clr);
    --clr-accent: hsl(var(--accent--10-clr-accent));
    --hsl-clr-accent: var(--accent--10-clr-accent);
    --clr-decent: hsl(var(--accent--10-clr-decent));
    --hsl-clr-decent: var(--accent--10-clr-decent);
    --clr-strong: hsl(var(--accent--10-clr-strong));
    --hsl-clr-strong: var(--accent--10-clr-strong);
    --clr-strong-alt: hsl(var(--accent--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent--10-clr-strong-alt);
    --clr-primary: hsl(var(--accent--10-clr-primary));
    --hsl-clr-primary: var(--accent--10-clr-primary);
    --clr-good: hsl(var(--accent--10-clr-good));
    --hsl-clr-good: var(--accent--10-clr-good);
    --clr-bad: hsl(var(--accent--10-clr-bad));
    --hsl-clr-bad: var(--accent--10-clr-bad);
    --sep: hsl(var(--accent--10-sep));
    --hsl-sep: var(--accent--10-sep);
    --sep-alt: hsl(var(--accent--10-sep-alt));
    --hsl-sep-alt: var(--accent--10-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    color: Hsl(var(--custom-ui-market-clr-theme-cyber-accent-gradient, var(--hsl-clr)))
}

[dir] .ui-market--theme-cyber-accent-gradient.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-market--theme-cyber-accent-gradient.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    opacity: 1
}

[dir=ltr] .ui-market--theme-cyber-accent-gradient.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background: linear-gradient(180deg, Hsl(var(--custom-ui-market-bg-theme-cyber-accent-gradient-start, var(--hsl-bg))) -50%, Hsl(var(--custom-ui-market-bg-theme-cyber-accent-gradient-end, var(--hsl-bg))) 100%)
}

[dir=rtl] .ui-market--theme-cyber-accent-gradient.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background: linear-gradient(-180deg, Hsl(var(--custom-ui-market-bg-theme-cyber-accent-gradient-start, var(--hsl-bg))) -50%, Hsl(var(--custom-ui-market-bg-theme-cyber-accent-gradient-end, var(--hsl-bg))) 100%)
}

.ui-market--theme-cyber-accent-gradient.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb], .ui-market--theme-cyber-accent-gradient.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb], .ui-market--theme-cyber-accent-gradient.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--custom-ui-market-clr-theme-cyber-accent-gradient, var(--hsl-clr)))
}

.ui-market--theme-cyber-accent-gradient.ui-market--toggled[data-v-d8e1b7bb] {
    --bg: hsla(var(--accent-80-bg), 1);
    --hsl-bg: var(--accent-80-bg);
    --clr: hsl(var(--accent-80-clr));
    --hsl-clr: var(--accent-80-clr);
    --clr-accent: hsl(var(--accent-80-clr-accent));
    --hsl-clr-accent: var(--accent-80-clr-accent);
    --clr-decent: hsl(var(--accent-80-clr-decent));
    --hsl-clr-decent: var(--accent-80-clr-decent);
    --clr-strong: hsl(var(--accent-80-clr-strong));
    --hsl-clr-strong: var(--accent-80-clr-strong);
    --clr-strong-alt: hsl(var(--accent-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-80-clr-strong-alt);
    --clr-primary: hsl(var(--accent-80-clr-primary));
    --hsl-clr-primary: var(--accent-80-clr-primary);
    --clr-good: hsl(var(--accent-80-clr-good));
    --hsl-clr-good: var(--accent-80-clr-good);
    --clr-bad: hsl(var(--accent-80-clr-bad));
    --hsl-clr-bad: var(--accent-80-clr-bad);
    --sep: hsl(var(--accent-80-sep));
    --hsl-sep: var(--accent-80-sep);
    --sep-alt: hsl(var(--accent-80-sep-alt));
    --hsl-sep-alt: var(--accent-80-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    color: Hsl(var(--custom-ui-market-clr-toggled-theme-cyber-accent-gradient, var(--hsl-clr)))
}

[dir] .ui-market--theme-cyber-accent-gradient.ui-market--toggled[data-v-d8e1b7bb] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir=ltr] .ui-market--theme-cyber-accent-gradient.ui-market--toggled[data-v-d8e1b7bb] {
    background: linear-gradient(180deg, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-start, var(--hsl-bg))) -37%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-start, var(--hsl-bg))) 25%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-middle, var(--hsl-bg))) 90%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-end, var(--hsl-bg))) 137%)
}

[dir=rtl] .ui-market--theme-cyber-accent-gradient.ui-market--toggled[data-v-d8e1b7bb] {
    background: linear-gradient(-180deg, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-start, var(--hsl-bg))) -37%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-start, var(--hsl-bg))) 25%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-middle, var(--hsl-bg))) 90%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-end, var(--hsl-bg))) 137%)
}

.ui-market--theme-cyber-accent-gradient.ui-market--toggled:not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb], .ui-market--theme-cyber-accent-gradient.ui-market--toggled:not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--custom-ui-market-clr-toggled-theme-cyber-accent-gradient, var(--hsl-clr)))
}

[dir=ltr] .ui-market--theme-cyber-accent-gradient.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):before, [dir=ltr] .ui-market--theme-cyber-accent-gradient.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):hover:before {
    background: linear-gradient(180deg, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-start, var(--hsl-bg))) -37%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-start, var(--hsl-bg))) 25%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-middle, var(--hsl-bg))) 90%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-end, var(--hsl-bg))) 137%)
}

[dir=rtl] .ui-market--theme-cyber-accent-gradient.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):before, [dir=rtl] .ui-market--theme-cyber-accent-gradient.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):hover:before {
    background: linear-gradient(-180deg, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-start, var(--hsl-bg))) -37%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-start, var(--hsl-bg))) 25%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-middle, var(--hsl-bg))) 90%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-end, var(--hsl-bg))) 137%)
}

[dir=ltr] .ui-market--theme-cyber-accent-gradient.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):before, [dir=ltr] .ui-market--theme-cyber-accent-gradient.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background: linear-gradient(180deg, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-start, var(--hsl-bg))) -37%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-start, var(--hsl-bg))) 25%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-middle, var(--hsl-bg))) 90%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-end, var(--hsl-bg))) 137%)
}

[dir=rtl] .ui-market--theme-cyber-accent-gradient.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):before, [dir=rtl] .ui-market--theme-cyber-accent-gradient.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background: linear-gradient(-180deg, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-start, var(--hsl-bg))) -37%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-start, var(--hsl-bg))) 25%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-middle, var(--hsl-bg))) 90%, Hsl(var(--custom-ui-market-bg-toggled-theme-cyber-accent-gradient-end, var(--hsl-bg))) 137%)
}

.ui-market--theme-cyber-accent-gradient.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb], .ui-market--theme-cyber-accent-gradient.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--custom-ui-market-clr-toggled-theme-cyber-accent-gradient, var(--hsl-clr)))
}

.ui-market--theme-cyber-accent-gradient.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked).ui-market--down .ui-market__name[data-v-d8e1b7bb], .ui-market--theme-cyber-accent-gradient.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked).ui-market--down .ui-market__value[data-v-d8e1b7bb], .ui-market--theme-cyber-accent-gradient.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked).ui-market--down[data-v-d8e1b7bb], .ui-market--theme-cyber-accent-gradient.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked).ui-market--down[data-v-d8e1b7bb]:hover {
    color: Hsl(var(--custom-ui-market-clr-bad-toggled-theme-cyber-accent-gradient, var(--hsl-clr-bad)))
}

.ui-market--theme-cyber-accent-gradient.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked).ui-market--up .ui-market__name[data-v-d8e1b7bb], .ui-market--theme-cyber-accent-gradient.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked).ui-market--up .ui-market__value[data-v-d8e1b7bb], .ui-market--theme-cyber-accent-gradient.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked).ui-market--up[data-v-d8e1b7bb], .ui-market--theme-cyber-accent-gradient.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked).ui-market--up[data-v-d8e1b7bb]:hover {
    color: Hsl(var(--custom-ui-market-clr-good-toggled-theme-cyber-accent-gradient, var(--hsl-clr-good)))
}

.ui-market--theme-cyber-accent-gradient.ui-market--locked[data-v-d8e1b7bb] {
    --bg: hsla(var(--cyber-10-bg), 1);
    --hsl-bg: var(--cyber-10-bg);
    --clr: hsl(var(--cyber-10-clr));
    --hsl-clr: var(--cyber-10-clr);
    --clr-accent: hsl(var(--cyber-10-clr-accent));
    --hsl-clr-accent: var(--cyber-10-clr-accent);
    --clr-decent: hsl(var(--cyber-10-clr-decent));
    --hsl-clr-decent: var(--cyber-10-clr-decent);
    --clr-strong: hsl(var(--cyber-10-clr-strong));
    --hsl-clr-strong: var(--cyber-10-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-10-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-10-clr-primary));
    --hsl-clr-primary: var(--cyber-10-clr-primary);
    --clr-good: hsl(var(--cyber-10-clr-good));
    --hsl-clr-good: var(--cyber-10-clr-good);
    --clr-bad: hsl(var(--cyber-10-clr-bad));
    --hsl-clr-bad: var(--cyber-10-clr-bad);
    --sep: hsl(var(--cyber-10-sep));
    --hsl-sep: var(--cyber-10-sep);
    --sep-alt: hsl(var(--cyber-10-sep-alt));
    --hsl-sep-alt: var(--cyber-10-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    opacity: .6
}

[dir] .ui-market--theme-cyber-accent-gradient.ui-market--locked[data-v-d8e1b7bb] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-market--theme-cyber-accent-gradient.ui-market--locked.ui-market--down[data-v-d8e1b7bb], .ui-market--theme-cyber-accent-gradient.ui-market--locked.ui-market--up[data-v-d8e1b7bb] {
    --bg: hsla(var(--cyber-10-bg), 1);
    --hsl-bg: var(--cyber-10-bg);
    --clr: hsl(var(--cyber-10-clr));
    --hsl-clr: var(--cyber-10-clr);
    --clr-accent: hsl(var(--cyber-10-clr-accent));
    --hsl-clr-accent: var(--cyber-10-clr-accent);
    --clr-decent: hsl(var(--cyber-10-clr-decent));
    --hsl-clr-decent: var(--cyber-10-clr-decent);
    --clr-strong: hsl(var(--cyber-10-clr-strong));
    --hsl-clr-strong: var(--cyber-10-clr-strong);
    --clr-strong-alt: hsl(var(--cyber-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber-10-clr-strong-alt);
    --clr-primary: hsl(var(--cyber-10-clr-primary));
    --hsl-clr-primary: var(--cyber-10-clr-primary);
    --clr-good: hsl(var(--cyber-10-clr-good));
    --hsl-clr-good: var(--cyber-10-clr-good);
    --clr-bad: hsl(var(--cyber-10-clr-bad));
    --hsl-clr-bad: var(--cyber-10-clr-bad);
    --sep: hsl(var(--cyber-10-sep));
    --hsl-sep: var(--cyber-10-sep);
    --sep-alt: hsl(var(--cyber-10-sep-alt));
    --hsl-sep-alt: var(--cyber-10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-market--theme-cyber-accent-gradient.ui-market--locked.ui-market--down[data-v-d8e1b7bb], [dir] .ui-market--theme-cyber-accent-gradient.ui-market--locked.ui-market--up[data-v-d8e1b7bb] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-market--theme-cyber-accent-gradient.ui-market--down:not(.ui-market--empty):not(.ui-market--locked) .ui-market__name[data-v-d8e1b7bb], .ui-market--theme-cyber-accent-gradient.ui-market--down:not(.ui-market--empty):not(.ui-market--locked) .ui-market__value[data-v-d8e1b7bb], .ui-market--theme-cyber-accent-gradient.ui-market--up:not(.ui-market--empty):not(.ui-market--locked) .ui-market__name[data-v-d8e1b7bb], .ui-market--theme-cyber-accent-gradient.ui-market--up:not(.ui-market--empty):not(.ui-market--locked) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--custom-ui-market-clr-theme-cyber-accent-gradient, var(--hsl-clr)))
}

.ui-market--theme-cyber-accent-gradient.ui-market--down[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--toggled) {
    --bg: hsla(var(--bad-0-bg), 1);
    --hsl-bg: var(--bad-0-bg);
    --clr: hsl(var(--bad-0-clr));
    --hsl-clr: var(--bad-0-clr);
    --clr-accent: hsl(var(--bad-0-clr-accent));
    --hsl-clr-accent: var(--bad-0-clr-accent);
    --clr-decent: hsl(var(--bad-0-clr-decent));
    --hsl-clr-decent: var(--bad-0-clr-decent);
    --clr-strong: hsl(var(--bad-0-clr-strong));
    --hsl-clr-strong: var(--bad-0-clr-strong);
    --clr-strong-alt: hsl(var(--bad-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--bad-0-clr-strong-alt);
    --clr-primary: hsl(var(--bad-0-clr-primary));
    --hsl-clr-primary: var(--bad-0-clr-primary);
    --clr-good: hsl(var(--bad-0-clr-good));
    --hsl-clr-good: var(--bad-0-clr-good);
    --clr-bad: hsl(var(--bad-0-clr-bad));
    --hsl-clr-bad: var(--bad-0-clr-bad);
    --sep: hsl(var(--bad-0-sep));
    --hsl-sep: var(--bad-0-sep);
    --sep-alt: hsl(var(--bad-0-sep-alt));
    --hsl-sep-alt: var(--bad-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-market--theme-cyber-accent-gradient.ui-market--down[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--toggled) {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir=ltr] .ui-market--theme-cyber-accent-gradient.ui-market--down[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--toggled):before {
    background: linear-gradient(180deg, Hsl(var(--custom-ui-market-bg-1-bad-toggled-theme-cyber-accent-gradient, var(--hsl-bg))) 0, Hsl(var(--custom-ui-market-bg-2-bad-toggled-theme-cyber-accent-gradient, var(--hsl-bg))) 32%, Hsla(var(--custom-ui-market-bg-3-bad-toggled-theme-cyber-accent-gradient, var(--hsl-bg)), .9) 70%, Hsl(var(--custom-ui-market-bg-4-bad-toggled-theme-cyber-accent-gradient, var(--hsl-bg))) 100%)
}

[dir=rtl] .ui-market--theme-cyber-accent-gradient.ui-market--down[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--toggled):before {
    background: linear-gradient(-180deg, Hsl(var(--custom-ui-market-bg-1-bad-toggled-theme-cyber-accent-gradient, var(--hsl-bg))) 0, Hsl(var(--custom-ui-market-bg-2-bad-toggled-theme-cyber-accent-gradient, var(--hsl-bg))) 32%, Hsla(var(--custom-ui-market-bg-3-bad-toggled-theme-cyber-accent-gradient, var(--hsl-bg)), .9) 70%, Hsl(var(--custom-ui-market-bg-4-bad-toggled-theme-cyber-accent-gradient, var(--hsl-bg))) 100%)
}

.ui-market--theme-cyber-accent-gradient.ui-market--up[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--toggled) {
    --bg: hsla(var(--good-0-bg), 1);
    --hsl-bg: var(--good-0-bg);
    --clr: hsl(var(--good-0-clr));
    --hsl-clr: var(--good-0-clr);
    --clr-accent: hsl(var(--good-0-clr-accent));
    --hsl-clr-accent: var(--good-0-clr-accent);
    --clr-decent: hsl(var(--good-0-clr-decent));
    --hsl-clr-decent: var(--good-0-clr-decent);
    --clr-strong: hsl(var(--good-0-clr-strong));
    --hsl-clr-strong: var(--good-0-clr-strong);
    --clr-strong-alt: hsl(var(--good-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--good-0-clr-strong-alt);
    --clr-primary: hsl(var(--good-0-clr-primary));
    --hsl-clr-primary: var(--good-0-clr-primary);
    --clr-good: hsl(var(--good-0-clr-good));
    --hsl-clr-good: var(--good-0-clr-good);
    --clr-bad: hsl(var(--good-0-clr-bad));
    --hsl-clr-bad: var(--good-0-clr-bad);
    --sep: hsl(var(--good-0-sep));
    --hsl-sep: var(--good-0-sep);
    --sep-alt: hsl(var(--good-0-sep-alt));
    --hsl-sep-alt: var(--good-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-market--theme-cyber-accent-gradient.ui-market--up[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--toggled) {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir=ltr] .ui-market--theme-cyber-accent-gradient.ui-market--up[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--toggled):before {
    background: linear-gradient(180deg, Hsl(var(--custom-ui-market-bg-1-good-toggled-theme-cyber-accent-gradient, var(--hsl-bg))) 0, Hsl(var(--custom-ui-market-bg-2-good-toggled-theme-cyber-accent-gradient, var(--hsl-bg))) 33%, Hsl(var(--custom-ui-market-bg-3-good-toggled-theme-cyber-accent-gradient, var(--hsl-bg))) 68%, Hsl(var(--custom-ui-market-bg-4-good-toggled-theme-cyber-accent-gradient, var(--hsl-bg))) 100%)
}

[dir=rtl] .ui-market--theme-cyber-accent-gradient.ui-market--up[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--toggled):before {
    background: linear-gradient(-180deg, Hsl(var(--custom-ui-market-bg-1-good-toggled-theme-cyber-accent-gradient, var(--hsl-bg))) 0, Hsl(var(--custom-ui-market-bg-2-good-toggled-theme-cyber-accent-gradient, var(--hsl-bg))) 33%, Hsl(var(--custom-ui-market-bg-3-good-toggled-theme-cyber-accent-gradient, var(--hsl-bg))) 68%, Hsl(var(--custom-ui-market-bg-4-good-toggled-theme-cyber-accent-gradient, var(--hsl-bg))) 100%)
}

.ui-market--theme-cyber-accent-gradient.ui-market__lock[data-v-d8e1b7bb] {
    display: none
}

.ui-market--theme-cyber-primary.ui-market[data-v-d8e1b7bb] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt)
}

@media (hover: hover) {
    .ui-market--theme-cyber-primary.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover {
        --bg: hsla(var(--accent-0-bg), 1);
        --hsl-bg: var(--accent-0-bg);
        --clr: hsl(var(--accent-0-clr));
        --hsl-clr: var(--accent-0-clr);
        --clr-accent: hsl(var(--accent-0-clr-accent));
        --hsl-clr-accent: var(--accent-0-clr-accent);
        --clr-decent: hsl(var(--accent-0-clr-decent));
        --hsl-clr-decent: var(--accent-0-clr-decent);
        --clr-strong: hsl(var(--accent-0-clr-strong));
        --hsl-clr-strong: var(--accent-0-clr-strong);
        --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
        --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
        --clr-primary: hsl(var(--accent-0-clr-primary));
        --hsl-clr-primary: var(--accent-0-clr-primary);
        --clr-good: hsl(var(--accent-0-clr-good));
        --hsl-clr-good: var(--accent-0-clr-good);
        --clr-bad: hsl(var(--accent-0-clr-bad));
        --hsl-clr-bad: var(--accent-0-clr-bad);
        --sep: hsl(var(--accent-0-sep));
        --hsl-sep: var(--accent-0-sep);
        --sep-alt: hsl(var(--accent-0-sep-alt));
        --hsl-sep-alt: var(--accent-0-sep-alt)
    }

    [dir] .ui-market--theme-cyber-primary.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
        background-color: Hsl(var(--gray-30-bg, var(--hsl-bg)))
    }

    .ui-market--theme-cyber-primary.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover .ui-market__value[data-v-d8e1b7bb] {
        color: Hsl(var(--hsl-clr, var(--hsl-clr-strong)))
    }
}

.ui-market--theme-cyber-primary.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr-strong)))
}

.ui-market--theme-cyber-primary.ui-market--toggled[data-v-d8e1b7bb] {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt)
}

.ui-market--theme-cyber-primary.ui-market--toggled:not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-market--theme-cyber-primary.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):before, [dir] .ui-market--theme-cyber-primary.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-cyber-primary.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr-strong-alt)))
}

[dir] .ui-market--theme-cyber-primary.ui-market--locked[data-v-d8e1b7bb]:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-cyber-primary:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover .ui-market__name[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr))
}

.ui-market--theme-special-gray-30.ui-market[data-v-d8e1b7bb] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt)
}

@media (hover: hover) {
    [dir] .ui-market--theme-special-gray-30.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
        background-color: Hsl(var(--gray-0-bg, var(--hsl-bg)))
    }

    .ui-market--theme-special-gray-30.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover .ui-market__value[data-v-d8e1b7bb] {
        color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
    }
}

.ui-market--theme-special-gray-30.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
}

.ui-market--theme-special-gray-30.ui-market--toggled:not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-market--theme-special-gray-30.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):before, [dir] .ui-market--theme-special-gray-30.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background-color: Hsl(var(--primary-80-bg, var(--hsl-bg)))
}

.ui-market--theme-special-gray-30.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong-alt)))
}

[dir] .ui-market--theme-special-gray-30.ui-market--locked[data-v-d8e1b7bb]:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-primary.ui-market[data-v-d8e1b7bb] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt)
}

@media (hover: hover) {
    .ui-market--theme-primary.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover {
        --bg: hsla(var(--primary-10-bg), 1);
        --hsl-bg: var(--primary-10-bg);
        --clr: hsl(var(--primary-10-clr));
        --hsl-clr: var(--primary-10-clr);
        --clr-accent: hsl(var(--primary-10-clr-accent));
        --hsl-clr-accent: var(--primary-10-clr-accent);
        --clr-decent: hsl(var(--primary-10-clr-decent));
        --hsl-clr-decent: var(--primary-10-clr-decent);
        --clr-strong: hsl(var(--primary-10-clr-strong));
        --hsl-clr-strong: var(--primary-10-clr-strong);
        --clr-strong-alt: hsl(var(--primary-10-clr-strong-alt));
        --hsl-clr-strong-alt: var(--primary-10-clr-strong-alt);
        --clr-primary: hsl(var(--primary-10-clr-primary));
        --hsl-clr-primary: var(--primary-10-clr-primary);
        --clr-good: hsl(var(--primary-10-clr-good));
        --hsl-clr-good: var(--primary-10-clr-good);
        --clr-bad: hsl(var(--primary-10-clr-bad));
        --hsl-clr-bad: var(--primary-10-clr-bad);
        --sep: hsl(var(--primary-10-sep));
        --hsl-sep: var(--primary-10-sep);
        --sep-alt: hsl(var(--primary-10-sep-alt));
        --hsl-sep-alt: var(--primary-10-sep-alt)
    }

    [dir] .ui-market--theme-primary.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
        background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
    }

    .ui-market--theme-primary.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover .ui-market__value[data-v-d8e1b7bb] {
        color: Hsl(var(--primary-0-clr, var(--hsl-clr-strong)))
    }
}

.ui-market--theme-primary.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--primary-0-clr, var(--hsl-clr-strong)))
}

.ui-market--theme-primary.ui-market--toggled[data-v-d8e1b7bb] {
    --bg: hsla(var(--primary-10-bg), 1);
    --hsl-bg: var(--primary-10-bg);
    --clr: hsl(var(--primary-10-clr));
    --hsl-clr: var(--primary-10-clr);
    --clr-accent: hsl(var(--primary-10-clr-accent));
    --hsl-clr-accent: var(--primary-10-clr-accent);
    --clr-decent: hsl(var(--primary-10-clr-decent));
    --hsl-clr-decent: var(--primary-10-clr-decent);
    --clr-strong: hsl(var(--primary-10-clr-strong));
    --hsl-clr-strong: var(--primary-10-clr-strong);
    --clr-strong-alt: hsl(var(--primary-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-10-clr-strong-alt);
    --clr-primary: hsl(var(--primary-10-clr-primary));
    --hsl-clr-primary: var(--primary-10-clr-primary);
    --clr-good: hsl(var(--primary-10-clr-good));
    --hsl-clr-good: var(--primary-10-clr-good);
    --clr-bad: hsl(var(--primary-10-clr-bad));
    --hsl-clr-bad: var(--primary-10-clr-bad);
    --sep: hsl(var(--primary-10-sep));
    --hsl-sep: var(--primary-10-sep);
    --sep-alt: hsl(var(--primary-10-sep-alt));
    --hsl-sep-alt: var(--primary-10-sep-alt)
}

.ui-market--theme-primary.ui-market--toggled:not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-market--theme-primary.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):before, [dir] .ui-market--theme-primary.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-primary.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong-alt)))
}

[dir] .ui-market--theme-primary.ui-market--locked[data-v-d8e1b7bb]:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-primary--40.ui-market[data-v-d8e1b7bb] {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt)
}

@media (hover: hover) {
    .ui-market--theme-primary--40.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover {
        --bg: hsla(var(--primary-80-bg), 1);
        --hsl-bg: var(--primary-80-bg);
        --clr: hsl(var(--primary-80-clr));
        --hsl-clr: var(--primary-80-clr);
        --clr-accent: hsl(var(--primary-80-clr-accent));
        --hsl-clr-accent: var(--primary-80-clr-accent);
        --clr-decent: hsl(var(--primary-80-clr-decent));
        --hsl-clr-decent: var(--primary-80-clr-decent);
        --clr-strong: hsl(var(--primary-80-clr-strong));
        --hsl-clr-strong: var(--primary-80-clr-strong);
        --clr-strong-alt: hsl(var(--primary-80-clr-strong-alt));
        --hsl-clr-strong-alt: var(--primary-80-clr-strong-alt);
        --clr-primary: hsl(var(--primary-80-clr-primary));
        --hsl-clr-primary: var(--primary-80-clr-primary);
        --clr-good: hsl(var(--primary-80-clr-good));
        --hsl-clr-good: var(--primary-80-clr-good);
        --clr-bad: hsl(var(--primary-80-clr-bad));
        --hsl-clr-bad: var(--primary-80-clr-bad);
        --sep: hsl(var(--primary-80-sep));
        --hsl-sep: var(--primary-80-sep);
        --sep-alt: hsl(var(--primary-80-sep-alt));
        --hsl-sep-alt: var(--primary-80-sep-alt)
    }

    [dir] .ui-market--theme-primary--40.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
        background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
    }

    .ui-market--theme-primary--40.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover .ui-market__value[data-v-d8e1b7bb] {
        color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
    }
}

.ui-market--theme-primary--40.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong)))
}

.ui-market--theme-primary--40.ui-market--toggled[data-v-d8e1b7bb] {
    --bg: hsla(var(--primary-80-bg), 1);
    --hsl-bg: var(--primary-80-bg);
    --clr: hsl(var(--primary-80-clr));
    --hsl-clr: var(--primary-80-clr);
    --clr-accent: hsl(var(--primary-80-clr-accent));
    --hsl-clr-accent: var(--primary-80-clr-accent);
    --clr-decent: hsl(var(--primary-80-clr-decent));
    --hsl-clr-decent: var(--primary-80-clr-decent);
    --clr-strong: hsl(var(--primary-80-clr-strong));
    --hsl-clr-strong: var(--primary-80-clr-strong);
    --clr-strong-alt: hsl(var(--primary-80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-80-clr-strong-alt);
    --clr-primary: hsl(var(--primary-80-clr-primary));
    --hsl-clr-primary: var(--primary-80-clr-primary);
    --clr-good: hsl(var(--primary-80-clr-good));
    --hsl-clr-good: var(--primary-80-clr-good);
    --clr-bad: hsl(var(--primary-80-clr-bad));
    --hsl-clr-bad: var(--primary-80-clr-bad);
    --sep: hsl(var(--primary-80-sep));
    --hsl-sep: var(--primary-80-sep);
    --sep-alt: hsl(var(--primary-80-sep-alt));
    --hsl-sep-alt: var(--primary-80-sep-alt)
}

.ui-market--theme-primary--40.ui-market--toggled:not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-market--theme-primary--40.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):before, [dir] .ui-market--theme-primary--40.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-primary--40.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr-strong, var(--hsl-clr-strong-alt)))
}

[dir] .ui-market--theme-primary--40.ui-market--locked[data-v-d8e1b7bb]:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-market--theme-primary-15.ui-market[data-v-d8e1b7bb] {
    --bg: hsla(var(--primary-15-bg), 1);
    --hsl-bg: var(--primary-15-bg);
    --clr: hsl(var(--primary-15-clr));
    --hsl-clr: var(--primary-15-clr);
    --clr-accent: hsl(var(--primary-15-clr-accent));
    --hsl-clr-accent: var(--primary-15-clr-accent);
    --clr-decent: hsl(var(--primary-15-clr-decent));
    --hsl-clr-decent: var(--primary-15-clr-decent);
    --clr-strong: hsl(var(--primary-15-clr-strong));
    --hsl-clr-strong: var(--primary-15-clr-strong);
    --clr-strong-alt: hsl(var(--primary-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-15-clr-strong-alt);
    --clr-primary: hsl(var(--primary-15-clr-primary));
    --hsl-clr-primary: var(--primary-15-clr-primary);
    --clr-good: hsl(var(--primary-15-clr-good));
    --hsl-clr-good: var(--primary-15-clr-good);
    --clr-bad: hsl(var(--primary-15-clr-bad));
    --hsl-clr-bad: var(--primary-15-clr-bad);
    --sep: hsl(var(--primary-15-sep));
    --hsl-sep: var(--primary-15-sep);
    --sep-alt: hsl(var(--primary-15-sep-alt));
    --hsl-sep-alt: var(--primary-15-sep-alt)
}

@media (hover: hover) {
    .ui-market--theme-primary-15.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover {
        --bg: hsla(var(--accent-0-bg), 1);
        --hsl-bg: var(--accent-0-bg);
        --clr: hsl(var(--accent-0-clr));
        --hsl-clr: var(--accent-0-clr);
        --clr-accent: hsl(var(--accent-0-clr-accent));
        --hsl-clr-accent: var(--accent-0-clr-accent);
        --clr-decent: hsl(var(--accent-0-clr-decent));
        --hsl-clr-decent: var(--accent-0-clr-decent);
        --clr-strong: hsl(var(--accent-0-clr-strong));
        --hsl-clr-strong: var(--accent-0-clr-strong);
        --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
        --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
        --clr-primary: hsl(var(--accent-0-clr-primary));
        --hsl-clr-primary: var(--accent-0-clr-primary);
        --clr-good: hsl(var(--accent-0-clr-good));
        --hsl-clr-good: var(--accent-0-clr-good);
        --clr-bad: hsl(var(--accent-0-clr-bad));
        --hsl-clr-bad: var(--accent-0-clr-bad);
        --sep: hsl(var(--accent-0-sep));
        --hsl-sep: var(--accent-0-sep);
        --sep-alt: hsl(var(--accent-0-sep-alt));
        --hsl-sep-alt: var(--accent-0-sep-alt)
    }

    [dir] .ui-market--theme-primary-15.ui-market[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
        background-color: Hsl(var(--custom-ui-market-bg-hover-theme-primary-15, var(--hsl-bg)))
    }

    .ui-market--theme-primary-15.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover .ui-market__value[data-v-d8e1b7bb] {
        color: Hsl(var(--custom-ui-market-value-hover-clr-theme-primary-15, var(--hsl-clr-strong)))
    }
}

.ui-market--theme-primary-15.ui-market:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr-strong)))
}

.ui-market--theme-primary-15.ui-market--toggled[data-v-d8e1b7bb] {
    --bg: hsla(var(--accent-0-bg), 1);
    --hsl-bg: var(--accent-0-bg);
    --clr: hsl(var(--accent-0-clr));
    --hsl-clr: var(--accent-0-clr);
    --clr-accent: hsl(var(--accent-0-clr-accent));
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --clr-decent: hsl(var(--accent-0-clr-decent));
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --clr-strong: hsl(var(--accent-0-clr-strong));
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --clr-strong-alt: hsl(var(--accent-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --clr-primary: hsl(var(--accent-0-clr-primary));
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --clr-good: hsl(var(--accent-0-clr-good));
    --hsl-clr-good: var(--accent-0-clr-good);
    --clr-bad: hsl(var(--accent-0-clr-bad));
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --sep: hsl(var(--accent-0-sep));
    --hsl-sep: var(--accent-0-sep);
    --sep-alt: hsl(var(--accent-0-sep-alt));
    --hsl-sep-alt: var(--accent-0-sep-alt)
}

.ui-market--theme-primary-15.ui-market--toggled:not(.ui-market--down):not(.ui-market--up) .ui-market__name[data-v-d8e1b7bb] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-market--theme-primary-15.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):before, [dir] .ui-market--theme-primary-15.ui-market--toggled[data-v-d8e1b7bb]:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up):hover:before {
    background-color: Hsl(var(--custom-ui-market-bg-toggled-theme-primary-15, var(--hsl-bg)))
}

.ui-market--theme-primary-15.ui-market--toggled:not(.ui-market--empty):not(.ui-market--locked):not(.ui-market--down):not(.ui-market--up) .ui-market__value[data-v-d8e1b7bb] {
    color: Hsl(var(--custom-ui-market-value-clr-toggled-theme-primary-15, var(--hsl-clr-strong-alt)))
}

[dir] .ui-market--theme-primary-15.ui-market--locked[data-v-d8e1b7bb]:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-email-recommendation[data-v-09d41284] {
    display: flex
}

[dir] .ui-email-recommendation[data-v-09d41284] {
    border-radius: var(--border-radius)
}

.ui-email-recommendation__icon[data-v-09d41284] {
    flex: none
}

[dir=ltr] .ui-email-recommendation__icon[data-v-09d41284] {
    margin-right: .3125rem
}

[dir=rtl] .ui-email-recommendation__icon[data-v-09d41284] {
    margin-left: .3125rem
}

.ui-email-recommendation__text--size-m[data-v-09d41284] {
    font-size: .875em;
    line-height: 1.21429em
}

.ui-email-recommendation__text--size-s[data-v-09d41284] {
    font-size: .75em;
    line-height: 1.16667em
}

.ui-email-recommendation__text--size-xs[data-v-09d41284] {
    font-size: .625em;
    line-height: 1.2em
}

.ui-account-wallet[data-v-a1b89acc] {
    display: flex
}

.ui-account-wallet__button[data-v-a1b89acc], .ui-account-wallet__ico[data-v-a1b89acc] {
    flex-shrink: 0
}

.ui-account-wallet__ico[data-v-a1b89acc] {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.ui-account-wallet__ico[data-v-a1b89acc]:before {
    content: "";
    position: absolute;
    width: 1px
}

.ui-account-wallet__content[data-v-a1b89acc] {
    align-self: center;
    flex-grow: 1;
    min-width: 0
}

.ui-account-wallet__title[data-v-a1b89acc] {
    font-weight: 700
}

.ui-account-wallet__notification[data-v-a1b89acc] {
    align-items: center;
    color: Hsl(var(--hsl-clr-bad));
    display: flex
}

.ui-account-wallet[data-v-a1b89acc] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    min-height: 2.5rem
}

[dir] .ui-account-wallet[data-v-a1b89acc] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius);
    padding: .3125rem
}

.ui-account-wallet__ico[data-v-a1b89acc] {
    color: Hsl(var(--hsl-clr-decent));
    min-width: 1.875rem
}

[dir] .ui-account-wallet__ico[data-v-a1b89acc] {
    padding-left: .3125rem;
    padding-right: .3125rem
}

[dir=ltr] .ui-account-wallet__ico[data-v-a1b89acc] {
    margin-right: .625rem
}

[dir=rtl] .ui-account-wallet__ico[data-v-a1b89acc] {
    margin-left: .625rem
}

.ui-account-wallet__ico[data-v-a1b89acc]:before {
    bottom: 0;
    top: 0
}

[dir] .ui-account-wallet__ico[data-v-a1b89acc]:before {
    background-color: Hsl(var(--hsl-sep-alt))
}

[dir=ltr] .ui-account-wallet__ico[data-v-a1b89acc]:before {
    right: -1px
}

[dir=rtl] .ui-account-wallet__ico[data-v-a1b89acc]:before {
    left: -1px
}

.ui-account-wallet__content[data-v-a1b89acc] {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.ui-account-wallet__title[data-v-a1b89acc] {
    color: Hsl(var(--hsl-clr-strong));
    font-size: .75rem;
    line-height: .875rem
}

.ui-account-wallet__button[data-v-a1b89acc] {
    align-items: center;
    display: flex;
    justify-content: center
}

[dir=ltr] .ui-account-wallet__button[data-v-a1b89acc] {
    margin-left: .625rem
}

[dir=rtl] .ui-account-wallet__button[data-v-a1b89acc] {
    margin-right: .625rem
}

.ui-account-wallet-info[data-v-41794021] {
    align-items: center;
    display: flex
}

.ui-account-wallet-info__balance[data-v-41794021] {
    position: relative
}

[dir=ltr] .ui-account-wallet-info__balance[data-v-41794021] {
    margin-left: .3125rem;
    padding-left: .3125rem
}

[dir=rtl] .ui-account-wallet-info__balance[data-v-41794021] {
    margin-right: .3125rem;
    padding-right: .3125rem
}

.ui-account-wallet-info__balance[data-v-41794021]:before {
    content: "";
    position: absolute;
    width: 1px
}

[dir] .ui-account-wallet-info__balance[data-v-41794021]:before {
    background-color: currentColor
}

[dir=ltr] .ui-account-wallet-info__balance[data-v-41794021]:before {
    left: 0
}

[dir=rtl] .ui-account-wallet-info__balance[data-v-41794021]:before {
    right: 0
}

.ui-account-wallet-info-balance[data-v-41794021] {
    align-items: center;
    display: flex
}

.ui-account-wallet-info-balance__currency[data-v-41794021] {
    align-items: center;
    display: flex;
    position: relative
}

.ui-account-wallet-info__balance[data-v-41794021]:before {
    bottom: 2px;
    opacity: .5;
    top: 2px
}

.ui-account-wallet-btn[data-v-80213ba9] {
    align-items: center;
    display: flex;
    justify-content: center
}

.is-keyboard-user .ui-account-wallet-btn[data-v-80213ba9]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-account-wallet-btn[data-v-80213ba9] {
    color: Hsl(var(--hsl-clr-decent));
    min-height: 1.875rem;
    min-width: 2.1875rem
}

[dir] .ui-account-wallet-btn[data-v-80213ba9] {
    padding: .3125rem;
    transition: color .2s
}

.ui-account-wallet-btn[data-v-80213ba9]:hover {
    color: Hsl(var(--hsl-clr))
}

.ui-slider-with-groups[data-v-9f0dc4f9] {
    display: flex;
    flex-direction: column;
    position: relative
}

.ui-slider-with-groups__wrapper[data-v-9f0dc4f9] {
    display: flex;
    overflow: hidden;
    width: 100%
}

[dir] .ui-slider-with-groups__wrapper[data-v-9f0dc4f9] {
    border-radius: inherit
}

.ui-slider-with-groups__slides[data-v-9f0dc4f9] {
    display: flex;
    flex-shrink: 0;
    max-width: 300%;
    min-height: 1px;
    overflow: hidden;
    width: 300%
}

.ui-slider-with-groups__slide[data-v-9f0dc4f9] {
    display: flex;
    flex-shrink: 0;
    width: 33.33333%
}

.ui-slider-with-groups__slide[data-v-9f0dc4f9] > * {
    flex: auto;
    min-width: 0
}

.ui-slider-with-groups__button[data-v-9f0dc4f9] {
    align-items: center;
    display: flex;
    height: 1em;
    justify-content: center;
    position: absolute;
    top: 50%;
    width: 1em
}

[dir] .ui-slider-with-groups__button[data-v-9f0dc4f9] {
    transform: translateY(-50%)
}

.ui-slider-with-groups__button[data-v-9f0dc4f9]:after {
    content: "";
    display: block;
    height: 2.5em;
    pointer-events: none;
    position: absolute;
    top: -.9375em;
    width: 5em;
    z-index: 0
}

[dir=ltr] .ui-slider-with-groups__button--next[data-v-9f0dc4f9] {
    right: -.3125em
}

[dir=rtl] .ui-slider-with-groups__button--next[data-v-9f0dc4f9] {
    left: -.3125em
}

[dir=ltr] .ui-slider-with-groups__button--next[data-v-9f0dc4f9]:after {
    background-image: linear-gradient(270.24deg, Hsl(var(--hsl-bg)) 29.13%, transparent 99.83%);
    right: -.625em
}

[dir=rtl] .ui-slider-with-groups__button--next[data-v-9f0dc4f9]:after {
    background-image: linear-gradient(-270.24deg, Hsl(var(--hsl-bg)) 29.13%, transparent 99.83%);
    left: -.625em
}

[dir=ltr] .ui-slider-with-groups__button--prev[data-v-9f0dc4f9] {
    left: -.3125em
}

[dir=rtl] .ui-slider-with-groups__button--prev[data-v-9f0dc4f9] {
    right: -.3125em
}

[dir=ltr] .ui-slider-with-groups__button--prev[data-v-9f0dc4f9]:after {
    background-image: linear-gradient(270.24deg, transparent 29.13%, Hsl(var(--hsl-bg)) 99.83%);
    left: -.625em
}

[dir=rtl] .ui-slider-with-groups__button--prev[data-v-9f0dc4f9]:after {
    background-image: linear-gradient(-270.24deg, transparent 29.13%, Hsl(var(--hsl-bg)) 99.83%);
    right: -.625em
}

.ui-slider-with-groups__icon[data-v-9f0dc4f9] {
    position: relative;
    z-index: 1
}

.ui-slider-with-groups__pagination[data-v-9f0dc4f9] {
    overflow: hidden;
    pointer-events: none;
    white-space: nowrap
}

[dir] .ui-slider-with-groups__pagination[data-v-9f0dc4f9] {
    text-align: center
}

.ui-slider-with-groups__pagination-bullet[data-v-9f0dc4f9] {
    height: .3125em;
    width: .3125em
}

[dir] .ui-slider-with-groups__pagination-bullet[data-v-9f0dc4f9] {
    margin-left: .15625em;
    margin-right: .15625em
}

.ui-slider-with-groups-pagination-bullet[data-v-9f0dc4f9] {
    display: inline-block;
    opacity: .5;
    pointer-events: auto;
    vertical-align: middle
}

[dir] .ui-slider-with-groups-pagination-bullet[data-v-9f0dc4f9] {
    background-color: currentColor;
    border-radius: 50%;
    cursor: pointer;
    transition: all .2s
}

.ui-slider-with-groups-pagination-bullet--is-active[data-v-9f0dc4f9] {
    opacity: 1
}

.ui-top-events-tabs[data-v-4b0969b2] {
    column-gap: .3125rem;
    display: flex
}

[dir] .ui-top-events-tabs[data-v-4b0969b2] {
    border-radius: var(--border-radius);
    padding: .3125rem
}

.ui-top-events-tabs__item[data-v-4b0969b2] {
    display: flex;
    flex-grow: 1;
    min-width: 0;
    position: relative
}

.ui-top-events-tabs--equal .ui-top-events-tabs__item[data-v-4b0969b2] {
    flex-basis: 50%
}

.ui-top-events-tabs__item[data-v-4b0969b2]:before {
    bottom: .3125rem;
    content: "";
    position: absolute;
    top: .3125rem
}

[dir=ltr] .ui-top-events-tabs__item[data-v-4b0969b2]:before {
    border-left: 1px solid hsl(var(--hsl-sep-alt));
    left: 0
}

[dir=rtl] .ui-top-events-tabs__item[data-v-4b0969b2]:before {
    border-right: 1px solid hsl(var(--hsl-sep-alt));
    right: 0
}

[dir=ltr] .ui-top-events-tabs__item[data-v-4b0969b2]:first-child:before {
    border-left: 0
}

[dir=rtl] .ui-top-events-tabs__item[data-v-4b0969b2]:first-child:before {
    border-right: 0
}

[dir=ltr] .ui-top-events-tabs__item--is-toggled + .ui-top-events-tabs__item[data-v-4b0969b2]:before, [dir=ltr] .ui-top-events-tabs__item--is-toggled[data-v-4b0969b2]:before {
    border-left: 0
}

[dir=rtl] .ui-top-events-tabs__item--is-toggled + .ui-top-events-tabs__item[data-v-4b0969b2]:before, [dir=rtl] .ui-top-events-tabs__item--is-toggled[data-v-4b0969b2]:before {
    border-right: 0
}

.ui-top-events-tabs__item--is-toggled .ui-top-events-tabs-tab__container[data-v-4b0969b2] {
    --bg: hsla(var(--specialPrimary--10-bg), 1);
    --hsl-bg: var(--specialPrimary--10-bg);
    --clr: hsl(var(--specialPrimary--10-clr));
    --hsl-clr: var(--specialPrimary--10-clr);
    --clr-accent: hsl(var(--specialPrimary--10-clr-accent));
    --hsl-clr-accent: var(--specialPrimary--10-clr-accent);
    --clr-decent: hsl(var(--specialPrimary--10-clr-decent));
    --hsl-clr-decent: var(--specialPrimary--10-clr-decent);
    --clr-strong: hsl(var(--specialPrimary--10-clr-strong));
    --hsl-clr-strong: var(--specialPrimary--10-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary--10-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary--10-clr-primary));
    --hsl-clr-primary: var(--specialPrimary--10-clr-primary);
    --clr-good: hsl(var(--specialPrimary--10-clr-good));
    --hsl-clr-good: var(--specialPrimary--10-clr-good);
    --clr-bad: hsl(var(--specialPrimary--10-clr-bad));
    --hsl-clr-bad: var(--specialPrimary--10-clr-bad);
    --sep: hsl(var(--specialPrimary--10-sep));
    --hsl-sep: var(--specialPrimary--10-sep);
    --sep-alt: hsl(var(--specialPrimary--10-sep-alt));
    --hsl-sep-alt: var(--specialPrimary--10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-top-events-tabs__item--is-toggled .ui-top-events-tabs-tab__container[data-v-4b0969b2] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-top-events-tabs__tab[data-v-4b0969b2] {
    flex-grow: 1;
    min-width: 0
}

.ui-top-events-tabs-tab[data-v-4b0969b2] {
    display: grid;
    position: relative
}

[dir] .ui-top-events-tabs-tab[data-v-4b0969b2] {
    cursor: pointer;
    text-align: center
}

.ui-top-events-tabs-tab__input[data-v-4b0969b2] {
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

[dir] .ui-top-events-tabs-tab__input[data-v-4b0969b2] {
    border: 0;
    margin: -1px;
    padding: 0
}

.ui-top-events-tabs-tab__container[data-v-4b0969b2] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 2rem
}

[dir] .ui-top-events-tabs-tab__container[data-v-4b0969b2] {
    border-radius: var(--border-radius);
    padding: .625rem
}

.ui-top-events-tabs--theme-special-primary-90[data-v-4b0969b2] {
    --bg: hsla(var(--specialPrimary-90-bg), 1);
    --hsl-bg: var(--specialPrimary-90-bg);
    --clr: hsl(var(--specialPrimary-90-clr));
    --hsl-clr: var(--specialPrimary-90-clr);
    --clr-accent: hsl(var(--specialPrimary-90-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-90-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-90-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-90-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-90-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-90-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-90-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-90-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-90-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-90-clr-primary);
    --clr-good: hsl(var(--specialPrimary-90-clr-good));
    --hsl-clr-good: var(--specialPrimary-90-clr-good);
    --clr-bad: hsl(var(--specialPrimary-90-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-90-clr-bad);
    --sep: hsl(var(--specialPrimary-90-sep));
    --hsl-sep: var(--specialPrimary-90-sep);
    --sep-alt: hsl(var(--specialPrimary-90-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-90-sep-alt);
    color: Hsla(var(--hsl-clr-decent), 1)
}

[dir] .ui-top-events-tabs--theme-special-primary-90[data-v-4b0969b2] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-top-events-tabs--theme-special-gray-100[data-v-4b0969b2] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr-decent), 1)
}

[dir] .ui-top-events-tabs--theme-special-gray-100[data-v-4b0969b2] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-top-events-section--size-m .ui-top-events-section__title[data-v-27b5f5f4] {
    padding: .9375rem
}

[dir] .ui-top-events-section--size-m .ui-top-events-section__content[data-v-27b5f5f4] {
    padding: 1.25rem
}

.ui-top-events-section--size-s .ui-top-events-section__title[data-v-27b5f5f4] {
    font-size: .875rem;
    line-height: 1rem
}

[dir] .ui-top-events-section--size-s .ui-top-events-section__title[data-v-27b5f5f4] {
    padding: .625rem
}

[dir] .ui-top-events-section--size-s .ui-top-events-section__content[data-v-27b5f5f4] {
    padding: .3125rem
}

.ui-top-events-section[data-v-27b5f5f4] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-top-events-section[data-v-27b5f5f4] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: var(--border-radius);
    box-shadow: 0 .25rem .5rem 0 Hsla(var(--primary--20-bg), .1)
}

.ui-top-events-section__header[data-v-27b5f5f4] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
}

[dir] .ui-top-events-section__header[data-v-27b5f5f4] {
    padding: .3125rem
}

[dir] .ui-top-events-section__header + .ui-top-events-section__content[data-v-27b5f5f4] {
    border-top: 1px solid hsl(var(--hsl-sep))
}

.ui-top-events-section__title[data-v-27b5f5f4] {
    color: Hsl(var(--hsl-clr-strong));
    font-weight: 700
}

[dir=ltr] .ui-top-events-section__title[data-v-27b5f5f4] {
    margin-right: .625rem
}

[dir=rtl] .ui-top-events-section__title[data-v-27b5f5f4] {
    margin-left: .625rem
}

[dir] .ui-top-events-section__controls[data-v-27b5f5f4] {
    border-bottom: 1px solid hsl(var(--hsl-sep));
    padding-bottom: .3125rem;
    padding-left: .3125rem;
    padding-right: .3125rem
}

.ui-top-events-section__content[data-v-27b5f5f4] {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.ui-top-events-scrollbar[data-v-2d55a23d] {
    overflow: auto;
    scroll-behavior: smooth
}

@-moz-document url-prefix() {
    .ui-top-events-scrollbar[data-v-2d55a23d] {
        scrollbar-color: Hsl(var(--gray-0-bg)) Hsl(var(--specialPrimary-90-bg));
        scrollbar-width: thin
    }
}

[dir] .ui-top-events-scrollbar[data-v-2d55a23d]::-webkit-scrollbar-thumb {
    background-color: Hsl(var(--gray-0-bg))
}

[dir] .ui-top-events-scrollbar[data-v-2d55a23d]::-webkit-scrollbar-track {
    background-color: Hsl(var(--specialPrimary-90-bg))
}

[dir] .ui-top-events-scrollbar[data-v-2d55a23d]::-webkit-scrollbar-corner {
    background-color: transparent
}

[dir] .ui-top-events-scrollbar[data-v-2d55a23d]::-webkit-scrollbar-thumb, [dir] .ui-top-events-scrollbar[data-v-2d55a23d]::-webkit-scrollbar-track {
    border-radius: var(--border-radius)
}

.ui-top-events-scrollbar--is-fixed[data-v-2d55a23d] {
    overflow-y: scroll
}

[dir=ltr] .ui-top-events-scrollbar--is-fixed[data-v-2d55a23d] {
    margin-right: -.3125rem
}

[dir=rtl] .ui-top-events-scrollbar--is-fixed[data-v-2d55a23d] {
    margin-left: -.3125rem
}

@-moz-document url-prefix() {
    [dir=ltr] .ui-top-events-scrollbar--is-fixed.ui-top-events-scrollbar[data-v-2d55a23d] {
        margin-right: 0
    }
    [dir=rtl] .ui-top-events-scrollbar--is-fixed.ui-top-events-scrollbar[data-v-2d55a23d] {
        margin-left: 0
    }
    @media (hover: none) {
        [dir=ltr] .ui-top-events-scrollbar--is-fixed.ui-top-events-scrollbar[data-v-2d55a23d] {
            margin-right: 0
        }

        [dir=rtl] .ui-top-events-scrollbar--is-fixed.ui-top-events-scrollbar[data-v-2d55a23d] {
            margin-left: 0
        }
    }
}

[dir=ltr] .ui-top-events-scrollbar--outside[data-v-2d55a23d] {
    padding-right: 1px
}

[dir=rtl] .ui-top-events-scrollbar--outside[data-v-2d55a23d] {
    padding-left: 1px
}

.ui-top-events-scrollbar--vertical[data-v-2d55a23d] {
    overflow-x: hidden;
    overflow-y: auto
}

.ui-top-events-scrollbar--horizontal[data-v-2d55a23d] {
    overflow-x: auto;
    overflow-y: hidden
}

.ui-top-events-scrollbar--body-not-scrollable[data-v-2d55a23d] {
    overscroll-behavior: contain
}

.ui-top-events-scrollbar--size-m[data-v-2d55a23d]::-webkit-scrollbar {
    height: .3125rem;
    width: .3125rem
}

[dir=ltr] .ui-top-events-scrollbar--size-m.ui-top-events-scrollbar--outside[data-v-2d55a23d] {
    margin-right: -.3125rem
}

[dir=rtl] .ui-top-events-scrollbar--size-m.ui-top-events-scrollbar--outside[data-v-2d55a23d] {
    margin-left: -.3125rem
}

.ui-top-events-scrollbar--size-s[data-v-2d55a23d]::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

[dir=ltr] .ui-top-events-scrollbar--size-s.ui-top-events-scrollbar--outside[data-v-2d55a23d] {
    margin-right: -3px
}

[dir=rtl] .ui-top-events-scrollbar--size-s.ui-top-events-scrollbar--outside[data-v-2d55a23d] {
    margin-left: -3px
}

.ui-top-events-notification[data-v-546e39a5] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    display: flex
}

[dir] .ui-top-events-notification[data-v-546e39a5] {
    background-color: Hsla(var(--hsl-bg), 1);
    box-shadow: 0 .25rem 1rem 0 Hsla(var(--primary--20-bg), .2)
}

.ui-top-events-notification__content[data-v-546e39a5] {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.ui-top-events-notification__head[data-v-546e39a5] {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.ui-top-events-notification__close[data-v-546e39a5], .ui-top-events-notification__image[data-v-546e39a5] {
    flex-shrink: 0
}

[dir=ltr] .ui-top-events-notification__image--is-flag[data-v-546e39a5] {
    transform: translateX(-.3125rem) rotate(-25deg)
}

[dir=rtl] .ui-top-events-notification__image--is-flag[data-v-546e39a5] {
    transform: translateX(.3125rem) rotate(25deg)
}

[dir=ltr] .ui-top-events-notification__image--is-card[data-v-546e39a5] {
    transform: translateX(.3125rem) rotate(40deg)
}

[dir=rtl] .ui-top-events-notification__image--is-card[data-v-546e39a5] {
    transform: translateX(-.3125rem) rotate(-40deg)
}

.ui-top-events-notification__title[data-v-546e39a5] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: Hsl(var(--hsl-clr-strong));
    display: -webkit-box;
    font-weight: 700;
    overflow: hidden;
    word-break: break-word
}

.ui-top-events-notification__text[data-v-546e39a5] {
    word-break: break-word
}

.ui-top-events-notification[data-v-546e39a5] {
    overflow: hidden;
    width: 15.625rem
}

[dir] .ui-top-events-notification[data-v-546e39a5] {
    border-radius: calc(var(--border-radius) * 3)
}

[dir] .ui-top-events-notification__content[data-v-546e39a5] {
    padding: .625rem
}

[dir] .ui-top-events-notification__head[data-v-546e39a5], [dir] .ui-top-events-notification__text[data-v-546e39a5] {
    margin-bottom: 2px
}

.ui-top-events-notification__head[data-v-546e39a5] {
    column-gap: .3125rem
}

.ui-top-events-notification__close[data-v-546e39a5] {
    position: relative;
    top: -.3125rem
}

[dir] .ui-top-events-notification__close[data-v-546e39a5] {
    padding: .3125rem
}

[dir=ltr] .ui-top-events-notification__close[data-v-546e39a5] {
    right: -.3125rem
}

[dir=rtl] .ui-top-events-notification__close[data-v-546e39a5] {
    left: -.3125rem
}

.ui-top-events-notification__image[data-v-546e39a5] {
    display: flex;
    filter: drop-shadow(-3px 3px .3125rem Hsla(var(--specialPrimary-90-clr-decent), .4));
    flex-direction: column;
    justify-content: center;
    width: 4.3125rem
}

[dir=ltr] .ui-top-events-notification__image[data-v-546e39a5]:not(.ui-top-events-notification__image--is-flag):not(.ui-top-events-notification__image--is-card):not(.ui-top-events-notification__image--is-refresh) {
    transform: translateX(-.9375rem)
}

[dir=rtl] .ui-top-events-notification__image[data-v-546e39a5]:not(.ui-top-events-notification__image--is-flag):not(.ui-top-events-notification__image--is-card):not(.ui-top-events-notification__image--is-refresh) {
    transform: translateX(.9375rem)
}

.ui-top-events-notification__title[data-v-546e39a5] {
    font-size: .875rem;
    line-height: 1rem
}

.ui-top-events-notification__action[data-v-546e39a5] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-top-events-notification__actions[data-v-546e39a5] {
    display: flex;
    position: relative
}

[dir] .ui-top-events-notification__actions[data-v-546e39a5] {
    margin-top: .3125rem;
    padding-top: .625rem
}

[dir=ltr] .ui-top-events-notification__actions[data-v-546e39a5] {
    padding-left: .3125rem
}

[dir=rtl] .ui-top-events-notification__actions[data-v-546e39a5] {
    padding-right: .3125rem
}

.ui-top-events-notification__actions[data-v-546e39a5]:before {
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    width: 100%
}

[dir=ltr] .ui-top-events-notification__actions[data-v-546e39a5]:before {
    background-image: linear-gradient(-90deg, Hsl(var(--hsl-sep-alt)) 0, transparent 100%);
    right: -.625rem
}

[dir=rtl] .ui-top-events-notification__actions[data-v-546e39a5]:before {
    background-image: linear-gradient(90deg, Hsl(var(--hsl-sep-alt)) 0, transparent 100%);
    left: -.625rem
}

.ui-top-events-notification-action__text[data-v-546e39a5] {
    text-decoration: underline
}

.ui-top-events-notifications__item[data-v-d0278216] {
    max-width: 100%
}

[dir] .ui-top-events-notifications--default .ui-top-events-notifications__item[data-v-d0278216] {
    margin: .3125rem
}

[dir] .ui-top-events-notifications--bottom .ui-top-events-notifications__item[data-v-d0278216] {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    margin-left: 3.125rem;
    margin-right: 3.125rem;
    margin-top: 3.125rem
}

.ui-top-events-switch[data-v-3c7c3357] {
    align-items: center;
    color: Hsl(var(--hsl-clr-decent));
    display: flex;
    position: relative
}

[dir] .ui-top-events-switch[data-v-3c7c3357] {
    cursor: pointer;
    transition: opacity .2s
}

.is-keyboard-user .ui-top-events-switch--is-focused[data-v-3c7c3357] {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-top-events-switch--is-icon[data-v-3c7c3357] {
    --ui-top-events-switch-active-clr: Hsl(var(--specialPrimary-100-clr));
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem
}

[dir] .ui-top-events-switch--is-icon[data-v-3c7c3357] {
    border-radius: calc(var(--border-radius) * 2)
}

.ui-top-events-switch[data-v-3c7c3357]:not(.ui-top-events-switch--is-icon) {
    --ui-top-events-switch-active-clr: Hsl(var(--hsl-clr-strong))
}

.ui-top-events-switch[data-v-3c7c3357]:not(.ui-top-events-switch--is-icon):after {
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    opacity: 0;
    position: absolute
}

[dir] .ui-top-events-switch[data-v-3c7c3357]:not(.ui-top-events-switch--is-icon):after {
    background-color: Hsl(var(--specialPrimary-0-bg));
    border-radius: 1px;
    left: 0;
    right: 0;
    transform: scaleY(0);
    transition: opacity, transform;
    transition-duration: .2s
}

.ui-top-events-switch--is-active[data-v-3c7c3357], .ui-top-events-switch[data-v-3c7c3357]:hover {
    color: var(--ui-top-events-switch-active-clr)
}

.ui-top-events-switch--is-active[data-v-3c7c3357]:not(.ui-top-events-switch--is-icon):after {
    opacity: 1
}

[dir] .ui-top-events-switch--is-active[data-v-3c7c3357]:not(.ui-top-events-switch--is-icon):after {
    transform: none
}

[dir=ltr] .ui-top-events-switch[data-v-3c7c3357] > :nth-child(n+2) {
    margin-left: .625rem
}

[dir=rtl] .ui-top-events-switch[data-v-3c7c3357] > :nth-child(n+2) {
    margin-right: .625rem
}

.ui-top-events-switch[data-v-3c7c3357] > * .ui-caption {
    flex-grow: 1
}

.ui-top-events-switch[data-v-3c7c3357] > * .ico {
    flex: none
}

.ui-top-events-switch__input[data-v-3c7c3357] {
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

[dir] .ui-top-events-switch__input[data-v-3c7c3357] {
    border: 0;
    margin: -1px;
    padding: 0
}

.ui-top-events-switches-item[data-v-54ba19fc] {
    display: flex
}

.ui-top-events-switches-item__switch[data-v-54ba19fc] {
    flex: auto;
    min-width: 0
}

[dir] .ui-top-events-switches-item--has-paddings .ui-top-events-switches-item__switch[data-v-54ba19fc] {
    padding-bottom: var(--ui-top-events-switches-padding-vertical);
    padding-top: var(--ui-top-events-switches-padding-vertical)
}

.ui-top-events-switches-item-switch__ico[data-v-54ba19fc] {
    font-size: .9375rem
}

.ui-top-events-switches-item-switch__caption[data-v-54ba19fc] {
    font-size: var(--ui-top-events-switches-font-size);
    line-height: var(--ui-top-events-switches-line-height);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-top-events-switches-item--size-l[data-v-54ba19fc] {
    --ui-top-events-switches-padding-vertical: 0.9375rem;
    --ui-top-events-switches-font-size: 1rem;
    --ui-top-events-switches-line-height: 1.125rem
}

[dir=ltr] .ui-top-events-switches-item--size-l[data-v-54ba19fc]:nth-child(n+2) {
    margin-left: 1.875rem
}

[dir=rtl] .ui-top-events-switches-item--size-l[data-v-54ba19fc]:nth-child(n+2) {
    margin-right: 1.875rem
}

.ui-top-events-switches-item--size-m[data-v-54ba19fc] {
    --ui-top-events-switches-font-size: 0.75rem;
    --ui-top-events-switches-line-height: 0.875rem;
    --ui-top-events-switches-padding-vertical: 0.625rem
}

[dir=ltr] .ui-top-events-switches-item--size-m[data-v-54ba19fc]:nth-child(n+2) {
    margin-left: .9375rem
}

[dir=rtl] .ui-top-events-switches-item--size-m[data-v-54ba19fc]:nth-child(n+2) {
    margin-right: .9375rem
}

.ui-top-events-switches[data-v-6f4364e8] {
    display: flex
}

.ui-top-events-switches__item[data-v-6f4364e8] {
    min-width: 0
}

.ui-tax__head[data-v-93ae59e4] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ui-tax__action[data-v-93ae59e4] {
    align-items: center;
    display: flex;
    gap: .3125em;
    justify-content: flex-start
}

[dir] .ui-tax__toggle[data-v-93ae59e4] {
    border-bottom: 1px dashed
}

.ui-tax__toggle[data-v-93ae59e4]:hover {
    opacity: .8
}

.is-keyboard-user .ui-tax__toggle[data-v-93ae59e4]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-tax__info[data-v-93ae59e4] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-tax__info[data-v-93ae59e4]:hover {
    color: Hsl(var(--hsl-clr))
}

.ui-tax__total[data-v-93ae59e4] {
    font-weight: 700;
    white-space: nowrap
}

[dir] .ui-tax__list[data-v-93ae59e4], [dir] .ui-tax__message[data-v-93ae59e4] {
    border-radius: var(--border-radius);
    margin-top: .3125em;
    padding: .3125em .625em
}

.ui-tax__item[data-v-93ae59e4] {
    display: flex;
    justify-content: space-between
}

[dir] .ui-tax__item[data-v-93ae59e4]:not(:first-child) {
    margin-top: .3125em
}

[dir=ltr] .ui-tax__label[data-v-93ae59e4] {
    margin-right: .625em
}

[dir=rtl] .ui-tax__label[data-v-93ae59e4] {
    margin-left: .625em
}

.ui-tax__amount--bold[data-v-93ae59e4] {
    font-weight: 700
}

.ui-tax--size-l .ui-tax__amount[data-v-93ae59e4], .ui-tax--size-l .ui-tax__label[data-v-93ae59e4], .ui-tax--size-l .ui-tax__name[data-v-93ae59e4], .ui-tax--size-l .ui-tax__total[data-v-93ae59e4] {
    font-size: .875em;
    line-height: 1.14286em
}

.ui-tax--size-m .ui-tax__label[data-v-93ae59e4], .ui-tax--size-m .ui-tax__name[data-v-93ae59e4] {
    font-size: .75em;
    line-height: 1.16667em
}

.ui-tax--size-m .ui-tax__amount[data-v-93ae59e4], .ui-tax--size-m .ui-tax__total[data-v-93ae59e4] {
    font-size: .875em;
    line-height: 1.14286em
}

.ui-tax--size-s .ui-tax__name[data-v-93ae59e4], .ui-tax--size-s .ui-tax__total[data-v-93ae59e4] {
    font-size: .75em;
    line-height: 1.16667em
}

.ui-tax--size-s .ui-tax__amount[data-v-93ae59e4], .ui-tax--size-s .ui-tax__label[data-v-93ae59e4], .ui-tax--size-xs .ui-tax__amount[data-v-93ae59e4], .ui-tax--size-xs .ui-tax__label[data-v-93ae59e4], .ui-tax--size-xs .ui-tax__name[data-v-93ae59e4] {
    font-size: .6875em;
    line-height: 1.18182em
}

.ui-tax--size-xs .ui-tax__total[data-v-93ae59e4] {
    font-size: .75em;
    line-height: 1.16667em
}

.ui-tax--theme-gray .ui-tax__list[data-v-93ae59e4], .ui-tax--theme-gray .ui-tax__message[data-v-93ae59e4] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-tax--theme-gray .ui-tax__list[data-v-93ae59e4], [dir] .ui-tax--theme-gray .ui-tax__message[data-v-93ae59e4] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tax--theme-gray-60 .ui-tax__list[data-v-93ae59e4], .ui-tax--theme-gray-60 .ui-tax__message[data-v-93ae59e4] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-tax--theme-gray-60 .ui-tax__list[data-v-93ae59e4], [dir] .ui-tax--theme-gray-60 .ui-tax__message[data-v-93ae59e4] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tax--theme-gray-100 .ui-tax__list[data-v-93ae59e4], .ui-tax--theme-gray-100 .ui-tax__message[data-v-93ae59e4] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-tax--theme-gray-100 .ui-tax__list[data-v-93ae59e4], [dir] .ui-tax--theme-gray-100 .ui-tax__message[data-v-93ae59e4] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tax--theme-cyber--35 .ui-tax__list[data-v-93ae59e4], .ui-tax--theme-cyber--35 .ui-tax__message[data-v-93ae59e4] {
    --bg: hsla(var(--cyber--35-bg), 1);
    --hsl-bg: var(--cyber--35-bg);
    --clr: hsl(var(--cyber--35-clr));
    --hsl-clr: var(--cyber--35-clr);
    --clr-accent: hsl(var(--cyber--35-clr-accent));
    --hsl-clr-accent: var(--cyber--35-clr-accent);
    --clr-decent: hsl(var(--cyber--35-clr-decent));
    --hsl-clr-decent: var(--cyber--35-clr-decent);
    --clr-strong: hsl(var(--cyber--35-clr-strong));
    --hsl-clr-strong: var(--cyber--35-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--35-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--35-clr-primary));
    --hsl-clr-primary: var(--cyber--35-clr-primary);
    --clr-good: hsl(var(--cyber--35-clr-good));
    --hsl-clr-good: var(--cyber--35-clr-good);
    --clr-bad: hsl(var(--cyber--35-clr-bad));
    --hsl-clr-bad: var(--cyber--35-clr-bad);
    --sep: hsl(var(--cyber--35-sep));
    --hsl-sep: var(--cyber--35-sep);
    --sep-alt: hsl(var(--cyber--35-sep-alt));
    --hsl-sep-alt: var(--cyber--35-sep-alt);
    color: Hsla(var(--hsl-clr-primary), 1)
}

[dir] .ui-tax--theme-cyber--35 .ui-tax__list[data-v-93ae59e4], [dir] .ui-tax--theme-cyber--35 .ui-tax__message[data-v-93ae59e4] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tax--theme-cyber--60 .ui-tax__list[data-v-93ae59e4], .ui-tax--theme-cyber--60 .ui-tax__message[data-v-93ae59e4] {
    --bg: hsla(var(--cyber--60-bg), 1);
    --hsl-bg: var(--cyber--60-bg);
    --clr: hsl(var(--cyber--60-clr));
    --hsl-clr: var(--cyber--60-clr);
    --clr-accent: hsl(var(--cyber--60-clr-accent));
    --hsl-clr-accent: var(--cyber--60-clr-accent);
    --clr-decent: hsl(var(--cyber--60-clr-decent));
    --hsl-clr-decent: var(--cyber--60-clr-decent);
    --clr-strong: hsl(var(--cyber--60-clr-strong));
    --hsl-clr-strong: var(--cyber--60-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--60-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--60-clr-primary));
    --hsl-clr-primary: var(--cyber--60-clr-primary);
    --clr-good: hsl(var(--cyber--60-clr-good));
    --hsl-clr-good: var(--cyber--60-clr-good);
    --clr-bad: hsl(var(--cyber--60-clr-bad));
    --hsl-clr-bad: var(--cyber--60-clr-bad);
    --sep: hsl(var(--cyber--60-sep));
    --hsl-sep: var(--cyber--60-sep);
    --sep-alt: hsl(var(--cyber--60-sep-alt));
    --hsl-sep-alt: var(--cyber--60-sep-alt);
    color: Hsla(var(--hsl-clr-primary), 1)
}

[dir] .ui-tax--theme-cyber--60 .ui-tax__list[data-v-93ae59e4], [dir] .ui-tax--theme-cyber--60 .ui-tax__message[data-v-93ae59e4] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tax--theme-special-primary-90 .ui-tax__list[data-v-93ae59e4], .ui-tax--theme-special-primary-90 .ui-tax__message[data-v-93ae59e4] {
    --bg: hsla(var(--specialPrimary-90-bg), 1);
    --hsl-bg: var(--specialPrimary-90-bg);
    --clr: hsl(var(--specialPrimary-90-clr));
    --hsl-clr: var(--specialPrimary-90-clr);
    --clr-accent: hsl(var(--specialPrimary-90-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-90-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-90-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-90-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-90-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-90-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-90-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-90-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-90-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-90-clr-primary);
    --clr-good: hsl(var(--specialPrimary-90-clr-good));
    --hsl-clr-good: var(--specialPrimary-90-clr-good);
    --clr-bad: hsl(var(--specialPrimary-90-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-90-clr-bad);
    --sep: hsl(var(--specialPrimary-90-sep));
    --hsl-sep: var(--specialPrimary-90-sep);
    --sep-alt: hsl(var(--specialPrimary-90-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-90-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-tax--theme-special-primary-90 .ui-tax__list[data-v-93ae59e4], [dir] .ui-tax--theme-special-primary-90 .ui-tax__message[data-v-93ae59e4] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tax--theme-special-gray-100 .ui-tax__list[data-v-93ae59e4], .ui-tax--theme-special-gray-100 .ui-tax__message[data-v-93ae59e4] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr-decent), 1)
}

[dir] .ui-tax--theme-special-gray-100 .ui-tax__list[data-v-93ae59e4], [dir] .ui-tax--theme-special-gray-100 .ui-tax__message[data-v-93ae59e4] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-tax--clr-decent .ui-tax__list[data-v-93ae59e4], .ui-tax--clr-decent .ui-tax__message[data-v-93ae59e4] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-field-datepicker-range__container[data-v-3f133e23] {
    align-items: center;
    display: flex;
    flex-grow: 1;
    min-width: 0
}

[dir=ltr] .ui-field-datepicker-range__container[data-v-3f133e23] {
    padding-left: var(--base-input-padding-inline-start);
    padding-right: var(--base-input-padding-inline-end)
}

[dir=rtl] .ui-field-datepicker-range__container[data-v-3f133e23] {
    padding-left: var(--base-input-padding-inline-end);
    padding-right: var(--base-input-padding-inline-start)
}

[dir=ltr] .ui-field-datepicker-range__ico[data-v-3f133e23] {
    margin-left: .625rem
}

[dir=rtl] .ui-field-datepicker-range__ico[data-v-3f133e23] {
    margin-right: .625rem
}

.ui-field-datepicker-range__caption[data-v-3f133e23] {
    color: var(--base-input-color);
    display: block;
    flex-grow: 1;
    font-size: var(--base-input-fz);
    line-height: var(--base-input-lh);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[dir] .ui-field-datepicker-range__caption[data-v-3f133e23] {
    padding-bottom: var(--base-input-padding-block-end);
    padding-top: var(--base-input-padding-block-start)
}

.ui-number-input--size-m[data-v-d2323f5d] {
    min-height: 2rem
}

.ui-number-input--size-m .ui-number-input__field[data-v-d2323f5d] {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.125rem;
    width: 5rem
}

.ui-number-input--size-m .ui-number-input-btn[data-v-d2323f5d] {
    min-width: 2rem
}

.ui-number-input--size-s[data-v-d2323f5d] {
    min-height: 1.5rem
}

.ui-number-input--size-s .ui-number-input__field[data-v-d2323f5d] {
    font-size: .75rem;
    font-weight: 400;
    line-height: .875rem;
    width: 3.125rem
}

.ui-number-input--size-s .ui-number-input-btn[data-v-d2323f5d] {
    min-width: 1.5rem
}

.ui-number-input--theme-primary[data-v-d2323f5d] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-number-input--theme-primary[data-v-d2323f5d] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-number-input--theme-primary .ui-number-input__btn[data-v-d2323f5d] {
    border: 1px solid hsl(var(--primary--20-bg))
}

[dir] .ui-number-input--theme-primary .ui-number-input__field[data-v-d2323f5d] {
    border-bottom: 1px solid hsl(var(--primary--20-bg));
    border-top: 1px solid hsl(var(--primary--20-bg))
}

.ui-number-input--theme-primary--20[data-v-d2323f5d] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-number-input--theme-primary--20[data-v-d2323f5d] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-number-input--theme-primary--20 .ui-number-input__btn[data-v-d2323f5d] {
    border: 1px solid hsl(var(--hsl-sep))
}

[dir] .ui-number-input--theme-primary--20 .ui-number-input__field[data-v-d2323f5d] {
    border-bottom: 1px solid hsl(var(--hsl-sep));
    border-top: 1px solid hsl(var(--hsl-sep))
}

.ui-number-input--theme-cyber--45[data-v-d2323f5d] {
    --bg: hsla(var(--cyber--45-bg), 1);
    --hsl-bg: var(--cyber--45-bg);
    --clr: hsl(var(--cyber--45-clr));
    --hsl-clr: var(--cyber--45-clr);
    --clr-accent: hsl(var(--cyber--45-clr-accent));
    --hsl-clr-accent: var(--cyber--45-clr-accent);
    --clr-decent: hsl(var(--cyber--45-clr-decent));
    --hsl-clr-decent: var(--cyber--45-clr-decent);
    --clr-strong: hsl(var(--cyber--45-clr-strong));
    --hsl-clr-strong: var(--cyber--45-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--45-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--45-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--45-clr-primary));
    --hsl-clr-primary: var(--cyber--45-clr-primary);
    --clr-good: hsl(var(--cyber--45-clr-good));
    --hsl-clr-good: var(--cyber--45-clr-good);
    --clr-bad: hsl(var(--cyber--45-clr-bad));
    --hsl-clr-bad: var(--cyber--45-clr-bad);
    --sep: hsl(var(--cyber--45-sep));
    --hsl-sep: var(--cyber--45-sep);
    --sep-alt: hsl(var(--cyber--45-sep-alt));
    --hsl-sep-alt: var(--cyber--45-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-number-input--theme-cyber--45[data-v-d2323f5d] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-number-input--theme-cyber--45 .ui-number-input__btn[data-v-d2323f5d] {
    border: 1px solid hsla(var(--cyber-0-bg), 1)
}

[dir] .ui-number-input--theme-cyber--45 .ui-number-input__field[data-v-d2323f5d] {
    border-bottom: 1px solid hsla(var(--cyber-0-bg), 1);
    border-top: 1px solid hsla(var(--cyber-0-bg), 1)
}

[dir] .ui-number-input--theme-cyber--45 .ui-number-input-btn[data-v-d2323f5d]:hover {
    border-color: Hsl(var(--hsl-clr-decent))
}

.ui-number-input--theme-cyber--45 .ui-number-input-btn[data-v-d2323f5d]:disabled {
    color: hsla(var(--cyber--25-clr-decent), 1)
}

.ui-number-input--theme-gray-100[data-v-d2323f5d] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-number-input--theme-gray-100[data-v-d2323f5d] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-number-input--theme-gray-100 .ui-number-input__btn[data-v-d2323f5d] {
    border: 1px solid hsl(var(--hsl-sep-alt))
}

[dir] .ui-number-input--theme-gray-100 .ui-number-input__field[data-v-d2323f5d] {
    border-bottom: 1px solid hsl(var(--hsl-sep-alt));
    border-top: 1px solid hsl(var(--hsl-sep-alt))
}

[dir] .ui-number-input--theme-gray-100 .ui-number-input-btn[data-v-d2323f5d]:hover {
    border-color: Hsl(var(--hsl-clr-decent))
}

.ui-number-input--theme-gray-100 .ui-number-input-btn[data-v-d2323f5d]:disabled {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-number-input[data-v-d2323f5d] {
    display: flex
}

[dir] .ui-number-input--rounded[data-v-d2323f5d] {
    border-radius: var(--ui-number-input-custom-border-radius, var(--border-radius))
}

.ui-number-input__btn[data-v-d2323f5d] {
    flex: none;
    min-height: inherit
}

[dir=ltr] .ui-number-input__btn[data-v-d2323f5d]:first-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

[dir=ltr] .ui-number-input__btn[data-v-d2323f5d]:last-child, [dir=rtl] .ui-number-input__btn[data-v-d2323f5d]:first-child {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit
}

[dir=rtl] .ui-number-input__btn[data-v-d2323f5d]:last-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

.ui-number-input__field[data-v-d2323f5d] {
    flex: auto;
    min-width: 0
}

[dir] .ui-number-input__field[data-v-d2323f5d] {
    text-align: center
}

.is-keyboard-user .ui-number-input__field[data-v-d2323f5d]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-number-input__field[data-v-d2323f5d]::-webkit-inner-spin-button, .ui-number-input__field[data-v-d2323f5d]::-webkit-outer-spin-button {
    -webkit-appearance: initial
}

[dir=rtl] .ui-number-input__field[inputmode=decimal][data-v-d2323f5d], [dir=rtl] .ui-number-input__field[inputmode=numeric][data-v-d2323f5d], [dir=rtl] .ui-number-input__field[type=number][data-v-d2323f5d] {
    direction: ltr
}

.ui-number-input--limited-width[data-v-d2323f5d] {
    max-width: 17.5em
}

[dir] .ui-number-input--has-error .ui-number-input__btn[data-v-d2323f5d], [dir] .ui-number-input--has-error .ui-number-input__field[data-v-d2323f5d], [dir] .ui-number-input--has-error .ui-number-input__input[data-v-d2323f5d] {
    border-color: Hsl(var(--hsl-clr-bad))
}

.ui-number-input--has-full-disabled .ui-number-input__field[data-v-d2323f5d] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-number-input-btn[data-v-d2323f5d] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: inherit
}

[dir] .ui-number-input-btn[data-v-d2323f5d] {
    padding-left: .3125rem;
    padding-right: .3125rem
}

.ui-number-input-btn__label[data-v-d2323f5d] {
    font-size: .875rem;
    line-height: 1rem
}

.is-keyboard-user .ui-number-input-btn[data-v-d2323f5d]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

[dir] .ui-nav--rounded[data-v-cff9ffca] {
    border-radius: var(--border-radius)
}

[dir] .ui-nav--bordered .ui-nav-items[data-v-cff9ffca] {
    padding: 1px
}

[dir] .ui-nav[data-v-cff9ffca] > :first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

[dir] .ui-nav[data-v-cff9ffca] > :last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.ui-nav-items[data-v-a007b343] {
    grid-row-gap: 1px;
    display: grid
}

.ui-nav-items[data-v-a007b343] > * {
    min-width: 0
}

[dir] .ui-nav-items[data-v-a007b343] > :first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

[dir] .ui-nav-items[data-v-a007b343] > :last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

[dir] .ui-nav-items--separated[data-v-a007b343] {
    margin-top: 1px
}

.ui-nav-items--theme-gray-30[data-v-a007b343] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-nav-items--theme-gray-30[data-v-a007b343] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-nav-items--theme-gray--80[data-v-a007b343] {
    --bg: hsla(var(--gray--80-bg), 1);
    --hsl-bg: var(--gray--80-bg);
    --clr: hsl(var(--gray--80-clr));
    --hsl-clr: var(--gray--80-clr);
    --clr-accent: hsl(var(--gray--80-clr-accent));
    --hsl-clr-accent: var(--gray--80-clr-accent);
    --clr-decent: hsl(var(--gray--80-clr-decent));
    --hsl-clr-decent: var(--gray--80-clr-decent);
    --clr-strong: hsl(var(--gray--80-clr-strong));
    --hsl-clr-strong: var(--gray--80-clr-strong);
    --clr-strong-alt: hsl(var(--gray--80-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--80-clr-strong-alt);
    --clr-primary: hsl(var(--gray--80-clr-primary));
    --hsl-clr-primary: var(--gray--80-clr-primary);
    --clr-good: hsl(var(--gray--80-clr-good));
    --hsl-clr-good: var(--gray--80-clr-good);
    --clr-bad: hsl(var(--gray--80-clr-bad));
    --hsl-clr-bad: var(--gray--80-clr-bad);
    --sep: hsl(var(--gray--80-sep));
    --hsl-sep: var(--gray--80-sep);
    --sep-alt: hsl(var(--gray--80-sep-alt));
    --hsl-sep-alt: var(--gray--80-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-nav-items--theme-gray--80[data-v-a007b343] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-nav-item[data-v-514f85f6] > :first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

[dir] .ui-nav-item[data-v-514f85f6] > :last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

[dir] .ui-nav-item--rounded[data-v-514f85f6] {
    border-radius: var(--border-radius)
}

.ui-nav-link[data-v-41493194] {
    contain: content;
    display: flex
}

[dir=ltr] .ui-nav-link[data-v-41493194] > :first-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

[dir=ltr] .ui-nav-link[data-v-41493194] > :last-child, [dir=rtl] .ui-nav-link[data-v-41493194] > :first-child {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit
}

[dir=rtl] .ui-nav-link[data-v-41493194] > :last-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

.ui-nav-link[data-v-41493194] .ui-nav-link__content {
    align-items: center;
    display: flex;
    flex-grow: 1;
    min-width: 0
}

[dir] .ui-nav-link[data-v-41493194] .ui-nav-link__content {
    padding: .5rem .625rem
}

[dir=ltr] .ui-nav-link[data-v-41493194] .ui-nav-link__content {
    text-align: left
}

[dir=rtl] .ui-nav-link[data-v-41493194] .ui-nav-link__content {
    text-align: right
}

.is-keyboard-user .ui-nav-link[data-v-41493194] .ui-nav-link__content:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-nav-link[data-v-41493194] .ui-nav-link__content--interactive:hover {
    color: Hsl(var(--hsl-clr-strong-alt))
}

.ui-nav-link__caption[data-v-41493194] {
    flex-grow: 1;
    min-width: 0
}

[dir=ltr] .ui-nav-link__caption[data-v-41493194] > :nth-child(n+2) {
    margin-left: .625rem
}

[dir=rtl] .ui-nav-link__caption[data-v-41493194] > :nth-child(n+2) {
    margin-right: .625rem
}

[dir=ltr] .ui-nav-link--separated .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left: 1px solid transparent
}

[dir=rtl] .ui-nav-link--separated .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right: 1px solid transparent
}

.ui-nav-link__after[data-v-41493194] {
    display: flex;
    flex-shrink: 0
}

.ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle:hover {
    color: Hsl(var(--hsl-clr-strong-alt))
}

.ui-nav-link-caption[data-v-41493194] {
    display: flex
}

.ui-nav-link-caption__content[data-v-41493194] {
    flex-grow: 1;
    line-height: 0;
    min-width: 0
}

.ui-nav-link--nowrap .ui-nav-link-caption__content[data-v-41493194] {
    display: flex
}

.ui-nav-link-caption__wrapper[data-v-41493194] {
    align-items: center;
    display: inline-flex;
    gap: .3125rem
}

.ui-nav-link-caption__ico[data-v-41493194] {
    align-items: center;
    align-self: center;
    display: flex;
    flex-shrink: 0;
    height: 1rem;
    justify-content: center;
    width: 1rem
}

.ui-nav-link-caption__count[data-v-41493194], .ui-nav-link-caption__label[data-v-41493194] {
    font-size: .875rem;
    line-height: 1rem
}

.ui-nav-link-caption__label[data-v-41493194] {
    min-width: 0;
    word-break: break-word
}

.ui-nav-link--nowrap .ui-nav-link-caption__label[data-v-41493194] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[dir=ltr] .ui-nav-link--nowrap .ui-nav-link-caption__label[data-v-41493194] {
    margin-right: 3px
}

[dir=rtl] .ui-nav-link--nowrap .ui-nav-link-caption__label[data-v-41493194] {
    margin-left: 3px
}

.ui-nav-link-caption__count[data-v-41493194] {
    display: inline-flex;
    flex-shrink: 0
}

.ui-nav-link-caption__count[data-v-41493194]:before {
    content: "("
}

.ui-nav-link-caption__count[data-v-41493194]:after {
    content: ")"
}

[xlang=my]
.ui-nav-link-caption__ico[data-v-41493194] .img, [xlang=my] .ui-nav-link-caption__ico[data-v-41493194] .ico {
    align-self: center
}

[xlang=my] .ui-nav-link-caption__ico[data-v-41493194] .champ-ico {
    margin-top: .25rem
}

.ui-nav-link--theme-gray[data-v-41493194] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsl(var(--hsl-clr-strong-alt, var(--hsl-clr-strong-alt)))
}

[dir] .ui-nav-link--theme-gray[data-v-41493194] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

[dir=ltr] .ui-nav-link--theme-gray .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left-color: Hsl(var(--hsl-sep))
}

[dir=rtl] .ui-nav-link--theme-gray .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right-color: Hsl(var(--hsl-sep))
}

.ui-nav-link--theme-gray .ui-nav-link-caption__count[data-v-41493194] {
    color: Hsl(var(--hsl-clr-strong-alt, var(--hsl-clr-decent)))
}

.ui-nav-link--theme-gray[data-v-41493194] .ui-nav-link__content--interactive:hover {
    --bg: hsla(var(--gray--5-bg), 1);
    --hsl-bg: var(--gray--5-bg);
    --clr: hsl(var(--gray--5-clr));
    --hsl-clr: var(--gray--5-clr);
    --clr-accent: hsl(var(--gray--5-clr-accent));
    --hsl-clr-accent: var(--gray--5-clr-accent);
    --clr-decent: hsl(var(--gray--5-clr-decent));
    --hsl-clr-decent: var(--gray--5-clr-decent);
    --clr-strong: hsl(var(--gray--5-clr-strong));
    --hsl-clr-strong: var(--gray--5-clr-strong);
    --clr-strong-alt: hsl(var(--gray--5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--5-clr-strong-alt);
    --clr-primary: hsl(var(--gray--5-clr-primary));
    --hsl-clr-primary: var(--gray--5-clr-primary);
    --clr-good: hsl(var(--gray--5-clr-good));
    --hsl-clr-good: var(--gray--5-clr-good);
    --clr-bad: hsl(var(--gray--5-clr-bad));
    --hsl-clr-bad: var(--gray--5-clr-bad);
    --sep: hsl(var(--gray--5-sep));
    --hsl-sep: var(--gray--5-sep);
    --sep-alt: hsl(var(--gray--5-sep-alt));
    --hsl-sep-alt: var(--gray--5-sep-alt)
}

[dir] .ui-nav-link--theme-gray[data-v-41493194] .ui-nav-link__content--interactive:hover {
    background-color: Hsl(var(--custom-ui-nav-link-hover-theme-gray, var(--hsl-bg)))
}

.ui-nav-link--theme-gray[data-v-41493194] .ui-nav-link-toggle:hover {
    --bg: hsla(var(--gray--5-bg), 1);
    --hsl-bg: var(--gray--5-bg);
    --clr: hsl(var(--gray--5-clr));
    --hsl-clr: var(--gray--5-clr);
    --clr-accent: hsl(var(--gray--5-clr-accent));
    --hsl-clr-accent: var(--gray--5-clr-accent);
    --clr-decent: hsl(var(--gray--5-clr-decent));
    --hsl-clr-decent: var(--gray--5-clr-decent);
    --clr-strong: hsl(var(--gray--5-clr-strong));
    --hsl-clr-strong: var(--gray--5-clr-strong);
    --clr-strong-alt: hsl(var(--gray--5-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--5-clr-strong-alt);
    --clr-primary: hsl(var(--gray--5-clr-primary));
    --hsl-clr-primary: var(--gray--5-clr-primary);
    --clr-good: hsl(var(--gray--5-clr-good));
    --hsl-clr-good: var(--gray--5-clr-good);
    --clr-bad: hsl(var(--gray--5-clr-bad));
    --hsl-clr-bad: var(--gray--5-clr-bad);
    --sep: hsl(var(--gray--5-sep));
    --hsl-sep: var(--gray--5-sep);
    --sep-alt: hsl(var(--gray--5-sep-alt));
    --hsl-sep-alt: var(--gray--5-sep-alt)
}

[dir] .ui-nav-link--theme-gray[data-v-41493194] .ui-nav-link-toggle:hover {
    background-color: Hsl(var(--custom-ui-nav-link-hover-theme-gray, var(--hsl-bg)))
}

.ui-nav-link--theme-gray.ui-nav-link--is-toggled[data-v-41493194] {
    --bg: hsla(var(--primary-30-bg), 1);
    --hsl-bg: var(--primary-30-bg);
    --clr: hsl(var(--primary-30-clr));
    --hsl-clr: var(--primary-30-clr);
    --clr-accent: hsl(var(--primary-30-clr-accent));
    --hsl-clr-accent: var(--primary-30-clr-accent);
    --clr-decent: hsl(var(--primary-30-clr-decent));
    --hsl-clr-decent: var(--primary-30-clr-decent);
    --clr-strong: hsl(var(--primary-30-clr-strong));
    --hsl-clr-strong: var(--primary-30-clr-strong);
    --clr-strong-alt: hsl(var(--primary-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-30-clr-strong-alt);
    --clr-primary: hsl(var(--primary-30-clr-primary));
    --hsl-clr-primary: var(--primary-30-clr-primary);
    --clr-good: hsl(var(--primary-30-clr-good));
    --hsl-clr-good: var(--primary-30-clr-good);
    --clr-bad: hsl(var(--primary-30-clr-bad));
    --hsl-clr-bad: var(--primary-30-clr-bad);
    --sep: hsl(var(--primary-30-sep));
    --hsl-sep: var(--primary-30-sep);
    --sep-alt: hsl(var(--primary-30-sep-alt));
    --hsl-sep-alt: var(--primary-30-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray.ui-nav-link--is-toggled[data-v-41493194] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-nav-link--theme-gray.ui-nav-link--is-toggled[data-v-41493194] .ui-nav-link__content--interactive:hover {
    --bg: hsla(var(--primary-25-bg), 1);
    --hsl-bg: var(--primary-25-bg);
    --clr: hsl(var(--primary-25-clr));
    --hsl-clr: var(--primary-25-clr);
    --clr-accent: hsl(var(--primary-25-clr-accent));
    --hsl-clr-accent: var(--primary-25-clr-accent);
    --clr-decent: hsl(var(--primary-25-clr-decent));
    --hsl-clr-decent: var(--primary-25-clr-decent);
    --clr-strong: hsl(var(--primary-25-clr-strong));
    --hsl-clr-strong: var(--primary-25-clr-strong);
    --clr-strong-alt: hsl(var(--primary-25-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-25-clr-strong-alt);
    --clr-primary: hsl(var(--primary-25-clr-primary));
    --hsl-clr-primary: var(--primary-25-clr-primary);
    --clr-good: hsl(var(--primary-25-clr-good));
    --hsl-clr-good: var(--primary-25-clr-good);
    --clr-bad: hsl(var(--primary-25-clr-bad));
    --hsl-clr-bad: var(--primary-25-clr-bad);
    --sep: hsl(var(--primary-25-sep));
    --hsl-sep: var(--primary-25-sep);
    --sep-alt: hsl(var(--primary-25-sep-alt));
    --hsl-sep-alt: var(--primary-25-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray.ui-nav-link--is-toggled[data-v-41493194] .ui-nav-link__content--interactive:hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir=ltr] .ui-nav-link--theme-gray.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left-color: Hsl(var(--hsl-sep, var(--hsl-sep)))
}

[dir=rtl] .ui-nav-link--theme-gray.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right-color: Hsl(var(--hsl-sep, var(--hsl-sep)))
}

.ui-nav-link--theme-gray.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle--is-toggled:hover, .ui-nav-link--theme-gray.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle:hover {
    --bg: hsla(var(--primary-25-bg), 1);
    --hsl-bg: var(--primary-25-bg);
    --clr: hsl(var(--primary-25-clr));
    --hsl-clr: var(--primary-25-clr);
    --clr-accent: hsl(var(--primary-25-clr-accent));
    --hsl-clr-accent: var(--primary-25-clr-accent);
    --clr-decent: hsl(var(--primary-25-clr-decent));
    --hsl-clr-decent: var(--primary-25-clr-decent);
    --clr-strong: hsl(var(--primary-25-clr-strong));
    --hsl-clr-strong: var(--primary-25-clr-strong);
    --clr-strong-alt: hsl(var(--primary-25-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-25-clr-strong-alt);
    --clr-primary: hsl(var(--primary-25-clr-primary));
    --hsl-clr-primary: var(--primary-25-clr-primary);
    --clr-good: hsl(var(--primary-25-clr-good));
    --hsl-clr-good: var(--primary-25-clr-good);
    --clr-bad: hsl(var(--primary-25-clr-bad));
    --hsl-clr-bad: var(--primary-25-clr-bad);
    --sep: hsl(var(--primary-25-sep));
    --hsl-sep: var(--primary-25-sep);
    --sep-alt: hsl(var(--primary-25-sep-alt));
    --hsl-sep-alt: var(--primary-25-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle--is-toggled:hover, [dir] .ui-nav-link--theme-gray.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle:hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-nav-link--theme-gray-20[data-v-41493194] {
    --bg: hsla(var(--gray-20-bg), 1);
    --hsl-bg: var(--gray-20-bg);
    --clr: hsl(var(--gray-20-clr));
    --hsl-clr: var(--gray-20-clr);
    --clr-accent: hsl(var(--gray-20-clr-accent));
    --hsl-clr-accent: var(--gray-20-clr-accent);
    --clr-decent: hsl(var(--gray-20-clr-decent));
    --hsl-clr-decent: var(--gray-20-clr-decent);
    --clr-strong: hsl(var(--gray-20-clr-strong));
    --hsl-clr-strong: var(--gray-20-clr-strong);
    --clr-strong-alt: hsl(var(--gray-20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-20-clr-strong-alt);
    --clr-primary: hsl(var(--gray-20-clr-primary));
    --hsl-clr-primary: var(--gray-20-clr-primary);
    --clr-good: hsl(var(--gray-20-clr-good));
    --hsl-clr-good: var(--gray-20-clr-good);
    --clr-bad: hsl(var(--gray-20-clr-bad));
    --hsl-clr-bad: var(--gray-20-clr-bad);
    --sep: hsl(var(--gray-20-sep));
    --hsl-sep: var(--gray-20-sep);
    --sep-alt: hsl(var(--gray-20-sep-alt));
    --hsl-sep-alt: var(--gray-20-sep-alt);
    color: Hsl(var(--hsl-clr-strong-alt, var(--hsl-clr-strong-alt)))
}

[dir] .ui-nav-link--theme-gray-20[data-v-41493194] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

[dir=ltr] .ui-nav-link--theme-gray-20 .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left-color: Hsl(var(--hsl-sep))
}

[dir=rtl] .ui-nav-link--theme-gray-20 .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right-color: Hsl(var(--hsl-sep))
}

.ui-nav-link--theme-gray-20 .ui-nav-link-caption__count[data-v-41493194] {
    color: Hsl(var(--hsl-clr-strong-alt, var(--hsl-clr-decent)))
}

.ui-nav-link--theme-gray-20[data-v-41493194] .ui-nav-link__content--interactive:hover {
    --bg: hsla(var(--gray-10-bg), 1);
    --hsl-bg: var(--gray-10-bg);
    --clr: hsl(var(--gray-10-clr));
    --hsl-clr: var(--gray-10-clr);
    --clr-accent: hsl(var(--gray-10-clr-accent));
    --hsl-clr-accent: var(--gray-10-clr-accent);
    --clr-decent: hsl(var(--gray-10-clr-decent));
    --hsl-clr-decent: var(--gray-10-clr-decent);
    --clr-strong: hsl(var(--gray-10-clr-strong));
    --hsl-clr-strong: var(--gray-10-clr-strong);
    --clr-strong-alt: hsl(var(--gray-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-10-clr-strong-alt);
    --clr-primary: hsl(var(--gray-10-clr-primary));
    --hsl-clr-primary: var(--gray-10-clr-primary);
    --clr-good: hsl(var(--gray-10-clr-good));
    --hsl-clr-good: var(--gray-10-clr-good);
    --clr-bad: hsl(var(--gray-10-clr-bad));
    --hsl-clr-bad: var(--gray-10-clr-bad);
    --sep: hsl(var(--gray-10-sep));
    --hsl-sep: var(--gray-10-sep);
    --sep-alt: hsl(var(--gray-10-sep-alt));
    --hsl-sep-alt: var(--gray-10-sep-alt)
}

[dir] .ui-nav-link--theme-gray-20[data-v-41493194] .ui-nav-link__content--interactive:hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-nav-link--theme-gray-20[data-v-41493194] .ui-nav-link-toggle:hover {
    --bg: hsla(var(--gray-10-bg), 1);
    --hsl-bg: var(--gray-10-bg);
    --clr: hsl(var(--gray-10-clr));
    --hsl-clr: var(--gray-10-clr);
    --clr-accent: hsl(var(--gray-10-clr-accent));
    --hsl-clr-accent: var(--gray-10-clr-accent);
    --clr-decent: hsl(var(--gray-10-clr-decent));
    --hsl-clr-decent: var(--gray-10-clr-decent);
    --clr-strong: hsl(var(--gray-10-clr-strong));
    --hsl-clr-strong: var(--gray-10-clr-strong);
    --clr-strong-alt: hsl(var(--gray-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-10-clr-strong-alt);
    --clr-primary: hsl(var(--gray-10-clr-primary));
    --hsl-clr-primary: var(--gray-10-clr-primary);
    --clr-good: hsl(var(--gray-10-clr-good));
    --hsl-clr-good: var(--gray-10-clr-good);
    --clr-bad: hsl(var(--gray-10-clr-bad));
    --hsl-clr-bad: var(--gray-10-clr-bad);
    --sep: hsl(var(--gray-10-sep));
    --hsl-sep: var(--gray-10-sep);
    --sep-alt: hsl(var(--gray-10-sep-alt));
    --hsl-sep-alt: var(--gray-10-sep-alt)
}

[dir] .ui-nav-link--theme-gray-20[data-v-41493194] .ui-nav-link-toggle:hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-nav-link--theme-gray-20.ui-nav-link--is-toggled[data-v-41493194] .ui-nav-link__content--interactive:hover {
    --bg: hsla(var(--gray-10-bg), 1);
    --hsl-bg: var(--gray-10-bg);
    --clr: hsl(var(--gray-10-clr));
    --hsl-clr: var(--gray-10-clr);
    --clr-accent: hsl(var(--gray-10-clr-accent));
    --hsl-clr-accent: var(--gray-10-clr-accent);
    --clr-decent: hsl(var(--gray-10-clr-decent));
    --hsl-clr-decent: var(--gray-10-clr-decent);
    --clr-strong: hsl(var(--gray-10-clr-strong));
    --hsl-clr-strong: var(--gray-10-clr-strong);
    --clr-strong-alt: hsl(var(--gray-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-10-clr-strong-alt);
    --clr-primary: hsl(var(--gray-10-clr-primary));
    --hsl-clr-primary: var(--gray-10-clr-primary);
    --clr-good: hsl(var(--gray-10-clr-good));
    --hsl-clr-good: var(--gray-10-clr-good);
    --clr-bad: hsl(var(--gray-10-clr-bad));
    --hsl-clr-bad: var(--gray-10-clr-bad);
    --sep: hsl(var(--gray-10-sep));
    --hsl-sep: var(--gray-10-sep);
    --sep-alt: hsl(var(--gray-10-sep-alt));
    --hsl-sep-alt: var(--gray-10-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray-20.ui-nav-link--is-toggled[data-v-41493194] .ui-nav-link__content--interactive:hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir=ltr] .ui-nav-link--theme-gray-20.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left-color: Hsl(var(--hsl-sep, var(--hsl-sep)))
}

[dir=rtl] .ui-nav-link--theme-gray-20.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right-color: Hsl(var(--hsl-sep, var(--hsl-sep)))
}

.ui-nav-link--theme-gray-20.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle--is-toggled:hover, .ui-nav-link--theme-gray-20.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle:hover {
    --bg: hsla(var(--gray-10-bg), 1);
    --hsl-bg: var(--gray-10-bg);
    --clr: hsl(var(--gray-10-clr));
    --hsl-clr: var(--gray-10-clr);
    --clr-accent: hsl(var(--gray-10-clr-accent));
    --hsl-clr-accent: var(--gray-10-clr-accent);
    --clr-decent: hsl(var(--gray-10-clr-decent));
    --hsl-clr-decent: var(--gray-10-clr-decent);
    --clr-strong: hsl(var(--gray-10-clr-strong));
    --hsl-clr-strong: var(--gray-10-clr-strong);
    --clr-strong-alt: hsl(var(--gray-10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-10-clr-strong-alt);
    --clr-primary: hsl(var(--gray-10-clr-primary));
    --hsl-clr-primary: var(--gray-10-clr-primary);
    --clr-good: hsl(var(--gray-10-clr-good));
    --hsl-clr-good: var(--gray-10-clr-good);
    --clr-bad: hsl(var(--gray-10-clr-bad));
    --hsl-clr-bad: var(--gray-10-clr-bad);
    --sep: hsl(var(--gray-10-sep));
    --hsl-sep: var(--gray-10-sep);
    --sep-alt: hsl(var(--gray-10-sep-alt));
    --hsl-sep-alt: var(--gray-10-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray-20.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle--is-toggled:hover, [dir] .ui-nav-link--theme-gray-20.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle:hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-nav-link--theme-gray-60[data-v-41493194] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsl(var(--hsl-clr-strong-alt, var(--hsl-clr-strong-alt)))
}

[dir] .ui-nav-link--theme-gray-60[data-v-41493194] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

[dir=ltr] .ui-nav-link--theme-gray-60 .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left-color: Hsl(var(--hsl-sep))
}

[dir=rtl] .ui-nav-link--theme-gray-60 .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right-color: Hsl(var(--hsl-sep))
}

.ui-nav-link--theme-gray-60 .ui-nav-link-caption__count[data-v-41493194] {
    color: Hsl(var(--hsl-clr-strong-alt, var(--hsl-clr-decent)))
}

.ui-nav-link--theme-gray-60[data-v-41493194] .ui-nav-link__content--interactive:hover {
    --bg: hsla(var(--gray-75-bg), 1);
    --hsl-bg: var(--gray-75-bg);
    --clr: hsl(var(--gray-75-clr));
    --hsl-clr: var(--gray-75-clr);
    --clr-accent: hsl(var(--gray-75-clr-accent));
    --hsl-clr-accent: var(--gray-75-clr-accent);
    --clr-decent: hsl(var(--gray-75-clr-decent));
    --hsl-clr-decent: var(--gray-75-clr-decent);
    --clr-strong: hsl(var(--gray-75-clr-strong));
    --hsl-clr-strong: var(--gray-75-clr-strong);
    --clr-strong-alt: hsl(var(--gray-75-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-75-clr-strong-alt);
    --clr-primary: hsl(var(--gray-75-clr-primary));
    --hsl-clr-primary: var(--gray-75-clr-primary);
    --clr-good: hsl(var(--gray-75-clr-good));
    --hsl-clr-good: var(--gray-75-clr-good);
    --clr-bad: hsl(var(--gray-75-clr-bad));
    --hsl-clr-bad: var(--gray-75-clr-bad);
    --sep: hsl(var(--gray-75-sep));
    --hsl-sep: var(--gray-75-sep);
    --sep-alt: hsl(var(--gray-75-sep-alt));
    --hsl-sep-alt: var(--gray-75-sep-alt)
}

[dir] .ui-nav-link--theme-gray-60[data-v-41493194] .ui-nav-link__content--interactive:hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-nav-link--theme-gray-60[data-v-41493194] .ui-nav-link-toggle:hover {
    --bg: hsla(var(--gray-75-bg), 1);
    --hsl-bg: var(--gray-75-bg);
    --clr: hsl(var(--gray-75-clr));
    --hsl-clr: var(--gray-75-clr);
    --clr-accent: hsl(var(--gray-75-clr-accent));
    --hsl-clr-accent: var(--gray-75-clr-accent);
    --clr-decent: hsl(var(--gray-75-clr-decent));
    --hsl-clr-decent: var(--gray-75-clr-decent);
    --clr-strong: hsl(var(--gray-75-clr-strong));
    --hsl-clr-strong: var(--gray-75-clr-strong);
    --clr-strong-alt: hsl(var(--gray-75-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-75-clr-strong-alt);
    --clr-primary: hsl(var(--gray-75-clr-primary));
    --hsl-clr-primary: var(--gray-75-clr-primary);
    --clr-good: hsl(var(--gray-75-clr-good));
    --hsl-clr-good: var(--gray-75-clr-good);
    --clr-bad: hsl(var(--gray-75-clr-bad));
    --hsl-clr-bad: var(--gray-75-clr-bad);
    --sep: hsl(var(--gray-75-sep));
    --hsl-sep: var(--gray-75-sep);
    --sep-alt: hsl(var(--gray-75-sep-alt));
    --hsl-sep-alt: var(--gray-75-sep-alt)
}

[dir] .ui-nav-link--theme-gray-60[data-v-41493194] .ui-nav-link-toggle:hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-nav-link--theme-gray-60.ui-nav-link--is-toggled[data-v-41493194] {
    --bg: hsla(var(--gray-20-bg), 1);
    --hsl-bg: var(--gray-20-bg);
    --clr: hsl(var(--gray-20-clr));
    --hsl-clr: var(--gray-20-clr);
    --clr-accent: hsl(var(--gray-20-clr-accent));
    --hsl-clr-accent: var(--gray-20-clr-accent);
    --clr-decent: hsl(var(--gray-20-clr-decent));
    --hsl-clr-decent: var(--gray-20-clr-decent);
    --clr-strong: hsl(var(--gray-20-clr-strong));
    --hsl-clr-strong: var(--gray-20-clr-strong);
    --clr-strong-alt: hsl(var(--gray-20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-20-clr-strong-alt);
    --clr-primary: hsl(var(--gray-20-clr-primary));
    --hsl-clr-primary: var(--gray-20-clr-primary);
    --clr-good: hsl(var(--gray-20-clr-good));
    --hsl-clr-good: var(--gray-20-clr-good);
    --clr-bad: hsl(var(--gray-20-clr-bad));
    --hsl-clr-bad: var(--gray-20-clr-bad);
    --sep: hsl(var(--gray-20-sep));
    --hsl-sep: var(--gray-20-sep);
    --sep-alt: hsl(var(--gray-20-sep-alt));
    --hsl-sep-alt: var(--gray-20-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray-60.ui-nav-link--is-toggled[data-v-41493194] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-nav-link--theme-gray-60.ui-nav-link--is-toggled[data-v-41493194] .ui-nav-link__content--interactive:hover {
    --bg: hsla(var(--gray-40-bg), 1);
    --hsl-bg: var(--gray-40-bg);
    --clr: hsl(var(--gray-40-clr));
    --hsl-clr: var(--gray-40-clr);
    --clr-accent: hsl(var(--gray-40-clr-accent));
    --hsl-clr-accent: var(--gray-40-clr-accent);
    --clr-decent: hsl(var(--gray-40-clr-decent));
    --hsl-clr-decent: var(--gray-40-clr-decent);
    --clr-strong: hsl(var(--gray-40-clr-strong));
    --hsl-clr-strong: var(--gray-40-clr-strong);
    --clr-strong-alt: hsl(var(--gray-40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-40-clr-strong-alt);
    --clr-primary: hsl(var(--gray-40-clr-primary));
    --hsl-clr-primary: var(--gray-40-clr-primary);
    --clr-good: hsl(var(--gray-40-clr-good));
    --hsl-clr-good: var(--gray-40-clr-good);
    --clr-bad: hsl(var(--gray-40-clr-bad));
    --hsl-clr-bad: var(--gray-40-clr-bad);
    --sep: hsl(var(--gray-40-sep));
    --hsl-sep: var(--gray-40-sep);
    --sep-alt: hsl(var(--gray-40-sep-alt));
    --hsl-sep-alt: var(--gray-40-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray-60.ui-nav-link--is-toggled[data-v-41493194] .ui-nav-link__content--interactive:hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir=ltr] .ui-nav-link--theme-gray-60.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left-color: Hsl(var(--hsl-sep, var(--hsl-sep)))
}

[dir=rtl] .ui-nav-link--theme-gray-60.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right-color: Hsl(var(--hsl-sep, var(--hsl-sep)))
}

.ui-nav-link--theme-gray-60.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle--is-toggled:hover, .ui-nav-link--theme-gray-60.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle:hover {
    --bg: hsla(var(--gray-40-bg), 1);
    --hsl-bg: var(--gray-40-bg);
    --clr: hsl(var(--gray-40-clr));
    --hsl-clr: var(--gray-40-clr);
    --clr-accent: hsl(var(--gray-40-clr-accent));
    --hsl-clr-accent: var(--gray-40-clr-accent);
    --clr-decent: hsl(var(--gray-40-clr-decent));
    --hsl-clr-decent: var(--gray-40-clr-decent);
    --clr-strong: hsl(var(--gray-40-clr-strong));
    --hsl-clr-strong: var(--gray-40-clr-strong);
    --clr-strong-alt: hsl(var(--gray-40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-40-clr-strong-alt);
    --clr-primary: hsl(var(--gray-40-clr-primary));
    --hsl-clr-primary: var(--gray-40-clr-primary);
    --clr-good: hsl(var(--gray-40-clr-good));
    --hsl-clr-good: var(--gray-40-clr-good);
    --clr-bad: hsl(var(--gray-40-clr-bad));
    --hsl-clr-bad: var(--gray-40-clr-bad);
    --sep: hsl(var(--gray-40-sep));
    --hsl-sep: var(--gray-40-sep);
    --sep-alt: hsl(var(--gray-40-sep-alt));
    --hsl-sep-alt: var(--gray-40-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray-60.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle--is-toggled:hover, [dir] .ui-nav-link--theme-gray-60.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle:hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-nav-link--theme-gray-100[data-v-41493194] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsl(var(--hsl-clr-strong-alt, var(--hsl-clr-strong-alt)))
}

[dir] .ui-nav-link--theme-gray-100[data-v-41493194] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

[dir=ltr] .ui-nav-link--theme-gray-100 .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left-color: Hsl(var(--hsl-sep))
}

[dir=rtl] .ui-nav-link--theme-gray-100 .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right-color: Hsl(var(--hsl-sep))
}

.ui-nav-link--theme-gray-100 .ui-nav-link-caption__count[data-v-41493194] {
    color: Hsl(var(--hsl-clr-strong-alt, var(--hsl-clr-decent)))
}

.ui-nav-link--theme-gray-100[data-v-41493194] .ui-nav-link__content--interactive:hover {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt)
}

[dir] .ui-nav-link--theme-gray-100[data-v-41493194] .ui-nav-link__content--interactive:hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-nav-link--theme-gray-100[data-v-41493194] .ui-nav-link-toggle:hover {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt)
}

[dir] .ui-nav-link--theme-gray-100[data-v-41493194] .ui-nav-link-toggle:hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-nav-link--theme-gray-100.ui-nav-link--is-toggled[data-v-41493194] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray-100.ui-nav-link--is-toggled[data-v-41493194] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-nav-link--theme-gray-100.ui-nav-link--is-toggled[data-v-41493194] .ui-nav-link__content--interactive:hover {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray-100.ui-nav-link--is-toggled[data-v-41493194] .ui-nav-link__content--interactive:hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir=ltr] .ui-nav-link--theme-gray-100.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left-color: Hsl(var(--primary--40-bg, var(--hsl-sep)))
}

[dir=rtl] .ui-nav-link--theme-gray-100.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right-color: Hsl(var(--primary--40-bg, var(--hsl-sep)))
}

.ui-nav-link--theme-gray-100.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle--is-toggled:hover, .ui-nav-link--theme-gray-100.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle:hover {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray-100.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle--is-toggled:hover, [dir] .ui-nav-link--theme-gray-100.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle:hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-nav-link--theme-gray--60[data-v-41493194] {
    --bg: hsla(var(--gray--60-bg), 1);
    --hsl-bg: var(--gray--60-bg);
    --clr: hsl(var(--gray--60-clr));
    --hsl-clr: var(--gray--60-clr);
    --clr-accent: hsl(var(--gray--60-clr-accent));
    --hsl-clr-accent: var(--gray--60-clr-accent);
    --clr-decent: hsl(var(--gray--60-clr-decent));
    --hsl-clr-decent: var(--gray--60-clr-decent);
    --clr-strong: hsl(var(--gray--60-clr-strong));
    --hsl-clr-strong: var(--gray--60-clr-strong);
    --clr-strong-alt: hsl(var(--gray--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--60-clr-strong-alt);
    --clr-primary: hsl(var(--gray--60-clr-primary));
    --hsl-clr-primary: var(--gray--60-clr-primary);
    --clr-good: hsl(var(--gray--60-clr-good));
    --hsl-clr-good: var(--gray--60-clr-good);
    --clr-bad: hsl(var(--gray--60-clr-bad));
    --hsl-clr-bad: var(--gray--60-clr-bad);
    --sep: hsl(var(--gray--60-sep));
    --hsl-sep: var(--gray--60-sep);
    --sep-alt: hsl(var(--gray--60-sep-alt));
    --hsl-sep-alt: var(--gray--60-sep-alt);
    color: Hsl(var(--hsl-clr-strong-alt, var(--hsl-clr-strong-alt)))
}

[dir] .ui-nav-link--theme-gray--60[data-v-41493194] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

[dir=ltr] .ui-nav-link--theme-gray--60 .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left-color: Hsl(var(--primary--40-bg))
}

[dir=rtl] .ui-nav-link--theme-gray--60 .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right-color: Hsl(var(--primary--40-bg))
}

.ui-nav-link--theme-gray--60 .ui-nav-link-caption__count[data-v-41493194] {
    color: Hsl(var(--hsl-clr-decent, var(--hsl-clr-decent)))
}

.ui-nav-link--theme-gray--60[data-v-41493194] .ui-nav-link__content--interactive:hover {
    --bg: hsla(var(--primary-15-bg), 1);
    --hsl-bg: var(--primary-15-bg);
    --clr: hsl(var(--primary-15-clr));
    --hsl-clr: var(--primary-15-clr);
    --clr-accent: hsl(var(--primary-15-clr-accent));
    --hsl-clr-accent: var(--primary-15-clr-accent);
    --clr-decent: hsl(var(--primary-15-clr-decent));
    --hsl-clr-decent: var(--primary-15-clr-decent);
    --clr-strong: hsl(var(--primary-15-clr-strong));
    --hsl-clr-strong: var(--primary-15-clr-strong);
    --clr-strong-alt: hsl(var(--primary-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-15-clr-strong-alt);
    --clr-primary: hsl(var(--primary-15-clr-primary));
    --hsl-clr-primary: var(--primary-15-clr-primary);
    --clr-good: hsl(var(--primary-15-clr-good));
    --hsl-clr-good: var(--primary-15-clr-good);
    --clr-bad: hsl(var(--primary-15-clr-bad));
    --hsl-clr-bad: var(--primary-15-clr-bad);
    --sep: hsl(var(--primary-15-sep));
    --hsl-sep: var(--primary-15-sep);
    --sep-alt: hsl(var(--primary-15-sep-alt));
    --hsl-sep-alt: var(--primary-15-sep-alt)
}

[dir] .ui-nav-link--theme-gray--60[data-v-41493194] .ui-nav-link__content--interactive:hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-nav-link--theme-gray--60[data-v-41493194] .ui-nav-link-toggle:hover {
    --bg: hsla(var(--primary-15-bg), 1);
    --hsl-bg: var(--primary-15-bg);
    --clr: hsl(var(--primary-15-clr));
    --hsl-clr: var(--primary-15-clr);
    --clr-accent: hsl(var(--primary-15-clr-accent));
    --hsl-clr-accent: var(--primary-15-clr-accent);
    --clr-decent: hsl(var(--primary-15-clr-decent));
    --hsl-clr-decent: var(--primary-15-clr-decent);
    --clr-strong: hsl(var(--primary-15-clr-strong));
    --hsl-clr-strong: var(--primary-15-clr-strong);
    --clr-strong-alt: hsl(var(--primary-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-15-clr-strong-alt);
    --clr-primary: hsl(var(--primary-15-clr-primary));
    --hsl-clr-primary: var(--primary-15-clr-primary);
    --clr-good: hsl(var(--primary-15-clr-good));
    --hsl-clr-good: var(--primary-15-clr-good);
    --clr-bad: hsl(var(--primary-15-clr-bad));
    --hsl-clr-bad: var(--primary-15-clr-bad);
    --sep: hsl(var(--primary-15-sep));
    --hsl-sep: var(--primary-15-sep);
    --sep-alt: hsl(var(--primary-15-sep-alt));
    --hsl-sep-alt: var(--primary-15-sep-alt)
}

[dir] .ui-nav-link--theme-gray--60[data-v-41493194] .ui-nav-link-toggle:hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-nav-link--theme-gray--60.ui-nav-link--is-toggled[data-v-41493194] {
    --bg: hsla(var(--primary-15-bg), 1);
    --hsl-bg: var(--primary-15-bg);
    --clr: hsl(var(--primary-15-clr));
    --hsl-clr: var(--primary-15-clr);
    --clr-accent: hsl(var(--primary-15-clr-accent));
    --hsl-clr-accent: var(--primary-15-clr-accent);
    --clr-decent: hsl(var(--primary-15-clr-decent));
    --hsl-clr-decent: var(--primary-15-clr-decent);
    --clr-strong: hsl(var(--primary-15-clr-strong));
    --hsl-clr-strong: var(--primary-15-clr-strong);
    --clr-strong-alt: hsl(var(--primary-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-15-clr-strong-alt);
    --clr-primary: hsl(var(--primary-15-clr-primary));
    --hsl-clr-primary: var(--primary-15-clr-primary);
    --clr-good: hsl(var(--primary-15-clr-good));
    --hsl-clr-good: var(--primary-15-clr-good);
    --clr-bad: hsl(var(--primary-15-clr-bad));
    --hsl-clr-bad: var(--primary-15-clr-bad);
    --sep: hsl(var(--primary-15-sep));
    --hsl-sep: var(--primary-15-sep);
    --sep-alt: hsl(var(--primary-15-sep-alt));
    --hsl-sep-alt: var(--primary-15-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray--60.ui-nav-link--is-toggled[data-v-41493194] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-nav-link--theme-gray--60.ui-nav-link--is-toggled[data-v-41493194] .ui-nav-link__content--interactive:hover {
    --bg: hsla(var(--gray--60-bg), 1);
    --hsl-bg: var(--gray--60-bg);
    --clr: hsl(var(--gray--60-clr));
    --hsl-clr: var(--gray--60-clr);
    --clr-accent: hsl(var(--gray--60-clr-accent));
    --hsl-clr-accent: var(--gray--60-clr-accent);
    --clr-decent: hsl(var(--gray--60-clr-decent));
    --hsl-clr-decent: var(--gray--60-clr-decent);
    --clr-strong: hsl(var(--gray--60-clr-strong));
    --hsl-clr-strong: var(--gray--60-clr-strong);
    --clr-strong-alt: hsl(var(--gray--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--60-clr-strong-alt);
    --clr-primary: hsl(var(--gray--60-clr-primary));
    --hsl-clr-primary: var(--gray--60-clr-primary);
    --clr-good: hsl(var(--gray--60-clr-good));
    --hsl-clr-good: var(--gray--60-clr-good);
    --clr-bad: hsl(var(--gray--60-clr-bad));
    --hsl-clr-bad: var(--gray--60-clr-bad);
    --sep: hsl(var(--gray--60-sep));
    --hsl-sep: var(--gray--60-sep);
    --sep-alt: hsl(var(--gray--60-sep-alt));
    --hsl-sep-alt: var(--gray--60-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray--60.ui-nav-link--is-toggled[data-v-41493194] .ui-nav-link__content--interactive:hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir=ltr] .ui-nav-link--theme-gray--60.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left-color: Hsl(var(--primary--40-bg, var(--hsl-sep)))
}

[dir=rtl] .ui-nav-link--theme-gray--60.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right-color: Hsl(var(--primary--40-bg, var(--hsl-sep)))
}

.ui-nav-link--theme-gray--60.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle--is-toggled:hover, .ui-nav-link--theme-gray--60.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle:hover {
    --bg: hsla(var(--gray--60-bg), 1);
    --hsl-bg: var(--gray--60-bg);
    --clr: hsl(var(--gray--60-clr));
    --hsl-clr: var(--gray--60-clr);
    --clr-accent: hsl(var(--gray--60-clr-accent));
    --hsl-clr-accent: var(--gray--60-clr-accent);
    --clr-decent: hsl(var(--gray--60-clr-decent));
    --hsl-clr-decent: var(--gray--60-clr-decent);
    --clr-strong: hsl(var(--gray--60-clr-strong));
    --hsl-clr-strong: var(--gray--60-clr-strong);
    --clr-strong-alt: hsl(var(--gray--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--60-clr-strong-alt);
    --clr-primary: hsl(var(--gray--60-clr-primary));
    --hsl-clr-primary: var(--gray--60-clr-primary);
    --clr-good: hsl(var(--gray--60-clr-good));
    --hsl-clr-good: var(--gray--60-clr-good);
    --clr-bad: hsl(var(--gray--60-clr-bad));
    --hsl-clr-bad: var(--gray--60-clr-bad);
    --sep: hsl(var(--gray--60-sep));
    --hsl-sep: var(--gray--60-sep);
    --sep-alt: hsl(var(--gray--60-sep-alt));
    --hsl-sep-alt: var(--gray--60-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray--60.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle--is-toggled:hover, [dir] .ui-nav-link--theme-gray--60.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle:hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-nav-link--theme-gray--70[data-v-41493194] {
    --bg: hsla(var(--gray--70-bg), 1);
    --hsl-bg: var(--gray--70-bg);
    --clr: hsl(var(--gray--70-clr));
    --hsl-clr: var(--gray--70-clr);
    --clr-accent: hsl(var(--gray--70-clr-accent));
    --hsl-clr-accent: var(--gray--70-clr-accent);
    --clr-decent: hsl(var(--gray--70-clr-decent));
    --hsl-clr-decent: var(--gray--70-clr-decent);
    --clr-strong: hsl(var(--gray--70-clr-strong));
    --hsl-clr-strong: var(--gray--70-clr-strong);
    --clr-strong-alt: hsl(var(--gray--70-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--70-clr-strong-alt);
    --clr-primary: hsl(var(--gray--70-clr-primary));
    --hsl-clr-primary: var(--gray--70-clr-primary);
    --clr-good: hsl(var(--gray--70-clr-good));
    --hsl-clr-good: var(--gray--70-clr-good);
    --clr-bad: hsl(var(--gray--70-clr-bad));
    --hsl-clr-bad: var(--gray--70-clr-bad);
    --sep: hsl(var(--gray--70-sep));
    --hsl-sep: var(--gray--70-sep);
    --sep-alt: hsl(var(--gray--70-sep-alt));
    --hsl-sep-alt: var(--gray--70-sep-alt);
    color: Hsl(var(--hsl-clr-strong-alt, var(--hsl-clr-strong-alt)))
}

[dir] .ui-nav-link--theme-gray--70[data-v-41493194] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

[dir=ltr] .ui-nav-link--theme-gray--70 .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left-color: Hsl(var(--primary--40-bg))
}

[dir=rtl] .ui-nav-link--theme-gray--70 .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right-color: Hsl(var(--primary--40-bg))
}

.ui-nav-link--theme-gray--70 .ui-nav-link-caption__count[data-v-41493194] {
    color: Hsl(var(--hsl-clr-decent, var(--hsl-clr-decent)))
}

.ui-nav-link--theme-gray--70[data-v-41493194] .ui-nav-link__content--interactive:hover {
    --bg: hsla(var(--gray--60-bg), 1);
    --hsl-bg: var(--gray--60-bg);
    --clr: hsl(var(--gray--60-clr));
    --hsl-clr: var(--gray--60-clr);
    --clr-accent: hsl(var(--gray--60-clr-accent));
    --hsl-clr-accent: var(--gray--60-clr-accent);
    --clr-decent: hsl(var(--gray--60-clr-decent));
    --hsl-clr-decent: var(--gray--60-clr-decent);
    --clr-strong: hsl(var(--gray--60-clr-strong));
    --hsl-clr-strong: var(--gray--60-clr-strong);
    --clr-strong-alt: hsl(var(--gray--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--60-clr-strong-alt);
    --clr-primary: hsl(var(--gray--60-clr-primary));
    --hsl-clr-primary: var(--gray--60-clr-primary);
    --clr-good: hsl(var(--gray--60-clr-good));
    --hsl-clr-good: var(--gray--60-clr-good);
    --clr-bad: hsl(var(--gray--60-clr-bad));
    --hsl-clr-bad: var(--gray--60-clr-bad);
    --sep: hsl(var(--gray--60-sep));
    --hsl-sep: var(--gray--60-sep);
    --sep-alt: hsl(var(--gray--60-sep-alt));
    --hsl-sep-alt: var(--gray--60-sep-alt)
}

[dir] .ui-nav-link--theme-gray--70[data-v-41493194] .ui-nav-link__content--interactive:hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-nav-link--theme-gray--70[data-v-41493194] .ui-nav-link-toggle:hover {
    --bg: hsla(var(--gray--60-bg), 1);
    --hsl-bg: var(--gray--60-bg);
    --clr: hsl(var(--gray--60-clr));
    --hsl-clr: var(--gray--60-clr);
    --clr-accent: hsl(var(--gray--60-clr-accent));
    --hsl-clr-accent: var(--gray--60-clr-accent);
    --clr-decent: hsl(var(--gray--60-clr-decent));
    --hsl-clr-decent: var(--gray--60-clr-decent);
    --clr-strong: hsl(var(--gray--60-clr-strong));
    --hsl-clr-strong: var(--gray--60-clr-strong);
    --clr-strong-alt: hsl(var(--gray--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--60-clr-strong-alt);
    --clr-primary: hsl(var(--gray--60-clr-primary));
    --hsl-clr-primary: var(--gray--60-clr-primary);
    --clr-good: hsl(var(--gray--60-clr-good));
    --hsl-clr-good: var(--gray--60-clr-good);
    --clr-bad: hsl(var(--gray--60-clr-bad));
    --hsl-clr-bad: var(--gray--60-clr-bad);
    --sep: hsl(var(--gray--60-sep));
    --hsl-sep: var(--gray--60-sep);
    --sep-alt: hsl(var(--gray--60-sep-alt));
    --hsl-sep-alt: var(--gray--60-sep-alt)
}

[dir] .ui-nav-link--theme-gray--70[data-v-41493194] .ui-nav-link-toggle:hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-nav-link--theme-gray--70.ui-nav-link--is-toggled[data-v-41493194] {
    --bg: hsla(var(--primary-15-bg), 1);
    --hsl-bg: var(--primary-15-bg);
    --clr: hsl(var(--primary-15-clr));
    --hsl-clr: var(--primary-15-clr);
    --clr-accent: hsl(var(--primary-15-clr-accent));
    --hsl-clr-accent: var(--primary-15-clr-accent);
    --clr-decent: hsl(var(--primary-15-clr-decent));
    --hsl-clr-decent: var(--primary-15-clr-decent);
    --clr-strong: hsl(var(--primary-15-clr-strong));
    --hsl-clr-strong: var(--primary-15-clr-strong);
    --clr-strong-alt: hsl(var(--primary-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-15-clr-strong-alt);
    --clr-primary: hsl(var(--primary-15-clr-primary));
    --hsl-clr-primary: var(--primary-15-clr-primary);
    --clr-good: hsl(var(--primary-15-clr-good));
    --hsl-clr-good: var(--primary-15-clr-good);
    --clr-bad: hsl(var(--primary-15-clr-bad));
    --hsl-clr-bad: var(--primary-15-clr-bad);
    --sep: hsl(var(--primary-15-sep));
    --hsl-sep: var(--primary-15-sep);
    --sep-alt: hsl(var(--primary-15-sep-alt));
    --hsl-sep-alt: var(--primary-15-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray--70.ui-nav-link--is-toggled[data-v-41493194] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-nav-link--theme-gray--70.ui-nav-link--is-toggled[data-v-41493194] .ui-nav-link__content--interactive:hover {
    --bg: hsla(var(--gray--70-bg), 1);
    --hsl-bg: var(--gray--70-bg);
    --clr: hsl(var(--gray--70-clr));
    --hsl-clr: var(--gray--70-clr);
    --clr-accent: hsl(var(--gray--70-clr-accent));
    --hsl-clr-accent: var(--gray--70-clr-accent);
    --clr-decent: hsl(var(--gray--70-clr-decent));
    --hsl-clr-decent: var(--gray--70-clr-decent);
    --clr-strong: hsl(var(--gray--70-clr-strong));
    --hsl-clr-strong: var(--gray--70-clr-strong);
    --clr-strong-alt: hsl(var(--gray--70-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--70-clr-strong-alt);
    --clr-primary: hsl(var(--gray--70-clr-primary));
    --hsl-clr-primary: var(--gray--70-clr-primary);
    --clr-good: hsl(var(--gray--70-clr-good));
    --hsl-clr-good: var(--gray--70-clr-good);
    --clr-bad: hsl(var(--gray--70-clr-bad));
    --hsl-clr-bad: var(--gray--70-clr-bad);
    --sep: hsl(var(--gray--70-sep));
    --hsl-sep: var(--gray--70-sep);
    --sep-alt: hsl(var(--gray--70-sep-alt));
    --hsl-sep-alt: var(--gray--70-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray--70.ui-nav-link--is-toggled[data-v-41493194] .ui-nav-link__content--interactive:hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir=ltr] .ui-nav-link--theme-gray--70.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left-color: Hsl(var(--primary--40-bg, var(--hsl-sep)))
}

[dir=rtl] .ui-nav-link--theme-gray--70.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right-color: Hsl(var(--primary--40-bg, var(--hsl-sep)))
}

.ui-nav-link--theme-gray--70.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle--is-toggled:hover, .ui-nav-link--theme-gray--70.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle:hover {
    --bg: hsla(var(--gray--70-bg), 1);
    --hsl-bg: var(--gray--70-bg);
    --clr: hsl(var(--gray--70-clr));
    --hsl-clr: var(--gray--70-clr);
    --clr-accent: hsl(var(--gray--70-clr-accent));
    --hsl-clr-accent: var(--gray--70-clr-accent);
    --clr-decent: hsl(var(--gray--70-clr-decent));
    --hsl-clr-decent: var(--gray--70-clr-decent);
    --clr-strong: hsl(var(--gray--70-clr-strong));
    --hsl-clr-strong: var(--gray--70-clr-strong);
    --clr-strong-alt: hsl(var(--gray--70-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray--70-clr-strong-alt);
    --clr-primary: hsl(var(--gray--70-clr-primary));
    --hsl-clr-primary: var(--gray--70-clr-primary);
    --clr-good: hsl(var(--gray--70-clr-good));
    --hsl-clr-good: var(--gray--70-clr-good);
    --clr-bad: hsl(var(--gray--70-clr-bad));
    --hsl-clr-bad: var(--gray--70-clr-bad);
    --sep: hsl(var(--gray--70-sep));
    --hsl-sep: var(--gray--70-sep);
    --sep-alt: hsl(var(--gray--70-sep-alt));
    --hsl-sep-alt: var(--gray--70-sep-alt);
    color: Hsla(var(--hsl-clr-strong-alt), 1)
}

[dir] .ui-nav-link--theme-gray--70.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle--is-toggled:hover, [dir] .ui-nav-link--theme-gray--70.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle:hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-nav-link--theme-primary[data-v-41493194] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsl(var(--custom-ui-nav-link-clr-theme-primary, var(--hsl-clr-strong-alt)))
}

[dir] .ui-nav-link--theme-primary[data-v-41493194] {
    background-color: Hsl(var(--custom-ui-nav-link-bg-theme-primary, var(--hsl-bg)))
}

[dir=ltr] .ui-nav-link--theme-primary .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left-color: Hsl(var(--primary--40-bg))
}

[dir=rtl] .ui-nav-link--theme-primary .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right-color: Hsl(var(--primary--40-bg))
}

.ui-nav-link--theme-primary .ui-nav-link-caption__count[data-v-41493194] {
    color: Hsl(var(--hsl-clr-strong-alt, var(--hsl-clr-decent)))
}

.ui-nav-link--theme-primary[data-v-41493194] .ui-nav-link__content--interactive:hover {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt)
}

[dir] .ui-nav-link--theme-primary[data-v-41493194] .ui-nav-link__content--interactive:hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-nav-link--theme-primary[data-v-41493194] .ui-nav-link-toggle:hover {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt)
}

[dir] .ui-nav-link--theme-primary[data-v-41493194] .ui-nav-link-toggle:hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

[dir=ltr] .ui-nav-link--theme-primary.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left-color: Hsl(var(--primary--40-bg, var(--hsl-sep)))
}

[dir=rtl] .ui-nav-link--theme-primary.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right-color: Hsl(var(--primary--40-bg, var(--hsl-sep)))
}

.ui-nav-link--theme-special-gray-100 .ui-nav-link-caption__count[data-v-41493194], .ui-nav-link--theme-special-gray-100[data-v-41493194] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-nav-link--theme-special-gray-100 .ui-nav-link-caption__count[data-v-41493194], [dir] .ui-nav-link--theme-special-gray-100[data-v-41493194] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-nav-link--theme-special-gray-100:not(.ui-nav-link--is-toggled):not(:hover):not(:active) .ui-nav-link-caption__count[data-v-41493194], .ui-nav-link--theme-special-gray-100[data-v-41493194]:not(.ui-nav-link--is-toggled):not(:hover):not(:active) {
    color: Hsl(var(--hsl-clr-strong))
}

.ui-nav-link--theme-special-gray-100:hover .ui-nav-link-caption__count[data-v-41493194], .ui-nav-link--theme-special-gray-100[data-v-41493194]:hover {
    --bg: hsla(var(--specialPrimary-0-bg), 1);
    --hsl-bg: var(--specialPrimary-0-bg);
    --clr: hsl(var(--specialPrimary-0-clr));
    --hsl-clr: var(--specialPrimary-0-clr);
    --clr-accent: hsl(var(--specialPrimary-0-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-0-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-0-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-0-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-0-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-0-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-0-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-0-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-0-clr-primary);
    --clr-good: hsl(var(--specialPrimary-0-clr-good));
    --hsl-clr-good: var(--specialPrimary-0-clr-good);
    --clr-bad: hsl(var(--specialPrimary-0-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-0-clr-bad);
    --sep: hsl(var(--specialPrimary-0-sep));
    --hsl-sep: var(--specialPrimary-0-sep);
    --sep-alt: hsl(var(--specialPrimary-0-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-0-sep-alt)
}

.ui-nav-link--theme-special-gray-100.ui-nav-link--is-toggled .ui-nav-link-caption__count[data-v-41493194], .ui-nav-link--theme-special-gray-100.ui-nav-link--is-toggled[data-v-41493194], .ui-nav-link--theme-special-gray-100:active .ui-nav-link-caption__count[data-v-41493194], .ui-nav-link--theme-special-gray-100[data-v-41493194]:active {
    --bg: hsla(var(--specialPrimary--10-bg), 1);
    --hsl-bg: var(--specialPrimary--10-bg);
    --clr: hsl(var(--specialPrimary--10-clr));
    --hsl-clr: var(--specialPrimary--10-clr);
    --clr-accent: hsl(var(--specialPrimary--10-clr-accent));
    --hsl-clr-accent: var(--specialPrimary--10-clr-accent);
    --clr-decent: hsl(var(--specialPrimary--10-clr-decent));
    --hsl-clr-decent: var(--specialPrimary--10-clr-decent);
    --clr-strong: hsl(var(--specialPrimary--10-clr-strong));
    --hsl-clr-strong: var(--specialPrimary--10-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary--10-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary--10-clr-primary));
    --hsl-clr-primary: var(--specialPrimary--10-clr-primary);
    --clr-good: hsl(var(--specialPrimary--10-clr-good));
    --hsl-clr-good: var(--specialPrimary--10-clr-good);
    --clr-bad: hsl(var(--specialPrimary--10-clr-bad));
    --hsl-clr-bad: var(--specialPrimary--10-clr-bad);
    --sep: hsl(var(--specialPrimary--10-sep));
    --hsl-sep: var(--specialPrimary--10-sep);
    --sep-alt: hsl(var(--specialPrimary--10-sep-alt));
    --hsl-sep-alt: var(--specialPrimary--10-sep-alt)
}

.ui-nav-link--theme-secondary[data-v-41493194] {
    --bg: hsla(var(--secondary-0-bg), 1);
    --hsl-bg: var(--secondary-0-bg);
    --clr: hsl(var(--secondary-0-clr));
    --hsl-clr: var(--secondary-0-clr);
    --clr-accent: hsl(var(--secondary-0-clr-accent));
    --hsl-clr-accent: var(--secondary-0-clr-accent);
    --clr-decent: hsl(var(--secondary-0-clr-decent));
    --hsl-clr-decent: var(--secondary-0-clr-decent);
    --clr-strong: hsl(var(--secondary-0-clr-strong));
    --hsl-clr-strong: var(--secondary-0-clr-strong);
    --clr-strong-alt: hsl(var(--secondary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--secondary-0-clr-strong-alt);
    --clr-primary: hsl(var(--secondary-0-clr-primary));
    --hsl-clr-primary: var(--secondary-0-clr-primary);
    --clr-good: hsl(var(--secondary-0-clr-good));
    --hsl-clr-good: var(--secondary-0-clr-good);
    --clr-bad: hsl(var(--secondary-0-clr-bad));
    --hsl-clr-bad: var(--secondary-0-clr-bad);
    --sep: hsl(var(--secondary-0-sep));
    --hsl-sep: var(--secondary-0-sep);
    --sep-alt: hsl(var(--secondary-0-sep-alt));
    --hsl-sep-alt: var(--secondary-0-sep-alt);
    color: Hsl(var(--hsl-clr, var(--hsl-clr-strong-alt)))
}

[dir] .ui-nav-link--theme-secondary[data-v-41493194] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

[dir=ltr] .ui-nav-link--theme-secondary .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left-color: Hsl(var(--hsl-sep))
}

[dir=rtl] .ui-nav-link--theme-secondary .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right-color: Hsl(var(--hsl-sep))
}

.ui-nav-link--theme-secondary .ui-nav-link-caption__count[data-v-41493194] {
    color: Hsl(var(--hsl-clr-decent, var(--hsl-clr-decent)))
}

.ui-nav-link--theme-secondary[data-v-41493194] .ui-nav-link__content--interactive:hover {
    --bg: hsla(var(--secondary--20-bg), 1);
    --hsl-bg: var(--secondary--20-bg);
    --clr: hsl(var(--secondary--20-clr));
    --hsl-clr: var(--secondary--20-clr);
    --clr-accent: hsl(var(--secondary--20-clr-accent));
    --hsl-clr-accent: var(--secondary--20-clr-accent);
    --clr-decent: hsl(var(--secondary--20-clr-decent));
    --hsl-clr-decent: var(--secondary--20-clr-decent);
    --clr-strong: hsl(var(--secondary--20-clr-strong));
    --hsl-clr-strong: var(--secondary--20-clr-strong);
    --clr-strong-alt: hsl(var(--secondary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--secondary--20-clr-strong-alt);
    --clr-primary: hsl(var(--secondary--20-clr-primary));
    --hsl-clr-primary: var(--secondary--20-clr-primary);
    --clr-good: hsl(var(--secondary--20-clr-good));
    --hsl-clr-good: var(--secondary--20-clr-good);
    --clr-bad: hsl(var(--secondary--20-clr-bad));
    --hsl-clr-bad: var(--secondary--20-clr-bad);
    --sep: hsl(var(--secondary--20-sep));
    --hsl-sep: var(--secondary--20-sep);
    --sep-alt: hsl(var(--secondary--20-sep-alt));
    --hsl-sep-alt: var(--secondary--20-sep-alt)
}

[dir] .ui-nav-link--theme-secondary[data-v-41493194] .ui-nav-link__content--interactive:hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-nav-link--theme-secondary[data-v-41493194] .ui-nav-link-toggle:hover {
    --bg: hsla(var(--secondary--20-bg), 1);
    --hsl-bg: var(--secondary--20-bg);
    --clr: hsl(var(--secondary--20-clr));
    --hsl-clr: var(--secondary--20-clr);
    --clr-accent: hsl(var(--secondary--20-clr-accent));
    --hsl-clr-accent: var(--secondary--20-clr-accent);
    --clr-decent: hsl(var(--secondary--20-clr-decent));
    --hsl-clr-decent: var(--secondary--20-clr-decent);
    --clr-strong: hsl(var(--secondary--20-clr-strong));
    --hsl-clr-strong: var(--secondary--20-clr-strong);
    --clr-strong-alt: hsl(var(--secondary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--secondary--20-clr-strong-alt);
    --clr-primary: hsl(var(--secondary--20-clr-primary));
    --hsl-clr-primary: var(--secondary--20-clr-primary);
    --clr-good: hsl(var(--secondary--20-clr-good));
    --hsl-clr-good: var(--secondary--20-clr-good);
    --clr-bad: hsl(var(--secondary--20-clr-bad));
    --hsl-clr-bad: var(--secondary--20-clr-bad);
    --sep: hsl(var(--secondary--20-sep));
    --hsl-sep: var(--secondary--20-sep);
    --sep-alt: hsl(var(--secondary--20-sep-alt));
    --hsl-sep-alt: var(--secondary--20-sep-alt)
}

[dir] .ui-nav-link--theme-secondary[data-v-41493194] .ui-nav-link-toggle:hover {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

[dir=ltr] .ui-nav-link--theme-secondary.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-left-color: Hsl(var(--hsl-sep, var(--hsl-sep)))
}

[dir=rtl] .ui-nav-link--theme-secondary.ui-nav-link--is-toggled .ui-nav-link__after[data-v-41493194] .ui-nav-link-toggle {
    border-right-color: Hsl(var(--hsl-sep, var(--hsl-sep)))
}

.ui-nav-link--size-m[data-v-41493194] {
    min-height: 2rem
}

.ui-nav-link--size-l[data-v-41493194] {
    min-height: 2.5rem
}

.ui-nav-link-toggle[data-v-94c2d87f] {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 2.0625rem
}

[dir] .ui-nav-link-toggle[data-v-94c2d87f] {
    padding: .3125rem
}

.is-keyboard-user .ui-nav-link-toggle[data-v-94c2d87f]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-nav-link-toggle__angle[data-v-94c2d87f] {
    height: 1rem;
    width: 1rem
}

[dir] .ui-nav-link-toggle__angle[data-v-94c2d87f] {
    transition: transform .2s
}

[dir=ltr] .ui-nav-link-toggle--is-toggled .ui-nav-link-toggle__angle[data-v-94c2d87f] {
    transform: rotate(180deg)
}

[dir=rtl] .ui-nav-link-toggle--is-toggled .ui-nav-link-toggle__angle[data-v-94c2d87f] {
    transform: rotate(-180deg)
}

[dir] .ui-nav-link-toggle[data-v-94c2d87f]:hover {
    border-radius: inherit
}

.ui-accordion__trigger[data-v-eba31a17] {
    width: 100%
}

[dir] .ui-accordion__trigger[data-v-eba31a17] {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

[dir] .ui-accordion__body[data-v-eba31a17] {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.ui-accordion-trigger[data-v-eba31a17] {
    align-items: center;
    display: flex;
    min-height: 2.5rem;
    min-width: 0
}

.is-keyboard-user .ui-accordion-trigger[data-v-eba31a17]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

[dir=ltr] .ui-accordion-trigger__arrow[data-v-eba31a17] {
    margin-left: auto
}

[dir=rtl] .ui-accordion-trigger__arrow[data-v-eba31a17] {
    margin-right: auto
}

.ui-accordion-trigger__angle[data-v-eba31a17] {
    flex-shrink: 0;
    min-height: 2.5rem;
    min-width: 2.5rem
}

[dir] .ui-accordion-trigger__angle[data-v-eba31a17] {
    padding-left: .625rem;
    padding-right: .625rem
}

[dir=ltr] .ui-accordion--is-opened > .ui-accordion-trigger .ui-accordion-trigger__angle[data-v-eba31a17] {
    transform: rotate(180deg)
}

[dir=rtl] .ui-accordion--is-opened > .ui-accordion-trigger .ui-accordion-trigger__angle[data-v-eba31a17] {
    transform: rotate(-180deg)
}

[dir] .ui-accordion-body__container[data-v-eba31a17] {
    padding: .3125rem
}

[dir] .ui-accordion--rounded[data-v-eba31a17] {
    border-radius: var(--ui-accordion-custom-border-radius, var(--border-radius))
}

[dir=ltr] .ui-accordion--size-l .ui-accordion__trigger[data-v-eba31a17] {
    padding-left: 1.25rem
}

[dir=rtl] .ui-accordion--size-l .ui-accordion__trigger[data-v-eba31a17] {
    padding-right: 1.25rem
}

[dir=ltr] .ui-accordion--size-m .ui-accordion__trigger[data-v-eba31a17] {
    padding-left: .9375rem
}

[dir=rtl] .ui-accordion--size-m .ui-accordion__trigger[data-v-eba31a17] {
    padding-right: .9375rem
}

[dir=ltr] .ui-accordion--size-s .ui-accordion__trigger[data-v-eba31a17] {
    padding-left: .625rem
}

[dir=rtl] .ui-accordion--size-s .ui-accordion__trigger[data-v-eba31a17] {
    padding-right: .625rem
}

.ui-accordion--theme-gray[data-v-eba31a17] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-accordion--theme-gray[data-v-eba31a17] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-accordion--theme-gray.ui-accordion--has-separator > .ui-accordion-body[data-v-eba31a17] {
    border-top: 1px solid hsla(var(--gray--40-bg), 1)
}

.ui-accordion--theme-gray-60[data-v-eba31a17] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-accordion--theme-gray-60[data-v-eba31a17] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-accordion--theme-gray-60.ui-accordion--has-separator > .ui-accordion-body[data-v-eba31a17] {
    border-top: 1px solid
}

.ui-accordion--theme-gray-100[data-v-eba31a17] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    color: Hsl(var(--hsl-clr-strong))
}

[dir] .ui-accordion--theme-gray-100[data-v-eba31a17] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-accordion--theme-gray-100 .ui-accordion-trigger__angle[data-v-eba31a17] {
    color: Hsl(var(--hsl-clr))
}

[dir] .ui-accordion--theme-gray-100.ui-accordion--has-separator > .ui-accordion-body[data-v-eba31a17] {
    border-top: 1px solid hsl(var(--hsl-sep))
}

.ui-accordion--theme-primary[data-v-eba31a17] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-accordion--theme-primary[data-v-eba31a17] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-accordion--theme-primary.ui-accordion--has-separator > .ui-accordion-body[data-v-eba31a17] {
    border-top: 1px solid hsl(var(--hsl-sep))
}

.ui-accordion--theme-primary--40[data-v-eba31a17] {
    --bg: hsla(var(--primary--40-bg), 1);
    --hsl-bg: var(--primary--40-bg);
    --clr: hsl(var(--primary--40-clr));
    --hsl-clr: var(--primary--40-clr);
    --clr-accent: hsl(var(--primary--40-clr-accent));
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --clr-decent: hsl(var(--primary--40-clr-decent));
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --clr-strong: hsl(var(--primary--40-clr-strong));
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --clr-strong-alt: hsl(var(--primary--40-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --clr-primary: hsl(var(--primary--40-clr-primary));
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --clr-good: hsl(var(--primary--40-clr-good));
    --hsl-clr-good: var(--primary--40-clr-good);
    --clr-bad: hsl(var(--primary--40-clr-bad));
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --sep: hsl(var(--primary--40-sep));
    --hsl-sep: var(--primary--40-sep);
    --sep-alt: hsl(var(--primary--40-sep-alt));
    --hsl-sep-alt: var(--primary--40-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-accordion--theme-primary--40[data-v-eba31a17] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-accordion--theme-primary--40.ui-accordion--has-separator > .ui-accordion-body[data-v-eba31a17] {
    border-top: 1px solid hsl(var(--hsl-sep))
}

.ui-accordion--theme-primary--20[data-v-eba31a17] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-accordion--theme-primary--20[data-v-eba31a17] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-accordion--theme-primary--20.ui-accordion--is-opened.ui-accordion--is-alt-toggled-color[data-v-eba31a17] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-accordion--theme-primary--20.ui-accordion--is-opened.ui-accordion--is-alt-toggled-color[data-v-eba31a17] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-accordion--theme-primary--20 .ui-accordion-trigger__angle[data-v-eba31a17] {
    color: Hsl(var(--custom-ui-accordion-arrow-clr-theme-primary--20))
}

[dir] .ui-accordion--theme-primary--20.ui-accordion--has-separator > .ui-accordion-body[data-v-eba31a17] {
    border-top: 1px solid hsl(var(--hsl-sep))
}

.ui-accordion--theme-primary--10[data-v-eba31a17] {
    --bg: hsla(var(--primary--10-bg), 1);
    --hsl-bg: var(--primary--10-bg);
    --clr: hsl(var(--primary--10-clr));
    --hsl-clr: var(--primary--10-clr);
    --clr-accent: hsl(var(--primary--10-clr-accent));
    --hsl-clr-accent: var(--primary--10-clr-accent);
    --clr-decent: hsl(var(--primary--10-clr-decent));
    --hsl-clr-decent: var(--primary--10-clr-decent);
    --clr-strong: hsl(var(--primary--10-clr-strong));
    --hsl-clr-strong: var(--primary--10-clr-strong);
    --clr-strong-alt: hsl(var(--primary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--10-clr-strong-alt);
    --clr-primary: hsl(var(--primary--10-clr-primary));
    --hsl-clr-primary: var(--primary--10-clr-primary);
    --clr-good: hsl(var(--primary--10-clr-good));
    --hsl-clr-good: var(--primary--10-clr-good);
    --clr-bad: hsl(var(--primary--10-clr-bad));
    --hsl-clr-bad: var(--primary--10-clr-bad);
    --sep: hsl(var(--primary--10-sep));
    --hsl-sep: var(--primary--10-sep);
    --sep-alt: hsl(var(--primary--10-sep-alt));
    --hsl-sep-alt: var(--primary--10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-accordion--theme-primary--10[data-v-eba31a17] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-accordion--theme-primary--10.ui-accordion--has-separator > .ui-accordion-body[data-v-eba31a17] {
    border-top: 1px solid
}

.ui-accordion--theme-tp-gray--10[data-v-eba31a17] {
    --bg: hsla(var(--thirdPartyGray--10-bg), 1);
    --hsl-bg: var(--thirdPartyGray--10-bg);
    --clr: hsl(var(--thirdPartyGray--10-clr));
    --hsl-clr: var(--thirdPartyGray--10-clr);
    --clr-accent: hsl(var(--thirdPartyGray--10-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray--10-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray--10-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray--10-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray--10-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray--10-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray--10-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray--10-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray--10-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray--10-clr-good));
    --hsl-clr-good: var(--thirdPartyGray--10-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray--10-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray--10-clr-bad);
    --sep: hsl(var(--thirdPartyGray--10-sep));
    --hsl-sep: var(--thirdPartyGray--10-sep);
    --sep-alt: hsl(var(--thirdPartyGray--10-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray--10-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-accordion--theme-tp-gray--10[data-v-eba31a17] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-accordion--theme-tp-gray--10.ui-accordion--has-separator > .ui-accordion-body[data-v-eba31a17] {
    border-top: 1px solid
}

.ui-accordion--theme-tp-gray-15[data-v-eba31a17] {
    --bg: hsla(var(--thirdPartyGray-15-bg), 1);
    --hsl-bg: var(--thirdPartyGray-15-bg);
    --clr: hsl(var(--thirdPartyGray-15-clr));
    --hsl-clr: var(--thirdPartyGray-15-clr);
    --clr-accent: hsl(var(--thirdPartyGray-15-clr-accent));
    --hsl-clr-accent: var(--thirdPartyGray-15-clr-accent);
    --clr-decent: hsl(var(--thirdPartyGray-15-clr-decent));
    --hsl-clr-decent: var(--thirdPartyGray-15-clr-decent);
    --clr-strong: hsl(var(--thirdPartyGray-15-clr-strong));
    --hsl-clr-strong: var(--thirdPartyGray-15-clr-strong);
    --clr-strong-alt: hsl(var(--thirdPartyGray-15-clr-strong-alt));
    --hsl-clr-strong-alt: var(--thirdPartyGray-15-clr-strong-alt);
    --clr-primary: hsl(var(--thirdPartyGray-15-clr-primary));
    --hsl-clr-primary: var(--thirdPartyGray-15-clr-primary);
    --clr-good: hsl(var(--thirdPartyGray-15-clr-good));
    --hsl-clr-good: var(--thirdPartyGray-15-clr-good);
    --clr-bad: hsl(var(--thirdPartyGray-15-clr-bad));
    --hsl-clr-bad: var(--thirdPartyGray-15-clr-bad);
    --sep: hsl(var(--thirdPartyGray-15-sep));
    --hsl-sep: var(--thirdPartyGray-15-sep);
    --sep-alt: hsl(var(--thirdPartyGray-15-sep-alt));
    --hsl-sep-alt: var(--thirdPartyGray-15-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-accordion--theme-tp-gray-15[data-v-eba31a17] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-accordion--theme-tp-gray-15.ui-accordion--has-separator > .ui-accordion-body[data-v-eba31a17] {
    border-top: 1px solid
}

.ui-accordion--theme-cyber--35[data-v-eba31a17] {
    --bg: hsla(var(--cyber--35-bg), 1);
    --hsl-bg: var(--cyber--35-bg);
    --clr: hsl(var(--cyber--35-clr));
    --hsl-clr: var(--cyber--35-clr);
    --clr-accent: hsl(var(--cyber--35-clr-accent));
    --hsl-clr-accent: var(--cyber--35-clr-accent);
    --clr-decent: hsl(var(--cyber--35-clr-decent));
    --hsl-clr-decent: var(--cyber--35-clr-decent);
    --clr-strong: hsl(var(--cyber--35-clr-strong));
    --hsl-clr-strong: var(--cyber--35-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--35-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--35-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--35-clr-primary));
    --hsl-clr-primary: var(--cyber--35-clr-primary);
    --clr-good: hsl(var(--cyber--35-clr-good));
    --hsl-clr-good: var(--cyber--35-clr-good);
    --clr-bad: hsl(var(--cyber--35-clr-bad));
    --hsl-clr-bad: var(--cyber--35-clr-bad);
    --sep: hsl(var(--cyber--35-sep));
    --hsl-sep: var(--cyber--35-sep);
    --sep-alt: hsl(var(--cyber--35-sep-alt));
    --hsl-sep-alt: var(--cyber--35-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-accordion--theme-cyber--35[data-v-eba31a17] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-accordion--theme-cyber--35.ui-accordion--has-separator > .ui-accordion-body[data-v-eba31a17] {
    border-top: 1px solid hsla(var(--cyber--60-bg), 1)
}

.ui-accordion--theme-cyber--60[data-v-eba31a17] {
    --bg: hsla(var(--cyber--60-bg), 1);
    --hsl-bg: var(--cyber--60-bg);
    --clr: hsl(var(--cyber--60-clr));
    --hsl-clr: var(--cyber--60-clr);
    --clr-accent: hsl(var(--cyber--60-clr-accent));
    --hsl-clr-accent: var(--cyber--60-clr-accent);
    --clr-decent: hsl(var(--cyber--60-clr-decent));
    --hsl-clr-decent: var(--cyber--60-clr-decent);
    --clr-strong: hsl(var(--cyber--60-clr-strong));
    --hsl-clr-strong: var(--cyber--60-clr-strong);
    --clr-strong-alt: hsl(var(--cyber--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--cyber--60-clr-strong-alt);
    --clr-primary: hsl(var(--cyber--60-clr-primary));
    --hsl-clr-primary: var(--cyber--60-clr-primary);
    --clr-good: hsl(var(--cyber--60-clr-good));
    --hsl-clr-good: var(--cyber--60-clr-good);
    --clr-bad: hsl(var(--cyber--60-clr-bad));
    --hsl-clr-bad: var(--cyber--60-clr-bad);
    --sep: hsl(var(--cyber--60-sep));
    --hsl-sep: var(--cyber--60-sep);
    --sep-alt: hsl(var(--cyber--60-sep-alt));
    --hsl-sep-alt: var(--cyber--60-sep-alt);
    color: Hsla(var(--hsl-clr), 1);
    color: Hsl(var(--hsl-clr-primary))
}

[dir] .ui-accordion--theme-cyber--60[data-v-eba31a17] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-accordion--theme-cyber--60.ui-accordion--has-separator > .ui-accordion-body[data-v-eba31a17] {
    border-top: 1px solid hsla(var(--cyber--35-bg), 1)
}

.ui-accordion--theme-special-primary-90[data-v-eba31a17] {
    --bg: hsla(var(--specialPrimary-90-bg), 1);
    --hsl-bg: var(--specialPrimary-90-bg);
    --clr: hsl(var(--specialPrimary-90-clr));
    --hsl-clr: var(--specialPrimary-90-clr);
    --clr-accent: hsl(var(--specialPrimary-90-clr-accent));
    --hsl-clr-accent: var(--specialPrimary-90-clr-accent);
    --clr-decent: hsl(var(--specialPrimary-90-clr-decent));
    --hsl-clr-decent: var(--specialPrimary-90-clr-decent);
    --clr-strong: hsl(var(--specialPrimary-90-clr-strong));
    --hsl-clr-strong: var(--specialPrimary-90-clr-strong);
    --clr-strong-alt: hsl(var(--specialPrimary-90-clr-strong-alt));
    --hsl-clr-strong-alt: var(--specialPrimary-90-clr-strong-alt);
    --clr-primary: hsl(var(--specialPrimary-90-clr-primary));
    --hsl-clr-primary: var(--specialPrimary-90-clr-primary);
    --clr-good: hsl(var(--specialPrimary-90-clr-good));
    --hsl-clr-good: var(--specialPrimary-90-clr-good);
    --clr-bad: hsl(var(--specialPrimary-90-clr-bad));
    --hsl-clr-bad: var(--specialPrimary-90-clr-bad);
    --sep: hsl(var(--specialPrimary-90-sep));
    --hsl-sep: var(--specialPrimary-90-sep);
    --sep-alt: hsl(var(--specialPrimary-90-sep-alt));
    --hsl-sep-alt: var(--specialPrimary-90-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-accordion--theme-special-primary-90[data-v-eba31a17] {
    background-color: Hsla(var(--hsl-bg), 1)
}

[dir] .ui-accordion--theme-special-primary-90.ui-accordion--has-separator > .ui-accordion-body[data-v-eba31a17] {
    border-top: 1px solid
}

[dir] .ui-choose-group__options[data-v-4d0659b8] {
    padding-bottom: .3125rem;
    padding-top: .3125rem
}

[dir=ltr] .ui-choose-group__selection[data-v-4d0659b8] {
    padding-left: .3125rem;
    padding-right: 1.25rem
}

[dir=rtl] .ui-choose-group__selection[data-v-4d0659b8] {
    padding-left: 1.25rem;
    padding-right: .3125rem
}

.ui-table[data-v-01d8c1a5] {
    min-width: 0;
    overflow: auto
}

[dir] .ui-table[data-v-01d8c1a5] {
    text-align: center
}

.ui-table__table[data-v-01d8c1a5] {
    min-width: 100%
}

.ui-table--head-fixed .ui-table__thead[data-v-01d8c1a5] {
    position: sticky;
    top: 0;
    z-index: 1
}

[dir] .ui-table--bordered[data-v-01d8c1a5] {
    border-radius: var(--border-radius)
}

.ui-table--is-horizontal-scrolled.ui-table--first-cell-scroll-lock[data-v-01d8c1a5] .ui-table-cell:first-child {
    position: sticky;
    z-index: 50
}

[dir] .ui-table--is-horizontal-scrolled.ui-table--first-cell-scroll-lock[data-v-01d8c1a5] .ui-table-cell:first-child {
    box-shadow: 0 .9375rem .9375rem rgba(0, 0, 0, .3)
}

[dir=ltr] .ui-table--is-horizontal-scrolled.ui-table--first-cell-scroll-lock[data-v-01d8c1a5] .ui-table-cell:first-child {
    left: 0
}

[dir=rtl] .ui-table--is-horizontal-scrolled.ui-table--first-cell-scroll-lock[data-v-01d8c1a5] .ui-table-cell:first-child {
    right: 0
}

[dir] .ui-table[data-v-01d8c1a5]:not(.ui-table--alternate) .ui-table-row:nth-child(n+2) .ui-table-cell:after {
    border-top-style: solid;
    border-top-width: 1px
}

.ui-table--theme-primary--10[data-v-01d8c1a5] {
    --bg: hsla(var(--primary--10-bg), 1);
    --hsl-bg: var(--primary--10-bg);
    --clr: hsl(var(--primary--10-clr));
    --hsl-clr: var(--primary--10-clr);
    --clr-accent: hsl(var(--primary--10-clr-accent));
    --hsl-clr-accent: var(--primary--10-clr-accent);
    --clr-decent: hsl(var(--primary--10-clr-decent));
    --hsl-clr-decent: var(--primary--10-clr-decent);
    --clr-strong: hsl(var(--primary--10-clr-strong));
    --hsl-clr-strong: var(--primary--10-clr-strong);
    --clr-strong-alt: hsl(var(--primary--10-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--10-clr-strong-alt);
    --clr-primary: hsl(var(--primary--10-clr-primary));
    --hsl-clr-primary: var(--primary--10-clr-primary);
    --clr-good: hsl(var(--primary--10-clr-good));
    --hsl-clr-good: var(--primary--10-clr-good);
    --clr-bad: hsl(var(--primary--10-clr-bad));
    --hsl-clr-bad: var(--primary--10-clr-bad);
    --sep: hsl(var(--primary--10-sep));
    --hsl-sep: var(--primary--10-sep);
    --sep-alt: hsl(var(--primary--10-sep-alt));
    --hsl-sep-alt: var(--primary--10-sep-alt);
    --sep: Hsl(var(--primary-0-bg))
}

.ui-table--theme-primary--10.ui-table--alternate .ui-table__tbody[data-v-01d8c1a5]:first-child .ui-table-row:nth-child(2n), .ui-table--theme-primary--10.ui-table--alternate .ui-table__thead + .ui-table__tbody[data-v-01d8c1a5] .ui-table-row:nth-child(odd) {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt)
}

.ui-table--theme-gray-60[data-v-01d8c1a5] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    --sep: Hsl(var(--gray-100-bg))
}

.ui-table--theme-gray-60.ui-table--alternate .ui-table__tbody[data-v-01d8c1a5]:first-child .ui-table-row:nth-child(2n), .ui-table--theme-gray-60.ui-table--alternate .ui-table__thead + .ui-table__tbody[data-v-01d8c1a5] .ui-table-row:nth-child(odd) {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt)
}

.ui-table--theme-gray-100[data-v-01d8c1a5] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    --sep: Hsl(var(--gray-30-bg))
}

.ui-table--theme-gray-100.ui-table--alternate .ui-table__tbody[data-v-01d8c1a5]:first-child .ui-table-row:nth-child(2n), .ui-table--theme-gray-100.ui-table--alternate .ui-table__thead + .ui-table__tbody[data-v-01d8c1a5] .ui-table-row:nth-child(odd) {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt)
}

.ui-table--size-s[data-v-01d8c1a5] .ui-table-cell {
    height: 1.5rem
}

[dir] .ui-table--size-s[data-v-01d8c1a5] .ui-table-cell {
    padding: .25rem .3125rem
}

[xlang=my] .ui-table--size-s[data-v-01d8c1a5] .ui-table-cell {
    height: auto
}

.ui-table--size-m[data-v-01d8c1a5] .ui-table-cell {
    height: 2rem
}

[dir] .ui-table--size-m[data-v-01d8c1a5] .ui-table-cell {
    padding: .25rem .625rem
}

[xlang=my] .ui-table--size-m[data-v-01d8c1a5] .ui-table-cell {
    height: auto
}

.ui-table--size-l[data-v-01d8c1a5] .ui-table-cell {
    height: 2.5rem
}

[dir] .ui-table--size-l[data-v-01d8c1a5] .ui-table-cell {
    padding: .25rem .625rem
}

[xlang=my] .ui-table--size-l[data-v-01d8c1a5] .ui-table-cell {
    height: auto
}

.ui-table-cell[data-v-a7d13311] {
    position: relative
}

.ui-table-cell.ui-table-cell--color-decent[data-v-a7d13311] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-table-cell.ui-table-cell--color-accent[data-v-a7d13311] {
    color: Hsl(var(--hsl-clr-accent))
}

.ui-table-cell[data-v-a7d13311]:after, .ui-table-cell[data-v-a7d13311]:before {
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0
}

[dir] .ui-table-cell[data-v-a7d13311]:after, [dir] .ui-table-cell[data-v-a7d13311]:before {
    left: 0;
    right: 0
}

[dir] .ui-table-cell[data-v-a7d13311]:before {
    background-color: Hsl(var(--hsl-bg))
}

[dir] .ui-table-cell[data-v-a7d13311]:after {
    border-color: Hsl(var(--hsl-sep))
}

.ui-table-cell__container[data-v-a7d13311] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

[dir=ltr] .ui-table-cell--align-left[data-v-a7d13311] {
    text-align: left
}

[dir=ltr] .ui-table-cell--align-right[data-v-a7d13311], [dir=rtl] .ui-table-cell--align-left[data-v-a7d13311] {
    text-align: right
}

[dir=rtl] .ui-table-cell--align-right[data-v-a7d13311] {
    text-align: left
}

[dir=ltr] .ui-table-cell--separated[data-v-a7d13311]:after {
    border-left-style: solid;
    border-left-width: 1px
}

[dir=rtl] .ui-table-cell--separated[data-v-a7d13311]:after {
    border-right-style: solid;
    border-right-width: 1px
}

.ui-table-cell[data-v-a7d13311] {
    color: Hsl(var(--hsl-clr-strong))
}

.ui-table-row--theme-gray[data-v-4ce068ac] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    --sep: Hsl(var(--gray--10-bg))
}

.ui-table-row--theme-gray-100[data-v-4ce068ac] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    --sep:
}

.ui-text-content[data-v-e8d321ac] .h1, .ui-text-content[data-v-e8d321ac] .h2, .ui-text-content[data-v-e8d321ac] .h3, .ui-text-content[data-v-e8d321ac] .h4, .ui-text-content[data-v-e8d321ac] .h5, .ui-text-content[data-v-e8d321ac] .h6, .ui-text-content[data-v-e8d321ac] h1, .ui-text-content[data-v-e8d321ac] h2, .ui-text-content[data-v-e8d321ac] h3, .ui-text-content[data-v-e8d321ac] h4, .ui-text-content[data-v-e8d321ac] h5, .ui-text-content[data-v-e8d321ac] h6 {
    color: var(--text-content-h-clr, inherit);
    font-weight: 700
}

.ui-text-content[data-v-e8d321ac] .strong, .ui-text-content[data-v-e8d321ac] strong {
    font-weight: 700
}

.ui-text-content[data-v-e8d321ac] a {
    color: Hsl(var(--hsl-clr-primary));
    text-decoration: underline
}

.ui-text-content[data-v-e8d321ac] ul > li {
    position: relative
}

[dir=ltr] .ui-text-content[data-v-e8d321ac] ul > li {
    padding-left: .625rem
}

[dir=rtl] .ui-text-content[data-v-e8d321ac] ul > li {
    padding-right: .625rem
}

.ui-text-content[data-v-e8d321ac] ul > li:before {
    content: "";
    height: .3125rem;
    position: absolute;
    width: .3125rem
}

[dir] .ui-text-content[data-v-e8d321ac] ul > li:before {
    background-color: var(--text-content-line, currentColor);
    border-radius: 50%
}

[dir=ltr] .ui-text-content[data-v-e8d321ac] ul > li:before {
    left: 0
}

[dir=rtl] .ui-text-content[data-v-e8d321ac] ul > li:before {
    right: 0
}

.ui-text-content[data-v-e8d321ac] ol > li {
    list-style: decimal inside
}

.ui-text-content[data-v-e8d321ac] .sub-rule__table-wrapper, .ui-text-content[data-v-e8d321ac] .table-wrapper {
    overflow: auto;
    width: 100%
}

[xlang=bn] .ui-text-content[data-v-e8d321ac] .sub-rule__table-wrapper *, [xlang=bn] .ui-text-content[data-v-e8d321ac] .table-wrapper *, [xlang=hi] .ui-text-content[data-v-e8d321ac] .sub-rule__table-wrapper *, [xlang=hi] .ui-text-content[data-v-e8d321ac] .table-wrapper *, [xlang=hy] .ui-text-content[data-v-e8d321ac] .sub-rule__table-wrapper *, [xlang=hy] .ui-text-content[data-v-e8d321ac] .table-wrapper *, [xlang=my] .ui-text-content[data-v-e8d321ac] .sub-rule__table-wrapper *, [xlang=my] .ui-text-content[data-v-e8d321ac] .table-wrapper *, [xlang=sd] .ui-text-content[data-v-e8d321ac] .sub-rule__table-wrapper *, [xlang=sd] .ui-text-content[data-v-e8d321ac] .table-wrapper *, [xlang=ta] .ui-text-content[data-v-e8d321ac] .sub-rule__table-wrapper *, [xlang=ta] .ui-text-content[data-v-e8d321ac] .table-wrapper * {
    word-break: normal
}

@-moz-document url-prefix() {
    .ui-text-content[data-v-e8d321ac] .sub-rule__table-wrapper, .ui-text-content[data-v-e8d321ac] .table-wrapper {
        scrollbar-color: Hsl(var(--gray-0-clr-decent));
        scrollbar-width: thin
    }
}

.ui-text-content[data-v-e8d321ac] .sub-rule__table-wrapper::-webkit-scrollbar, .ui-text-content[data-v-e8d321ac] .table-wrapper::-webkit-scrollbar {
    height: .3125rem;
    width: .3125rem
}

[dir] .ui-text-content[data-v-e8d321ac] .sub-rule__table-wrapper::-webkit-scrollbar-thumb, [dir] .ui-text-content[data-v-e8d321ac] .table-wrapper::-webkit-scrollbar-thumb {
    background-color: Hsl(var(--gray-0-clr-decent));
    border-radius: var(--border-radius)
}

[dir] .ui-text-content[data-v-e8d321ac] .sub-rule__table-wrapper::-webkit-scrollbar-track, [dir] .ui-text-content[data-v-e8d321ac] .table-wrapper::-webkit-scrollbar-track {
    background-color: Hsl(var(--gray-0-bg))
}

.ui-text-content[data-v-e8d321ac] table {
    width: 100%
}

[dir] .ui-text-content[data-v-e8d321ac] table, [dir] .ui-text-content[data-v-e8d321ac] td {
    border: 1px solid
}

[dir] .ui-text-content[data-v-e8d321ac] td {
    padding: .3125rem
}

[dir] .ui-text-content[data-v-e8d321ac] td p:last-child {
    margin-bottom: 0
}

.ui-text-content[data-v-e8d321ac] i {
    display: block
}

[dir] .ui-text-content[data-v-e8d321ac] i {
    margin-bottom: .3125rem
}

.ui-text-content[data-v-e8d321ac] pre {
    white-space: normal
}

.ui-text-content[data-v-e8d321ac] .ui-text-content__row {
    display: flex
}

.ui-text-content[data-v-e8d321ac] .ui-text-content__col {
    flex: 100% 1 1;
    min-width: 0
}

[dir=ltr] .ui-text-content[data-v-e8d321ac] .ui-text-content__col:not(:last-child) {
    margin-right: 1.25rem
}

[dir=rtl] .ui-text-content[data-v-e8d321ac] .ui-text-content__col:not(:last-child) {
    margin-left: 1.25rem
}

.ui-text-content[data-v-e8d321ac] .ui-text-content__col--1 {
    width: 8.33333%
}

.ui-text-content[data-v-e8d321ac] .ui-text-content__col--2 {
    width: 16.66667%
}

.ui-text-content[data-v-e8d321ac] .ui-text-content__col--3 {
    width: 25%
}

.ui-text-content[data-v-e8d321ac] .ui-text-content__col--4 {
    width: 33.33333%
}

.ui-text-content[data-v-e8d321ac] .ui-text-content__col--5 {
    width: 41.66667%
}

.ui-text-content[data-v-e8d321ac] .ui-text-content__col--6 {
    width: 50%
}

.ui-text-content[data-v-e8d321ac] .ui-text-content__col--7 {
    width: 58.33333%
}

.ui-text-content[data-v-e8d321ac] .ui-text-content__col--8 {
    width: 66.66667%
}

.ui-text-content[data-v-e8d321ac] .ui-text-content__col--9 {
    width: 75%
}

.ui-text-content[data-v-e8d321ac] .ui-text-content__col--10 {
    width: 83.33333%
}

.ui-text-content[data-v-e8d321ac] .ui-text-content__col--11 {
    width: 91.66667%
}

.ui-text-content[data-v-e8d321ac] .ui-text-content__col--12 {
    width: 100%
}

.ui-text-content[data-v-e8d321ac] .table {
    display: flex;
    flex-direction: row
}

[dir] .ui-text-content[data-v-e8d321ac] .table {
    margin-bottom: .3125rem;
    margin-top: .3125rem
}

.ui-text-content[data-v-e8d321ac] .table__row {
    display: flex;
    flex-direction: column
}

[dir=ltr] .ui-text-content[data-v-e8d321ac] .table__row:not(:last-child) .table__cell {
    border-right: none
}

[dir=rtl] .ui-text-content[data-v-e8d321ac] .table__row:not(:last-child) .table__cell {
    border-left: none
}

.ui-text-content[data-v-e8d321ac] .table__cell {
    align-items: center;
    display: flex;
    justify-content: center
}

[dir] .ui-text-content[data-v-e8d321ac] .table__cell {
    border: 1px solid;
    padding: .3125rem
}

[dir] .ui-text-content[data-v-e8d321ac] .table__cell:not(:last-child) {
    border-bottom: none
}

.ui-text-content--size-s[data-v-e8d321ac] {
    font-size: .75rem;
    line-height: .875rem
}

[dir] .ui-text-content--size-s[data-v-e8d321ac] .p, [dir] .ui-text-content--size-s[data-v-e8d321ac] li, [dir] .ui-text-content--size-s[data-v-e8d321ac] p {
    margin-bottom: .9375rem
}

.ui-text-content--size-s[data-v-e8d321ac] .h1, .ui-text-content--size-s[data-v-e8d321ac] h1 {
    font-size: 1.125rem;
    line-height: 1.5rem
}

[dir] .ui-text-content--size-s[data-v-e8d321ac] .h1, [dir] .ui-text-content--size-s[data-v-e8d321ac] h1 {
    margin-bottom: 1.5625rem
}

.ui-text-content--size-s[data-v-e8d321ac] .h2, .ui-text-content--size-s[data-v-e8d321ac] h2 {
    font-size: 1rem;
    line-height: 1.25rem
}

[dir] .ui-text-content--size-s[data-v-e8d321ac] .h2, [dir] .ui-text-content--size-s[data-v-e8d321ac] h2 {
    margin-bottom: 1.25rem
}

.ui-text-content--size-s[data-v-e8d321ac] .h3, .ui-text-content--size-s[data-v-e8d321ac] h3 {
    font-size: .9375rem;
    line-height: 1.125rem
}

[dir] .ui-text-content--size-s[data-v-e8d321ac] .h3, [dir] .ui-text-content--size-s[data-v-e8d321ac] h3 {
    margin-bottom: 1.25rem
}

.ui-text-content--size-s[data-v-e8d321ac] .h4, .ui-text-content--size-s[data-v-e8d321ac] h4 {
    font-size: .875rem;
    line-height: 1rem
}

[dir] .ui-text-content--size-s[data-v-e8d321ac] .h4, [dir] .ui-text-content--size-s[data-v-e8d321ac] h4 {
    margin-bottom: 1.25rem
}

.ui-text-content--size-s[data-v-e8d321ac] .h5, .ui-text-content--size-s[data-v-e8d321ac] h5 {
    font-size: .8125rem;
    line-height: .9375rem
}

[dir] .ui-text-content--size-s[data-v-e8d321ac] .h5, [dir] .ui-text-content--size-s[data-v-e8d321ac] h5 {
    margin-bottom: .9375rem
}

.ui-text-content--size-s[data-v-e8d321ac] .h6, .ui-text-content--size-s[data-v-e8d321ac] h6 {
    font-size: .75rem;
    line-height: .875rem
}

[dir] .ui-text-content--size-s[data-v-e8d321ac] .h6, [dir] .ui-text-content--size-s[data-v-e8d321ac] h6 {
    margin-bottom: .9375rem
}

.ui-text-content--size-s[data-v-e8d321ac] ul > li:before {
    height: .25rem;
    top: .35rem;
    width: .25rem
}

.ui-text-content--size-s [xlang=my] .ui-text-content--size-s[data-v-e8d321ac] ul > li:before {
    top: 1.5ex
}

.ui-text-content--size-m[data-v-e8d321ac] {
    font-size: .875rem;
    line-height: 1.25rem
}

[dir] .ui-text-content--size-m[data-v-e8d321ac] .p, [dir] .ui-text-content--size-m[data-v-e8d321ac] li, [dir] .ui-text-content--size-m[data-v-e8d321ac] p {
    margin-bottom: .875rem
}

.ui-text-content--size-m[data-v-e8d321ac] .h1, .ui-text-content--size-m[data-v-e8d321ac] h1 {
    font-size: 1.375rem;
    line-height: 1.875rem
}

[dir] .ui-text-content--size-m[data-v-e8d321ac] .h1, [dir] .ui-text-content--size-m[data-v-e8d321ac] h1 {
    margin-bottom: .3125rem
}

.ui-text-content--size-m[data-v-e8d321ac] .h2, .ui-text-content--size-m[data-v-e8d321ac] h2 {
    font-size: 1.125rem;
    line-height: 1.5rem
}

[dir] .ui-text-content--size-m[data-v-e8d321ac] .h2, [dir] .ui-text-content--size-m[data-v-e8d321ac] h2 {
    margin-bottom: .3125rem
}

.ui-text-content--size-m[data-v-e8d321ac] .h3, .ui-text-content--size-m[data-v-e8d321ac] h3 {
    font-size: 1rem;
    line-height: 1.375rem
}

[dir] .ui-text-content--size-m[data-v-e8d321ac] .h3, [dir] .ui-text-content--size-m[data-v-e8d321ac] h3 {
    margin-bottom: .3125rem
}

.ui-text-content--size-m[data-v-e8d321ac] .h4, .ui-text-content--size-m[data-v-e8d321ac] h4 {
    font-size: .875rem;
    line-height: 1.25rem
}

[dir] .ui-text-content--size-m[data-v-e8d321ac] .h4, [dir] .ui-text-content--size-m[data-v-e8d321ac] h4 {
    margin-bottom: .3125rem
}

.ui-text-content--size-m[data-v-e8d321ac] .h5, .ui-text-content--size-m[data-v-e8d321ac] h5 {
    font-size: .8125rem;
    line-height: 1.125rem
}

[dir] .ui-text-content--size-m[data-v-e8d321ac] .h5, [dir] .ui-text-content--size-m[data-v-e8d321ac] h5 {
    margin-bottom: .3125rem
}

.ui-text-content--size-m[data-v-e8d321ac] .h6, .ui-text-content--size-m[data-v-e8d321ac] h6 {
    font-size: .75rem;
    line-height: 1rem
}

[dir] .ui-text-content--size-m[data-v-e8d321ac] .h6, [dir] .ui-text-content--size-m[data-v-e8d321ac] h6 {
    margin-bottom: .3125rem
}

.ui-text-content--size-m[data-v-e8d321ac] ul > li:before {
    height: .25rem;
    top: .5rem;
    width: .25rem
}

.ui-text-content--size-m [xlang=my] .ui-text-content--size-m[data-v-e8d321ac] ul > li:before {
    top: 1.5ex
}

.ui-text-content--theme-dark[data-v-e8d321ac] {
    --bg: hsla(var(--dark-0-bg), 1);
    --hsl-bg: var(--dark-0-bg);
    --clr: hsl(var(--dark-0-clr));
    --hsl-clr: var(--dark-0-clr);
    --clr-accent: hsl(var(--dark-0-clr-accent));
    --hsl-clr-accent: var(--dark-0-clr-accent);
    --clr-decent: hsl(var(--dark-0-clr-decent));
    --hsl-clr-decent: var(--dark-0-clr-decent);
    --clr-strong: hsl(var(--dark-0-clr-strong));
    --hsl-clr-strong: var(--dark-0-clr-strong);
    --clr-strong-alt: hsl(var(--dark-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--dark-0-clr-strong-alt);
    --clr-primary: hsl(var(--dark-0-clr-primary));
    --hsl-clr-primary: var(--dark-0-clr-primary);
    --clr-good: hsl(var(--dark-0-clr-good));
    --hsl-clr-good: var(--dark-0-clr-good);
    --clr-bad: hsl(var(--dark-0-clr-bad));
    --hsl-clr-bad: var(--dark-0-clr-bad);
    --sep: hsl(var(--dark-0-sep));
    --hsl-sep: var(--dark-0-sep);
    --sep-alt: hsl(var(--dark-0-sep-alt));
    --hsl-sep-alt: var(--dark-0-sep-alt);
    --text-content-h-clr: Hsl(var(--hsl-clr));
    --text-content-line: Hsl(var(--dark-25-bg));
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-text-content--theme-dark[data-v-e8d321ac] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-text-content--theme-primary[data-v-e8d321ac] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    --text-content-h-clr: Hsl(var(--hsl-clr-strong));
    color: Hsl(var(--hsl-clr-decent))
}

.ui-text-content--theme-gray-100[data-v-e8d321ac] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    --text-content-h-clr: Hsl(var(--hsl-clr-strong));
    color: Hsl(var(--custom-ui-text-content-clr-theme-gray-100, var(--hsl-clr)))
}

[dir=ltr] .ui-dashboard[data-v-e3a62ba0] .ui-dashboard-cell:nth-child(n+2), [dir=ltr] .ui-dashboard__champs[data-v-e3a62ba0] .ui-dashboard-cell:nth-child(n+2) {
    border-left: 1px solid hsl(var(--hsl-sep))
}

[dir=rtl] .ui-dashboard[data-v-e3a62ba0] .ui-dashboard-cell:nth-child(n+2), [dir=rtl] .ui-dashboard__champs[data-v-e3a62ba0] .ui-dashboard-cell:nth-child(n+2) {
    border-right: 1px solid hsl(var(--hsl-sep))
}

[dir=ltr] .ui-dashboard[data-v-e3a62ba0] .ui-dashboard-cell:first-child, [dir=ltr] .ui-dashboard__champs[data-v-e3a62ba0] .ui-dashboard-cell:first-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

[dir=ltr] .ui-dashboard[data-v-e3a62ba0] .ui-dashboard-cell:last-child, [dir=ltr] .ui-dashboard__champs[data-v-e3a62ba0] .ui-dashboard-cell:last-child, [dir=rtl] .ui-dashboard[data-v-e3a62ba0] .ui-dashboard-cell:first-child, [dir=rtl] .ui-dashboard__champs[data-v-e3a62ba0] .ui-dashboard-cell:first-child {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit
}

[dir=rtl] .ui-dashboard[data-v-e3a62ba0] .ui-dashboard-cell:last-child, [dir=rtl] .ui-dashboard__champs[data-v-e3a62ba0] .ui-dashboard-cell:last-child {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

[dir] .ui-dashboard[data-v-e3a62ba0] > :first-child, [dir] .ui-dashboard__champs[data-v-e3a62ba0] > :first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

[dir] .ui-dashboard[data-v-e3a62ba0] > :last-child, [dir] .ui-dashboard__champs[data-v-e3a62ba0] > :last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

[dir] .ui-dashboard__champs[data-v-e3a62ba0] {
    border-bottom: 1px solid hsl(var(--hsl-sep))
}

.ui-dashboard--theme-gray-100[data-v-e3a62ba0] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dashboard--theme-gray-100[data-v-e3a62ba0] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dashboard-cell[data-v-af972bb0] {
    color: Hsl(var(--hsl-clr));
    display: flex;
    min-height: 2.5rem
}

[dir] .ui-dashboard-cell[data-v-af972bb0] {
    background-color: Hsl(var(--hsl-bg))
}

.ui-dashboard-champ[data-v-2ff138cb] {
    display: grid
}

.ui-dashboard-champ__head[data-v-2ff138cb] {
    display: contents
}

[dir] .ui-dashboard-champ__head[data-v-2ff138cb] {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.ui-dashboard-champ__games[data-v-2ff138cb] {
    display: contents
}

[dir] .ui-dashboard-champ__games[data-v-2ff138cb] {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.ui-dashboard-champ[data-v-2ff138cb] .ui-dashboard-game {
    display: contents
}

[dir] .ui-dashboard-champ[data-v-2ff138cb] .ui-dashboard-game:nth-child(n+2) .ui-dashboard-cell {
    border-top: 1px solid hsl(var(--hsl-sep))
}

[dir] .ui-dashboard-champ[data-v-2ff138cb] .ui-dashboard-game:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.ui-dashboard-champ[data-v-2ff138cb] .ui-dashboard-date {
    grid-column: 1/-1
}

.ui-dashboard-champ--theme-primary[data-v-2ff138cb] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dashboard-champ--theme-primary[data-v-2ff138cb] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dashboard-champ--theme-gray[data-v-2ff138cb] {
    --bg: hsla(var(--gray-0-bg), 1);
    --hsl-bg: var(--gray-0-bg);
    --clr: hsl(var(--gray-0-clr));
    --hsl-clr: var(--gray-0-clr);
    --clr-accent: hsl(var(--gray-0-clr-accent));
    --hsl-clr-accent: var(--gray-0-clr-accent);
    --clr-decent: hsl(var(--gray-0-clr-decent));
    --hsl-clr-decent: var(--gray-0-clr-decent);
    --clr-strong: hsl(var(--gray-0-clr-strong));
    --hsl-clr-strong: var(--gray-0-clr-strong);
    --clr-strong-alt: hsl(var(--gray-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-0-clr-strong-alt);
    --clr-primary: hsl(var(--gray-0-clr-primary));
    --hsl-clr-primary: var(--gray-0-clr-primary);
    --clr-good: hsl(var(--gray-0-clr-good));
    --hsl-clr-good: var(--gray-0-clr-good);
    --clr-bad: hsl(var(--gray-0-clr-bad));
    --hsl-clr-bad: var(--gray-0-clr-bad);
    --sep: hsl(var(--gray-0-sep));
    --hsl-sep: var(--gray-0-sep);
    --sep-alt: hsl(var(--gray-0-sep-alt));
    --hsl-sep-alt: var(--gray-0-sep-alt);
    --hsl-sep: transparent
}

.ui-dashboard-champ--theme-gray-30[data-v-2ff138cb] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt)
}

.ui-dashboard-champ--theme-secondary[data-v-2ff138cb] {
    --bg: hsla(var(--secondary-0-bg), 1);
    --hsl-bg: var(--secondary-0-bg);
    --clr: hsl(var(--secondary-0-clr));
    --hsl-clr: var(--secondary-0-clr);
    --clr-accent: hsl(var(--secondary-0-clr-accent));
    --hsl-clr-accent: var(--secondary-0-clr-accent);
    --clr-decent: hsl(var(--secondary-0-clr-decent));
    --hsl-clr-decent: var(--secondary-0-clr-decent);
    --clr-strong: hsl(var(--secondary-0-clr-strong));
    --hsl-clr-strong: var(--secondary-0-clr-strong);
    --clr-strong-alt: hsl(var(--secondary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--secondary-0-clr-strong-alt);
    --clr-primary: hsl(var(--secondary-0-clr-primary));
    --hsl-clr-primary: var(--secondary-0-clr-primary);
    --clr-good: hsl(var(--secondary-0-clr-good));
    --hsl-clr-good: var(--secondary-0-clr-good);
    --clr-bad: hsl(var(--secondary-0-clr-bad));
    --hsl-clr-bad: var(--secondary-0-clr-bad);
    --sep: hsl(var(--secondary-0-sep));
    --hsl-sep: var(--secondary-0-sep);
    --sep-alt: hsl(var(--secondary-0-sep-alt));
    --hsl-sep-alt: var(--secondary-0-sep-alt);
    --hsl-sep: transparent
}

.ui-dashboard-champ-name[data-v-0b6cbc9b] {
    align-items: center;
    display: flex
}

[dir] .ui-dashboard-champ-name[data-v-0b6cbc9b] {
    padding: .3125rem .9375rem
}

.ui-dashboard-champ-name__ico[data-v-0b6cbc9b], .ui-dashboard-champ-name__sport-ico[data-v-0b6cbc9b] {
    flex: none
}

[dir=ltr] .ui-dashboard-champ-name__ico[data-v-0b6cbc9b] {
    margin-right: .625rem
}

[dir=rtl] .ui-dashboard-champ-name__ico[data-v-0b6cbc9b] {
    margin-left: .625rem
}

[dir=ltr] .ui-dashboard-champ-name__sport-ico[data-v-0b6cbc9b] {
    margin-right: 1.25rem
}

[dir=rtl] .ui-dashboard-champ-name__sport-ico[data-v-0b6cbc9b] {
    margin-left: 1.25rem
}

.ui-dashboard-champ-name__label[data-v-0b6cbc9b] {
    align-items: center;
    display: flex;
    min-width: 0
}

.ui-dashboard-champ-name__link:hover .ui-dashboard-champ-name__caption[data-v-0b6cbc9b] {
    text-decoration: underline
}

.is-keyboard-user .ui-dashboard-champ-name__link[data-v-0b6cbc9b]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

[dir=ltr] .ui-dashboard-champ-name__marker[data-v-0b6cbc9b] {
    margin-right: .3125rem
}

[dir=rtl] .ui-dashboard-champ-name__marker[data-v-0b6cbc9b] {
    margin-left: .3125rem
}

.ui-dashboard-label[data-v-59edc01f] {
    align-items: center;
    display: flex;
    justify-content: center
}

[dir] .ui-dashboard-label[data-v-59edc01f] {
    text-align: center
}

.ui-dashboard-label__text[data-v-59edc01f] {
    font-size: .75rem;
    line-height: .875rem
}

.ui-dashboard-date[data-v-614a4b94] {
    align-items: center;
    display: flex;
    min-height: 1.5rem
}

[dir] .ui-dashboard-date[data-v-614a4b94] {
    padding: .3125rem .9375rem
}

.ui-dashboard-date--theme-gray-30[data-v-614a4b94] {
    --bg: hsla(var(--gray-30-bg), 1);
    --hsl-bg: var(--gray-30-bg);
    --clr: hsl(var(--gray-30-clr));
    --hsl-clr: var(--gray-30-clr);
    --clr-accent: hsl(var(--gray-30-clr-accent));
    --hsl-clr-accent: var(--gray-30-clr-accent);
    --clr-decent: hsl(var(--gray-30-clr-decent));
    --hsl-clr-decent: var(--gray-30-clr-decent);
    --clr-strong: hsl(var(--gray-30-clr-strong));
    --hsl-clr-strong: var(--gray-30-clr-strong);
    --clr-strong-alt: hsl(var(--gray-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-30-clr-strong-alt);
    --clr-primary: hsl(var(--gray-30-clr-primary));
    --hsl-clr-primary: var(--gray-30-clr-primary);
    --clr-good: hsl(var(--gray-30-clr-good));
    --hsl-clr-good: var(--gray-30-clr-good);
    --clr-bad: hsl(var(--gray-30-clr-bad));
    --hsl-clr-bad: var(--gray-30-clr-bad);
    --sep: hsl(var(--gray-30-sep));
    --hsl-sep: var(--gray-30-sep);
    --sep-alt: hsl(var(--gray-30-sep-alt));
    --hsl-sep-alt: var(--gray-30-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dashboard-date--theme-gray-30[data-v-614a4b94] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dashboard-date--theme-gray-60[data-v-614a4b94] {
    --bg: hsla(var(--gray-60-bg), 1);
    --hsl-bg: var(--gray-60-bg);
    --clr: hsl(var(--gray-60-clr));
    --hsl-clr: var(--gray-60-clr);
    --clr-accent: hsl(var(--gray-60-clr-accent));
    --hsl-clr-accent: var(--gray-60-clr-accent);
    --clr-decent: hsl(var(--gray-60-clr-decent));
    --hsl-clr-decent: var(--gray-60-clr-decent);
    --clr-strong: hsl(var(--gray-60-clr-strong));
    --hsl-clr-strong: var(--gray-60-clr-strong);
    --clr-strong-alt: hsl(var(--gray-60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-60-clr-strong-alt);
    --clr-primary: hsl(var(--gray-60-clr-primary));
    --hsl-clr-primary: var(--gray-60-clr-primary);
    --clr-good: hsl(var(--gray-60-clr-good));
    --hsl-clr-good: var(--gray-60-clr-good);
    --clr-bad: hsl(var(--gray-60-clr-bad));
    --hsl-clr-bad: var(--gray-60-clr-bad);
    --sep: hsl(var(--gray-60-sep));
    --hsl-sep: var(--gray-60-sep);
    --sep-alt: hsl(var(--gray-60-sep-alt));
    --hsl-sep-alt: var(--gray-60-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dashboard-date--theme-gray-60[data-v-614a4b94] {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dashboard-game--theme-gray-100[data-v-ec5cf44c] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt)
}

.ui-dashboard-game-button[data-v-1a5baaa4] {
    align-items: center;
    display: flex;
    justify-content: center
}

.ui-dashboard-game-button[data-v-1a5baaa4]:hover {
    opacity: .8
}

.is-keyboard-user .ui-dashboard-game-button[data-v-1a5baaa4]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-dashboard-game-button--is-toggled[data-v-1a5baaa4], .ui-dashboard-game-button--is-toggled[data-v-1a5baaa4]:active, .ui-dashboard-game-button--is-toggled[data-v-1a5baaa4]:hover {
    color: Hsl(var(--hsl-clr-accent))
}

.ui-dashboard-game-button[data-v-1a5baaa4] {
    min-height: .9375rem;
    min-width: .9375rem
}

[dir] .ui-dashboard-game-button[data-v-1a5baaa4] {
    padding: 3px
}

.ui-dashboard-game-button[data-v-1a5baaa4] .ico {
    font-size: .625rem
}

.ui-dashboard-markets-cell[data-v-8b6d8fe4] {
    display: flex
}

.ui-dashboard-markets-cell[data-v-8b6d8fe4] > .ui-dashboard-markets-cell-group {
    flex: none
}

[dir=ltr] .ui-dashboard-markets-cell[data-v-8b6d8fe4] > .ui-dashboard-markets-cell-group:nth-child(n+2) {
    border-left: 1px solid hsl(var(--hsl-sep))
}

[dir=rtl] .ui-dashboard-markets-cell[data-v-8b6d8fe4] > .ui-dashboard-markets-cell-group:nth-child(n+2) {
    border-right: 1px solid hsl(var(--hsl-sep))
}

.ui-dashboard-more-markets[data-v-fba6eca2] {
    align-items: center;
    color: Hsl(var(--hsl-clr-strong));
    display: flex;
    justify-content: center;
    min-height: 2rem;
    text-decoration: underline
}

[dir] .ui-dashboard-more-markets[data-v-fba6eca2] {
    padding: .625rem;
    transition: background-color .2s, color .2s
}

.ui-dashboard-more-markets--is-toggled[data-v-fba6eca2] {
    text-decoration: none
}

.is-keyboard-user .ui-dashboard-more-markets[data-v-fba6eca2]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-dashboard-more-markets__num[data-v-fba6eca2] {
    display: flex
}

.ui-dashboard-more-markets__num[data-v-fba6eca2]:before {
    content: "+"
}

.ui-dashboard-more-markets--is-toggled[data-v-fba6eca2], .ui-dashboard-more-markets[data-v-fba6eca2]:hover {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt);
    color: Hsla(var(--hsl-clr), 1)
}

[dir] .ui-dashboard-more-markets--is-toggled[data-v-fba6eca2], [dir] .ui-dashboard-more-markets[data-v-fba6eca2]:hover {
    background-color: Hsla(var(--hsl-bg), 1)
}

.ui-dashboard-markets-cell-group[data-v-73fa5101] {
    align-items: center;
    display: flex;
    justify-content: center
}

[dir] .ui-dashboard-markets-cell-group[data-v-73fa5101] {
    padding: .25rem .625rem
}

.ui-dashboard-markets-cell-group[data-v-73fa5101] > * {
    flex-shrink: 0;
    width: 3.6875rem
}

[dir=ltr] .ui-dashboard-markets-cell-group[data-v-73fa5101] > :nth-child(n+2) {
    margin-left: .625rem
}

[dir=rtl] .ui-dashboard-markets-cell-group[data-v-73fa5101] > :nth-child(n+2) {
    margin-right: .625rem
}

.ui-dashboard-markets-cell-group[data-v-73fa5101] {
    color: Hsl(var(--hsl-clr-decent))
}

[dir] .ui-dashboard-value-cell--size-l[data-v-7c60c57a] {
    padding: .3125rem .9375rem
}

[dir] .ui-dashboard-value-cell--size-m[data-v-7c60c57a] {
    padding: .3125rem .625rem
}

[dir] .ui-dashboard-value-cell--size-s[data-v-7c60c57a] {
    padding: .3125rem
}

.ui-dashboard-value-cell[data-v-7c60c57a] {
    align-items: center;
    color: Hsl(var(--hsl-clr-strong-alt));
    justify-content: center;
    min-width: 4.625rem
}

.ui-timer-default-item__separator[data-v-0e9a8300] {
    width: .625rem
}

.ui-timer-default-item__separator[data-v-0e9a8300]:after, .ui-timer-default-item__separator[data-v-0e9a8300]:before {
    content: "";
    display: block
}

.ui-timer-default-item__separator[data-v-0e9a8300], .ui-timer-default-item__wrapper[data-v-0e9a8300] {
    align-items: center;
    display: flex;
    flex-direction: column
}

.ui-timer-default-item__digits[data-v-0e9a8300] {
    display: flex;
    justify-content: center
}

.ui-timer-default-item__digit[data-v-0e9a8300] {
    overflow: hidden;
    position: relative
}

[dir] .ui-timer-default-item__digit[data-v-0e9a8300] {
    border-radius: var(--border-radius)
}

.ui-timer-default-item__digit[data-v-0e9a8300]:before {
    bottom: 0;
    opacity: .15;
    position: absolute;
    top: 0
}

[dir] .ui-timer-default-item__digit[data-v-0e9a8300]:before {
    background-color: currentColor;
    left: 0;
    right: 0
}

.ui-timer-default-item__digit + .ui-timer-default-item__digit[data-v-0e9a8300] {
    margin-left: 2px /*! rtl:ignore */
}

.ui-timer-default-item__value[data-v-0e9a8300] {
    align-items: center;
    display: flex;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

[xlang=my] .ui-timer-default-item__value[data-v-0e9a8300] {
    padding-top: .5ex /*! rtl:ignore */
}

.ui-timer-default-item__label[data-v-0e9a8300] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[dir] .ui-timer-default-item__label[data-v-0e9a8300] {
    text-align: center
}

[dir] .t-ui-timer-default-item-digit-enter-to[data-v-0e9a8300], [dir] .t-ui-timer-default-item-digit-leave-to[data-v-0e9a8300] {
    animation-duration: .5s
}

[dir] .t-ui-timer-default-item-digit-enter-to[data-v-0e9a8300] {
    animation-name: ui-timer-default-item-digit-enter-0e9a8300
}

[dir] .ui-timer-default-item__digit:first-child .t-ui-timer-default-item-digit-enter-to[data-v-0e9a8300] {
    animation-name: ui-timer-default-item-digit-enter-reverse-0e9a8300
}

[dir] .t-ui-timer-default-item-digit-leave-to[data-v-0e9a8300] {
    animation-name: ui-timer-default-item-digit-leave-0e9a8300
}

[dir] .ui-timer-default-item__digit:first-child .t-ui-timer-default-item-digit-leave-to[data-v-0e9a8300] {
    animation-name: ui-timer-default-item-digit-leave-reverse-0e9a8300
}

@keyframes ui-timer-default-item-digit-enter-0e9a8300 {
    20% {
        transform: translateY(0)
    }
    to {
        transform: translateY(-100%)
    }
}

@keyframes ui-timer-default-item-digit-leave-0e9a8300 {
    0% {
        transform: translateY(0)
    }
    20% {
        transform: translateY(.3125rem)
    }
    to {
        transform: translateY(-100%)
    }
}

@keyframes ui-timer-default-item-digit-enter-reverse-0e9a8300 {
    0%, 20% {
        transform: translateY(-200%)
    }
    to {
        transform: translateY(-100%)
    }
}

@keyframes ui-timer-default-item-digit-leave-reverse-0e9a8300 {
    0% {
        transform: translateY(0)
    }
    20% {
        transform: translateY(-.3125rem)
    }
    to {
        transform: translateY(100%)
    }
}

.ui-timer-default-item--size-l .ui-timer-default-item__separator[data-v-0e9a8300]:after, .ui-timer-default-item--size-l .ui-timer-default-item__separator[data-v-0e9a8300]:before {
    height: 3px;
    width: 3px
}

[dir] .ui-timer-default-item--size-l .ui-timer-default-item__separator[data-v-0e9a8300]:after, [dir] .ui-timer-default-item--size-l .ui-timer-default-item__separator[data-v-0e9a8300]:before {
    border-radius: 50%
}

[dir] .ui-timer-default-item--size-l .ui-timer-default-item__separator[data-v-0e9a8300]:before {
    margin-bottom: .375rem;
    margin-top: 1rem
}

.ui-timer-default-item--size-l .ui-timer-default-item__digit[data-v-0e9a8300] {
    height: 2.8125rem;
    width: 2.1875rem
}

.ui-timer-default-item--size-l .ui-timer-default-item__value[data-v-0e9a8300] {
    font-size: 2.125rem;
    line-height: 2.5rem
}

.ui-timer-default-item--size-l .ui-timer-default-item__label[data-v-0e9a8300] {
    font-size: .75rem;
    line-height: .875rem;
    max-width: 4.5rem
}

[dir] .ui-timer-default-item--size-l .ui-timer-default-item__label[data-v-0e9a8300] {
    margin-top: .625rem
}

.ui-timer-default-item--size-m .ui-timer-default-item__separator[data-v-0e9a8300]:after, .ui-timer-default-item--size-m .ui-timer-default-item__separator[data-v-0e9a8300]:before {
    height: 2px;
    width: 2px
}

[dir] .ui-timer-default-item--size-m .ui-timer-default-item__separator[data-v-0e9a8300]:before {
    margin-bottom: .375rem;
    margin-top: .5625rem
}

.ui-timer-default-item--size-m .ui-timer-default-item__digit[data-v-0e9a8300] {
    height: 1.75rem;
    width: 1.25rem
}

.ui-timer-default-item--size-m .ui-timer-default-item__value[data-v-0e9a8300] {
    font-size: 1.25rem;
    line-height: 1.5rem
}

.ui-timer-default-item--size-m .ui-timer-default-item__label[data-v-0e9a8300] {
    font-size: .6875rem;
    line-height: .8125rem;
    max-width: 2.625rem
}

[dir] .ui-timer-default-item--size-m .ui-timer-default-item__label[data-v-0e9a8300] {
    margin-top: .3125rem
}

.ui-timer-default-item--size-s .ui-timer-default-item__separator[data-v-0e9a8300]:after, .ui-timer-default-item--size-s .ui-timer-default-item__separator[data-v-0e9a8300]:before {
    height: 2px;
    width: 2px
}

[dir] .ui-timer-default-item--size-s .ui-timer-default-item__separator[data-v-0e9a8300]:before {
    margin-bottom: .25rem;
    margin-top: .375rem
}

.ui-timer-default-item--size-s .ui-timer-default-item__digit[data-v-0e9a8300] {
    height: 1.25rem;
    width: .875rem
}

.ui-timer-default-item--size-s .ui-timer-default-item__value[data-v-0e9a8300] {
    font-size: .875rem;
    line-height: 1rem
}

.ui-timer-default-item--size-s .ui-timer-default-item__label[data-v-0e9a8300] {
    font-size: .5625rem;
    line-height: .6875rem;
    max-width: 1.875rem
}

[dir] .ui-timer-default-item--size-s .ui-timer-default-item__label[data-v-0e9a8300] {
    margin-top: 3px
}

.ui-timer-default-item--theme-default[data-v-0e9a8300] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt)
}

[dir] .ui-timer-default-item--theme-default .ui-timer-default-item__separator[data-v-0e9a8300]:after, [dir] .ui-timer-default-item--theme-default .ui-timer-default-item__separator[data-v-0e9a8300]:before {
    background-color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

.ui-timer-default-item--theme-default .ui-timer-default-item__digit[data-v-0e9a8300]:before {
    content: ""
}

.ui-timer-default-item--theme-default .ui-timer-default-item__label[data-v-0e9a8300], .ui-timer-default-item--theme-default .ui-timer-default-item__value[data-v-0e9a8300] {
    color: currentColor
}

.ui-timer-default-item--theme-primary[data-v-0e9a8300] {
    --bg: hsla(var(--primary-0-bg), 1);
    --hsl-bg: var(--primary-0-bg);
    --clr: hsl(var(--primary-0-clr));
    --hsl-clr: var(--primary-0-clr);
    --clr-accent: hsl(var(--primary-0-clr-accent));
    --hsl-clr-accent: var(--primary-0-clr-accent);
    --clr-decent: hsl(var(--primary-0-clr-decent));
    --hsl-clr-decent: var(--primary-0-clr-decent);
    --clr-strong: hsl(var(--primary-0-clr-strong));
    --hsl-clr-strong: var(--primary-0-clr-strong);
    --clr-strong-alt: hsl(var(--primary-0-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-0-clr-strong-alt);
    --clr-primary: hsl(var(--primary-0-clr-primary));
    --hsl-clr-primary: var(--primary-0-clr-primary);
    --clr-good: hsl(var(--primary-0-clr-good));
    --hsl-clr-good: var(--primary-0-clr-good);
    --clr-bad: hsl(var(--primary-0-clr-bad));
    --hsl-clr-bad: var(--primary-0-clr-bad);
    --sep: hsl(var(--primary-0-sep));
    --hsl-sep: var(--primary-0-sep);
    --sep-alt: hsl(var(--primary-0-sep-alt));
    --hsl-sep-alt: var(--primary-0-sep-alt)
}

[dir] .ui-timer-default-item--theme-primary .ui-timer-default-item__separator[data-v-0e9a8300]:after, [dir] .ui-timer-default-item--theme-primary .ui-timer-default-item__separator[data-v-0e9a8300]:before {
    background-color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

[dir] .ui-timer-default-item--theme-primary .ui-timer-default-item__digit[data-v-0e9a8300] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-timer-default-item--theme-primary .ui-timer-default-item__label[data-v-0e9a8300], .ui-timer-default-item--theme-primary .ui-timer-default-item__value[data-v-0e9a8300] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

.ui-timer-default-item--theme-primary-30[data-v-0e9a8300] {
    --bg: hsla(var(--primary-30-bg), 1);
    --hsl-bg: var(--primary-30-bg);
    --clr: hsl(var(--primary-30-clr));
    --hsl-clr: var(--primary-30-clr);
    --clr-accent: hsl(var(--primary-30-clr-accent));
    --hsl-clr-accent: var(--primary-30-clr-accent);
    --clr-decent: hsl(var(--primary-30-clr-decent));
    --hsl-clr-decent: var(--primary-30-clr-decent);
    --clr-strong: hsl(var(--primary-30-clr-strong));
    --hsl-clr-strong: var(--primary-30-clr-strong);
    --clr-strong-alt: hsl(var(--primary-30-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary-30-clr-strong-alt);
    --clr-primary: hsl(var(--primary-30-clr-primary));
    --hsl-clr-primary: var(--primary-30-clr-primary);
    --clr-good: hsl(var(--primary-30-clr-good));
    --hsl-clr-good: var(--primary-30-clr-good);
    --clr-bad: hsl(var(--primary-30-clr-bad));
    --hsl-clr-bad: var(--primary-30-clr-bad);
    --sep: hsl(var(--primary-30-sep));
    --hsl-sep: var(--primary-30-sep);
    --sep-alt: hsl(var(--primary-30-sep-alt));
    --hsl-sep-alt: var(--primary-30-sep-alt)
}

[dir] .ui-timer-default-item--theme-primary-30 .ui-timer-default-item__separator[data-v-0e9a8300]:after, [dir] .ui-timer-default-item--theme-primary-30 .ui-timer-default-item__separator[data-v-0e9a8300]:before {
    background-color: Hsl(var(--hsl-bg, var(--hsl-clr)))
}

[dir] .ui-timer-default-item--theme-primary-30 .ui-timer-default-item__digit[data-v-0e9a8300] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-timer-default-item--theme-primary-30 .ui-timer-default-item__value[data-v-0e9a8300] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

.ui-timer-default-item--theme-primary-30 .ui-timer-default-item__label[data-v-0e9a8300] {
    color: Hsl(var(--primary-100-clr-strong, var(--hsl-clr)))
}

.ui-timer-default-item--theme-gray-100[data-v-0e9a8300] {
    --bg: hsla(var(--gray-100-bg), 1);
    --hsl-bg: var(--gray-100-bg);
    --clr: hsl(var(--gray-100-clr));
    --hsl-clr: var(--gray-100-clr);
    --clr-accent: hsl(var(--gray-100-clr-accent));
    --hsl-clr-accent: var(--gray-100-clr-accent);
    --clr-decent: hsl(var(--gray-100-clr-decent));
    --hsl-clr-decent: var(--gray-100-clr-decent);
    --clr-strong: hsl(var(--gray-100-clr-strong));
    --hsl-clr-strong: var(--gray-100-clr-strong);
    --clr-strong-alt: hsl(var(--gray-100-clr-strong-alt));
    --hsl-clr-strong-alt: var(--gray-100-clr-strong-alt);
    --clr-primary: hsl(var(--gray-100-clr-primary));
    --hsl-clr-primary: var(--gray-100-clr-primary);
    --clr-good: hsl(var(--gray-100-clr-good));
    --hsl-clr-good: var(--gray-100-clr-good);
    --clr-bad: hsl(var(--gray-100-clr-bad));
    --hsl-clr-bad: var(--gray-100-clr-bad);
    --sep: hsl(var(--gray-100-sep));
    --hsl-sep: var(--gray-100-sep);
    --sep-alt: hsl(var(--gray-100-sep-alt));
    --hsl-sep-alt: var(--gray-100-sep-alt)
}

[dir] .ui-timer-default-item--theme-gray-100 .ui-timer-default-item__separator[data-v-0e9a8300]:after, [dir] .ui-timer-default-item--theme-gray-100 .ui-timer-default-item__separator[data-v-0e9a8300]:before {
    background-color: Hsl(var(--hsl-clr-decent, var(--hsl-clr)))
}

[dir] .ui-timer-default-item--theme-gray-100 .ui-timer-default-item__digit[data-v-0e9a8300] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-timer-default-item--theme-gray-100 .ui-timer-default-item__label[data-v-0e9a8300], .ui-timer-default-item--theme-gray-100 .ui-timer-default-item__value[data-v-0e9a8300] {
    color: Hsl(var(--hsl-clr-decent, var(--hsl-clr)))
}

.ui-timer-default[data-v-d513148b] {
    display: inline-flex
}

.ui-timer-default__container[data-v-d513148b], .ui-timer-default__item[data-v-d513148b] {
    display: flex
}

.ui-timer-default__item--is-days[data-v-d513148b] {
    margin-right: .625rem
}

.ui-timer-default[data-v-d513148b] {
    direction: ltr;
    unicode-bidi: embed
}

.ui-timer-alt-item__separator--text[data-v-9b55d87b]:after, .ui-timer-alt-item__separator--text[data-v-9b55d87b]:before {
    display: none
}

.ui-timer-alt-item__separator[data-v-9b55d87b]:after, .ui-timer-alt-item__separator[data-v-9b55d87b]:before {
    content: "";
    display: block
}

[dir] .ui-timer-alt-item__separator[data-v-9b55d87b]:after, [dir] .ui-timer-alt-item__separator[data-v-9b55d87b]:before {
    border-radius: 50%
}

.ui-timer-alt-item__separator[data-v-9b55d87b], .ui-timer-alt-item__wrapper[data-v-9b55d87b] {
    align-items: center;
    display: flex;
    flex-direction: column
}

.ui-timer-alt-item__digit[data-v-9b55d87b] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative
}

[dir] .ui-timer-alt-item__digit[data-v-9b55d87b] {
    border-radius: .5rem;
    padding: .625rem
}

.ui-timer-alt-item__value[data-v-9b55d87b] {
    font-weight: 700;
    position: relative
}

.ui-timer-alt-item__label[data-v-9b55d87b] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[dir] .ui-timer-alt-item__label[data-v-9b55d87b] {
    text-align: center
}

[dir] .t-ui-timer-alt-item-digit-enter-to[data-v-9b55d87b], [dir] .t-ui-timer-alt-item-digit-leave-to[data-v-9b55d87b] {
    animation-duration: .5s
}

[dir] .t-ui-timer-alt-item-digit-enter-to[data-v-9b55d87b] {
    animation-name: ui-timer-alt-item-digit-enter-9b55d87b
}

[dir] .ui-timer-alt-item__digit:first-child .t-ui-timer-alt-item-digit-enter-to[data-v-9b55d87b] {
    animation-name: ui-timer-alt-item-digit-enter-reverse-9b55d87b
}

[dir] .t-ui-timer-alt-item-digit-leave-to[data-v-9b55d87b] {
    animation-name: ui-timer-alt-item-digit-leave-9b55d87b
}

[dir] .ui-timer-alt-item__digit:first-child .t-ui-timer-alt-item-digit-leave-to[data-v-9b55d87b] {
    animation-name: ui-timer-alt-item-digit-leave-reverse-9b55d87b
}

@keyframes ui-timer-alt-item-digit-enter-9b55d87b {
    20% {
        transform: translateY(0)
    }
    to {
        transform: translateY(-100%)
    }
}

@keyframes ui-timer-alt-item-digit-leave-9b55d87b {
    0% {
        transform: translateY(0)
    }
    20% {
        transform: translateY(.3125rem)
    }
    to {
        transform: translateY(-100%)
    }
}

@keyframes ui-timer-alt-item-digit-enter-reverse-9b55d87b {
    0%, 20% {
        transform: translateY(-200%)
    }
    to {
        transform: translateY(-100%)
    }
}

@keyframes ui-timer-alt-item-digit-leave-reverse-9b55d87b {
    0% {
        transform: translateY(0)
    }
    20% {
        transform: translateY(-.3125rem)
    }
    to {
        transform: translateY(100%)
    }
}

.ui-timer-alt-item--size-m .ui-timer-alt-item__separator[data-v-9b55d87b] {
    width: 1.25rem
}

.ui-timer-alt-item--size-m .ui-timer-alt-item__separator[data-v-9b55d87b]:after, .ui-timer-alt-item--size-m .ui-timer-alt-item__separator[data-v-9b55d87b]:before {
    height: .25rem;
    width: .25rem
}

[dir] .ui-timer-alt-item--size-m .ui-timer-alt-item__separator[data-v-9b55d87b]:before {
    margin-bottom: .5rem;
    margin-top: 1rem
}

.ui-timer-alt-item--size-m .ui-timer-alt-item__digit[data-v-9b55d87b] {
    height: 3rem;
    min-width: 3.5rem
}

.ui-timer-alt-item--size-m .ui-timer-alt-item__value[data-v-9b55d87b] {
    font-size: 1.25rem;
    line-height: 1.5rem
}

.ui-timer-alt-item--size-m .ui-timer-alt-item__label[data-v-9b55d87b] {
    font-size: .75rem;
    line-height: 1rem;
    max-width: 7.125rem
}

[dir] .ui-timer-alt-item--size-m .ui-timer-alt-item__label[data-v-9b55d87b] {
    margin-top: .3125rem
}

.ui-timer-alt-item--size-s .ui-timer-alt-item__separator[data-v-9b55d87b] {
    width: .625rem
}

.ui-timer-alt-item--size-s .ui-timer-alt-item__separator[data-v-9b55d87b]:after, .ui-timer-alt-item--size-s .ui-timer-alt-item__separator[data-v-9b55d87b]:before {
    height: 2px;
    width: 2px
}

[dir] .ui-timer-alt-item--size-s .ui-timer-alt-item__separator[data-v-9b55d87b]:before {
    margin-bottom: .5rem;
    margin-top: .6875rem
}

.ui-timer-alt-item--size-s .ui-timer-alt-item__digit[data-v-9b55d87b] {
    height: 2.25rem;
    min-width: 2.125rem
}

.ui-timer-alt-item--size-s .ui-timer-alt-item__value[data-v-9b55d87b] {
    font-size: 1rem;
    line-height: 1.25rem
}

.ui-timer-alt-item--size-s .ui-timer-alt-item__label[data-v-9b55d87b] {
    font-size: .75rem;
    line-height: 1rem;
    max-width: 4.375rem
}

[dir] .ui-timer-alt-item--size-s .ui-timer-alt-item__label[data-v-9b55d87b] {
    margin-top: .25rem
}

.ui-timer-alt-item--size-xs .ui-timer-alt-item__separator[data-v-9b55d87b] {
    width: .625rem
}

.ui-timer-alt-item--size-xs .ui-timer-alt-item__separator[data-v-9b55d87b]:after, .ui-timer-alt-item--size-xs .ui-timer-alt-item__separator[data-v-9b55d87b]:before {
    height: 2px;
    width: 2px
}

[dir] .ui-timer-alt-item--size-xs .ui-timer-alt-item__separator[data-v-9b55d87b]:before {
    margin-bottom: .5rem;
    margin-top: .6875rem
}

.ui-timer-alt-item--size-xs .ui-timer-alt-item__digit[data-v-9b55d87b] {
    height: 2.125rem;
    min-width: 2.0625rem
}

.ui-timer-alt-item--size-xs .ui-timer-alt-item__value[data-v-9b55d87b] {
    font-size: .875rem;
    line-height: 1.125rem
}

.ui-timer-alt-item--size-xs .ui-timer-alt-item__label[data-v-9b55d87b] {
    font-size: .75rem;
    line-height: 1rem;
    max-width: 4.25rem
}

[dir] .ui-timer-alt-item--size-xs .ui-timer-alt-item__label[data-v-9b55d87b] {
    margin-top: .25rem
}

.ui-timer-alt-item--theme-primary--20[data-v-9b55d87b] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt)
}

.ui-timer-alt-item--theme-primary--20.ui-timer-alt-item--disabled .ui-timer-alt-item__label[data-v-9b55d87b], .ui-timer-alt-item--theme-primary--20.ui-timer-alt-item--disabled .ui-timer-alt-item__value[data-v-9b55d87b] {
    color: Hsl(var(--hsl-clr-decent, var(--hsl-clr-decent)))
}

[dir] .ui-timer-alt-item--theme-primary--20 .ui-timer-alt-item__separator[data-v-9b55d87b]:after, [dir] .ui-timer-alt-item--theme-primary--20 .ui-timer-alt-item__separator[data-v-9b55d87b]:before {
    background-color: Hsl(var(--hsl-clr-decent, var(--hsl-clr)))
}

[dir] .ui-timer-alt-item--theme-primary--20 .ui-timer-alt-item__digit[data-v-9b55d87b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-timer-alt-item--theme-primary--20 .ui-timer-alt-item__label[data-v-9b55d87b], .ui-timer-alt-item--theme-primary--20 .ui-timer-alt-item__value[data-v-9b55d87b] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

.ui-timer-alt-item--theme-primary--55[data-v-9b55d87b] {
    --bg: hsla(var(--primary--55-bg), 1);
    --hsl-bg: var(--primary--55-bg);
    --clr: hsl(var(--primary--55-clr));
    --hsl-clr: var(--primary--55-clr);
    --clr-accent: hsl(var(--primary--55-clr-accent));
    --hsl-clr-accent: var(--primary--55-clr-accent);
    --clr-decent: hsl(var(--primary--55-clr-decent));
    --hsl-clr-decent: var(--primary--55-clr-decent);
    --clr-strong: hsl(var(--primary--55-clr-strong));
    --hsl-clr-strong: var(--primary--55-clr-strong);
    --clr-strong-alt: hsl(var(--primary--55-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--55-clr-strong-alt);
    --clr-primary: hsl(var(--primary--55-clr-primary));
    --hsl-clr-primary: var(--primary--55-clr-primary);
    --clr-good: hsl(var(--primary--55-clr-good));
    --hsl-clr-good: var(--primary--55-clr-good);
    --clr-bad: hsl(var(--primary--55-clr-bad));
    --hsl-clr-bad: var(--primary--55-clr-bad);
    --sep: hsl(var(--primary--55-sep));
    --hsl-sep: var(--primary--55-sep);
    --sep-alt: hsl(var(--primary--55-sep-alt));
    --hsl-sep-alt: var(--primary--55-sep-alt)
}

.ui-timer-alt-item--theme-primary--55.ui-timer-alt-item--disabled .ui-timer-alt-item__label[data-v-9b55d87b], .ui-timer-alt-item--theme-primary--55.ui-timer-alt-item--disabled .ui-timer-alt-item__value[data-v-9b55d87b] {
    color: Hsl(var(--hsl-clr-decent, var(--hsl-clr-decent)))
}

[dir] .ui-timer-alt-item--theme-primary--55 .ui-timer-alt-item__separator[data-v-9b55d87b]:after, [dir] .ui-timer-alt-item--theme-primary--55 .ui-timer-alt-item__separator[data-v-9b55d87b]:before {
    background-color: Hsl(var(--hsl-clr-decent, var(--hsl-clr)))
}

[dir] .ui-timer-alt-item--theme-primary--55 .ui-timer-alt-item__digit[data-v-9b55d87b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-timer-alt-item--theme-primary--55 .ui-timer-alt-item__label[data-v-9b55d87b], .ui-timer-alt-item--theme-primary--55 .ui-timer-alt-item__value[data-v-9b55d87b] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

.ui-timer-alt-item--theme-primary--60[data-v-9b55d87b] {
    --bg: hsla(var(--primary--60-bg), 1);
    --hsl-bg: var(--primary--60-bg);
    --clr: hsl(var(--primary--60-clr));
    --hsl-clr: var(--primary--60-clr);
    --clr-accent: hsl(var(--primary--60-clr-accent));
    --hsl-clr-accent: var(--primary--60-clr-accent);
    --clr-decent: hsl(var(--primary--60-clr-decent));
    --hsl-clr-decent: var(--primary--60-clr-decent);
    --clr-strong: hsl(var(--primary--60-clr-strong));
    --hsl-clr-strong: var(--primary--60-clr-strong);
    --clr-strong-alt: hsl(var(--primary--60-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--60-clr-strong-alt);
    --clr-primary: hsl(var(--primary--60-clr-primary));
    --hsl-clr-primary: var(--primary--60-clr-primary);
    --clr-good: hsl(var(--primary--60-clr-good));
    --hsl-clr-good: var(--primary--60-clr-good);
    --clr-bad: hsl(var(--primary--60-clr-bad));
    --hsl-clr-bad: var(--primary--60-clr-bad);
    --sep: hsl(var(--primary--60-sep));
    --hsl-sep: var(--primary--60-sep);
    --sep-alt: hsl(var(--primary--60-sep-alt));
    --hsl-sep-alt: var(--primary--60-sep-alt)
}

.ui-timer-alt-item--theme-primary--60.ui-timer-alt-item--disabled .ui-timer-alt-item__label[data-v-9b55d87b], .ui-timer-alt-item--theme-primary--60.ui-timer-alt-item--disabled .ui-timer-alt-item__value[data-v-9b55d87b] {
    color: Hsl(var(--hsl-clr-decent, var(--hsl-clr-decent)))
}

[dir] .ui-timer-alt-item--theme-primary--60 .ui-timer-alt-item__separator[data-v-9b55d87b]:after, [dir] .ui-timer-alt-item--theme-primary--60 .ui-timer-alt-item__separator[data-v-9b55d87b]:before {
    background-color: Hsl(var(--hsl-clr-decent, var(--hsl-clr)))
}

[dir] .ui-timer-alt-item--theme-primary--60 .ui-timer-alt-item__digit[data-v-9b55d87b] {
    background-color: Hsl(var(--hsl-bg, var(--hsl-bg)))
}

.ui-timer-alt-item--theme-primary--60 .ui-timer-alt-item__label[data-v-9b55d87b], .ui-timer-alt-item--theme-primary--60 .ui-timer-alt-item__value[data-v-9b55d87b] {
    color: Hsl(var(--hsl-clr, var(--hsl-clr)))
}

.ui-timer-alt[data-v-46d734fb] {
    display: inline-flex
}

.ui-timer-alt--data-day-label .ui-timer-alt__item--is-days[data-v-46d734fb]:after {
    align-items: center;
    color: Hsl(var(--hsl-clr));
    content: attr(data-label);
    display: flex;
    justify-content: center;
    width: fit-content
}

[dir=ltr] .ui-timer-alt--data-day-label .ui-timer-alt__item--is-days[data-v-46d734fb]:after {
    padding-left: 2px;
    padding-right: .25rem
}

[dir=rtl] .ui-timer-alt--data-day-label .ui-timer-alt__item--is-days[data-v-46d734fb]:after {
    padding-left: .25rem;
    padding-right: 2px
}

.ui-timer-alt--data-day-label.ui-timer-alt--size-m .ui-timer-alt__item--is-days[data-v-46d734fb]:after {
    font-size: 1rem;
    line-height: 1.125rem
}

.ui-timer-alt--data-day-label.ui-timer-alt--size-s .ui-timer-alt__item--is-days[data-v-46d734fb]:after {
    font-size: .75rem;
    line-height: .875rem
}

.ui-timer-alt__container[data-v-46d734fb], .ui-timer-alt__item[data-v-46d734fb] {
    display: flex
}

.ui-timer-alt[data-v-46d734fb] {
    direction: ltr;
    unicode-bidi: embed
}

.ui-showcase-bar[data-v-f71fbebb] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    align-items: center;
    color: Hsla(var(--hsl-clr), 1);
    column-gap: 1.5625rem;
    display: flex;
    justify-content: space-between;
    min-height: 3.5rem
}

[dir] .ui-showcase-bar[data-v-f71fbebb] {
    background-color: Hsla(var(--hsl-bg), 1);
    border-radius: calc(var(--border-radius) * 1.5);
    padding-left: .9375rem;
    padding-right: .9375rem
}

.ui-showcase-bar__title[data-v-f71fbebb] {
    flex-shrink: 0;
    font-size: 1.25rem;
    line-height: 1.375rem
}

.ui-showcase-bar__content[data-v-f71fbebb] {
    align-items: center;
    column-gap: .3125rem;
    display: flex;
    height: 100%;
    width: 100%
}

.ui-showcase-bar-item[data-v-0ad5e2dd] {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    overflow: hidden;
    position: relative
}

[dir] .ui-showcase-bar-item[data-v-0ad5e2dd] {
    padding: .3125rem .625rem
}

[dir=ltr] .ui-showcase-bar-item[data-v-0ad5e2dd]:not(:last-child) {
    margin-right: .3125rem
}

[dir=rtl] .ui-showcase-bar-item[data-v-0ad5e2dd]:not(:last-child) {
    margin-left: .3125rem
}

.is-keyboard-user .ui-showcase-bar-item[data-v-0ad5e2dd]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-showcase-bar-item--is-active[data-v-0ad5e2dd]:before {
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%
}

[dir=ltr] .ui-showcase-bar-item--is-active[data-v-0ad5e2dd]:before {
    background-image: linear-gradient(90deg, Hsl(var(--hsl-bg)) 0, Hsl(var(--primary-75-bg)) 68%, Hsl(var(--hsl-bg)) 100%);
    left: 0
}

[dir=rtl] .ui-showcase-bar-item--is-active[data-v-0ad5e2dd]:before {
    background-image: linear-gradient(-90deg, Hsl(var(--hsl-bg)) 0, Hsl(var(--primary-75-bg)) 68%, Hsl(var(--hsl-bg)) 100%);
    right: 0
}

.ui-showcase-bar-item--is-active[data-v-0ad5e2dd]:after {
    bottom: -1.25rem;
    content: "";
    filter: blur(.5rem);
    height: 2.5rem;
    position: absolute
}

[dir] .ui-showcase-bar-item--is-active[data-v-0ad5e2dd]:after {
    background-color: Hsla(var(--primary-75-bg), .4);
    border-radius: 50%;
    left: .625rem;
    right: .625rem
}

.ui-showcase-bar-item[data-v-0ad5e2dd] {
    color: Hsl(var(--hsl-clr-decent));
    min-height: 3.5rem
}

.ui-showcase-bar-item--is-active[data-v-0ad5e2dd], .ui-showcase-bar-item[data-v-0ad5e2dd]:hover {
    color: Hsl(var(--hsl-clr))
}

.ui-showcase-bar-item[data-v-0ad5e2dd]:hover:before {
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%
}

[dir=ltr] .ui-showcase-bar-item[data-v-0ad5e2dd]:hover:before {
    background-image: linear-gradient(90deg, Hsl(var(--hsl-bg)) 0, Hsl(var(--primary-75-bg)) 68%, Hsl(var(--hsl-bg)) 100%);
    left: 0
}

[dir=rtl] .ui-showcase-bar-item[data-v-0ad5e2dd]:hover:before {
    background-image: linear-gradient(-90deg, Hsl(var(--hsl-bg)) 0, Hsl(var(--primary-75-bg)) 68%, Hsl(var(--hsl-bg)) 100%);
    right: 0
}

.ui-showcase-bar-item[data-v-0ad5e2dd]:hover:after {
    bottom: -1.25rem;
    content: "";
    filter: blur(.5rem);
    height: 2.5rem;
    position: absolute
}

[dir] .ui-showcase-bar-item[data-v-0ad5e2dd]:hover:after {
    background-color: Hsla(var(--primary-75-bg), .4);
    border-radius: 50%;
    left: .625rem;
    right: .625rem
}

[dir=ltr] .ui-showcase-bar-item__name[data-v-0ad5e2dd] {
    margin-left: .625rem
}

[dir=rtl] .ui-showcase-bar-item__name[data-v-0ad5e2dd] {
    margin-right: .625rem
}

.ui-showcase-card[data-v-72646302] {
    --bg: hsla(var(--primary--20-bg), 1);
    --hsl-bg: var(--primary--20-bg);
    --clr: hsl(var(--primary--20-clr));
    --hsl-clr: var(--primary--20-clr);
    --clr-accent: hsl(var(--primary--20-clr-accent));
    --hsl-clr-accent: var(--primary--20-clr-accent);
    --clr-decent: hsl(var(--primary--20-clr-decent));
    --hsl-clr-decent: var(--primary--20-clr-decent);
    --clr-strong: hsl(var(--primary--20-clr-strong));
    --hsl-clr-strong: var(--primary--20-clr-strong);
    --clr-strong-alt: hsl(var(--primary--20-clr-strong-alt));
    --hsl-clr-strong-alt: var(--primary--20-clr-strong-alt);
    --clr-primary: hsl(var(--primary--20-clr-primary));
    --hsl-clr-primary: var(--primary--20-clr-primary);
    --clr-good: hsl(var(--primary--20-clr-good));
    --hsl-clr-good: var(--primary--20-clr-good);
    --clr-bad: hsl(var(--primary--20-clr-bad));
    --hsl-clr-bad: var(--primary--20-clr-bad);
    --sep: hsl(var(--primary--20-sep));
    --hsl-sep: var(--primary--20-sep);
    --sep-alt: hsl(var(--primary--20-sep-alt));
    --hsl-sep-alt: var(--primary--20-sep-alt);
    align-items: start;
    color: Hsl(var(--hsl-clr));
    display: grid;
    grid-template-columns:100%;
    overflow: hidden;
    position: relative
}

[dir] .ui-showcase-card[data-v-72646302] {
    background-color: Hsl(var(--hsl-bg));
    border-radius: .75rem;
    padding: .625rem
}

[dir=ltr] .ui-showcase-card[data-v-72646302] {
    background-image: linear-gradient(180deg, Hsla(var(--primary-0-bg), .7) 0, Hsla(var(--primary--30-bg), .7) 100%)
}

[dir=rtl] .ui-showcase-card[data-v-72646302] {
    background-image: linear-gradient(-180deg, Hsla(var(--primary-0-bg), .7) 0, Hsla(var(--primary--30-bg), .7) 100%)
}

.is-keyboard-user .ui-showcase-card[data-v-72646302]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-showcase-card__ico[data-v-72646302] {
    color: Hsla(var(--primary-0-bg), .5);
    font-size: 5.875rem;
    position: absolute
}

.ui-showcase-card__header[data-v-72646302] {
    position: relative
}

.ui-showcase-card__footer[data-v-72646302] {
    align-items: center;
    display: flex;
    width: 100%
}

.ui-showcase-card-header[data-v-72646302] {
    align-items: center;
    display: flex
}

[dir=ltr] .ui-showcase-card-header__ico[data-v-72646302] {
    margin-right: .3125rem
}

[dir=rtl] .ui-showcase-card-header__ico[data-v-72646302] {
    margin-left: .3125rem
}

.ui-showcase-card-teams__team[data-v-72646302] {
    align-items: center;
    column-gap: .3125rem;
    display: flex
}

[dir] .ui-showcase-card-teams__team[data-v-72646302]:first-child {
    margin-bottom: .3125rem
}

.ui-showcase-card-teams__value[data-v-72646302] {
    flex-shrink: 0;
    position: relative
}

[dir=ltr] .ui-showcase-card-teams__value[data-v-72646302] {
    margin-left: auto
}

[dir=rtl] .ui-showcase-card-teams__value[data-v-72646302] {
    margin-right: auto
}

.ui-showcase-card[data-v-72646302] {
    row-gap: .9375rem;
    width: 21.25rem
}

[dir=ltr] .ui-showcase-card[data-v-72646302]:hover {
    background-image: linear-gradient(180deg, Hsla(var(--primary-10-bg), .7) 0, Hsl(var(--hsl-bg)) 100%)
}

[dir=rtl] .ui-showcase-card[data-v-72646302]:hover {
    background-image: linear-gradient(-180deg, Hsla(var(--primary-10-bg), .7) 0, Hsl(var(--hsl-bg)) 100%)
}

.ui-showcase-card__ico[data-v-72646302] {
    top: -.625rem
}

[dir=ltr] .ui-showcase-card__ico[data-v-72646302] {
    right: -.625rem
}

[dir=rtl] .ui-showcase-card__ico[data-v-72646302] {
    left: -.625rem
}

.ui-showcase-card-header[data-v-72646302] {
    justify-content: space-between
}

.ui-showcase-card-header__info[data-v-72646302] {
    align-items: center;
    display: flex
}

.is-keyboard-user .ui-showcase-card-header__info--link[data-v-72646302]:focus {
    outline: 1px solid Hsl(var(--focus));
    outline-offset: -1px
}

.ui-showcase-card-header__info--link[data-v-72646302]:hover {
    text-decoration: underline
}

.ui-showcase-card-header__controls[data-v-72646302] {
    color: Hsl(var(--hsl-clr-accent))
}

.ui-showcase-card-teams__info[data-v-72646302] {
    align-items: center;
    column-gap: 2px;
    display: flex
}

[dir] .ui-showcase-card-teams__info[data-v-72646302] {
    margin-top: .625rem
}

.ui-range-dot {
    touch-action: none
}

.ui-range-dot__handle {
    height: 100%;
    width: 100%
}

[dir] .ui-range-dot__handle {
    background-color: var(--ui-range-dot);
    border-color: var(--ui-range-dot-border);
    border-radius: 50%;
    border-style: solid;
    cursor: grabbing
}

[dir] .ui-range-dot__handle--focus {
    cursor: grabbing
}

.ui-range-dot__tooltip {
    bottom: 100%;
    color: var(--ui-range-dot-tooltip);
    min-width: .875rem;
    position: absolute
}

[dir] .ui-range-dot__tooltip {
    text-align: center
}

[dir=ltr] .ui-range-dot__tooltip:not(.ui-range-dot__tooltip--left):not(.ui-range-dot__tooltip--right) {
    left: 50%;
    transform: translateX(-50%)
}

[dir=rtl] .ui-range-dot__tooltip:not(.ui-range-dot__tooltip--left):not(.ui-range-dot__tooltip--right) {
    right: 50%;
    transform: translateX(50%)
}

[dir=ltr] .ui-range-dot__tooltip--left {
    left: 0
}

[dir=ltr] .ui-range-dot__tooltip--right, [dir=rtl] .ui-range-dot__tooltip--left {
    right: 0
}

[dir=rtl] .ui-range-dot__tooltip--right {
    left: 0
}

[dir] .ui-range-dot__handle {
    border-width: .25rem;
    box-shadow: 0 0 .25rem 0 Hsla(var(--primary-0-bg), .4)
}

.ui-range {
    position: relative;
    user-select: none
}

[dir] .ui-range {
    padding-bottom: .9375rem;
    padding-left: var(--ui-range-dot-radius);
    padding-right: var(--ui-range-dot-radius)
}

.ui-range--disabled {
    opacity: .45
}

[dir] .ui-range--disabled, [dir] .ui-range--disabled .ui-range-mark {
    cursor: not-allowed
}

[dir] .ui-range--disabled .ui-range-dot__handle {
    box-shadow: 0 0 .25rem 0 Hsla(var(--gray-100-clr), .4), inset 0 0 .25rem 0 Hsla(var(--primary-0-bg), .5), inset 0 0 .25rem 0 hsla(0, 0%, 100%, 0);
    cursor: not-allowed
}

[dir] .ui-range--focus {
    cursor: grabbing
}

.ui-range__rail, .ui-range__slider {
    position: relative
}

.ui-range__rail {
    width: 100%
}

.ui-range__rail:after, .ui-range__rail:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: var(--ui-range-dot-radius)
}

[dir] .ui-range__rail:after, [dir] .ui-range__rail:before {
    background-color: var(--ui-range-rail)
}

[dir=ltr] .ui-range__rail:before {
    border-bottom-left-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
    left: calc(var(--ui-range-dot-radius) * -1)
}

[dir=ltr] .ui-range__rail:after, [dir=rtl] .ui-range__rail:before {
    border-bottom-right-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    right: calc(var(--ui-range-dot-radius) * -1)
}

[dir=rtl] .ui-range__rail:after {
    border-bottom-left-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
    left: calc(var(--ui-range-dot-radius) * -1)
}

[dir] .ui-range__rail--single:before {
    background-color: var(--ui-range-process)
}

.ui-range__process {
    height: 100%;
    position: absolute
}

[dir] .ui-range__process {
    background-color: var(--ui-range-process)
}

.ui-range__dot {
    height: calc(var(--ui-range-dot-radius) * 2);
    position: absolute;
    top: 50%;
    width: calc(var(--ui-range-dot-radius) * 2)
}

[dir=ltr] .ui-range__dot {
    transform: translate(-50%, -50%)
}

[dir=rtl] .ui-range__dot {
    transform: translate(50%, -50%)
}

.ui-range__marks {
    position: relative
}

[dir] .ui-range__marks {
    cursor: pointer
}

.ui-range__mark {
    height: 100%;
    position: absolute;
    top: 0
}

.ui-range-mark__label {
    color: var(--ui-range-mark);
    position: absolute;
    top: 100%
}

[xlang=bn] .ui-range-mark__label, [xlang=hi] .ui-range-mark__label, [xlang=hy] .ui-range-mark__label, [xlang=my] .ui-range-mark__label, [xlang=sd] .ui-range-mark__label, [xlang=ta] .ui-range-mark__label {
    word-break: normal
}

[dir=ltr] .ui-range-mark:first-child .ui-range-mark__label {
    left: calc(var(--ui-range-dot-radius) * -1)
}

[dir=ltr] .ui-range-mark:last-child .ui-range-mark__label, [dir=rtl] .ui-range-mark:first-child .ui-range-mark__label {
    right: calc(var(--ui-range-dot-radius) * -1)
}

[dir=rtl] .ui-range-mark:last-child .ui-range-mark__label {
    left: calc(var(--ui-range-dot-radius) * -1)
}

[dir=ltr] .ui-range-mark:not(:first-child):not(:last-child) .ui-range-mark__label {
    left: 50%;
    transform: translateX(-50%)
}

[dir=rtl] .ui-range-mark:not(:first-child):not(:last-child) .ui-range-mark__label {
    right: 50%;
    transform: translateX(50%)
}

.ui-range {
    --ui-range-dot-radius: 0.5rem
}

[dir] .ui-range {
    padding-top: 1.5625rem
}

.ui-range__rail {
    height: .3125rem
}

[dir] .ui-range__rail {
    background-color: var(--ui-range-rail)
}

[dir] .ui-range__marks {
    margin-top: .625rem
}

.ui-range--theme-cyber--35 {
    --ui-range-rail: Hsl(var(--cyber--35-bg));
    --ui-range-process: Hsl(var(--cyber-55-bg));
    --ui-range-dot: Hsl(var(--cyber--35-clr-primary));
    --ui-range-dot-border: Hsl(var(--cyber--35-clr));
    --ui-range-dot-tooltip: Hsl(var(--cyber--35-clr-primary));
    --ui-range-mark: Hsl(var(--cyber--35-clr))
}

.ui-range--theme-gray {
    --ui-range-rail: Hsl(var(--gray-0-bg));
    --ui-range-process: Hsl(var(--custom-ui-range-process-bg-theme-gray, var(--primary-0-bg)));
    --ui-range-dot: Hsl(var(--primary-0-bg));
    --ui-range-dot-border: Hsl(var(--primary-0-clr));
    --ui-range-dot-tooltip: Hsl(var(--gray-0-clr));
    --ui-range-mark: Hsl(var(--gray-0-clr))
}

.ui-range--theme-primary {
    --ui-range-rail: Hsl(var(--dark-25-bg));
    --ui-range-process: Hsl(var(--accent-0-bg));
    --ui-range-dot: Hsl(var(--accent-0-bg));
    --ui-range-dot-border: Hsl(var(--accent-0-clr));
    --ui-range-dot-tooltip: Hsl(var(--dark-25-clr-strong));
    --ui-range-mark: Hsl(var(--primary-0-clr))
}

.ui-range--theme-special-gray {
    --ui-range-rail: Hsl(var(--gray-0-bg));
    --ui-range-process: Hsl(var(--specialPrimary-0-bg));
    --ui-range-dot: Hsl(var(--specialPrimary-0-bg));
    --ui-range-dot-border: Hsl(var(--specialPrimary-0-clr));
    --ui-range-dot-tooltip: Hsl(var(--gray-0-clr));
    --ui-range-mark: Hsl(var(--gray-0-clr))
}