@charset "UTF-8";
.fe-icon {
    display: block;
    transition:
        color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        background-color 0.15s ease-in-out;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}
.fe-icon svg {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.fe-icon svg path {
    fill: currentColor;
}
object {
    pointer-events: none;
}
.fe-loader.fe-loader--absolute[data-v-dbcc6ad1] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.fe-loader__svg[data-v-dbcc6ad1] {
    max-width: 100%;
    max-height: 100%;
}
.fe-card {
    position: relative;
    background-color: var(--color-layer-alt-4);
    color: var(--color-text-alt);
}
.fe-card.hover-mode {
    cursor: pointer;
    transition: var(--transition-default);
}
.fe-card--primary {
    color: var(--color-button-text-primary);
    background: var(--color-primary-gradient);
    color: var(--color-text-alt);
}
.fe-card--secondary {
    background-color: var(--color-secondary-3);
    color: var(--color-text-alt);
}
.fe-card--success {
    background-color: var(--color-successfully);
    color: var(--color-text-alt);
}
.fe-card--alert {
    background-color: var(--color-warning);
    color: var(--color-text-alt);
}
.fe-card--danger {
    background-color: var(--color-error);
    color: var(--color-text-alt);
}
.fe-card--border {
    border: 1px solid var(--color-text-body);
}
.fe-card--disabled {
    background-color: var(--color-text-body);
    color: var(--color-layer-alt-1);
}
.fe-card--white {
    background-color: var(--color-text-alt);
    color: var(--color-text-on-opposite-back);
}
.fe-card--dark {
    background-color: var(--color-layer-alt-1);
}
.fe-card--secondary-dark {
    background-color: var(--color-layer-alt-2);
}
.fe-card--light-dark {
    background-color: var(--color-tertiary-3);
}
.fe-card--light-dark.hover-mode:hover {
    background-color: var(--color-tertiary-2);
}
.fe-card--light-dark.hover-mode:active {
    background-color: var(--color-tertiary-4);
}
.fe-card--black {
    background-color: var(--color-layer-alt-1);
}
.fe-card--border-radius-xs {
    border-radius: var(--border-radius-xs);
}
.fe-card--border-radius-s {
    border-radius: var(--border-radius-s);
}
.fe-card--border-radius-m {
    border-radius: var(--border-radius-m);
}
.fe-card--border-color-primary {
    border-color: var(--color-primary-2);
}
.fe-button-wrapper {
    position: relative;
    width: -webkit-max-content;
    width: max-content;
}
.fe-button-wrapper.full-width,
.fe-button-wrapper.full-width-mobile {
    width: 100%;
}
@media (min-width: 754px) {
    .fe-button-wrapper.full-width-mobile {
        width: -webkit-max-content;
        width: max-content;
    }
}
.fe-button {
    position: relative;
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
    border: none;
    background: var(--color-primary-gradient);
    cursor: pointer;
    transition: none;
    box-sizing: border-box;
    text-transform: lowercase;
}
.fe-button:first-letter {
    text-transform: uppercase;
}
.fe-button.full-width {
    width: 100%;
}
.fe-button--uppercase {
    text-transform: uppercase;
}
.fe-button--text-left {
    text-align: left;
}
.fe-button--text-right {
    text-align: right;
}
.fe-button--full-width {
    width: 100%;
    justify-content: center;
}
.fe-button--initial-case {
    text-transform: initial;
}
.fe-button--initial-case:first-letter {
    text-transform: initial;
}
.fe-button.icon {
    border-radius: 50%;
    padding: 0.5rem;
    background: var(--color-primary-gradient);
    color: var(--color-layer-body);
}
.fe-button.icon.loading .fe-button__icon {
    opacity: 0;
}
.fe-button.icon.disabled .fe-button__icon {
    cursor: not-allowed;
}
.fe-button__right {
    margin-left: 0.5rem;
}
.fe-button--full-width-mobile {
    width: 100%;
    justify-content: center;
}
@media (min-width: 754px) {
    .fe-button--full-width-mobile {
        width: auto;
    }
}
.fe-button.captioned {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 2rem;
    border-radius: 1rem;
}
.fe-button.captioned .label {
    font-size: 1.125rem;
    line-height: 175%;
    font-weight: 700;
    letter-spacing: 0.03em;
}
.fe-button.captioned .caption {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 127.5%;
    letter-spacing: 0.02em;
    text-align: center;
    color: var(--color-layer-body);
}
.fe-button:not(.disabled, .loading):hover {
    background: var(--color-primary-3);
}
.fe-button:not(.disabled, .loading):active {
    background: var(--color-primary-4);
}
.fe-button.disabled,
.fe-button.loading {
    -webkit-filter: brightness(0.4);
    filter: brightness(0.4);
}
.fe-button.disabled {
    cursor: not-allowed;
}
.fe-button.loading {
    cursor: wait;
}
.fe-button .label {
    font-size: 1rem;
    line-height: normal;
    font-weight: 700;
    color: var(--color-layer-body);
}
@media (min-width: 320px) {
    .fe-button .label {
        font-size: 1rem;
        line-height: 150%;
    }
}
.fe-button.large .label {
    font-size: 1.125rem;
    line-height: 175%;
    font-weight: 700;
    letter-spacing: 0.03em;
}
.fe-button.large.captioned {
    padding: 0.5rem 1.5rem;
    border-radius: 1rem;
}
.fe-button.large.captioned .label {
    font-size: 1.25rem;
    line-height: 140%;
    font-weight: 700;
    letter-spacing: 0.03em;
}
.fe-button.large.captioned .caption {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 127.5%;
    letter-spacing: 0.02em;
    text-align: center;
}
.fe-button.large.icon {
    width: 3rem;
    height: 3rem;
    padding: 0.75rem;
}
.fe-button.large.icon .fe-button__icon {
    width: 1.5rem;
    height: 1.5rem;
}
.fe-button.medium .label {
    font-size: 1rem;
    line-height: 150%;
    font-weight: 700;
    letter-spacing: 0.03em;
}
.fe-button.medium.captioned {
    padding: 0.5rem 1.5rem;
    border-radius: 1rem;
}
.fe-button.medium.captioned .label {
    font-size: 1rem;
    line-height: 125%;
    font-weight: 700;
    letter-spacing: 0.03em;
}
.fe-button.medium.captioned .caption {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 127.5%;
    letter-spacing: 0.02em;
    text-align: center;
}
.fe-button.medium.icon {
    width: 2.5rem;
    height: 2.5rem;
}
.fe-button.medium.icon .fe-button__icon {
    width: 1.5rem;
    height: 1.5rem;
}
.fe-button.medium.slab {
    background: var(--color-tertiary-4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border: 2px solid var(--color-tertiary-3);
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 6rem;
    border-radius: 1rem;
    padding: 0.5rem;
}
.fe-button.medium.slab .label {
    color: var(--color-tertiary-1);
    font-size: 0.5625rem;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.06em;
}
@media (min-width: 320px) {
    .fe-button.medium.slab .label {
        font-size: 0.5625rem;
        line-height: 180%;
    }
}
.fe-button.medium.slab .fe-button__slab-illustration {
    height: 1.5rem;
    margin-bottom: 0.25rem;
}
.fe-button.medium.slab .fe-button__slab-icon {
    color: var(--color-tertiary-1);
    font-size: 1.5rem;
}
.fe-button.medium.slab:not(.disabled, .loading):hover {
    cursor: pointer;
    background: var(--color-tertiary-3);
    border: 2px solid transparent;
}
.fe-button.medium.slab:not(.disabled, .loading):active {
    background: var(--color-tertiary-4);
    border: 2px solid transparent;
    cursor: pointer;
}
.fe-button.medium.slab.disabled {
    -webkit-filter: brightness(0.4);
    filter: brightness(0.4);
}
.fe-button.medium.slab.disabled .fe-button__slab-icon {
    cursor: not-allowed;
}
.fe-button.medium.slab.loading {
    -webkit-filter: brightness(0.4);
    filter: brightness(0.4);
}
.fe-button.medium.slab.loading .fe-button__slab-icon {
    cursor: wait;
}
.fe-button.small:not(.icon) {
    padding: 0.5rem 1rem;
}
.fe-button.small .label {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem;
    letter-spacing: 0.03em;
}
.fe-button.small.icon {
    width: 2rem;
    height: 2rem;
}
.fe-button.small.icon .fe-button__icon {
    width: 1rem;
    height: 1rem;
}
.fe-button.secondary {
    position: relative;
    background: var(--color-tertiary-4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 1;
}
.fe-button.secondary:not(.icon):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    padding: 2px;
    z-index: -1;
    background: var(--color-primary-gradient);
    -webkit-mask: var(--color-gradient-mask);
    mask: var(--color-gradient-mask);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.fe-button.secondary:not(.disabled, .loading):hover {
    background: var(--color-tertiary-4);
}
.fe-button.secondary:not(.disabled, .loading):hover:before {
    background: var(--color-primary-3);
}
.fe-button.secondary:not(.disabled, .loading):active {
    background: var(--color-tertiary-4);
}
.fe-button.secondary:not(.disabled, .loading):active:before {
    background: var(--color-primary-4);
}
.fe-button.secondary.disabled,
.fe-button.secondary.loading {
    background: var(--color-tertiary-4);
    -webkit-filter: brightness(0.4);
    filter: brightness(0.4);
}
.fe-button.secondary.disabled:before,
.fe-button.secondary.loading:before {
    background: var(--color-primary-gradient);
}
.fe-button.secondary .label {
    color: var(--color-tertiary-1);
}
.fe-button.secondary.icon {
    background: var(--color-tertiary-3);
}
.fe-button.secondary.icon .fe-button__icon {
    color: var(--color-tertiary-1);
}
.fe-button.secondary.icon:not(.disabled, .loading):active {
    background: var(--color-tertiary-3);
}
.fe-button.tertiary {
    background: var(--color-tertiary-3);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.fe-button.tertiary:not(.disabled, .loading):hover {
    background: var(--color-tertiary-4);
}
.fe-button.tertiary:not(.disabled, .loading):active {
    background: var(--color-tertiary-3);
}
.fe-button.tertiary.disabled,
.fe-button.tertiary.loading {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    -webkit-filter: brightness(0.4);
    filter: brightness(0.4);
}
.fe-button.tertiary .label {
    color: var(--color-primary-3);
}
.fe-button.tertiary.icon {
    background: transparent;
}
.fe-button.tertiary.icon .fe-button__icon {
    color: var(--color-tertiary-1);
}
.fe-toolbar {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto 1fr;
    justify-content: space-between;
    box-sizing: border-box;
    gap: 0.5rem;
}
.fe-toolbar__left {
    width: -webkit-max-content;
    width: max-content;
    display: flex;
    align-items: center;
}
.fe-toolbar.fe-toolbar--hide-left {
    grid-template-columns: auto 1fr;
}
.fe-toolbar__title {
    font-size: 1rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
}
@media (min-width: 320px) {
    .fe-toolbar__title {
        font-size: 1rem;
        line-height: 150%;
    }
}
.fe-toolbar__right {
    justify-self: end;
    display: flex;
    align-items: center;
}
@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rotating {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}
ol.list-number,
ul.list-number {
    padding: 0;
    list-style: none;
    counter-reset: my-awesome-counter;
    color: var(--color-text-body);
}
ol.list-number li,
ul.list-number li {
    counter-increment: my-awesome-counter;
    display: flex;
    margin-bottom: 0.5rem;
    white-space: normal;
}
ol.list-number li.last-child,
ul.list-number li.last-child {
    margin-bottom: 0;
}
ol.list-number li strong,
ul.list-number li strong {
    color: var(--color-text-alt);
}
ol.list-number li:before,
ul.list-number li:before {
    content: counter(my-awesome-counter);
    font-size: 0.75rem;
    line-height: 140%;
    font-weight: 400;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    background: var(--color-layer-alt-4);
    text-align: center;
    border-radius: 1.5rem;
    margin-right: 0.5rem;
    flex-shrink: 0;
}
@media (min-width: 320px) {
    ol.list-number li:before,
    ul.list-number li:before {
        font-size: 0.75rem;
        line-height: 140%;
        line-height: 1.5rem;
    }
}
.card-block {
    border-radius: var(--border-radius-s);
}
.card-block__img {
    width: 4rem;
    height: 4rem;
}
.card-block--bg-custom {
    background: linear-gradient(180deg, #101a22, #010b1300), #00090e;
}
.card-block--bg-tertiary-4 {
    background: var(--color-tertiary-4);
    border-color: transparent;
}
.border-gradient {
    position: relative;
    border: 1px solid transparent;
    border-radius: var(--border-radius-s);
    overflow: hidden;
    background: linear-gradient(to right, #e5e5e5, #6a7e85, #6a7e85, #2a3844)
        border-box;
}
.faq-accordion__item {
    display: block;
    padding: 1.5rem 0;
    position: relative;
}
.faq-accordion__item:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    height: 1px;
    width: 100%;
    background: var(--color-tertiary-3);
}
.faq-accordion__item:last-child:after {
    display: none;
}
.faq-accordion__item__title {
    font-size: 1rem;
    line-height: normal;
    font-weight: 700;
    display: block;
    position: relative;
    cursor: pointer;
}
@media (min-width: 320px) {
    .faq-accordion__item__title {
        font-size: 1rem;
        line-height: 150%;
    }
}
.faq-accordion__item__title:before {
    content: "";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 0.5rem;
    width: 0.5rem;
    border-bottom: 3px solid var(--color-text-alt);
    border-right: 3px solid var(--color-text-alt);
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.faq-accordion__item__content {
    margin: 0;
    transition: all 0.2s;
    opacity: 0;
    height: 0;
    color: var(--color-text-body);
    padding: 0;
}
.faq-accordion__item input {
    position: absolute;
    opacity: 0;
    z-index: -1;
    scroll-margin-top: 5rem;
}
input:checked ~ .faq-accordion__item__content {
    padding-top: 1rem;
    opacity: 1;
    height: auto;
    visibility: visible;
}
@media (min-width: 754px) {
    input:checked ~ .faq-accordion__item__content {
        padding-top: 1.5rem;
    }
}
input:checked ~ .faq-accordion__item__title:before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-bottom: 0;
}
.child-view {
    position: absolute;
}
.layout-enter-active,
.layout-leave-active {
    transition: all 0.2s;
}
.layout-enter,
.layout-leave-to {
    opacity: 0;
}
.popup-enter-active,
.popup-leave-active {
    transition: all 0.4s;
}
.popup-leave-active {
    top: 0;
    position: absolute;
}
.popup-enter {
    top: 0;
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh);
}
.popupoff-enter-active,
.popupoff-leave-active {
    transition: all 0.4s;
}
.popupoff-leave-active {
    top: 0;
}
.popupoff-enter {
    z-index: 1;
}
.popupoff-leave-to {
    z-index: 100;
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh);
}
.fe-relative,
.select-data {
    position: relative;
}
.select-data-field {
    font-size: 0.875rem;
    line-height: 170%;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
    display: inline-block;
    border-radius: 4rem;
    background-color: var(--color-tertiary-3);
    box-sizing: border-box;
    position: relative;
    padding: 0 2rem 0 1.5rem;
    color: var(--color-primary-2);
    border: none;
    min-height: 2rem;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
}
@media (min-width: 320px) {
    .select-data-field {
        font-size: 0.875rem;
        line-height: 170%;
    }
}
.select-data-field option {
    color: var(--color-text-body);
    padding: initial;
    width: initial;
    background: var(--color-layer-alt-3);
}
.select-data-field.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
.select-data-field.placeholder {
    color: var(--color-text-body);
}
.select-data:after {
    content: "";
    position: absolute;
    right: 1rem;
    top: calc(50% - 3px);
    border-bottom: 2px solid var(--color-primary-2);
    border-right: 2px solid var(--color-primary-2);
    height: 0.5rem;
    width: 0.5rem;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform-origin: top;
    transform-origin: top;
}
#devcode_popup {
    z-index: 10000 !important;
}
.title-page {
    text-align: center;
    margin-bottom: 2rem;
}
.slide-enter-active {
    transition-duration: 0.15s;
    transition-timing-function: ease-in;
}
.slide-leave-active {
    transition-duration: 0.1s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.slide-enter-to,
.slide-leave {
    max-height: 100px;
    overflow: hidden;
}
.slide-enter,
.slide-leave-to {
    overflow: hidden;
    max-height: 0;
}
.slidenext-leave-active,
.slideback-leave-active {
    transition: 0.2s;
}
.slidenext-enter {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%);
}
.slidenext-leave-to {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%);
}
.slide-enter-active,
.slideback-enter-active {
    transition: 0.2s;
}
.slideback-enter {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%);
    opacity: 1;
}
.slideback-leave-to {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%);
    opacity: 0;
}
.slide-container {
    position: relative;
    width: 100%;
    display: flex;
    flex: 1;
    align-items: baseline;
    min-height: 30vh;
    opacity: 0;
    -webkit-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.slide-container .step {
    width: 100%;
}
.slide-container__item {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
#devcode_popup .outer-container .content {
    max-height: 77vh;
}
body:has(.sport-page--betslip-opened),
.block-scroll {
    position: fixed;
    left: 0;
    right: 0;
}
#payments_lib_popup {
    z-index: 10000 !important;
}
.error {
    font-size: 0.75rem;
    line-height: 140%;
    font-weight: 400;
    color: var(--color-error);
}
@media (min-width: 320px) {
    .error {
        font-size: 0.75rem;
        line-height: 140%;
    }
}
#freshworks-survey-widget .widget-footer {
    display: none !important;
}
.padding-xxs {
    padding: 0.25rem;
}
.padding-xxs--top {
    padding-top: 0.25rem;
}
.padding-xxs--right {
    padding-right: 0.25rem;
}
.padding-xxs--bottom {
    padding-bottom: 0.25rem;
}
.padding-xxs--left {
    padding-left: 0.25rem;
}
@media (min-width: 1200px) {
    .padding-xxs {
        padding: 0.75rem;
    }
    .padding-xxs--top {
        padding-top: 0.75rem;
    }
    .padding-xxs--right {
        padding-right: 0.75rem;
    }
    .padding-xxs--bottom {
        padding-bottom: 0.75rem;
    }
    .padding-xxs--left {
        padding-left: 0.75rem;
    }
}
.padding-xs {
    padding: 0.5rem;
}
.padding-xs--top {
    padding-top: 0.5rem;
}
.padding-xs--right {
    padding-right: 0.5rem;
}
.padding-xs--bottom {
    padding-bottom: 0.5rem;
}
.padding-xs--left {
    padding-left: 0.5rem;
}
@media (min-width: 1200px) {
    .padding-xs {
        padding: 1rem;
    }
    .padding-xs--top {
        padding-top: 1rem;
    }
    .padding-xs--right {
        padding-right: 1rem;
    }
    .padding-xs--bottom {
        padding-bottom: 1rem;
    }
    .padding-xs--left {
        padding-left: 1rem;
    }
}
.padding-s {
    padding: 1rem;
}
.padding-s--top {
    padding-top: 1rem;
}
.padding-s--right {
    padding-right: 1rem;
}
.padding-s--bottom {
    padding-bottom: 1rem;
}
.padding-s--left {
    padding-left: 1rem;
}
@media (min-width: 1200px) {
    .padding-s {
        padding: 1.5rem;
    }
    .padding-s--top {
        padding-top: 1.5rem;
    }
    .padding-s--right {
        padding-right: 1.5rem;
    }
    .padding-s--bottom {
        padding-bottom: 1.5rem;
    }
    .padding-s--left {
        padding-left: 1.5rem;
    }
}
.padding-m {
    padding: 1.5rem;
}
.padding-m--top {
    padding-top: 1.5rem;
}
.padding-m--right {
    padding-right: 1.5rem;
}
.padding-m--bottom {
    padding-bottom: 1.5rem;
}
.padding-m--left {
    padding-left: 1.5rem;
}
@media (min-width: 1200px) {
    .padding-m {
        padding: 2rem;
    }
    .padding-m--top {
        padding-top: 2rem;
    }
    .padding-m--right {
        padding-right: 2rem;
    }
    .padding-m--bottom {
        padding-bottom: 2rem;
    }
    .padding-m--left {
        padding-left: 2rem;
    }
}
.margin-0 {
    margin: 0;
}
.margin-0--top {
    margin-top: 0;
}
.margin-0--right {
    margin-right: 0;
}
.margin-0--bottom {
    margin-bottom: 0;
}
.margin-0--left {
    margin-left: 0;
}
.margin-auto {
    margin: auto;
}
.margin-auto--top {
    margin-top: auto;
}
.margin-auto--right {
    margin-right: auto;
}
.margin-auto--bottom {
    margin-bottom: auto;
}
.margin-auto--left {
    margin-left: auto;
}
.margin-xxs {
    margin: 0.25rem;
}
.margin-xxs--top {
    margin-top: 0.25rem;
}
.margin-xxs--right {
    margin-right: 0.25rem;
}
.margin-xxs--bottom {
    margin-bottom: 0.25rem;
}
.margin-xxs--left {
    margin-left: 0.25rem;
}
@media (min-width: 1200px) {
    .margin-xxs {
        margin: 0.75rem;
    }
    .margin-xxs--top {
        margin-top: 0.75rem;
    }
    .margin-xxs--right {
        margin-right: 0.75rem;
    }
    .margin-xxs--bottom {
        margin-bottom: 0.75rem;
    }
    .margin-xxs--left {
        margin-left: 0.75rem;
    }
}
.margin-xs {
    margin: 0.5rem;
}
.margin-xs--top {
    margin-top: 0.5rem;
}
.margin-xs--right {
    margin-right: 0.5rem;
}
.margin-xs--bottom {
    margin-bottom: 0.5rem;
}
.margin-xs--left {
    margin-left: 0.5rem;
}
@media (min-width: 1200px) {
    .margin-xs {
        margin: 1rem;
    }
    .margin-xs--top {
        margin-top: 1rem;
    }
    .margin-xs--right {
        margin-right: 1rem;
    }
    .margin-xs--bottom {
        margin-bottom: 1rem;
    }
    .margin-xs--left {
        margin-left: 1rem;
    }
}
.margin-s {
    margin: 1rem;
}
.margin-s--top {
    margin-top: 1rem;
}
.margin-s--right {
    margin-right: 1rem;
}
.margin-s--bottom {
    margin-bottom: 1rem;
}
.margin-s--left {
    margin-left: 1rem;
}
@media (min-width: 1200px) {
    .margin-s {
        margin: 1.5rem;
    }
    .margin-s--top {
        margin-top: 1.5rem;
    }
    .margin-s--right {
        margin-right: 1.5rem;
    }
    .margin-s--bottom {
        margin-bottom: 1.5rem;
    }
    .margin-s--left {
        margin-left: 1.5rem;
    }
}
.margin-m {
    margin: 1.5rem;
}
.margin-m--top {
    margin-top: 1.5rem;
}
.margin-m--right {
    margin-right: 1.5rem;
}
.margin-m--bottom {
    margin-bottom: 1.5rem;
}
.margin-m--left {
    margin-left: 1.5rem;
}
@media (min-width: 1200px) {
    .margin-m {
        margin: 2rem;
    }
    .margin-m--top {
        margin-top: 2rem;
    }
    .margin-m--right {
        margin-right: 2rem;
    }
    .margin-m--bottom {
        margin-bottom: 2rem;
    }
    .margin-m--left {
        margin-left: 2rem;
    }
}
.main-layout-width {
    max-width: var(--main-layout-width);
}
.grid-auto-columns-auto {
    grid-auto-columns: minmax(0, auto);
}
.grid-layout-column {
    grid-auto-columns: minmax(0, auto);
    display: grid;
    grid-template-columns: [main-start] 1fr [main-end];
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    gap: 1rem;
    margin: auto;
}
@media (min-width: 754px) {
    .grid-layout-column {
        max-width: var(--main-layout-width);
        display: grid;
        grid-template-columns: var(--grid-template-column);
        gap: 1.5rem;
        margin: auto;
    }
}
.grid-column-2 {
    display: grid;
    grid-template-columns: 1fr;
}
@media (min-width: 754px) {
    .grid-column-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}
.grid-content {
    display: grid;
    grid-template-columns: var(--grid-template-column);
    grid-column: main-start/main-end;
    gap: 1rem;
}
@media (min-width: 754px) {
    .grid-content {
        max-width: var(--main-layout-width);
        grid-column: main-start/span 6;
        gap: 1rem;
    }
}
@media (min-width: 980px) {
    .grid-content {
        grid-column: main-start/span 10;
    }
}
.grid-sidebar {
    grid-column: main-start/main-end;
}
@media (min-width: 754px) {
    .grid-sidebar {
        grid-column: 2 span/main-end;
    }
}
@media (min-width: 980px) {
    .grid-sidebar {
        grid-column: 2 span/main-end;
    }
}
.grid-full-width {
    width: 100%;
    grid-column: main-start/main-end;
}
.mobile-layout-width {
    width: 100%;
    max-width: var(--main-layout-width);
    margin: 0 auto;
}
@media (min-width: 754px) {
    .mobile-layout-width {
        width: 100%;
    }
}
.grid-center-position {
    grid-column: main-start/main-end;
}
@media (min-width: 754px) {
    .grid-center-position {
        grid-column: 1 / span 8;
    }
}
@media (min-width: 980px) {
    .grid-center-position {
        grid-column: 3 / span 8;
    }
}
@media (min-width: 1200px) {
    .grid-center-position {
        grid-column: 2 / span 10;
    }
}
.gap-xxs {
    display: grid;
    gap: 0.25rem;
}
@media (min-width: 1200px) {
    .gap-xxs {
        gap: 0.75rem;
    }
}
.gap-xs {
    display: grid;
    gap: 0.5rem;
}
@media (min-width: 1200px) {
    .gap-xs {
        gap: 1rem;
    }
}
.gap-s {
    display: grid;
    gap: 1rem;
}
@media (min-width: 1200px) {
    .gap-s {
        gap: 1.5rem;
    }
}
.gap-m {
    display: grid;
    gap: 1.5rem;
}
@media (min-width: 1200px) {
    .gap-m {
        gap: 2rem;
    }
}
.gap-row-xxs {
    display: grid;
    grid-auto-columns: 100%;
    row-gap: 0.25rem;
}
@media (min-width: 1200px) {
    .gap-row-xxs {
        row-gap: 0.75rem;
    }
}
.gap-row-xs {
    display: grid;
    grid-auto-columns: 100%;
    row-gap: 0.5rem;
}
@media (min-width: 1200px) {
    .gap-row-xs {
        row-gap: 1rem;
    }
}
.gap-row-s {
    display: grid;
    grid-auto-columns: 100%;
    row-gap: 1rem;
}
@media (min-width: 1200px) {
    .gap-row-s {
        row-gap: 1.5rem;
    }
}
.gap-row-m {
    display: grid;
    grid-auto-columns: 100%;
    row-gap: 1.5rem;
}
@media (min-width: 1200px) {
    .gap-row-m {
        row-gap: 2rem;
    }
}
.gap-column-xxs {
    display: grid;
    grid-auto-flow: column;
    -webkit-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
}
@media (min-width: 1200px) {
    .gap-column-xxs {
        -webkit-column-gap: 0.75rem;
        -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
    }
}
.gap-column-xs {
    display: grid;
    grid-auto-flow: column;
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}
@media (min-width: 1200px) {
    .gap-column-xs {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
}
.gap-column-s {
    display: grid;
    grid-auto-flow: column;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}
@media (min-width: 1200px) {
    .gap-column-s {
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
}
.gap-column-m {
    display: grid;
    grid-auto-flow: column;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}
@media (min-width: 1200px) {
    .gap-column-m {
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
}
.align-items-center {
    align-items: center;
}
.align-content-center {
    align-content: center;
}
.align-items-start {
    align-items: start;
}
.align-self-start {
    align-self: start;
}
.align-items-end {
    align-items: flex-end;
}
.justify-content-start {
    justify-content: flex-start;
}
.justify-content-center {
    justify-content: center;
}
.justify-space-between {
    justify-content: space-between;
}
.d-flex {
    display: flex;
}
.justify-content--space-between {
    justify-content: space-between;
}
.justify-content--center {
    justify-content: center;
}
.align-items--center {
    align-items: center;
}
.flex-direction--column {
    flex-direction: column;
}
.flex-direction--column-reverse {
    flex-direction: column-reverse;
}
.flex-direction--row {
    flex-direction: row;
}
.margin-bottom-1 {
    margin-bottom: 0.5rem;
}
.padding-bottom-3 {
    padding-bottom: 3rem;
}
.height-fit-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.text-uppercase {
    text-transform: uppercase;
}
.text--align-center {
    text-align: center;
}
.text--align-start {
    text-align: start;
}
.text--upper {
    text-transform: uppercase;
}
.text--lowercase {
    text-transform: lowercase;
}
.text--capitalize {
    text-transform: capitalize;
}
.text--initial {
    text-transform: initial;
}
.text-color--menu-active {
    color: var(--color-text-menu-active);
}
.text-color--body {
    color: var(--color-text-body);
}
.text--color--alt {
    color: var(--color-text-alt);
}
.color-primary {
    color: var(--color-primary-1);
}
.color-text-body {
    color: var(--color-text-body);
}
.color-additional-gradient--silver {
    background: #fff;
    background: linear-gradient(
        180deg,
        #101a22e6,
        #fefefeb3 28.38%,
        #fefefe 54.22%,
        #fefefea3 75.89%,
        #101a2299
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.font__body {
    font-size: 1rem;
    line-height: normal;
    font-weight: 400;
}
@media (min-width: 320px) {
    .font__body {
        font-size: 1rem;
        line-height: 150%;
    }
}
.font__body--bold {
    font-size: 1rem;
    line-height: normal;
    font-weight: 700;
}
@media (min-width: 320px) {
    .font__body--bold {
        font-size: 1rem;
        line-height: 150%;
    }
}
.font__header {
    font-size: 1.25rem;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0;
}
@media (min-width: 754px) {
    .font__header {
        font-size: 1.5rem;
        line-height: normal;
    }
}
.font__header--normal {
    font-size: 1.25rem;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0;
}
@media (min-width: 754px) {
    .font__header--normal {
        font-size: 1.5rem;
        line-height: normal;
    }
}
.font__large-title {
    font-size: 2rem;
    line-height: 110%;
    font-weight: 900;
    letter-spacing: 0.01em;
}
@media (min-width: 754px) {
    .font__large-title {
        font-size: 3rem;
    }
}
.font__caption-1 {
    font-size: 0.875rem;
    line-height: 170%;
    text-transform: uppercase;
    font-weight: 700;
}
@media (min-width: 320px) {
    .font__caption-1 {
        font-size: 0.875rem;
        line-height: 170%;
    }
}
.font__caption-1--normal {
    font-size: 0.875rem;
    line-height: 170%;
    text-transform: uppercase;
    font-weight: 400;
}
@media (min-width: 320px) {
    .font__caption-1--normal {
        font-size: 0.875rem;
        line-height: 170%;
    }
}
.font__caption-1--bold {
    font-size: 0.875rem;
    line-height: 170%;
    text-transform: uppercase;
    font-weight: 700;
}
@media (min-width: 320px) {
    .font__caption-1--bold {
        font-size: 0.875rem;
        line-height: 170%;
    }
}
.font__caption-2 {
    font-size: 0.75rem;
    line-height: 140%;
    font-weight: 700;
}
@media (min-width: 320px) {
    .font__caption-2 {
        font-size: 0.75rem;
        line-height: 140%;
    }
}
.font__caption-2--normal {
    font-size: 0.75rem;
    line-height: 140%;
    font-weight: 400;
}
@media (min-width: 320px) {
    .font__caption-2--normal {
        font-size: 0.75rem;
        line-height: 140%;
    }
}
.font__caption-2--bold {
    font-size: 0.75rem;
    line-height: 140%;
    font-weight: 700;
}
@media (min-width: 320px) {
    .font__caption-2--bold {
        font-size: 0.75rem;
        line-height: 140%;
    }
}
.font__small-caption {
    font-size: 0.5625rem;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.06em;
}
@media (min-width: 320px) {
    .font__small-caption {
        font-size: 0.5625rem;
        line-height: 180%;
    }
}
.font__small-caption--bold {
    font-size: 0.5625rem;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.06em;
}
@media (min-width: 320px) {
    .font__small-caption--bold {
        font-size: 0.5625rem;
        line-height: 180%;
    }
}
.font-weight--bold {
    font-weight: 700;
}
.font-weight--black {
    font-weight: 900;
}
.nowrap {
    white-space: nowrap;
}
.link {
    cursor: pointer;
    color: var(--color-text-alt);
    font-size: inherit;
}
.link.active {
    color: var(--color-primary-1);
}
@media (min-width: 1200px) {
    .link:hover {
        color: var(--color-primary-1);
    }
}
.link--secondary {
    color: var(--color-primary-1);
    font-size: 1rem;
    line-height: normal;
    font-weight: 400;
    text-decoration: underline;
}
@media (min-width: 320px) {
    .link--secondary {
        font-size: 1rem;
        line-height: 150%;
    }
}
.link--secondary-bold {
    color: var(--color-primary-1);
    font-size: 1rem;
    line-height: normal;
    font-weight: 700;
    text-decoration: underline;
}
@media (min-width: 320px) {
    .link--secondary-bold {
        font-size: 1rem;
        line-height: 150%;
    }
}
:root {
    --border-radius-xs: 0.5rem;
    --border-radius-s: 1rem;
    --border-radius-m: 1.5rem;
    --filter-blur-xs: 0.5rem;
    --transition-default: 0.15s;
}
.theme-light {
    --color-layer-body: #fff;
    --color-layer-alt-1: #e8efff;
    --color-layer-alt-2: #b6bdcc;
    --color-layer-alt-3: #596070;
    --color-layer-alt-4: rgba(89, 96, 112, 0.5);
    --color-layer-alt-5: rgba(38, 42, 52, 0.6);
    --color-layer-alt-6: rgba(38, 42, 52, 0.8);
    --color-primary-1: #ffa000;
    --color-primary-2: #ffd149;
    --color-primary-3: #fdd835;
    --color-primary-4: #ffff7b;
    --color-primary-5: #ffffad;
    --color-secondary-1: #a153ff;
    --color-secondary-2: #2e0f6c;
    --color-secondary-3: #703bf5;
    --color-secondary-4: #c395ff;
    --color-secondary-5: #e6ceff;
    --color-error: #ff5e3a;
    --color-successfully: #1be176;
    --color-warning: #ffa000;
    --color-primary-gradient: linear-gradient(90deg, #ffa000, #ffff7b);
    --color-secondary-gradient: linear-gradient(
        90deg,
        #2e0f6c,
        #2e0f6c 0.01%,
        #712df5
    );
    --color-additional-gradient: linear-gradient(90deg, #11998e, #2ceebf);
    --color-tertiary-gradient: linear-gradient(
        0deg,
        #000a12 0%,
        rgba(0, 10, 18, 0) 100%
    );
    --color-tertiary-1: #000a12;
    --color-tertiary-3: rgba(182, 189, 204, 0.2);
    --color-tertiary-2: rgba(182, 189, 204, 0.4);
    --color-tertiary-4: rgba(182, 189, 204, 0.1);
    --color-tertiary-6: rgba(0, 10, 18, 0.64);
    --color-tertiary-5: rgba(0, 10, 18, 0.2);
    --color-text-body: #596070;
    --color-text-alt: var(--color-tertiary-1);
    --color-text-menu-default: #596070;
    --color-text-menu-active: var(--color-primary-1);
    --color-text-link-default: var(--color-secondary-3);
    --color-text-link-active: rgba(113, 45, 245, 0.7);
    --color-text-on-opposite-back: #ffffff;
    --color-button-text-primary: var(--color-tertiary-1);
    --color-button-text-secondary: var(--color-primary-1);
    --color-button-text-tertiary: var(--color-secondary-1);
}
.theme-dark {
    --color-layer-body: #000a12;
    --color-layer-alt-1: #262a34;
    --color-layer-alt-2: #2f3645;
    --color-layer-alt-3: #596070;
    --color-layer-alt-4: rgba(89, 96, 112, 0.5);
    --color-layer-alt-5: rgba(38, 42, 52, 0.6);
    --color-layer-alt-6: rgba(38, 42, 52, 0.8);
    --color-primary-1: #fdd835;
    --color-primary-2: #ffa000;
    --color-primary-3: #ffd149;
    --color-primary-4: #ffff7b;
    --color-primary-5: #ffffad;
    --color-secondary-1: #a153ff;
    --color-secondary-2: #2e0f6c;
    --color-secondary-3: #703bf5;
    --color-secondary-4: #c395ff;
    --color-secondary-5: #e6ceff;
    --color-error: #ff5e3a;
    --color-warning: #fdd835;
    --color-successfully: #1be176;
    --color-primary-gradient: linear-gradient(90deg, #ffa000, #ffff7b);
    --color-secondary-gradient: linear-gradient(
        90deg,
        #2e0f6c,
        #2e0f6c 0.01%,
        #712df5
    );
    --color-additional-gradient: linear-gradient(90deg, #11998e, #03dea9);
    --color-tertiary-gradient: linear-gradient(
        0deg,
        #000a12 0%,
        rgba(0, 10, 18, 0) 100%
    );
    --color-gradient-mask:
        linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    --mask-fade-left: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.3),
        rgb(0, 0, 0) 3rem
    );
    --mask-fade-right: linear-gradient(
        270deg,
        rgba(0, 0, 0, 0.3),
        rgb(0, 0, 0) 3rem
    );
    --mask-fade-leftright: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.3),
        rgb(0, 0, 0) 3rem,
        rgb(0, 0, 0) calc(100% - 3rem),
        rgba(0, 0, 0, 0.3)
    );
    --color-tertiary-1: #ffffff;
    --color-tertiary-2: rgba(182, 189, 204, 0.4);
    --color-tertiary-3: rgba(182, 189, 204, 0.2);
    --color-tertiary-4: rgba(182, 189, 204, 0.1);
    --color-tertiary-5: rgba(0, 10, 18, 0.2);
    --color-tertiary-6: rgba(0, 10, 18, 0.64);
    --color-text-body: #b6bdcc;
    --color-text-alt: #fff;
    --color-text-menu-default: var(--color-text-body);
    --color-text-menu-active: var(--color-primary-1);
    --color-text-link-default: var(--color-primary-3);
    --color-text-link-active: rgba(255, 209, 73, 0.7);
    --color-text-on-opposite-back: #000a12;
    --color-button-text-primary: var(--color-layer-body);
    --color-button-text-secondary: var(--color-primary-2);
    --color-button-text-tertiary: var(--color-secondary-1);
    --comp-point-bg: #0f0a41;
    --comp-point-card-bg: linear-gradient(
        277deg,
        rgba(84, 56, 255, 1) 0%,
        rgba(104, 135, 251, 1) 33.93%,
        rgba(166, 65, 255, 1) 59.56%,
        rgba(10, 93, 255, 1) 100%
    );
}
* {
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: var(--color-tertiary-2) transparent;
}
html {
    font-size: 16px;
    min-height: 100dvh;
}
body {
    margin: 0;
    font-family: Rubik, system-ui, sans-serif;
    display: block;
    background-color: var(--color-layer-body);
}
button {
    font-family: inherit;
    letter-spacing: 0.06rem;
}
input,
select {
    font-family: inherit;
    text-align: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
svg,
img {
    vertical-align: middle;
}
h1,
h2,
h3,
h4,
h5,
p,
ol,
ul {
    margin: 0;
}
h1,
h2,
h3 {
    letter-spacing: 0;
}
h1,
.h1 {
    font-size: 1.5rem;
    line-height: 125%;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0;
}
@media (min-width: 754px) {
    h1,
    .h1 {
        font-size: 2rem;
        line-height: 125%;
    }
}
h2,
.h2 {
    font-size: 1.25rem;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0;
}
@media (min-width: 754px) {
    h2,
    .h2 {
        font-size: 1.5rem;
        line-height: normal;
    }
}
h3,
.h3 {
    font-size: 1.25rem;
    line-height: normal;
    font-weight: 700;
}
@media (min-width: 320px) {
    h3,
    .h3 {
        font-size: 1.25rem;
        line-height: normal;
    }
}
h4,
.h4,
h5,
.h5 {
    font-size: 1rem;
    line-height: normal;
    font-weight: 700;
}
@media (min-width: 320px) {
    h4,
    .h4,
    h5,
    .h5 {
        font-size: 1rem;
        line-height: 150%;
    }
}
li {
    font-size: 1rem;
    line-height: normal;
    font-weight: 400;
}
@media (min-width: 320px) {
    li {
        font-size: 1rem;
        line-height: 150%;
    }
}
p {
    font-size: 1rem;
    line-height: normal;
    font-weight: 400;
}
@media (min-width: 320px) {
    p {
        font-size: 1rem;
        line-height: 150%;
    }
}
small {
    font-size: 1rem;
    line-height: 1.5rem;
}
ol,
ul {
    padding-left: 4rem;
}
ul {
    list-style-type: "•   ";
}
a {
    font-size: 1rem;
    line-height: normal;
    font-weight: 700;
    text-transform: unset;
    cursor: pointer;
    color: var(--color-primary-1);
    text-decoration: underline;
}
@media (min-width: 320px) {
    a {
        font-size: 1rem;
        line-height: 150%;
    }
}
b {
    font-weight: 900;
}
strong {
    font-weight: 700;
}
section,
.section {
    margin-bottom: 2rem;
}
table {
    color: inherit;
    font-size: 1.17rem;
}
#app {
    max-width: 100vw;
    width: 100%;
    color: var(--color-text-alt);
    background-color: var(--color-layer-body);
}
*,
:before,
:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: 

;
}
::-ms-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: 

;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: 

;
}
.red-dot:before {
    content: "";
    background-color: rgb(var(--error-500));
    border: 1px solid;
    border-color: rgb(var(--error-500));
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    margin-right: 0.5rem;
}
:root {
    --main-container-width: 100vw;
    --main-layout-width: calc(100vw - 2rem);
    --grid-template-column: [main-start] repeat(4, 1fr) [main-end];
}
@media (min-width: 754px) {
    :root {
        --grid-template-column: [main-start] repeat(8, 1fr) [main-end];
    }
}
@media (min-width: 980px) {
    :root {
        --main-container-width: calc(100vw - 7rem);
        --main-layout-width: calc(100vw - 7rem);
        --grid-template-column: [main-start] repeat(12, 1fr) [main-end];
    }
}
@media (min-width: 1420px) {
    :root {
        --main-container-width: 80rem;
        --main-layout-width: 80rem;
    }
}
@media (min-width: 1792px) {
    :root {
        --main-container-width: 104rem;
        --main-layout-width: 104rem;
    }
}
*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor;
}
hr {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgba(var(--neutral-600), var(--tw-border-opacity, 1));
    width: 100%;
    margin: 0;
    border-style: inset;
}
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom);
}
.onboarding-popover.driver-popover {
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--secondary-500), var(--tw-bg-opacity, 1));
    padding: 0.5rem;
    color: var(--color-text-alt);
}
.onboarding-popover.driver-popover.small {
    width: 15rem;
    min-width: 12.5rem;
}
.onboarding-popover.driver-popover .driver-popover-description {
    font-family: var(--font-family);
    font-size: 1rem;
    line-height: normal;
    font-weight: 400;
}
@media (min-width: 320px) {
    .onboarding-popover.driver-popover .driver-popover-description {
        font-size: 1rem;
        line-height: 150%;
    }
}
.onboarding-popover.driver-popover .driver-popover-progress-text {
    font-family: var(--font-family);
    color: var(--color-text-alt);
    font-size: 0.75rem;
    line-height: 140%;
    font-weight: 400;
}
@media (min-width: 320px) {
    .onboarding-popover.driver-popover .driver-popover-progress-text {
        font-size: 0.75rem;
        line-height: 140%;
    }
}
.onboarding-popover.driver-popover .driver-popover-navigation-btns button {
    font-family: var(--font-family);
    border-radius: 0.5rem;
    border-style: none;
    background-image: var(--color-primary-gradient);
    padding: 0.5rem 1.5rem;
    color: var(--color-layer-body);
    text-shadow: none;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem;
    letter-spacing: 0.03em;
}
.onboarding-popover.driver-popover
    .driver-popover-navigation-btns
    button:hover {
    background: var(--color-primary-3);
}
.onboarding-popover.driver-popover
    .driver-popover-arrow-side-left.driver-popover-arrow {
    --tw-border-opacity: 1;
    border-left-color: rgba(var(--secondary-500), var(--tw-border-opacity, 1));
}
.onboarding-popover.driver-popover
    .driver-popover-arrow-side-right.driver-popover-arrow {
    --tw-border-opacity: 1;
    border-right-color: rgba(var(--secondary-500), var(--tw-border-opacity, 1));
}
.onboarding-popover.driver-popover
    .driver-popover-arrow-side-top.driver-popover-arrow {
    --tw-border-opacity: 1;
    border-top-color: rgba(var(--secondary-500), var(--tw-border-opacity, 1));
}
.onboarding-popover.driver-popover
    .driver-popover-arrow-side-bottom.driver-popover-arrow {
    --tw-border-opacity: 1;
    border-bottom-color: rgba(
        var(--secondary-500),
        var(--tw-border-opacity, 1)
    );
}
.onboarding-popover.driver-popover .driver-popover-footer {
    margin-top: 0.5rem;
}
.container {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
}
@media (min-width: 320px) {
    .container {
        max-width: 320px;
    }
}
@media (min-width: 375px) {
    .container {
        max-width: 375px;
    }
}
@media (min-width: 508px) {
    .container {
        max-width: 508px;
    }
}
@media (min-width: 754px) {
    .container {
        max-width: 754px;
    }
}
@media (min-width: 980px) {
    .container {
        max-width: 980px;
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}
@media (min-width: 1420px) {
    .container {
        max-width: 1420px;
    }
}
@media (min-width: 1792px) {
    .container {
        max-width: 1792px;
    }
}
.container {
    max-width: var(--main-container-width);
}
.pointer-events-none {
    pointer-events: none;
}
.pointer-events-auto {
    pointer-events: auto;
}
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}
.collapse {
    visibility: collapse;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.sticky {
    position: -webkit-sticky;
    position: sticky;
}
.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.-right-\[0\.25rem\] {
    right: -0.25rem;
}
.-top-\[3\.75rem\] {
    top: -3.75rem;
}
.bottom-0 {
    bottom: 0;
}
.bottom-1 {
    bottom: 0.25rem;
}
.bottom-20 {
    bottom: 5rem;
}
.bottom-24 {
    bottom: 6rem;
}
.left-0 {
    left: 0;
}
.left-1\/2 {
    left: 50%;
}
.right-0 {
    right: 0;
}
.right-2 {
    right: 0.5rem;
}
.right-4 {
    right: 1rem;
}
.right-\[-0\.25rem\] {
    right: -0.25rem;
}
.top-0 {
    top: 0;
}
.top-1\/2 {
    top: 50%;
}
.top-2 {
    top: 0.5rem;
}
.top-\[-0\.25rem\] {
    top: -0.25rem;
}
.top-\[5\.5rem\] {
    top: 5.5rem;
}
.z-0 {
    z-index: 0;
}
.z-1 {
    z-index: 1;
}
.z-10 {
    z-index: 10;
}
.z-100 {
    z-index: 100;
}
.z-1000 {
    z-index: 1000;
}
.z-2 {
    z-index: 2;
}
.z-99 {
    z-index: 99;
}
.z-9999 {
    z-index: 9999;
}
.order-\[999\] {
    order: 999;
}
.col-start-2 {
    grid-column-start: 2;
}
.col-start-3 {
    grid-column-start: 3;
}
.m-0 {
    margin: 0;
}
.m-2 {
    margin: 0.5rem;
}
.m-auto {
    margin: auto;
}
.\!mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}
.\!mb-0 {
    margin-bottom: 0 !important;
}
.\!mb-6 {
    margin-bottom: 1.5rem !important;
}
.\!ml-0 {
    margin-left: 0 !important;
}
.-mb-2 {
    margin-bottom: -0.5rem;
}
.-ml-6 {
    margin-left: -1.5rem;
}
.-mt-1\.5 {
    margin-top: -0.375rem;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-1 {
    margin-bottom: 0.25rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.mb-24 {
    margin-bottom: 6rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.mb-8 {
    margin-bottom: 2rem;
}
.mb-auto {
    margin-bottom: auto;
}
.ml-1 {
    margin-left: 0.25rem;
}
.ml-2 {
    margin-left: 0.5rem;
}
.ml-4 {
    margin-left: 1rem;
}
.mr-1 {
    margin-right: 0.25rem;
}
.mr-1\.5 {
    margin-right: 0.375rem;
}
.mr-2 {
    margin-right: 0.5rem;
}
.mr-2\.5 {
    margin-right: 0.625rem;
}
.mt-0 {
    margin-top: 0;
}
.mt-1 {
    margin-top: 0.25rem;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mt-3 {
    margin-top: 0.75rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mt-6 {
    margin-top: 1.5rem;
}
.mt-auto {
    margin-top: auto;
}
.box-border {
    box-sizing: border-box;
}
.box-content {
    box-sizing: content-box;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.flex {
    display: flex;
}
.table {
    display: table;
}
.grid {
    display: grid;
}
.contents {
    display: contents;
}
.hidden {
    display: none;
}
.h-10 {
    height: 2.5rem;
}
.h-12 {
    height: 3rem;
}
.h-14 {
    height: 3.5rem;
}
.h-16 {
    height: 4rem;
}
.h-20 {
    height: 5rem;
}
.h-24 {
    height: 6rem;
}
.h-32 {
    height: 8rem;
}
.h-36 {
    height: 9rem;
}
.h-4 {
    height: 1rem;
}
.h-40 {
    height: 10rem;
}
.h-48 {
    height: 12rem;
}
.h-56 {
    height: 14rem;
}
.h-6 {
    height: 1.5rem;
}
.h-84 {
    height: 21rem;
}
.h-\[19rem\] {
    height: 19rem;
}
.h-\[2\.5rem\] {
    height: 2.5rem;
}
.h-\[31rem\] {
    height: 31rem;
}
.h-\[3rem\] {
    height: 3rem;
}
.h-\[4\.5rem\] {
    height: 4.5rem;
}
.h-\[9rem\] {
    height: 9rem;
}
.h-auto {
    height: auto;
}
.h-fit {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.h-full {
    height: 100%;
}
.h-inherit {
    height: inherit;
}
.h-px {
    height: 1px;
}
.\!max-h-0 {
    max-height: 0px !important;
}
.max-h-8 {
    max-height: 2rem;
}
.max-h-\[26rem\] {
    max-height: 26rem;
}
.max-h-\[5\.25rem\] {
    max-height: 5.25rem;
}
.max-h-\[50rem\] {
    max-height: 50rem;
}
.max-h-\[55rem\] {
    max-height: 55rem;
}
.max-h-\[60vh\] {
    max-height: 60vh;
}
.max-h-\[80dvh\] {
    max-height: 80dvh;
}
.\!min-h-96 {
    min-height: 24rem !important;
}
.\!w-fit {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
}
.w-1\/2 {
    width: 50%;
}
.w-10 {
    width: 2.5rem;
}
.w-12 {
    width: 3rem;
}
.w-14 {
    width: 3.5rem;
}
.w-16 {
    width: 4rem;
}
.w-20 {
    width: 5rem;
}
.w-24 {
    width: 6rem;
}
.w-30 {
    width: 7.5rem;
}
.w-32 {
    width: 8rem;
}
.w-4 {
    width: 1rem;
}
.w-40 {
    width: 10rem;
}
.w-6 {
    width: 1.5rem;
}
.w-72 {
    width: 18rem;
}
.w-\[11rem\] {
    width: 11rem;
}
.w-\[17rem\] {
    width: 17rem;
}
.w-\[18rem\] {
    width: 18rem;
}
.w-\[2\.25rem\] {
    width: 2.25rem;
}
.w-\[2\.5rem\] {
    width: 2.5rem;
}
.w-\[20\.5rem\] {
    width: 20.5rem;
}
.w-\[22rem\] {
    width: 22rem;
}
.w-\[3rem\] {
    width: 3rem;
}
.w-\[4\.5rem\] {
    width: 4.5rem;
}
.w-\[8rem\] {
    width: 8rem;
}
.w-auto {
    width: auto;
}
.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.w-full {
    width: 100%;
}
.w-max {
    width: -webkit-max-content;
    width: max-content;
}
.min-w-0 {
    min-width: 0px;
}
.min-w-6 {
    min-width: 1.5rem;
}
.min-w-8 {
    min-width: 2rem;
}
.min-w-full {
    min-width: 100%;
}
.\!max-w-20 {
    max-width: 5rem !important;
}
.max-w-30 {
    max-width: 7.5rem;
}
.max-w-36 {
    max-width: 9rem;
}
.max-w-8 {
    max-width: 2rem;
}
.max-w-\[100vw\] {
    max-width: 100vw;
}
.max-w-\[20\.5rem\] {
    max-width: 20.5rem;
}
.max-w-\[27rem\] {
    max-width: 27rem;
}
.max-w-\[31\.5rem\] {
    max-width: 31.5rem;
}
.max-w-\[31rem\] {
    max-width: 31rem;
}
.max-w-\[55rem\] {
    max-width: 55rem;
}
.max-w-\[81\.25rem\] {
    max-width: 81.25rem;
}
.max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
}
.max-w-\[var\(--2xl\)\] {
    max-width: var(--2xl);
}
.max-w-full {
    max-width: 100%;
}
.max-w-layout {
    max-width: var(--main-layout-width);
}
.max-w-min {
    max-width: -webkit-min-content;
    max-width: min-content;
}
.flex-1 {
    flex: 1 1 0%;
}
.flex-\[1_0_0\] {
    flex: 1 0 0;
}
.flex-shrink {
    flex-shrink: 1;
}
.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0;
}
.flex-grow,
.grow {
    flex-grow: 1;
}
.grow-0 {
    flex-grow: 0;
}
.basis-0 {
    flex-basis: 0px;
}
.border-collapse {
    border-collapse: collapse;
}
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
    --tw-translate-x: 0px;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-8 {
    --tw-translate-x: 2rem;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0 {
    --tw-rotate: 0deg;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
    --tw-rotate: 180deg;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!cursor-default {
    cursor: default !important;
}
.cursor-default {
    cursor: default;
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-wait {
    cursor: wait;
}
.resize {
    resize: both;
}
.auto-cols-columns-auto {
    grid-auto-columns: minmax(0, auto);
}
.auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
}
.auto-cols-full {
    grid-auto-columns: 100%;
}
.grid-flow-col {
    grid-auto-flow: column;
}
.auto-rows-auto {
    grid-auto-rows: auto;
}
.auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-rows-\[auto_1fr\] {
    grid-template-rows: auto 1fr;
}
.flex-row {
    flex-direction: row;
}
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.place-content-start {
    place-content: start;
}
.content-center {
    align-content: center;
}
.items-start {
    align-items: flex-start;
}
.items-end {
    align-items: flex-end;
}
.items-center {
    align-items: center;
}
.items-baseline {
    align-items: baseline;
}
.items-stretch {
    align-items: stretch;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-items-center {
    justify-items: center;
}
.gap-0\.5 {
    gap: 0.125rem;
}
.gap-1 {
    gap: 0.25rem;
}
.gap-2 {
    gap: 0.5rem;
}
.gap-4 {
    gap: 1rem;
}
.gap-6 {
    gap: 1.5rem;
}
.gap-\[0\.125rem\] {
    gap: 0.125rem;
}
.gap-x-1 {
    -webkit-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
}
.gap-x-2 {
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}
.gap-x-4 {
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}
.gap-x-6 {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}
.gap-y-2 {
    row-gap: 0.5rem;
}
.gap-y-4 {
    row-gap: 1rem;
}
.gap-y-6 {
    row-gap: 1.5rem;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.justify-self-start {
    justify-self: start;
}
.justify-self-end {
    justify-self: end;
}
.justify-self-center {
    justify-self: center;
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-x-clip {
    overflow-x: clip;
}
.overflow-y-scroll {
    overflow-y: scroll;
}
.text-ellipsis {
    text-overflow: ellipsis;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.whitespace-pre-line {
    white-space: pre-line;
}
.text-wrap {
    text-wrap: wrap;
}
.text-nowrap {
    text-wrap: nowrap;
}
.\!rounded-2xl {
    border-radius: 1rem !important;
}
.rounded {
    border-radius: 0.25rem;
}
.rounded-2xl {
    border-radius: 1rem;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-lg {
    border-radius: 0.5rem;
}
.rounded-none {
    border-radius: 0;
}
.rounded-xl {
    border-radius: 0.75rem;
}
.rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}
.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
}
.rounded-tr-lg {
    border-top-right-radius: 0.5rem;
}
.border {
    border-width: 1px;
}
.border-0 {
    border-width: 0px;
}
.border-2 {
    border-width: 2px;
}
.border-b {
    border-bottom-width: 1px;
}
.border-b-0 {
    border-bottom-width: 0px;
}
.border-t {
    border-top-width: 1px;
}
.border-none {
    border-style: none;
}
.border-neutral-300\/20 {
    border-color: rgba(var(--neutral-300), 0.2);
}
.border-neutral-500 {
    --tw-border-opacity: 1;
    border-color: rgba(var(--neutral-500), var(--tw-border-opacity, 1));
}
.border-neutral-500\/50 {
    border-color: rgba(var(--neutral-500), 0.5);
}
.border-neutral-600 {
    --tw-border-opacity: 1;
    border-color: rgba(var(--neutral-600), var(--tw-border-opacity, 1));
}
.border-primary-400 {
    --tw-border-opacity: 1;
    border-color: rgba(var(--primary-400), var(--tw-border-opacity, 1));
}
.border-primary-700 {
    --tw-border-opacity: 1;
    border-color: rgba(var(--primary-700), var(--tw-border-opacity, 1));
}
.border-transparent {
    border-color: transparent;
}
.\!bg-neutral-700 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(
        var(--neutral-700),
        var(--tw-bg-opacity, 1)
    ) !important;
}
.bg-error {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--error-500), var(--tw-bg-opacity, 1));
}
.bg-neutral-300\/10 {
    background-color: rgba(var(--neutral-300), 0.1);
}
.bg-neutral-300\/20 {
    background-color: rgba(var(--neutral-300), 0.2);
}
.bg-neutral-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--neutral-500), var(--tw-bg-opacity, 1));
}
.bg-neutral-500\/50 {
    background-color: rgba(var(--neutral-500), 0.5);
}
.bg-neutral-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--neutral-600), var(--tw-bg-opacity, 1));
}
.bg-neutral-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--neutral-700), var(--tw-bg-opacity, 1));
}
.bg-neutral-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--neutral-900), var(--tw-bg-opacity, 1));
}
.bg-neutral-900\/20 {
    background-color: rgba(var(--neutral-900), 0.2);
}
.bg-neutral-900\/60 {
    background-color: rgba(var(--neutral-900), 0.6);
}
.bg-primary-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--primary-400), var(--tw-bg-opacity, 1));
}
.bg-secondary-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--secondary-300), var(--tw-bg-opacity, 1));
}
.bg-secondary-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--secondary-50), var(--tw-bg-opacity, 1));
}
.bg-secondary-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--secondary-500), var(--tw-bg-opacity, 1));
}
.bg-success-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--success-500), var(--tw-bg-opacity, 1));
}
.bg-transparent {
    background-color: transparent;
}
.bg-\[image\:var\(--color-additional-gradient\)\] {
    background-image: var(--color-additional-gradient);
}
.bg-\[image\:var\(--color-secondary-gradient\)\] {
    background-image: var(--color-secondary-gradient);
}
.bg-\[image\:var\(--vip-club-green-label\)\] {
    background-image: var(--vip-club-green-label);
}
.bg-\[image\:var\(--vip-club-top-gradient\)\] {
    background-image: var(--vip-club-top-gradient);
}
.bg-\[image\:var\(--vip-club-top-guest-bg\)\] {
    background-image: var(--vip-club-top-guest-bg);
}
.bg-\[image\:var\(--vip-сlub-accent-bg\)\] {
    background-image: var(--vip-сlub-accent-bg);
}
.bg-\[length\:2rem\] {
    background-size: 2rem;
}
.bg-contain {
    background-size: contain;
}
.bg-center {
    background-position: center;
}
.bg-right {
    background-position: right;
}
.bg-no-repeat {
    background-repeat: no-repeat;
}
.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.object-\[50\%_25\%\] {
    -o-object-position: 50% 25%;
    object-position: 50% 25%;
}
.object-center {
    -o-object-position: center;
    object-position: center;
}
.\!p-0 {
    padding: 0 !important;
}
.\!p-4 {
    padding: 1rem !important;
}
.p-0 {
    padding: 0;
}
.p-1 {
    padding: 0.25rem;
}
.p-2 {
    padding: 0.5rem;
}
.p-3 {
    padding: 0.75rem;
}
.p-4 {
    padding: 1rem;
}
.p-6 {
    padding: 1.5rem;
}
.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}
.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.\!pb-4 {
    padding-bottom: 1rem !important;
}
.\!pt-0 {
    padding-top: 0 !important;
}
.\!pt-2 {
    padding-top: 0.5rem !important;
}
.pb-14 {
    padding-bottom: 3.5rem;
}
.pb-2 {
    padding-bottom: 0.5rem;
}
.pb-3 {
    padding-bottom: 0.75rem;
}
.pb-4 {
    padding-bottom: 1rem;
}
.pb-6 {
    padding-bottom: 1.5rem;
}
.pl-1 {
    padding-left: 0.25rem;
}
.pl-2 {
    padding-left: 0.5rem;
}
.pl-3 {
    padding-left: 0.75rem;
}
.pl-6 {
    padding-left: 1.5rem;
}
.pr-2 {
    padding-right: 0.5rem;
}
.pr-3 {
    padding-right: 0.75rem;
}
.pr-7 {
    padding-right: 1.75rem;
}
.pr-8 {
    padding-right: 2rem;
}
.pt-0 {
    padding-top: 0;
}
.pt-1 {
    padding-top: 0.25rem;
}
.pt-2 {
    padding-top: 0.5rem;
}
.pt-4 {
    padding-top: 1rem;
}
.pt-6 {
    padding-top: 1.5rem;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.font-sans {
    font-family: var(--font-family);
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}
.font-black {
    font-weight: 900;
}
.font-bold {
    font-weight: 700;
}
.font-normal {
    font-weight: 400;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.capitalize {
    text-transform: capitalize;
}
.\!normal-case {
    text-transform: none !important;
}
.normal-case {
    text-transform: none;
}
.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)
        var(--tw-numeric-figure) var(--tw-numeric-spacing)
        var(--tw-numeric-fraction);
}
.leading-none {
    line-height: 1;
}
.leading-tight {
    line-height: 1.25;
}
.\!text-\[var\(--color-text-body\)\] {
    color: var(--color-text-body) !important;
}
.text-\[white\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-alt {
    color: var(--color-text-alt);
}
.text-body {
    color: var(--color-text-body);
}
.text-error {
    --tw-text-opacity: 1;
    color: rgba(var(--error-500), var(--tw-text-opacity, 1));
}
.text-neutral-300 {
    --tw-text-opacity: 1;
    color: rgba(var(--neutral-300), var(--tw-text-opacity, 1));
}
.text-neutral-400 {
    --tw-text-opacity: 1;
    color: rgba(var(--neutral-400), var(--tw-text-opacity, 1));
}
.text-neutral-900 {
    --tw-text-opacity: 1;
    color: rgba(var(--neutral-900), var(--tw-text-opacity, 1));
}
.text-primary-300 {
    --tw-text-opacity: 1;
    color: rgba(var(--primary-300), var(--tw-text-opacity, 1));
}
.text-primary-400 {
    --tw-text-opacity: 1;
    color: rgba(var(--primary-400), var(--tw-text-opacity, 1));
}
.text-primary-700 {
    --tw-text-opacity: 1;
    color: rgba(var(--primary-700), var(--tw-text-opacity, 1));
}
.text-secondary-900 {
    --tw-text-opacity: 1;
    color: rgba(var(--secondary-900), var(--tw-text-opacity, 1));
}
.text-success {
    --tw-text-opacity: 1;
    color: rgba(var(--success-500), var(--tw-text-opacity, 1));
}
.underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
.line-through {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
}
.no-underline {
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
}
.\!opacity-0 {
    opacity: 0 !important;
}
.opacity-0 {
    opacity: 0;
}
.opacity-100 {
    opacity: 1;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-70 {
    opacity: 0.7;
}
.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:
        0 1px 3px 0 var(--tw-shadow-color),
        0 1px 2px -1px var(--tw-shadow-color);
    box-shadow:
        var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_0\] {
    --tw-shadow: 0 1px 2px 0;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow:
        var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_4px_0\] {
    --tw-shadow: 0 4px 4px 0;
    --tw-shadow-colored: 0 4px 4px 0 var(--tw-shadow-color);
    box-shadow:
        var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:
        var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-neutral-900\/10 {
    --tw-shadow-color: rgba(var(--neutral-900), 0.1);
    --tw-shadow: var(--tw-shadow-colored);
}
.outline {
    outline-style: solid;
}
.blur {
    --tw-blur: blur(8px);
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-200 {
    --tw-brightness: brightness(2);
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
    --tw-grayscale: grayscale(100%);
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
    --tw-invert: invert(100%);
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur)
        var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
        var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
        var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
        var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
        var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
        var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
        var(--tw-backdrop-sepia);
}
.backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur)
        var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
        var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
        var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
        var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
        var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
        var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
        var(--tw-backdrop-sepia);
}
.backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur)
        var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
        var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
        var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
        var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
        var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
        var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
        var(--tw-backdrop-sepia);
}
.transition {
    transition-property:
        color,
        background-color,
        border-color,
        fill,
        stroke,
        opacity,
        box-shadow,
        -webkit-text-decoration-color,
        -webkit-transform,
        -webkit-filter,
        -webkit-backdrop-filter;
    transition-property:
        color, background-color, border-color, text-decoration-color, fill,
        stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property:
        color,
        background-color,
        border-color,
        text-decoration-color,
        fill,
        stroke,
        opacity,
        box-shadow,
        transform,
        filter,
        backdrop-filter,
        -webkit-text-decoration-color,
        -webkit-transform,
        -webkit-filter,
        -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.transition-colors {
    transition-property:
        color,
        background-color,
        border-color,
        fill,
        stroke,
        -webkit-text-decoration-color;
    transition-property:
        color, background-color, border-color, text-decoration-color, fill,
        stroke;
    transition-property:
        color,
        background-color,
        border-color,
        text-decoration-color,
        fill,
        stroke,
        -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.transition-transform {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property:
        transform,
        -webkit-transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.duration-100 {
    transition-duration: 0.1s;
}
.duration-200 {
    transition-duration: 0.2s;
}
.duration-300 {
    transition-duration: 0.3s;
}
.duration-500 {
    transition-duration: 0.5s;
}
.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
    transition-timing-function: linear;
}
:root {
    --font-family: "Rubik", system-ui, sans-serif;
    --xxs: 320px;
    --xs: 375px;
    --sm: 508px;
    --md: 754px;
    --lg: 980px;
    --xl: 1200px;
    --2xl: 1420px;
    --3xl: 1792px;
    --primary-50: 255, 255, 173;
    --primary-100: 255, 255, 159;
    --primary-200: 255, 255, 123;
    --primary-300: 255, 209, 73;
    --primary-400: 253, 216, 53;
    --primary-500: 255, 208, 122;
    --primary-600: 255, 185, 77;
    --primary-700: 255, 160, 0;
    --primary-800: 245, 124, 0;
    --primary-900: 230, 81, 0;
    --secondary-50: 230, 206, 255;
    --secondary-100: 211, 181, 255;
    --secondary-200: 195, 149, 255;
    --secondary-300: 161, 83, 255;
    --secondary-400: 140, 73, 245;
    --secondary-500: 112, 59, 245;
    --secondary-600: 92, 46, 181;
    --secondary-700: 71, 26, 140;
    --secondary-800: 46, 15, 108;
    --secondary-900: 36, 10, 77;
    --neutral-100: 232, 236, 242;
    --neutral-200: 219, 223, 229;
    --neutral-300: 182, 189, 204;
    --neutral-400: 149, 153, 166;
    --neutral-500: 89, 96, 112;
    --neutral-600: 47, 54, 69;
    --neutral-700: 38, 42, 52;
    --neutral-800: 26, 29, 35;
    --neutral-900: 0, 10, 18;
    --error-500: 255, 94, 58;
    --warning-500: 253, 216, 53;
    --success-500: 27, 225, 118;
    --vip-club-top-guest-bg: radial-gradient(
        50% 100% at 50% 0%,
        #171e37 0%,
        rgb(var(--neutral-900)) 100%
    );
    --vip-сlub-accent-bg: linear-gradient(
        180deg,
        #101a22 3.13%,
        #00090e 96.87%
    );
    --vip-club-top-gradient: linear-gradient(
        180deg,
        #171e37 0%,
        rgb(var(--neutral-900)) 96.87%
    );
    --vip-club-green-label: linear-gradient(90deg, #11998e 0%, #03dea9 100%);
    --vip-club-stroke: #6a7e85;
    --vip-club-vip-level-gradient: linear-gradient(
        90deg,
        rgba(84, 56, 255, 1) 0%,
        rgba(104, 135, 251, 1) 25%,
        rgba(166, 65, 255, 1) 50%,
        rgba(10, 93, 255, 1) 100%
    );
}
@media (min-width: 980px) {
    .lg\:container {
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
    }
    @media (min-width: 320px) {
        .lg\:container {
            max-width: 320px;
        }
    }
    @media (min-width: 375px) {
        .lg\:container {
            max-width: 375px;
        }
    }
    @media (min-width: 508px) {
        .lg\:container {
            max-width: 508px;
        }
    }
    @media (min-width: 754px) {
        .lg\:container {
            max-width: 754px;
        }
    }
    .lg\:container {
        max-width: 980px;
        padding-right: 0;
        padding-left: 0;
    }
    @media (min-width: 1200px) {
        .lg\:container {
            max-width: 1200px;
        }
    }
    @media (min-width: 1420px) {
        .lg\:container {
            max-width: 1420px;
        }
    }
    @media (min-width: 1792px) {
        .lg\:container {
            max-width: 1792px;
        }
    }
    .lg\:container {
        max-width: var(--main-container-width);
    }
}
.before\:right-1:before {
    content: var(--tw-content);
    right: 0.25rem;
}
.before\:m-0:before {
    content: var(--tw-content);
    margin: 0;
}
.before\:mr-1:before {
    content: var(--tw-content);
    margin-right: 0.25rem;
}
.before\:mt-2:before {
    content: var(--tw-content);
    margin-top: 0.5rem;
}
.before\:flex:before {
    content: var(--tw-content);
    display: flex;
}
.before\:h-2:before {
    content: var(--tw-content);
    height: 0.5rem;
}
.before\:w-2:before {
    content: var(--tw-content);
    width: 0.5rem;
}
.before\:rounded-3xl:before {
    content: var(--tw-content);
    border-radius: 1.5rem;
}
.before\:\!bg-error:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1 !important;
    background-color: rgba(
        var(--error-500),
        var(--tw-bg-opacity, 1)
    ) !important;
}
.before\:bg-error:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgba(var(--error-500), var(--tw-bg-opacity, 1));
}
.before\:bg-primary-400:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgba(var(--primary-400), var(--tw-bg-opacity, 1));
}
.before\:bg-success:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgba(var(--success-500), var(--tw-bg-opacity, 1));
}
.before\:content-empty:before {
    --tw-content: "";
    content: var(--tw-content);
}
.first\:rounded-t-2xl:first-child {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.last\:rounded-b-2xl:last-child {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.visited\:text-primary-700:visited {
    color: rgba(var(--primary-700), var(--tw-text-opacity, 1));
}
.visited\:no-underline:visited {
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
}
.hover\:border-2:hover {
    border-width: 2px;
}
.hover\:border-neutral-900\/20:hover {
    border-color: rgba(var(--neutral-900), 0.2);
}
.hover\:bg-neutral-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--neutral-700), var(--tw-bg-opacity, 1));
}
.hover\:text-primary-400:hover,
.active\:text-primary-400:active {
    --tw-text-opacity: 1;
    color: rgba(var(--primary-400), var(--tw-text-opacity, 1));
}
.group\/winners-item:hover .group-hover\/winners-item\:block {
    display: block;
}
.group\/winners-item:hover .group-hover\/winners-item\:hidden {
    display: none;
}
.group.modal-view .group-\[\.modal-view\]\:grid {
    display: grid;
}
.group.modal-view .group-\[\.modal-view\]\:w-full {
    width: 100%;
}
.group.modal-view .group-\[\.modal-view\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 320px) {
    .xxs\:justify-between {
        justify-content: space-between;
    }
    .xxs\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}
@media (min-width: 375px) {
    .xs\:z-10 {
        z-index: 10;
    }
    .xs\:block {
        display: block;
    }
    .xs\:w-auto {
        width: auto;
    }
    .xs\:w-full {
        width: 100%;
    }
    .xs\:flex-row {
        flex-direction: row;
    }
    .xs\:items-center {
        align-items: center;
    }
    .xs\:justify-between {
        justify-content: space-between;
    }
}
@media (min-width: 508px) {
    .sm\:mb-6 {
        margin-bottom: 1.5rem;
    }
    .sm\:max-h-\[25rem\] {
        max-height: 25rem;
    }
    .sm\:max-w-\[42\.5rem\] {
        max-width: 42.5rem;
    }
    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:gap-6 {
        gap: 1.5rem;
    }
    .sm\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}
@media (min-width: 754px) {
    .md\:relative {
        position: relative;
    }
    .md\:m-auto {
        margin: auto;
    }
    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .md\:mb-4 {
        margin-bottom: 1rem;
    }
    .md\:ml-0 {
        margin-left: 0;
    }
    .md\:mr-auto {
        margin-right: auto;
    }
    .md\:mt-0 {
        margin-top: 0;
    }
    .md\:mt-8 {
        margin-top: 2rem;
    }
    .md\:block {
        display: block;
    }
    .md\:flex {
        display: flex;
    }
    .md\:h-10 {
        height: 2.5rem;
    }
    .md\:h-12 {
        height: 3rem;
    }
    .md\:h-20 {
        height: 5rem;
    }
    .md\:h-\[90dvh\] {
        height: 90dvh;
    }
    .md\:\!max-h-\[80vh\] {
        max-height: 80vh !important;
    }
    .md\:w-120 {
        width: 30rem;
    }
    .md\:w-20 {
        width: 5rem;
    }
    .md\:w-\[8\.75rem\] {
        width: 8.75rem;
    }
    .md\:w-auto {
        width: auto;
    }
    .md\:w-full {
        width: 100%;
    }
    .md\:max-w-\[21\.5rem\] {
        max-width: 21.5rem;
    }
    .md\:max-w-full {
        max-width: 100%;
    }
    .md\:max-w-layout {
        max-width: var(--main-layout-width);
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .md\:flex-row {
        flex-direction: row;
    }
    .md\:flex-col {
        flex-direction: column;
    }
    .md\:items-center {
        align-items: center;
    }
    .md\:justify-end {
        justify-content: flex-end;
    }
    .md\:justify-center {
        justify-content: center;
    }
    .md\:gap-1 {
        gap: 0.25rem;
    }
    .md\:gap-4 {
        gap: 1rem;
    }
    .md\:gap-6 {
        gap: 1.5rem;
    }
    .md\:gap-8 {
        gap: 2rem;
    }
    .md\:overflow-hidden {
        overflow: hidden;
    }
    .md\:rounded-3xl {
        border-radius: 1.5rem;
    }
    .md\:rounded-lg {
        border-radius: 0.5rem;
    }
    .md\:rounded-t-2xl {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }
    .md\:rounded-t-3xl {
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
    }
    .md\:bg-neutral-700 {
        --tw-bg-opacity: 1;
        background-color: rgba(var(--neutral-700), var(--tw-bg-opacity, 1));
    }
    .md\:bg-\[length\:19rem_8rem\] {
        background-size: 19rem 8rem;
    }
    .md\:bg-\[75\%_center\] {
        background-position: 75% center;
    }
    .md\:p-0 {
        padding: 0;
    }
    .md\:p-4 {
        padding: 1rem;
    }
    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .md\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .md\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .md\:pb-12 {
        padding-bottom: 3rem;
    }
    .md\:pt-4 {
        padding-top: 1rem;
    }
    .md\:pt-6 {
        padding-top: 1.5rem;
    }
    .md\:pt-9 {
        padding-top: 2.25rem;
    }
    .md\:text-left {
        text-align: left;
    }
    .md\:text-center {
        text-align: center;
    }
}
@media (min-width: 980px) {
    .lg\:\!mb-8 {
        margin-bottom: 2rem !important;
    }
    .lg\:mb-2 {
        margin-bottom: 0.5rem;
    }
    .lg\:mb-3 {
        margin-bottom: 0.75rem;
    }
    .lg\:mb-4 {
        margin-bottom: 1rem;
    }
    .lg\:mb-6 {
        margin-bottom: 1.5rem;
    }
    .lg\:mb-8 {
        margin-bottom: 2rem;
    }
    .lg\:mt-4 {
        margin-top: 1rem;
    }
    .lg\:mt-8 {
        margin-top: 2rem;
    }
    .lg\:h-\[8rem\] {
        height: 8rem;
    }
    .lg\:w-24 {
        width: 6rem;
    }
    .lg\:max-w-27\.5 {
        max-width: 6.875rem;
    }
    .lg\:grow-0 {
        flex-grow: 0;
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-\[6fr_2fr_2fr\] {
        grid-template-columns: 6fr 2fr 2fr;
    }
    .lg\:items-start {
        align-items: flex-start;
    }
    .lg\:items-baseline {
        align-items: baseline;
    }
    .lg\:justify-center {
        justify-content: center;
    }
    .lg\:gap-3 {
        gap: 0.75rem;
    }
    .lg\:gap-4 {
        gap: 1rem;
    }
    .lg\:gap-6 {
        gap: 1.5rem;
    }
    .lg\:gap-8 {
        gap: 2rem;
    }
    .lg\:gap-x-3 {
        -webkit-column-gap: 0.75rem;
        -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
    }
    .lg\:gap-x-4 {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
    .lg\:gap-x-6 {
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
    .lg\:gap-x-8 {
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
    .lg\:gap-y-4 {
        row-gap: 1rem;
    }
    .lg\:gap-y-6 {
        row-gap: 1.5rem;
    }
    .lg\:gap-y-8 {
        row-gap: 2rem;
    }
    .lg\:p-3 {
        padding: 0.75rem;
    }
    .lg\:p-4 {
        padding: 1rem;
    }
    .lg\:p-6 {
        padding: 1.5rem;
    }
    .lg\:p-8 {
        padding: 2rem;
    }
    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .lg\:py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
    .lg\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .lg\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .lg\:\!pb-6 {
        padding-bottom: 1.5rem !important;
    }
    .lg\:\!pt-4 {
        padding-top: 1rem !important;
    }
    .lg\:pb-20 {
        padding-bottom: 5rem;
    }
    .lg\:pb-6 {
        padding-bottom: 1.5rem;
    }
    .lg\:pb-8 {
        padding-bottom: 2rem;
    }
    .lg\:pt-6 {
        padding-top: 1.5rem;
    }
    .lg\:pt-8 {
        padding-top: 2rem;
    }
    .lg\:text-start {
        text-align: start;
    }
}
@media (min-width: 1200px) {
    .xl\:mb-8 {
        margin-bottom: 2rem;
    }
    .xl\:h-\[19rem\] {
        height: 19rem;
    }
    .xl\:w-\[19rem\] {
        width: 19rem;
    }
    .xl\:flex-row {
        flex-direction: row;
    }
    .xl\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .xl\:items-end {
        align-items: flex-end;
    }
    .xl\:justify-start {
        justify-content: flex-start;
    }
    .xl\:justify-between {
        justify-content: space-between;
    }
    .xl\:gap-6 {
        gap: 1.5rem;
    }
    .xl\:rounded-3xl {
        border-radius: 1.5rem;
    }
    .xl\:p-6 {
        padding: 1.5rem;
    }
    .xl\:\!text-left {
        text-align: left !important;
    }
    .xl\:text-left {
        text-align: left;
    }
}
@media (min-width: 1420px) {
    .\32xl\:mb-24 {
        margin-bottom: 6rem;
    }
    .\32xl\:box-border {
        box-sizing: border-box;
    }
    .\32xl\:h-full {
        height: 100%;
    }
    .\32xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .\32xl\:justify-normal {
        justify-content: normal;
    }
    .\32xl\:justify-start {
        justify-content: flex-start;
    }
    .\32xl\:p-2 {
        padding: 0.5rem;
    }
    .\32xl\:pb-6 {
        padding-bottom: 1.5rem;
    }
}
.fe-nav-badge {
    font-size: 0.5625rem;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.06em;
    border-radius: var(--border-radius-xs);
    height: auto;
    padding: 0 0.25rem;
}
@media (min-width: 320px) {
    .fe-nav-badge {
        font-size: 0.5625rem;
        line-height: 180%;
    }
}
.fe-nav-badge--primary {
    background: var(--color-primary-1);
}
.fe-nav-badge--error {
    background: var(--color-error);
}
.fe-nav-badge--black {
    color: var(--color-text-on-opposite-back);
}
.fe-nav-badge--white {
    color: var(--color-text-alt);
}
.fe-input-wrapper--full-width {
    width: 100%;
}
.fe-input-main {
    align-items: center;
    background: var(--color-layer-alt-4);
    border-radius: var(--border-radius-s);
    border: 2px solid transparent;
    display: flex;
    height: 3.5rem;
    position: relative;
    transition: var(--transition-default);
}
.fe-input-main--focused {
    border-color: var(--color-primary-1);
    cursor: text;
}
.fe-input-main--error {
    border-color: var(--color-error);
}
.fe-input-main--disabled {
    opacity: 0.5;
}
.fe-input-main--full-width {
    width: 100%;
}
.fe-input-secondary-label {
    margin-left: 1rem;
}
.fe-input {
    align-items: center;
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.fe-input__label {
    align-items: center;
    color: var(--color-text-body);
    display: flex;
    font-size: 1rem;
    height: 100%;
    left: 1rem;
    pointer-events: auto;
    position: absolute;
    top: 0;
    cursor: text;
    width: 100%;
    padding-right: 2rem;
    transition: var(--transition-default);
    z-index: 1;
}
.fe-input__label-required {
    color: var(--color-error);
    margin-left: 0.1rem;
}
.fe-input.fe-input--has-content .fe-input__label,
.fe-input.fe-input--focused .fe-input__label {
    font-size: 0.75rem;
    height: 50%;
    padding-top: 0.25rem;
}
.fe-input.fe-input--empty-label .fe-input__label {
    display: none;
}
.fe-input__field {
    background: transparent;
    border: none;
    color: var(--color-text-alt);
    font-size: 1rem;
    height: 100%;
    outline: none;
    padding: 0 1rem 0.5rem;
    position: relative;
    transition: var(--transition-default);
    width: 100%;
}
.fe-input__field::-webkit-input-placeholder {
    color: var(--color-text-body);
    letter-spacing: normal;
    opacity: 0;
}
.fe-input__field:-ms-input-placeholder {
    color: var(--color-text-body);
    letter-spacing: normal;
    opacity: 0;
}
.fe-input__field::-ms-input-placeholder {
    color: var(--color-text-body);
    letter-spacing: normal;
    opacity: 0;
}
.fe-input__field::placeholder {
    color: var(--color-text-body);
    letter-spacing: normal;
    opacity: 0;
}
.fe-input__field:-webkit-autofill,
.fe-input__field:-webkit-autofill:active,
.fe-input__field:-webkit-autofill:focus,
.fe-input__field:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--color-text-alt);
    background-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}
.fe-input__field:autofill,
.fe-input__field:autofill:active,
.fe-input__field:autofill:focus,
.fe-input__field:autofill:hover,
.fe-input__field:-webkit-autofill,
.fe-input__field:-webkit-autofill:active,
.fe-input__field:-webkit-autofill:focus,
.fe-input__field:-webkit-autofill:hover,
.fe-input__field:-webkit-autofill-strong-password,
.fe-input__field:-webkit-autofill-strong-password:active,
.fe-input__field:-webkit-autofill-strong-password:focus,
.fe-input__field:-webkit-autofill-strong-password:hover,
.fe-input__field:-webkit-autofill-strong-password-viewable,
.fe-input__field:-webkit-autofill-strong-password-viewable:active,
.fe-input__field:-webkit-autofill-strong-password-viewable:focus,
.fe-input__field:-webkit-autofill-strong-password-viewable:hover,
.fe-input__field:-webkit-autofill-and-obscured,
.fe-input__field:-webkit-autofill-and-obscured:active,
.fe-input__field:-webkit-autofill-and-obscured:focus,
.fe-input__field:-webkit-autofill-and-obscured:hover {
    -webkit-text-fill-color: var(--color-text-alt);
    background-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}
.fe-input__field::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
}
.fe-input:has(.fe-input__field:-webkit-autofill) .fe-input__label {
    font-size: 0.75rem;
    height: 50%;
    padding-top: 0.25rem;
}
.fe-input:has(.fe-input__field:-webkit-autofill) .fe-input__label,
.fe-input:has(.fe-input__field:autofill) .fe-input__label {
    font-size: 0.75rem;
    height: 50%;
    padding-top: 0.25rem;
}
.fe-input:has(.fe-input__field:-webkit-autofill) .fe-input__field {
    padding-top: 1.7rem;
}
.fe-input:has(.fe-input__field:-webkit-autofill) .fe-input__field,
.fe-input:has(.fe-input__field:autofill) .fe-input__field {
    padding-top: 1.7rem;
}
.fe-input.fe-input--has-content .fe-input__field,
.fe-input.fe-input--focused .fe-input__field {
    padding-top: 1.7rem;
}
.fe-input.fe-input--empty-label .fe-input__field {
    padding: 0 1rem;
}
.fe-input.fe-input--focused .fe-input__field::-webkit-input-placeholder,
.fe-input.fe-input--empty-label .fe-input__field::-webkit-input-placeholder {
    opacity: 1;
}
.fe-input.fe-input--focused .fe-input__field:-ms-input-placeholder,
.fe-input.fe-input--empty-label .fe-input__field:-ms-input-placeholder {
    opacity: 1;
}
.fe-input.fe-input--focused .fe-input__field::-ms-input-placeholder,
.fe-input.fe-input--empty-label .fe-input__field::-ms-input-placeholder {
    opacity: 1;
}
.fe-input.fe-input--focused .fe-input__field::placeholder,
.fe-input.fe-input--empty-label .fe-input__field::placeholder {
    opacity: 1;
}
.fe-input__right {
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}
.fe-input-error {
    align-items: flex-start;
    color: var(--color-error);
    display: flex;
    font-size: 0.75rem;
    padding-left: 0.75rem;
    margin-top: 0.5rem;
}
.fe-input-error__icon {
    display: flex;
    flex-shrink: 0;
    height: 0.75rem;
    margin-right: 0.25rem;
    width: 0.75rem;
}
.fe-input-suggest {
    background-color: var(--color-layer-alt-2);
    border-radius: var(--border-radius-s);
    box-shadow: 0 -0.5rem 1rem 0 var(--color-tertiary-5);
    margin-top: 0.5rem;
    overflow-y: auto;
    position: absolute;
    top: 3.5rem;
    left: -2px;
    right: -2px;
    z-index: 2;
}
.fe-input-suggest__item {
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    transition: var(--transition-default);
}
.fe-input-suggest__item:hover {
    background: var(--color-tertiary-3);
}
.fe-input-suggest__item--active {
    background: var(--color-layer-alt-3);
}
.fe-input-suggest__icon {
    margin-left: auto;
}
object[data-v-b1a81740] {
    pointer-events: none;
}
.fe-badge .game-item__badges-image {
    width: 1rem;
    height: 1rem;
}
.fe-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
    height: 1.5rem;
    width: 1.5rem;
    padding: 0.25rem;
    border-radius: 2rem;
    background: var(--color-tertiary-6);
    -webkit-backdrop-filter: blur(0.25rem);
    backdrop-filter: blur(0.25rem);
}
.fe-link--primary {
    cursor: pointer;
    color: var(--color-text-alt);
    color: var(--color-primary-1);
    font-weight: 700;
}
.fe-link--primary.active {
    color: var(--color-primary-1);
}
@media (min-width: 1200px) {
    .fe-link--primary:hover {
        color: var(--color-primary-1);
    }
}
.fe-link--secondary {
    cursor: pointer;
    color: var(--color-text-alt);
    color: var(--color-primary-1);
    font-weight: 700;
}
.fe-link--secondary.active {
    color: var(--color-primary-1);
}
@media (min-width: 1200px) {
    .fe-link--secondary:hover {
        color: var(--color-primary-1);
    }
}
.fe-link:-webkit-any-link,
.fe-link:visited {
    color: var(--color-primary-1);
}
.fe-select-item[data-v-56edacf2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    flex-shrink: 0;
    background-color: var(--color-layer-alt-2);
    cursor: pointer;
    width: 100%;
}
.fe-select-item--link[data-v-56edacf2] {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-decoration: inherit;
    text-transform: inherit;
}
.fe-select-item__label[data-v-56edacf2] {
    text-overflow: ellipsis;
    text-wrap: nowrap;
    overflow: hidden;
}
.fe-select-item--small .fe-select-item__icon[data-v-56edacf2],
.fe-select-item--small .fe-select-item__selected-icon[data-v-56edacf2] {
    width: 1rem;
    height: 1rem;
}
.fe-select-item--large[data-v-56edacf2] {
    padding: 0.5rem 1rem;
    height: 3rem;
    min-height: 3rem;
}
.fe-select-item[data-v-56edacf2]:hover {
    background-color: var(--color-tertiary-3);
}
.fe-select-item--selected[data-v-56edacf2] {
    background-color: var(--color-layer-alt-3);
}
.fe-select-item__icon[data-v-56edacf2],
.fe-select-item__selected-icon[data-v-56edacf2] {
    display: flex;
    flex-shrink: 0;
}
.fe-select-item__selected-icon[data-v-56edacf2] {
    margin-left: auto;
    color: var(--color-successfully);
}
.fe-select-wrapper[data-v-9d5590f6] {
    position: relative;
}
.fe-select-wrapper--small[data-v-9d5590f6] {
    max-width: 8rem;
}
.fe-select-wrapper--medium[data-v-9d5590f6] {
    max-width: 12rem;
}
.fe-select-wrapper--large[data-v-9d5590f6] {
    max-width: 20rem;
}
.fe-select[data-v-9d5590f6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: var(--border-radius-xs);
    border: 2px solid transparent;
    background-color: var(--color-layer-alt-4);
    cursor: pointer;
    overflow: hidden;
    transition: var(--transition-default);
}
.fe-select--small[data-v-9d5590f6] {
    padding: 0.5rem;
}
.fe-select--small .fe-select__icon.fe-icon[data-v-9d5590f6],
.fe-select--small .fe-select__icon-expand.fe-icon[data-v-9d5590f6] {
    width: 1rem;
    height: 1rem;
}
.fe-select--medium[data-v-9d5590f6] {
    padding: 0.5rem;
}
.fe-select--large[data-v-9d5590f6] {
    height: 3.5rem;
    padding: 0.5rem 1rem;
    align-self: stretch;
    border-radius: var(--border-radius-s);
}
.fe-select--value-hidden[data-v-9d5590f6] {
    width: auto;
}
.fe-select--required .fe-select__label[data-v-9d5590f6]:after {
    content: "*";
    color: var(--color-error);
    margin-left: 0.1rem;
}
.fe-select--required.fe-select--large:not(.fe-select--labeled)
    .fe-select__placeholder[data-v-9d5590f6]:after {
    content: "*";
    color: var(--color-error);
    margin-left: 0.1rem;
}
.fe-select--disabled[data-v-9d5590f6] {
    opacity: 0.5;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fe-select--focused[data-v-9d5590f6] {
    border-color: var(--color-primary-1);
}
.fe-select--error[data-v-9d5590f6] {
    border-color: var(--color-error);
}
.fe-select__content[data-v-9d5590f6] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.fe-select__placeholder[data-v-9d5590f6] {
    color: var(--color-text-body);
}
.fe-select__value[data-v-9d5590f6],
.fe-select__placeholder[data-v-9d5590f6],
.fe-select__label[data-v-9d5590f6] {
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
    width: 100%;
}
.fe-select__icon[data-v-9d5590f6],
.fe-select__icon-expand[data-v-9d5590f6] {
    flex-shrink: 0;
    display: flex;
}
.fe-select__icon-expand[data-v-9d5590f6] {
    margin-left: auto;
}
.fe-select__icon-expand--expanded[data-v-9d5590f6] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fe-select-error[data-v-9d5590f6] {
    align-items: flex-start;
    color: var(--color-error);
    display: flex;
    font-size: 0.75rem;
    padding-left: 0.75rem;
    line-height: 1.1;
    margin-top: 0.5rem;
}
.fe-select-error__icon[data-v-9d5590f6] {
    display: flex;
    flex-shrink: 0;
    height: 0.75rem;
    margin-right: 0.25rem;
    width: 0.75rem;
}
.fe-select-list[data-v-9d5590f6] {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0 !important;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 0.5rem;
    background-color: var(--color-layer-alt-2);
    box-shadow: 0 -0.5rem 1rem 0 var(--color-tertiary-5);
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9000;
}
.fe-select-list--large[data-v-9d5590f6] {
    border-radius: var(--border-radius-s);
}
.carousel-scroll[data-v-70a9d05f] {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.carousel-scroll__list[data-v-70a9d05f] {
    width: inherit;
    height: inherit;
    display: grid;
    grid-template-columns: repeat(auto-fill, var(--carousel-item-width));
    grid-auto-flow: column;
    grid-auto-columns: minmax(var(--carousel-item-width), 1fr);
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    box-sizing: border-box;
    gap: var(--carousel-gap);
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: relative;
    z-index: 1;
    scroll-behavior: smooth;
}
.carousel-scroll__list[data-v-70a9d05f]::-webkit-scrollbar {
    display: none;
}
.carousel-scroll--auto-fill[data-v-70a9d05f] {
    grid-template-columns: repeat(
        auto-fill,
        minmax(var(--carousel-item-width), 1fr)
    );
}
.carousel-scroll__item[data-v-70a9d05f] {
    width: 100%;
    height: -webkit-max-content;
    height: max-content;
    scroll-snap-align: start;
    box-sizing: content-box;
}
.carousel-scroll__item--large[data-v-70a9d05f] {
    grid-column: 1/2;
}
.carousel-scroll--transparent-border .carousel-scroll__item[data-v-70a9d05f] {
    padding-left: var(--carousel-gap);
}
@media (min-width: 754px) {
    .carousel-scroll--transparent-border
        .carousel-scroll__item[data-v-70a9d05f] {
        padding-left: 0;
    }
}
.carousel-scroll--transparent-border
    .carousel-scroll__item.last-child[data-v-70a9d05f] {
    padding-right: var(--carousel-gap);
    height: 100%;
}
@media (min-width: 754px) {
    .carousel-scroll--transparent-border
        .carousel-scroll__item.last-child[data-v-70a9d05f] {
        padding-right: 0;
    }
}
.carousel-scroll__navigation[data-v-70a9d05f] {
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}
.carousel-scroll__navigation-button[data-v-70a9d05f] {
    margin: auto;
    outline: none;
    display: flex;
    z-index: 999;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-100%);
}
.carousel-scroll__navigation-next[data-v-70a9d05f] {
    right: 1rem;
}
.carousel-scroll__navigation-prev[data-v-70a9d05f] {
    left: 1rem;
}
.carousel-scroll__navigation--hidden[data-v-70a9d05f] {
    opacity: 0;
    visibility: hidden;
}
@media (min-width: 754px) {
    .carousel-scroll:hover .carousel-scroll__navigation[data-v-70a9d05f] {
        opacity: 1;
        visibility: visible;
    }
}
.carousel-scroll__pagination[data-v-70a9d05f] {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 999;
}
.carousel-scroll__pagination-container[data-v-70a9d05f] {
    display: inline-block;
    margin: 0 auto;
}
.carousel-scroll__pagination-dot[data-v-70a9d05f] {
    width: 0.5rem;
    height: 0.5rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 0.5rem;
    border-radius: 50%;
    outline: none;
    background-clip: content-box;
    box-sizing: content-box;
    background-color: var(--color-tertiary-2);
}
.carousel-scroll__pagination-dot--active[data-v-70a9d05f] {
    background-color: var(--color-primary-1);
}
.carousel-scroll[data-v-5e5f3df3] {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.carousel-scroll__list[data-v-5e5f3df3] {
    width: inherit;
    height: inherit;
    display: grid;
    grid-template-columns: repeat(auto-fill, var(--carousel-item-width));
    grid-auto-flow: column;
    grid-auto-columns: minmax(var(--carousel-item-width), 1fr);
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    box-sizing: border-box;
    gap: var(--carousel-gap);
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: relative;
    z-index: 1;
    scroll-behavior: smooth;
}
.carousel-scroll__list[data-v-5e5f3df3]::-webkit-scrollbar {
    display: none;
}
.carousel-scroll--auto-fill[data-v-5e5f3df3] {
    grid-template-columns: repeat(
        auto-fill,
        minmax(var(--carousel-item-width), 1fr)
    );
}
.carousel-scroll__item[data-v-5e5f3df3] {
    width: 100%;
    height: -webkit-max-content;
    height: max-content;
    scroll-snap-align: start;
    box-sizing: content-box;
}
.carousel-scroll__item--large[data-v-5e5f3df3] {
    grid-column: 1/2;
}
.carousel-scroll--transparent-border .carousel-scroll__item[data-v-5e5f3df3] {
    padding-left: var(--carousel-gap);
}
@media (min-width: 754px) {
    .carousel-scroll--transparent-border
        .carousel-scroll__item[data-v-5e5f3df3] {
        padding-left: 0;
    }
}
.carousel-scroll--transparent-border
    .carousel-scroll__item.last-child[data-v-5e5f3df3] {
    padding-right: var(--carousel-gap);
    height: 100%;
}
@media (min-width: 754px) {
    .carousel-scroll--transparent-border
        .carousel-scroll__item.last-child[data-v-5e5f3df3] {
        padding-right: 0;
    }
}
.carousel-scroll__navigation[data-v-5e5f3df3] {
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}
.carousel-scroll__navigation-button[data-v-5e5f3df3] {
    margin: auto;
    outline: none;
    display: flex;
    z-index: 999;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.carousel-scroll__navigation-next[data-v-5e5f3df3] {
    right: 1rem;
}
.carousel-scroll__navigation-prev[data-v-5e5f3df3] {
    left: 1rem;
}
.carousel-scroll__navigation--hidden[data-v-5e5f3df3] {
    opacity: 0;
    visibility: hidden;
}
@media (min-width: 754px) {
    .carousel-scroll:hover .carousel-scroll__navigation[data-v-5e5f3df3] {
        opacity: 1;
        visibility: visible;
    }
}
.carousel-scroll__pagination[data-v-5e5f3df3] {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 999;
}
.carousel-scroll__pagination-container[data-v-5e5f3df3] {
    display: inline-block;
    margin: 0 auto;
}
.carousel-scroll__pagination-dot[data-v-5e5f3df3] {
    width: 0.5rem;
    height: 0.5rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 0.5rem;
    border-radius: 50%;
    outline: none;
    background-clip: content-box;
    box-sizing: content-box;
    background-color: var(--color-tertiary-2);
}
.carousel-scroll__pagination-dot--active[data-v-5e5f3df3] {
    background-color: var(--color-primary-1);
}
:root {
    --carousel-item-width: 12rem;
    --carousel-gap: 1rem;
}
@media (min-width: 754px) {
    :root {
        --carousel-gap: 1.5rem;
    }
}
.carousel-scroll[data-v-ea203e08] {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.carousel-scroll__list[data-v-ea203e08] {
    width: inherit;
    height: inherit;
    display: grid;
    grid-template-columns: repeat(auto-fill, var(--carousel-item-width));
    grid-auto-flow: column;
    grid-auto-columns: minmax(var(--carousel-item-width), 1fr);
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    box-sizing: border-box;
    gap: var(--carousel-gap);
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: relative;
    z-index: 1;
    scroll-behavior: smooth;
}
.carousel-scroll__list[data-v-ea203e08]::-webkit-scrollbar {
    display: none;
}
.carousel-scroll--auto-fill[data-v-ea203e08] {
    grid-template-columns: repeat(
        auto-fill,
        minmax(var(--carousel-item-width), 1fr)
    );
}
.carousel-scroll__item[data-v-ea203e08] {
    width: 100%;
    height: -webkit-max-content;
    height: max-content;
    scroll-snap-align: start;
    box-sizing: content-box;
}
.carousel-scroll__item--large[data-v-ea203e08] {
    grid-column: 1/2;
}
.carousel-scroll--transparent-border .carousel-scroll__item[data-v-ea203e08] {
    padding-left: var(--carousel-gap);
}
@media (min-width: 754px) {
    .carousel-scroll--transparent-border
        .carousel-scroll__item[data-v-ea203e08] {
        padding-left: 0;
    }
}
.carousel-scroll--transparent-border
    .carousel-scroll__item.last-child[data-v-ea203e08] {
    padding-right: var(--carousel-gap);
    height: 100%;
}
@media (min-width: 754px) {
    .carousel-scroll--transparent-border
        .carousel-scroll__item.last-child[data-v-ea203e08] {
        padding-right: 0;
    }
}
.carousel-scroll__navigation[data-v-ea203e08] {
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}
.carousel-scroll__navigation-button[data-v-ea203e08] {
    margin: auto;
    outline: none;
    display: flex;
    z-index: 999;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.carousel-scroll__navigation-next[data-v-ea203e08] {
    right: 1rem;
}
.carousel-scroll__navigation-prev[data-v-ea203e08] {
    left: 1rem;
}
.carousel-scroll__navigation--hidden[data-v-ea203e08] {
    opacity: 0;
    visibility: hidden;
}
@media (min-width: 754px) {
    .carousel-scroll:hover .carousel-scroll__navigation[data-v-ea203e08] {
        opacity: 1;
        visibility: visible;
    }
}
.carousel-scroll__pagination[data-v-ea203e08] {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 999;
}
.carousel-scroll__pagination-container[data-v-ea203e08] {
    display: inline-block;
    margin: 0 auto;
}
.carousel-scroll__pagination-dot[data-v-ea203e08] {
    width: 0.5rem;
    height: 0.5rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 0.5rem;
    border-radius: 50%;
    outline: none;
    background-clip: content-box;
    box-sizing: content-box;
    background-color: var(--color-tertiary-2);
}
.carousel-scroll__pagination-dot--active[data-v-ea203e08] {
    background-color: var(--color-primary-1);
}
.fe-dropdown[data-v-2235365b] {
    border-radius: var(--border-radius-s);
}
.fe-dropdown__btn[data-v-2235365b] {
    font-size: 1rem;
    line-height: normal;
    font-weight: 700;
    text-align: center;
    position: relative;
}
@media (min-width: 320px) {
    .fe-dropdown__btn[data-v-2235365b] {
        font-size: 1rem;
        line-height: 150%;
    }
}
.fe-dropdown__btn-icon[data-v-2235365b] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all 0.2s;
}
.fe-dropdown__btn.open .fe-dropdown__btn-icon[data-v-2235365b] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fe-dropdown__actions[data-v-2235365b] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}
.fe-dropdown__content[data-v-2235365b] {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s;
}
.fe-dropdown--small[data-v-2235365b],
.fe-dropdown--medium[data-v-2235365b] {
    padding: 0.5rem 1rem;
}
@media (min-width: 754px) {
    .fe-dropdown--medium[data-v-2235365b] {
        padding: 1rem 1.5rem;
    }
}
.fe-dropdown--dark[data-v-2235365b] {
    background-color: var(--color-layer-alt-1);
}
.fe-dropdown--secondary-dark[data-v-2235365b] {
    background-color: var(--color-layer-alt-2);
}
.fe-dropdown--tertiary[data-v-2235365b] {
    background: var(--color-tertiary-5);
}
.accordion-menu__content {
    overflow: hidden;
}
.accordion-enter-active,
.accordion-leave-active {
    transition:
        opacity 0.2s ease-in-out,
        -webkit-transform 0.2s ease-in-out;
    transition:
        transform 0.2s ease-in-out,
        opacity 0.2s ease-in-out;
    transition:
        transform 0.2s ease-in-out,
        opacity 0.2s ease-in-out,
        -webkit-transform 0.2s ease-in-out;
}
.accordion-enter,
.accordion-leave-to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
}
.fe-counter[data-v-4550cf94] {
    padding: 0.25rem;
    background-color: var(--color-tertiary-4);
    border-radius: 2.5rem;
}
.fe-counter__value[data-v-4550cf94] {
    width: 2rem;
    height: 2rem;
}
.fe-text {
    font-size: 1.17rem;
    line-height: 1.5rem;
    font-weight: 400;
    margin: 0;
}
.fe-text--white {
    color: var(--color-text-alt);
}
.fe-text--black {
    color: var(--color-layer-alt-1);
}
.fe-text--primary,
.fe-text--secondary {
    color: var(--color-primary-1);
}
.fe-text--success {
    color: var(--color-successfully);
}
.fe-text--alert {
    color: var(--color-warning);
}
.fe-text--danger {
    color: var(--color-error);
}
.fe-text--disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
.fe-text--gray {
    color: var(--color-text-body);
}
.fe-text--h1 {
    font-size: 1.5rem;
    line-height: 125%;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0;
}
@media (min-width: 754px) {
    .fe-text--h1 {
        font-size: 2rem;
        line-height: 125%;
    }
}
.fe-text--h2 {
    font-size: 1.25rem;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0;
}
@media (min-width: 754px) {
    .fe-text--h2 {
        font-size: 1.5rem;
        line-height: normal;
    }
}
.fe-text--h3 {
    font-size: 1.25rem;
    line-height: normal;
    font-weight: 700;
}
@media (min-width: 320px) {
    .fe-text--h3 {
        font-size: 1.25rem;
        line-height: normal;
    }
}
.fe-text--regular {
    font-weight: 400;
}
.fe-text--small {
    font-size: 0.75rem;
    line-height: 140%;
    font-weight: 700;
    display: block;
}
@media (min-width: 320px) {
    .fe-text--small {
        font-size: 0.75rem;
        line-height: 140%;
    }
}
.fe-text--small-regular {
    font-size: 0.75rem;
    line-height: 140%;
    font-weight: 400;
    display: block;
}
@media (min-width: 320px) {
    .fe-text--small-regular {
        font-size: 0.75rem;
        line-height: 140%;
    }
}
.fe-text--text-center {
    text-align: center;
}
.fe-text--text-right {
    text-align: right;
}
@-webkit-keyframes touch-active-tab {
    0% {
        background-color: transparent;
    }
    5% {
        background-color: var(--color-primary-4);
    }
    40% {
        background-color: var(--color-primary-5);
    }
    to {
        background-color: transparent;
    }
}
@keyframes touch-active-tab {
    0% {
        background-color: transparent;
    }
    5% {
        background-color: var(--color-primary-4);
    }
    40% {
        background-color: var(--color-primary-5);
    }
    to {
        background-color: transparent;
    }
}
.fe-tab {
    font-size: 1rem;
    line-height: normal;
    font-weight: 400;
    transition: background-color 0.15s ease-in-out;
    width: 100%;
    height: 2rem;
    position: relative;
    outline: none;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-body);
}
@media (min-width: 320px) {
    .fe-tab {
        font-size: 1rem;
        line-height: 150%;
    }
}
.fe-tab--active {
    background: var(--color-layer-alt-4);
    color: var(--color-primary-2);
    border-radius: calc(var(--border-radius-xs) * 0.8);
}
.fe-tab--disabled {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}
.fe-tabs {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.fe-tabs__header {
    display: flex;
    position: relative;
    background-color: var(--color-tertiary-4);
    border-radius: var(--border-radius-xs);
    overflow: hidden;
}
.fe-tabs__slider {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: transparent;
    border-radius: 2px 2px 0 0;
    transition:
        width 0.15s ease-in-out 0ms,
        -webkit-transform 0.15s ease-in-out 0ms;
    transition:
        width 0.15s ease-in-out 0ms,
        transform 0.15s ease-in-out 0ms;
    transition:
        width 0.15s ease-in-out 0ms,
        transform 0.15s ease-in-out 0ms,
        -webkit-transform 0.15s ease-in-out 0ms;
}
.flip-card {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    height: 100%;
}
.flip-card__side {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    transition: -webkit-transform 0.6s cubic-bezier(0.39, 0.2, 0.37, 1.54);
    transition: transform 0.6s cubic-bezier(0.39, 0.2, 0.37, 1.54);
    transition:
        transform 0.6s cubic-bezier(0.39, 0.2, 0.37, 1.54),
        -webkit-transform 0.6s cubic-bezier(0.39, 0.2, 0.37, 1.54);
}
.flip-card__side--front {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0);
}
.flip-card__side--back {
    position: absolute;
    top: 0;
    left: 0;
}
.flip-card--rotatable {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition:
        transform 0.4s ease,
        -webkit-transform 0.4s ease;
}
.flip-card--direction-right .flip-card__side--back,
.flip-card--direction-right.flip-card--rotated .flip-card__side--front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-card--direction-right.flip-card--rotated .flip-card__side--back {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.flip-card--direction-left .flip-card__side--back,
.flip-card--direction-left.flip-card--rotated .flip-card__side--front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.flip-card--direction-left.flip-card--rotated .flip-card__side--back {
    -webkit-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
}
.flip-card--direction-top .flip-card__side--back,
.flip-card--direction-top.flip-card--rotated .flip-card__side--front {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.flip-card--direction-top.flip-card--rotated .flip-card__side--back {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
}
.flip-card--direction-bottom .flip-card__side--back,
.flip-card--direction-bottom.flip-card--rotated .flip-card__side--front {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}
.flip-card--direction-bottom.flip-card--rotated .flip-card__side--back {
    -webkit-transform: rotateX(-360deg);
    transform: rotateX(-360deg);
}
.fe-checkbox__container {
    display: flex;
}
.fe-checkbox__label {
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
    padding: 3px;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
}
.fe-checkbox__input {
    position: absolute;
    left: -9999px;
}
.fe-checkbox__input:checked ~ .fe-checkbox__mask:after {
    display: inline-block;
    content: "";
    height: 100%;
    width: 100%;
    background-color: var(--color-layer-body);
    -webkit-mask: url(/dist/icon-B8TPnkJX.svg) no-repeat center center;
    mask: url(/dist/icon-B8TPnkJX.svg) no-repeat center center;
    -webkit-mask-size: 80%;
    mask-size: 80%;
}
.fe-checkbox__mask {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 2px solid;
    border-color: var(--color-text-alt);
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
}
.fe-checkbox__input:checked + .fe-checkbox__mask {
    background-color: var(--color-primary-1);
    border-color: var(--color-primary-1);
}
.fe-checkbox__error-message {
    position: absolute;
    top: 100%;
    width: 100%;
    padding-left: 2rem;
    color: var(--color-error);
    font-size: 0.75rem;
    line-height: 140%;
    font-weight: 400;
}
@media (min-width: 320px) {
    .fe-checkbox__error-message {
        font-size: 0.75rem;
        line-height: 140%;
    }
}
.fe-checkbox--error .fe-checkbox__mask {
    border-color: var(--color-error);
}
.radio input + span[data-v-e59b88f8] {
    font-size: 1rem;
    line-height: normal;
    font-weight: 400;
}
@media (min-width: 320px) {
    .radio input + span[data-v-e59b88f8] {
        font-size: 1rem;
        line-height: 150%;
    }
}
.radio[data-v-e59b88f8] {
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    border-radius: 2rem;
    background-color: transparent;
    transition: background-color 0.2s ease;
}
.radio[data-v-e59b88f8]:hover {
    color: var(--color-text-body);
}
.radio:hover input + span[data-v-e59b88f8]:before {
    border-color: var(--color-text-body);
}
.radio--disabled[data-v-e59b88f8] {
    cursor: not-allowed;
    opacity: 0.5;
}
.radio--disabled[data-v-e59b88f8]:hover {
    background: none;
}
.radio input[data-v-e59b88f8] {
    display: none;
}
.radio input + span[data-v-e59b88f8] {
    display: flex;
    align-items: center;
    padding-left: 1.75rem;
    height: 1.25rem;
    position: relative;
    color: var(--color-text-body);
}
.radio input + span[data-v-e59b88f8]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 1.25rem;
    height: 100%;
    border: 2px solid var(--color-text-alt);
    background-color: transparent;
    box-sizing: border-box;
}
.radio input + span[data-v-e59b88f8]:after {
    content: "";
    box-sizing: border-box;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background-color: var(--color-button-text-secondary);
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition:
        transform 0.2s ease,
        -webkit-transform 0.2s ease;
}
.radio input:checked + span[data-v-e59b88f8] {
    color: var(--color-button-text-secondary);
}
.radio input:checked + span[data-v-e59b88f8]:before {
    border: 2px solid var(--color-button-text-secondary);
}
.radio input:checked + span[data-v-e59b88f8]:after {
    opacity: 1;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
}
.radio.radio--error input + span[data-v-e59b88f8]:before {
    border-color: var(--color-error);
}
.fe-switch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 0.875rem;
    line-height: 170%;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
@media (min-width: 320px) {
    .fe-switch {
        font-size: 0.875rem;
        line-height: 170%;
    }
}
.fe-switch--with-label {
    width: 100%;
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius-s);
    background: var(--color-layer-alt-1);
}
.fe-switch__checkmark {
    position: relative;
    display: inline-block;
    height: 0.875rem;
    width: 2rem;
    background-color: var(--color-layer-alt-3);
    border-radius: 3rem;
    transition: background-color 0.2s;
}
.fe-switch__checkmark:after {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    height: 1.25rem;
    width: 1.25rem;
    background-color: var(--color-layer-alt-2);
    border-radius: 50%;
    border: 1px solid var(--color-tertiary-3);
    transition: all 0.2s;
    box-sizing: border-box;
}
.fe-switch--checked .fe-switch__checkmark {
    background-color: var(--color-layer-alt-3);
}
.fe-switch--checked .fe-switch__checkmark:after {
    -webkit-transform: translateX(1rem);
    transform: translate(1rem);
    background: var(--color-primary-gradient);
    border: none;
}
.fe-textarea-main {
    background: var(--color-layer-alt-4);
    border-radius: var(--border-radius-s);
    border: 2px solid transparent;
    min-height: 8rem;
    padding: 0.5rem 1rem 0;
    transition: var(--transition-default);
    display: flex;
    flex-wrap: wrap;
    overflow-y: hidden;
}
.fe-textarea-main--focused {
    border-color: var(--color-primary-1);
    cursor: text;
}
.fe-textarea-main--error {
    border-color: var(--color-error);
}
.fe-textarea-main--disabled {
    opacity: 0.5;
}
.fe-textarea {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.fe-textarea__label {
    color: var(--color-text-body);
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
}
.fe-textarea__field {
    background: transparent;
    border: none;
    color: var(--color-text-alt);
    font-size: 1rem;
    height: 100%;
    margin: 0;
    outline: none;
    resize: none;
    width: 100%;
}
.fe-textarea__field::-webkit-input-placeholder {
    color: var(--color-text-body);
    letter-spacing: normal;
    opacity: 1;
}
.fe-textarea__field:-ms-input-placeholder {
    color: var(--color-text-body);
    letter-spacing: normal;
    opacity: 1;
}
.fe-textarea__field::-ms-input-placeholder {
    color: var(--color-text-body);
    letter-spacing: normal;
    opacity: 1;
}
.fe-textarea__field::placeholder {
    color: var(--color-text-body);
    letter-spacing: normal;
    opacity: 1;
}
.fe-textarea__field:-webkit-autofill {
    -webkit-text-fill-color: var(--color-text-alt);
    background-color: var(--color-layer-alt-4);
    background-clip: content-box;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}
.fe-textarea__field:-webkit-autofill,
.fe-textarea__field:-webkit-autofill:hover,
.fe-textarea__field:-webkit-autofill:focus,
.fe-textarea__field:-webkit-autofill:active,
.fe-textarea__field:autofill {
    -webkit-text-fill-color: var(--color-text-alt);
    background-color: var(--color-layer-alt-4);
    background-clip: content-box;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}
.fe-textarea__field::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
}
.fe-textarea-error {
    align-items: flex-start;
    color: var(--color-error);
    display: flex;
    padding-left: 0.75rem;
    margin-top: 0.5rem;
    font-size: 0.75rem;
}
.fe-textarea-error__icon {
    display: flex;
    flex-shrink: 0;
    height: 0.75rem;
    margin-right: 0.25rem;
    width: 0.75rem;
}
.fe-chip[data-v-44d71ccb] {
    padding: 0 1rem;
    border-radius: 0.5rem;
    border: 1px solid var(--color-layer-alt-4);
    color: var(--color-text-alt);
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition-property: background-color, border-color;
    transition-duration: 0.3s;
    min-width: 4rem;
    width: -webkit-max-content;
    width: max-content;
    max-width: 13rem;
    height: 2.5rem;
}
@media (hover: hover) {
    .fe-chip[data-v-44d71ccb]:not(:disabled):hover {
        background: var(--color-tertiary-3);
        border-color: transparent;
    }
}
.fe-chip[data-v-44d71ccb]:not(:disabled):active {
    background: var(--color-tertiary-4);
    border-color: var(--color-layer-alt-4);
}
.fe-chip[data-v-44d71ccb]:disabled {
    background-color: var(--color-tertiary-2);
    border-color: transparent;
}
.fe-chip-group[data-v-dfc06d10] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}