body {
transition: opacity ease-in 0.2s;
}
body[unresolved] {
opacity: 0;
display: block;
overflow: hidden;
position: relative;
}
html {
--z-index-main: 100;
--z-index-betting-trigger: 101;
--z-index-floating: 102;
--z-index-betting-modal: 141;
--z-index-ptr-pwa: 145;
--z-index-betting-tooltip: 150;
--z-index-cdp-layout: 102;
--z-index-tabbar: 130;
--z-index-button-top: 124;
--z-index-sidebar: 131;
--z-index-header: 140;
--z-index-modal-layout: 1000;
--z-index-snackbar: 1005;
--z-index-tooltip: 1010;
--safe-area-inset-top: env(safe-area-inset-top);
--safe-area-inset-right: env(safe-area-inset-right);
--safe-area-inset-bottom: env(safe-area-inset-bottom);
--safe-area-inset-left: env(safe-area-inset-left);
--safe-area-inset-inline-start: env(safe-area-inset-left);
--safe-area-inset-inline-end: env(safe-area-inset-right);
--safe-area-inset-block-start: env(safe-area-inset-top);
--safe-area-inset-block-end: env(safe-area-inset-bottom);
line-height: 1.5;
scroll-behavior: smooth;
tab-size: 4;
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
--tabbar-layout-padding-bottom-with-safe-area: calc(max(var(--safe-area-inset-block-end), var(--tabbar-new-padding-layout-bottom)));
--tabbar-layout-height-with-safe-area: calc(var(--tabbar-new-size-height) + var(--tabbar-layout-padding-bottom-with-safe-area) - var(--tabbar-new-padding-layout-bottom));
--height-layout-header-mobile-with-safe-area: calc(var(--header-layout-height-mobile) + var(--safe-area-inset-block-start));
--height-layout-header-desktop-with-safe-area: calc(var(--header-layout-height-desktop) + var(--safe-area-inset-block-start))
}
html[dir=rtl] {
--safe-area-inset-inline-start: env(safe-area-inset-right);
--safe-area-inset-inline-end: env(safe-area-inset-left)
}
button,
html {
font-family: var(--font-body-font-family)
}
body {
font-family: inherit;
line-height: inherit;
overflow-x: hidden
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
margin: 0
}
*,
::after,
::before {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: currentColor
}
h1,
h2 {
font-size: inherit;
font-weight: inherit
}
a {
color: inherit;
text-decoration: inherit
}
pre {
font-family: ui-monospace, "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace
}
#root {
display: flex;
min-height: 100vh;
min-height: 100dvh;
flex-direction: column;
padding: var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)
}
@media (display-mode:standalone) {
#root {
min-height: 100vh
}
}
.color-scheme_root-jGMem {
display: contents
}
.icon-base_root-F1flk {
fill: currentColor;
display: block
}
.icon-base_root-F1flk.icon-base_withoutPadding-F1flk {
padding: 0
}
.icon-base_m-F1flk {
padding: var(--spacing-2)
}
.icon-base_l-F1flk {
padding: var(--spacing-4)
}
.icon-base_xl-F1flk {
padding: var(--spacing-8)
}
.base_root-E8jUK {
background-color: unset;
color: var(--color-content-base-static-white);
cursor: pointer;
align-items: center;
gap: var(--spacing-4);
-webkit-user-select: none;
user-select: none;
padding: 0;
display: inline-flex
}
.base_root-E8jUK:active {
opacity: var(--opacity-item-active)
}
.base_root-E8jUK[disabled] {
cursor: default;
opacity: var(--opacity-item-disabled);
pointer-events: none
}
.base_root-E8jUK:focus-visible {
border-radius: var(--rounding-4)
}
.base_root-E8jUK.base_rounded-E8jUK:focus-visible {
border-radius: var(--rounding-max)
}
.base_root-E8jUK:focus-visible {
outline: none
}
@supports not (width:1lh) {
.base_root-E8jUK:focus-visible {
box-shadow: 0 0 0 var(--spacing-2) var(--focus-border)
}
}
@supports (width:1lh) {
.base_root-E8jUK:focus-visible {
outline: var(--spacing-2) solid var(--focus-border);
outline-offset: var(--spacing-2)
}
}
@supports not selector(:focus-visible) {
.base_root-E8jUK:focus {
border-radius: var(--rounding-4)
}
.base_root-E8jUK.base_rounded-E8jUK:focus {
border-radius: var(--rounding-max)
}
.base_root-E8jUK:focus {
outline: none
}
@supports not (width:1lh) {
.base_root-E8jUK:focus {
box-shadow: 0 0 0 var(--spacing-2) var(--focus-border)
}
}
@supports (width:1lh) {
.base_root-E8jUK:focus {
outline: var(--spacing-2) solid var(--focus-border);
outline-offset: var(--spacing-2)
}
}
}
.base_root-E8jUK.base_size-s-semibold-E8jUK {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height)
}
.base_root-E8jUK.base_size-s-regular-E8jUK {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.base_root-E8jUK.base_size-m-semibold-E8jUK {
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height)
}
.base_root-E8jUK.base_size-m-regular-E8jUK {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height)
}
.base_variant-accent-E8jUK {
color: var(--content-button-accent-color-fg-default)
}
.base_variant-accent-E8jUK:active {
color: var(--content-button-accent-color-fg-hover)
}
@media (hover:hover) and (pointer:fine) {
.base_variant-accent-E8jUK:hover {
color: var(--content-button-accent-color-fg-default)
}
.base_variant-accent-E8jUK:hover svg {
color: var(--content-button-accent-color-fg-hover)
}
}
.base_variant-primary-E8jUK {
color: var(--color-content-base-primary)
}
.base_variant-primary-E8jUK svg {
color: var(--color-content-base-secondary)
}
.base_variant-primary-E8jUK.base_isIcon-E8jUK svg {
color: var(--color-content-base-primary)
}
.base_variant-primary-E8jUK:active {
color: var(--color-content-base-clean)
}
.base_variant-primary-E8jUK:active svg {
color: var(--color-content-base-secondary)
}
@media (hover:hover) and (pointer:fine) {
.base_variant-primary-E8jUK:hover {
color: var(--color-content-base-clean)
}
.base_variant-primary-E8jUK:hover svg {
color: var(--color-content-base-tertiary)
}
}
.base_variant-secondary-E8jUK,
.base_variant-secondary-E8jUK:active {
color: var(--color-content-base-secondary)
}
@media (hover:hover) and (pointer:fine) {
.base_variant-secondary-E8jUK:hover {
color: var(--color-content-base-primary)
}
.base_variant-secondary-E8jUK:hover svg {
color: var(--color-content-base-secondary)
}
}
.base_variant-tertiary-E8jUK {
color: var(--color-content-base-tertiary)
}
.base_variant-tertiary-E8jUK:active {
color: var(--color-content-base-secondary)
}
@media (hover:hover) and (pointer:fine) {
.base_variant-tertiary-E8jUK:hover {
color: var(--color-content-base-secondary)
}
.base_variant-tertiary-E8jUK:hover svg {
color: var(--color-content-base-tertiary)
}
}
.base_variant-negative-E8jUK {
color: var(--color-solid-sentiment-negative-default)
}
.base_variant-negative-E8jUK:active {
color: var(--color-solid-sentiment-negative-hover)
}
@media (hover:hover) and (pointer:fine) {
.base_variant-negative-E8jUK:hover {
color: var(--color-solid-sentiment-negative-hover)
}
}
.base_variant-staticPrimary-E8jUK {
color: var(--color-content-base-static-white)
}
.base_variant-staticPrimary-E8jUK:active {
color: var(--color-content-base-alfa-static-white-88)
}
@media (hover:hover) and (pointer:fine) {
.base_variant-staticPrimary-E8jUK:hover {
color: var(--color-content-base-alfa-static-white-88)
}
}
.base_variant-staticSecondary-E8jUK {
color: var(--color-content-base-alfa-static-white-64)
}
.base_variant-staticSecondary-E8jUK:active {
color: var(--color-content-base-alfa-static-white-48)
}
@media (hover:hover) and (pointer:fine) {
.base_variant-staticSecondary-E8jUK:hover {
color: var(--color-content-base-alfa-static-white-48)
}
}
.modal-layout_wrapper-C9j8A {
contain: size;
position: fixed;
bottom: 0;
left: 0;
right: 0
}
.snackbar-base_root-GACaC {
padding: var(--spacing-12);
border-radius: var(--rounding-container-m);
background: var(--snackbar-color-positive-bg);
box-shadow: var(--box-shadow-tooltip);
pointer-events: auto;
position: relative
}
@media (min-width:1024px) {
.snackbar-base_root-GACaC {
width: 328px
}
}
.snackbar-base_closeButton-GACaC {
top: var(--spacing-12);
position: absolute;
inset-inline-end: var(--spacing-12)
}
.snackbar_root-0csPo {
gap: var(--spacing-12);
display: flex
}
.snackbar_content-0csPo {
padding-inline-end: var(--spacing-32);
overflow: hidden
}
.snackbar_title-0csPo {
color: var(--color-content-base-primary);
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height)
}
.snackbar_text-0csPo {
margin-top: var(--spacing-2);
color: var(--color-content-base-secondary);
white-space: pre-line
}
.snackbar_text-0csPo:not(:first-child) {
margin-top: var(--spacing-4)
}
.snackbar_text-0csPo {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height)
}
.snackbar_icon-0csPo {
flex-shrink: 0
}
.snackbar_variant-success-0csPo {
color: var(--color-solid-sentiment-positive-default)
}
.snackbar_variant-info-0csPo {
color: var(--color-solid-sentiment-informative-default)
}
.snackbar_variant-error-0csPo,
.snackbar_variant-pending-0csPo {
color: var(--color-content-base-tertiary)
}
.snackbar-layout_root-hWa6F {
background: unset;
justify-content: flex-start;
gap: var(--snackbar-padding-mobile);
padding-block: calc(var(--snackbar-padding-top-mobile) + var(--safe-area-inset-block-start)) calc(var(--snackbar-padding-mobile) + var(--safe-area-inset-block-end));
padding-inline: calc(var(--snackbar-padding-mobile) + var(--safe-area-inset-inline-start)) calc(var(--snackbar-padding-mobile) + var(--safe-area-inset-inline-end));
pointer-events: none;
display: flex;
position: fixed;
inset: 0
}
.snackbar-layout_root-hWa6F:before {
content: "";
pointer-events: none;
transition-duration: .25s;
position: absolute
}
.snackbar-layout_root-hWa6F:not(.snackbar-layout_snackbarVisible-hWa6F):before {
opacity: 0
}
.snackbar-layout_position-leftTop-hWa6F {
flex-direction: column;
justify-content: flex-start
}
.snackbar-layout_position-leftBottom-hWa6F {
flex-direction: column-reverse;
justify-content: flex-start
}
.snackbar-layout_position-rightTop-hWa6F {
flex-direction: column;
justify-content: flex-start
}
.snackbar-layout_position-rightBottom-hWa6F {
flex-direction: column-reverse;
justify-content: flex-start
}
@media (min-width:0) and (not (min-width:1024px)) {
.snackbar-layout_root-hWa6F:before {
background-image: linear-gradient(#141416, #14141600);
height: 130px;
inset-block-start: 0;
inset-inline: 0
}
}
@media (min-width:1024px) {
.snackbar-layout_root-hWa6F {
padding: calc(var(--snackbar-padding-top-desktop) + var(--safe-area-inset-block-start)) calc(var(--snackbar-padding-desktop) + var(--safe-area-inset-inline-end)) calc(var(--snackbar-padding-top-desktop) + var(--safe-area-inset-block-end)) calc(var(--snackbar-padding-desktop) + var(--safe-area-inset-inline-start));
gap: var(--snackbar-padding-desktop)
}
.snackbar-layout_position-leftTop-hWa6F,
.snackbar-layout_position-leftBottom-hWa6F {
align-items: flex-start
}
:is(.snackbar-layout_position-leftTop-hWa6F, .snackbar-layout_position-leftBottom-hWa6F) .snackbar-layout_enterFrom-hWa6F,
:is(.snackbar-layout_position-leftTop-hWa6F, .snackbar-layout_position-leftBottom-hWa6F) .snackbar-layout_leaveTo-hWa6F {
transform: translate(-30px)
}
.snackbar-layout_position-rightTop-hWa6F,
.snackbar-layout_position-rightBottom-hWa6F {
align-items: flex-end
}
:is(.snackbar-layout_position-rightTop-hWa6F, .snackbar-layout_position-rightBottom-hWa6F) .snackbar-layout_enterFrom-hWa6F,
:is(.snackbar-layout_position-rightTop-hWa6F, .snackbar-layout_position-rightBottom-hWa6F) .snackbar-layout_leaveTo-hWa6F {
transform: translate(30px)
}
}
.snackbar-layout_enterActive-hWa6F {
transition: opacity .3s, transform .3s
}
.snackbar-layout_enterFrom-hWa6F,
.snackbar-layout_leaveTo-hWa6F {
opacity: 0
}
:root {
--apkt-modal-width: var(--size-modal-desktop-width-s) !important;
--apkt-tokens-theme-backgroundInvert: var(--button-color-primary-bg-default-grad, var(--button-color-primary-bg-default)) !important
}
w3m-modal {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: var(--color-background-base-alfa-scrim)
}
.custom-html_root-jGMem {
display: contents
}
.desktop-modal_root-CaHFb {
justify-content: center;
align-items: center;
display: flex;
position: fixed;
inset: 0
}
.desktop-modal_backdrop-CaHFb {
background-color: var(--color-background-base-alfa-scrim);
transition-duration: calc(var(--v547cda05)*1ms);
transition-property: opacity;
position: fixed;
inset: 0
}
.desktop-modal_backdrop-CaHFb:not(.desktop-modal_open-CaHFb) {
opacity: 0;
transition-duration: calc(var(--v6edd6d02)*1ms)
}
.desktop-modal_holder-CaHFb {
max-width: calc(100% - var(--modal-margin-desktop)*2);
max-height: min(calc(100% - var(--modal-margin-desktop)*2), var(--size-modal-desktop-height-max));
gap: var(--spacing-4);
transition-duration: calc(var(--v547cda05)*1ms);
grid-template-rows: minmax(0, 1fr);
grid-auto-flow: column;
transition-property: opacity, transform;
display: grid;
position: fixed
}
.desktop-modal_holder-CaHFb:not(.desktop-modal_open-CaHFb) {
opacity: 0;
transition-duration: calc(var(--v6edd6d02)*1ms);
transform: translateY(20px)
}
.desktop-modal_card-CaHFb {
border-radius: var(--modal-rounding);
background: var(--v378956dc);
flex-direction: column;
max-height: 100%;
display: flex
}
.desktop-modal_card-CaHFb>* {
flex: none
}
.desktop-modal_card-CaHFb.desktop-modal_scrollable-CaHFb {
-ms-overflow-style: none;
scrollbar-width: none
}
.desktop-modal_card-CaHFb.desktop-modal_scrollable-CaHFb::-webkit-scrollbar {
display: none
}
.desktop-modal_card-CaHFb.desktop-modal_scrollable-CaHFb {
overscroll-behavior: contain;
overflow: hidden auto
}
.desktop-modal_card-CaHFb.desktop-modal_noOverscroll-CaHFb {
overscroll-behavior: none
}
.desktop-modal_card-CaHFb.desktop-modal_detent-auto-CaHFb {
height: auto
}
.desktop-modal_card-CaHFb.desktop-modal_detent-expanded-CaHFb {
height: 9999px
}
.desktop-modal_card-CaHFb.desktop-modal_size-small-CaHFb {
width: var(--size-modal-desktop-width-s)
}
.desktop-modal_card-CaHFb.desktop-modal_size-large-CaHFb {
width: var(--size-modal-desktop-width-m)
}
.mobile-modal_root-IMcp4 {
flex-direction: column-reverse;
display: flex;
position: fixed
}
.mobile-modal_backdrop-IMcp4 {
z-index: -1;
background-color: var(--color-background-base-alfa-scrim);
will-change: opacity;
transition-property: opacity;
position: fixed;
inset: -200px 0
}
.mobile-modal_holder-IMcp4 {
width: 100%;
max-height: calc(100% - max(var(--safe-area-inset-block-start), var(--modal-margin-mobile)));
padding-inline: var(--safe-area-inset-inline-start) var(--safe-area-inset-inline-end);
will-change: transform;
flex-direction: column;
grid-template-rows: auto minmax(0, 100%);
grid-template-columns: 100%;
transition-property: transform;
display: grid;
position: fixed
}
.mobile-modal_holder-IMcp4>:not(:last-child) {
margin-bottom: var(--spacing-4)
}
.mobile-modal_modal-IMcp4 {
border-radius: var(--modal-rounding) var(--modal-rounding) 0 0;
background: var(--v6578d6c9);
max-height: 100%;
box-shadow: 0 calc(var(--v5133b3f9)*1px - var(--modal-rounding)) 0 var(--v6578d6c9);
contain: layout;
flex-direction: column;
grid-row: 2;
padding-block-end: var(--safe-area-inset-block-end);
display: flex
}
.mobile-modal_modal-IMcp4>* {
flex: none
}
.mobile-modal_modal-IMcp4.mobile-modal_scrollable-IMcp4 {
-ms-overflow-style: none;
scrollbar-width: none
}
.mobile-modal_modal-IMcp4.mobile-modal_scrollable-IMcp4::-webkit-scrollbar {
display: none
}
.mobile-modal_modal-IMcp4.mobile-modal_scrollable-IMcp4 {
overflow: hidden auto
}
.mobile-modal_modal-IMcp4.mobile-modal_noOverscroll-IMcp4 {
overscroll-behavior: none
}
.mobile-modal_modal-IMcp4.mobile-modal_detent-auto-IMcp4 {
height: auto
}
.mobile-modal_modal-IMcp4.mobile-modal_detent-expanded-IMcp4 {
height: 100vh
}
.modal-header_buttonsHolder-QaBAw {
z-index: 1001;
position: sticky;
top: 0
}
.modal-header_buttonsArray-QaBAw {
justify-content: flex-end;
gap: var(--spacing-20);
display: flex
}
.modal-header_buttons-QaBAw {
position: absolute;
inset-block-start: var(--modal-padding-modal-mobile);
inset-inline-end: var(--modal-padding-modal-mobile)
}
@media screen and (min-width:1024px) {
.modal-header_buttons-QaBAw {
inset-block-start: var(--modal-padding-modal-desktop);
inset-inline-end: var(--modal-padding-modal-desktop)
}
}
.modal-header_buttonsStub-QaBAw {
visibility: hidden
}
.modal-header_coverButtonsHolder-QaBAw {
position: sticky;
top: 0
}
.modal-header_coverButtonStack-QaBAw {
place-items: center;
display: grid;
position: relative
}
.modal-header_coverButtonStack-QaBAw>* {
grid-area: 1/1
}
.modal-header_coverButtonBackdrop-QaBAw {
z-index: -1;
width: var(--size-control-s);
height: var(--size-control-s);
background-color: var(--color-background-base-alfa-static-black-20);
border-radius: 50%;
position: absolute
}
.modal-header_coverHolder-QaBAw {
z-index: 1002;
background: var(--v2094d8b0);
pointer-events: none;
width: calc(100% + .5px);
-webkit-mask-image: linear-gradient(#000, #000);
mask-image: linear-gradient(#000, #000)
}
.modal-header_coverHolder-QaBAw.modal-header_cutIn-QaBAw {
margin-bottom: calc(var(--modal-rounding)*-1);
-webkit-mask-image: linear-gradient(#000, #000 calc(100% - var(--modal-rounding)), #0000 calc(100% - var(--modal-rounding)), #0000);
-webkit-mask-image: linear-gradient(#000, #000 calc(100% - var(--modal-rounding)), #0000 calc(100% - var(--modal-rounding)), #0000);
mask-image: linear-gradient(#000, #000 calc(100% - var(--modal-rounding)), #0000 calc(100% - var(--modal-rounding)), #0000)
}
@supports (mask-mode:luminance) {
.modal-header_coverHolder-QaBAw.modal-header_cutIn-QaBAw {
-webkit-mask-image: url("data:image/svg+xml, "), linear-gradient(#fff, #fff);
mask-image: url("data:image/svg+xml, "), linear-gradient(#fff, #fff);
-webkit-mask-position: -1px 100%, -1px -1px;
mask-position: -1px 100%, -1px -1px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-source-type: luminance;
mask-mode: luminance;
-webkit-mask-size: calc(100% + 2px) calc(var(--modal-rounding)*2), calc(100% + 2px) calc(100% - var(--modal-rounding) - 1px);
-webkit-mask-size: calc(100% + 2px) calc(var(--modal-rounding)*2), calc(100% + 2px) calc(100% - var(--modal-rounding) - 1px);
mask-size: calc(100% + 2px) calc(var(--modal-rounding)*2), calc(100% + 2px) calc(100% - var(--modal-rounding) - 1px)
}
}
.modal-header_titleButtonBlock-QaBAw {
position: absolute;
inset-block-start: var(--modal-padding-modal-mobile);
inset-inline-start: var(--modal-padding-modal-mobile)
}
@media screen and (min-width:1024px) {
.modal-header_titleButtonBlock-QaBAw {
inset-block-start: var(--modal-padding-modal-desktop);
inset-inline-start: var(--modal-padding-modal-desktop)
}
}
.modal-header_titleButton-QaBAw {
align-items: center;
gap: var(--spacing-12);
display: flex
}
.modal-header_title-QaBAw {
color: var(--color-content-base-primary);
white-space: pre-wrap;
font-family: var(--font-display-body-label-font-family);
font-size: var(--font-display-body-label-font-size);
font-weight: var(--font-display-body-label-font-weight);
letter-spacing: var(--font-display-body-label-letter-spacing);
line-height: var(--font-display-body-label-line-height);
text-transform: var(--font-display-body-label-text-case)
}
.modal-header_subtitle-QaBAw {
color: var(--color-content-base-secondary)
}
.modal-header_primaryHeader-QaBAw {
column-gap: var(--spacing-8);
padding-block: var(--modal-padding-modal-mobile) var(--modal-padding-modal-header-bottom-mobile);
padding-inline: var(--modal-padding-modal-mobile);
grid-template-columns: auto max-content;
grid-template-areas: "back buttons""info buttons";
display: grid
}
@media screen and (min-width:1024px) {
.modal-header_primaryHeader-QaBAw {
padding-block: var(--modal-padding-modal-desktop) var(--modal-padding-modal-header-bottom-desktop);
padding-inline: var(--modal-padding-modal-desktop)
}
}
.modal-header_primaryHeader-QaBAw.modal-header_primaryHeaderWithBack-QaBAw {
grid-template-columns: 1fr 1fr;
grid-template-areas: "back buttons""info info"
}
.modal-header_primaryHeader-QaBAw .modal-header_back-QaBAw {
margin-bottom: var(--spacing-16);
grid-area: back;
justify-self: start
}
.modal-header_primaryHeader-QaBAw .modal-header_buttonsStub-QaBAw {
grid-area: buttons
}
.modal-header_primaryHeader-QaBAw .modal-header_info-QaBAw {
grid-area: info
}
.modal-header_primaryHeader-QaBAw .modal-header_title-QaBAw {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h2-mobile-font-size);
font-weight: var(--font-headline-h2-mobile-font-weight);
letter-spacing: var(--font-headline-h2-mobile-letter-spacing);
line-height: var(--font-headline-h2-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.modal-header_primaryHeader-QaBAw .modal-header_title-QaBAw {
font-size: var(--font-headline-h2-desktop-font-size);
font-weight: var(--font-headline-h2-desktop-font-weight);
letter-spacing: var(--font-headline-h2-desktop-letter-spacing);
line-height: var(--font-headline-h2-desktop-line-height)
}
}
.modal-header_primaryHeader-QaBAw .modal-header_title-QaBAw {
overflow-wrap: anywhere
}
.modal-header_primaryHeader-QaBAw .modal-header_subtitle-QaBAw {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
margin-top: var(--spacing-12)
}
.modal-header_overlayHeaderHolder-QaBAw {
z-index: 1000;
position: sticky;
top: 0
}
.modal-header_overlayHeaderClipper-QaBAw {
top: -1px;
pointer-events: none;
position: absolute;
inset-inline: 0;
overflow: hidden
}
.modal-header_overlayHeader-QaBAw {
padding: var(--modal-padding-modal-mobile);
padding-top: calc(1px + var(--modal-padding-modal-mobile));
border-bottom: 1px solid var(--color-border-base-alfa-container);
background: var(--modal-color-bg);
pointer-events: all;
grid-template-columns: 1fr minmax(0, auto) 1fr;
transition: transform .1s ease-in;
display: grid;
transform: translateY(-100%)
}
@media screen and (min-width:1024px) {
.modal-header_overlayHeader-QaBAw {
padding: var(--modal-padding-modal-desktop)
}
}
.modal-header_overlayHeader-QaBAw.modal-header_active-QaBAw {
transition-timing-function: ease-out;
transform: translateY(-1px)
}
.modal-header_overlayHeader-QaBAw .modal-header_back-QaBAw {
justify-self: start;
margin-inline-end: var(--spacing-12)
}
.modal-header_overlayHeader-QaBAw .modal-header_buttonsStub-QaBAw {
margin-inline-start: var(--spacing-12)
}
.modal-header_overlayHeader-QaBAw .modal-header_title-QaBAw {
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height);
color: var(--color-content-base-primary);
text-overflow: ellipsis;
white-space: nowrap;
display: block;
overflow: hidden
}
.modal-header_root-QaBAw {
display: contents
}
:is(.modal-header_root-QaBAw:has(.modal-header_button-QaBAw:first-child:focus-visible) .modal-header_coverButtonStack-QaBAw:first-child .modal-header_coverButtonBackdrop-QaBAw, .modal-header_root-QaBAw:has(.modal-header_button-QaBAw:nth-child(2):focus-visible) .modal-header_coverButtonStack-QaBAw:nth-child(2) .modal-header_coverButtonBackdrop-QaBAw, .modal-header_root-QaBAw:has(.modal-header_button-QaBAw:nth-child(3):focus-visible) .modal-header_coverButtonStack-QaBAw:nth-child(3) .modal-header_coverButtonBackdrop-QaBAw) {
outline: none
}
@supports not (width:1lh) {
:is(.modal-header_root-QaBAw:has(.modal-header_button-QaBAw:first-child:focus-visible) .modal-header_coverButtonStack-QaBAw:first-child .modal-header_coverButtonBackdrop-QaBAw, .modal-header_root-QaBAw:has(.modal-header_button-QaBAw:nth-child(2):focus-visible) .modal-header_coverButtonStack-QaBAw:nth-child(2) .modal-header_coverButtonBackdrop-QaBAw, .modal-header_root-QaBAw:has(.modal-header_button-QaBAw:nth-child(3):focus-visible) .modal-header_coverButtonStack-QaBAw:nth-child(3) .modal-header_coverButtonBackdrop-QaBAw) {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
:is(.modal-header_root-QaBAw:has(.modal-header_button-QaBAw:first-child:focus-visible) .modal-header_coverButtonStack-QaBAw:first-child .modal-header_coverButtonBackdrop-QaBAw, .modal-header_root-QaBAw:has(.modal-header_button-QaBAw:nth-child(2):focus-visible) .modal-header_coverButtonStack-QaBAw:nth-child(2) .modal-header_coverButtonBackdrop-QaBAw, .modal-header_root-QaBAw:has(.modal-header_button-QaBAw:nth-child(3):focus-visible) .modal-header_coverButtonStack-QaBAw:nth-child(3) .modal-header_coverButtonBackdrop-QaBAw) {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
.dot_dot-Uu6Es {
width: fit-content;
min-width: var(--dot__size);
min-height: var(--dot__size);
padding: 0 var(--spacing-4);
border-radius: var(--dot-rounding);
color: var(--dot-default-fg);
justify-content: center;
align-items: center;
display: flex
}
.dot_size-xs-Uu6Es {
--dot__size: 8px
}
.dot_size-s-Uu6Es {
--dot__size: 16px;
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-xs-font-size);
font-weight: var(--font-caption-xs-semibold-font-weight);
letter-spacing: var(--font-caption-xs-letter-spacing);
line-height: var(--font-caption-xs-line-height)
}
.dot_size-m-Uu6Es {
--dot__size: 20px;
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height)
}
.dot_state-negative-Uu6Es {
background: var(--dot-default-bg)
}
.dot_state-warning-Uu6Es {
background: var(--dot-warning-bg)
}
.dot_state-positive-Uu6Es {
background: var(--dot-positive-bg)
}
.dot_state-informative-Uu6Es {
background: var(--dot-informative-bg)
}
.loader_root-z3LxP {
color: var(--color-content-base-primary);
animation: .6s linear infinite loader_spin-z3LxP
}
@keyframes loader_spin-z3LxP {
to {
transform: rotate(1turn)
}
}
.base_content-ZOkD4 {
justify-content: center;
align-items: center;
gap: var(--spacing-8);
white-space: nowrap;
height: 100%;
display: flex
}
.base_content-ZOkD4:focus-visible {
outline: none
}
@supports not (width:1lh) {
.base_content-ZOkD4:focus-visible {
box-shadow: 0 0 0 unset unset
}
}
@supports (width:1lh) {
.base_content-ZOkD4:focus-visible {
outline: unset solid unset;
outline-offset: unset
}
}
@supports not selector(:focus-visible) {
.base_content-ZOkD4:focus {
outline: none
}
@supports not (width:1lh) {
.base_content-ZOkD4:focus {
box-shadow: 0 0 0 unset unset
}
}
@supports (width:1lh) {
.base_content-ZOkD4:focus {
outline: unset solid unset;
outline-offset: unset
}
}
}
.base_root-ZOkD4 {
--outline-color: var(--color-solid-brand-primary-alfa-68);
border-radius: var(--button-radius);
background-color: unset;
color: var(--color-content-base-static-white);
cursor: pointer;
-webkit-user-select: none;
user-select: none;
will-change: transform;
padding: 0;
transition: opacity .1s;
display: inline-block;
position: relative
}
.base_root-ZOkD4.base_rounded-ZOkD4 {
--button-radius: var(--rounding-max)
}
.base_root-ZOkD4:active {
opacity: var(--opacity-item-active)
}
.base_root-ZOkD4[disabled]:not([disabled=false]) {
opacity: var(--opacity-item-disabled);
pointer-events: none
}
.base_root-ZOkD4.base_loading-ZOkD4 {
pointer-events: none
}
.base_root-ZOkD4.base_loading-ZOkD4 .base_content-ZOkD4 {
opacity: 0
}
.base_root-ZOkD4:focus-visible {
outline: none
}
@supports not (width:1lh) {
.base_root-ZOkD4:focus-visible {
box-shadow: 0 0 0 var(--spacing-2) var(--focus-border)
}
}
@supports (width:1lh) {
.base_root-ZOkD4:focus-visible {
outline: var(--spacing-2) solid var(--focus-border);
outline-offset: var(--spacing-2)
}
}
@supports not selector(:focus-visible) {
.base_root-ZOkD4:focus {
outline: none
}
@supports not (width:1lh) {
.base_root-ZOkD4:focus {
box-shadow: 0 0 0 var(--spacing-2) var(--focus-border)
}
}
@supports (width:1lh) {
.base_root-ZOkD4:focus {
outline: var(--spacing-2) solid var(--focus-border);
outline-offset: var(--spacing-2)
}
}
}
.base_root-ZOkD4 {
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height)
}
.base_view-ZOkD4 {
width: var(--button-width);
height: var(--button-height);
padding: 0 var(--button-padding);
border-radius: var(--button-radius);
background: var(--background);
transition: background .1s;
position: relative
}
@media (hover:hover) and (pointer:fine) {
.base_view-ZOkD4:hover {
background: var(--background-hover)
}
}
.base_view-ZOkD4:focus-visible {
outline: none
}
@supports not (width:1lh) {
.base_view-ZOkD4:focus-visible {
box-shadow: 0 0 0 unset unset
}
}
@supports (width:1lh) {
.base_view-ZOkD4:focus-visible {
outline: unset solid unset;
outline-offset: unset
}
}
@supports not selector(:focus-visible) {
.base_view-ZOkD4:focus {
outline: none
}
@supports not (width:1lh) {
.base_view-ZOkD4:focus {
box-shadow: 0 0 0 unset unset
}
}
@supports (width:1lh) {
.base_view-ZOkD4:focus {
outline: unset solid unset;
outline-offset: unset
}
}
}
.base_view-ZOkD4:after {
border-style: solid;
border-width: 1px;
border-color: var(--border-color);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.base_view-ZOkD4:after {
background: var(--border-color-grad, var(--border-color));
-webkit-mask-composite: xor;
border: none;
padding: 1px;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
.base_loader-ZOkD4 {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0
}
.base_size-s-ZOkD4 {
--button-height: var(--size-control-s);
--button-padding: var(--spacing-12);
--button-radius: var(--button-rounding-s)
}
.base_size-s-ZOkD4.base_isIcon-ZOkD4 {
--button-width: var(--size-control-s);
--button-padding: var(--spacing-0)
}
.base_size-m-ZOkD4 {
--button-height: var(--size-control-m);
--button-padding: var(--spacing-16);
--button-radius: var(--button-rounding-m)
}
.base_size-m-ZOkD4.base_isIcon-ZOkD4 {
--button-width: var(--size-control-m);
--button-padding: var(--spacing-0)
}
.base_size-xl-ZOkD4 {
--button-height: var(--size-control-xl);
--button-padding: var(--spacing-20);
--button-radius: var(--button-rounding-l)
}
.base_size-xl-ZOkD4.base_isIcon-ZOkD4 {
--button-width: var(--size-control-xl);
--button-padding: var(--spacing-0)
}
.base_size-xxl-ZOkD4 {
--button-height: var(--size-control-xxl);
--button-padding: var(--spacing-24);
--button-radius: var(--button-rounding-xl)
}
.base_size-xxl-ZOkD4.base_isIcon-ZOkD4 {
--button-width: var(--size-control-xxl);
--button-padding: var(--spacing-0)
}
.base_variant-primary-ZOkD4 {
--background: var(--button-color-primary-bg-default-grad, var(--button-color-primary-bg-default));
--background-hover: var(--button-color-primary-bg-hover-grad, var(--button-color-primary-bg-hover));
--border-color: var(--button-color-primary-bg-border);
--border-color-grad: var(--button-color-primary-bg-border-grad);
color: var(--button-color-primary-fg-default)
}
.base_variant-primary-ZOkD4 .base_loader-ZOkD4 svg {
color: var(--button-color-primary-fg-default)
}
.base_variant-accent-ZOkD4 {
--background: var(--button-color-accent-bg-default-grad, var(--button-color-accent-bg-default));
--background-hover: var(--button-color-accent-bg-hover-grad, var(--button-color-accent-bg-hover));
--border-color: var(--button-color-accent-bg-border);
--border-color-grad: var(--button-color-accent-bg-border-grad);
color: var(--button-color-accent-fg-default)
}
.base_variant-accent-ZOkD4 .base_loader-ZOkD4 svg {
color: var(--color-content-base-on-accent)
}
.base_variant-neutral-ZOkD4 {
--background: var(--button-color-neutral-bg-default);
--background-hover: var(--button-color-neutral-bg-hover);
--border-color: var(--button-color-neutral-bg-border);
--border-color-grad: var(--button-color-neutral-bg-border-grad);
color: var(--color-content-base-primary)
}
.base_variant-staticPrimary-ZOkD4 {
--background: var(--color-background-base-static-white);
--background-hover: var(--color-background-base-alfa-static-white-96);
color: var(--color-content-base-static-black)
}
.base_variant-staticPrimary-ZOkD4 .base_loader-ZOkD4 svg {
color: var(--color-content-base-static-black)
}
.base_variant-staticSecondary-ZOkD4 {
--background: var(--color-background-base-alfa-static-white-20);
--background-hover: var(--color-background-base-alfa-static-white-32);
--border-color: var(--button-color-static-secondary-bg-border)
}
.base_variant-negative-ZOkD4 {
--background: var(--color-solid-sentiment-negative-alfa-12);
--background-hover: var(--color-solid-sentiment-negative-alfa-16);
color: var(--color-solid-sentiment-negative-default)
}
.base_variant-negative-ZOkD4 .base_loader-ZOkD4 svg {
color: var(--color-solid-sentiment-negative-default)
}
.base_variant-staticBlackPrimary-ZOkD4 {
--background: var(--color-background-base-static-black);
--background-hover: var(--color-background-base-alfa-static-black-96)
}
.base_variant-staticBlackPrimary-ZOkD4 .base_loader-ZOkD4 svg {
color: var(--color-content-base-static-white)
}
.base_variant-staticBlackSecondary-ZOkD4 {
--background: var(--color-background-base-alfa-static-black-40);
--background-hover: var(--color-background-base-alfa-static-black-48)
}
.base_variant-staticBlackSecondary-ZOkD4 .base_loader-ZOkD4 svg {
color: var(--color-content-base-static-white)
}
.base_variant-ghost-ZOkD4 {
--background: var(--color-background-base-none);
--background-hover: var(--color-background-base-alfa-neutral-8);
color: var(--color-content-base-tertiary)
}
.base_variant-ghost-ZOkD4 .base_loader-ZOkD4 svg {
color: var(--color-content-base-tertiary)
}
@media (hover:hover) and (pointer:fine) {
.base_variant-ghost-ZOkD4:hover {
color: var(--color-content-base-secondary)
}
}
.base_badge-ZOkD4 {
--radius: min(var(--button-radius), var(--button-height) / 2);
--offset: calc(var(--radius)*.29289 - var(--dot__size)/2);
position: absolute;
inset-block-start: var(--offset);
inset-inline-end: var(--offset)
}
.base_isWide-ZOkD4 {
width: 100%
}
.base_isWide-ZOkD4.base_isIcon-ZOkD4 {
--button-width: 100%
}
.buttons-group_root-mPIQX {
--gap: var(--spacing-12);
gap: var(--gap);
flex-direction: column;
display: flex
}
@media (min-width:1024px) {
.buttons-group_root-mPIQX {
flex-direction: row
}
.buttons-group_fill-mPIQX>* {
flex-grow: 1;
flex-basis: 0;
min-width: 0
}
}
.modal-info_root-p15an {
padding: 0 var(--modal-padding-modal-mobile) var(--modal-padding-modal-mobile);
gap: var(--spacing-16);
flex-direction: column;
display: flex
}
@media (min-width:1024px) {
.modal-info_root-p15an {
padding: 0 var(--modal-padding-modal-desktop) var(--modal-padding-modal-desktop);
gap: var(--spacing-20)
}
}
.modal-info_subtitle-p15an {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
color: var(--color-content-base-primary);
white-space: pre-wrap
}
.base_content-yDArf {
justify-content: center;
align-items: center;
height: 100%;
display: flex
}
.base_rootInteractive-yDArf {
cursor: pointer
}
.base_rootInteractive-yDArf:active {
opacity: var(--opacity-item-active)
}
.base_root-yDArf {
border-radius: var(--button-radius);
background-color: unset;
padding: 0;
transition: opacity .1s;
display: inline-block;
position: relative
}
.base_root-yDArf:focus-visible {
outline: none
}
@supports not (width:1lh) {
.base_root-yDArf:focus-visible {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.base_root-yDArf:focus-visible {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
@supports not selector(:focus-visible) {
.base_root-yDArf:focus {
outline: none
}
@supports not (width:1lh) {
.base_root-yDArf:focus {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.base_root-yDArf:focus {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
}
.base_root-yDArf:after {
border-width: var(--button-social-border);
border-style: solid;
border-color: var(--button-social-color-border);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.base_root-yDArf:after {
padding: var(--button-social-border);
background: var(--button-social-color-border-grad, var(--button-social-color-border));
-webkit-mask-composite: xor;
border: none;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
.base_root-yDArf.base_disabled-yDArf {
cursor: default;
opacity: var(--opacity-item-disabled);
pointer-events: none
}
.base_root-yDArf.base_loading-yDArf {
cursor: default;
pointer-events: none
}
.base_view-yDArf {
width: var(--button-width);
height: var(--button-height);
border-radius: var(--button-radius);
justify-content: center;
align-items: center;
transition: background-color .1s;
display: flex;
position: relative;
overflow: hidden
}
.base_viewLoading-yDArf {
background-color: var(--button-social-color-bg, var(--color-background-base-alfa-neutral-12))
}
.base_selected-yDArf {
-webkit-mask-composite: xor;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAwIiBoZWlnaHQ9IjMwMDAiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9ImdyZWVuIi8+PC9zdmc+Cg==), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGNpcmNsZSBjeD0iMTkiIGN5PSI1IiByPSIxMiIgZmlsbD0icmVkIi8+PC9zdmc+Cg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAwIiBoZWlnaHQ9IjMwMDAiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9ImdyZWVuIi8+PC9zdmc+Cg==), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGNpcmNsZSBjeD0iMTkiIGN5PSI1IiByPSIxMiIgZmlsbD0icmVkIi8+PC9zdmc+Cg==);
-webkit-mask-position: 100% 0;
mask-position: 100% 0;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-composite: xor;
mask-composite: exclude
}
.base_badge-yDArf {
border-radius: var(--rounding-component-badge);
background-color: var(--color-solid-sentiment-informative-default);
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
position: absolute;
top: -5px;
right: -5px
}
.base_checkIcon-yDArf {
color: var(--color-content-base-static-white)
}
.base_icon-yDArf {
width: 100%;
height: 100%
}
.base_theme-color-yDArf [class*=monochrome],
.base_theme-monochrome-yDArf [class*=color] {
display: none
}
.base_theme-monochrome-yDArf.base_default-yDArf {
color: var(--button-social-color-icon, var(--color-content-base-primary));
fill: var(--button-social-color-bg, var(--color-background-base-alfa-neutral-12))
}
.base_theme-monochrome-yDArf.base_white-yDArf {
color: var(--color-content-base-static-white);
fill: var(--color-background-base-alfa-static-white-20)
}
.base_size-xs-yDArf {
--button-radius: var(--rounding-6);
--button-width: 18px;
--button-height: 18px
}
.base_size-s-yDArf {
--button-radius: var(--button-rounding-s);
--button-width: var(--size-control-s);
--button-height: var(--size-control-s)
}
.base_size-m-yDArf {
--button-radius: var(--button-rounding-m);
--button-width: var(--size-control-m);
--button-height: var(--size-control-m)
}
.base_size-xl-yDArf {
--button-radius: var(--button-rounding-l);
--button-width: var(--size-control-xl);
--button-height: var(--size-control-xl)
}
.picture-v2_root-uw4G6 {
display: contents
}
.picture-v2_root-uw4G6 source {
display: none
}
.picture-v2_root-uw4G6 img {
aspect-ratio: var(--v11659776);
display: block
}
.picture-v2_animated-uw4G6 {
opacity: 0;
transition: opacity .28s ease-in
}
.picture-v2_animated-uw4G6.picture-v2_loaded-uw4G6 {
opacity: 1
}
.picture-v2_contain-uw4G6 {
width: 100%;
height: 100%
}
.icon-box_root-ejR1s {
display: block
}
.icon-box_root-ejR1s>* {
fill: currentColor;
width: 100%;
height: 100%;
display: block
}
.icon-box_root-ejR1s.icon-box_withoutPadding-ejR1s {
padding: 0
}
.icon-box_size-xs-ejR1s {
width: 12px;
height: 12px
}
.icon-box_size-s-ejR1s {
width: 16px;
height: 16px
}
.icon-box_size-m-ejR1s {
width: 24px;
height: 24px;
padding: var(--spacing-2)
}
.icon-box_size-l-ejR1s {
width: 32px;
height: 32px;
padding: var(--spacing-4)
}
.icon-box_size-xl-ejR1s {
width: 64px;
height: 64px;
padding: var(--spacing-8)
}
.badge-deprecated_root-HzNE8 {
border-radius: var(--rounding-component-badge);
-webkit-user-select: none;
user-select: none;
min-width: 0;
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height);
align-items: center;
display: inline-flex
}
.badge-deprecated_text-HzNE8 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.badge-deprecated_icon-HzNE8 {
color: var(--badge-notification-color-fg);
margin-inline-end: var(--spacing-4)
}
.badge-deprecated_size-s-HzNE8 {
padding: var(--spacing-2) var(--spacing-8)
}
.badge-deprecated_size-s-HzNE8.badge-deprecated_withIcon-HzNE8 {
padding-inline-start: var(--spacing-2)
}
.badge-deprecated_size-m-HzNE8 {
padding: var(--spacing-4) var(--spacing-8)
}
.badge-deprecated_size-m-HzNE8.badge-deprecated_withIcon-HzNE8 {
padding-inline-start: var(--spacing-4)
}
.badge-deprecated_variant-default-HzNE8 {
background-color: var(--badge-default-color-bg);
color: var(--color-content-base-primary)
}
.badge-deprecated_variant-default-HzNE8.badge-deprecated_icon-HzNE8 {
color: var(--color-content-base-primary)
}
.badge-deprecated_variant-accent-HzNE8 {
background-color: var(--color-solid-sentiment-informative-default);
color: var(--badge-accent-color-fg)
}
.badge-deprecated_variant-accent-HzNE8.badge-deprecated_icon-HzNE8 {
color: var(--badge-accent-color-fg)
}
.badge-deprecated_variant-staticPrimary-HzNE8 {
background-color: var(--color-background-base-static-white);
color: var(--color-content-base-static-black)
}
.badge-deprecated_variant-staticPrimary-HzNE8 .badge-deprecated_icon-HzNE8 {
color: var(--color-solid-sentiment-positive-default)
}
.badge-deprecated_variant-staticSecondary-HzNE8 {
background-color: var(--color-background-base-alfa-static-white-20);
color: var(--badge-notification-color-fg)
}
.badge-deprecated_variant-notification-HzNE8 {
background-color: var(--badge-notification-color-bg);
color: var(--badge-notification-color-fg)
}
.badge-deprecated_variant-positive-HzNE8 {
background-color: var(--color-solid-sentiment-positive-default);
color: var(--badge-notification-color-fg)
}
.tab_iconBox-3ISo2 {
flex-shrink: 0
}
.tab_maskedIcon-3ISo2 {
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: 100%;
mask-size: 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat
}
.tab_fadeEnterActive-3ISo2,
.tab_fadeLeaveActive-3ISo2 {
transition-duration: var(--sidebar-animation-duration);
transition-property: opacity;
transition-timing-function: var(--sidebar-animation-bezier-ease)
}
.tab_fadeEnterFrom-3ISo2,
.tab_fadeLeaveTo-3ISo2 {
opacity: 0
}
.tab_title-3ISo2 {
transition-duration: var(--sidebar-animation-duration);
transition-property: max-width, opacity;
transition-timing-function: var(--sidebar-animation-bezier-ease);
overflow: hidden
}
.tab_root-3ISo2:focus-visible {
outline: none
}
@supports not (width:1lh) {
.tab_root-3ISo2:focus-visible {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.tab_root-3ISo2:focus-visible {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
@supports not selector(:focus-visible) {
.tab_root-3ISo2:focus {
outline: none
}
@supports not (width:1lh) {
.tab_root-3ISo2:focus {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.tab_root-3ISo2:focus {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
}
.tab_root-3ISo2 {
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
border-radius: var(--tab-rounding-square-tab);
background: var(--tab-color-bg-default);
color: var(--tab-color-fg-default);
justify-content: center;
align-items: center;
gap: var(--spacing-8);
padding-inline: var(--spacing-16);
-webkit-user-select: none;
user-select: none;
white-space: nowrap;
will-change: transform;
display: flex
}
.tab_root-3ISo2:after {
border-style: solid;
border-width: 1px;
border-color: var(--tab-color-bg-border);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.tab_root-3ISo2:after {
background: var(--tab-color-bg-border-grad, var(--tab-color-bg-border));
-webkit-mask-composite: xor;
border: none;
padding: 1px;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
.tab_root-3ISo2.tab_color-accent-3ISo2 {
color: var(--tab-color-fg-accent-default)
}
.tab_root-3ISo2.tab_color-accent-3ISo2 .tab_maskedIcon-3ISo2 {
background-color: var(--tab-color-icon-accent-default)
}
.tab_root-3ISo2.tab_color-neutral-3ISo2 {
color: var(--tab-color-fg-neutral-default)
}
.tab_root-3ISo2.tab_color-neutral-3ISo2 .tab_maskedIcon-3ISo2 {
background-color: var(--tab-color-icon-neutral-default)
}
.tab_root-3ISo2:not(.tab_disabled-3ISo2) {
cursor: pointer
}
.tab_root-3ISo2:not(.tab_disabled-3ISo2):active {
opacity: var(--opacity-item-active)
}
.tab_root-3ISo2:not(.tab_disabled-3ISo2):hover,
.tab_root-3ISo2:not(.tab_disabled-3ISo2):active {
background: var(--tab-color-bg-hover)
}
.tab_root-3ISo2.tab_selected-3ISo2.tab_color-accent-3ISo2:not(.tab_disabled-3ISo2) {
background: var(--tab-color-bg-selected-grad, var(--tab-color-bg-selected));
color: var(--tab-color-fg-accent-selected)
}
.tab_root-3ISo2.tab_selected-3ISo2.tab_color-accent-3ISo2:not(.tab_disabled-3ISo2) .tab_maskedIcon-3ISo2 {
background-color: var(--tab-color-icon-accent-selected)
}
.tab_root-3ISo2.tab_selected-3ISo2.tab_color-neutral-3ISo2:not(.tab_disabled-3ISo2) {
background: var(--tab-color-bg-hover);
color: var(--tab-color-fg-neutral-selected)
}
.tab_root-3ISo2.tab_selected-3ISo2.tab_color-neutral-3ISo2:not(.tab_disabled-3ISo2) .tab_maskedIcon-3ISo2 {
background-color: var(--tab-color-icon-neutral-selected)
}
.tab_root-3ISo2.tab_selected-3ISo2:not(.tab_disabled-3ISo2):after {
border: 1px solid var(--tab-color-stroke-selected)
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.tab_root-3ISo2.tab_selected-3ISo2:not(.tab_disabled-3ISo2):after {
background: var(--tab-color-stroke-selected-grad, var(--tab-color-stroke-selected));
border: none
}
}
.tab_root-3ISo2.tab_size-l-3ISo2 {
height: var(--size-control-l)
}
.tab_root-3ISo2.tab_size-m-3ISo2 {
height: var(--size-control-m)
}
.tab_root-3ISo2.tab_rounded-3ISo2 {
border-radius: var(--rounding-max)
}
.tab_root-3ISo2.tab_ghost-3ISo2 {
background-color: #0000
}
.tab_root-3ISo2.tab_fullWidth-3ISo2 {
width: 100%
}
.segment-control_root-iPDmR {
align-items: center;
display: inline-flex
}
.segment-control_root-iPDmR.segment-control_disabled-iPDmR {
pointer-events: none
}
.segment-control_tab-iPDmR {
position: relative
}
.segment-control_tabMove-iPDmR,
.segment-control_tabEnterActive-iPDmR,
.segment-control_tabLeaveActive-iPDmR {
transition-duration: var(--sidebar-animation-duration);
transition-property: transform, opacity;
transition-timing-function: var(--sidebar-animation-bezier-ease)
}
.segment-control_tabEnterFrom-iPDmR,
.segment-control_tabLeaveTo-iPDmR {
opacity: 0
}
.segment-control_tabLeaveActive-iPDmR {
position: absolute
}
.segment-control_root-iPDmR.segment-control_vertical-iPDmR {
flex-direction: column
}
.segment-control_root-iPDmR.segment-control_vertical-iPDmR .segment-control_tab-iPDmR {
padding: 0 var(--spacing-8)
}
:is(.segment-control_root-iPDmR:not(.segment-control_vertical-iPDmR):not(.segment-control_variant-2-iPDmR) .segment-control_tab-iPDmR):not(:first-child):before {
background-color: var(--color-border-base-alfa-divider);
content: "";
width: 1px;
height: var(--size-control-xxs);
position: absolute;
inset-inline-start: -2px
}
:is(.segment-control_selected-iPDmR:is(.segment-control_root-iPDmR:not(.segment-control_vertical-iPDmR):not(.segment-control_variant-2-iPDmR) .segment-control_tab-iPDmR), :is(.segment-control_root-iPDmR:not(.segment-control_vertical-iPDmR):not(.segment-control_variant-2-iPDmR) .segment-control_tab-iPDmR).router-link-active, :is(.segment-control_root-iPDmR:not(.segment-control_vertical-iPDmR):not(.segment-control_variant-2-iPDmR) .segment-control_tab-iPDmR):hover):before,
:is(.segment-control_selected-iPDmR:is(.segment-control_root-iPDmR:not(.segment-control_vertical-iPDmR):not(.segment-control_variant-2-iPDmR) .segment-control_tab-iPDmR), :is(.segment-control_root-iPDmR:not(.segment-control_vertical-iPDmR):not(.segment-control_variant-2-iPDmR) .segment-control_tab-iPDmR).router-link-active, :is(.segment-control_root-iPDmR:not(.segment-control_vertical-iPDmR):not(.segment-control_variant-2-iPDmR) .segment-control_tab-iPDmR):hover)+:before {
background-color: unset
}
.segment-control_fullWidth-iPDmR {
width: 100%
}
.segment-control_variant-1-iPDmR {
padding: var(--spacing-2);
border-radius: var(--tab-rounding-square);
background: var(--tab-color-segment-bg);
gap: 3px
}
.segment-control_variant-1-iPDmR.segment-control_rounded-iPDmR {
border-radius: var(--tab-rounding-round)
}
.segment-control_variant-1-iPDmR .segment-control_tab-iPDmR:after {
border: unset
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.segment-control_variant-1-iPDmR .segment-control_tab-iPDmR:after {
background: unset
}
}
.segment-control_variant-2-iPDmR {
gap: var(--spacing-8)
}
.skeleton_root-ADZg6 {
background: var(--skeleton-content);
background-size: 200% 100%;
animation: 1.8s linear infinite skeleton_shine-ADZg6
}
@keyframes skeleton_shine-ADZg6 {
0% {
background-position-x: 100%
}
56% {
background-position-x: -100%
}
to {
background-position-x: -100%
}
}
.icon-sprite_root-9n3oj {
height: var(--a5c5e3b8);
aspect-ratio: var(--bb474894)
}
.brand-loader_root-Vq96G {
clip-path: url(#sprite:icon:skeleton-mask);
display: flex;
-webkit-mask-size: cover;
mask-size: cover
}
.brand-loader_logo-Vq96G {
visibility: hidden
}
.brand-loader_compact-Vq96G {
clip-path: url(#sprite:icon:skeleton-mask-compact)
}
.page-loading_root-FUSb1 {
height: calc(100% - var(--header-layout-height-mobile));
opacity: 0;
justify-content: center;
align-items: center;
animation: 1s forwards page-loading_appear-in-FUSb1;
display: flex;
position: relative
}
.page-loading_caption-FUSb1 {
color: var(--color-content-base-secondary);
opacity: .25;
font-size: .5em;
position: absolute;
bottom: 100px;
left: 50%;
transform: translate(-50%)
}
@keyframes page-loading_appear-in-FUSb1 {
to {
opacity: 1
}
}
.list-item_content-2fgOf {
align-items: flex-start;
gap: var(--spacing-2);
flex-direction: column;
margin-inline-end: auto;
display: flex
}
.list-item_sideContent-2fgOf {
flex-shrink: 0;
align-items: center;
min-width: 0;
display: flex
}
.list-item_title-2fgOf {
color: var(--color-content-base-primary);
text-align: start;
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
align-items: center;
display: flex
}
.list-item_title-2fgOf.list-item_titleNowrap-2fgOf {
white-space: nowrap
}
.list-item_root-2fgOf {
--list-item__gap: var(--spacing-12);
--list-item__padding-y: var(--spacing-12);
--list-item__padding-x: var(--spacing-8);
--list-item__min-height: 52px;
width: 100%;
min-height: var(--list-item__min-height);
padding: var(--list-item__padding-y) var(--list-item-padding-horizontal);
border-radius: var(--list-item-rounding);
background-color: var(--list-item-color-bg-default);
align-items: center;
gap: var(--list-item__gap);
display: flex
}
.list-item_root-2fgOf.list-item_interactive-2fgOf:not(.list-item_disabled-2fgOf):active {
opacity: var(--opacity-item-active)
}
.list-item_root-2fgOf.list-item_interactive-2fgOf:not(.list-item_disabled-2fgOf):hover,
.list-item_root-2fgOf.list-item_interactive-2fgOf:not(.list-item_disabled-2fgOf):active {
background-color: var(--list-item-color-bg-hover);
cursor: pointer
}
.list-item_root-2fgOf.list-item_disabled-2fgOf .list-item_content-2fgOf,
.list-item_root-2fgOf.list-item_disabled-2fgOf .list-item_sideContent-2fgOf {
opacity: var(--opacity-item-disabled)
}
.list-item_root-2fgOf.list-item_singleLine-2fgOf {
--list-item__padding-y: 0px;
height: 52px;
padding: 0 var(--list-item-padding-horizontal)
}
.list-item_root-2fgOf.list-item_singleLine-2fgOf .list-item_title-2fgOf {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height)
}
.list-item_root-2fgOf.list-item_scrollable-2fgOf {
-ms-overflow-style: none;
scrollbar-width: none;
overflow-x: auto
}
.list-item_root-2fgOf.list-item_scrollable-2fgOf::-webkit-scrollbar {
display: none
}
.list-item_root-2fgOf:focus-visible {
outline: none
}
@supports not (width:1lh) {
.list-item_root-2fgOf:focus-visible {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.list-item_root-2fgOf:focus-visible {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: -2px
}
}
@supports not selector(:focus-visible) {
.list-item_root-2fgOf:focus {
outline: none
}
@supports not (width:1lh) {
.list-item_root-2fgOf:focus {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.list-item_root-2fgOf:focus {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: -2px
}
}
}
.list-item_withSeparator-2fgOf:not(:first-child) .list-item_main-2fgOf:before {
top: calc(var(--list-item__padding-y)*-1);
background-color: var(--list-item-color-divider);
content: "";
width: 100%;
height: 1px;
position: absolute;
inset-inline-end: 0
}
.list-item_withSeparator-2fgOf.list-item_fullLengthSeparator-2fgOf .list-item_main-2fgOf:before {
width: calc(100% + var(--list-item__padding-x)*2);
inset-inline-end: calc(var(--list-item__padding-x)*-2)
}
:is(.list-item_withSeparator-2fgOf.list-item_interactive-2fgOf:not(.list-item_disabled-2fgOf):hover, .list-item_withSeparator-2fgOf.list-item_interactive-2fgOf:not(.list-item_disabled-2fgOf):active) .list-item_main-2fgOf:before,
:is(.list-item_withSeparator-2fgOf.list-item_interactive-2fgOf:not(.list-item_disabled-2fgOf):hover, .list-item_withSeparator-2fgOf.list-item_interactive-2fgOf:not(.list-item_disabled-2fgOf):active)+* .list-item_main-2fgOf:before {
background-color: unset
}
.list-item_main-2fgOf {
min-width: 0;
height: 100%;
min-height: calc(var(--list-item__min-height) - var(--list-item__padding-y)*2);
align-items: center;
gap: var(--list-item__gap);
flex-grow: 1;
display: flex;
position: relative
}
.list-item_stacked-2fgOf {
padding: var(--spacing-12) var(--spacing-16);
border-radius: 0
}
.list-item_stacked-2fgOf.list-item_singleLine-2fgOf {
padding: 0 var(--spacing-16)
}
.list-item_additionalLabel-2fgOf {
width: 44px;
text-align: start;
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
flex-shrink: 0;
margin-inline-end: var(--spacing-8)
}
.list-item_subtitle-2fgOf {
color: var(--color-content-base-secondary);
text-align: start;
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.tooltip_root-lS9Bx {
position: relative
}
.tooltip_tooltip-lS9Bx {
padding: var(--spacing-8) var(--spacing-12);
border-radius: var(--rounding-component-tooltip);
background-color: var(--color-background-base-elevated);
box-shadow: var(--box-shadow-tooltip);
color: var(--color-content-base-primary);
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height)
}
.tooltip_dimensions-lS9Bx {
min-width: var(--size-tooltip-width-min);
max-width: var(--size-tooltip-width-max)
}
.tooltip_wrapper-lS9Bx {
z-index: var(--z-index-tooltip)
}
.tooltip_spaced-lS9Bx {
padding: 0 var(--spacing-12)
}
.tooltip_arrow-lS9Bx {
background-color: var(--color-background-base-elevated);
clip-path: path("M5.5 0C7 0 8.49995 4 10.5 4H0.5C2.48745 4 4 0 5.5 0Z")
}
.tooltip_trigger-lS9Bx {
cursor: pointer
}
.tooltip_enterFrom-lS9Bx {
animation: .3s forwards tooltip_appear-lS9Bx
}
.tooltip_leaveTo-lS9Bx {
animation: .15s forwards tooltip_disappear-lS9Bx
}
@keyframes tooltip_appear-lS9Bx {
0% {
opacity: 0;
scale: .97
}
40% {
scale: 1.02
}
}
@keyframes tooltip_disappear-lS9Bx {
to {
opacity: 0;
pointer-events: none
}
}
.currency_text-dEZlf {
color: var(--color-content-base-secondary);
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height)
}
.adaptive-balance_root-0NKgq {
width: max-content;
max-width: 100%
}
.adaptive-balance_wrapper-0NKgq {
min-width: 0;
max-width: 100%;
overflow: hidden
}
.adaptive-balance_balance-0NKgq {
contain: layout style;
-webkit-user-select: none;
user-select: none;
grid-template-columns: minmax(0, 1fr);
align-items: center;
min-width: 0;
max-width: 100%;
display: grid;
overflow: hidden
}
.adaptive-balance_line-0NKgq {
align-items: center;
justify-content: var(--adaptive-balance-justify-content, flex-start);
grid-area: 1/1;
min-width: 0;
display: flex;
overflow: hidden
}
.adaptive-balance_number-0NKgq {
text-overflow: ellipsis;
white-space: nowrap;
flex-shrink: 1;
min-width: 0;
overflow: hidden
}
.adaptive-balance_currency-0NKgq {
white-space: nowrap;
flex-shrink: 0
}
.adaptive-balance_ghostWrap-0NKgq {
pointer-events: none;
grid-area: 1/1;
width: 0;
height: 0;
overflow: visible
}
.adaptive-balance_ghostWrapInFlow-0NKgq {
width: max-content
}
.adaptive-balance_ghost-0NKgq {
contain: layout style;
visibility: hidden;
white-space: nowrap;
width: max-content;
display: block
}
.adaptive-balance_tooltipText-0NKgq {
overflow-wrap: anywhere
}
.oauth-buttons-container_root-S1WoW {
text-align: center;
display: flex
}
.oauth-buttons-container_buttons-S1WoW {
grid-template-columns: repeat(auto-fill, 44px);
grid-auto-flow: row;
justify-content: space-between;
gap: 7px;
width: 100%;
display: grid
}
.oauth-buttons-container_buttons-S1WoW.oauth-buttons-container_centered-S1WoW {
flex-wrap: wrap;
justify-content: center;
gap: 7px;
display: flex
}
.oauth-buttons-container_buttons-S1WoW.oauth-buttons-container_centered-S1WoW>button {
flex: 0 0 44px
}
.form_form-wbqa0 {
align-items: flex-end
}
.sign-in_segmentControl-1XDlv {
margin-bottom: var(--modal-padding-modal-gap-form)
}
.sign-in_socials-1XDlv {
margin: 0 0 var(--spacing-32)
}
.sign-in_line-1XDlv {
width: 100%;
color: var(--color-content-base-secondary);
padding-block: var(--spacing-16);
text-align: center;
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
align-items: center;
display: flex
}
.sign-in_line-1XDlv.sign-in_withText-1XDlv {
gap: var(--spacing-8)
}
.sign-in_line-1XDlv:after,
.sign-in_line-1XDlv:before {
background: var(--color-border-base-alfa-divider);
content: "";
flex: 1;
height: 1px
}
.sign-in_register-1XDlv {
margin-top: var(--spacing-16);
color: var(--color-content-base-secondary);
align-items: center;
gap: var(--spacing-2);
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
flex-direction: column;
display: flex
}
.fast-form_login-IYteB {
color: var(--color-content-base-secondary);
justify-content: center;
gap: var(--spacing-8);
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
margin-block-start: var(--modal-padding-modal-gap-form);
display: flex
}
.oauth-select_root-fUG3M {
text-align: center;
display: flex
}
.oauth-select_buttons-fUG3M {
grid-template-columns: repeat(auto-fill, 44px);
grid-auto-flow: row;
justify-content: space-between;
gap: 7px;
width: 100%;
display: grid
}
.oauth-select_disabled-fUG3M {
opacity: var(--opacity-item-disabled)
}
.social-form_oauthSelect-wKuDP {
margin-bottom: var(--modal-padding-modal-gap-form)
}
.social-form_login-wKuDP,
.united-form_login-QgQ3V {
color: var(--color-content-base-secondary);
justify-content: center;
gap: var(--spacing-8);
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
margin-block-start: var(--modal-padding-modal-gap-form);
display: flex
}
.united-form_line-QgQ3V {
width: 100%;
color: var(--color-content-base-secondary);
padding-block: var(--spacing-16);
text-align: center;
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
align-items: center;
display: flex
}
.united-form_line-QgQ3V.united-form_withText-QgQ3V {
gap: var(--spacing-8)
}
.united-form_line-QgQ3V:after,
.united-form_line-QgQ3V:before {
background: var(--color-border-base-alfa-divider);
content: "";
flex: 1;
height: 1px
}
.united-form_socials-QgQ3V {
margin: 0 0 var(--spacing-32)
}
.sign-up_segmentControl-CAEBg {
margin-bottom: var(--modal-padding-modal-gap-form)
}
.sign-up_form-CAEBg {
min-height: 100px
}
.detached-banner-skeleton_root-gvzqF {
border-radius: var(--rounding-32);
background-color: var(--modal-color-bg);
width: 100%;
height: 88px
}
@media (min-width:1024px) {
.detached-banner-skeleton_root-gvzqF {
width: 344px;
height: 100%
}
}
.auth_content-4i6g6 {
padding: 0 var(--modal-padding-modal-mobile) var(--modal-padding-modal-mobile);
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
justify-content: space-between;
display: flex
}
@media (min-width:1024px) {
.auth_content-4i6g6 {
padding: 0 var(--modal-padding-modal-desktop) var(--modal-padding-modal-desktop)
}
}
.auth_support-4i6g6 {
padding-top: var(--modal-padding-modal-mobile);
border-top: 1px solid var(--color-border-base-alfa-divider);
margin-top: var(--modal-padding-modal-mobile)
}
@media (min-width:1024px) {
.auth_support-4i6g6 {
padding-top: var(--modal-padding-modal-desktop);
margin-top: var(--modal-padding-modal-desktop)
}
}
.auth_supportContent-4i6g6 {
color: var(--color-content-base-secondary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.auth_bannerSkeleton-4i6g6 {
min-height: 100px
}
.accounts-tooltip-error_root-Uptbb {
flex-direction: column;
flex: 1;
align-items: center;
gap: 0;
padding-block-start: var(--spacing-12);
display: flex
}
.accounts-tooltip-error_icon-Uptbb {
color: var(--color-content-base-tertiary);
margin-block: 107px var(--spacing-16)
}
.accounts-tooltip-error_title-Uptbb {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h4-mobile-font-size);
font-weight: var(--font-headline-h4-mobile-font-weight);
letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
line-height: var(--font-headline-h4-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.accounts-tooltip-error_title-Uptbb {
font-size: var(--font-headline-h4-desktop-font-size);
font-weight: var(--font-headline-h4-desktop-font-weight);
letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
line-height: var(--font-headline-h4-desktop-line-height)
}
}
.accounts-tooltip-error_title-Uptbb {
color: var(--color-content-base-primary);
margin-block-end: var(--spacing-4)
}
.accounts-tooltip-error_subtitle-Uptbb {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
color: var(--color-content-base-secondary);
margin-block-end: var(--spacing-16)
}
.accounts-tooltip-loaded_accounts-q6B3Q {
contain: layout;
flex-direction: column;
flex: 1;
min-height: 0;
display: flex
}
.accounts-tooltip-loaded_list-q6B3Q {
overscroll-behavior: contain;
min-height: 0;
-ms-overflow-style: none;
scrollbar-width: none;
flex: 1;
padding-block-start: var(--spacing-12);
overflow-y: auto
}
.accounts-tooltip-loaded_list-q6B3Q::-webkit-scrollbar {
display: none
}
.accounts-tooltip-loaded_section-q6B3Q {
gap: var(--list-items-gap);
padding-inline: var(--spacing-12);
flex-direction: column;
display: flex
}
.accounts-tooltip-loaded_balance-q6B3Q {
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
--adaptive-balance-justify-content: flex-end;
min-width: 0;
color: var(--color-content-base-primary);
-webkit-user-select: none;
user-select: none;
display: flex
}
.accounts-tooltip-loaded_divider-q6B3Q {
background-color: var(--list-item-color-divider);
height: 1px
}
.accounts-tooltip-loaded_settingIcon-q6B3Q {
fill: var(--color-content-base-tertiary)
}
.accounts-tooltip-loading_accounts-1nql0 {
flex-direction: column;
flex: 1;
min-height: 0;
display: flex
}
.accounts-tooltip-loading_list-1nql0 {
min-height: 0;
-ms-overflow-style: none;
scrollbar-width: none;
flex: 1;
padding-block-start: var(--spacing-12);
overflow-y: auto
}
.accounts-tooltip-loading_list-1nql0::-webkit-scrollbar {
display: none
}
.accounts-tooltip-loading_section-1nql0 {
gap: var(--list-items-gap);
padding-inline: var(--spacing-12);
flex-direction: column;
display: flex
}
.accounts-tooltip-loading_item-1nql0 {
border-radius: var(--list-item-rounding);
background-color: var(--list-item-color-bg-default);
align-items: center;
gap: var(--spacing-12);
height: 52px;
padding-inline: var(--list-item-padding-horizontal);
display: flex
}
.accounts-tooltip-loading_item-1nql0.accounts-tooltip-loading_settingsItem-1nql0 {
padding-inline-end: 0
}
.accounts-tooltip-loading_icon-1nql0 {
width: var(--spacing-24);
height: var(--spacing-24);
border-radius: var(--rounding-max);
flex-shrink: 0
}
.accounts-tooltip-loading_title-1nql0 {
width: 60px;
height: var(--size-control-xs);
border-radius: var(--rounding-control-xl);
flex-shrink: 0;
margin-inline-end: auto
}
.accounts-tooltip-loading_balance-1nql0 {
width: 32px;
height: var(--size-control-xs);
border-radius: var(--rounding-control-xl);
flex-shrink: 0
}
.accounts-tooltip-loading_titleSettings-1nql0 {
width: 157px;
height: var(--size-control-xs);
border-radius: var(--rounding-control-xl);
flex-shrink: 0
}
.accounts-tooltip_root-EWr2q {
flex-direction: column;
flex: 1;
min-height: 0;
display: flex
}
.hint_root-SEpY1 {
color: var(--color-content-base-secondary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.hint_root-SEpY1 a {
cursor: pointer;
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height)
}
.hint_variant-error-SEpY1 {
color: var(--color-solid-sentiment-negative-default)
}
.hint_variant-success-SEpY1 {
color: var(--color-solid-sentiment-positive-default)
}
.clear-button_root-2BxqI {
color: var(--color-content-base-tertiary);
cursor: pointer;
background-color: #0000;
justify-content: center;
align-items: center;
padding: 0;
transition: opacity .1s;
display: flex
}
.clear-button_root-2BxqI[disabled] {
opacity: 0;
pointer-events: none
}
.field-wrapper_root-xSBJ6 {
gap: var(--spacing-4);
flex-direction: column;
width: 100%;
display: flex
}
.field-wrapper_end-xSBJ6 {
margin-top: var(--spacing-4)
}
.field-wrapper_disabled-xSBJ6 {
opacity: var(--opacity-item-disabled);
pointer-events: none
}
.field-wrapper_control-xSBJ6 {
height: var(--size-control-xl);
border: var(--border-s) solid transparent;
border-radius: var(--input-rounding);
background-color: var(--input-color-bg-default);
align-items: center;
transition: border-color .1s, opacity .1s;
display: flex;
position: relative
}
.field-wrapper_control-xSBJ6:after {
border-style: solid;
border-width: 1px;
border-color: var(--input-color-bg-border);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: -1px
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.field-wrapper_control-xSBJ6:after {
background: var(--input-color-bg-border-grad, var(--input-color-bg-border));
-webkit-mask-composite: xor;
border: none;
padding: 1px;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
.field-wrapper_control-xSBJ6.field-wrapper_autoHeight-xSBJ6 {
height: auto;
min-height: var(--size-control-xl)
}
.field-wrapper_control-xSBJ6:hover {
background-color: var(--input-color-bg-hover)
}
.field-wrapper_control-xSBJ6:active {
background-color: var(--input-color-bg-hover);
opacity: var(--opacity-item-active)
}
.field-wrapper_status-error-xSBJ6 .field-wrapper_control-xSBJ6 {
border-color: var(--color-solid-sentiment-negative-default);
box-shadow: unset
}
:is(.field-wrapper_status-error-xSBJ6 .field-wrapper_control-xSBJ6):after {
display: none
}
.field-wrapper_status-success-xSBJ6 .field-wrapper_control-xSBJ6 {
border-color: var(--color-solid-sentiment-positive-default);
box-shadow: unset
}
:is(.field-wrapper_status-success-xSBJ6 .field-wrapper_control-xSBJ6):after {
display: none
}
.field-wrapper_root-xSBJ6:not(.field-wrapper_status-error-xSBJ6) .field-wrapper_control-xSBJ6:has(:focus-visible) {
border-color: var(--focus-border)
}
:is(.field-wrapper_root-xSBJ6:not(.field-wrapper_status-error-xSBJ6) .field-wrapper_control-xSBJ6:has(:focus-visible)):after {
display: none
}
@supports not selector(:has(:focus-visible)) {
.field-wrapper_root-xSBJ6:not(.field-wrapper_status-error-xSBJ6) .field-wrapper_control-xSBJ6:focus-within {
border-color: var(--focus-border)
}
:is(.field-wrapper_root-xSBJ6:not(.field-wrapper_status-error-xSBJ6) .field-wrapper_control-xSBJ6:focus-within):after {
display: none
}
}
.base-field_root-ttxw4 {
--base-field__padding: var(--spacing-8) var(--spacing-16)
}
.base-field_label-ttxw4 {
pointer-events: none;
text-overflow: ellipsis;
transform-origin: 0 100%;
-webkit-user-select: none;
user-select: none;
white-space: nowrap;
max-width: 100%;
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
transition: transform .1s cubic-bezier(.4, 0, .2, 1);
position: absolute;
inset-block-start: 3px;
overflow: hidden
}
.base-field_control-ttxw4 {
flex-grow: 1;
align-items: center;
height: 100%;
display: flex;
position: relative
}
.base-field_controlContent-ttxw4 {
width: 100%
}
:is(.base-field_root-ttxw4.base-field_hasLabel-ttxw4.base-field_focused-ttxw4, .base-field_root-ttxw4.base-field_hasLabel-ttxw4.base-field_filled-ttxw4) .base-field_label-ttxw4 {
transform: scale(.72)translateY(-17px)
}
:is(.base-field_root-ttxw4.base-field_hasLabel-ttxw4.base-field_focused-ttxw4, .base-field_root-ttxw4.base-field_hasLabel-ttxw4.base-field_filled-ttxw4) .base-field_controlContent-ttxw4 {
transform: translateY(7px)
}
.base-field_iconStart-ttxw4,
.base-field_iconEnd-ttxw4 {
height: min-content;
color: var(--color-content-base-tertiary);
align-items: stretch;
gap: var(--spacing-12);
display: flex
}
.base-field_divider-ttxw4 {
width: 1px;
height: var(--spacing-16);
background-color: var(--color-border-base-alfa-divider)
}
.base-field_content-ttxw4 {
height: 100%;
padding: var(--base-field__padding);
color: var(--color-content-base-secondary);
cursor: var(--f081fb40);
align-items: center;
gap: var(--spacing-12);
flex-grow: 1;
display: flex
}
.base-field_content-ttxw4.base-field_verticalStart-ttxw4 {
align-items: flex-start
}
.base-field_content-ttxw4.base-field_verticalStart-ttxw4 .base-field_iconStart-ttxw4,
.base-field_content-ttxw4.base-field_verticalStart-ttxw4 .base-field_iconEnd-ttxw4 {
padding-block-start: var(--spacing-2)
}
.base-field_alignCenter-ttxw4 .base-field_content-ttxw4 {
justify-content: center;
padding: 0
}
.control_placeholder-5SZBQ {
width: 100%;
height: 100%;
color: var(--color-content-base-secondary);
pointer-events: none;
white-space: nowrap;
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
align-items: center;
display: flex;
position: absolute;
overflow: hidden
}
.control_hiddenPlaceholder-5SZBQ {
color: #0000
}
.control_root-5SZBQ {
width: 100%;
min-height: 20px;
display: flex;
position: relative
}
.control_root-5SZBQ input {
position: absolute
}
.control_root-5SZBQ textarea {
resize: none;
max-height: 174px
}
.control_root-5SZBQ input,
.control_root-5SZBQ textarea {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
border: var(--border-none);
width: 100%;
caret-color: var(--focus-fg);
color: var(--color-content-base-primary);
font-family: var(--font-body-font-family);
font-feature-settings: "case"on;
background-color: #0000;
padding: 0
}
:is(.control_root-5SZBQ input, .control_root-5SZBQ textarea)::placeholder {
color: var(--color-content-base-secondary);
transition: color .1s, opacity .1s
}
:is(.control_root-5SZBQ input, .control_root-5SZBQ textarea):focus,
:is(.control_root-5SZBQ input, .control_root-5SZBQ textarea):active {
outline: none
}
:is(:is(.control_root-5SZBQ input, .control_root-5SZBQ textarea):focus, :is(.control_root-5SZBQ input, .control_root-5SZBQ textarea):active)~.control_placeholder-5SZBQ,
:is(:is(.control_root-5SZBQ input, .control_root-5SZBQ textarea):focus, :is(.control_root-5SZBQ input, .control_root-5SZBQ textarea):active)::placeholder {
opacity: var(--opacity-item-disabled)
}
.control_alignCenter-5SZBQ:is(.control_root-5SZBQ input, .control_root-5SZBQ textarea) input,
.control_alignCenter-5SZBQ:is(.control_root-5SZBQ input, .control_root-5SZBQ textarea) textarea {
text-align: center
}
:is(.control_root-5SZBQ input, .control_root-5SZBQ textarea)::-webkit-search-decoration {
appearance: none
}
:is(.control_root-5SZBQ input, .control_root-5SZBQ textarea)::-webkit-search-cancel-button {
appearance: none
}
.control_root-5SZBQ.control_hasLabel-5SZBQ input::-webkit-credentials-auto-fill-button {
transform: translateY(-7px)
}
.control_root-5SZBQ.control_hasLabel-5SZBQ textarea::-webkit-credentials-auto-fill-button {
transform: translateY(-7px)
}
:is(.control_root-5SZBQ.control_hasLabel-5SZBQ input:not(:focus), .control_root-5SZBQ.control_hasLabel-5SZBQ textarea:not(:focus))::placeholder {
color: #0000
}
:is(.control_root-5SZBQ.control_hasLabel-5SZBQ input:not(:focus), .control_root-5SZBQ.control_hasLabel-5SZBQ textarea:not(:focus))+.control_placeholder-5SZBQ {
display: none
}
:is(.control_root-5SZBQ.control_hasLabel-5SZBQ.control_filled-5SZBQ input, .control_root-5SZBQ.control_hasLabel-5SZBQ.control_filled-5SZBQ textarea, .control_root-5SZBQ.control_hasLabel-5SZBQ input:focus, .control_root-5SZBQ.control_hasLabel-5SZBQ textarea:focus)~.control_placeholder-5SZBQ {
display: flex
}
.dropdown_tooltip-ePZP2 {
--size-tooltip-width-max: 100%;
padding: var(--dropdown-padding-top) var(--dropdown-padding-right) var(--dropdown-padding-bottom) var(--dropdown-padding-left);
border-radius: var(--dropdown-rounding);
background: var(--dropdown-color-bg);
position: relative
}
.dropdown_tooltip-ePZP2:before {
border: var(--border-s) solid var(--dropdown-border);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
.dropdown_tooltipWrapper-ePZP2 {
width: 100%;
padding: 0
}
.email-input_root-3tCGW {
width: 100%
}
.mask-input_input-GDetI[autocomplete=off]::-webkit-contacts-auto-fill-button {
visibility: hidden;
width: 0;
height: 0;
display: none
}
[dir=rtl] .mask-input_input-GDetI {
text-align: right
}
.flag_img-vPcYJ {
border-radius: 50%;
overflow: hidden
}
.phone-input_buttonContent-n13qz {
align-items: center;
gap: var(--spacing-12);
display: flex
}
.form-group-label_root-PnwiA {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
color: var(--color-content-base-secondary)
}
.date-input_datePicker-4qQqq {
position: absolute;
bottom: 0;
left: 0;
transform: scale(0)
}
.checkbox_root-qop45 {
gap: var(--spacing-8);
-webkit-user-select: none;
user-select: none;
display: flex
}
.checkbox_hint-qop45 {
margin-top: var(--spacing-2)
}
.checkbox_hint-qop45 a {
color: var(--content-button-accent-color-fg-default)
}
.checkbox_box-qop45 {
border: var(--border-s) solid var(--checkbox-color-unchecked-stroke-default);
border-radius: var(--rounding-component-checkbox);
background: var(--checkbox-color-unchecked-bg-default);
transition: background-color .2s;
position: absolute;
inset: 0
}
.checkbox_box-qop45.checkbox_disabled-qop45 {
cursor: unset;
opacity: var(--opacity-item-disabled)
}
.checkbox_error-qop45 .checkbox_box-qop45 {
border: var(--border-s) solid var(--color-border-sentiment-negative-default)
}
.checkbox_error-qop45 .checkbox_hint-qop45 {
color: var(--color-solid-sentiment-negative-default)
}
:is(.checkbox_error-qop45 .checkbox_hint-qop45) a {
color: var(--color-content-base-secondary)
}
.checkbox_box-qop45:not(.checkbox_disabled-qop45) {
cursor: pointer
}
.checkbox_box-qop45:not(.checkbox_disabled-qop45):hover {
background-color: var(--checkbox-color-unchecked-bg-hover)
}
.checkbox_box-qop45:not(.checkbox_disabled-qop45):active {
opacity: var(--opacity-item-active)
}
.checkbox_label-qop45 {
color: var(--v32e73dc9);
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height)
}
.checkbox_inputWrapper-qop45 {
flex-shrink: 0;
width: 20px;
height: 20px;
position: relative
}
.checkbox_icon-qop45 {
color: var(--color-content-base-static-white);
inset: var(--spacing-2);
pointer-events: none;
display: none;
position: absolute
}
.checkbox_input-qop45 {
opacity: 0;
width: 0;
height: 0
}
.checkbox_input-qop45:checked+.checkbox_box-qop45 {
border: var(--border-none);
background-color: var(--checkbox-color-checked-bg-default)
}
:is(.checkbox_input-qop45:checked+.checkbox_box-qop45) .checkbox_icon-qop45 {
color: var(--checkbox-color-checked-fg);
display: block
}
:is(.checkbox_input-qop45:checked+.checkbox_box-qop45):hover {
background-color: var(--checkbox-color-checked-bg-hover)
}
.checkbox_input-qop45:focus-visible+.checkbox_box-qop45 {
outline: none
}
@supports not (width:1lh) {
:is(.checkbox_input-qop45:focus-visible+.checkbox_box-qop45) {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
:is(.checkbox_input-qop45:focus-visible+.checkbox_box-qop45) {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
@supports not selector(:focus-visible) {
.checkbox_input-qop45:focus+.checkbox_box-qop45 {
outline: none
}
@supports not (width:1lh) {
:is(.checkbox_input-qop45:focus+.checkbox_box-qop45) {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
:is(.checkbox_input-qop45:focus+.checkbox_box-qop45) {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
}
.currency-dropdown_button-6mL7o {
width: 100%;
height: var(--size-control-xl);
padding: var(--spacing-8) var(--spacing-16);
border-radius: var(--input-rounding);
background-color: var(--input-color-bg-default);
color: var(--color-content-base-primary);
align-items: center;
gap: var(--spacing-12);
display: flex
}
.currency-dropdown_button-6mL7o.currency-dropdown_clickable-6mL7o {
cursor: pointer
}
.currency-dropdown_button-6mL7o.currency-dropdown_clickable-6mL7o:hover,
.currency-dropdown_button-6mL7o.currency-dropdown_clickable-6mL7o:active {
background-color: var(--input-color-bg-hover);
outline-color: #0000
}
.currency-dropdown_button-6mL7o:active {
opacity: var(--opacity-item-active)
}
.currency-dropdown_button-6mL7o:disabled {
cursor: default;
opacity: var(--opacity-item-disabled)
}
.currency-dropdown_button-6mL7o {
outline: none
}
@supports not (width:1lh) {
.currency-dropdown_button-6mL7o {
box-shadow: 0 0 0 1px var(--input-color-bg-border)
}
}
@supports (width:1lh) {
.currency-dropdown_button-6mL7o {
outline: 1px solid var(--input-color-bg-border);
outline-offset: -1px
}
}
.currency-dropdown_button-6mL7o:focus-visible {
outline: none
}
@supports not (width:1lh) {
.currency-dropdown_button-6mL7o:focus-visible {
box-shadow: 0 0 0 1px var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.currency-dropdown_button-6mL7o:focus-visible {
outline: 1px solid var(--color-solid-brand-primary-alfa-68);
outline-offset: -1px
}
}
@supports not selector(:focus-visible) {
.currency-dropdown_button-6mL7o:focus {
outline: none
}
@supports not (width:1lh) {
.currency-dropdown_button-6mL7o:focus {
box-shadow: 0 0 0 1px var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.currency-dropdown_button-6mL7o:focus {
outline: 1px solid var(--color-solid-brand-primary-alfa-68);
outline-offset: -1px
}
}
}
.currency-dropdown_divider-6mL7o {
background-color: var(--color-border-base-alfa-divider);
flex-shrink: 0;
width: 1px;
height: 16px
}
.currency-dropdown_content-6mL7o {
color: var(--color-content-base-primary);
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
margin-inline-end: auto
}
.currency-dropdown_icon-6mL7o {
color: var(--color-content-base-tertiary)
}
.password-requirements_root-HSYnN {
align-items: flex-start;
gap: var(--spacing-4);
flex-direction: column;
display: flex
}
.password-requirements_item-HSYnN {
color: var(--color-content-base-secondary);
align-items: center;
gap: var(--spacing-8);
display: flex
}
.password-requirements_item-HSYnN.password-requirements_single-HSYnN.password-requirements_status-error-HSYnN {
color: var(--color-solid-sentiment-negative-default)
}
.password-requirements_iconBlock-HSYnN {
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex
}
.password-requirements_status-validated-HSYnN .password-requirements_iconBlock-HSYnN {
color: var(--color-solid-sentiment-positive-default)
}
.password-requirements_status-error-HSYnN .password-requirements_iconBlock-HSYnN {
color: var(--color-content-base-tertiary)
}
.password-requirements_status-default-HSYnN .password-requirements_iconBlock-HSYnN {
color: var(--color-content-base-secondary)
}
.password-requirements_text-HSYnN {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.password-requirements_iconDot-HSYnN {
background-color: currentColor;
border-radius: 50%;
width: 5px;
height: 5px
}
.password-input_shieldIcon-JNG3p {
color: var(--color-solid-sentiment-positive-default)
}
.paragraph_root-Ms1Yo {
color: var(--color-content-base-secondary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.paragraph_root-Ms1Yo a {
cursor: pointer;
-webkit-text-decoration: underline;
text-decoration: underline
}
.zipcode-requirements_root-kzM5y {
align-items: flex-start;
gap: var(--spacing-4);
flex-direction: column;
display: flex
}
.zipcode-requirements_item-kzM5y {
color: var(--color-content-base-secondary);
align-items: center;
gap: var(--spacing-8);
display: flex
}
.zipcode-requirements_iconBlock-kzM5y {
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex
}
.zipcode-requirements_status-validated-kzM5y .zipcode-requirements_iconBlock-kzM5y {
color: var(--color-solid-sentiment-positive-default)
}
.zipcode-requirements_status-error-kzM5y .zipcode-requirements_iconBlock-kzM5y {
color: var(--color-content-base-tertiary)
}
.zipcode-requirements_status-default-kzM5y .zipcode-requirements_iconBlock-kzM5y {
color: var(--color-content-base-secondary)
}
.zipcode-requirements_text-kzM5y {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.zipcode-requirements_iconDot-kzM5y {
background-color: currentColor;
border-radius: 50%;
width: 5px;
height: 5px
}
.form_root-PwGD3 {
display: var(--v7cedc2f5);
gap: 0 var(--modal-padding-modal-gap-stack-form);
grid-auto-columns: 1fr;
grid-template-areas: var(--v55909ac6);
flex-direction: column;
place-items: flex-start start
}
@font-face {
font-display: swap;
font-family: Druk;
font-style: normal;
font-weight: 500;
src: url(/resources/v1/shared/fonts/druk/druktextwidecyr-medium-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: Druk;
font-style: normal;
font-weight: 500;
src: url(/resources/v1/shared/fonts/druk/druktextwidecyr-medium-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: Druk;
font-style: normal;
font-weight: 500;
src: url(/resources/v1/shared/fonts/druk/druktextwidecyr-medium-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: Druk;
font-style: normal;
font-weight: 500;
src: url(/resources/v1/shared/fonts/druk/druktextwidecyr-medium-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: Druk;
font-style: normal;
font-weight: 500;
src: url(/resources/v1/shared/fonts/druk/druktextwidecyr-medium-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: Druk;
font-style: normal;
font-weight: 500;
src: url(/resources/v1/shared/fonts/druk/druktextwidecyr-medium-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: Druk;
font-style: normal;
font-weight: 500;
src: url(/resources/v1/shared/fonts/druk/druktextwidecyr-medium-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: Druk;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/druk/druktextwidecyr-bold-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: Druk;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/druk/druktextwidecyr-bold-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: Druk;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/druk/druktextwidecyr-bold-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: Druk;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/druk/druktextwidecyr-bold-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: Druk;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/druk/druktextwidecyr-bold-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: Druk;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/druk/druktextwidecyr-bold-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: Druk;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/druk/druktextwidecyr-bold-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: Inter;
font-style: normal;
font-weight: 100 900;
src: url(/resources/v1/shared/fonts/inter/InterVariable-cyrillic-ext.woff2)format("woff2-variations");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: Inter;
font-style: normal;
font-weight: 100 900;
src: url(/resources/v1/shared/fonts/inter/InterVariable-cyrillic.woff2)format("woff2-variations");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: Inter;
font-style: normal;
font-weight: 100 900;
src: url(/resources/v1/shared/fonts/inter/InterVariable-greek-ext.woff2)format("woff2-variations");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: Inter;
font-style: normal;
font-weight: 100 900;
src: url(/resources/v1/shared/fonts/inter/InterVariable-greek.woff2)format("woff2-variations");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: Inter;
font-style: normal;
font-weight: 100 900;
src: url(/resources/v1/shared/fonts/inter/InterVariable-vietnamese.woff2)format("woff2-variations");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: Inter;
font-style: normal;
font-weight: 100 900;
src: url(/resources/v1/shared/fonts/inter/InterVariable-latin-ext.woff2)format("woff2-variations");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: Inter;
font-style: normal;
font-weight: 100 900;
src: url(/resources/v1/shared/fonts/inter/InterVariable-latin.woff2)format("woff2-variations");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/poppins/poppins-400-devanagari.woff2)format("woff2");
unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 500;
src: url(/resources/v1/shared/fonts/poppins/poppins-500-devanagari.woff2)format("woff2");
unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/poppins/poppins-600-devanagari.woff2)format("woff2");
unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/poppins/poppins-700-devanagari.woff2)format("woff2");
unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/poppins/poppins-800-devanagari.woff2)format("woff2");
unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 900;
src: url(/resources/v1/shared/fonts/poppins/poppins-900-devanagari.woff2)format("woff2");
unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF
}
@font-face {
font-display: swap;
font-family: Geologica;
font-style: normal;
font-weight: 100 900;
src: url(/resources/v1/shared/fonts/geologica/Geologica-Variable-cyrillic-ext.woff2)format("woff2-variations");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: Geologica;
font-style: normal;
font-weight: 100 900;
src: url(/resources/v1/shared/fonts/geologica/Geologica-Variable-cyrillic.woff2)format("woff2-variations");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: Geologica;
font-style: normal;
font-weight: 100 900;
src: url(/resources/v1/shared/fonts/geologica/Geologica-Variable-greek-ext.woff2)format("woff2-variations");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: Geologica;
font-style: normal;
font-weight: 100 900;
src: url(/resources/v1/shared/fonts/geologica/Geologica-Variable-greek.woff2)format("woff2-variations");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: Geologica;
font-style: normal;
font-weight: 100 900;
src: url(/resources/v1/shared/fonts/geologica/Geologica-Variable-vietnamese.woff2)format("woff2-variations");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: Geologica;
font-style: normal;
font-weight: 100 900;
src: url(/resources/v1/shared/fonts/geologica/Geologica-Variable-latin-ext.woff2)format("woff2-variations");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: Geologica;
font-style: normal;
font-weight: 100 900;
src: url(/resources/v1/shared/fonts/geologica/Geologica-Variable-latin.woff2)format("woff2-variations");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: Coolvetica;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/coolvetica/coolvetica-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: Coolvetica;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/coolvetica/coolvetica-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: Coolvetica;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/coolvetica/coolvetica-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: Coolvetica;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/coolvetica/coolvetica-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: Coolvetica;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/coolvetica/coolvetica-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: Coolvetica;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/coolvetica/coolvetica-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: Coolvetica;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/coolvetica/coolvetica-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/rubik/Rubik-Regular-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/rubik/Rubik-Regular-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/rubik/Rubik-Regular-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/rubik/Rubik-Regular-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/rubik/Rubik-Regular-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/rubik/Rubik-Regular-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/rubik/Rubik-Regular-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/rubik/Rubik-SemiBold-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/rubik/Rubik-SemiBold-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/rubik/Rubik-SemiBold-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/rubik/Rubik-SemiBold-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/rubik/Rubik-SemiBold-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/rubik/Rubik-SemiBold-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/rubik/Rubik-SemiBold-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/rubik/Rubik-Bold-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/rubik/Rubik-Bold-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/rubik/Rubik-Bold-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/rubik/Rubik-Bold-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/rubik/Rubik-Bold-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/rubik/Rubik-Bold-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/rubik/Rubik-Bold-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/rubik/Rubik-ExtraBold-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/rubik/Rubik-ExtraBold-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/rubik/Rubik-ExtraBold-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/rubik/Rubik-ExtraBold-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/rubik/Rubik-ExtraBold-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/rubik/Rubik-ExtraBold-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/rubik/Rubik-ExtraBold-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-regular-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-regular-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-regular-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-regular-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-regular-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-regular-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-regular-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-semibold-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-semibold-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-semibold-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-semibold-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-semibold-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-semibold-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-semibold-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-heavy-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-heavy-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-heavy-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-heavy-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-heavy-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-heavy-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: SF Pro Rounded;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/sfpro/sf-pro-rounded-heavy-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: Halvar Breit;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/halvarBreit/halvar-breit-800-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: Halvar Breit;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/halvarBreit/halvar-breit-800-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: Halvar Breit;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/halvarBreit/halvar-breit-800-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: Halvar Breit;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/halvarBreit/halvar-breit-800-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: Halvar Breit;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/halvarBreit/halvar-breit-800-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: Halvar Breit;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/halvarBreit/halvar-breit-800-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: Halvar Breit;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/halvarBreit/halvar-breit-800-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Regular-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Regular-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Regular-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Regular-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Regular-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Regular-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Regular-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 500;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Medium-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 500;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Medium-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 500;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Medium-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 500;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Medium-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 500;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Medium-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 500;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Medium-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 500;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Medium-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Semibold-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Semibold-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Semibold-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Semibold-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Semibold-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Semibold-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Semibold-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Bold-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Bold-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Bold-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Bold-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Bold-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Bold-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 700;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Bold-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Heavy-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Heavy-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Heavy-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Heavy-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Heavy-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Heavy-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 800;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Heavy-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 900;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Black-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 900;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Black-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 900;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Black-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 900;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Black-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 900;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Black-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 900;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Black-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: SF Pro Display;
font-style: normal;
font-weight: 900;
src: url(/resources/v1/shared/fonts/sfproDisplay/SF-Pro-Display-Black-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: Bebas Neue;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/bebasNeue/BebasNeue-Regular-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: Bebas Neue;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/bebasNeue/BebasNeue-Regular-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: Bebas Neue;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/bebasNeue/BebasNeue-Regular-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: Bebas Neue;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/bebasNeue/BebasNeue-Regular-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: Bebas Neue;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/bebasNeue/BebasNeue-Regular-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: Bebas Neue;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/bebasNeue/BebasNeue-Regular-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: Bebas Neue;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/bebasNeue/BebasNeue-Regular-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: Jost;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/jost/Jost-SemiBold-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: Jost;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/jost/Jost-SemiBold-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: Jost;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/jost/Jost-SemiBold-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: Jost;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/jost/Jost-SemiBold-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: Jost;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/jost/Jost-SemiBold-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: Jost;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/jost/Jost-SemiBold-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: Jost;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/jost/Jost-SemiBold-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/openSans/OpenSans-Regular-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/openSans/OpenSans-Regular-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/openSans/OpenSans-Regular-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/openSans/OpenSans-Regular-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/openSans/OpenSans-Regular-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/openSans/OpenSans-Regular-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/openSans/OpenSans-Regular-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/openSans/OpenSans-SemiBold-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/openSans/OpenSans-SemiBold-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/openSans/OpenSans-SemiBold-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/openSans/OpenSans-SemiBold-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/openSans/OpenSans-SemiBold-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/openSans/OpenSans-SemiBold-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 600;
src: url(/resources/v1/shared/fonts/openSans/OpenSans-SemiBold-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: Russo One;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/russoOne/RussoOne-Regular-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: Russo One;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/russoOne/RussoOne-Regular-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: Russo One;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/russoOne/RussoOne-Regular-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: Russo One;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/russoOne/RussoOne-Regular-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: Russo One;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/russoOne/RussoOne-Regular-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: Russo One;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/russoOne/RussoOne-Regular-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: Russo One;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/russoOne/RussoOne-Regular-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-display: swap;
font-family: Rozha One;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/rozhaOne/RozhaOne-Regular-cyrillic-ext.woff2)format("woff2");
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-display: swap;
font-family: Rozha One;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/rozhaOne/RozhaOne-Regular-cyrillic.woff2)format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}
@font-face {
font-display: swap;
font-family: Rozha One;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/rozhaOne/RozhaOne-Regular-greek-ext.woff2)format("woff2");
unicode-range: U+1F??
}
@font-face {
font-display: swap;
font-family: Rozha One;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/rozhaOne/RozhaOne-Regular-greek.woff2)format("woff2");
unicode-range: U+370-3FF
}
@font-face {
font-display: swap;
font-family: Rozha One;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/rozhaOne/RozhaOne-Regular-vietnamese.woff2)format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-display: swap;
font-family: Rozha One;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/rozhaOne/RozhaOne-Regular-latin-ext.woff2)format("woff2");
unicode-range: U+100-24F, U+259, U+1E??, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-display: swap;
font-family: Rozha One;
font-style: normal;
font-weight: 400;
src: url(/resources/v1/shared/fonts/rozhaOne/RozhaOne-Regular-latin.woff2)format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@supports ((-moz-appearance:none)) {
.showScrollbar:root * {
scrollbar-color: var(--scrollbar-color-bg-default) transparent;
scrollbar-width: thin
}
}
:root.showScrollbar {
scrollbar-gutter: stable
}
.showScrollbar:root ::-webkit-scrollbar-track {
background: var(--color-background-base-primary)
}
:root:not(.showScrollbar) body::-webkit-scrollbar {
display: none
}
:root:not(.showScrollbar) ::-webkit-scrollbar-track {
background: 0 0
}
::-webkit-scrollbar {
width: 11px;
height: 11px
}
::-webkit-scrollbar-thumb {
border-radius: var(--rounding-max);
background-clip: content-box;
background-color: var(--scrollbar-color-bg-default);
border: 4px solid #0000;
transition: all .2s
}
::-webkit-scrollbar-thumb:hover {
background-color: var(--scrollbar-color-bg-hover);
border: 2px solid #0000
}
::-webkit-scrollbar-button {
display: none
}
::-webkit-scrollbar-corner {
display: none
}
::-moz-scrollbar {
width: 3px;
height: 3px
}
::-moz-scrollbar-thumb {
border-radius: var(--rounding-max);
background-color: var(--scrollbar-color-bg-default)
}
::-moz-scrollbar-button {
display: none
}
::-moz-scrollbar-corner {
display: none
}
.lockScroll {
touch-action: none;
overflow: hidden
}
:root {
-webkit-font-smoothing: antialiased
}
.badge-base_root-NVmSP {
border-radius: var(--badge-new-base-rounding);
background-color: var(--badge-new-base-color-bg, var(--badge-new-base-primary-color-bg));
min-width: 0;
color: var(--badge-new-base-color-fg, var(--badge-new-base-primary-color-fg));
-webkit-user-select: none;
user-select: none;
justify-content: center;
align-items: center;
display: inline-flex
}
.badge-base_text-NVmSP {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.badge-base_iconWrapper-NVmSP {
justify-content: center;
align-items: center;
display: flex
}
.badge-base_size-xs-NVmSP {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-xs-font-size);
font-weight: var(--font-caption-xs-semibold-font-weight);
letter-spacing: var(--font-caption-xs-letter-spacing);
line-height: var(--font-caption-xs-line-height);
height: var(--badge-new-base-height-14);
padding: var(--spacing-0) var(--spacing-2)
}
.badge-base_size-xs-NVmSP.badge-base_withContent-NVmSP .badge-base_text-NVmSP {
padding-inline: var(--spacing-2)
}
.badge-base_size-s-NVmSP {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height);
height: var(--badge-new-base-height-20);
padding: var(--spacing-0) var(--spacing-2)
}
.badge-base_size-s-NVmSP.badge-base_withContent-NVmSP .badge-base_text-NVmSP {
padding-inline: var(--spacing-4)
}
.badge-base_size-m-NVmSP {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height);
height: var(--size-control-xxs);
padding: var(--spacing-0) var(--spacing-4)
}
.badge-base_size-m-NVmSP.badge-base_withContent-NVmSP .badge-base_text-NVmSP {
padding-inline: var(--spacing-4)
}
.badge-base_size-l-NVmSP {
font-family: var(--font-body-label-font-family);
font-size: var(--font-body-label-font-size);
font-weight: var(--font-body-label-font-weight);
letter-spacing: var(--font-body-label-letter-spacing);
line-height: var(--font-body-label-line-height);
text-transform: var(--font-body-label-text-case);
height: var(--size-control-xs);
padding: var(--spacing-0) var(--spacing-4)
}
.badge-base_size-l-NVmSP.badge-base_withContent-NVmSP .badge-base_text-NVmSP {
padding-inline: var(--spacing-4)
}
.badge-base_size-xl-NVmSP {
font-family: var(--font-body-label-font-family);
font-size: var(--font-body-label-font-size);
font-weight: var(--font-body-label-font-weight);
letter-spacing: var(--font-body-label-letter-spacing);
line-height: var(--font-body-label-line-height);
text-transform: var(--font-body-label-text-case);
height: var(--size-control-s);
padding: var(--spacing-0) var(--spacing-4)
}
.badge-base_size-xl-NVmSP.badge-base_withContent-NVmSP .badge-base_text-NVmSP {
padding-inline: var(--spacing-4)
}
.badge-base_variant-primary-NVmSP {
--badge-new-base-color-bg: var(--badge-new-base-primary-color-bg);
--badge-new-base-color-fg: var(--badge-new-base-primary-color-fg)
}
.badge-base_variant-staticPrimary-NVmSP {
--badge-new-base-color-bg: var(--badge-new-base-static-primary-color-bg);
--badge-new-base-color-fg: var(--badge-new-base-static-primary-color-fg)
}
.badge-base_variant-staticSecondary-NVmSP {
--badge-new-base-color-bg: var(--badge-new-base-static-secondary-color-bg);
--badge-new-base-color-fg: var(--badge-new-base-static-secondary-color-fg)
}
.badge-base_variant-neutral-NVmSP {
--badge-new-base-color-bg: var(--badge-new-base-neutral-color-bg);
--badge-new-base-color-fg: var(--badge-new-base-neutral-color-fg)
}
.badge-base_variant-attractive-NVmSP {
--badge-new-base-color-bg: var(--badge-new-base-attractive-color-bg);
--badge-new-base-color-fg: var(--badge-new-base-attractive-color-fg)
}
.badge-base_variant-negative-NVmSP {
--badge-new-base-color-bg: var(--badge-new-base-negative-color-bg);
--badge-new-base-color-fg: var(--badge-new-base-negative-color-fg)
}
.badge-base_variant-positive-NVmSP {
--badge-new-base-color-bg: var(--badge-new-base-positive-color-bg);
--badge-new-base-color-fg: var(--badge-new-base-positive-color-fg)
}
.support-button_root-KR2Gd {
box-sizing: border-box;
justify-content: space-between;
align-items: center;
gap: var(--spacing-12);
-webkit-user-select: none;
user-select: none;
width: 100%;
display: inline-flex;
position: relative
}
.support-button_root-KR2Gd.support-button_compact-KR2Gd {
padding-inline: var(--spacing-6);
justify-content: center
}
.support-button_buttons-KR2Gd {
gap: var(--spacing-4);
flex-wrap: wrap;
flex-shrink: 0;
max-width: 100%;
display: flex
}
.support-button_compact-KR2Gd .support-button_buttons-KR2Gd {
justify-content: center;
align-items: center
}
.support-button_content-KR2Gd {
color: var(--color-content-base-primary);
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
margin: 0 auto 0 0
}
.support-button_badge-KR2Gd {
--badge-new-base-color-bg: var(--button-support-badge-color-bg);
--badge-new-base-color-fg: var(--button-support-badge-color-fg);
flex-shrink: 0
}
.support-button_tooltipContent-KR2Gd {
color: var(--color-content-base-primary);
white-space: nowrap;
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height)
}
.support-button-v2_root-oWUr8 {
box-sizing: border-box;
justify-content: center;
align-items: center;
gap: var(--spacing-12);
-webkit-user-select: none;
user-select: none;
width: 100%;
display: inline-flex;
position: relative;
overflow: hidden
}
.support-button-v2_root-oWUr8 .support-button-v2_supportButton-oWUr8 {
--button-padding: var(--button-support-layout-padding-compact-horizontal);
--button-radius: var(--button-rounding-m);
--background: var(--button-support-color-bg);
--border-color: var(--button-support-color-border);
--border-color-grad: var(--button-support-color-border-grad);
color: var(--button-support-color-icon)
}
.support-button-v2_compact-oWUr8 {
width: var(--button-support-width);
border-radius: var(--button-support-rounding)
}
.support-button-v2_compact-oWUr8 .support-button-v2_supportButton-oWUr8 {
--button-radius: var(--button-support-rounding)
}
.support-button-v2_transitionWrap-oWUr8 {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative
}
.support-button-v2_fadeEnterActive-oWUr8,
.support-button-v2_fadeLeaveActive-oWUr8 {
transition-duration: var(--sidebar-animation-duration);
transition-property: opacity;
transition-timing-function: var(--sidebar-animation-bezier-ease)
}
.support-button-v2_fadeLeaveActive-oWUr8 {
position: absolute
}
.support-button-v2_fadeEnterFrom-oWUr8,
.support-button-v2_fadeLeaveTo-oWUr8 {
opacity: 0
}
.support-button-v2_expandedBlocks-oWUr8 {
justify-content: space-between;
align-items: center;
gap: var(--spacing-4);
width: 100%;
display: flex
}
.support-button-v2_content-oWUr8 {
color: var(--color-content-base-primary);
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
margin-inline-end: auto
}
.support-button-v2_badge-oWUr8 {
--badge-new-base-color-bg: var(--button-support-badge-color-bg);
--badge-new-base-color-fg: var(--button-support-badge-color-fg);
flex-shrink: 0
}
.cdp-html-content_root-0scKc {
white-space: normal
}
.cdp-html-content_root-0scKc>:not(:last-child) {
margin-block-end: var(--spacing-12)
}
.cdp-html-content_root-0scKc h2 {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h3-mobile-font-size);
font-weight: var(--font-headline-h3-mobile-font-weight);
letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
line-height: var(--font-headline-h3-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.cdp-html-content_root-0scKc h2 {
font-size: var(--font-headline-h3-desktop-font-size);
font-weight: var(--font-headline-h3-desktop-font-weight);
letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
line-height: var(--font-headline-h3-desktop-line-height)
}
}
.cdp-html-content_root-0scKc h3 {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h4-mobile-font-size);
font-weight: var(--font-headline-h4-mobile-font-weight);
letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
line-height: var(--font-headline-h4-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.cdp-html-content_root-0scKc h3 {
font-size: var(--font-headline-h4-desktop-font-size);
font-weight: var(--font-headline-h4-desktop-font-weight);
letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
line-height: var(--font-headline-h4-desktop-line-height)
}
}
.cdp-html-content_root-0scKc p {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height)
}
.cdp-html-content_root-0scKc ul,
.cdp-html-content_root-0scKc ol {
margin-block-start: 0;
padding-inline-start: var(--spacing-16)
}
.cdp-html-content_root-0scKc b {
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height)
}
.cdp-modal_root-BKb9U {
padding: var(--modal-padding-modal-mobile) 0;
color: var(--color-content-base-primary);
overflow-wrap: break-word;
position: relative
}
@media (min-width:1024px) {
.cdp-modal_root-BKb9U {
padding: var(--modal-padding-modal-desktop) 0
}
}
.cdp-modal_rootHasTitle-BKb9U {
padding-top: 0
}
.cdp-modal_description-BKb9U {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
padding: 0 var(--modal-padding-modal-mobile);
color: var(--color-content-base-primary);
overflow-wrap: break-word;
white-space: pre-wrap
}
@media (min-width:1024px) {
.cdp-modal_description-BKb9U {
padding: 0 var(--modal-padding-modal-desktop)
}
}
.cdp-modal_buttonWrapper-BKb9U {
padding: var(--modal-padding-modal-mobile) var(--modal-padding-modal-mobile) 0 var(--modal-padding-modal-mobile);
gap: var(--spacing-12);
flex-direction: column;
display: flex
}
@media (min-width:1024px) {
.cdp-modal_buttonWrapper-BKb9U {
padding: var(--modal-padding-modal-desktop) var(--modal-padding-modal-desktop) 0 var(--modal-padding-modal-desktop)
}
}
.cdp-modal_image-BKb9U {
border-top-left-radius: var(--modal-rounding);
border-top-right-radius: var(--modal-rounding);
object-fit: cover;
width: 100%
}
.variant-1_button-QOYbl {
margin-top: var(--spacing-16)
}
.variant-1_root-QOYbl {
border-radius: var(--rounding-container-m);
background-color: var(--cdp-popover-colored-color-bg);
width: 100%;
box-shadow: var(--box-shadow-popover);
color: var(--cdp-popover-colored-color-fg);
gap: var(--spacing-8);
padding-block: var(--spacing-16);
padding-inline: 110px var(--spacing-16);
pointer-events: auto;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden
}
@media (min-width:1024px) {
.variant-1_root-QOYbl {
width: 376px
}
}
.variant-1_image-QOYbl {
width: 102px;
height: 188px;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
transform: translateY(-50%)
}
.variant-1_content-QOYbl {
gap: var(--spacing-16);
flex-direction: column;
flex-grow: 1;
display: flex;
position: relative
}
.variant-1_backgroundImageWrapper-QOYbl,
.variant-1_backgroundImage-QOYbl {
border-start-start-radius: var(--rounding-container-m);
border-end-start-radius: var(--rounding-container-m);
width: 200px;
height: 100%;
position: absolute;
inset-block-end: 0;
inset-inline-start: 0;
overflow: hidden
}
.variant-1_close-QOYbl {
color: var(--cdp-popover-colored-color-fg)
}
.variant-1_texts-QOYbl {
gap: var(--spacing-4);
flex-direction: column;
flex-grow: 1;
display: flex
}
.variant-1_title-QOYbl {
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height);
white-space: pre-line;
justify-content: space-between;
align-items: start;
display: flex
}
.variant-1_description-QOYbl {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height)
}
.variant-2_button-pBuwb {
margin-top: var(--spacing-12)
}
.variant-2_root-pBuwb {
border-radius: var(--rounding-container-m);
background-color: var(--cdp-popover-colored-color-bg);
width: 100%;
box-shadow: var(--box-shadow-popover);
gap: var(--spacing-4);
padding-block: var(--spacing-16);
padding-inline: var(--spacing-16) 110px;
pointer-events: auto;
flex-direction: column;
display: flex;
position: relative
}
@media (min-width:1024px) {
.variant-2_root-pBuwb {
width: 344px
}
}
.variant-2_image-pBuwb {
width: 102px;
height: 188px;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 0;
transform: translateY(-50%)
}
.variant-2_content-pBuwb {
color: var(--cdp-popover-colored-color-fg);
gap: var(--spacing-16);
flex-direction: column;
flex-grow: 1;
display: flex;
position: relative
}
.variant-2_imageNeutral-pBuwb {
pointer-events: none;
width: 102px;
height: 140px;
position: absolute;
inset-block-end: 0;
inset-inline-end: 0
}
.variant-2_imageNeutral-pBuwb img {
object-fit: contain;
width: 100%;
height: 100%
}
.variant-2_close-pBuwb {
z-index: 1;
color: var(--color-content-base-tertiary);
position: absolute;
inset-block-start: var(--spacing-16);
inset-inline-end: var(--spacing-16)
}
.variant-2_texts-pBuwb {
color: var(--cdp-popover-colored-color-fg);
gap: var(--spacing-4);
flex-direction: column;
flex-grow: 1;
display: flex
}
.variant-2_title-pBuwb {
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height);
white-space: pre-line
}
.variant-2_description-pBuwb {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height)
}
.bonus-save_root-M5mZP {
padding: 0 var(--modal-padding-modal-mobile) var(--modal-padding-modal-mobile)
}
@media (min-width:1024px) {
.bonus-save_root-M5mZP {
padding: 0 var(--modal-padding-modal-desktop) var(--modal-padding-modal-desktop)
}
}
.bonus-save_description-M5mZP {
color: var(--color-content-base-primary);
white-space: break-spaces;
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height)
}
.bonus-save_buttons-M5mZP {
padding-top: var(--modal-padding-modal-mobile);
flex-direction: column;
gap: 12px;
display: flex
}
@media (min-width:1024px) {
.bonus-save_buttons-M5mZP {
padding-top: var(--modal-padding-modal-desktop)
}
}
.freespins-used_root-0NYpc {
padding: 0 var(--modal-padding-modal-mobile) var(--modal-padding-modal-mobile)
}
@media (min-width:1024px) {
.freespins-used_root-0NYpc {
padding: 0 var(--modal-padding-modal-desktop) var(--modal-padding-modal-desktop)
}
}
@keyframes switch_on-3BDRH {
0% {
inline-size: var(--toggler-size)
}
20% {
inline-size: calc(var(--toggler-size)*1.5)
}
80% {
inline-size: var(--toggler-size)
}
}
@keyframes switch_off-3BDRH {
0% {
inline-size: var(--toggler-size)
}
50% {
inline-size: calc(var(--toggler-size)*1.5)
}
to {
inline-size: var(--toggler-size)
}
}
.switch_root-3BDRH {
--animation-duration: .2s;
--inset-inline: var(--spacing-4) auto;
--translate-shift: translateX(var(--spacing-16))
}
.switch_root-3BDRH.switch_vertical-3BDRH {
--inset-inline: auto var(--spacing-4);
--translate-shift: translateY(calc(var(--spacing-16)*-1));
writing-mode: vertical-rl;
direction: ltr
}
[dir=rtl] .switch_root-3BDRH.switch_horizontal-3BDRH {
--translate-shift: translateX(calc(var(--spacing-16)*-1))
}
.switch_root-3BDRH {
block-size: var(--size-control-xxs);
inline-size: var(--size-control-l);
display: inline-block;
position: relative
}
.switch_input-3BDRH {
opacity: 0;
width: 0;
height: 0
}
.switch_input-3BDRH:focus-visible+.switch_slider-3BDRH {
outline: none
}
@supports not (width:1lh) {
:is(.switch_input-3BDRH:focus-visible+.switch_slider-3BDRH) {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
:is(.switch_input-3BDRH:focus-visible+.switch_slider-3BDRH) {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
@supports not selector(:focus-visible) {
.switch_input-3BDRH:focus+.switch_slider-3BDRH {
outline: none
}
@supports not (width:1lh) {
:is(.switch_input-3BDRH:focus+.switch_slider-3BDRH) {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
:is(.switch_input-3BDRH:focus+.switch_slider-3BDRH) {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
}
.switch_slider-3BDRH {
--toggler-size: calc(var(--size-control-xxs) - var(--spacing-8));
--border-radius: var(--rounding-component-switch);
border-radius: var(--border-radius);
background-color: var(--color-background-base-alfa-neutral-12);
cursor: pointer;
transition: background-color var(--animation-duration);
position: absolute;
inset: 0
}
.switch_slider-3BDRH.switch_disabled-3BDRH {
cursor: unset;
opacity: var(--opacity-item-disabled)
}
.switch_slider-3BDRH:not(.switch_disabled-3BDRH):hover {
background-color: var(--color-background-base-alfa-neutral-16)
}
.switch_slider-3BDRH:before {
border-radius: var(--border-radius);
background-color: var(--color-content-base-static-white);
block-size: var(--toggler-size);
content: "";
inline-size: var(--toggler-size);
inset-block-end: var(--spacing-4);
inset-inline: var(--inset-inline);
transition: transform var(--animation-duration);
animation-name: switch_off-3BDRH;
position: absolute
}
.switch_slider-3BDRH.switch_mounted-3BDRH:before {
animation-duration: var(--animation-duration)
}
.switch_input-3BDRH:checked+.switch_slider-3BDRH {
background-color: var(--switch-color-bg-default)
}
:is(.switch_input-3BDRH:checked+.switch_slider-3BDRH):not(.switch_disabled-3BDRH):hover {
background-color: var(--switch-color-bg-hover)
}
:is(.switch_input-3BDRH:checked+.switch_slider-3BDRH):before {
background-color: var(--switch-color-dot);
transform: var(--translate-shift);
animation-name: switch_on-3BDRH
}
.variant-1_root-aNH8T {
--container__padding: var(--container-padding-mobile);
width: 100%;
max-width: var(--size-container-width-max);
gap: var(--spacing-24);
padding-block: var(--container-page-content-padding-top-mobile) var(--container-page-content-padding-bottom-mobile);
padding-inline: var(--container__padding);
flex-direction: column;
margin-inline: auto;
display: flex
}
@media (min-width:1024px) {
.variant-1_root-aNH8T {
--container__padding: var(--container-padding-desktop);
gap: var(--spacing-32);
padding-block: var(--container-page-content-padding-top-desktop) var(--container-page-content-padding-bottom-desktop);
padding-inline: var(--container-padding-desktop)
}
}
.variant-1_root-aNH8T.variant-1_paddingBlock-aNH8T {
padding-block: var(--v90d9bc76)
}
.variant-1_root-aNH8T.variant-1_paddingInline-aNH8T {
padding-inline: var(--v46ddec61)
}
.variant-1_root-aNH8T.variant-1_gap-aNH8T {
gap: var(--v392371ed)
}
.variant-1_root-aNH8T.variant-1_fullHeight-aNH8T {
min-height: 100%
}
.variant-2_root-JGPY7 {
--container__padding: var(--container-padding-mobile);
gap: var(--spacing-24);
width: 100%;
padding-block: var(--container-page-content-padding-top-mobile) var(--container-page-content-padding-bottom-mobile);
padding-inline: var(--container__padding);
flex-direction: column;
margin-inline: auto;
display: flex
}
@media (min-width:1024px) {
.variant-2_root-JGPY7 {
--container__padding: var(--container-padding-desktop);
gap: var(--spacing-32);
max-width: 718px;
padding-block: var(--container-page-content-padding-top-desktop) var(--container-page-content-padding-bottom-desktop);
padding-inline: var(--container-padding-desktop)
}
}
@media (min-width:1440px) {
.variant-2_root-JGPY7 {
max-width: 884px
}
}
.variant-2_root-JGPY7.variant-2_paddingBlock-JGPY7 {
padding-block: var(--v1617cfd8)
}
.variant-2_root-JGPY7.variant-2_paddingInline-JGPY7 {
padding-inline: var(--v94c8801c)
}
.variant-2_root-JGPY7.variant-2_gap-JGPY7 {
gap: var(--ba0f5284)
}
.variant-2_root-JGPY7.variant-2_fullHeight-JGPY7 {
min-height: 100%
}
.content-load-error_root-pwdHG {
color: var(--color-content-base-secondary);
justify-content: center;
align-items: center;
gap: var(--spacing-8);
flex-direction: column;
display: flex
}
.content-load-error_root-pwdHG.content-load-error_fill-pwdHG {
height: 100%
}
.content-load-error_text-pwdHG {
margin-bottom: var(--spacing-8);
align-items: center;
gap: var(--spacing-4);
text-align: center;
flex-direction: column;
display: flex
}
.content-load-error_title-pwdHG {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h3-mobile-font-size);
font-weight: var(--font-headline-h3-mobile-font-weight);
letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
line-height: var(--font-headline-h3-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.content-load-error_title-pwdHG {
font-size: var(--font-headline-h3-desktop-font-size);
font-weight: var(--font-headline-h3-desktop-font-weight);
letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
line-height: var(--font-headline-h3-desktop-line-height)
}
}
.content-load-error_title-pwdHG {
color: var(--color-content-base-primary)
}
.content-load-error_description-pwdHG {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height)
}
.sidebar-banner-promo_root-Fd65P {
width: 100%;
min-height: 134px;
padding: var(--spacing-12);
border-radius: var(--rounding-container-m);
cursor: pointer;
justify-content: space-between;
gap: var(--spacing-12);
white-space: pre-line;
flex-direction: column;
display: flex;
position: relative
}
.sidebar-banner-promo_size-l-Fd65P {
min-height: 134px
}
.sidebar-banner-promo_size-m-Fd65P,
.sidebar-banner-promo_size-s-Fd65P {
min-height: 100px
}
.sidebar-banner-promo_size-xs-Fd65P {
min-height: 71px;
padding: var(--spacing-4) var(--spacing-6);
border-radius: var(--rounding-container-s);
justify-content: flex-end
}
.sidebar-banner-promo_image-Fd65P {
border-radius: var(--rounding-container-m);
width: 125px;
height: 88px;
position: absolute;
inset-block-end: 50%;
inset-inline-start: 50%
}
.sidebar-banner-promo_size-m-Fd65P .sidebar-banner-promo_image-Fd65P {
border-inline-end: var(--rounding-container-m);
width: 68px;
height: 94px;
inset-block-end: 0;
inset-inline: auto 0
}
.sidebar-banner-promo_size-s-Fd65P .sidebar-banner-promo_image-Fd65P {
width: 87px;
height: 56px;
inset-block-end: 0;
inset-inline: auto 0
}
.sidebar-banner-promo_size-xs-Fd65P .sidebar-banner-promo_image-Fd65P {
border-block-start: var(--rounding-container-s);
width: 48px;
height: 48px;
inset-block-start: -9px;
inset-inline: auto 0
}
.sidebar-banner-promo_top-Fd65P {
z-index: 1
}
.sidebar-banner-promo_middle-Fd65P {
z-index: 1;
color: var(--color-content-base-static-white);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height)
}
.sidebar-banner-promo_size-xs-Fd65P .sidebar-banner-promo_middle-Fd65P {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-xs-font-size);
font-weight: var(--font-caption-xs-semibold-font-weight);
letter-spacing: var(--font-caption-xs-letter-spacing);
line-height: var(--font-caption-xs-line-height)
}
.sidebar-banner-promo_bottom-Fd65P {
z-index: 1
}
.language-icon_root-Oz8xe {
box-sizing: content-box;
display: inline-block
}
.language-icon_size-xs-Oz8xe {
width: 12px;
height: 12px
}
.language-icon_size-s-Oz8xe {
width: 16px;
height: 16px
}
.language-icon_size-m-Oz8xe {
width: 20px;
height: 20px;
padding: 2px
}
.language-icon_size-l-Oz8xe {
width: 24px;
height: 24px;
padding: 4px
}
.language-icon_size-xl-Oz8xe {
width: 48px;
height: 48px;
padding: 8px
}
.closable-tooltip-header_root-AcU1v {
z-index: 999;
padding: var(--spacing-16) var(--spacing-16) var(--spacing-8);
background-color: var(--c07421ce);
color: var(--color-content-base-primary);
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height);
justify-content: space-between;
display: flex;
position: sticky;
top: 0
}
.closable-tooltip_tooltip-EP3BU {
width: var(--size-popover-mobile-width);
border-radius: var(--rounding-component-popover);
max-width: none;
padding: 0;
overflow: hidden
}
@media (min-width:1024px) {
.closable-tooltip_tooltip-EP3BU {
width: var(--size-popover-desktop-width)
}
}
.tooltip-list_root-1VEN6 {
padding: 0 var(--spacing-8);
margin: 0
}
.base_root-JoRqC {
border-radius: var(--rounding-container-s);
align-items: center;
display: flex;
position: relative
}
.base_root-JoRqC:not(:first-child):before {
background-color: var(--color-border-base-alfa-divider);
content: "";
width: calc(100% - var(--spacing-64));
height: 1px;
margin-inline: var(--spacing-8) calc(var(--size-control-s) + var(--spacing-20));
position: absolute;
top: 0
}
.base_root-JoRqC:last-child {
margin-bottom: var(--spacing-8)
}
.base_root-JoRqC:hover {
background-color: var(--color-background-base-alfa-neutral-8)
}
.base_root-JoRqC:hover:before,
.base_root-JoRqC:hover+:before {
background-color: unset
}
.base_control-JoRqC {
box-sizing: content-box;
width: 100%;
padding: var(--spacing-12) var(--spacing-8);
background-color: unset;
color: var(--color-content-base-primary);
cursor: pointer;
align-items: center;
gap: var(--spacing-12);
display: flex;
position: relative
}
.base_content-JoRqC {
text-align: start
}
.base_title-JoRqC {
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height)
}
.base_description-JoRqC {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.base_selectedIcon-JoRqC {
color: var(--color-solid-sentiment-informative-default);
margin-inline-start: auto
}
.languages-list_root-vjaNU {
max-height: var(--size-popover-list-height-max);
overflow: auto
}
.languages-list_title-vjaNU {
padding: var(--spacing-4) var(--spacing-16);
color: var(--color-content-base-secondary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.language-picker_root-M5hJS {
width: 100%;
height: var(--size-control-m);
padding: 0 var(--spacing-8);
border-radius: var(--language-picker-rounding);
background-color: var(--language-picker-color-bg-default);
color: var(--color-content-base-primary);
cursor: pointer;
align-items: center;
gap: var(--spacing-4);
text-transform: uppercase;
transition: background-color .1s, opacity .1s;
display: flex;
position: relative
}
.language-picker_root-M5hJS:hover {
background-color: var(--language-picker-color-bg-hover)
}
.language-picker_root-M5hJS:active {
opacity: var(--opacity-item-active)
}
.language-picker_root-M5hJS.language-picker_open-M5hJS {
background-color: var(--language-picker-color-bg-selected)
}
.language-picker_root-M5hJS.language-picker_compact-M5hJS {
padding: 0 var(--language-picker-padding-compact-horizontal)
}
.language-picker_root-M5hJS:focus-visible {
outline: none
}
@supports not (width:1lh) {
.language-picker_root-M5hJS:focus-visible {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.language-picker_root-M5hJS:focus-visible {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
@supports not selector(:focus-visible) {
.language-picker_root-M5hJS:focus {
outline: none
}
@supports not (width:1lh) {
.language-picker_root-M5hJS:focus {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.language-picker_root-M5hJS:focus {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
}
.language-picker_root-M5hJS {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height)
}
.language-picker_root-M5hJS:after {
border-style: solid;
border-width: 1px;
border-color: var(--language-picker-color-border);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.language-picker_root-M5hJS:after {
background: var(--language-picker-color-border-grad, var(--language-picker-color-border));
-webkit-mask-composite: xor;
border: none;
padding: 1px;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
.language-picker_code-M5hJS {
transition-duration: var(--sidebar-animation-duration);
transition-property: max-width, opacity;
transition-timing-function: var(--sidebar-animation-bezier-ease);
overflow: hidden
}
.language-picker_arrowIcon-M5hJS {
color: var(--color-content-base-secondary);
transition-duration: var(--sidebar-animation-duration);
transition-property: max-width, opacity;
transition-timing-function: var(--sidebar-animation-bezier-ease);
margin-inline-start: auto;
overflow: hidden
}
.language-picker_arrowIcon-M5hJS.language-picker_opened-M5hJS {
transform: rotate(180deg)
}
.base_root-bJ6ql {
--menu-icon__color-bg: var(--sidebar-menu-item-color-icon-default-grad, var(--sidebar-menu-item-color-icon-default));
width: 100%;
min-height: var(--sidebar-menu-item-size-height);
padding: var(--sidebar-menu-item-padding-layout-top) var(--sidebar-menu-item-padding-layout-right) var(--sidebar-menu-item-padding-layout-bottom) var(--sidebar-menu-item-padding-layout-left);
border-radius: var(--sidebar-menu-item-rounding-layout);
background: var(--sidebar-menu-item-color-bg-default);
color: var(--sidebar-menu-item-color-fg-default);
cursor: pointer;
justify-content: flex-start;
align-items: center;
gap: var(--spacing-8);
-webkit-user-select: none;
user-select: none;
transition: background-color .1s, opacity .1s;
display: flex;
position: relative
}
.base_root-bJ6ql.base_selected-bJ6ql {
--menu-icon__color-bg: var(--sidebar-menu-item-color-icon-selected-grad, var(--sidebar-menu-item-color-icon-selected));
background: var(--sidebar-menu-item-color-bg-selected-grad, var(--sidebar-menu-item-color-bg-selected));
color: var(--sidebar-menu-item-color-fg-selected)
}
.base_root-bJ6ql.base_selected-bJ6ql.base_withIndicator-bJ6ql:before {
background: var(--menu-icon__color-bg);
content: "";
width: 3px;
inset-block: var(--sidebar-menu-item-padding-indicator);
border-start-start-radius: var(--sidebar-menu-item-rounding-indicator-top-left);
border-start-end-radius: var(--sidebar-menu-item-rounding-indicator-top-right);
border-end-end-radius: var(--sidebar-menu-item-rounding-indicator-bottom-right);
border-end-start-radius: var(--sidebar-menu-item-rounding-indicator-bottom-left);
position: absolute;
inset-inline-start: 0
}
.base_root-bJ6ql:hover,
.base_root-bJ6ql:active {
--menu-icon__color-bg: var(--sidebar-menu-item-color-icon-hover-grad, var(--sidebar-menu-item-color-icon-hover));
background: var(--sidebar-menu-item-color-bg-hover);
color: var(--sidebar-menu-item-color-fg-hover)
}
.base_root-bJ6ql:active {
opacity: var(--opacity-item-active)
}
.base_root-bJ6ql:focus-visible {
outline: none
}
@supports not (width:1lh) {
.base_root-bJ6ql:focus-visible {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.base_root-bJ6ql:focus-visible {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
@supports not selector(:focus-visible) {
.base_root-bJ6ql:focus {
outline: none
}
@supports not (width:1lh) {
.base_root-bJ6ql:focus {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.base_root-bJ6ql:focus {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
}
.base_root-bJ6ql {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height)
}
.base_compact-bJ6ql {
padding-inline: var(--spacing-12);
justify-content: center
}
.base_icon-bJ6ql {
align-items: center;
transition: color .1s;
display: flex
}
.base_contentWrapper-bJ6ql {
align-items: center;
gap: var(--spacing-8);
white-space: nowrap;
flex-grow: 1;
min-width: 0;
display: flex
}
.base_contentWrapper-bJ6ql:has(.base_badge-bJ6ql) {
height: var(--font-body-regular-line-height);
flex-wrap: wrap;
align-content: flex-start;
height: 1lh;
overflow: hidden
}
.base_compact-bJ6ql .base_contentWrapper-bJ6ql {
display: contents
}
.base_content-bJ6ql {
text-overflow: ellipsis;
flex: 0 auto;
min-width: 0;
overflow: hidden
}
.base_badge-bJ6ql {
min-width: var(--size-control-xs);
flex: none;
margin-inline-start: auto
}
.base_compact-bJ6ql .base_badge-bJ6ql {
top: calc(var(--border-m)*-1);
min-width: 0;
box-shadow: 0 0 0 var(--border-m) var(--sidebar-color-bg);
position: absolute;
inset-inline-start: calc((100% - var(--border-m))/2)
}
.base_end-bJ6ql {
margin-inline-start: auto
}
.base_tooltip-bJ6ql {
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
padding: var(--spacing-4) var(--spacing-8);
border-radius: var(--rounding-8);
background-color: var(--color-background-base-tertiary);
color: var(--color-content-base-primary);
white-space: nowrap
}
.base_noEndPadding-bJ6ql {
padding-inline-end: 0
}
.tooltip-wrapper_tooltipWrapper-18rXW {
border-radius: var(--rounding-component-tooltip);
flex-direction: column;
padding-inline-start: var(--spacing-4);
display: flex;
overflow: hidden
}
.tooltip-wrapper_tooltipWrapper-18rXW.tooltip-wrapper_nested-18rXW {
padding-inline-start: var(--spacing-12)
}
.tooltip-wrapper_tooltip-18rXW {
max-height: 100%;
padding: var(--spacing-8);
background-color: var(--color-background-base-tertiary);
color: var(--color-content-base-primary);
overscroll-behavior: contain;
flex-direction: column;
display: flex;
overflow: auto
}
.compact-view_tooltipWrapper-MsBE3 {
padding-inline: var(--spacing-4);
flex-direction: column;
display: flex
}
.compact-view_tooltip-MsBE3 {
max-height: 100%;
padding: var(--spacing-8);
background-color: var(--color-background-base-tertiary);
color: var(--color-content-base-primary);
flex-direction: column;
display: flex;
overflow: auto
}
.compact-view_title-MsBE3 {
padding: var(--spacing-8) var(--spacing-8) var(--spacing-4);
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height)
}
.compact-view_items-MsBE3 {
gap: var(--spacing-4);
width: 168px;
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
flex-direction: column;
display: flex
}
.compact-view_arrow-MsBE3 {
color: var(--color-content-base-secondary)
}
.expanded-view_expandable-exmUc {
grid-template-rows: 0fr;
transition: grid-template-rows .2s;
display: grid
}
.expanded-view_expandable-exmUc.expanded-view_isOpened-exmUc {
grid-template-rows: 1fr
}
.expanded-view_itemsContainer-exmUc {
overflow: hidden
}
.expanded-view_items-exmUc {
margin-top: var(--spacing-4);
border-inline-start: 1px solid var(--color-background-base-tertiary);
gap: var(--spacing-4);
flex-direction: column;
margin-inline-start: 18px;
padding-inline-start: 5px;
display: flex
}
.expanded-view_items-exmUc>* {
flex-shrink: 0
}
.popover-view_title-7xO5I {
padding: var(--spacing-8) var(--spacing-8) var(--spacing-4);
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height)
}
.popover-view_items-7xO5I {
gap: var(--spacing-4);
width: 168px;
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
flex-direction: column;
display: flex
}
.popover-view_arrow-7xO5I {
color: var(--color-content-base-secondary);
margin-inline-end: var(--spacing-6)
}
.menu-icon_icon-2Ndwa {
width: 100%;
height: 100%
}
.menu-icon_maskedIcon-2Ndwa {
background: var(--menu-icon__color-bg);
-webkit-mask-composite: xor;
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: 100%;
mask-size: 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-composite: xor;
mask-composite: exclude
}
.menu-icon_coloredIcon-2Ndwa.menu-icon_selected-2Ndwa:not(.menu-icon_iconIgnoreSelected-2Ndwa) {
filter: brightness(0)invert()
}
.menu-icon_iconContainer-2Ndwa {
width: var(--menu-icon__size, var(--size-control-xxs));
height: var(--menu-icon__size, var(--size-control-xxs));
padding: var(--menu-icon__padding, var(--spacing-2))
}
.menu-tab-button_root-MYJTj {
width: 44px;
height: var(--size-control-m);
color: var(--color-content-base-secondary);
justify-content: center;
align-items: center;
display: flex
}
.menu-tab-button_root-MYJTj:hover {
color: var(--color-content-base-primary)
}
.menu-tab-button_root-MYJTj:active {
opacity: var(--opacity-item-active)
}
.avatar_root-mbkWG {
border-radius: var(--rounding-component-avatar);
color: var(--avatar__icon-color, var(--color-content-base-alfa-neutral-64));
flex-shrink: 0;
display: flex;
position: relative
}
.avatar_content-mbkWG {
width: var(--size-control-xl);
height: var(--size-control-xl);
border-radius: inherit;
background-color: var(--avatar__background, var(--avatar-color-bg-default));
justify-content: center;
align-items: center;
transition: background-color .1s;
display: flex
}
.avatar_isVip-mbkWG .avatar_content-mbkWG {
border: var(--spacing-2) solid var(--avatar-color-border-vip)
}
.avatar_root-mbkWG.avatar_size-s-mbkWG .avatar_content-mbkWG {
width: var(--size-control-s);
height: var(--size-control-s)
}
.avatar_root-mbkWG.avatar_size-m-mbkWG .avatar_content-mbkWG {
width: 44px;
height: 44px
}
.avatar_root-mbkWG.avatar_size-l-mbkWG .avatar_content-mbkWG {
width: 58px;
height: 58px
}
.avatar_img-mbkWG {
width: 100%;
height: 100%
}
.avatar_badge-mbkWG {
z-index: 1;
position: absolute;
inset-block-start: 3px
}
.avatar_root-mbkWG.avatar_size-s-mbkWG .avatar_badge-mbkWG {
inset-inline-end: 1px
}
.avatar_root-mbkWG.avatar_size-m-mbkWG .avatar_badge-mbkWG {
inset-inline-end: 3px
}
.avatar_root-mbkWG.avatar_size-l-mbkWG .avatar_badge-mbkWG {
inset-inline-end: 7px
}
.avatar_vipBadge-mbkWG {
z-index: 1;
height: 16px;
position: absolute;
inset-block-end: -1px;
inset-inline-start: 50%;
transform: translate(-50%)
}
[dir=rtl] .avatar_vipBadge-mbkWG {
transform: translate(50%)
}
.page-heading_root-7j0sL {
gap: var(--spacing-8);
flex-direction: column;
display: flex
}
@media (min-width:1024px) {
.page-heading_root-7j0sL {
gap: var(--spacing-12)
}
}
.page-heading_controls-7j0sL {
flex-grow: 1;
align-items: center;
display: flex
}
.page-heading_startAddons-7j0sL {
align-items: center;
gap: var(--spacing-24);
display: flex
}
.page-heading_info-7j0sL {
align-items: flex-start;
gap: var(--spacing-4);
flex-direction: column;
display: flex
}
.page-heading_title-7j0sL {
color: var(--color-content-base-primary);
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h1-mobile-font-size);
font-weight: var(--font-headline-h1-mobile-font-weight);
letter-spacing: var(--font-headline-h1-mobile-letter-spacing);
line-height: var(--font-headline-h1-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.page-heading_title-7j0sL {
font-size: var(--font-headline-h1-desktop-font-size);
font-weight: var(--font-headline-h1-desktop-font-weight);
letter-spacing: var(--font-headline-h1-desktop-letter-spacing);
line-height: var(--font-headline-h1-desktop-line-height)
}
}
.page-heading_small-7j0sL .page-heading_title-7j0sL {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h3-mobile-font-size);
font-weight: var(--font-headline-h3-mobile-font-weight);
letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
line-height: var(--font-headline-h3-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.page-heading_small-7j0sL .page-heading_title-7j0sL {
font-size: var(--font-headline-h3-desktop-font-size);
font-weight: var(--font-headline-h3-desktop-font-weight);
letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
line-height: var(--font-headline-h3-desktop-line-height)
}
}
.page-heading_subtitle-7j0sL {
color: var(--color-content-base-secondary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.page-heading_titlePlaceholder-7j0sL {
border-radius: var(--rounding-max);
width: 140px;
height: 28px
}
@media (min-width:1024px) {
.page-heading_titlePlaceholder-7j0sL {
height: 40px
}
}
.video_root-KXELg {
aspect-ratio: var(--v35447dca);
display: block
}
.modal-footer_root-dmzhU {
--padding: var(--modal-padding-modal-mobile);
padding-top: var(--padding);
padding-bottom: max(var(--padding), var(--safe-area-inset-block-end));
background-color: var(--modal-color-bg);
padding-inline: var(--padding);
flex-direction: column;
display: flex
}
@media (min-width:1024px) {
.modal-footer_root-dmzhU {
--padding: var(--modal-padding-modal-desktop)
}
}
.modal-footer_root-dmzhU.modal-footer_sticky-dmzhU {
bottom: calc(-1px - var(--safe-area-inset-bottom));
padding-bottom: calc(1px + max(var(--padding), var(--safe-area-inset-block-end)));
position: sticky
}
.modal-banner_root-XM9wK {
width: 100%;
min-height: 88px;
padding: var(--spacing-20);
border-radius: var(--rounding-32);
background-color: var(--modal-color-bg);
flex-direction: column;
justify-content: center;
display: flex;
position: relative;
overflow: hidden
}
@media (min-width:1024px) {
.modal-banner_root-XM9wK {
justify-content: start;
width: 344px;
height: 100%
}
.modal-banner_trailing-XM9wK {
padding: var(--spacing-20) var(--spacing-16) 0 var(--spacing-16)
}
.modal-banner_leading-XM9wK {
padding: var(--spacing-32) var(--spacing-16) 0 var(--spacing-16)
}
}
.modal-banner_content-XM9wK {
align-items: start;
gap: var(--spacing-12);
text-align: start;
flex-direction: column;
display: flex;
position: relative
}
@media (min-width:1024px) {
.modal-banner_content-XM9wK {
text-align: center;
align-items: center
}
}
.modal-banner_title-XM9wK {
max-width: 173px;
color: var(--color-content-base-primary);
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h4-mobile-font-size);
font-weight: var(--font-headline-h4-mobile-font-weight);
letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
line-height: var(--font-headline-h4-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.modal-banner_title-XM9wK {
font-size: var(--font-headline-h4-desktop-font-size);
font-weight: var(--font-headline-h4-desktop-font-weight);
letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
line-height: var(--font-headline-h4-desktop-line-height);
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h1-mobile-font-size);
font-weight: var(--font-headline-h1-mobile-font-weight);
letter-spacing: var(--font-headline-h1-mobile-letter-spacing);
line-height: var(--font-headline-h1-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.modal-banner_title-XM9wK {
font-size: var(--font-headline-h1-desktop-font-size);
font-weight: var(--font-headline-h1-desktop-font-weight);
letter-spacing: var(--font-headline-h1-desktop-letter-spacing);
line-height: var(--font-headline-h1-desktop-line-height)
}
}
.modal-banner_title-XM9wK {
max-width: unset
}
}
.modal-banner_image-XM9wK {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0
}
.app-install-step_root-p9Biy {
gap: var(--spacing-16);
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
display: flex
}
.app-install-step_index-p9Biy {
width: var(--size-control-xxs);
height: var(--size-control-xxs);
border-radius: var(--rounding-max);
background-color: var(--app-install-step-color-dot);
color: var(--color-content-base-secondary);
flex-shrink: 0;
justify-content: center;
align-items: center;
display: flex
}
.app-install-step_title-p9Biy {
color: var(--color-content-base-primary);
margin-block-start: var(--spacing-2)
}
.modal-app-install_content-DlV7I {
color: var(--color-content-base-primary);
gap: var(--spacing-24);
padding-inline: var(--modal-padding-modal-mobile);
flex-direction: column;
display: flex
}
@media (min-width:1024px) {
.modal-app-install_content-DlV7I {
padding-inline: var(--modal-padding-modal-desktop)
}
}
.modal-app-install_headerCoverContainer-DlV7I {
z-index: -1;
position: relative
}
.modal-app-install_headerCoverBg-DlV7I {
z-index: -1;
background: var(--banner-app-installation-color-bg-grad);
position: absolute;
inset: 0
}
[dir=rtl] .modal-app-install_headerCoverBg-DlV7I {
transform: scaleX(-1)
}
.modal-app-install_headerPicture-DlV7I {
width: 100%
}
.modal-app-install_headerPictureRounded-DlV7I {
width: 204px;
height: 130px;
margin-inline-start: auto
}
@media (min-width:1024px) {
.modal-app-install_headerPictureRounded-DlV7I {
height: 148px
}
}
.modal-app-install_headerTitle-DlV7I {
max-width: 174px;
color: var(--color-content-base-static-white);
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h4-mobile-font-size);
font-weight: var(--font-headline-h4-mobile-font-weight);
letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
line-height: var(--font-headline-h4-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks;
margin-block-start: 20px;
margin-inline-start: 20px;
position: absolute
}
@media (min-width:1024px) {
.modal-app-install_headerTitle-DlV7I {
font-size: var(--font-headline-h4-desktop-font-size);
font-weight: var(--font-headline-h4-desktop-font-weight);
letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
line-height: var(--font-headline-h4-desktop-line-height)
}
}
.modal-app-install_graphicContent-DlV7I {
gap: var(--spacing-8);
display: flex
}
.modal-app-install_qrWrapper-DlV7I {
width: 144px;
height: 144px;
padding: var(--spacing-16);
border-radius: var(--rounding-container-l);
background-color: var(--color-background-base-alfa-neutral-12)
}
.modal-app-install_qr-DlV7I {
width: 112px;
height: 112px;
padding: var(--spacing-12);
border-radius: var(--rounding-container-s);
background-color: var(--modal-color-bg)
}
.modal-app-install_videoWrapper-DlV7I {
border-radius: var(--modal-new-app-installation-video-rounding);
width: 100%;
height: 144px;
overflow: hidden
}
.modal-app-install_video-DlV7I {
object-fit: cover;
width: 100%;
height: 100%
}
.modal-app-install_steps-DlV7I {
gap: var(--spacing-20);
flex-direction: column;
display: flex;
position: relative
}
.modal-app-install_steps-DlV7I:before {
z-index: -1;
border-inline-start: 1px dashed var(--color-border-base-alfa-divider);
content: "";
inset: 0;
position: absolute;
inset-inline-start: var(--spacing-12)
}
.modal-app-install_buttons-DlV7I {
gap: var(--spacing-12);
display: flex
}
@media (min-width:1024px) {
.modal-app-install_buttons-DlV7I {
flex-direction: row
}
}
.cdp-popover_root-FvU8S {
width: 100%;
padding: var(--spacing-16);
border-radius: var(--rounding-container-m);
background-color: var(--v9a95b7aa);
box-shadow: var(--box-shadow-popover);
color: var(--color-content-base-primary);
pointer-events: auto;
flex-direction: column;
display: flex
}
@media (min-width:1024px) {
.cdp-popover_root-FvU8S {
width: 344px
}
}
.cdp-popover_top-FvU8S {
margin-bottom: var(--spacing-16);
gap: var(--spacing-12);
display: flex
}
.cdp-popover_image-FvU8S {
border-radius: var(--rounding-container-s);
flex-shrink: 0;
align-self: start;
overflow: hidden
}
.cdp-popover_image-FvU8S img {
object-fit: cover;
width: 64px;
height: 64px
}
.cdp-popover_texts-FvU8S {
gap: var(--spacing-4);
flex-direction: column;
flex-grow: 1;
display: flex
}
.cdp-popover_textsRow-FvU8S {
justify-content: space-between;
align-items: flex-start;
gap: var(--spacing-8);
display: flex
}
.cdp-popover_title-FvU8S {
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height);
white-space: pre-line;
word-break: break-word
}
.cdp-popover_description-FvU8S {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
word-break: break-word
}
.cdp-popover_button-FvU8S:not(:first-child) {
margin-top: var(--spacing-8)
}
.cdp-popover-layout_root-wmM29 {
background: unset;
pointer-events: none;
width: 100%;
position: fixed;
inset-block-end: 0;
inset-inline-start: 0
}
@media screen and (min-width:1024px) {
.cdp-popover-layout_root-wmM29 {
position: sticky;
inset-block: 0 auto
}
.cdp-popover-layout_root-wmM29.cdp-popover-layout_fixedHeader-wmM29 {
inset-block-start: var(--header-layout-height-desktop)
}
}
.cdp-popover-layout_wrapper-wmM29 {
--padding-block-end: calc(var(--tabbar-layout-height-with-safe-area) + var(--spacing-8));
justify-content: flex-start;
gap: var(--snackbar-padding-mobile);
height: 100%;
padding-block: var(--safe-area-inset-top) var(--padding-block-end);
padding-inline: calc(var(--safe-area-inset-left) + var(--spacing-8)) calc(var(--safe-area-inset-right) + var(--spacing-8));
flex-direction: column-reverse;
display: flex
}
@media screen and (min-width:1024px) {
.cdp-popover-layout_wrapper-wmM29 {
height: auto;
padding-block: var(--spacing-12) 0;
padding-inline: var(--spacing-24) 0;
flex-direction: column;
position: absolute
}
}
.top-app-badge_root-MaUma {
max-width: 100%;
height: var(--spacing-24);
color: var(--badge-new-bonus-app-color-fg);
align-items: center;
gap: var(--spacing-4);
padding-block: var(--spacing-2);
padding-inline: var(--spacing-8) var(--spacing-20);
-webkit-user-select: none;
user-select: none;
display: inline-flex;
position: relative
}
.top-app-badge_root-MaUma b {
font-weight: var(--font-body-semibold-font-weight)
}
.top-app-badge_root-MaUma {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-xs-font-size);
font-weight: var(--font-caption-xs-regular-font-weight);
letter-spacing: var(--font-caption-xs-letter-spacing);
line-height: var(--font-caption-xs-line-height)
}
.top-app-badge_badge-MaUma {
z-index: 0;
border-radius: var(--rounding-component-badge);
background: var(--badge-new-bonus-app-color-bg-grad, var(--badge-new-bonus-app-color-bg));
position: absolute;
inset: 0
}
[dir=rtl] .top-app-badge_badge-MaUma {
transform-origin: 50%;
transform: scaleX(-1)
}
.top-app-badge_text-MaUma {
z-index: 1;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
overflow: hidden
}
.top-app-badge_img-MaUma {
z-index: 1;
width: 24px;
height: 24px
}
.top-app-banner_root-c2GWo {
padding: var(--spacing-12) var(--spacing-16);
background: var(--color-background-base-secondary);
justify-content: space-between;
align-items: center;
display: flex;
position: relative
}
.top-app-banner_root-c2GWo:after {
border-width: var(--border-s) 0;
border-style: solid;
border-color: var(--color-border-base-alfa-container);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.top-app-banner_root-c2GWo:after {
padding: var(--border-s) 0;
background: var(--color-border-base-alfa-container);
-webkit-mask-composite: xor;
border: none;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
.top-app-banner_info-c2GWo {
align-items: center;
gap: var(--spacing-12);
flex-shrink: 0;
display: flex
}
.top-app-banner_details-c2GWo {
text-align: start;
flex-direction: column;
align-items: start;
display: flex
}
.top-app-banner_title-c2GWo {
color: var(--color-content-base-primary);
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height)
}
.top-app-banner_rating-c2GWo {
margin-bottom: var(--spacing-8);
align-items: center;
gap: var(--spacing-4);
display: flex
}
.top-app-banner_starIcon-c2GWo {
color: var(--color-solid-sentiment-favorite-default)
}
.top-app-banner_ratingText-c2GWo {
color: var(--color-content-base-primary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.top-app-banner_controls-c2GWo {
flex-direction: column;
flex-shrink: 0;
align-items: center;
display: flex
}
.top-app-banner_buttonDescription-c2GWo {
margin-top: var(--spacing-4);
color: var(--color-content-base-tertiary);
text-align: center;
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-xs-font-size);
font-weight: var(--font-caption-xs-regular-font-weight);
letter-spacing: var(--font-caption-xs-letter-spacing);
line-height: var(--font-caption-xs-line-height)
}
.top-app-banner_appImg-c2GWo {
width: 48px;
height: 48px
}
.variant-1_root-suxb5 {
gap: var(--spacing-8);
display: flex
}
@media screen and (min-width:1024px) {
.variant-1_root-suxb5 {
gap: var(--spacing-12)
}
}
.skeleton-v2_root-g9FTR {
display: flex
}
.skeleton-v2_buttons-g9FTR {
border-radius: var(--rounding-12);
width: 128px;
height: 44px
}
@media (min-width:768px) {
.skeleton-v2_buttons-g9FTR {
width: 240px
}
}
.variant-2_root-dknSv {
gap: var(--spacing-6);
display: flex
}
.buttons_root-CmW73 {
gap: var(--spacing-12);
display: flex
}
.currency-switch_root-EFYL3 {
justify-content: flex-end;
align-items: center;
gap: var(--spacing-12);
flex-grow: 1;
min-width: 0;
display: flex;
overflow: hidden
}
@media (min-width:1024px) {
.currency-switch_root-EFYL3 {
gap: var(--spacing-16)
}
}
.currency-switch_balanceBlock-EFYL3 {
justify-content: flex-end;
align-items: center;
gap: var(--spacing-8);
flex: 1 1 0;
min-width: 0;
display: flex;
overflow: hidden
}
.currency-switch_balance-EFYL3 {
align-items: flex-end;
gap: var(--spacing-4);
flex-direction: column;
min-width: 0;
display: flex;
overflow: hidden
}
.currency-switch_balanceRow-EFYL3 {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height);
min-width: 0;
max-width: 100%;
color: var(--color-content-base-secondary);
align-items: center;
gap: var(--spacing-4);
display: flex;
overflow: hidden
}
.currency-switch_balanceRow-EFYL3.currency-switch_active-EFYL3 {
color: var(--color-content-base-primary)
}
.currency-switch_adaptiveBalance-EFYL3 {
flex-shrink: 1;
min-width: 0
}
.currency-switch_icon-EFYL3 {
flex-shrink: 0;
padding: 1px
}
.header-balance-button_maskedIcon-IXcA7 {
background: var(--header-balance-item-color-icon-grad, var(--header-balance-item-color-icon));
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: 100%;
mask-size: 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat
}
@media (min-width:1024px) {
.header-balance-button_root-IXcA7.header-balance-button_graphic-IXcA7 {
--button-padding: var(--spacing-12)
}
}
.header-balance-button_root-IXcA7.header-balance-button_graphic-IXcA7 {
--background: var(--header-balance-item-color-bg-grad, var(--header-balance-item-color-bg));
--background-hover: var(--header-balance-item-color-bg-grad, var(--header-balance-item-color-bg));
--border-color-grad: var(--header-balance-item-color-border-grad);
--border-color: var(--header-balance-item-color-border)
}
.balance-currency-icon-skeleton_root-bcF78 {
width: var(--spacing-20);
height: var(--spacing-20);
border-radius: var(--rounding-max)
}
.balance-sum-skeleton_root-qg2Ip {
width: 48px;
height: var(--font-body-semibold-line-height);
border-radius: var(--rounding-max)
}
@media screen and (min-width:1024px) {
.balance-sum-skeleton_root-qg2Ip {
width: 78px
}
}
.variant-1_root-G6JwK {
justify-content: flex-end;
align-items: center;
gap: var(--spacing-12);
min-width: 0;
display: flex
}
@media screen and (min-width:1024px) {
.variant-1_root-G6JwK {
gap: var(--spacing-16)
}
}
.variant-1_balanceBlock-G6JwK {
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
flex-direction: column;
min-width: 0;
display: flex
}
.variant-1_wrapper-G6JwK {
cursor: pointer;
text-align: end;
min-width: 0;
max-width: 100%
}
.variant-1_sumContainer-G6JwK {
--adaptive-balance-justify-content: flex-end;
justify-content: flex-end;
min-width: 0;
max-width: 100%;
display: flex;
position: relative
}
.variant-1_sumMeasure-G6JwK {
opacity: 0;
pointer-events: none;
white-space: nowrap;
position: absolute;
overflow: hidden
}
.variant-2_tooltipRoot-HouGF {
flex-grow: 1;
justify-content: flex-end;
min-width: 0;
display: flex
}
.variant-2_tooltipTrigger-HouGF {
cursor: auto;
min-width: 0;
display: flex
}
.variant-2_tooltipContent-HouGF {
min-width: 225px;
max-width: 280px;
height: 388px;
padding: 0 0 var(--spacing-12);
flex-direction: column;
display: flex
}
.variant-2_tooltipContent-HouGF>div:first-child {
flex-direction: column;
flex: 1;
min-height: 0;
display: flex
}
.variant-2_root-HouGF {
justify-content: flex-end;
align-items: center;
min-width: 0;
display: flex
}
.variant-2_box-HouGF {
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
border-radius: var(--header-balance-rounding-mobile);
background: var(--header-balance-layout-color-bg);
align-items: center;
gap: var(--header-balance-gap);
min-width: 0;
max-width: 100%;
padding-block: var(--header-balance-padding-top) var(--header-balance-padding-bottom);
padding-inline: var(--header-balance-padding-left) var(--header-balance-padding-right);
display: flex
}
@media (min-width:1024px) {
.variant-2_box-HouGF {
border-radius: var(--header-balance-rounding-desktop)
}
}
.variant-2_box-HouGF.variant-2_isClickable-HouGF {
cursor: pointer
}
.variant-2_box-HouGF>:not(.variant-2_wrapper-HouGF) {
flex-shrink: 0
}
.variant-2_wrapper-HouGF {
align-items: center;
gap: var(--header-balance-inner-gap);
flex-grow: 1;
min-width: 0;
display: flex
}
.variant-2_wrapper-HouGF>:not(.variant-2_sum-HouGF) {
flex-shrink: 0
}
.variant-2_sum-HouGF {
min-width: 0;
color: var(--color-content-base-primary);
text-overflow: ellipsis;
white-space: nowrap;
flex-grow: 1;
overflow: hidden
}
.variant-2_sumCollapse-HouGF {
flex-grow: 0
}
.variant-2_errorWrapper-HouGF {
justify-content: center;
width: 80px;
display: flex
}
.variant-2_refreshIcon-HouGF {
cursor: pointer
}
.variant-2_arrow-HouGF {
transition: transform .2s ease-out
}
.variant-2_arrow-HouGF.variant-2_isFlipped-HouGF {
transform: rotate(180deg)
}
.view_root-MMenL {
--avatar__background: var(--avatar-color-bg-default);
all: unset;
box-sizing: border-box;
cursor: pointer;
align-items: center;
gap: var(--spacing-12);
width: 100%;
max-width: 100%;
transition-duration: var(--sidebar-animation-duration);
transition-property: padding, border-radius, background-color, opacity;
transition-timing-function: var(--sidebar-animation-bezier-ease);
display: flex
}
.view_root-MMenL.view_compact-MMenL {
justify-content: start
}
.view_root-MMenL:hover {
--avatar__background: var(--avatar-color-bg-hover)
}
.view_root-MMenL:active {
opacity: var(--opacity-item-active)
}
:is(.view_root-MMenL:focus-visible .view_avatar-MMenL):after {
border-width: var(--border-m);
border-style: solid;
border-color: var(--focus-border);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
:is(.view_root-MMenL:focus-visible .view_avatar-MMenL):after {
padding: var(--border-m);
background: var(--focus-border);
-webkit-mask-composite: xor;
border: none;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
.view_root-MMenL:not(.view_compact-MMenL) {
padding: var(--profile-cell-padding);
border-radius: var(--profile-cell-rounding);
background-color: var(--profile-cell-color-bg-default)
}
.view_root-MMenL:not(.view_compact-MMenL):hover {
background-color: var(--profile-cell-color-bg-hover)
}
.view_content-MMenL {
flex-grow: 1;
align-items: center;
min-width: 0;
max-width: 100%;
display: flex;
overflow: hidden
}
.view_details-MMenL {
align-items: flex-start;
gap: var(--spacing-4);
flex-direction: column;
flex-grow: 1;
display: flex
}
.view_login-MMenL,
.view_name-MMenL,
.view_id-MMenL {
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
overflow: hidden
}
.view_name-MMenL {
color: var(--color-content-base-primary);
font-family: var(--font-display-body-label-font-family);
font-size: var(--font-display-body-label-font-size);
font-weight: var(--font-display-body-label-font-weight);
letter-spacing: var(--font-display-body-label-letter-spacing);
line-height: var(--font-display-body-label-line-height);
text-transform: var(--font-display-body-label-text-case)
}
.view_id-MMenL {
color: var(--color-content-base-secondary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.view_login-MMenL {
color: var(--color-content-base-primary);
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height)
}
.view_icon-MMenL {
color: var(--color-content-base-tertiary);
flex-shrink: 0
}
.view_nameSkeleton-MMenL {
width: 120px;
height: 16px;
margin-bottom: var(--spacing-4)
}
.view_idSkeleton-MMenL {
width: 80px;
height: 13px
}
.view_nameSkeleton-MMenL,
.view_idSkeleton-MMenL {
border-radius: var(--rounding-12)
}
.variant-1_balanceContainer-17HuD {
flex-grow: 1;
justify-content: center;
align-items: center;
min-width: 0;
display: flex
}
@media screen and (min-width:1024px) {
.variant-1_balanceContainer-17HuD:not(.variant-1_centeredBalance-17HuD) {
justify-content: flex-end
}
}
.variant-1_root-17HuD {
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
border-radius: var(--header-balance-rounding-mobile);
background: var(--header-balance-layout-color-bg);
align-items: center;
gap: var(--spacing-12);
min-width: 0;
max-width: 100%;
padding-block: var(--spacing-4);
padding-inline: var(--spacing-12) var(--spacing-4);
display: flex;
position: relative;
overflow: hidden
}
@media (min-width:1024px) {
.variant-1_root-17HuD {
border-radius: var(--header-balance-rounding-desktop)
}
}
.variant-1_root-17HuD:after {
border-style: solid;
border-width: 1px;
border-color: var(--header-balance-color-border);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.variant-1_root-17HuD:after {
background: var(--header-balance-color-border-grad, var(--header-balance-color-border));
-webkit-mask-composite: xor;
border: none;
padding: 1px;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
.variant-1_btn-17HuD {
flex-shrink: 0
}
.variant-1_wrapper-17HuD {
cursor: pointer;
align-items: center;
gap: var(--spacing-8);
flex: 1;
min-width: 0;
display: flex
}
.variant-1_sumContainer-17HuD {
min-width: 0;
max-width: 100%;
color: var(--color-content-base-primary);
flex: 1;
justify-content: flex-end;
display: flex;
overflow: hidden
}
.skeleton-v2_root-jsLER {
display: flex
}
.skeleton-v2_balance-jsLER {
border-radius: var(--rounding-12);
width: 128px;
height: 44px
}
@media (min-width:768px) {
.skeleton-v2_balance-jsLER {
width: 240px
}
}
.variant-2_root-N7OuV {
justify-content: flex-end;
align-items: center;
gap: var(--spacing-12);
display: flex
}
@media screen and (min-width:1024px) {
.variant-2_root-N7OuV {
gap: var(--spacing-16)
}
}
.variant-2_balanceWrapper-N7OuV {
cursor: pointer;
gap: var(--spacing-2);
background: 0 0;
flex-direction: column;
padding: 0;
display: flex
}
.variant-2_balanceBadge-N7OuV {
align-items: center;
gap: var(--spacing-4);
display: flex
}
.variant-2_balanceArrow-N7OuV {
color: var(--color-content-base-tertiary)
}
.variant-2_sumContainer-N7OuV {
min-width: 0;
max-width: 100%;
color: var(--color-content-base-primary);
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height);
display: flex;
position: relative;
overflow: hidden
}
.header-balance-v2_balanceContainer-rIJmX {
flex-grow: 1;
justify-content: center;
align-items: center;
min-width: 0;
display: flex
}
@media screen and (min-width:1024px) {
.header-balance-v2_balanceContainer-rIJmX:not(.header-balance-v2_centeredBalance-rIJmX) {
justify-content: flex-end
}
}
.header-balance-v2_root-rIJmX {
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
border-radius: var(--rounding-container-s);
background: var(--header-balance-layout-color-bg);
min-width: 0;
max-width: 100%;
box-shadow: inset 0 0 0 1px var(--header-balance-color-border);
align-items: center;
gap: var(--spacing-12);
padding-block: var(--spacing-4);
padding-inline: var(--spacing-12) var(--spacing-4);
display: flex;
overflow: hidden
}
.header-balance-v2_btn-rIJmX {
flex-shrink: 0
}
.header-balance-v2_wrapper-rIJmX {
cursor: pointer;
align-items: center;
gap: var(--spacing-8);
flex: 1;
min-width: 0;
display: flex
}
.header-balance-v2_sumContainer-rIJmX {
min-width: 0;
max-width: 100%;
color: var(--color-content-base-primary);
flex: 1;
justify-content: flex-end;
display: flex;
overflow: hidden
}
.header-balance-v3_root-UnK2Y {
align-items: center;
gap: var(--spacing-12);
min-width: 0;
display: flex
}
@media screen and (min-width:1024px) {
.header-balance-v3_root-UnK2Y {
gap: var(--spacing-16)
}
}
.header-balance-v3_balanceBlock-UnK2Y {
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
flex-direction: column;
flex-grow: 1;
min-width: 0;
display: flex
}
.header-balance-v3_wrapper-UnK2Y {
cursor: pointer;
text-align: end;
min-width: 0;
max-width: 100%
}
.header-balance-v3_sumContainer-UnK2Y {
min-width: 0;
max-width: 100%;
color: var(--color-content-base-primary);
justify-content: flex-end;
display: flex;
position: relative;
overflow: hidden
}
.header-balance_root-UnK2Y {
align-items: center;
gap: var(--spacing-12);
min-width: 0;
display: flex
}
@media screen and (min-width:1024px) {
.header-balance_root-UnK2Y {
gap: var(--spacing-16)
}
}
.header-balance_balanceBlock-UnK2Y {
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
flex-direction: column;
flex-grow: 1;
min-width: 0;
display: flex
}
.header-balance_wrapper-UnK2Y {
cursor: pointer;
text-align: end;
min-width: 0;
max-width: 100%
}
.header-balance_sumContainer-UnK2Y {
min-width: 0;
max-width: 100%;
color: var(--color-content-base-primary);
justify-content: flex-end;
display: flex;
position: relative;
overflow: hidden
}
.currency-switch_root-w3eKc {
align-items: center;
gap: var(--spacing-12);
display: flex
}
@media (min-width:1024px) {
.currency-switch_root-w3eKc {
gap: var(--spacing-16)
}
}
.currency-switch_balanceBlock-w3eKc {
align-items: center;
gap: var(--spacing-8);
display: flex
}
.currency-switch_balance-w3eKc {
align-items: flex-end;
gap: var(--spacing-4);
flex-direction: column;
display: inline-flex
}
.currency-switch_balanceRow-w3eKc {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height);
color: var(--color-content-base-secondary);
align-items: center;
gap: var(--spacing-4);
display: inline-flex
}
.currency-switch_balanceRow-w3eKc.currency-switch_active-w3eKc {
color: var(--color-content-base-primary)
}
.currency-switch_icon-w3eKc {
padding: 1px
}
.floating_pageContainer-XexoJ {
padding-block: 0;
position: relative
}
.floating_rootContainer-XexoJ {
z-index: var(--z-index-floating);
height: 100dvh;
pointer-events: none;
flex-direction: column-reverse;
align-self: flex-end;
display: flex;
position: fixed;
inset-block-end: calc(var(--spacing-16) + var(--tabbar-layout-height-with-safe-area))
}
@media (min-width:1024px) {
.floating_rootContainer-XexoJ {
inset-block-end: 40px
}
}
.floating_rootContainer-XexoJ>* {
pointer-events: all
}
.floating_root-XexoJ {
align-items: flex-end;
gap: var(--spacing-16);
flex-direction: column;
display: flex;
position: sticky
}
.floating_scrollTopButton-XexoJ {
border-radius: var(--rounding-control-m);
background: var(--color-background-base-primary);
width: min-content;
box-shadow: var(--box-shadow-xl)
}
.floating_scrollTopIcon-XexoJ {
color: var(--color-content-base-primary)
}
.floating_scrollToggleEnterFrom-XexoJ,
.floating_scrollToggleLeaveTo-XexoJ {
opacity: 0;
transform: translate(100%)
}
[dir=rtl] :is(.floating_scrollToggleEnterFrom-XexoJ, .floating_scrollToggleLeaveTo-XexoJ) {
transform: translate(-100%)
}
.floating_scrollToggleEnterActive-XexoJ,
.floating_scrollToggleLeaveActive-XexoJ {
transition: transform .1s ease-in-out, opacity .1s ease-in-out
}
.floating_supportWidgetButton-XexoJ {
box-shadow: var(--box-shadow-fab)
}
.grid_root-QUXIK {
max-width: 100%;
display: grid
}
.buttons-placeholder_root-Ymz3t {
align-items: center;
display: flex
}
.buttons-placeholder_button-Ymz3t {
border-radius: 8px;
width: 100px;
height: 32px;
margin-left: 12px
}
.buttons-placeholder_circle-Ymz3t {
border-radius: 8px;
flex-shrink: 0;
width: 32px;
height: 32px;
margin-left: 8px
}
.buttons-placeholder_line-Ymz3t {
justify-content: flex-end;
align-items: center;
gap: 4px;
display: flex
}
.buttons-placeholder_infoLine-Ymz3t {
border-radius: 12px;
width: 28px;
height: 12px
}
.buttons-placeholder_infoCircle-Ymz3t {
border-radius: 16px;
width: 16px;
height: 16px
}
.buttons-placeholder_bottomLine-Ymz3t {
border-radius: 16px;
width: 48px;
height: 16px;
margin-top: 2px
}
@media (min-width:0) {
.buttons-placeholder_infoLine-Ymz3t {
width: 36px
}
.buttons-placeholder_bottomLine-Ymz3t {
width: 78px
}
}
@media (min-width:1024px) {
.buttons-placeholder_button-Ymz3t {
border-radius: 12px;
width: 117px;
height: 44px;
margin-left: 16px
}
.buttons-placeholder_circle-Ymz3t {
border-radius: 12px;
width: 44px;
height: 44px;
margin-left: 12px
}
}
.variant-1_root-4ujUm {
width: 100%;
max-width: var(--size-container-width-max);
height: var(--header-layout-height-mobile);
background-color: var(--color-background-base-primary);
color: var(--color-content-base-primary);
padding-inline: var(--container-padding-mobile);
align-items: center;
margin-inline: auto;
display: flex
}
.variant-1_root-4ujUm.variant-1_fixed-4ujUm {
z-index: var(--z-index-header);
height: var(--height-layout-header-mobile-with-safe-area);
top: 0;
padding-block: var(--safe-area-inset-block-start) 0;
position: fixed;
inset-inline: 0
}
@media screen and (min-width:1024px) {
.variant-1_root-4ujUm {
height: var(--header-layout-height-desktop);
padding-inline: var(--container-padding-desktop)
}
}
.variant-1_transparentBg-4ujUm {
background-color: #0000
}
.variant-1_content-4ujUm {
align-items: center;
gap: var(--spacing-12);
width: 100%;
min-width: 0;
display: flex
}
.variant-1_trailing-4ujUm {
align-items: center;
gap: var(--spacing-24);
display: flex
}
.variant-1_logoLink-4ujUm {
position: relative
}
.variant-1_logo-4ujUm {
height: 28px;
display: flex
}
@media (min-width:1024px) {
.variant-1_logo-4ujUm {
height: 36px
}
}
.variant-1_isCompactLogo-4ujUm .variant-1_fullLogo-4ujUm {
opacity: 0;
pointer-events: none;
position: absolute
}
.variant-1_compactLogo-4ujUm {
height: 28px
}
.variant-1_root-4ujUm:not(.variant-1_isCompactLogo-4ujUm) .variant-1_compactLogo-4ujUm {
opacity: 0;
pointer-events: none;
position: absolute
}
.variant-1_leading-4ujUm {
justify-content: flex-end;
align-items: center;
gap: var(--spacing-12);
flex-grow: 1;
min-width: 0;
margin-inline-start: auto;
display: flex
}
@media screen and (min-width:1024px) {
.variant-1_leading-4ujUm {
gap: var(--spacing-16)
}
}
.variant-1_balance-4ujUm {
flex-grow: 1;
min-width: 0
}
.buttons-placeholder_root-7C388 {
display: contents
}
@media (min-width:1024px) {
.buttons-placeholder_root-7C388 {
display: flex
}
}
.buttons-placeholder_balance-7C388 {
border-radius: 12px;
width: 150px;
height: 44px;
position: absolute;
inset-inline-start: 50%;
transform: translate(-50%)
}
@media screen and (min-width:1024px) {
.buttons-placeholder_balance-7C388 {
width: 288px;
position: static;
transform: none
}
}
.buttons-placeholder_circle-7C388 {
border-radius: 12px;
flex-shrink: 0;
width: 44px;
height: 44px;
margin-inline-start: 12px
}
.variant-2_root-sa4Ib {
z-index: var(--z-index-header);
width: 100%;
height: var(--header-layout-height-mobile);
background-color: var(--header-color-bg);
color: var(--color-content-base-primary);
align-items: center;
margin-inline: auto;
display: flex;
position: relative
}
.variant-2_root-sa4Ib.variant-2_fixed-sa4Ib {
width: auto;
height: var(--height-layout-header-mobile-with-safe-area);
top: 0;
padding-block: var(--safe-area-inset-block-start) 0;
padding-inline: var(--safe-area-inset-inline-start) var(--safe-area-inset-inline-end);
position: fixed;
inset-inline: 0
}
@media (min-width:1024px) {
.variant-2_root-sa4Ib.variant-2_fixed-sa4Ib {
height: var(--height-layout-header-desktop-with-safe-area)
}
.variant-2_root-sa4Ib:not(.variant-2_fixed-sa4Ib) {
z-index: auto
}
.variant-2_root-sa4Ib {
height: var(--header-layout-height-desktop)
}
}
.variant-2_transparentBg-sa4Ib {
background-color: #0000
}
.variant-2_content-sa4Ib {
justify-content: space-between;
gap: var(--spacing-12);
width: 100%;
padding-block: var(--spacing-16) var(--spacing-12);
padding-inline: var(--container-padding-mobile);
display: flex
}
@media screen and (min-width:1024px) {
.variant-2_content-sa4Ib {
padding-block: var(--spacing-20);
padding-inline: var(--container-padding-desktop)
}
}
.variant-2_trailing-sa4Ib {
min-width: var(--size-control-xl);
align-items: center;
gap: var(--spacing-20);
display: flex
}
.variant-2_logoLink-sa4Ib {
position: relative
}
.variant-2_logo-sa4Ib {
display: flex
}
.variant-2_leading-sa4Ib {
align-items: center;
gap: var(--spacing-12);
display: flex
}
@media screen and (min-width:1024px) {
.variant-2_leading-sa4Ib {
gap: var(--spacing-16)
}
}
.variant-2_sidebarButton-sa4Ib {
padding-inline: var(--spacing-4)
}
.variant-2_backButton-sa4Ib svg {
color: var(--color-content-base-primary)
}
.variant-3_root-DD4GW {
width: 100%;
max-width: var(--size-container-width-max);
height: var(--header-layout-height-mobile);
background-color: var(--color-background-base-primary);
color: var(--color-content-base-primary);
padding-inline: var(--container-padding-mobile);
align-items: center;
margin-inline: auto;
display: flex
}
@media (min-width:1024px) {
.variant-3_root-DD4GW {
height: var(--header-layout-height-desktop);
padding-inline: var(--container-padding-desktop)
}
}
.variant-3_root-DD4GW.variant-3_fixed-DD4GW {
z-index: var(--z-index-header);
top: var(--safe-area-inset-block-start);
position: sticky
}
.variant-3_root-DD4GW.variant-3_fixed-DD4GW:before {
height: var(--safe-area-inset-block-start);
background: inherit;
content: "";
position: absolute;
inset-block-start: calc(var(--safe-area-inset-block-start)*-1);
inset-inline: 0
}
.variant-3_transparentBg-DD4GW {
background-color: #0000
}
.variant-3_content-DD4GW {
align-items: center;
gap: 10px;
width: 100%;
display: flex
}
@media screen and (min-width:1024px) {
.variant-3_content-DD4GW {
gap: var(--spacing-40)
}
}
.variant-3_trailing-DD4GW {
align-items: center;
gap: var(--spacing-24);
display: flex
}
.variant-3_logoLink-DD4GW {
position: relative
}
.variant-3_logo-DD4GW {
height: 28px;
display: flex
}
@media (min-width:1024px) {
.variant-3_logo-DD4GW {
height: 36px
}
}
.variant-3_isCompactLogo-DD4GW .variant-3_fullLogo-DD4GW {
opacity: 0;
pointer-events: none;
position: absolute
}
.variant-3_compactLogo-DD4GW {
height: 28px
}
.variant-3_root-DD4GW:not(.variant-3_isCompactLogo-DD4GW) .variant-3_compactLogo-DD4GW {
opacity: 0;
pointer-events: none;
position: absolute
}
.variant-3_leading-DD4GW {
justify-content: flex-end;
align-items: center;
gap: var(--spacing-12);
flex-grow: 1;
min-width: 0;
margin-inline-start: auto;
display: flex
}
.variant-3_balance-DD4GW {
flex-grow: 1;
min-width: 0
}
.variant-4_root-hVL1X {
z-index: var(--z-index-header);
width: 100%;
height: var(--header-layout-height-mobile);
border-bottom: var(--border-s) solid var(--color-border-base-alfa-static-white-8);
background-color: var(--header-color-bg);
align-items: center;
display: flex;
position: relative
}
@media (min-width:1024px) {
.variant-4_root-hVL1X {
height: var(--header-layout-height-desktop)
}
}
.header-authorization_root-suxb5 {
gap: var(--spacing-8);
display: flex
}
@media screen and (min-width:1024px) {
.header-authorization_root-suxb5 {
gap: var(--spacing-12)
}
}
.layout-content_root-oTADT {
--min-height: 100vh;
--header-height-with-safe-area: var(--height-layout-header-mobile-with-safe-area);
--content-min-height: calc(var(--min-height) - var(--header-height-with-safe-area))
}
@supports (height:100dvh) {
.layout-content_root-oTADT {
--min-height: 100dvh
}
}
@media screen and (min-width:1024px) {
.layout-content_root-oTADT {
--header-height-with-safe-area: var(--height-layout-header-desktop-with-safe-area)
}
}
.layout-content_root-oTADT.layout-content_autoHeight-oTADT {
--min-height: 75vh;
--content-min-height: calc(var(--min-height) - var(--header-height-with-safe-area) - var(--tabbar-layout-height-with-safe-area))
}
@media screen and (min-width:1024px) {
.layout-content_root-oTADT.layout-content_autoHeight-oTADT {
--content-min-height: calc(var(--min-height) - var(--header-height-with-safe-area))
}
}
.layout-content_root-oTADT {
min-height: var(--content-min-height);
flex-grow: 1
}
.layout-content_root-oTADT.layout-content_fixedHeader-oTADT {
margin-block-start: var(--header-layout-height-mobile)
}
@media screen and (min-width:1024px) {
.layout-content_root-oTADT.layout-content_fixedHeader-oTADT {
margin-block-start: var(--header-layout-height-desktop)
}
}
.pull-to-refresh-indicator_container-svOum {
z-index: var(--z-index-ptr-pwa);
color: var(--color-content-base-static-white);
pointer-events: none;
justify-content: center;
padding-block-start: calc(var(--safe-area-inset-block-start) + 12px);
display: flex;
position: fixed;
inset-block-start: 0;
inset-inline: 0
}
.pull-to-refresh-indicator_belowHeader-svOum {
padding-block-start: 0;
inset-block-start: var(--height-layout-header-mobile-with-safe-area)
}
.pull-to-refresh-indicator_spinner-svOum {
will-change: transform, opacity
}
.pull-to-refresh-indicator_rotating-svOum {
animation: .8s linear infinite pull-to-refresh-indicator_spin-svOum
}
@keyframes pull-to-refresh-indicator_spin-svOum {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
.layout-main_flexFill-8YNPv {
flex-direction: column;
flex-grow: 1;
min-width: 0;
display: flex
}
.layout-main_main-8YNPv.layout-main_tabbarPadding-8YNPv {
padding-bottom: calc(var(--tabbar-layout-height-with-safe-area) - var(--safe-area-inset-block-end))
}
@media screen and (min-width:1024px) {
.layout-main_main-8YNPv.layout-main_tabbarPadding-8YNPv {
padding-bottom: 0
}
}
.template-1_root-RiCeW,
.template-2_root-RiCeW {
background-color: var(--layout-color-bg);
color: var(--color-content-base-primary);
flex-direction: row;
display: flex
}
.template-3_root-PGgyH {
background-color: var(--layout-color-bg);
color: var(--color-content-base-primary);
gap: var(--spacing-20);
--layout__sidebar-offset: 0px;
flex-direction: column;
display: flex
}
.template-3_hasFixedHeader-PGgyH {
padding-block-start: var(--height-layout-header-mobile-with-safe-area)
}
@media screen and (min-width:1024px) {
.template-3_hasFixedHeader-PGgyH {
--layout__sidebar-offset: var(--height-layout-header-desktop-with-safe-area);
padding-block-start: var(--height-layout-header-desktop-with-safe-area)
}
}
.template-3_hasFixedHeader-PGgyH .template-3_contentWrapper-PGgyH .template-3_content-PGgyH {
margin-block-start: 0
}
.template-3_banner-PGgyH {
padding-inline: var(--spacing-20)
}
.template-3_layout-PGgyH {
flex-direction: column;
display: flex
}
@media screen and (min-width:1024px) {
.template-3_layout-PGgyH {
align-items: start;
column-gap: var(--spacing-20);
padding-inline: var(--spacing-20);
grid-template-columns: minmax(min-content, auto) minmax(0, 1fr);
display: grid
}
.template-3_sidebar-PGgyH {
top: calc(var(--layout__sidebar-offset) + var(--spacing-20));
height: calc(100vh - var(--layout__sidebar-offset) - var(--spacing-20)*2);
align-self: start;
position: sticky
}
@supports (height:100dvh) {
.template-3_sidebar-PGgyH {
height: calc(100dvh - var(--layout__sidebar-offset) - var(--spacing-20)*2)
}
}
}
.template-3_contentWrapper-PGgyH {
min-width: 0
}
.notification-buttons_root-suxb5 {
gap: var(--spacing-8);
display: flex
}
@media screen and (min-width:1024px) {
.notification-buttons_root-suxb5 {
gap: var(--spacing-12)
}
}
.banner-app-v3_root-VKUQB:focus-visible {
outline: none
}
@supports not (width:1lh) {
.banner-app-v3_root-VKUQB:focus-visible {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.banner-app-v3_root-VKUQB:focus-visible {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
@supports not selector(:focus-visible) {
.banner-app-v3_root-VKUQB:focus {
outline: none
}
@supports not (width:1lh) {
.banner-app-v3_root-VKUQB:focus {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.banner-app-v3_root-VKUQB:focus {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
}
.banner-app-v3_root-VKUQB {
cursor: pointer;
gap: var(--spacing-8);
width: 100%;
min-height: 56px;
padding-block: var(--spacing-4);
padding-inline: var(--spacing-16) var(--spacing-12);
text-align: start;
transition: padding var(--sidebar-animation-duration) var(--sidebar-animation-bezier-ease), min-height var(--sidebar-animation-duration) var(--sidebar-animation-bezier-ease);
background: 0 0;
display: flex
}
.banner-app-v3_root-VKUQB.banner-app-v3_compact-VKUQB {
border-radius: 0 0 var(--rounding-20) var(--rounding-20);
min-height: 80px;
padding: 0;
overflow: hidden
}
.banner-app-v3_imageWrapper-VKUQB {
width: 56px;
height: 56px;
transition: width var(--sidebar-animation-duration) var(--sidebar-animation-bezier-ease), height var(--sidebar-animation-duration) var(--sidebar-animation-bezier-ease);
flex-shrink: 0;
position: relative
}
.banner-app-v3_compact-VKUQB .banner-app-v3_imageWrapper-VKUQB {
width: 64px;
height: 80px
}
.banner-app-v3_image-VKUQB {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0
}
.banner-app-v3_badge-VKUQB {
z-index: 1;
border-radius: var(--rounding-max);
background: var(--badge-new-base-primary-color-bg);
box-shadow: inset 0 1px 0 0 var(--color-border-base-primary), inset -1px 0 0 0 var(--color-border-base-primary);
color: var(--color-content-base-static-black);
padding-block: var(--spacing-2);
padding-inline: var(--spacing-6);
white-space: nowrap;
justify-content: flex-start;
align-items: center;
padding-inline-start: var(--spacing-20);
display: inline-flex;
position: absolute;
inset-block-end: var(--spacing-2);
inset-inline-start: var(--spacing-2)
}
.banner-app-v3_compact-VKUQB .banner-app-v3_badge-VKUQB {
width: max-content;
padding-block: var(--spacing-2);
justify-content: center;
margin-inline: auto;
inset-block-end: var(--spacing-6);
inset-inline: 0
}
.banner-app-v3_badgeIcon-VKUQB {
object-fit: contain;
width: 22px;
height: 22px;
position: absolute;
inset-block-start: -2px;
inset-inline-start: -1px
}
.banner-app-v3_badgeText-VKUQB {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-xs-font-size);
font-weight: var(--font-caption-xs-semibold-font-weight);
letter-spacing: var(--font-caption-xs-letter-spacing);
line-height: var(--font-caption-xs-line-height)
}
.banner-app-v3_expandedContent-VKUQB {
justify-content: space-between;
align-items: center;
gap: var(--spacing-8);
flex: 1;
min-width: 0;
display: flex
}
.banner-app-v3_content-VKUQB {
gap: var(--spacing-2);
flex-direction: column;
min-width: 0;
display: flex
}
.banner-app-v3_title-VKUQB {
color: var(--sidebar-banner-app-color-fg-primary);
text-overflow: ellipsis;
white-space: nowrap;
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height);
overflow: hidden
}
.banner-app-v3_text-VKUQB {
color: var(--sidebar-banner-app-color-fg-secondary);
-webkit-line-clamp: 2;
line-clamp: 2;
text-overflow: ellipsis;
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden
}
.banner-app-v3_arrowIcon-VKUQB {
color: var(--sidebar-banner-app-button-color-fg);
flex-shrink: 0
}
.banner-app-v3_fadeEnterActive-VKUQB,
.banner-app-v3_fadeLeaveActive-VKUQB {
transition-duration: var(--sidebar-animation-duration);
transition-property: opacity;
transition-timing-function: var(--sidebar-animation-bezier-ease)
}
.banner-app-v3_fadeEnterFrom-VKUQB,
.banner-app-v3_fadeLeaveTo-VKUQB {
opacity: 0
}
.banner-app-v2_root-tNRnn {
background: unset;
padding: 0;
position: relative
}
.banner-app-v2_installContainer-tNRnn {
border-radius: var(--sidebar-banner-app-rounding-full);
cursor: pointer;
justify-content: space-between;
align-items: center;
gap: var(--spacing-8);
width: 100%;
min-height: 60px;
padding-block: var(--spacing-12);
padding-inline: 80px var(--spacing-12);
transition-duration: var(--sidebar-animation-duration);
transition-property: padding, border-radius;
transition-timing-function: var(--sidebar-animation-bezier-ease);
display: flex;
position: relative
}
.banner-app-v2_installContainer-tNRnn.banner-app-v2_compact-tNRnn {
border-radius: var(--sidebar-banner-app-rounding-compact);
align-self: center;
margin-top: 0;
padding: 0;
overflow: hidden
}
.banner-app-v2_expandedWrapper-tNRnn {
z-index: 1;
justify-content: space-between;
align-items: center;
gap: var(--spacing-8);
flex: 1;
display: flex
}
.banner-app-v2_bannerGradient-tNRnn {
border-radius: inherit;
background: var(--sidebar-banner-app-color-bg-grad, var(--sidebar-banner-app-color-bg));
position: absolute;
inset: 0
}
[dir=rtl] .banner-app-v2_bannerGradient-tNRnn {
transform: scaleX(-1)
}
.banner-app-v2_image-tNRnn {
z-index: 2;
width: 74px;
height: 74px;
transition-duration: var(--sidebar-animation-duration);
transition-property: width, height, inset-inline-start;
transition-timing-function: var(--sidebar-animation-bezier-ease);
position: absolute;
inset-block-end: 0;
inset-inline-start: 0
}
.banner-app-v2_compact-tNRnn .banner-app-v2_image-tNRnn {
width: 60px;
height: 60px;
inset-inline-start: -6px
}
.banner-app-v2_fadeEnterActive-tNRnn,
.banner-app-v2_fadeLeaveActive-tNRnn {
transition-duration: var(--sidebar-animation-duration);
transition-property: opacity;
transition-timing-function: var(--sidebar-animation-bezier-ease)
}
.banner-app-v2_fadeEnterFrom-tNRnn,
.banner-app-v2_fadeLeaveTo-tNRnn {
opacity: 0
}
.banner-app-v2_content-tNRnn {
z-index: 1;
text-align: start
}
.banner-app-v2_title-tNRnn {
color: var(--sidebar-banner-app-color-fg-primary);
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height)
}
.banner-app-v2_text-tNRnn {
color: var(--sidebar-banner-app-color-fg-secondary);
white-space: nowrap;
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.banner-app-v2_installButtonContainer-tNRnn {
z-index: 1;
width: var(--size-control-m);
min-width: var(--size-control-m);
height: var(--size-control-m);
border-radius: var(--button-rounding-m);
background: var(--sidebar-banner-app-button-color-bg);
color: var(--sidebar-banner-app-button-color-fg);
justify-content: center;
align-items: center;
display: flex
}
.banner-app-v2_installContainerCompact-tNRnn {
z-index: 3;
width: var(--size-element-s);
height: var(--size-element-s);
border-radius: var(--rounding-12);
background: var(--sidebar-banner-app-color-dot-bg);
box-shadow: 0 0 0 var(--border-m) var(--color-border-base-on-bg-secondary);
color: var(--sidebar-banner-app-color-dot-fg);
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset-block-start: 0;
inset-inline-end: 0
}
.banner-app_root-RquZr {
border-radius: var(--rounding-container-s);
background: var(--color-background-base-tertiary);
cursor: pointer;
max-width: 100%;
max-height: 100%;
padding-block: var(--spacing-8);
padding-inline: var(--spacing-12);
transition: max-width var(--common-layout__animation-duration) var(--common-layout__animation-easing), padding var(--common-layout__animation-duration) var(--common-layout__animation-easing), background var(--common-layout__animation-duration) var(--common-layout__animation-easing);
align-items: center;
display: flex;
overflow: hidden
}
.banner-app_compact-RquZr {
-webkit-user-select: none;
user-select: none;
background: 0 0;
max-width: 48px;
max-height: 48px;
padding: 0
}
.banner-app_wrapper-RquZr {
width: calc(var(--sidebar-width-expanded) - var(--spacing-12)*2 - var(--spacing-16)*2 - var(--sidebar__border-width)*2);
text-align: start;
word-break: break-word;
flex-shrink: 0;
justify-content: space-between;
align-items: center;
display: flex
}
.banner-app_icon-RquZr {
width: 44px;
height: 44px;
transition: width var(--app-banner__animation-duration) var(--common-layout__animation-easing), height var(--app-banner__animation-duration) var(--common-layout__animation-easing);
flex-shrink: 0
}
.banner-app_compact-RquZr .banner-app_icon-RquZr {
width: 48px;
height: 48px
}
.banner-app_iconRounded-RquZr {
border-radius: var(--rounding-container-s);
width: 44px;
height: 44px
}
.banner-app_compact-RquZr .banner-app_iconRounded-RquZr {
width: 48px;
height: 48px
}
.banner-app_content-RquZr {
margin-inline: var(--spacing-12)
}
.banner-app_title-RquZr {
margin-bottom: var(--spacing-4);
color: var(--sidebar-banner-app-color-fg-primary);
font-family: var(--font-caption-s-label-font-family);
font-size: var(--font-caption-s-label-font-size);
font-weight: var(--font-caption-s-label-font-weight);
letter-spacing: var(--font-caption-s-label-letter-spacing);
line-height: var(--font-caption-s-label-line-height);
text-transform: var(--font-caption-s-label-text-case)
}
.banner-app_text-RquZr {
color: var(--sidebar-banner-app-color-fg-secondary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.banner-app_arrowIcon-RquZr {
color: var(--sidebar-banner-app-button-color-fg);
flex-shrink: 0
}
.close-sidebar_root-3skZi {
width: var(--size-control-s);
height: var(--size-control-s);
padding: var(--spacing-4);
border-radius: var(--rounding-max);
background-color: var(--color-background-base-alfa-static-white-24);
color: var(--color-content-base-static-white);
cursor: pointer;
justify-content: center;
align-items: center;
transition: opacity .1s;
display: flex
}
.close-sidebar_root-3skZi:active {
opacity: var(--opacity-item-active)
}
.close-sidebar_root-3skZi:focus-visible {
outline: none
}
@supports not (width:1lh) {
.close-sidebar_root-3skZi:focus-visible {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.close-sidebar_root-3skZi:focus-visible {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
@supports not selector(:focus-visible) {
.close-sidebar_root-3skZi:focus {
outline: none
}
@supports not (width:1lh) {
.close-sidebar_root-3skZi:focus {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.close-sidebar_root-3skZi:focus {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
}
.expand-button_iconWrapper-EPOB8 {
padding: var(--spacing-4);
background-color: var(--color-background-base-tertiary);
color: var(--color-content-base-secondary)
}
.expand-button_icon-EPOB8 {
transition: transform .5s var(--common-layout__animation-easing)
}
.expand-button_rotated-EPOB8 {
transform: rotate(-180deg)
}
.expand-button_root-EPOB8 {
border-radius: var(--rounding-max);
cursor: pointer;
justify-content: center;
align-items: center;
padding: 0;
transition: background-color .1s;
display: flex;
overflow: hidden
}
.expand-button_root-EPOB8:focus-visible {
outline: none
}
@supports not (width:1lh) {
.expand-button_root-EPOB8:focus-visible {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.expand-button_root-EPOB8:focus-visible {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
@supports not selector(:focus-visible) {
.expand-button_root-EPOB8:focus {
outline: none
}
@supports not (width:1lh) {
.expand-button_root-EPOB8:focus {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.expand-button_root-EPOB8:focus {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
}
:is(.expand-button_root-EPOB8:hover, .expand-button_root-EPOB8:active) .expand-button_iconWrapper-EPOB8 {
background-color: var(--color-ui-base-default);
color: var(--color-content-base-primary)
}
.profile-cell-v2_root-LX4Le {
padding: var(--spacing-12) var(--spacing-12) var(--spacing-8);
justify-content: space-between;
align-items: center;
gap: var(--spacing-8);
display: flex
}
.profile-cell-v2_group-LX4Le {
padding: var(--spacing-2);
border-radius: var(--rounding-max);
background: var(--color-background-base-alfa-neutral-12);
align-items: center;
gap: var(--spacing-2);
display: flex
}
.profile-cell-v2_avatarButton-LX4Le {
--avatar__background: var(--avatar-color-bg-default);
--avatar__icon-color: var(--color-content-base-primary);
all: unset;
border-radius: var(--rounding-max);
cursor: pointer;
transition: opacity .1s;
display: flex
}
.profile-cell-v2_avatarButton-LX4Le:hover {
--avatar__background: var(--avatar-color-bg-hover)
}
.profile-cell-v2_avatarButton-LX4Le:active {
opacity: var(--opacity-item-active)
}
.profile-cell-v2_avatarButton-LX4Le:focus-visible {
outline: none
}
@supports not (width:1lh) {
.profile-cell-v2_avatarButton-LX4Le:focus-visible {
box-shadow: 0 0 0 var(--spacing-2) var(--focus-border)
}
}
@supports (width:1lh) {
.profile-cell-v2_avatarButton-LX4Le:focus-visible {
outline: var(--spacing-2) solid var(--focus-border);
outline-offset: var(--spacing-2)
}
}
.profile-cell-v2_login-LX4Le {
align-items: center;
gap: var(--spacing-4);
min-width: 0;
display: flex
}
.profile-cell-v2_divider-LX4Le {
width: 1px;
height: var(--spacing-16);
background: var(--color-border-base-alfa-divider);
flex-shrink: 0
}
.social-items-list_root-b66qi {
max-height: var(--size-popover-list-height-max);
overflow: auto
}
.button-with-preview_root-ahUTI {
border-radius: var(--button-rounding-m);
background-color: var(--sidebar-button-social-compact-color-bg-default);
cursor: pointer;
flex-wrap: wrap;
gap: 2px;
width: 48px;
padding: 5px;
transition: opacity .1s;
display: flex
}
.button-with-preview_root-ahUTI:after {
border-style: solid;
border-width: 1px;
border-color: var(--sidebar-button-social-compact-color-border);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.button-with-preview_root-ahUTI:after {
background: var(--sidebar-button-social-compact-color-border-grad, var(--sidebar-button-social-compact-color-border));
-webkit-mask-composite: xor;
border: none;
padding: 1px;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
.button-with-preview_root-ahUTI:active {
opacity: var(--opacity-item-active)
}
.button-with-preview_root-ahUTI:hover {
background-color: var(--sidebar-button-social-compact-color-bg-hover)
}
.button-with-preview_root-ahUTI:focus-visible {
outline: none
}
@supports not (width:1lh) {
.button-with-preview_root-ahUTI:focus-visible {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.button-with-preview_root-ahUTI:focus-visible {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
@supports not selector(:focus-visible) {
.button-with-preview_root-ahUTI:focus {
outline: none
}
@supports not (width:1lh) {
.button-with-preview_root-ahUTI:focus {
box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
.button-with-preview_root-ahUTI:focus {
outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--spacing-2)
}
}
}
.button-with-preview_iconMore-ahUTI {
border-radius: var(--rounding-6);
background-color: var(--color-background-base-alfa-neutral-12);
width: 18px;
height: 18px;
color: var(--color-content-base-secondary);
justify-content: center;
align-items: center;
padding: 3px;
display: flex
}
.button-with-preview_iconMore-ahUTI:hover {
background-color: var(--color-background-base-alfa-neutral-16)
}
.buttons-list_root-dH0Tc {
gap: var(--spacing-4);
flex-wrap: nowrap;
max-width: 125px;
display: flex
}
.expanded-view_root-RehQD {
gap: var(--spacing-4);
flex-wrap: nowrap;
display: flex
}
.expanded-view_moreIcon-RehQD {
color: var(--color-content-base-secondary)
}
.social-buttons_fadeEnterActive-YBQfW,
.social-buttons_fadeLeaveActive-YBQfW {
transition-duration: var(--sidebar-animation-duration);
transition-property: opacity;
transition-timing-function: var(--sidebar-animation-bezier-ease)
}
.social-buttons_fadeEnterFrom-YBQfW,
.social-buttons_fadeLeaveTo-YBQfW {
opacity: 0
}
.social-buttons-v2_root-yssqR {
width: fit-content;
height: var(--size-control-m);
padding: 0 var(--spacing-12);
border-radius: var(--rounding-max);
background: var(--color-background-base-alfa-neutral-12);
justify-content: center;
align-items: center;
gap: var(--spacing-12);
display: flex
}
.social-buttons-v2_root-yssqR.social-buttons-v2_compact-yssqR {
height: auto;
padding: var(--spacing-12) 10px;
gap: var(--spacing-8);
flex-direction: column
}
.social-buttons-v2_divider-yssqR {
border-radius: var(--rounding-1);
background: var(--color-border-base-alfa-divider);
flex-shrink: 0;
width: 1px;
height: 12px
}
.social-buttons-v2_compact-yssqR .social-buttons-v2_divider-yssqR {
width: 12px;
height: 1px
}
.social-buttons-v2_tooltip-yssqR {
height: 16px
}
.social-buttons-v2_moreButton-yssqR:hover svg,
.social-buttons-v2_moreButton-yssqR:focus svg {
color: var(--color-content-base-primary)
}
@media (min-width:1440px) {
.common-layout_root-V7jCK {
--common-layout__animation-duration: var(--v1359c7a8);
--common-layout__animation-easing: cubic-bezier(.4, 0, .2, 1)
}
}
.common-layout_root-V7jCK:not(.common-layout_offscreen-V7jCK) {
margin-inline-start: var(--sidebar__horizontal-indent)
}
.common-layout_space-V7jCK {
width: var(--sidebar__desired-space);
transition: width var(--common-layout__animation-duration) var(--common-layout__animation-easing)
}
.common-layout_backdrop-V7jCK {
background-color: var(--sidebar__backdrop-background-color);
transition: opacity var(--sidebar__transition-duration) var(--sidebar__transition-easing);
position: fixed;
inset: 0
}
.common-layout_backdrop-V7jCK.common-layout_hidden-V7jCK {
opacity: 0;
pointer-events: none
}
.common-layout_sheet-V7jCK {
background: var(--sidebar-color-bg-grad, var(--sidebar-color-bg))
}
.common-layout_sleave-V7jCK {
-ms-overflow-style: none;
scrollbar-width: none
}
.common-layout_sleave-V7jCK::-webkit-scrollbar {
display: none
}
.common-layout_sleave-V7jCK {
overscroll-behavior: contain;
overflow-y: auto
}
.common-layout_content-V7jCK {
border-radius: inherit;
flex-direction: column;
min-height: 100%;
display: flex
}
.common-layout_content-V7jCK>* {
flex: none
}
.common-layout_content-V7jCK.common-layout_gap-V7jCK {
gap: var(--v6034308a)
}
.common-layout_sheet-V7jCK,
.common-layout_sleave-V7jCK {
height: calc(100dvh - var(--sidebar__vertical-indent-top) - var(--sidebar__vertical-indent-bottom));
border-radius: var(--sidebar-rounding-full);
inset-block: var(--sidebar__vertical-indent-top) var(--sidebar__vertical-indent-bottom);
position: fixed;
inset-inline-start: var(--sidebar__horizontal-indent)
}
.common-layout_hidden-V7jCK :is(.common-layout_sheet-V7jCK, .common-layout_sleave-V7jCK) {
inset-inline-start: 0
}
.common-layout_compact-V7jCK :is(.common-layout_sheet-V7jCK, .common-layout_sleave-V7jCK) {
border-radius: var(--sidebar-rounding-compact)
}
.common-layout_sheet-V7jCK,
.common-layout_content-V7jCK {
width: var(--sidebar__sheet-width);
transform: translateX(var(--sidebar__offset));
transition: transform var(--sidebar__transition-duration) var(--sidebar__transition-easing);
transition: width var(--common-layout__animation-duration) var(--common-layout__animation-easing)
}
[dir=rtl] :is(.common-layout_sheet-V7jCK, .common-layout_content-V7jCK) {
transform: translateX(calc(var(--sidebar__offset)*-1))
}
.common-layout_close-V7jCK {
transition: transform var(--sidebar__transition-duration) var(--sidebar__transition-easing), opacity var(--sidebar__transition-duration) var(--sidebar__transition-easing);
position: fixed;
inset-block-start: max(var(--spacing-16), var(--safe-area-inset-block-start));
inset-inline-end: max(var(--spacing-16), var(--safe-area-inset-inline-end))
}
.common-layout_close-V7jCK.common-layout_hidden-V7jCK {
opacity: 0;
transform: scale(0);
pointer-events: none
}
.fixed-append-slot_fixedAppend-4MqOS {
background: var(--sidebar-footer-color-bg);
gap: var(--spacing-8);
border-end-end-radius: inherit;
border-end-start-radius: inherit;
flex-direction: column;
display: flex;
position: sticky;
inset-block-end: 0
}
.fixed-append-slot_fixedAppend-4MqOS:before {
background: linear-gradient(to top, var(--sidebar-footer-color-shadow), transparent);
content: "";
pointer-events: none;
width: 100%;
height: 32px;
position: absolute;
inset-block-end: 100%;
inset-inline-start: 0
}
.variant-1_root-Qr2MW {
--sidebar__horizontal-indent: var(--spacing-0);
--sidebar__vertical-indent-top: var(--spacing-0);
--sidebar__vertical-indent-bottom: var(--spacing-0);
--sidebar__backdrop-background-color: var(--color-background-base-alfa-scrim);
--sidebar__border-width: var(--border-s);
--sidebar__desired-space: var(--sidebar-width-expanded);
--sidebar__sheet-desired-width: var(--sidebar-width-expanded)
}
.variant-1_root-Qr2MW.variant-1_compact-Qr2MW {
--sidebar__desired-space: var(--sidebar-width-collapsed);
--sidebar__sheet-desired-width: var(--sidebar-width-collapsed)
}
.variant-1_root-Qr2MW.variant-1_offscreen-Qr2MW {
--sidebar__desired-space: 0;
--sidebar__transition-duration: .25s;
--sidebar__transition-easing: cubic-bezier(.33, 1, .68, 1)
}
.variant-1_root-Qr2MW.variant-1_offscreen-Qr2MW.variant-1_hidden-Qr2MW {
--sidebar__offset: calc(var(--sidebar__sheet-width)*-1);
--sidebar__transition-duration: var(--sidebar__close-transition-duration);
--sidebar__transition-easing: cubic-bezier(.12, 0, .39, 0)
}
.variant-1_root-Qr2MW.variant-1_overlay-Qr2MW {
--sidebar__desired-space: var(--sidebar-width-collapsed)
}
.variant-1_root-Qr2MW {
--sidebar__sheet-width: calc(var(--sidebar__sheet-desired-width) + var(--safe-area-inset-inline-start))
}
.variant-1_sleave-Qr2MW {
--sleave__padding-block-start: max(var(--safe-area-inset-block-start), var(--spacing-16));
padding-block-start: var(--sleave__padding-block-start)
}
:is(.variant-1_sleave-Qr2MW .variant-1_content-Qr2MW):before {
z-index: 1;
top: calc(var(--sleave__padding-block-start)*-1);
width: var(--border-s);
height: calc(100% + var(--sleave__padding-block-start));
background: var(--sidebar-color-border);
content: "";
position: absolute;
inset-inline-end: 0
}
@media screen and (min-width:1024px) {
.variant-1_sleave-Qr2MW {
padding-inline-end: var(--spacing-20)
}
}
.variant-1_content-Qr2MW {
padding-inline-start: var(--safe-area-inset-inline-start);
position: relative
}
.variant-1_fixedAppend-Qr2MW {
padding-block-end: max(var(--safe-area-inset-block-end), var(--spacing-12))
}
.variant-1_root-Qr2MW.variant-1_compact-Qr2MW .variant-1_fixedAppend-Qr2MW {
padding-block-end: max(var(--safe-area-inset-block-end), var(--spacing-16))
}
.variant-2_root-nCKxt {
--sidebar__horizontal-indent: var(--spacing-8);
--sidebar__border-width: var(--border-s);
--sidebar__vertical-indent-top: calc(var(--safe-area-inset-block-start) + var(--spacing-12));
--sidebar__vertical-indent-bottom: max(var(--safe-area-inset-block-end), var(--spacing-8));
--sidebar__backdrop-background-color: var(--color-background-base-alfa-scrim);
--sidebar__desired-space: var(--sidebar-width-expanded);
--sidebar__sheet-desired-width: var(--sidebar-width-expanded)
}
.variant-2_root-nCKxt.variant-2_offsetTopHeader-nCKxt {
--sidebar__vertical-indent-top: var(--header__height)
}
.variant-2_root-nCKxt.variant-2_compact-nCKxt {
--sidebar__desired-space: var(--sidebar-width-collapsed);
--sidebar__sheet-desired-width: var(--sidebar-width-collapsed)
}
.variant-2_root-nCKxt.variant-2_offscreen-nCKxt {
--sidebar__desired-space: 0;
--sidebar__transition-duration: .3s;
--sidebar__transition-easing: cubic-bezier(.33, 1, .68, 1);
--sidebar__vertical-indent-top: calc(var(--header__height) + var(--spacing-12));
--sidebar__vertical-indent-bottom: calc(var(--tabbar-layout-height-with-safe-area) + var(--spacing-8))
}
.variant-2_root-nCKxt.variant-2_offscreen-nCKxt.variant-2_hidden-nCKxt {
--sidebar__offset: calc(var(--sidebar__sheet-width)*-1);
--sidebar__transition-duration: var(--sidebar__close-transition-duration);
--sidebar__transition-easing: cubic-bezier(.12, 0, .39, 0)
}
.variant-2_root-nCKxt.variant-2_overlay-nCKxt {
--sidebar__desired-space: var(--sidebar-width-collapsed)
}
.variant-2_root-nCKxt {
--sidebar__sheet-width: var(--sidebar__sheet-desired-width)
}
.variant-2_sleave-nCKxt {
padding-block-start: var(--spacing-12)
}
.variant-2_offsetTopHeader-nCKxt .variant-2_sleave-nCKxt {
padding-inline-end: 0
}
@media screen and (min-width:1024px) {
.variant-2_sleave-nCKxt {
padding-inline-end: var(--spacing-20)
}
}
.variant-2_offscreen-nCKxt:not(.variant-2_hidden-nCKxt) :is(.variant-2_sheet-nCKxt, .variant-2_sleave-nCKxt) {
inset-inline-start: calc(var(--sidebar__horizontal-indent) + var(--safe-area-inset-inline-start))
}
.variant-2_sheet-nCKxt:after {
border-style: solid;
border-width: 1px;
border-color: var(--sidebar-color-border);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.variant-2_sheet-nCKxt:after {
background: var(--sidebar-color-border-grad, var(--sidebar-color-border));
-webkit-mask-composite: xor;
border: none;
padding: 1px;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
.variant-2_fixedAppend-nCKxt {
margin: var(--sidebar__border-width);
padding-block-end: var(--spacing-12)
}
.variant-2_fixedAppend-nCKxt>div:first-child {
margin: calc(var(--sidebar__border-width)*-1)
}
.variant-3_root-VJoEV {
--sidebar__horizontal-indent: var(--spacing-8);
--sidebar__vertical-indent-top: var(--spacing-8);
--sidebar__vertical-indent-bottom: calc(var(--tabbar-layout-height-with-safe-area) + var(--spacing-24));
--sidebar__backdrop-background-color: var(--color-background-base-alfa-scrim);
--sidebar__border-width: var(--border-s)
}
@media screen and (min-width:1024px) {
.variant-3_root-VJoEV {
--sidebar__horizontal-indent: var(--spacing-0);
--sidebar__vertical-indent-top: var(--height-layout-header-mobile-with-safe-area);
--sidebar__vertical-indent-bottom: var(--spacing-0)
}
}
.variant-3_root-VJoEV {
--sidebar__desired-space: var(--sidebar-width-expanded);
--sidebar__sheet-desired-width: var(--sidebar-width-expanded)
}
.variant-3_root-VJoEV.variant-3_compact-VJoEV {
--sidebar__desired-space: var(--sidebar-width-collapsed);
--sidebar__sheet-desired-width: var(--sidebar-width-collapsed)
}
.variant-3_root-VJoEV.variant-3_offscreen-VJoEV {
--sidebar__desired-space: 0;
--sidebar__transition-duration: .25s;
--sidebar__transition-easing: cubic-bezier(.33, 1, .68, 1)
}
.variant-3_root-VJoEV.variant-3_offscreen-VJoEV.variant-3_hidden-VJoEV {
--sidebar__offset: calc(var(--sidebar__sheet-width)*-1);
--sidebar__transition-duration: var(--sidebar__close-transition-duration);
--sidebar__transition-easing: cubic-bezier(.12, 0, .39, 0)
}
.variant-3_root-VJoEV.variant-3_overlay-VJoEV {
--sidebar__desired-space: var(--sidebar-width-collapsed)
}
.variant-3_root-VJoEV {
--sidebar__sheet-width: calc(var(--sidebar__sheet-desired-width) + var(--safe-area-inset-inline-start))
}
.variant-3_overlay-VJoEV .variant-3_sleave-VJoEV {
padding-inline-end: var(--spacing-0)
}
@media screen and (min-width:1024px) {
.variant-3_sleave-VJoEV {
margin-inline-end: calc(var(--spacing-16)*-1);
padding-inline-end: var(--spacing-16)
}
}
.variant-3_sheet-VJoEV {
border: var(--border-s) solid var(--sidebar-color-border)
}
.variant-3_content-VJoEV {
padding-inline-start: var(--safe-area-inset-inline-start);
position: relative
}
.variant-3_fixedAppend-VJoEV {
border: var(--border-s) solid var(--sidebar-color-border);
--sidebar-footer-color-shadow: transparent
}
@media screen and (min-width:1024px) {
.variant-3_root-VJoEV {
grid-template-rows: 1fr;
grid-template-columns: 1fr;
height: 100%;
display: grid
}
.variant-3_sheet-VJoEV,
.variant-3_sleave-VJoEV {
grid-area: 1/1;
height: 100%;
position: relative;
inset: auto
}
}
.sidebar_root-NnJOQ {
z-index: var(--z-index-sidebar);
--header__height: var(--height-layout-header-mobile-with-safe-area);
--sidebar__close-transition-duration: var(--v696196bf);
height: 100%;
position: relative
}
@media screen and (min-width:1024px) {
.sidebar_root-NnJOQ {
--header__height: var(--height-layout-header-desktop-with-safe-area)
}
}
.sidebar_bypassTransition-NnJOQ :not(svg) {
transition-duration: 0s !important;
animation-duration: 0s !important
}
.sidebar_skeleton-NnJOQ {
width: var(--sidebar-width-expanded);
min-width: var(--sidebar-width-expanded);
height: calc(100dvh - var(--sidebar__vertical-indent-top) - var(--sidebar__vertical-indent-bottom));
border-radius: var(--sidebar-rounding-full);
margin-top: var(--sidebar__vertical-indent-top);
background: var(--color-background-base-alfa-neutral-8)
}
.sidebar_skeletonCompact-NnJOQ {
width: var(--sidebar-width-collapsed);
min-width: var(--sidebar-width-collapsed);
border-radius: var(--sidebar-rounding-compact)
}
.sidebar_skeleton1-NnJOQ,
.sidebar_skeleton3-NnJOQ {
--sidebar__vertical-indent-top: 0;
--sidebar__vertical-indent-bottom: 0
}
.sidebar_skeleton2-NnJOQ {
--sidebar__vertical-indent-top: calc(var(--safe-area-inset-block-start) + var(--spacing-8));
--sidebar__vertical-indent-bottom: max(var(--safe-area-inset-block-end), var(--spacing-8))
}
.sidebar_skeleton2-NnJOQ.sidebar_offsetTopHeader-NnJOQ {
--sidebar__vertical-indent-top: calc(var(--header-layout-height-desktop) + var(--safe-area-inset-block-start))
}
.sidebar_skeleton2-NnJOQ {
margin-inline-start: var(--spacing-8)
}
.sidebar-coin-shop-banner_root-AXgrR {
background: var(--v68e52168)
}
.sidebar-coin-shop-banner_text-AXgrR {
max-width: 52px
}
.sidebar-expand-button_root-Gj4Wt {
height: var(--sidebar-button-expand-divider-size-height);
background: var(--sidebar-button-expand-divider-color);
grid-template-columns: 1fr 0;
place-items: center;
display: grid
}
.sidebar-expand-button_toggle-Gj4Wt {
z-index: 2;
transition: opacity var(--sidebar-animation-duration) var(--sidebar-animation-bezier-ease);
grid-column: 2
}
.sidebar-expand-button_hidden-Gj4Wt:not(:focus-visible) {
opacity: 0;
pointer-events: none
}
.sidebar-footer-group_root-NnFyf {
padding: var(--spacing-12);
border-radius: 0 0 var(--rounding-24) var(--rounding-24);
background: var(--color-background-base-alt-primary);
justify-content: space-between;
align-items: center;
display: flex
}
.sidebar-footer-group_root-NnFyf.sidebar-footer-group_compact-NnFyf {
border-radius: 0 0 var(--rounding-20) var(--rounding-20);
justify-content: center;
gap: var(--spacing-12);
flex-direction: column
}
.sidebar-footer-group_rightGroup-NnFyf {
align-items: center;
gap: var(--spacing-4);
display: flex
}
.sidebar-footer-group_rightGroup-NnFyf.sidebar-footer-group_compact-NnFyf {
flex-direction: column
}
.sidebar-menu-section_root-yOihR {
gap: var(--spacing-4);
flex-direction: column;
display: flex
}
.variant-1_compact-Qr2MW .sidebar-menu-section_root-yOihR {
width: 100%;
align-items: center
}
.variant-1_compact-Qr2MW .sidebar-menu-section_root-yOihR .base_root-bJ6ql {
justify-content: center
}
.variant-1_compact-Qr2MW .sidebar-menu-section_root-yOihR .base_contentWrapper-bJ6ql {
display: none
}
.variant-1_compact-Qr2MW .sidebar-menu-section_root-yOihR .base_icon-bJ6ql {
margin-inline: auto
}
.variant-1_compact-Qr2MW .sidebar-slot_root-0R3rK.sidebar-slot_paddingInline-0R3rK:not(.sidebar-slot_gap-0R3rK) {
--b386e4f8: var(--spacing-8) !important
}
.variant-1_compact-Qr2MW .sidebar-slot_root-0R3rK.sidebar-slot_paddingInline-0R3rK.sidebar-slot_gap-0R3rK {
--b386e4f8: var(--spacing-8) !important
}
.sidebar-menu-section_showMoreIcon-yOihR {
color: var(--sidebar-menu-item-color-icon-default)
}
.sidebar-menu-section_icon-xs-yOihR {
--menu-icon__size: var(--spacing-12);
--menu-icon__padding: var(--spacing-0)
}
.sidebar-menu-section_icon-s-yOihR {
--menu-icon__size: var(--spacing-16);
--menu-icon__padding: var(--spacing-0)
}
.sidebar-menu-section_icon-m-yOihR {
--menu-icon__size: var(--spacing-24);
--menu-icon__padding: var(--spacing-2)
}
.sidebar-menu-section_icon-l-yOihR {
--menu-icon__size: var(--spacing-32);
--menu-icon__padding: var(--spacing-4)
}
.sidebar-menu-section_icon-xl-yOihR {
--menu-icon__size: var(--spacing-64);
--menu-icon__padding: var(--spacing-12)
}
.sidebar-menu-tabs_root-rB4hy {
justify-content: center;
display: flex
}
.sidebar-promo-banners_root-Ief3v {
gap: var(--spacing-8);
width: 100%;
display: grid
}
.sidebar-promo-banners_compact-Ief3v .sidebar-promo-banners_root-Ief3v {
gap: var(--spacing-16)
}
.sidebar-promo-banners_card-Ief3v {
width: 100%
}
.sidebar-promo-banners_bottomPromo-Ief3v {
gap: var(--spacing-8);
grid-template-columns: 3fr 2fr;
width: 100%;
display: grid
}
.sidebar-promo-banners_compact-Ief3v .sidebar-promo-banners_bottomPromo-Ief3v {
gap: var(--spacing-16);
grid-template-columns: 1fr
}
.sidebar-promo-banners_bottomPromo-Ief3v .sidebar-promo-banners_card-Ief3v:only-child {
grid-column: 1/-1
}
.sidebar-section-header_root-vGUMS {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height);
width: 100%;
padding: var(--spacing-8) var(--spacing-12);
color: var(--color-content-base-secondary);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.sidebar-separator_root-d1w9H {
height: 1px;
transition-duration: var(--sidebar-animation-duration);
transition-property: padding-inline;
transition-timing-function: var(--sidebar-animation-bezier-ease);
flex-shrink: 0;
display: flex;
position: relative
}
.sidebar-separator_root-d1w9H:before {
background: var(--cca156dc);
content: "";
width: 100%;
height: 100%
}
.sidebar-separator_root-d1w9H.sidebar-separator_paddingInline-d1w9H {
padding-inline: var(--v0331d026)
}
.sidebar-slot_root-0R3rK {
align-items: var(--v39ee6a81);
transition-duration: var(--sidebar-animation-duration);
transition-property: padding-block, padding-inline, gap;
transition-timing-function: var(--sidebar-animation-bezier-ease);
flex-direction: column;
display: flex
}
.sidebar-slot_root-0R3rK:empty {
display: none
}
.sidebar-slot_root-0R3rK.sidebar-slot_paddingBlock-0R3rK {
padding-block: var(--edcb5f7c)
}
.sidebar-slot_root-0R3rK.sidebar-slot_paddingInline-0R3rK {
padding-inline: var(--b386e4f8)
}
.sidebar-slot_root-0R3rK.sidebar-slot_gap-0R3rK {
gap: var(--v565f92d0)
}
.sidebar-slot_root-0R3rK.sidebar-slot_fullHeight-0R3rK {
flex-grow: 1
}
.sidebar-slot_root-0R3rK:before,
.sidebar-slot_root-0R3rK:after {
width: 100%;
height: var(--border-s);
background: var(--color-border-base-alfa-divider);
content: "";
display: none
}
.sidebar-slot_root-0R3rK.sidebar-slot_separatorPrepend-0R3rK:before,
.sidebar-slot_root-0R3rK.sidebar-slot_separatorAppend-0R3rK:after {
display: block
}
.sidebar-social-and-lang_root-27UXT {
justify-content: space-between;
gap: var(--spacing-8);
display: flex
}
.sidebar-social-and-lang_root-27UXT.sidebar-social-and-lang_compact-27UXT {
flex-direction: column
}
.sidebar-social-and-lang_root-27UXT:not(.sidebar-social-and-lang_compact-27UXT) .sidebar-social-and-lang_socialButtons-27UXT {
flex-grow: 1000
}
.sidebar-social-and-lang_root-27UXT:not(.sidebar-social-and-lang_compact-27UXT) .sidebar-social-and-lang_langPicker-27UXT {
flex-grow: 1
}
.sidebar-social-and-lang_itemMove-27UXT {
transition-duration: var(--sidebar-animation-duration);
transition-property: transform;
transition-timing-function: var(--sidebar-animation-bezier-ease)
}
.tab_maskedIcon-v32LC {
background-color: var(--tabbar-new-color-icon-default);
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: 100%;
mask-size: 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat
}
.tab_variant-accent-v32LC .tab_maskedIcon-v32LC {
background: var(--tabbar-new-color-icon-graphic-grad, var(--tabbar-new-color-icon-graphic))
}
.tab_root-v32LC {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-xs-font-size);
font-weight: var(--font-caption-xs-semibold-font-weight);
letter-spacing: var(--font-caption-xs-letter-spacing);
line-height: var(--font-caption-xs-line-height);
background-color: unset;
width: 100%;
height: 100%;
color: var(--tabbar-new-color-fg-default);
cursor: pointer;
padding-block: var(--tabbar-new-padding-item-top) var(--tabbar-new-padding-item-bottom);
padding-inline: var(--tabbar-new-padding-item-left) var(--tabbar-new-padding-item-right);
-webkit-user-select: none;
user-select: none;
white-space: nowrap;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.tab_root-v32LC.tab_active-v32LC,
.tab_root-v32LC.tab_enableLinkActive-v32LC.router-link-active {
color: var(--tabbar-new-color-fg-selected)
}
:is(.tab_root-v32LC.tab_active-v32LC, .tab_root-v32LC.tab_enableLinkActive-v32LC.router-link-active):not(.tab_variant-accent-v32LC) .tab_maskedIcon-v32LC {
background-color: var(--tabbar-new-color-icon-selected)
}
.tab_title-v32LC {
margin-top: auto
}
.tab_iconWrapper-v32LC {
justify-content: center;
align-items: center;
width: 100%;
height: 24px;
display: flex;
position: relative
}
.tab_hiddenIcon-v32LC {
visibility: hidden;
width: 0;
height: 0
}
.tab_badgeTargetWrapper-v32LC {
position: relative
}
.tab_variant-accent-v32LC .tab_badgeTargetWrapper-v32LC {
z-index: 1;
width: var(--tabbar-new-size-graphic-width);
height: var(--tabbar-new-size-graphic-height);
border-radius: var(--rounding-max);
background: var(--a0238dd4);
padding-block: 0 var(--tabbar-new-compensator);
background-size: 100% 100%;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset-block-start: 0;
transform: translateY(calc(2px - 50%))
}
.tab_variant-accent-v32LC:not(.tab_hasCustomIcon-v32LC) .tab_badgeTargetWrapper-v32LC {
width: var(--tabbar-new-size-ellipse-width);
height: var(--tabbar-new-size-ellipse-height);
aspect-ratio: 1;
background: var(--tabbar-new-item-ellipse-color)
}
.tab_badge-v32LC {
position: absolute
}
.tab_badge-v32LC.tab_size-s-v32LC {
inset-block-end: 55%;
inset-inline-start: 67%
}
.tab_badge-v32LC.tab_size-xs-v32LC {
inset-block-end: 70%;
inset-inline-start: 82%
}
.tab_indicator-v32LC {
border-radius: 0 0 var(--rounding-4) var(--rounding-4);
width: 28px;
height: 3px;
position: absolute;
top: 1px
}
.tab_active-v32LC .tab_indicator-v32LC,
.tab_enableLinkActive-v32LC.router-link-active .tab_indicator-v32LC {
background: var(--tabbar-new-item-indicator-color)
}
.tabbar_root-Jhxsu {
border-radius: var(--tabbar-new-rounding-layout) var(--tabbar-new-rounding-layout) 0 0;
background: var(--tabbar-new-color-bg-default-grad, var(--tabbar-new-color-bg-default));
justify-content: center;
width: 100%;
display: flex
}
.tabbar_root-Jhxsu:after {
border-width: var(--border-s) 0 0 0;
border-style: solid;
border-color: var(--tabbar-new-color-border-layout);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.tabbar_root-Jhxsu:after {
padding: var(--border-s) 0 0 0;
background: var(--tabbar-new-color-border-layout);
-webkit-mask-composite: xor;
border: none;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
.tabbar_tabsWrapper-Jhxsu {
width: calc(100% - var(--safe-area-inset-right) - var(--safe-area-inset-left));
height: var(--tabbar-layout-height-with-safe-area);
padding-block: var(--tabbar-new-padding-layout-top) var(--tabbar-layout-padding-bottom-with-safe-area);
padding-inline: var(--tabbar-new-padding-layout-left) var(--tabbar-new-padding-layout-right);
flex-direction: column;
display: flex
}
.tabbar_tabs-Jhxsu {
will-change: transform;
flex-grow: 1;
margin: 0;
padding: 0;
display: flex;
position: relative
}
.tabbar_tabs-Jhxsu:after {
border-width: var(--border-s);
border-style: solid;
border-color: var(--tabbar-new-color-border-surface);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.tabbar_tabs-Jhxsu:after {
padding: var(--border-s);
background: var(--tabbar-new-color-border-surface-grad, var(--tabbar-new-color-border-surface));
-webkit-mask-composite: xor;
border: none;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
.tabbar_tabs-Jhxsu:before {
z-index: -1;
height: var(--tabbar-new-size-surface);
border-radius: var(--tabbar-new-rounding-surface-top-left) var(--tabbar-new-rounding-surface-top-right) var(--tabbar-new-rounding-surface-bottom-right) var(--tabbar-new-rounding-surface-bottom-left);
background: var(--tabbar-new-color-bg-surface);
content: "";
top: 0;
position: absolute;
inset-inline: 0
}
.tabbar_tabs-Jhxsu:after {
height: var(--tabbar-new-size-surface);
border-radius: var(--tabbar-new-rounding-surface-top-left) var(--tabbar-new-rounding-surface-top-right) var(--tabbar-new-rounding-surface-bottom-right) var(--tabbar-new-rounding-surface-bottom-left)
}
.tabbar_tab-Jhxsu {
flex: 1 1 0;
list-style-type: none
}
.tabbar_root-PnRyY {
z-index: var(--z-index-tabbar);
transition-property: z-index;
transition-delay: .5s;
position: fixed;
bottom: 0;
left: 0;
right: 0
}
.tabbar_root-PnRyY.tabbar_forOverlaySidebar-PnRyY {
z-index: calc(var(--z-index-sidebar) + 1);
transition-delay: 0s
}
@media screen and (min-width:1024px) {
.tabbar_root-GF1qe {
display: none
}
}
@media screen and (max-width:1023.98px) {
.tabbar_root-GF1qe {
display: flex
}
html:not(.is-mobile-sidebar-open) .variant-1_root-Qr2MW {
--sidebar__desired-space: 0;
--sidebar__offset: calc(var(--sidebar__sheet-width) * -1)
}
html:not(.is-mobile-sidebar-open) .variant-1_root-Qr2MW :is(.common-layout_sheet-V7jCK, .common-layout_sleave-V7jCK) {
transform: translateX(var(--sidebar__offset));
pointer-events: none;
visibility: hidden
}
html[dir=rtl]:not(.is-mobile-sidebar-open) .variant-1_root-Qr2MW :is(.common-layout_sheet-V7jCK, .common-layout_sleave-V7jCK) {
transform: translateX(calc(var(--sidebar__offset) * -1))
}
html:not(.is-mobile-sidebar-open) .common-layout_space-V7jCK {
width: 0
}
.variant-1_root-Qr2MW.variant-1_offscreen-Qr2MW {
--sidebar__desired-space: 0
}
.variant-1_root-Qr2MW.variant-1_offscreen-Qr2MW:not(.variant-1_hidden-Qr2MW) {
--sidebar__offset: 0
}
.variant-1_root-Qr2MW.variant-1_offscreen-Qr2MW.variant-1_hidden-Qr2MW :is(.common-layout_sheet-V7jCK, .common-layout_sleave-V7jCK) {
transform: translateX(var(--sidebar__offset));
pointer-events: none;
visibility: hidden
}
[dir=rtl] .variant-1_root-Qr2MW.variant-1_offscreen-Qr2MW.variant-1_hidden-Qr2MW :is(.common-layout_sheet-V7jCK, .common-layout_sleave-V7jCK) {
transform: translateX(calc(var(--sidebar__offset) * -1))
}
.sidebar-expand-button_root-Gj4Wt {
display: none
}
html.is-mobile-sidebar-open,
html.is-mobile-sidebar-open body {
overflow: hidden
}
html.is-mobile-sidebar-open .sidebar_root-NnJOQ {
z-index: calc(var(--z-index-header) + 2);
width: auto;
height: auto;
position: fixed;
inset: 0
}
html.is-mobile-sidebar-open .variant-1_root-Qr2MW {
--sidebar__offset: 0;
--sidebar__sheet-desired-width: var(--sidebar-width-expanded);
--sidebar__desired-space: 0
}
html.is-mobile-sidebar-open .common-layout_backdrop-V7jCK {
opacity: 1;
pointer-events: auto
}
html.is-mobile-sidebar-open :is(.common-layout_sheet-V7jCK, .common-layout_sleave-V7jCK) {
visibility: visible;
pointer-events: auto;
transform: translateX(0)
}
header.variant-1_root-4ujUm {
padding-inline: var(--spacing-12)
}
header.variant-1_root-4ujUm .variant-1_content-4ujUm {
gap: var(--spacing-8)
}
header.variant-1_root-4ujUm .variant-1_trailing-4ujUm {
flex-shrink: 0;
gap: 0
}
header.variant-1_root-4ujUm .segment-control_root-iPDmR {
display: none
}
header.variant-1_root-4ujUm .variant-1_fullLogo-4ujUm {
display: none
}
header.variant-1_root-4ujUm:not(.variant-1_isCompactLogo-4ujUm) .variant-1_compactLogo-4ujUm,
header.variant-1_root-4ujUm .variant-1_compactLogo-4ujUm {
display: flex;
opacity: 1;
pointer-events: auto;
position: relative
}
header.variant-1_root-4ujUm .variant-1_leading-4ujUm {
gap: var(--spacing-8);
flex: 1 1 auto;
min-width: 0
}
header.variant-1_root-4ujUm .buttons_root-CmW73 {
flex-shrink: 0;
gap: var(--spacing-8)
}
header.variant-1_root-4ujUm .buttons_root-CmW73 .base_size-xl-ZOkD4 {
--button-height: var(--size-control-m);
--button-padding: var(--spacing-8);
--button-radius: var(--button-rounding-m)
}
header.variant-1_root-4ujUm .buttons_root-CmW73 .base_view-ZOkD4 {
width: auto
}
header.variant-1_root-4ujUm .buttons_root-CmW73 .base_content-ZOkD4 {
white-space: nowrap
}
header.variant-1_root-4ujUm .variant-1_balance-4ujUm {
flex: 0 1 auto;
min-width: 0
}
header.variant-1_root-4ujUm .header-balance-v2_root-rIJmX {
width: auto;
max-width: 100%;
padding-inline: var(--spacing-8) var(--spacing-4)
}
}
@media screen and (max-width:359.98px) {
header.variant-1_root-4ujUm {
padding-inline: var(--spacing-8)
}
header.variant-1_root-4ujUm .variant-1_content-4ujUm,
header.variant-1_root-4ujUm .variant-1_leading-4ujUm,
header.variant-1_root-4ujUm .buttons_root-CmW73 {
gap: var(--spacing-4)
}
}
.games-section_root-3Ztcg {
flex-direction: column;
display: flex
}
.games-section_trailing-3Ztcg {
margin-inline-end: auto
}
.games-section_middleSlotHover-3Ztcg .games-section_trailing-3Ztcg {
margin-inline-end: 0
}
.games-section_header-3Ztcg {
margin-bottom: var(--spacing-12);
align-items: center;
gap: 16px;
display: flex
}
.games-section_middleSlotHover-3Ztcg .games-section_header-3Ztcg {
gap: 8px
}
@media (min-width:1024px) {
.games-section_header-3Ztcg {
margin-bottom: var(--spacing-16)
}
}
.games-section_middleSlotHover-3Ztcg .games-section_middle-3Ztcg {
opacity: 0;
pointer-events: none;
margin-inline-end: auto
}
.games-section_middleSlotHover-3Ztcg:hover .games-section_middle-3Ztcg,
.games-section_middleSlotHover-3Ztcg:focus-within .games-section_middle-3Ztcg {
opacity: 1;
pointer-events: auto
}
.title_root-jwKYQ {
align-items: center;
gap: var(--spacing-8);
display: flex
}
@media (min-width:1024px) {
.title_root-jwKYQ {
gap: var(--spacing-12)
}
}
.title_root-h1-jwKYQ {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h1-mobile-font-size);
font-weight: var(--font-headline-h1-mobile-font-weight);
letter-spacing: var(--font-headline-h1-mobile-letter-spacing);
line-height: var(--font-headline-h1-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.title_root-h1-jwKYQ {
font-size: var(--font-headline-h1-desktop-font-size);
font-weight: var(--font-headline-h1-desktop-font-weight);
letter-spacing: var(--font-headline-h1-desktop-letter-spacing);
line-height: var(--font-headline-h1-desktop-line-height)
}
}
.title_root-h4-jwKYQ {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h4-mobile-font-size);
font-weight: var(--font-headline-h4-mobile-font-weight);
letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
line-height: var(--font-headline-h4-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.title_root-h4-jwKYQ {
font-size: var(--font-headline-h4-desktop-font-size);
font-weight: var(--font-headline-h4-desktop-font-weight);
letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
line-height: var(--font-headline-h4-desktop-line-height)
}
}
.title_title-jwKYQ {
color: var(--color-content-base-primary)
}
.title_icon-jwKYQ {
width: var(--size-control-xxs);
height: auto;
color: var(--neutral-light-3)
}
@media (min-width:1024px) {
.title_icon-jwKYQ {
width: var(--size-control-s)
}
}
.title_iconBox-jwKYQ {
border-radius: var(--rounding-container-xs);
background-color: var(--v47ea9150);
color: var(--color-content-base-static-white)
}
.games-grid_carousel-iixhO,
.games-grid_carousel-modal-iixhO {
padding: var(--spacing-12) var(--container__padding);
margin: calc(var(--spacing-12)*-1) calc(var(--container__padding)*-1);
scroll-snap-type: x mandatory;
-ms-overflow-style: none;
scrollbar-width: none;
flex-wrap: nowrap;
display: flex;
overflow-x: auto
}
:is(.games-grid_carousel-iixhO, .games-grid_carousel-modal-iixhO)::-webkit-scrollbar {
display: none
}
.games-grid_carousel-iixhO,
.games-grid_carousel-modal-iixhO {
gap: 12px var(--spacing-8)
}
@media (min-width:1024px) {
.games-grid_carousel-iixhO,
.games-grid_carousel-modal-iixhO {
gap: 16px var(--spacing-16);
padding: var(--spacing-12) var(--spacing-8);
margin: calc(var(--spacing-12)*-1) calc(var(--spacing-8)*-1)
}
:is(.games-grid_carousel-iixhO, .games-grid_carousel-modal-iixhO)>* {
scroll-margin: var(--spacing-8)
}
}
:is(.games-grid_carousel-iixhO, .games-grid_carousel-modal-iixhO)>* {
scroll-margin: var(--container__padding);
scroll-snap-align: start;
flex-shrink: 0
}
.games-grid_carousel-iixhO {
gap: 12px var(--spacing-8)
}
@media (min-width:1024px) {
.games-grid_carousel-iixhO {
gap: 16px var(--spacing-16)
}
}
.games-grid_carousel-iixhO>* {
width: calc(33.3333% - var(--spacing-8)*2/3)
}
@media (min-width:768px) {
.games-grid_carousel-iixhO>* {
width: calc(16.6667% - var(--spacing-8)*5/6)
}
}
@media (min-width:1024px) {
.games-grid_carousel-iixhO>* {
width: calc(16.6667% - var(--spacing-16)*5/6)
}
}
@media (min-width:1440px) {
.games-grid_carousel-iixhO>* {
width: calc(16.6667% - var(--spacing-16)*5/6)
}
}
@media (min-width:1920px) {
.games-grid_carousel-iixhO>* {
width: calc(16.6667% - var(--spacing-16)*5/6)
}
}
.games-grid_carousel-modal-iixhO {
gap: 12px var(--spacing-8)
}
@media (min-width:1024px) {
.games-grid_carousel-modal-iixhO {
gap: 16px var(--spacing-8)
}
}
.games-grid_carousel-modal-iixhO>* {
width: calc(33.3333% - var(--spacing-8)*2/3)
}
@media (min-width:768px) {
.games-grid_carousel-modal-iixhO>* {
width: calc(16.6667% - var(--spacing-8)*5/6)
}
}
@media (min-width:1024px) {
.games-grid_carousel-modal-iixhO>* {
width: calc(20% - var(--spacing-8)*4/5)
}
}
.games-grid_list-iixhO,
.games-grid_list-modal-iixhO,
.games-grid_list-search-iixhO {
grid-template-columns: repeat(3, 1fr);
display: grid
}
.games-grid_list-iixhO {
gap: 12px var(--spacing-8)
}
@media (min-width:1024px) {
.games-grid_list-iixhO {
gap: 16px var(--spacing-16)
}
}
@media (min-width:768px) {
.games-grid_list-iixhO {
grid-template-columns: repeat(6, 1fr)
}
}
@media (min-width:1024px) {
.games-grid_list-iixhO {
grid-template-columns: repeat(6, 1fr)
}
}
@media (min-width:1440px) {
.games-grid_list-iixhO {
grid-template-columns: repeat(6, 1fr)
}
}
@media (min-width:1920px) {
.games-grid_list-iixhO {
grid-template-columns: repeat(6, 1fr)
}
}
.games-grid_list-modal-iixhO {
gap: 12px var(--spacing-8)
}
@media (min-width:1024px) {
.games-grid_list-modal-iixhO {
gap: 16px var(--spacing-8)
}
}
@media (min-width:768px) {
.games-grid_list-modal-iixhO {
grid-template-columns: repeat(6, 1fr)
}
}
@media (min-width:1024px) {
.games-grid_list-modal-iixhO {
grid-template-columns: repeat(5, 1fr)
}
}
.games-grid_list-search-iixhO {
gap: 12px var(--spacing-8)
}
@media (min-width:1024px) {
.games-grid_list-search-iixhO {
gap: 16px var(--spacing-8)
}
}
@media (min-width:768px) {
.games-grid_list-search-iixhO {
grid-template-columns: repeat(6, 1fr)
}
}
@media (min-width:1440px) {
.games-grid_list-search-iixhO {
grid-template-columns: repeat(6, 1fr)
}
}
.countdown_root-oVZmF {
width: fit-content;
min-height: 20px;
padding: var(--spacing-2) var(--spacing-8);
border-radius: var(--rounding-max);
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
align-items: center;
gap: var(--spacing-4);
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
display: inline-flex
}
.countdown_root-oVZmF.countdown_size-xs-oVZmF {
gap: var(--spacing-2);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-xs-font-size);
font-weight: var(--font-caption-xs-semibold-font-weight);
letter-spacing: var(--font-caption-xs-letter-spacing);
line-height: var(--font-caption-xs-line-height)
}
.countdown_root-oVZmF.countdown_size-s-oVZmF {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height)
}
.countdown_root-oVZmF.countdown_size-l-oVZmF {
padding: var(--spacing-4) var(--spacing-8)
}
.countdown_root-oVZmF.countdown_variant-neutral-oVZmF {
background: var(--countdown-color-promo-bg)
}
.countdown_root-oVZmF.countdown_variant-static-white-oVZmF {
background: var(--color-background-base-static-white)
}
.countdown_root-oVZmF.countdown_variant-static-white-secondary-oVZmF {
background: var(--color-background-base-alfa-static-white-20)
}
.countdown_root-oVZmF.countdown_segmented-oVZmF {
gap: var(--spacing-0);
background: 0 0;
padding: 0
}
.countdown_time-oVZmF {
color: var(--color-content-base-primary);
text-align: center
}
.countdown_variant-static-white-oVZmF .countdown_time-oVZmF {
color: var(--color-content-base-static-black)
}
.countdown_variant-static-white-secondary-oVZmF .countdown_time-oVZmF {
color: var(--color-content-base-static-white, #fff)
}
.countdown_segmented-oVZmF .countdown_time-oVZmF {
min-width: 24px;
padding: var(--spacing-2) var(--spacing-4);
border-radius: var(--rounding-6);
background: var(--countdown-color-promo-bg)
}
.countdown_variant-static-white-oVZmF :is(.countdown_segmented-oVZmF .countdown_time-oVZmF) {
background: var(--color-background-base-static-white)
}
.countdown_variant-static-white-secondary-oVZmF :is(.countdown_segmented-oVZmF .countdown_time-oVZmF) {
background: var(--color-background-base-alfa-static-white-24)
}
.countdown_size-l-oVZmF :is(.countdown_segmented-oVZmF .countdown_time-oVZmF) {
min-width: 28px;
padding: var(--spacing-4);
border-radius: var(--rounding-8)
}
.countdown_size-s-oVZmF :is(.countdown_segmented-oVZmF .countdown_time-oVZmF) {
min-width: 20px
}
.countdown_size-xs-oVZmF :is(.countdown_segmented-oVZmF .countdown_time-oVZmF) {
min-width: 18px
}
.countdown_separator-oVZmF {
min-width: 5px;
color: var(--color-content-base-secondary);
text-align: center
}
.countdown_variant-static-white-oVZmF .countdown_separator-oVZmF {
color: var(--color-content-base-alfa-static-black-40)
}
.countdown_variant-static-white-secondary-oVZmF .countdown_separator-oVZmF {
color: var(--color-content-base-alfa-static-white-64)
}
.countdown_variant-static-white-oVZmF :is(.countdown_segmented-oVZmF .countdown_separator-oVZmF) {
color: var(--color-content-base-alfa-static-white-48)
}
.countdown_size-s-oVZmF :is(.countdown_segmented-oVZmF .countdown_separator-oVZmF) {
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height)
}
.countdown_size-xs-oVZmF :is(.countdown_segmented-oVZmF .countdown_separator-oVZmF) {
min-width: 4px
}
.button_root-Q7NP0 {
white-space: nowrap
}
.button_arrow-Q7NP0 {
color: var(--color-content-base-secondary)
}
.arrows_root-7YoI1 {
gap: var(--spacing-4);
display: flex
}
.tournaments-badge_badge-V1E9e {
padding: var(--spacing-2) var(--spacing-6);
border-radius: var(--rounding-container-m);
color: var(--color-content-base-static-white);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height)
}
.tournaments-badge_status-active-V1E9e {
background-color: var(--badge-new-tournament-active-color-bg);
color: var(--badge-new-tournament-active-color-fg)
}
.tournaments-badge_status-completed-V1E9e {
background-color: var(--badge-new-tournament-ended-color-bg);
color: var(--badge-new-tournament-ended-color-fg)
}
.tournaments-badge_status-soon-V1E9e {
background-color: var(--badge-new-tournament-soon-color-bg);
color: var(--badge-new-tournament-soon-color-fg)
}
.tournament-card-bottom_root-T88G3 {
width: 100%;
height: 72px;
padding: 0 var(--spacing-12);
border-radius: var(--rounding-container-m);
background-color: var(--color-background-base-secondary);
outline: 1px solid var(--color-border-base-alfa-divider);
border-top-left-radius: 0;
border-top-right-radius: 0;
justify-content: space-between;
align-items: center;
display: flex
}
.tournament-card-bottom_timer-T88G3 {
gap: var(--spacing-8);
flex-direction: column;
display: flex
}
.tournament-card-bottom_timerLabel-T88G3 {
color: var(--color-content-base-secondary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.tournament-card-bottom_actions-T88G3 {
gap: var(--spacing-8);
display: flex
}
.tournament-card-bottom_dateRange-T88G3 {
color: var(--color-content-base-primary);
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height)
}
.tournament-card-bottom_detailsButton-T88G3 {
width: fit-content
}
.tournament-card-bottom_navigation-T88G3 {
gap: var(--spacing-8);
display: flex
}
.tournament-card_card-BhLDd {
border: 1px solid var(--color-border-base-alfa-divider);
border-radius: var(--rounding-container-m);
background: var(--neutral-dark-2);
width: 100%;
min-width: 328px;
color: var(--color-content-base-static-white);
display: block;
position: relative;
overflow: hidden
}
.tournament-card_card-BhLDd.tournament-card_fixedWidth-BhLDd {
width: 328px
}
.tournament-card_badge-BhLDd {
z-index: 2;
position: absolute;
inset-block-start: var(--spacing-16);
inset-inline-start: var(--spacing-16)
}
.tournament-card_container-BhLDd {
z-index: 1;
height: 172px;
padding: var(--spacing-16);
flex-direction: column;
display: flex;
position: relative
}
.tournament-card_content-BhLDd {
z-index: 1;
gap: var(--spacing-4);
flex-direction: column;
margin-top: auto;
display: flex;
position: relative
}
.tournament-card_content-BhLDd.tournament-card_contentWithoutDescription-BhLDd {
padding-top: var(--spacing-16)
}
.tournament-card_title-BhLDd {
max-width: 55%
}
.tournament-card_prize-BhLDd {
letter-spacing: -1.8px;
font-size: 30px;
font-weight: 700;
line-height: 36px
}
.tournament-card_description-BhLDd {
color: var(--color-content-base-secondary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.tournament-card_img-BhLDd {
z-index: 0;
pointer-events: none;
height: 100%;
position: absolute;
inset-block-start: 0;
inset-inline-end: 0
}
.tournament-card_cardBottom-BhLDd {
z-index: 1;
position: relative
}
.tournaments-section-mobile_screenWideCard-jl6WP {
width: calc(100vw - var(--spacing-16)*2)
}
.tournaments-section-desktop_tournamentsWrapper-tuqb4 {
width: 100%;
position: relative;
overflow: hidden
}
.tournaments-section-desktop_slidesContainer-tuqb4 {
--f825f140: 1;
will-change: transform;
width: 100%;
transition: transform .3s;
display: flex
}
@media (min-width: 768px) {
.tournaments-section-desktop_slidesContainer-tuqb4 {
--f825f140: 2
}
}
@media (min-width: 1024px) {
.tournaments-section-desktop_slidesContainer-tuqb4 {
--f825f140: 3
}
}
.tournaments-section-desktop_slide-tuqb4 {
box-sizing: border-box;
flex: 0 0 calc(100% / var(--f825f140, 3));
max-width: calc(100% / var(--f825f140, 3));
min-width: 0;
-webkit-user-select: none;
user-select: none;
padding-right: 8px
}
.tournaments-section-desktop_slide-tuqb4 .tournament-card_card-BhLDd {
min-width: 0;
width: 100%
}
.tournaments-section-desktop_slide-tuqb4:focus-visible {
outline: none
}
.tournaments-section-widget_container-9E7yR {
padding: var(--spacing-12) var(--container__padding);
margin: calc(var(--spacing-12)*-1) calc(var(--container__padding)*-1)
}
.tournaments-section-widget_container-9E7yR>* {
scroll-margin: var(--container__padding)
}
@media (min-width:1024px) {
.tournaments-section-widget_container-9E7yR {
padding: var(--spacing-12) var(--spacing-8);
margin: calc(var(--spacing-12)*-1) calc(var(--spacing-8)*-1)
}
.tournaments-section-widget_container-9E7yR>* {
scroll-margin: var(--spacing-8)
}
}
.arrows-scroll-view_root-lRygf {
border-radius: inherit;
--scroll-view-background: var(--ad0974a6);
--scroll-view-shadow-size: 130px;
--scroll-view-buttons-offset: var(--v30255b7c);
--scroll-view-offset-position: var(--bf96904a);
--scroll-view-arrow-z-index: var(--v41556b61);
align-items: center;
display: flex;
position: relative
}
.arrows-scroll-view_content-lRygf {
z-index: 0;
max-width: 100%
}
.arrows-scroll-view_secondary-lRygf .arrows-scroll-view_content-lRygf {
width: 100%
}
.arrows-scroll-view_secondary-lRygf {
--scroll-view-shadow-size: 120px;
--scroll-view-buttons-offset: 40px;
--scroll-view-offset-position: -40px
}
.arrows-scroll-view_button-lRygf {
z-index: var(--scroll-view-arrow-z-index)
}
.arrows-scroll-view_scrollForwardButton-lRygf,
.arrows-scroll-view_scrollBackButton-lRygf {
border-radius: inherit;
opacity: 1;
align-items: center;
height: 100%;
display: flex;
position: absolute
}
:is(.arrows-scroll-view_scrollForwardButton-lRygf, .arrows-scroll-view_scrollBackButton-lRygf):before {
width: var(--scroll-view-shadow-size);
border-radius: inherit;
content: "";
pointer-events: none;
height: 100%;
position: absolute
}
.arrows-scroll-view_hidden-lRygf:is(.arrows-scroll-view_scrollForwardButton-lRygf, .arrows-scroll-view_scrollBackButton-lRygf) {
opacity: 0;
pointer-events: none
}
.arrows-scroll-view_scrollBackButton-lRygf {
inset-inline-start: var(--scroll-view-buttons-offset)
}
.arrows-scroll-view_scrollBackButton-lRygf:before {
background-image: linear-gradient(90deg, var(--scroll-view-background) 0%, var(--scroll-view-background) 30%, #fff0 100%);
inset-inline-start: var(--scroll-view-offset-position)
}
[dir=rtl] .arrows-scroll-view_scrollBackButton-lRygf:before {
background-image: linear-gradient(-90deg, var(--scroll-view-background) 0%, var(--scroll-view-background) 30%, #fff0 100%)
}
.arrows-scroll-view_scrollForwardButton-lRygf {
inset-inline-end: var(--scroll-view-buttons-offset)
}
.arrows-scroll-view_scrollForwardButton-lRygf:before {
background-image: linear-gradient(90deg, #fff0 0%, var(--scroll-view-background) 70%, var(--scroll-view-background) 100%);
inset-inline-end: var(--scroll-view-offset-position)
}
[dir=rtl] .arrows-scroll-view_scrollForwardButton-lRygf:before {
background-image: linear-gradient(-90deg, #fff0 0%, var(--scroll-view-background) 70%, var(--scroll-view-background) 100%)
}
.arrows-scroll-view_backSecondary-lRygf,
.arrows-scroll-view_forwardSecondary-lRygf {
opacity: 0;
pointer-events: none
}
@media (min-width:768px) {
.arrows-scroll-view_backSecondary-lRygf,
.arrows-scroll-view_forwardSecondary-lRygf {
opacity: 1;
pointer-events: all
}
}
:is(.arrows-scroll-view_backSecondary-lRygf, .arrows-scroll-view_forwardSecondary-lRygf) .arrows-scroll-view_button-lRygf {
opacity: 0;
pointer-events: none
}
@media (min-width:768px) {
:is(.arrows-scroll-view_backSecondary-lRygf, .arrows-scroll-view_forwardSecondary-lRygf) .arrows-scroll-view_button-lRygf {
opacity: 1;
pointer-events: all
}
}
@media (pointer:coarse) {
.arrows-scroll-view_scrollForwardButton-lRygf,
.arrows-scroll-view_scrollBackButton-lRygf {
display: none
}
}
.seo-content_root-9GvPc :is(div, div>section) {
align-items: flex-start;
gap: var(--spacing-12);
--table-border-spacing: 1px;
flex-direction: column;
max-width: 100%;
display: flex
}
:is(.seo-content_root-9GvPc :is(div, div>section)) :has(>div>div>table) {
width: 100%;
padding-block: var(--spacing-8)
}
:is(.seo-content_root-9GvPc :is(div, div>section)) :has(>div>table) {
border-radius: var(--rounding-container-m);
width: 100%;
position: relative;
overflow: hidden
}
:is(.seo-content_root-9GvPc :is(div, div>section)) :has(>table) {
width: 100%;
overflow-x: auto
}
:is(:is(.seo-content_root-9GvPc :is(div, div>section)) :has(>table))::-webkit-scrollbar {
height: 10px
}
:is(:is(.seo-content_root-9GvPc :is(div, div>section)) :has(>table))::-webkit-scrollbar-track {
background-color: var(--color-background-base-secondary)
}
:is(:is(.seo-content_root-9GvPc :is(div, div>section)) :has(>table))::-webkit-scrollbar-thumb {
border: 4px solid var(--color-background-base-secondary);
border-radius: var(--rounding-max);
background-color: var(--color-background-base-alfa-neutral-12)
}
:is(:is(.seo-content_root-9GvPc :is(div, div>section)) :has(>table)) .seo-content_shadowWrapper-9GvPc {
width: calc(var(--table-width-column) + 20px);
height: calc(var(--table-height) - var(--table-border-spacing)*2);
position: absolute;
inset-block-start: var(--table-border-spacing);
inset-inline-start: 0;
overflow: hidden
}
:is(:is(.seo-content_root-9GvPc :is(div, div>section)) :has(>table)) .seo-content_shadow-9GvPc {
width: var(--table-width-column);
height: 100%;
box-shadow: var(--box-shadow-table);
opacity: var(--table-opacity-scroll, 0);
transition: opacity .1s
}
:is(.seo-content_root-9GvPc :is(div, div>section)) table {
width: 100%;
border-spacing: var(--table-border-spacing);
color: var(--color-content-base-primary);
margin-inline-start: calc(var(--table-border-spacing)*-1)
}
:is(:is(.seo-content_root-9GvPc :is(div, div>section)) table) th {
height: 60px;
color: var(--color-content-base-tertiary);
text-align: left
}
:is(:is(.seo-content_root-9GvPc :is(div, div>section)) table) th,
:is(:is(.seo-content_root-9GvPc :is(div, div>section)) table) td {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
padding: var(--spacing-12);
background-color: var(--color-background-base-secondary)
}
:is(:is(:is(.seo-content_root-9GvPc :is(div, div>section)) table) thead th, :is(:is(.seo-content_root-9GvPc :is(div, div>section)) table) tbody td):first-child {
z-index: 1;
position: sticky;
inset-inline-start: 0
}
.seo-content_root-9GvPc {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.seo-content_root-9GvPc figure {
max-width: 100%;
margin: 0
}
:is(.seo-content_root-9GvPc figure).table {
width: 100%
}
:is(.seo-content_root-9GvPc div) section {
margin-top: 20px
}
:is(:is(.seo-content_root-9GvPc div) section):first-of-type {
margin-top: 0
}
.seo-content_root-9GvPc h1,
.seo-content_root-9GvPc h2,
.seo-content_root-9GvPc h3,
.seo-content_root-9GvPc h4 {
margin-top: 20px
}
:is(.seo-content_root-9GvPc h1, .seo-content_root-9GvPc h2, .seo-content_root-9GvPc h3, .seo-content_root-9GvPc h4):first-child {
margin-top: 0
}
.seo-content_root-9GvPc h1,
.seo-content_root-9GvPc h2,
.seo-content_root-9GvPc h3,
.seo-content_root-9GvPc h4 {
color: var(--color-content-base-primary)
}
@media (min-width:1024px) {
.seo-content_root-9GvPc h1,
.seo-content_root-9GvPc h2,
.seo-content_root-9GvPc h3,
.seo-content_root-9GvPc h4 {
margin-block-end: 4px
}
}
.seo-content_root-9GvPc h1 {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h1-mobile-font-size);
font-weight: var(--font-headline-h1-mobile-font-weight);
letter-spacing: var(--font-headline-h1-mobile-letter-spacing);
line-height: var(--font-headline-h1-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.seo-content_root-9GvPc h1 {
font-size: var(--font-headline-h1-desktop-font-size);
font-weight: var(--font-headline-h1-desktop-font-weight);
letter-spacing: var(--font-headline-h1-desktop-letter-spacing);
line-height: var(--font-headline-h1-desktop-line-height)
}
}
.seo-content_root-9GvPc h2 {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h2-mobile-font-size);
font-weight: var(--font-headline-h2-mobile-font-weight);
letter-spacing: var(--font-headline-h2-mobile-letter-spacing);
line-height: var(--font-headline-h2-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.seo-content_root-9GvPc h2 {
font-size: var(--font-headline-h2-desktop-font-size);
font-weight: var(--font-headline-h2-desktop-font-weight);
letter-spacing: var(--font-headline-h2-desktop-letter-spacing);
line-height: var(--font-headline-h2-desktop-line-height)
}
}
.seo-content_root-9GvPc h3 {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h3-mobile-font-size);
font-weight: var(--font-headline-h3-mobile-font-weight);
letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
line-height: var(--font-headline-h3-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.seo-content_root-9GvPc h3 {
font-size: var(--font-headline-h3-desktop-font-size);
font-weight: var(--font-headline-h3-desktop-font-weight);
letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
line-height: var(--font-headline-h3-desktop-line-height)
}
}
.seo-content_root-9GvPc h4 {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h4-mobile-font-size);
font-weight: var(--font-headline-h4-mobile-font-weight);
letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
line-height: var(--font-headline-h4-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.seo-content_root-9GvPc h4 {
font-size: var(--font-headline-h4-desktop-font-size);
font-weight: var(--font-headline-h4-desktop-font-weight);
letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
line-height: var(--font-headline-h4-desktop-line-height)
}
}
.seo-content_root-9GvPc ul,
.seo-content_root-9GvPc ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 16px
}
.seo-content_root-9GvPc b {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height)
}
.seo-content_root-9GvPc img {
max-width: 100%
}
.seo-content_root-9GvPc a {
color: var(--content-button-accent-color-fg-default);
transition: color .1s
}
:is(.seo-content_root-9GvPc a):active,
:is(.seo-content_root-9GvPc a):hover {
color: var(--content-button-accent-color-fg-hover)
}
.seo-content_root-9GvPc a {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height)
}
.seo-content_inAccordion-9GvPc div {
gap: var(--spacing-8)
}
.seo-content_inAccordion-9GvPc p {
width: 100%
}
.seo-content_inAccordion-9GvPc ul,
.seo-content_inAccordion-9GvPc ol {
margin-top: 0
}
.accordion-body_inner-2Vw1D {
min-height: 0;
color: var(--color-content-base-secondary);
padding-inline: var(--spacing-16);
visibility: hidden;
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
transition: visibility .28s, padding-bottom .28s
}
.accordion-body_root-2Vw1D {
white-space: pre-line;
grid-template-rows: 0fr;
grid-template-columns: 100%;
transition: grid-template-rows .28s;
display: grid;
overflow: hidden
}
.accordion-body_root-2Vw1D.accordion-body_isOpen-2Vw1D {
grid-template-rows: 1fr
}
.accordion-body_root-2Vw1D.accordion-body_isOpen-2Vw1D .accordion-body_inner-2Vw1D {
padding-bottom: var(--spacing-16);
visibility: visible
}
.accordion-heading_arrow-HiVCm {
color: var(--color-content-base-secondary);
flex-shrink: 0;
transition: transform .28s ease-in-out
}
.accordion-heading_root-HiVCm {
min-height: 52px;
color: var(--accordion-color-title);
cursor: pointer;
padding-block: var(--accordion-padding-vertical);
padding-inline: var(--accordion-padding-horizontal);
-webkit-user-select: none;
user-select: none;
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
justify-content: space-between;
align-items: center;
display: flex
}
.accordion-heading_root-HiVCm.accordion-heading_isOpen-HiVCm .accordion-heading_arrow-HiVCm {
transform: rotate(180deg)
}
.accordion-heading_titleWrapper-HiVCm {
align-items: center;
gap: var(--spacing-12);
display: flex
}
.accordion_root-LDMA7 {
border-radius: var(--accordion-rounding-collapsed-true);
background-color: var(--accordion-color-bg);
transition: background-color .28s;
position: relative
}
.accordion_root-LDMA7:after {
border-style: solid;
border-width: 1px;
border-color: var(--accordion-color-border);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.accordion_root-LDMA7:after {
background: var(--accordion-color-border);
-webkit-mask-composite: xor;
border: none;
padding: 1px;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
.accordion_root-LDMA7.accordion_isOpen-LDMA7 {
border-radius: var(--accordion-rounding-collapsed-false);
background-color: var(--color-background-base-alfa-neutral-20)
}
.progress-bar_root-1cmhf {
--size: 4px;
--progress-size: 6px;
--progress-color: var(--color-content-base-primary);
--progress-shadow: none;
--progress-background-color: var(--color-background-base-alfa-neutral-12);
--container-padding-inline: 0;
width: 100%;
height: var(--size);
border-radius: calc(var(--size)/2);
background-color: var(--progress-background-color);
contain: layout;
padding-inline: var(--container-padding-inline);
align-items: center;
display: flex
}
.progress-bar_progress-1cmhf {
width: var(--v69083226);
min-width: var(--progress-size);
height: var(--progress-size);
border-radius: calc(var(--progress-size)/2);
background: var(--progress-color);
box-shadow: var(--progress-shadow);
transition: width .1s ease-in-out
}
.progress-bar_big-1cmhf {
--size: 6px;
--progress-size: 10px;
--progress-color: var(--color-content-base-static-white);
background: var(--color-background-base-alfa-static-white-20)
}
.progress-bar_big-1cmhf .progress-bar_progress-1cmhf {
position: relative
}
.progress-bar_brand-1cmhf {
--progress-color: var(--color-solid-brand-primary-default);
background-color: var(--color-solid-brand-primary-alfa-12)
}
.progress-bar_brand-1cmhf .progress-bar_progress-1cmhf {
position: relative
}
:is(.progress-bar_brand-1cmhf .progress-bar_progress-1cmhf):after {
content: "";
background: repeating-linear-gradient(135deg, #ffffff1a, #ffffff1a 6px, #0000 6px 12px);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.progress-bar_glow-1cmhf {
--inline-shift: 50%;
transform: translate(var(--inline-shift), calc(-50% + var(--progress-size)/2));
display: block;
position: absolute;
inset-inline-end: 2px
}
[dir=rtl] .progress-bar_glow-1cmhf {
--inline-shift: -50%
}
.progress-bar_glowOuter-1cmhf {
background: var(--color-content-base-static-white);
filter: blur(10px);
opacity: .85;
border-radius: 8px;
width: 15px;
height: 15px
}
.progress-bar_glowInner-1cmhf {
background: var(--color-content-base-static-white);
filter: blur(3px);
border-radius: 8px;
width: 8px;
height: 8px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 20px 2px #fff
}
.progress_root-XCDV8 {
flex-direction: column;
align-items: center;
display: flex
}
.progress_text-XCDV8 {
margin-bottom: calc(var(--spacing-8) + var(--spacing-6));
color: var(--color-content-base-secondary);
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height)
}
.progress_progress-XCDV8 {
max-width: 130px;
margin-bottom: calc(var(--spacing-16) + var(--spacing-6))
}
.result-empty_root-v5dJs {
padding-bottom: var(--spacing-24);
color: var(--color-content-base-secondary);
justify-content: center;
align-items: center;
gap: var(--spacing-8);
flex-direction: column;
display: flex
}
@media (min-width:1024px) {
.result-empty_root-v5dJs {
gap: var(--spacing-12)
}
}
.result-empty_text-v5dJs {
margin-bottom: var(--spacing-8);
align-items: center;
gap: var(--spacing-4);
text-align: center;
flex-direction: column;
display: flex
}
@media (min-width:1024px) {
.result-empty_text-v5dJs {
margin-bottom: var(--spacing-4)
}
}
.result-empty_title-v5dJs {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h3-mobile-font-size);
font-weight: var(--font-headline-h3-mobile-font-weight);
letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
line-height: var(--font-headline-h3-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.result-empty_title-v5dJs {
font-size: var(--font-headline-h3-desktop-font-size);
font-weight: var(--font-headline-h3-desktop-font-weight);
letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
line-height: var(--font-headline-h3-desktop-line-height)
}
}
.result-empty_title-v5dJs {
color: var(--color-content-base-primary)
}
.result-empty_description-v5dJs {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
white-space: pre-line
}
.banner_root-FlEfp {
width: 100%;
min-height: 464px;
padding-top: var(--spacing-20);
background-image: var(--f0aca4c2);
background-position: bottom;
background-repeat: no-repeat;
background-size: 1397px 460px;
flex-direction: column;
justify-content: space-between;
align-items: center;
display: flex
}
@media (min-width:1024px) {
.banner_root-FlEfp {
padding-top: var(--spacing-24);
background-position: top;
background-size: 1640px 541px
}
}
.banner_header-FlEfp {
padding: 0 var(--spacing-16);
flex-direction: column;
align-items: center;
margin-block-end: 212px;
display: flex
}
@media (min-width:1024px) {
.banner_header-FlEfp {
margin-block-end: 252px
}
}
.banner_title-FlEfp {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h3-mobile-font-size);
font-weight: var(--font-headline-h3-mobile-font-weight);
letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
line-height: var(--font-headline-h3-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.banner_title-FlEfp {
font-size: var(--font-headline-h3-desktop-font-size);
font-weight: var(--font-headline-h3-desktop-font-weight);
letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
line-height: var(--font-headline-h3-desktop-line-height)
}
}
.banner_title-FlEfp {
text-align: center;
margin-block-end: var(--spacing-12)
}
@media (min-width:1024px) {
.banner_title-FlEfp {
margin-block-end: var(--spacing-16)
}
}
.banner_prizeBlock-FlEfp {
flex-direction: column;
align-items: center;
display: flex
}
.banner_prizeText-FlEfp {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height);
align-items: center;
gap: var(--spacing-4);
text-align: center;
flex-direction: row;
margin-block-end: var(--spacing-4);
display: flex;
position: relative
}
.banner_prizeText-FlEfp:before,
.banner_prizeText-FlEfp:after {
content: "";
width: 35vw;
height: 2px;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
@media (min-width:1024px) {
.banner_prizeText-FlEfp:before,
.banner_prizeText-FlEfp:after {
width: 120px
}
}
.banner_prizeText-FlEfp:before {
clip-path: polygon(0 0, 100% 0, calc(100% - 2px) 100%, 0 100%);
background: linear-gradient(270deg, #fff9, #fff0);
right: calc(100% + 3px)
}
.banner_prizeText-FlEfp:after {
clip-path: polygon(0 0, 100% 0, 100% 100%, 2px 100%);
background: linear-gradient(90deg, #fff9, #fff0);
left: calc(100% + 3px)
}
.banner_image-FlEfp {
width: 113px;
height: 2px
}
.banner_prizeNumber-FlEfp {
background: linear-gradient(#fff 20%, #fff3 100%);
color: #0000;
width: 100%;
text-align: center;
-webkit-text-fill-color: transparent;
text-shadow: 0 2px 4px #00000029;
-webkit-background-clip: text;
background-clip: text;
margin-block-end: var(--spacing-12);
padding-inline: 1px;
font-size: 48px;
font-weight: 700;
line-height: 100%
}
@media (min-width:1024px) {
.banner_prizeNumber-FlEfp {
font-size: 64px
}
}
.banner_textMobileSmall-FlEfp {
font-size: 34px
}
@media (min-width:1024px) {
.banner_textMobileSmall-FlEfp {
font-size: 64px
}
}
.banner_badges-FlEfp {
gap: var(--spacing-6);
flex-direction: row;
display: flex
}
.banner_prizesBadge-FlEfp {
cursor: pointer
}
.banner_badgeInner-FlEfp {
align-items: center;
gap: var(--spacing-2);
display: flex
}
.banner_jackpotText-FlEfp,
.banner_countdownText-FlEfp {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
color: #ffffffa3
}
.banner_jackpotNumber-FlEfp,
.banner_infoText-FlEfp {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height);
color: #fff
}
.banner_bannerImage-FlEfp {
width: 332px
}
@media (min-width:1024px) {
.banner_bannerImage-FlEfp {
width: 443px
}
}
.banner_footer-FlEfp {
padding: 0 var(--spacing-16) var(--spacing-16);
align-items: center;
gap: var(--spacing-8);
flex-direction: row;
display: flex
}
.banner_footerHidden-FlEfp {
pointer-events: none;
visibility: hidden
}
.banner_skeletonTitle-FlEfp {
border-radius: var(--rounding-max);
width: 120px;
height: 20px;
margin-block-end: var(--spacing-12)
}
@media (min-width:1024px) {
.banner_skeletonTitle-FlEfp {
margin-block: var(--spacing-4) var(--spacing-20)
}
}
.banner_skeletonPrizeText-FlEfp {
border-radius: var(--rounding-max);
width: 90px;
height: 12px;
margin-block-end: var(--spacing-16)
}
.banner_skeletonPrizeNumber-FlEfp {
border-radius: var(--rounding-max);
width: 260px;
height: 38px;
margin-block-end: var(--spacing-16)
}
@media (min-width:1024px) {
.banner_skeletonPrizeNumber-FlEfp {
height: 48px;
margin-block-end: var(--spacing-24)
}
}
.banner_skeletonBadgeStart-FlEfp {
border-radius: var(--rounding-max);
width: 126px;
height: 24px
}
.banner_skeletonBadgeEnd-FlEfp {
border-radius: var(--rounding-max);
width: 92px;
height: 24px
}
.banner_skeletonCountdownLabel-FlEfp {
border-radius: var(--rounding-max);
width: 160px;
height: 16px
}
.banner_skeletonCountdown-FlEfp {
border-radius: var(--rounding-max);
width: 82px;
height: 24px
}
.ticket-card_ticketCard-JuQde {
background-position: 100%;
background-repeat: no-repeat;
background-size: 309px 128px;
height: 128px;
position: relative
}
.ticket-card_ticketCard-JuQde.ticket-card_isJackpot-JuQde {
background-image: var(--cf34d446);
--lottery-ticket-bg-color: #1e1e2a
}
.ticket-card_ticketCard-JuQde.ticket-card_isBase-JuQde {
background-image: var(--v7b9e30d0);
--lottery-ticket-bg-color: #a3abbb24
}
.ticket-card_ticketCard-JuQde.ticket-card_isPrize-JuQde {
background-image: var(--v603545e0);
--lottery-ticket-bg-color: #a3abbb24
}
.ticket-card_ticketCard-JuQde.ticket-card_isGift-JuQde {
background-image: var(--v4544eb01);
--lottery-ticket-bg-color: #a3abbb24
}
.ticket-card_ticketCard-JuQde:before {
border-radius: var(--spacing-20) 0 0 var(--spacing-20);
background-color: var(--lottery-ticket-bg-color);
clip-path: inset(0 1px 0 0);
content: "";
width: calc(100% - 308px);
height: 128px;
display: block;
position: absolute;
left: 0;
box-shadow: inset 0 0 0 1px #a3abbb14
}
.ticket-card_ticketCard-JuQde .ticket-card_separator-JuQde {
background-color: var(--color-content-base-secondary);
border-radius: 50%;
width: 2px;
height: 2px;
margin-block: auto
}
.ticket-card_ticketCard-JuQde .ticket-card_arrow-JuQde {
color: var(--color-content-base-tertiary)
}
.ticket-card_ticketCard-JuQde .ticket-card_columnMain-JuQde {
width: calc(100% - 121px);
height: 128px;
padding: var(--spacing-16);
top: 0;
flex-flow: column;
display: flex;
position: absolute;
inset-inline-start: 0
}
.ticket-card_ticketCard-JuQde .ticket-card_columnSide-JuQde {
top: 0;
width: 121px;
height: 128px;
padding-inline: var(--spacing-16);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset-inline-end: 0
}
.ticket-card_ticketCard-JuQde .ticket-card_title-JuQde {
cursor: pointer;
align-self: start;
align-items: center;
gap: var(--spacing-2);
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
margin-block-end: var(--spacing-2);
display: flex
}
.ticket-card_ticketCard-JuQde .ticket-card_captionContainer-JuQde {
gap: var(--spacing-4);
margin-block-end: auto;
display: flex
}
.ticket-card_ticketCard-JuQde .ticket-card_captionRegular-JuQde {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.ticket-card_ticketCard-JuQde .ticket-card_captionSemibold-JuQde {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height)
}
.ticket-card_ticketCard-JuQde .ticket-card_captionRegularDarker-JuQde {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
color: var(--color-content-base-secondary)
}
.ticket-card_ticketCard-JuQde .ticket-card_captionRegularLighter-JuQde {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
color: var(--neutral-dark-14);
opacity: .7;
display: block
}
.ticket-card_ticketCard-JuQde .ticket-card_paddingBig-JuQde {
padding-inline: var(--spacing-24)
}
.ticket-card_ticketCard-JuQde .ticket-card_amount-JuQde {
letter-spacing: -.2px;
justify-content: center;
align-items: center;
margin-block-end: var(--spacing-2);
font-size: 20px;
font-weight: 600;
line-height: 20px;
display: flex
}
.ticket-card_ticketCard-JuQde .ticket-card_countdownCounter-JuQde {
margin-block-start: var(--spacing-8)
}
.ticket-card_ticketCard-JuQde .ticket-card_ballsListGroupCaption-JuQde {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
color: var(--color-content-base-secondary);
margin-block-end: var(--spacing-4)
}
.ticket-card_ticketCard-JuQde .ticket-card_ballsListGroup-JuQde,
.ticket-card_ticketCard-JuQde .ticket-card_ballsList-JuQde {
gap: var(--spacing-4);
display: flex
}
.ticket-card_ticketCard-JuQde .ticket-card_ball-JuQde {
border-radius: var(--rounding-max);
width: 24px;
height: 24px;
color: var(--color-content-base-primary);
font-size: var(--font-body-regular-font-size);
line-height: var(--font-body-regular-line-height);
background-color: #b3b6bd33;
justify-content: center;
align-items: center;
display: flex
}
.ticket-card_ticketCard-JuQde .ticket-card_ticketJackpotTitle-JuQde {
padding-block: var(--spacing-12) var(--spacing-48);
display: block
}
.ticket-card_ticketCard-JuQde .ticket-card_iconGiftTicket-JuQde {
width: 73px;
height: 63px
}
.ticket-card_ticketCard-JuQde .ticket-card_iconCoin-JuQde {
width: 20px;
height: 20px;
margin-inline-start: var(--spacing-4);
display: block
}
.ticket-card_ticketCard-JuQde .ticket-card_iconJackpotCoinBg-JuQde {
background-image: var(--v274e9e66);
background-position: 50% 40%;
background-repeat: no-repeat;
background-size: 73px;
width: 100%;
height: 100%
}
[dir=rtl] .ticket-card_ticketCard-JuQde,
[dir=rtl] .ticket-card_ticketCard-JuQde .ticket-card_columnMain-JuQde,
[dir=rtl] .ticket-card_ticketCard-JuQde .ticket-card_columnSide-JuQde {
transform: scaleX(-1)
}
[dir=rtl] .ticket-card_ticketCard-JuQde .ticket-card_columnMain-JuQde {
inset-inline: auto 0
}
[dir=rtl] .ticket-card_ticketCard-JuQde .ticket-card_columnSide-JuQde {
inset-inline: 0 auto
}
.ticket-card-list_root-BaMRg {
gap: var(--spacing-12);
padding-inline: var(--spacing-16);
grid-template-columns: 1fr;
display: grid
}
@media (min-width:768px) {
.ticket-card-list_root-BaMRg {
grid-template-columns: repeat(2, 1fr)
}
}
.ticket-card-list_skeleton-BaMRg {
border-radius: var(--rounding-20);
width: 330px;
height: 120px
}
.draw-card_drawCard-XOd4c {
z-index: 0;
height: 120px;
padding: var(--spacing-12);
border: 1px solid var(--color-border-base-alfa-container);
border-radius: var(--rounding-20);
background-color: var(--color-background-base-tertiary);
gap: var(--spacing-12);
flex-direction: column;
display: flex;
position: relative
}
.draw-card_drawCard-XOd4c .draw-card_drawInfo-XOd4c {
justify-content: space-between;
display: flex
}
.draw-card_drawCard-XOd4c .draw-card_partInfo-XOd4c {
gap: var(--spacing-2);
flex-direction: column;
display: flex
}
.draw-card_drawCard-XOd4c .draw-card_hasJackpot-XOd4c {
height: 100%;
position: absolute;
top: 0;
right: 0
}
.draw-card_drawCard-XOd4c .draw-card_lightEffect-XOd4c {
z-index: -1;
border-radius: inherit;
top: 0;
pointer-events: none;
background: radial-gradient(circle at 100% 0, #00bf66a3 0%, #0000 30%);
width: 100%;
height: 100%;
position: absolute;
inset-inline-start: 0
}
.draw-card_drawCard-XOd4c .draw-card_separator-XOd4c {
background-color: var(--color-content-base-secondary);
border-radius: 50%;
width: 2px;
height: 2px;
margin-block: auto
}
.draw-card_drawCard-XOd4c .draw-card_title-XOd4c {
cursor: pointer;
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
align-self: start;
align-items: center;
display: flex
}
.draw-card_drawCard-XOd4c .draw-card_cardText-XOd4c {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
color: var(--color-content-base-secondary);
align-items: center;
gap: var(--spacing-4);
display: flex
}
.draw-card_drawCard-XOd4c .draw-card_jackpotSize-XOd4c {
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height);
color: var(--color-content-base-primary);
align-self: end;
align-items: center;
gap: var(--spacing-4);
display: flex
}
.draw-card_drawCard-XOd4c .draw-card_iconCoin-XOd4c {
width: 20px;
height: 20px;
display: block
}
.draw-card_drawCard-XOd4c .draw-card_cup-XOd4c {
width: 12px;
height: 12px
}
:is(.draw-card_drawCard-XOd4c .draw-card_cup-XOd4c) path {
fill: var(--color-mint-50)
}
.draw-card_drawCard-XOd4c .draw-card_jackpot-XOd4c {
align-self: end
}
.draw-card_drawCard-XOd4c .draw-card_greenText-XOd4c {
color: var(--color-mint-50)
}
.draw-card_drawCard-XOd4c .draw-card_comb-XOd4c {
flex-direction: column;
gap: 4px;
display: flex
}
.draw-card_drawCard-XOd4c .draw-card_ballsList-XOd4c {
gap: var(--spacing-4);
display: flex
}
.draw-card_drawCard-XOd4c .draw-card_ball-XOd4c {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
border-radius: var(--rounding-max);
background-color: var(--color-background-base-alfa-neutral-20);
width: 24px;
height: 24px;
color: var(--color-content-base-primary);
justify-content: center;
align-items: center;
display: flex
}
.draw-card-list_root-UixI1 {
gap: var(--spacing-12);
padding-inline: var(--spacing-16);
grid-template-columns: 1fr;
display: grid
}
@media (min-width:768px) {
.draw-card-list_root-UixI1 {
grid-template-columns: repeat(2, 1fr)
}
}
.qab-section_root-cLo2f {
-ms-overflow-style: none;
scrollbar-width: none
}
.qab-section_root-cLo2f::-webkit-scrollbar {
display: none
}
.qab-section_root-cLo2f {
gap: var(--spacing-8);
scroll-padding-inline: var(--spacing-16);
scroll-snap-type: x mandatory;
flex-wrap: nowrap;
padding-block-end: var(--spacing-16);
display: flex;
overflow-x: auto
}
.qab-section_root-cLo2f>* {
scroll-snap-align: start
}
.qab-section_root-cLo2f.qab-section_isCompact-cLo2f {
padding-inline: var(--spacing-16)
}
.qab-section_skeletonTab-cLo2f {
border-radius: var(--rounding-10);
flex: none;
width: 90px;
height: 36px
}
.details-slider_arrowsScrollView-nwPom {
--scroll-view-background: transparent;
--scroll-view-arrow-z-index: 2
}
.details-slider_cardsWrapper-nwPom {
-ms-overflow-style: none;
scrollbar-width: none
}
.details-slider_cardsWrapper-nwPom::-webkit-scrollbar {
display: none
}
.details-slider_cardsWrapper-nwPom {
--cards-side-offset: var(--spacing-16);
gap: var(--spacing-12);
padding: 1px;
padding-inline: var(--cards-side-offset);
scroll-padding-inline: var(--cards-side-offset);
scroll-snap-type: x mandatory;
display: flex;
overflow-x: auto
}
@media (min-width:1024px) {
.details-slider_cardsWrapper-nwPom {
--cards-side-offset: var(--spacing-24)
}
}
.details-slider_card-nwPom {
min-width: 300px;
height: 360px;
padding: var(--spacing-20);
scroll-snap-align: start;
background-image: linear-gradient(356.97deg, #000 -24.31%, #364866 51.37%, #dbe4ff 126.62%);
border-radius: 20px;
flex-direction: column;
align-items: center;
gap: 8px;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 0 0 1px #a3abbb24
}
.details-slider_cardImage-nwPom {
width: 100%;
position: absolute;
inset-block-end: 0;
inset-inline-start: 0
}
@keyframes details-slider_shadow-appear-nwPom {
0% {
width: 0
}
to {
width: 120px
}
}
.details-slider_shadowRight-nwPom,
.details-slider_shadowLeft-nwPom {
z-index: 1;
right: 0;
pointer-events: none;
background: linear-gradient(270deg, #1d1e20 0%, #1d1e2000 100%);
width: 120px;
height: 361px;
animation: .3s ease-out forwards details-slider_shadow-appear-nwPom;
position: absolute;
inset-block-start: 0
}
.details-slider_shadowLeft-nwPom {
left: 0;
right: auto;
rotate: 180deg
}
.details-slider_textBlock-nwPom {
gap: var(--spacing-4);
flex-direction: column;
display: flex
}
.details-slider_cardTitle-nwPom {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h3-mobile-font-size);
font-weight: var(--font-headline-h3-mobile-font-weight);
letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
line-height: var(--font-headline-h3-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.details-slider_cardTitle-nwPom {
font-size: var(--font-headline-h3-desktop-font-size);
font-weight: var(--font-headline-h3-desktop-font-weight);
letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
line-height: var(--font-headline-h3-desktop-line-height)
}
}
.details-slider_cardTitle-nwPom {
color: #fff;
text-align: center
}
.details-slider_cardText-nwPom {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
color: #f0f4ffcc;
text-align: center;
min-width: 260px
}
.lottery-tickets-count-selector_root-SIXGa {
margin-inline: var(--spacing-16);
flex-direction: column;
align-items: center;
display: flex
}
@media (min-width:1024px) {
.lottery-tickets-count-selector_root-SIXGa {
margin-inline: var(--spacing-32)
}
}
.lottery-tickets-count-selector_title-SIXGa {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h3-mobile-font-size);
font-weight: var(--font-headline-h3-mobile-font-weight);
letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
line-height: var(--font-headline-h3-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.lottery-tickets-count-selector_title-SIXGa {
font-size: var(--font-headline-h3-desktop-font-size);
font-weight: var(--font-headline-h3-desktop-font-weight);
letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
line-height: var(--font-headline-h3-desktop-line-height)
}
}
.lottery-tickets-count-selector_title-SIXGa {
text-shadow: 0 1px 1px #0000001a;
margin-block-end: var(--spacing-8)
}
.lottery-tickets-count-selector_badge-SIXGa {
margin-block-end: var(--spacing-24);
box-shadow: 0 1px 1px #0000001a
}
@media (min-width:1024px) {
.lottery-tickets-count-selector_badge-SIXGa {
margin-block-end: var(--spacing-16)
}
}
.lottery-tickets-count-selector_badgeContent-SIXGa {
align-items: center;
gap: var(--spacing-4);
white-space: nowrap;
display: flex
}
.lottery-tickets-count-selector_coinIcon-SIXGa {
width: 16px;
height: 16px
}
.lottery-tickets-count-selector_ticketSelector-SIXGa {
width: 100%;
justify-content: space-between;
align-items: center;
margin-block-end: var(--spacing-20);
display: flex
}
@media (min-width:1024px) {
.lottery-tickets-count-selector_ticketSelector-SIXGa {
margin-block-end: var(--spacing-16)
}
}
.lottery-tickets-count-selector_button-SIXGa div {
width: 44px;
padding: 0
}
.lottery-tickets-count-selector_amount-SIXGa {
color: var(--color-content-base-secondary);
-webkit-user-select: none;
user-select: none;
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
flex-direction: column;
align-items: center;
display: flex
}
.lottery-tickets-count-selector_number-SIXGa {
color: var(--color-content-base-static-white);
font-size: 52px;
font-weight: 600;
line-height: 100%
}
.lottery-tickets-count-selector_rangeBlockWrapper-SIXGa {
width: 100%
}
.lottery-tickets-count-selector_rangeBlock-SIXGa {
align-items: center;
width: 100%;
display: flex
}
.lottery-tickets-count-selector_rangeBlockBonusTicketCount-SIXGa {
width: calc(var(--v4f6f07c5) + var(--spacing-4));
height: var(--lottery-range-height);
border-radius: var(--lottery-range-rounding);
background: var(--lottery-bonus-progress-color);
transform: translateX(var(--spacing-4));
display: block
}
[dir=rtl] .lottery-tickets-count-selector_rangeBlockBonusTicketCount-SIXGa {
transform: translateX(calc(var(--spacing-4)*-1))
}
.lottery-tickets-count-selector_rangeBlockDefaultTicketCount-SIXGa {
width: calc(1% + var(--spacing-4));
height: var(--lottery-range-height);
border-radius: var(--lottery-range-rounding) 0 0 var(--lottery-range-rounding);
background: var(--lottery-progress-color);
margin-inline-end: calc(var(--spacing-4)*-1);
display: block
}
[dir=rtl] .lottery-tickets-count-selector_rangeBlockDefaultTicketCount-SIXGa {
border-radius: 0 var(--lottery-range-rounding) var(--lottery-range-rounding) 0
}
.lottery-tickets-count-selector_rangeInput-SIXGa {
--min: var(--v51157182);
--max: var(--v93397e02);
--value: var(--v727e6abc);
--range-gradient-direction: to right;
width: calc(100% - var(--v4f6ef4fb));
height: var(--lottery-range-height);
border-radius: 0 var(--lottery-range-rounding) var(--lottery-range-rounding) 0;
appearance: none;
background: linear-gradient(var(--range-gradient-direction), var(--lottery-progress-color) 0%, var(--lottery-progress-color) calc((var(--value) - var(--min))/(var(--max) - var(--min))*100%), var(--lottery-range-color) calc((var(--value) - var(--min))/(var(--max) - var(--min))*100%), var(--lottery-range-color) 100%);
cursor: pointer
}
[dir=rtl] .lottery-tickets-count-selector_rangeInput-SIXGa {
--range-gradient-direction: to left;
border-radius: var(--lottery-range-rounding) 0 0 var(--lottery-range-rounding)
}
.lottery-tickets-count-selector_rangeInput-SIXGa::-webkit-slider-thumb {
appearance: none;
background: var(--lottery-thumb-color);
border: none;
border-radius: 50%;
width: 22px;
height: 22px;
box-shadow: inset 0 0 0 8px #fff
}
.lottery-tickets-count-selector_rangeInput-SIXGa::-moz-range-thumb {
width: calc(var(--lottery-range-height)*2);
height: calc(var(--lottery-range-height)*2);
border: calc(var(--lottery-range-height)*2) solid #fff;
background-color: var(--lottery-thumb-color);
cursor: pointer;
border-radius: 50%
}
.lottery-tickets-count-selector_rangeInput-SIXGa::-moz-range-progress {
border-radius: var(--lottery-range-rounding) 0 0 var(--lottery-range-rounding);
background: var(--lottery-progress-color);
border: 0
}
[dir=rtl] .lottery-tickets-count-selector_rangeInput-SIXGa::-moz-range-progress {
border-radius: 0 var(--lottery-range-rounding) var(--lottery-range-rounding) 0
}
.lottery-tickets-count-selector_rangeInput-SIXGa::-moz-range-track {
border-radius: 0 var(--lottery-range-rounding) var(--lottery-range-rounding) 0;
background: var(--lottery-range-color);
border: 0
}
[dir=rtl] .lottery-tickets-count-selector_rangeInput-SIXGa::-moz-range-track {
border-radius: var(--lottery-range-rounding) 0 0 var(--lottery-range-rounding)
}
.lottery-tickets-count-selector_rangeNums-SIXGa {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
color: #f0f4ffcc;
justify-content: space-between;
width: 100%;
display: flex
}
.details_root-ysr5y {
border-radius: var(--rounding-20);
filter: drop-shadow(0 -.7px #fff3);
padding-block: var(--spacing-16) var(--spacing-24);
background: linear-gradient(#202024, #141415 500px), #141415
}
@media (min-width:1024px) {
.details_root-ysr5y {
padding-block: var(--spacing-24) var(--spacing-32)
}
}
.details_stepsSection-ysr5y {
width: 100%;
flex-direction: column;
margin-block-end: var(--spacing-32);
display: flex
}
@media (min-width:1024px) {
.details_stepsSection-ysr5y {
margin-block-end: var(--spacing-48)
}
}
.details_stepsHeader-ysr5y {
margin: 0 var(--spacing-16) var(--spacing-16);
justify-content: space-between;
align-items: center;
display: flex
}
@media (min-width:1024px) {
.details_stepsHeader-ysr5y {
margin-inline: var(--spacing-24)
}
}
.details_title-ysr5y {
color: #fff;
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h2-mobile-font-size);
font-weight: var(--font-headline-h2-mobile-font-weight);
letter-spacing: var(--font-headline-h2-mobile-letter-spacing);
line-height: var(--font-headline-h2-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.details_title-ysr5y {
font-size: var(--font-headline-h2-desktop-font-size);
font-weight: var(--font-headline-h2-desktop-font-weight);
letter-spacing: var(--font-headline-h2-desktop-letter-spacing);
line-height: var(--font-headline-h2-desktop-line-height)
}
}
.details_text-ysr5y {
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-regular-font-size);
font-weight: var(--font-display-body-regular-font-weight);
letter-spacing: var(--font-display-body-regular-letter-spacing);
line-height: var(--font-display-body-regular-line-height);
color: var(--color-content-base-secondary)
}
.details_combSection-ysr5y {
gap: var(--spacing-16);
padding-block-end: var(--spacing-32);
padding-inline: var(--spacing-16);
flex-direction: column;
display: flex
}
@media (min-width:1024px) {
.details_combSection-ysr5y {
padding-block-end: var(--spacing-48);
padding-inline: var(--spacing-24)
}
}
.details_tableSection-ysr5y {
color: var(--color-content-base-primary);
gap: var(--spacing-8);
flex-direction: column;
display: flex
}
.details_tableTitle-ysr5y {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h4-mobile-font-size);
font-weight: var(--font-headline-h4-mobile-font-weight);
letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
line-height: var(--font-headline-h4-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.details_tableTitle-ysr5y {
font-size: var(--font-headline-h4-desktop-font-size);
font-weight: var(--font-headline-h4-desktop-font-weight);
letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
line-height: var(--font-headline-h4-desktop-line-height)
}
}
.details_tableTitle-ysr5y {
color: #fff
}
.details_row-ysr5y {
padding: var(--spacing-16);
border-inline-end: 1px solid var(--color-border-base-alfa-container);
border-inline-start: 1px solid var(--color-border-base-alfa-container);
align-items: center;
gap: var(--spacing-12);
display: flex
}
.details_row-ysr5y:nth-child(odd) {
background-color: var(--color-background-base-secondary)
}
.details_row-ysr5y:first-child {
border-radius: var(--rounding-16) var(--rounding-16) 0 0;
color: var(--color-content-base-secondary);
border: 1px solid #ffffff14
}
.details_row-ysr5y:last-child {
border-radius: 0 0 var(--rounding-16) var(--rounding-16);
border-bottom: 1px solid var(--color-border-base-alfa-container)
}
.details_tableText-ysr5y {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.details_comb-ysr5y,
.details_tableText-ysr5y {
width: 50%
}
.details_comb-ysr5y {
align-items: center;
gap: var(--spacing-12);
flex-direction: row;
display: flex
}
.details_comb-ysr5y .details_tableText-ysr5y {
font-weight: 600
}
.details_faqSection-ysr5y {
gap: var(--spacing-16);
padding-inline: var(--spacing-16);
flex-direction: column;
display: flex
}
@media (min-width:1024px) {
.details_faqSection-ysr5y {
padding-inline: var(--spacing-24)
}
}
.details_faqList-ysr5y {
gap: var(--spacing-12);
flex-direction: column;
display: flex
}
.details_accordion-ysr5y {
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height);
border-radius: var(--rounding-container-m);
color: #f0f2f5
}
.details_accordion-ysr5y:not(.details_isOpen-ysr5y) {
background-color: var(--color-background-base-secondary)
}
.details_accordion-ysr5y>:nth-child(2) {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
color: #f5f8ffcc
}
.details_accordionContent-ysr5y {
gap: var(--spacing-8);
white-space: pre-line;
flex-direction: column;
display: flex
}
.details_accordionLine-ysr5y,
.details_accordionParagraph-ysr5y {
margin: 0
}
.details_accordionList-ysr5y {
margin: 0;
padding-inline-start: var(--spacing-16)
}
.details_accordionListItem-ysr5y {
margin: 0
}
.details_skeletonTitle-ysr5y {
border-radius: var(--rounding-max);
width: 120px;
height: 24px
}
.details_skeletonStepsList-ysr5y {
gap: var(--spacing-12);
display: flex;
overflow-x: auto
}
.details_skeletonStepCard-ysr5y {
border-radius: var(--rounding-20);
width: 300px;
min-width: 300px;
height: 360px
}
.details_skeletonTextSection-ysr5y {
gap: var(--spacing-6);
flex-direction: column;
display: flex
}
.details_skeletonText-ysr5y {
border-radius: var(--rounding-max);
width: 100%;
height: 16px
}
.details_skeletonText-ysr5y:nth-child(2) {
width: 60%
}
.details_skeletonTable-ysr5y {
border-radius: var(--rounding-16);
width: 100%;
height: 400px
}
.details_skeletonFaqRow-ysr5y {
border-radius: var(--rounding-16);
width: 100%;
height: 52px
}
.draws_root-8RMjT {
border-radius: var(--rounding-20);
filter: drop-shadow(0 -.7px #fff3);
padding-block: var(--spacing-16);
background: linear-gradient(#202024, #141415 500px), #141415
}
.draws_root-8RMjT .draws_header-8RMjT {
gap: var(--spacing-12);
padding-block-end: var(--spacing-16);
padding-inline: var(--spacing-16);
flex-direction: column;
display: flex
}
@media (min-width:1024px) {
.draws_root-8RMjT .draws_header-8RMjT {
flex-direction: row;
justify-content: space-between;
align-items: center
}
}
.draws_root-8RMjT .draws_title-8RMjT {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h2-mobile-font-size);
font-weight: var(--font-headline-h2-mobile-font-weight);
letter-spacing: var(--font-headline-h2-mobile-letter-spacing);
line-height: var(--font-headline-h2-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.draws_root-8RMjT .draws_title-8RMjT {
font-size: var(--font-headline-h2-desktop-font-size);
font-weight: var(--font-headline-h2-desktop-font-weight);
letter-spacing: var(--font-headline-h2-desktop-letter-spacing);
line-height: var(--font-headline-h2-desktop-line-height)
}
}
.draws_root-8RMjT .draws_skeletonList-8RMjT {
gap: var(--spacing-12);
padding-inline: var(--spacing-16);
grid-template-columns: 1fr;
display: grid
}
@media (min-width:768px) {
.draws_root-8RMjT .draws_skeletonList-8RMjT {
grid-template-columns: repeat(2, 1fr)
}
}
@media (min-width:1024px) {
.draws_root-8RMjT .draws_skeletonList-8RMjT {
padding-inline: var(--spacing-24)
}
}
.draws_root-8RMjT .draws_skeleton-8RMjT {
border-radius: var(--rounding-20);
width: 330px;
height: 120px
}
.draws_root-8RMjT .draws_list-8RMjT {
margin-block-end: var(--spacing-16)
}
.index_layoutContainer-olsJM.index_isCompact-olsJM {
width: 100%
}
.index_layoutContainer-olsJM.index_isSpacious-olsJM {
width: 704px;
margin-inline: auto
}
.lottery-block-draw-status_root-ZqZR7 {
padding: var(--spacing-12) 100px var(--spacing-12) var(--spacing-16);
border-radius: var(--rounding-24);
margin-block-end: var(--spacing-16);
margin-inline: var(--spacing-16);
background: radial-gradient(200% 190% at -40% 10%, #232937 0%, #57718a 54%, #fff 100%);
position: relative;
overflow: hidden
}
.lottery-block-draw-status_root-ZqZR7:after {
background-image: var(--d74804f0);
content: "";
background-size: cover;
width: 100px;
height: 100px;
display: block;
position: absolute;
top: 0;
right: 0
}
@media (min-width:1024px) {
.lottery-block-draw-status_root-ZqZR7 {
margin-inline: 0
}
}
.lottery-block-draw-status_title-ZqZR7 {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h4-mobile-font-size);
font-weight: var(--font-headline-h4-mobile-font-weight);
letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
line-height: var(--font-headline-h4-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.lottery-block-draw-status_title-ZqZR7 {
font-size: var(--font-headline-h4-desktop-font-size);
font-weight: var(--font-headline-h4-desktop-font-weight);
letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
line-height: var(--font-headline-h4-desktop-line-height)
}
}
.lottery-block-draw-status_text-ZqZR7 {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
color: var(--color-content-base-alfa-static-white-72);
margin-block-start: var(--spacing-4)
}
.lottery-block-draw-status_progressBlock-ZqZR7 {
margin-block-start: var(--spacing-12)
}
.lottery-block-draw-status_progressBar-ZqZR7 {
border-radius: var(--rounding-max);
background-color: var(--color-content-base-alfa-static-white-20);
width: 100%;
height: 4px;
margin-block-end: var(--spacing-8);
position: relative
}
.lottery-block-draw-status_progressBarFullness-ZqZR7 {
--stripe-particle-size: 6px;
width: var(--v3ee6ac86);
height: var(--stripe-particle-size);
border-radius: var(--rounding-max);
background: linear-gradient(90deg, #67c7ff 0%, #fff 50%, #d5cd9d 100%);
position: relative;
top: -1px;
overflow: hidden
}
.lottery-block-draw-status_progressBarFullness-ZqZR7:before {
background-image: repeating-linear-gradient(115deg, #00000029 calc(var(--stripe-particle-size)*-1), #00000029 0, #0000 0, #0000 var(--stripe-particle-size));
content: "";
top: 0;
bottom: 0;
inset-inline: var(--spacing-16) 0;
pointer-events: none;
position: absolute
}
.lottery-block-draw-status_progressNumbers-ZqZR7 {
justify-content: space-between;
display: flex
}
.lottery-block-draw-status_progressNumber-ZqZR7 {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
padding: var(--spacing-2) var(--spacing-8);
border-radius: var(--rounding-max);
background-color: var(--color-content-base-alfa-static-white-20)
}
.lottery-buy-bar_root-OJWtM {
z-index: var(--z-index-tabbar);
bottom: var(--tabbar-layout-height-with-safe-area);
padding: var(--spacing-12) var(--spacing-12) var(--spacing-12) var(--spacing-16);
border-radius: var(--rounding-20) var(--rounding-20) 0 0;
background-color: var(--color-background-base-primary);
align-items: center;
transition-property: z-index;
transition-delay: .5s;
display: flex;
position: fixed;
inset-inline: 0
}
@media (min-width:1024px) {
.lottery-buy-bar_root-OJWtM {
z-index: auto;
border: 1px solid var(--neutral-dark-alfa-1);
border-radius: var(--rounding-20);
background-color: var(--color-background-base-tertiary);
bottom: auto;
inset-inline: unset;
transition-delay: unset;
position: static
}
}
.lottery-buy-bar_rootStandalone-OJWtM {
bottom: 0
}
.lottery-buy-bar_columnControls-OJWtM {
flex: 0 335px;
align-items: center;
padding-inline-end: var(--spacing-12);
display: flex
}
.lottery-buy-bar_columnControls-OJWtM:after {
background-color: var(--neutral-dark-5);
content: "";
width: 1px;
height: 32px;
margin-inline-start: var(--spacing-12)
}
.lottery-buy-bar_columnSummary-OJWtM {
margin-inline-end: auto
}
.lottery-buy-bar_badge-OJWtM {
flex-direction: row-reverse;
margin-inline-start: var(--spacing-4);
padding-inline-end: var(--spacing-2)
}
.lottery-buy-bar_badgeText-OJWtM {
margin-inline-start: var(--spacing-4)
}
.lottery-buy-bar_iconGift-OJWtM {
width: 12px;
margin-inline-start: var(--spacing-4)
}
.lottery-buy-bar_iconCoin-OJWtM {
fill: #0000;
width: 16px;
height: 16px;
margin-inline-start: var(--spacing-4)
}
.lottery-buy-bar_buttonBuy-OJWtM {
width: 144px;
height: 42px
}
.lottery-buy-bar_countTickets-OJWtM {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height)
}
.lottery-buy-bar_countCurrency-OJWtM {
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height);
align-items: center;
display: flex
}
.lottery-buy-bar_notEnough-OJWtM {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
color: var(--color-content-sentiment-warning-tertiary);
margin-inline-end: var(--spacing-8)
}
.lottery-buy-bar_secondaryText-OJWtM {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
color: var(--neutral-dark-13)
}
.lottery-buy-bar_controlButton-OJWtM {
border-radius: var(--rounding-max);
cursor: pointer;
background-color: #a3abbb29;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
display: flex
}
.lottery-buy-bar_controlIcon-OJWtM {
fill: var(--neutral-clean-white)
}
.lottery-buy-bar_controlAmountGroup-OJWtM {
color: var(--neutral-dark-13);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
flex-direction: column;
align-items: center;
margin-inline: auto;
display: flex
}
.lottery-buy-bar_controlAmount-OJWtM {
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height);
color: var(--color-content-base-static-white);
align-items: center;
display: flex
}
.lottery-buy-bar-sticky-shell_stickyWrap-cAosM {
z-index: 1;
pointer-events: none;
width: 672px;
transform: translateX(calc(var(--spacing-16)*-1)) translateY(-100%);
position: fixed;
top: 0
}
.lottery-buy-bar-sticky-shell_isActive-cAosM {
pointer-events: auto;
transform: translateX(calc(var(--spacing-16)*-1)) translateY(var(--spacing-16))
}
.lottery-buy-bar-sticky-shell_hasTransition-cAosM {
transition: transform .28s cubic-bezier(.22, .61, .36, 1)
}
.lottery-buy-bar-sticky-shell_barsWrapper-cAosM {
margin-inline: var(--spacing-32)
}
.lottery-gift-tickets-banner_root-yIR1Y {
--background-desktop-width: 640px;
--background-desktop-height: 79px;
--background-mobile-width: 991px;
--background-mobile-height: 88px;
--background-mobile-left-cut-width: 50px;
--background-mobile-right-cut-height: 80px;
height: var(--background-mobile-height);
padding: var(--spacing-12) var(--spacing-16);
margin-inline: var(--spacing-16);
flex-direction: column;
justify-content: end;
display: flex;
position: relative;
overflow: hidden
}
@media (min-width:1024px) {
.lottery-gift-tickets-banner_root-yIR1Y {
margin-inline: var(--spacing-32)
}
}
.lottery-gift-tickets-banner_root-yIR1Y:after {
background-image: var(--v969fd0c6);
content: "";
bottom: -1px;
pointer-events: none;
background-repeat: no-repeat;
background-size: contain;
width: 108px;
height: 79px;
position: absolute;
inset-inline-end: -1px
}
[dir=rtl] .lottery-gift-tickets-banner_root-yIR1Y:after {
transform-origin: 50%;
transform: scaleX(-1)
}
@media (min-width:1024px) {
.lottery-gift-tickets-banner_root-yIR1Y {
height: var(--background-desktop-height);
background-image: var(--v299b2c08);
background-repeat: no-repeat;
background-size: var(--background-desktop-width) var(--background-desktop-height)
}
.lottery-gift-tickets-banner_root-yIR1Y:after {
display: none
}
[dir=rtl] .lottery-gift-tickets-banner_root-yIR1Y,
[dir=rtl] .lottery-gift-tickets-banner_root-yIR1Y>* {
transform: scaleX(-1)
}
}
.lottery-gift-tickets-banner_mobileBg-yIR1Y:before,
.lottery-gift-tickets-banner_mobileBg-yIR1Y:after {
background-image: var(--v35dc9444)
}
.lottery-gift-tickets-banner_mobileBg-yIR1Y:after {
background-position: calc(var(--background-mobile-left-cut-width)*-1) bottom
}
.lottery-gift-tickets-banner_mobileBorder-yIR1Y:before,
.lottery-gift-tickets-banner_mobileBorder-yIR1Y:after {
background-image: var(--v848bf960)
}
.lottery-gift-tickets-banner_mobileBorder-yIR1Y:after {
background-position: 100% 100%
}
.lottery-gift-tickets-banner_mobileBg-yIR1Y,
.lottery-gift-tickets-banner_mobileBorder-yIR1Y {
bottom: 0;
pointer-events: none;
position: absolute;
inset-block-start: 0;
inset-inline: 0
}
@media (min-width:1024px) {
.lottery-gift-tickets-banner_mobileBg-yIR1Y,
.lottery-gift-tickets-banner_mobileBorder-yIR1Y {
display: none
}
}
:is(.lottery-gift-tickets-banner_mobileBg-yIR1Y, .lottery-gift-tickets-banner_mobileBorder-yIR1Y):before,
:is(.lottery-gift-tickets-banner_mobileBg-yIR1Y, .lottery-gift-tickets-banner_mobileBorder-yIR1Y):after {
background-repeat: no-repeat;
background-size: var(--background-mobile-width) var(--background-mobile-height);
content: "";
width: 100%;
height: 100%;
position: absolute;
bottom: 0
}
:is(.lottery-gift-tickets-banner_mobileBg-yIR1Y, .lottery-gift-tickets-banner_mobileBorder-yIR1Y):before {
width: var(--background-mobile-left-cut-width);
left: 0
}
:is(.lottery-gift-tickets-banner_mobileBg-yIR1Y, .lottery-gift-tickets-banner_mobileBorder-yIR1Y):after {
width: calc(100% - var(--background-mobile-left-cut-width));
height: var(--background-mobile-right-cut-height);
border-radius: 0 var(--spacing-20) var(--spacing-20) 0;
right: 0
}
[dir=rtl] :is(.lottery-gift-tickets-banner_mobileBg-yIR1Y, .lottery-gift-tickets-banner_mobileBorder-yIR1Y) .lottery-gift-tickets-banner_mobileBg-yIR1Y,
[dir=rtl] :is(.lottery-gift-tickets-banner_mobileBg-yIR1Y, .lottery-gift-tickets-banner_mobileBorder-yIR1Y) .lottery-gift-tickets-banner_mobileBorder-yIR1Y {
transform-origin: 50%;
transform: scaleX(-1)
}
.lottery-gift-tickets-banner_title-yIR1Y {
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height);
z-index: 1;
margin-block-end: var(--spacing-2)
}
.lottery-gift-tickets-banner_text-yIR1Y {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
z-index: 1;
max-width: 175px;
color: var(--color-content-base-alfa-static-white-72)
}
@media (min-width:1024px) {
.lottery-gift-tickets-banner_text-yIR1Y {
max-width: 100%
}
}
.lottery-ticket-editor-cell_ticketCell-vdEFa {
border-radius: var(--rounding-max);
aspect-ratio: 1;
cursor: pointer;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
position: relative;
overflow: hidden
}
.lottery-ticket-editor-cell_ticketCellDashed-vdEFa {
background-image: url(/resources/v1/app/assets/icon-circle-dashed-DIwSFCSO.svg)
}
.lottery-ticket-editor-cell_ticketCellGrey-vdEFa {
background-image: url(/resources/v1/app/assets/lottery-icon-ball-grey-61NgVNXa.png)
}
.lottery-ticket-editor-cell_ticketCellGold-vdEFa {
background-image: url(/resources/v1/app/assets/lottery-icon-ball-gold-ClpM5kRC.png)
}
.lottery-ticket-editor-cell_ticketCellInput-vdEFa {
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden
}
.lottery-ticket-editor-cell_ticketCellLabel-vdEFa {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
place-items: center;
display: grid;
position: absolute;
inset: 0
}
.lottery-ticket-editor-cell_ticketCellLabelChecked-vdEFa {
-webkit-background-clip: text;
background-clip: text;
background-color: var(--neutral-dark-2);
color: #0000;
filter: drop-shadow(0 -.7px 0 var(--color-content-base-alfa-static-white-88));
text-shadow: 0 .5px 0 #776e9e63, 0 -.25px .5px var(--color-content-base-alfa-static-black-88), 0 0 1px var(--neutral-dark-2)
}
.lottery-ticket-editor_root-iajkC {
border-radius: var(--rounding-container-l);
scroll-snap-align: start
}
.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_ticketHeader-iajkC {
height: 48px;
padding: var(--spacing-8) var(--spacing-8) 0 var(--spacing-16);
border: 1px solid var(--color-border-base-subtle);
border-radius: var(--rounding-container-l) var(--rounding-container-l) var(--spacing-2) var(--spacing-2);
background-color: var(--color-gray-600);
align-items: center;
display: flex
}
.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_numbersGroup-iajkC {
width: 100%
}
.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_badge-iajkC {
height: 24px;
padding-inline: var(--spacing-4) var(--spacing-8);
background-color: #a3abbb29;
flex: none
}
.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_ticketBadgeTextLarge-iajkC {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height)
}
.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_ticketTextEmpty-iajkC {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
opacity: .6
}
.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_checkIcon-iajkC {
border-radius: var(--rounding-max);
fill: var(--color-mint-700);
background-color: #fff
}
.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_checkIconUncompleted-iajkC {
background-color: var(--color-white-alpha-20);
fill: #1b1e26b3
}
.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_divider-iajkC {
background: linear-gradient(var(--color-gray-600) 0 0) left / 8px 100% no-repeat, linear-gradient(var(--color-gray-600) 0 0) right / 8px 100% no-repeat, radial-gradient(circle, #25282e 1.5px, transparent 1.5px) left 8px center / 9.3px 100% repeat-x;
background-color: var(--color-gray-600);
width: calc(100% - 32px);
height: 22px;
padding-block: 1px;
padding-inline: var(--spacing-8);
margin-block: -1px;
margin-inline: auto;
position: relative
}
:is(.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_divider-iajkC):before,
:is(.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_divider-iajkC):after {
content: "";
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: contain;
width: 11px;
height: 22px;
position: absolute;
inset-block-start: 0
}
:is(.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_divider-iajkC):before {
right: calc(100% - 1px)
}
:is(.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_divider-iajkC):after {
left: calc(100% - 1px);
transform: scaleX(-1)
}
.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_ticketBody-iajkC {
padding: var(--spacing-12) var(--spacing-16) var(--spacing-16);
border: 1px solid var(--color-border-base-subtle);
border-radius: var(--spacing-2) var(--spacing-2) var(--rounding-container-l) var(--rounding-container-l);
background-color: var(--color-gray-600);
gap: var(--spacing-16);
flex-wrap: wrap;
display: flex
}
.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_ticketActions-iajkC {
gap: var(--spacing-4);
margin-inline-start: auto;
display: flex
}
.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_ticketActionButton-iajkC {
border-radius: var(--rounding-10);
cursor: pointer;
background-color: #a3abbb1f;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
display: flex
}
:is(.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_ticketActionButton-iajkC) img {
width: 18px
}
.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_ticketActionInactive-iajkC {
opacity: .3;
pointer-events: none
}
.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_numbersGroupHeader-iajkC {
align-items: center;
gap: var(--spacing-8);
margin-block-end: var(--spacing-12);
display: flex
}
.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_numbersGroupTitle-iajkC {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
white-space: normal
}
.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_numbersGroupGrid-iajkC {
justify-content: center;
gap: var(--spacing-8);
grid-template-columns: repeat(6, 1fr);
display: grid
}
.lottery-ticket-editor_root-iajkC .lottery-ticket-editor_cellDisabled-iajkC {
cursor: not-allowed;
pointer-events: none
}
.lottery-ticket-editor-list_root-RT9g1 {
contain: layout paint style;
gap: var(--spacing-12);
padding-inline: var(--spacing-16);
scroll-padding-inline: var(--spacing-16);
scroll-snap-type: x mandatory;
white-space: nowrap;
grid-auto-columns: 296px;
grid-auto-flow: column;
display: grid;
overflow-x: auto
}
@media (min-width:1024px) {
.lottery-ticket-editor-list_root-RT9g1 {
grid-auto-columns: unset;
margin-inline: var(--spacing-32);
white-space: normal;
grid-template-columns: repeat(2, 1fr);
grid-auto-flow: row;
padding-inline: 0;
scroll-padding-inline: 0;
overflow-x: visible
}
}
.lottery_root-fW9xQ {
border-radius: var(--rounding-24);
background: var(--v64cd5d86), linear-gradient(#0000001a, #0006), var(--v0fe27c9c);
box-shadow: inset 0 1px 0 0 var(--color-border-base-alfa-container);
gap: var(--spacing-24);
padding-block: var(--spacing-16);
--lottery-range-height: 4px;
--lottery-range-rounding: 2px;
--lottery-progress-color: #21854e;
--lottery-bonus-progress-color: #13b759;
--lottery-thumb-color: #21854e;
--lottery-range-color: #a3abbb29;
background-position: 50% -160px, top, top;
background-repeat: no-repeat, no-repeat, no-repeat;
background-size: 1500px 420px, 100% 771px, 100% 771px;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden
}
@media (min-width:1024px) {
.lottery_root-fW9xQ {
gap: var(--spacing-16);
padding-block: var(--spacing-32)
}
}
.lottery_loadingSkeleton-fW9xQ {
box-sizing: border-box;
border-radius: var(--rounding-24);
width: 100%;
height: 860px;
padding-inline: var(--spacing-16);
margin-inline: auto;
display: block
}
@media (min-width:1024px) {
.lottery_loadingSkeleton-fW9xQ {
padding-inline: 0
}
}
.lottery_rootMobileStandalone-fW9xQ {
padding-bottom: 100px
}
.qab-filters_root-60YPC {
-ms-overflow-style: none;
scrollbar-width: none
}
.qab-filters_root-60YPC::-webkit-scrollbar {
display: none
}
.qab-filters_root-60YPC {
gap: var(--spacing-8);
scroll-snap-type: x mandatory;
flex-wrap: nowrap;
width: fit-content;
display: flex;
overflow-x: auto
}
.qab-filters_root-60YPC>* {
scroll-snap-align: start
}
.tickets_root-8grbi {
border-radius: var(--rounding-20);
filter: drop-shadow(0 -.7px #fff3);
padding-block: var(--spacing-16);
background: linear-gradient(#202024, #141415 500px), #141415
}
.tickets_root-8grbi .tickets_header-8grbi {
padding-block-end: var(--spacing-16);
padding-inline: var(--spacing-16);
flex-direction: column;
gap: 12px;
display: flex
}
@media (min-width:1024px) {
.tickets_root-8grbi .tickets_header-8grbi {
flex-direction: row;
justify-content: space-between
}
}
.tickets_root-8grbi .tickets_title-8grbi {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h2-mobile-font-size);
font-weight: var(--font-headline-h2-mobile-font-weight);
letter-spacing: var(--font-headline-h2-mobile-letter-spacing);
line-height: var(--font-headline-h2-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.tickets_root-8grbi .tickets_title-8grbi {
font-size: var(--font-headline-h2-desktop-font-size);
font-weight: var(--font-headline-h2-desktop-font-weight);
letter-spacing: var(--font-headline-h2-desktop-letter-spacing);
line-height: var(--font-headline-h2-desktop-line-height)
}
}
.tickets_isCompact-8grbi:is(.tickets_root-8grbi .tickets_qabContainer-8grbi) {
width: 100%
}
.tickets_root-8grbi .tickets_list-8grbi {
margin-bottom: var(--spacing-16)
}
.footer-container_root-waXfw {
width: 100%;
max-width: var(--size-container-width-max);
margin-inline: auto;
position: relative;
padding-block: var(--spacing-24);
padding-inline: var(--container-padding-mobile)
}
@media (min-width: 1024px) {
.footer-container_root-waXfw {
padding-block: var(--spacing-40);
padding-inline: var(--container-padding-desktop)
}
}
.footer-layout {
position: relative;
min-width: 0;
gap: var(--spacing-16);
border-radius: var(--footer-rounding-mobile);
grid-template:
"headRow"
"support"
"appBanner"
"navigation"
"bottom" / minmax(0, 1fr)
}
.footer-layout > * {
min-width: 0
}
.footer-bottom {
grid-area: bottom;
max-width: 100%;
gap: var(--spacing-16);
border-top: 1px solid var(--color-border-base-alfa-divider);
padding-block: var(--spacing-16) 0;
grid-template:
"socials socials"
"awards ageLimit"
"payments payments"
"copyright copyright" / minmax(0, 1fr) auto
}
.footer-app-banners {
grid-area: appBanner;
margin-block: 0;
gap: var(--spacing-16);
align-items: start;
grid-template: "a" / minmax(0, 1fr)
}
.footer-app-banners [data-testid="app-banner-desktop-widget"] {
display: none
}
.footer-nav {
grid-area: navigation;
gap: var(--spacing-16);
grid-template:
"a"
"b"
"c" / minmax(0, 1fr)
}
@media (min-width: 1024px) {
.footer-layout {
gap: var(--spacing-20);
border-radius: var(--footer-rounding-desktop);
grid-template:
"headRow headRow"
"support support"
"navigation appBanner"
"bottom bottom" / minmax(0, 1fr) 548px
}
.footer-bottom {
gap: var(--spacing-24);
padding-block: var(--spacing-24) 0;
grid-template:
"socials awards ageLimit"
"payments payments payments"
"copyright copyright copyright" / 1fr 1fr 1fr
}
.footer-app-banners {
grid-template: "a b" / minmax(0, 1fr) 207px
}
.footer-app-banners [data-testid="app-banner-desktop-widget"] {
display: grid
}
.footer-nav {
gap: 80px;
grid-template: "a b c" / auto auto minmax(0, 1fr)
}
}
@media (max-width: 1023.98px) {
.footer-header-row_root-tLFpU {
min-width: 0
}
.footer-header-row_root-tLFpU > :last-child,
.footer-header-row_root-tLFpU > div {
flex-shrink: 0
}
.footer-partners-link_content-t811f > span,
.footer-partners-link_content-t811f > a {
white-space: normal;
width: auto;
max-width: 100%;
overflow-wrap: anywhere
}
.variant-1_content-gJQCq {
width: auto;
max-width: calc(100% - 96px)
}
.full_licenseAndResponsible-AcxZX {
max-width: 100%
}
}
:is(.footer-container_root-waXfw>:first-child):after {
border-style: solid;
border-width: 1px;
border-color: var(--footer-color-border);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
:is(.footer-container_root-waXfw>:first-child):after {
background: var(--footer-color-border-grad, var(--footer-color-border));
-webkit-mask-composite: xor;
border: none;
padding: 1px;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
.footer-container_visibleTrigger-waXfw {
opacity: 0;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0
}
.footer-container_footerSkeleton-waXfw {
width: 100%;
height: 938px;
margin-top: var(--spacing-24)
}
@media (min-width:1024px) {
.footer-container_footerSkeleton-waXfw {
height: 600px
}
}
.footer-partners-link_root-t811f {
justify-content: space-between;
align-items: center;
display: flex
}
.footer-partners-link_root-t811f.footer-partners-link_withPadding-t811f {
padding: var(--spacing-16);
border-radius: var(--rounding-container-m);
background: var(--color-background-base-secondary)
}
.footer-partners-link_content-t811f {
height: 100%;
color: var(--color-content-base-secondary);
justify-content: center;
gap: var(--spacing-8);
flex-direction: column;
display: flex;
overflow: hidden
}
.footer-partners-link_root-t811f.footer-partners-link_withPadding-t811f .footer-partners-link_content-t811f {
gap: var(--spacing-2)
}
.footer-partners-link_content-t811f>span {
white-space: nowrap
}
.footer-partners-link_content-t811f>a {
width: max-content
}
.footer-partners-link_title-t811f {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.variant-1_root-gJQCq {
--padding: var(--spacing-16);
width: auto;
padding: var(--padding);
border-radius: var(--banner-support-footer-rounding-mobile);
background-color: var(--banner-support-footer-color-bg);
gap: var(--spacing-24);
flex-direction: column;
display: flex;
position: relative
}
.variant-1_root-gJQCq:after {
border-style: solid;
border-width: 1px;
border-color: var(--banner-support-footer-color-border);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.variant-1_root-gJQCq:after {
background: var(--banner-support-footer-color-border-grad, var(--banner-support-footer-color-border));
-webkit-mask-composite: xor;
border: none;
padding: 1px;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
@media (min-width:1024px) {
.variant-1_root-gJQCq {
border-radius: var(--banner-support-footer-rounding-desktop);
flex-direction: row;
justify-content: space-between;
align-items: center
}
}
.variant-1_content-gJQCq {
gap: var(--spacing-4);
flex-direction: column;
width: 190px;
display: flex
}
@media (min-width:1024px) {
.variant-1_content-gJQCq {
width: 150px
}
}
.variant-1_content-gJQCq,
.variant-1_root-gJQCq button {
z-index: 1
}
.variant-1_imageWrapper-gJQCq {
z-index: 1;
position: absolute;
inset-block-end: 0;
inset-inline-end: 0
}
@media (min-width:1024px) {
.variant-1_imageWrapper-gJQCq {
display: none
}
}
@media (min-width:1440px) {
.variant-1_imageWrapper-gJQCq {
width: 91px;
height: 100%;
display: block;
position: relative
}
}
.variant-1_image-gJQCq,
.variant-1_bgImage-gJQCq {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
position: absolute
}
.variant-1_image-gJQCq {
width: 91px;
inset-block-end: calc(var(--padding) + 36px);
inset-inline-end: 24px
}
@media (min-width:1440px) {
.variant-1_image-gJQCq {
transform: translate(0, var(--padding));
inset-block-start: unset;
inset-block-end: 0;
inset-inline-end: 0
}
[dir=rtl] .variant-1_image-gJQCq {
inset-inline-end: 40px
}
}
.variant-1_bgImage-gJQCq {
border-radius: var(--rounding-container-m);
width: 243px;
inset-block-end: 0;
inset-inline-end: 0
}
@media (min-width:1024px) {
.variant-1_bgImage-gJQCq {
width: 353px
}
}
@media (min-width:1440px) {
.variant-1_bgImage-gJQCq {
transform: translate(-50%, var(--padding));
inset-inline-start: 50%
}
[dir=rtl] .variant-1_bgImage-gJQCq {
transform: translate(50%, var(--padding));
inset-inline-start: 0%
}
}
.variant-1_title-gJQCq {
color: var(--color-content-base-primary);
gap: var(--spacing-8);
font-family: var(--font-body-label-font-family);
font-size: var(--font-body-label-font-size);
font-weight: var(--font-body-label-font-weight);
letter-spacing: var(--font-body-label-letter-spacing);
line-height: var(--font-body-label-line-height);
text-transform: var(--font-body-label-text-case);
display: flex
}
.variant-1_secondary-gJQCq {
min-height: 32px;
color: var(--color-content-base-secondary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
@media (min-width:1024px) {
.variant-1_secondary-gJQCq {
min-height: unset
}
}
.variant-1_badge-gJQCq {
height: min-content;
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height);
flex-shrink: 0
}
@media (min-width:1440px) {
.variant-1_hasOwnerBanner-gJQCq {
flex-direction: column;
align-items: start
}
.variant-1_hasOwnerBanner-gJQCq .variant-1_button-gJQCq {
width: 100%
}
.variant-1_hasOwnerBanner-gJQCq .variant-1_imageWrapper-gJQCq {
width: 100%;
height: 100%;
display: contents;
position: absolute
}
.variant-1_hasOwnerBanner-gJQCq .variant-1_image-gJQCq {
width: 91px;
bottom: 52px;
position: absolute;
inset-block-start: revert;
inset-inline-end: 24px
}
.variant-1_hasOwnerBanner-gJQCq .variant-1_bgImage-gJQCq {
border-radius: var(--rounding-container-m);
width: 243px;
inset-block-end: 0;
inset-inline-start: initial;
overflow: clip;
transform: none
}
}
.variant-2_root-kbRa3 {
width: auto;
padding: var(--spacing-16);
border-radius: var(--banner-support-footer-rounding-mobile);
background-color: var(--banner-support-footer-color-bg);
flex-direction: column;
display: flex;
position: relative;
overflow: hidden
}
.variant-2_root-kbRa3:after {
border-style: solid;
border-width: 1px;
border-color: var(--banner-support-footer-color-border);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.variant-2_root-kbRa3:after {
background: var(--banner-support-footer-color-border-grad, var(--banner-support-footer-color-border));
-webkit-mask-composite: xor;
border: none;
padding: 1px;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
@media (min-width:1024px) {
.variant-2_root-kbRa3 {
border-radius: var(--banner-support-footer-rounding-desktop)
}
}
.variant-2_content-kbRa3 {
width: 152px;
margin-bottom: var(--spacing-24);
flex-direction: column;
display: flex
}
.variant-2_content-kbRa3,
.variant-2_root-kbRa3 button {
z-index: 1
}
.variant-2_imageWrapper-kbRa3 {
display: contents
}
.variant-2_image-kbRa3,
.variant-2_bgImage-kbRa3 {
border-radius: 0 0 var(--rounding-container-m) 0;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
height: 100%;
position: absolute;
inset-block-end: 0;
inset-inline-end: 0
}
.variant-2_title-kbRa3 {
margin-bottom: var(--spacing-8);
color: var(--color-content-base-primary);
font-family: var(--font-body-label-font-family);
font-size: var(--font-body-label-font-size);
font-weight: var(--font-body-label-font-weight);
letter-spacing: var(--font-body-label-letter-spacing);
line-height: var(--font-body-label-line-height);
text-transform: var(--font-body-label-text-case);
display: flex
}
.variant-2_secondary-kbRa3 {
color: var(--color-content-base-secondary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.variant-2_badge-kbRa3 {
width: fit-content;
margin-bottom: var(--spacing-12);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height)
}
.variant-2_button-kbRa3 {
width: fit-content
}
.variant-1_root-OHZNF {
border-radius: var(--rounding-container-m);
background: var(--color-background-base-secondary);
position: relative;
overflow: hidden
}
.variant-1_contentWrapper-OHZNF {
height: 100%;
padding: var(--spacing-16);
color: var(--color-content-base-secondary);
flex-direction: column;
justify-content: space-between;
gap: 8px;
display: flex
}
.variant-1_title-OHZNF {
width: 55%;
color: var(--color-content-base-primary);
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
margin-bottom: 4px
}
.variant-1_subtitle-OHZNF {
width: 55%;
color: var(--color-content-base-secondary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.variant-1_buttons-OHZNF {
gap: 4px;
display: flex
}
.variant-1_icon-OHZNF {
background: #fff3;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
display: flex
}
.variant-1_image-OHZNF {
bottom: 0;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
width: 243px;
height: auto;
position: absolute;
inset-inline-end: 0
}
.support-row_root-H3DH0 {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
gap: var(--spacing-12);
grid-template-columns: 1fr;
display: grid
}
@media (min-width:1024px) {
.support-row_root-H3DH0 {
gap: var(--spacing-16);
grid-template-columns: 1fr 1fr
}
}
.support-row_emailWrapper-H3DH0 {
gap: var(--spacing-12);
grid-template-columns: 1fr;
display: grid
}
@media (min-width:1024px) {
.support-row_emailWrapper-H3DH0 {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
}
}
.support-row_ownerBanner-H3DH0 {
min-height: 148px;
margin-top: var(--spacing-12)
}
.support-row_hasOwnerBanner-H3DH0 .support-row_emailWrapper-H3DH0 {
grid-template-columns: 1fr
}
@media (min-width:1024px) {
.support-row_ownerBanner-H3DH0 {
min-height: 0;
margin-top: 0
}
.support-row_hasOwnerBanner-H3DH0 {
gap: var(--spacing-12);
grid-template-columns: 1fr 1fr
}
.support-row_hasOwnerBanner-H3DH0 .support-row_supportBlock-H3DH0 {
grid-column-start: span 2
}
}
@media (min-width:1440px) {
.support-row_ownerBanner-H3DH0 {
min-height: 0;
margin-top: 0
}
.support-row_hasOwnerBanner-H3DH0 {
grid-template-columns: 1fr 1fr 1fr
}
.support-row_hasOwnerBanner-H3DH0 .support-row_supportBlock-H3DH0 {
grid-column-start: span 1
}
}
.heading_root-VrlCJ {
font-family: var(--banner-main-font-font-family);
font-size: var(--banner-main-font-mobile-font-size);
font-weight: var(--banner-main-font-mobile-font-weight);
letter-spacing: var(--banner-main-font-mobile-letter-spacing);
line-height: var(--banner-main-font-mobile-line-height);
text-transform: var(--banner-main-font-text-case)
}
@media (min-width:768px) {
.heading_root-VrlCJ {
font-size: var(--banner-main-font-tablet-font-size);
font-weight: var(--banner-main-font-tablet-font-weight);
letter-spacing: var(--banner-main-font-tablet-letter-spacing);
line-height: var(--banner-main-font-tablet-line-height)
}
}
@media (min-width:1024px) {
.heading_root-VrlCJ {
font-size: var(--banner-main-font-desktop-font-size);
font-weight: var(--banner-main-font-desktop-font-weight);
letter-spacing: var(--banner-main-font-desktop-letter-spacing);
line-height: var(--banner-main-font-desktop-line-height)
}
}
.heading_root-VrlCJ {
color: var(--color-content-base-static-white);
-webkit-user-select: none;
user-select: none
}
.banner_root-Vtqer {
border-radius: var(--banner-main-rounding-mobile-left-top) var(--banner-main-rounding-mobile-right-top) var(--banner-main-rounding-mobile-right-bottom) var(--banner-main-rounding-mobile-left-bottom);
background: var(--banner-main-color-bg);
position: relative;
overflow: hidden
}
@media (min-width:768px) {
.banner_root-Vtqer {
border-radius: var(--banner-main-rounding-tablet-left-top) var(--banner-main-rounding-tablet-right-top) var(--banner-main-rounding-tablet-right-bottom) var(--banner-main-rounding-tablet-left-bottom)
}
}
@media (min-width:1024px) {
.banner_root-Vtqer {
border-radius: var(--banner-main-rounding-desktop-left-top) var(--banner-main-rounding-desktop-right-top) var(--banner-main-rounding-desktop-right-bottom) var(--banner-main-rounding-desktop-left-bottom)
}
}
.banner_content-Vtqer {
padding: var(--banner-main-padding-mobile-top) var(--banner-main-padding-mobile-right) var(--banner-main-padding-mobile-bottom) var(--banner-main-padding-mobile-left);
flex-direction: column;
align-items: start;
display: flex;
position: absolute;
inset: 0
}
@media (min-width:768px) {
.banner_content-Vtqer {
padding: var(--banner-main-padding-tablet-top) var(--banner-main-padding-tablet-right) var(--banner-main-padding-tablet-bottom) var(--banner-main-padding-tablet-left)
}
}
@media (min-width:1024px) {
.banner_content-Vtqer {
padding: var(--banner-main-padding-desktop-top) var(--banner-main-padding-desktop-right) var(--banner-main-padding-desktop-bottom) var(--banner-main-padding-desktop-left)
}
}
.banner_buttons-Vtqer {
justify-content: space-between;
align-self: stretch;
align-items: end;
margin-top: auto;
display: flex
}
.banner_additionalText-Vtqer {
margin-top: -50px;
margin-bottom: calc(-38px - var(--banner-main-padding-mobile-right));
font-family: var(--font-caption-font-family);
letter-spacing: .1px;
margin-inline: auto calc(-58px - var(--banner-main-padding-mobile-right));
padding-top: 50px;
padding-bottom: 50px;
text-align: end;
background: radial-gradient(45% 45%, #00000080 0%, #0000 100%);
padding-inline: 70px;
font-size: 10px;
line-height: 1.4;
display: block
}
@media (min-width:1024px) {
.banner_additionalText-Vtqer {
margin-bottom: -50px;
margin-inline-end: 45px;
font-size: 8px
}
}
.banner_additionalText-Vtqer a {
font-weight: var(--font-caption-xs-semibold-font-weight)
}
.banner_image-Vtqer {
object-fit: cover
}
.banner_variant-2-Vtqer.banner_root-Vtqer {
background: var(--v366c5986);
height: 100%
}
.banner_variant-2-Vtqer.banner_root-Vtqer:after {
border-style: solid;
border-width: 1px;
border-color: var(--banner-main-border);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.banner_variant-2-Vtqer.banner_root-Vtqer:after {
background: var(--banner-main-border-grad, var(--banner-main-border));
-webkit-mask-composite: xor;
border: none;
padding: 1px;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
.banner_variant-2-Vtqer .banner_content-Vtqer {
z-index: 1;
justify-content: space-between;
height: 100%;
position: relative
}
.banner_variant-2-Vtqer .banner_image-Vtqer {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.banner_variant-2-Vtqer .banner_heading-Vtqer {
max-width: var(--banner-main-content-mobile-max-width)
}
@media (min-width:768px) {
.banner_variant-2-Vtqer .banner_heading-Vtqer {
max-width: var(--banner-main-content-tablet-max-width)
}
}
@media (min-width:1024px) {
.banner_variant-2-Vtqer .banner_heading-Vtqer {
max-width: var(--banner-main-content-desktop-max-width)
}
}
.dots_root-oeJqY {
padding: var(--dots-pagination-layout-container-padding);
border-radius: var(--dots-pagination-layout-container-radius);
background-color: var(--color-background-base-alfa-neutral-12);
gap: var(--dots-pagination-layout-container-gap);
display: flex
}
.dots_root-oeJqY.dots_timed-oeJqY {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-color: var(--color-background-base-alfa-static-white-8)
}
.dots_blur-oeJqY {
border: var(--border-s) solid #ffffff03;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
background-color: #ffffff0d
}
.dots_dot-oeJqY {
border-radius: var(--dots-pagination-layout-dot-radius);
background-color: var(--color-content-base-alfa-static-white-32);
width: 5px;
height: 5px
}
.dots_dot-oeJqY.dots_active-oeJqY {
background-color: var(--color-content-base-primary)
}
.dots_timed-oeJqY .dots_dot-oeJqY {
transition: width .1s;
position: relative
}
.dots_active-oeJqY:is(.dots_timed-oeJqY .dots_dot-oeJqY) {
background-color: var(--color-content-base-alfa-static-white-32);
width: 17px;
overflow: hidden
}
.dots_active-oeJqY:is(.dots_timed-oeJqY .dots_dot-oeJqY):before {
width: var(--a1087cfa);
border-radius: var(--dots-pagination-layout-dot-radius);
background-color: var(--color-background-base-static-white);
content: "";
height: 5px;
display: block;
position: absolute;
inset-inline-start: 0
}
.scaler_root-6cN03 {
width: 100%;
height: 100%;
position: relative
}
.scaler_item-6cN03 {
transform-origin: 0 0
}
[dir=rtl] .scaler_item-6cN03 {
transform-origin: 100% 0
}
.arrows_root-e5rVC {
width: 150px;
height: 88px;
padding: var(--spacing-16);
pointer-events: none;
background-image: radial-gradient(100% 100% at 100% 100%, #000 21.54%, #0000 100%);
border-end-end-radius: var(--rounding-container-xl);
transition: opacity .1s linear;
display: inline-flex;
position: relative;
overflow: hidden
}
[dir=rtl] .arrows_root-e5rVC {
background-image: radial-gradient(100% 100% at 0 100%, #000 21.54%, #0000 100%)
}
.arrows_content-e5rVC {
border-radius: var(--rounding-container-s);
background: var(--color-background-base-alfa-static-white-20);
margin-top: auto;
pointer-events: auto;
gap: 5px;
margin-inline-start: auto;
padding: 5px;
display: flex
}
.arrows_arrow-e5rVC {
opacity: .5
}
.arrows_button-e5rVC {
border-radius: var(--rounding-control-s);
width: 35px;
height: 35px;
color: var(--color-content-base-alfa-static-white-64);
cursor: pointer;
background-color: #ffffff4d;
justify-content: center;
align-items: center;
display: flex
}
.arrows_button-e5rVC:hover {
background-color: #fff9
}
.arrows_button-e5rVC:hover .arrows_arrow-e5rVC {
opacity: 1
}
.banners-carousel_scaler-pijlK {
opacity: 0;
flex-grow: 1;
transition: opacity .28s ease-in
}
.banners-carousel_loaded-pijlK .banners-carousel_scaler-pijlK {
opacity: 1
}
.banners-carousel_preloaded-pijlK .banners-carousel_scaler-pijlK {
transition: none
}
.banners-carousel_arrows-pijlK {
z-index: 1;
opacity: 0;
transition: opacity .28s ease-in;
position: absolute;
inset-block-end: 0;
inset-inline-end: 0
}
.banners-carousel_preloaded-pijlK .banners-carousel_arrows-pijlK {
transition: none
}
.banners-carousel_root-pijlK {
border-radius: var(--rounding-container-l);
min-width: 0;
max-width: 100%;
aspect-ratio: var(--v3bb7e4d4);
box-shadow: 0 0 0 1px var(--banner-main-border);
flex-direction: column;
display: flex;
position: relative;
overflow: hidden
}
@media (min-width:1024px) {
.banners-carousel_root-pijlK {
border-radius: var(--rounding-container-xl);
overflow: hidden
}
}
.banners-carousel_root-pijlK:hover .banners-carousel_arrows-pijlK {
opacity: 1
}
.banners-carousel_root-pijlK .banners-carousel_swiper-pijlK {
height: 100%
}
.banners-carousel_dots-pijlK {
z-index: 1;
bottom: -60px;
position: absolute;
inset-block-end: var(--banner-main-padding-mobile-bottom);
inset-inline-start: var(--banner-main-padding-mobile-left)
}
@media (min-width:1024px) {
.banners-carousel_dots-pijlK {
inset-block-end: var(--banner-main-padding-desktop-bottom);
inset-inline-start: var(--banner-main-padding-desktop-left)
}
}
.banners-carousel_skeleton-pijlK {
border-radius: var(--rounding-container-l);
height: 100%
}
@media (min-width:1024px) {
.banners-carousel_skeleton-pijlK {
border-radius: var(--rounding-container-xl)
}
}
:root {
--swiper-theme-color: #007aff
}
:host {
z-index: 1;
margin-left: auto;
margin-right: auto;
display: block;
position: relative
}
.swiper {
z-index: 1;
margin-left: auto;
margin-right: auto;
padding: 0;
list-style: none;
display: block;
position: relative;
overflow: hidden
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
z-index: 1;
width: 100%;
height: 100%;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
display: flex;
position: relative
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate(0, 0)
}
.swiper-horizontal {
touch-action: pan-y
}
.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
transition-property: transform;
display: block;
position: relative
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
backface-visibility: hidden;
transform: translateZ(0)
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d {
perspective: 1200px
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d
}
.swiper-css-mode>.swiper-wrapper {
scrollbar-width: none;
-ms-overflow-style: none;
overflow: auto
}
:is(.swiper-css-mode>.swiper-wrapper)::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-slides-offset-before);
scroll-margin-inline-start: var(--swiper-slides-offset-before)
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child {
margin-inline-end: var(--swiper-slides-offset-after)
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-slides-offset-before);
scroll-margin-block-start: var(--swiper-slides-offset-before)
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child {
margin-block-end: var(--swiper-slides-offset-after)
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
scroll-snap-type: none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
content: "";
flex-shrink: 0;
order: 9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
pointer-events: none;
z-index: 10;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.swiper-3d .swiper-slide-shadow {
background: #00000026
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(270deg, #00000080, #0000)
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(90deg, #00000080, #0000)
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(#0000, #00000080)
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(#00000080, #0000)
}
.swiper-lazy-preloader {
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-top-color: #0000;
border-radius: 50%;
width: 42px;
height: 42px;
margin-top: -21px;
margin-left: -21px;
position: absolute;
top: 50%;
left: 50%
}
:is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader {
animation: 1s linear infinite swiper-preloader-spin
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.freemoney-main-banner_bannerWrapper-xr9On {
width: 100%;
min-height: 92px;
padding: var(--spacing-12);
border-radius: var(--rounding-container-l);
background-image: var(--banner-freemoney-color-bg-grad);
box-shadow: inset 0 0 0 1px var(--banner-freemoney-color-border);
display: flex;
position: relative
}
@media (min-width:768px) {
.freemoney-main-banner_bannerWrapper-xr9On {
min-height: 152px;
padding: var(--spacing-20)
}
}
@media (min-width:1024px) {
.freemoney-main-banner_bannerWrapper-xr9On {
min-height: unset;
padding: var(--spacing-12)
}
}
@media (min-width:1440px) {
.freemoney-main-banner_bannerWrapper-xr9On {
padding: var(--spacing-20)
}
}
.freemoney-main-banner_badgeStack-xr9On {
display: grid
}
.freemoney-main-banner_badgeStack-xr9On>* {
grid-area: 1/1
}
.freemoney-main-banner_badgeWrapperTop-xr9On,
.freemoney-main-banner_badgeWrapperBottom-xr9On {
flex-direction: column;
display: flex
}
.freemoney-main-banner_badge-xr9On {
border-radius: var(--rounding-component-badge);
background: var(--color-background-base-alfa-static-white-20);
width: fit-content;
color: var(--color-content-base-static-white)
}
.freemoney-main-banner_topBadge-xr9On {
z-index: var(--z-index-cdp-layout);
border: var(--border-m) transparent solid;
inset-block-end: calc(var(--spacing-2)*-1);
inset-inline-start: calc(var(--spacing-2)*-1)
}
.freemoney-main-banner_badgeWrapperTop-xr9On {
z-index: 1
}
.freemoney-main-banner_badgeWrapperTop-xr9On .freemoney-main-banner_badge-xr9On {
background-color: #0000
}
.freemoney-main-banner_badgeWrapperBottom-xr9On {
mix-blend-mode: lighten
}
.freemoney-main-banner_badgeWrapperBottom-xr9On .freemoney-main-banner_badge-xr9On {
background-color: var(--color-background-base-alfa-static-white-20);
color: #0000
}
.freemoney-main-banner_badgeWrapperBottom-xr9On .freemoney-main-banner_topBadge-xr9On {
border-color: #000
}
.freemoney-main-banner_title-xr9On {
font-family: var(--font-body-label-font-family);
font-size: var(--font-body-label-font-size);
font-weight: var(--font-body-label-font-weight);
letter-spacing: var(--font-body-label-letter-spacing);
line-height: var(--font-body-label-line-height);
text-transform: var(--font-body-label-text-case);
flex-direction: column;
display: flex
}
@media (min-width:768px) {
.freemoney-main-banner_title-xr9On {
display: block
}
}
.freemoney-main-banner_backgroundPicture-xr9On {
object-fit: contain;
align-self: center;
max-width: 65%;
max-height: 130%;
position: absolute;
inset-inline-end: 0
}
[dir=rtl] .freemoney-main-banner_backgroundPicture-xr9On {
transform: scaleX(-1)
}
@media (min-width:1024px) {
.freemoney-main-banner_backgroundPicture-xr9On {
max-width: 100%;
inset-block-end: -8px
}
}
@media (min-width:1440px) {
.freemoney-main-banner_backgroundPicture-xr9On {
min-width: 220px;
max-width: 80%;
max-height: 120%;
inset-block-end: unset
}
}
@media (min-width:1920px) {
.freemoney-main-banner_backgroundPicture-xr9On {
width: auto;
max-width: calc(100% + 20px);
max-height: 100%
}
}
.freemoney-main-banner_backgroundPicture-xr9On.freemoney-main-banner_fallback-xr9On {
width: auto;
max-width: calc(100% - 24px);
height: auto;
max-height: calc(100% - 24px)
}
@media (min-width:0) {
.freemoney-main-banner_backgroundPicture-xr9On.freemoney-main-banner_fallback-xr9On {
min-width: 79px
}
}
@media (min-width:768px) {
.freemoney-main-banner_backgroundPicture-xr9On.freemoney-main-banner_fallback-xr9On {
min-width: 104px
}
}
@media (min-width:1024px) {
.freemoney-main-banner_backgroundPicture-xr9On.freemoney-main-banner_fallback-xr9On {
min-width: 104px;
inset-block-end: 8px
}
}
@media (min-width:1440px) {
.freemoney-main-banner_backgroundPicture-xr9On.freemoney-main-banner_fallback-xr9On {
min-width: 192px
}
}
@media (min-width:1920px) {
.freemoney-main-banner_backgroundPicture-xr9On.freemoney-main-banner_fallback-xr9On {
max-width: 232px
}
}
.freemoney-main-banner_bannerDescription-xr9On {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-xs-font-size);
font-weight: var(--font-caption-xs-regular-font-weight);
letter-spacing: var(--font-caption-xs-letter-spacing);
line-height: var(--font-caption-xs-line-height);
max-width: 108px;
min-height: calc(2em + var(--spacing-8));
color: var(--color-content-base-static-white);
text-wrap: balance
}
@media (min-width:768px) {
.freemoney-main-banner_bannerDescription-xr9On {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
max-width: 130px
}
}
.freemoney-main-banner_bannerContent-xr9On {
gap: var(--spacing-4);
flex-direction: column;
width: 100%;
display: flex;
position: relative
}
@media (min-width:768px) {
.freemoney-main-banner_bannerContent-xr9On {
gap: var(--spacing-8)
}
}
.freemoney-main-banner_freemoneySkeleton-xr9On {
border-radius: var(--rounding-container-m);
width: 100%;
min-height: 92px
}
.pulse_root-NyKnT {
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
position: relative
}
.pulse_pulse-NyKnT {
background-color: var(--v2bc81d5e);
border-radius: 50%;
width: 8px;
height: 8px
}
.pulse_pulse-NyKnT:before {
content: "";
border-radius: 50%;
width: 16px;
height: 16px;
position: absolute
}
.pulse_pulse-NyKnT.pulse_variant-default-NyKnT:before {
background-color: var(--v2bc81d5e);
top: 0;
opacity: .3;
animation: .4s ease-in-out infinite alternate pulse_pulse-NyKnT;
inset-inline-start: 0
}
.pulse_pulse-NyKnT.pulse_variant-primary-NyKnT:before {
border: 2px solid var(--color-solid-brand-primary-alfa-68);
animation: 2s ease-in-out infinite pulse_pulse-ring-NyKnT;
inset: 0
}
@keyframes pulse_pulse-NyKnT {
0% {
transform: scale(1)
}
to {
transform: scale(.75)
}
}
@keyframes pulse_pulse-ring-NyKnT {
0% {
opacity: .1
}
20% {
opacity: 1
}
80% {
opacity: 1
}
to {
opacity: .1
}
}
.bonus-banner_bannerWrapper-lrEeT {
width: 100%;
min-height: 92px;
padding: var(--spacing-12);
border-radius: var(--rounding-container-l);
box-shadow: 0 0 0 1px var(--banner-bonuses-color-border);
color: var(--color-content-base-static-white);
flex-direction: column;
align-items: center;
display: flex;
position: relative;
overflow: hidden
}
.bonus-banner_bannerWrapper-lrEeT .bonus-banner_bannerGradient-lrEeT {
background: var(--banner-bonuses-m-bg-grad, var(--banner-bonuses-m-bg));
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
[dir=rtl] :is(.bonus-banner_bannerWrapper-lrEeT .bonus-banner_bannerGradient-lrEeT) {
transform: scaleX(-1)
}
@media (min-width:768px) {
.bonus-banner_bannerWrapper-lrEeT {
min-height: 152px;
padding: var(--spacing-20)
}
}
@media (min-width:1024px) {
.bonus-banner_bannerWrapper-lrEeT {
min-height: unset;
padding: var(--spacing-12)
}
}
@media (min-width:1440px) {
.bonus-banner_bannerWrapper-lrEeT {
padding: var(--spacing-20);
border-radius: var(--rounding-container-xl)
}
}
.bonus-banner_backgroundPicture-lrEeT {
object-fit: contain;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
height: 62px;
position: absolute;
inset-block-end: 0
}
@media (min-width:768px) {
.bonus-banner_backgroundPicture-lrEeT {
height: 100%;
inset-inline-end: 0
}
}
@media (min-width:1024px) {
.bonus-banner_backgroundPicture-lrEeT {
width: 140%;
height: unset;
inset-block-end: -8px;
inset-inline-end: -16px;
transform: rotate(11deg)
}
}
@media (min-width:1440px) {
.bonus-banner_backgroundPicture-lrEeT {
width: 60%;
height: auto;
transform: unset;
inset-block-end: 0;
inset-inline-end: 0
}
}
.bonus-banner_bannerContent-lrEeT {
justify-content: space-between;
align-self: center;
gap: var(--spacing-8);
flex-direction: column;
height: 100%;
display: flex;
position: relative
}
@media (min-width:768px) {
.bonus-banner_bannerContent-lrEeT {
align-self: start
}
}
@media (min-width:1024px) {
.bonus-banner_bannerContent-lrEeT {
justify-content: flex-start
}
}
@media (min-width:1440px) {
.bonus-banner_bannerContent-lrEeT {
justify-content: space-between;
max-width: 46%
}
}
.bonus-banner_bannerDescription-lrEeT {
text-wrap: balance;
display: none
}
@media (min-width:768px) {
.bonus-banner_bannerDescription-lrEeT {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
gap: var(--spacing-4);
display: flex
}
}
.bonus-banner_badge-lrEeT {
background: var(--color-background-base-alfa-static-white-20);
width: fit-content;
color: var(--color-content-base-static-white)
}
.bonus-banner_title-lrEeT {
font-family: var(--font-body-label-font-family);
font-size: var(--font-body-label-font-size);
font-weight: var(--font-body-label-font-weight);
letter-spacing: var(--font-body-label-letter-spacing);
line-height: var(--font-body-label-line-height);
text-transform: var(--font-body-label-text-case)
}
.bonus-banner_bonusBannerSkeleton-lrEeT {
border-radius: var(--rounding-container-m);
width: 100%;
min-height: 92px
}
.button-placeholder_root-9x2pP.button-placeholder_root-9x2pP {
height: var(--button-placeholder__height)
}
.button-placeholder_root-9x2pP.button-placeholder_size-s-9x2pP {
--button-placeholder__height: var(--size-control-s);
border-radius: var(--rounding-control-s)
}
.button-placeholder_root-9x2pP.button-placeholder_size-m-9x2pP {
--button-placeholder__height: var(--size-control-m);
border-radius: var(--rounding-control-m)
}
.button-placeholder_root-9x2pP.button-placeholder_size-xl-9x2pP {
--button-placeholder__height: var(--size-control-xl);
border-radius: var(--rounding-control-xl)
}
.button-placeholder_root-9x2pP.button-placeholder_size-xxl-9x2pP {
--button-placeholder__height: var(--size-control-xxl);
border-radius: var(--rounding-control-xxl)
}
.button-placeholder_root-9x2pP.button-placeholder_isIcon-9x2pP {
width: var(--button-placeholder__height)
}
.button-placeholder_root-9x2pP.button-placeholder_isRounding-9x2pP {
border-radius: var(--rounding-max)
}
.title-placeholder_root-W6EEg {
align-items: center;
gap: var(--spacing-8);
display: flex
}
@media (min-width:1024px) {
.title-placeholder_root-W6EEg {
gap: var(--spacing-12)
}
}
.title-placeholder_title-W6EEg {
border-radius: var(--rounding-max);
width: 100px;
height: 20px
}
@media (min-width:1024px) {
.title-placeholder_title-W6EEg {
height: 22px
}
}
.title-placeholder_icon-W6EEg {
width: var(--size-control-xxs);
height: var(--size-control-xxs);
border-radius: var(--rounding-8)
}
@media (min-width:1024px) {
.title-placeholder_icon-W6EEg {
width: var(--size-control-s);
height: var(--size-control-s)
}
}
.game-card-placeholder_root-CLzr8 {
gap: var(--spacing-8);
flex-direction: column;
display: flex
}
.game-card-placeholder_image-CLzr8 {
border-radius: var(--game-card-placeholder__border-radius, var(--game-card-rounding-mobile));
padding-bottom: 133.33%;
position: relative
}
@media (min-width:1024px) {
.game-card-placeholder_image-CLzr8 {
border-radius: var(--game-card-placeholder__border-radius, var(--game-card-rounding-desktop))
}
}
.game-card-placeholder_box-CLzr8 {
border-radius: var(--rounding-max)
}
.game-card-placeholder_onlineIcon-CLzr8 {
width: 8px;
height: 8px
}
.game-card-placeholder_onlineTitle-CLzr8 {
width: 65%;
height: 16px
}
.game-card-placeholder_online-CLzr8 {
justify-content: flex-start;
align-items: center;
gap: var(--spacing-4);
width: 80%;
height: 17px;
display: flex
}
.arrows-placeholder_root-7YoI1 {
gap: var(--spacing-4);
display: flex
}
.button-placeholder_root-W1rpq {
width: 110px
}
.game-slider-see-more_root-RQT83 {
border-radius: var(--rounding-container-s);
background-color: var(--color-background-base-alfa-neutral-12);
cursor: pointer;
justify-content: center;
align-items: center;
gap: var(--spacing-4);
flex-direction: column;
transition: background-color .1s;
display: flex
}
.game-slider-see-more_root-RQT83:hover {
background-color: var(--color-background-base-alfa-neutral-16)
}
.game-slider-see-more_more-RQT83 {
color: var(--color-content-base-primary);
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height)
}
.game-slider-see-more_games-RQT83 {
color: var(--color-content-base-secondary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.game-slider_title-kA4EO {
cursor: pointer
}
.empty_card-lsHf5 {
padding-top: 112px
}
@media (min-width:1024px) {
.empty_card-lsHf5 {
padding-top: 116px
}
}
.empty_body-lsHf5 {
padding-bottom: 74.5%
}
.games-section-widget_container-9E7yR {
padding: var(--spacing-12) var(--container__padding);
margin: calc(var(--spacing-12)*-1) calc(var(--container__padding)*-1)
}
.games-section-widget_container-9E7yR>* {
scroll-margin: var(--container__padding)
}
@media (min-width:1024px) {
.games-section-widget_container-9E7yR {
padding: var(--spacing-12) var(--spacing-8);
margin: calc(var(--spacing-12)*-1) calc(var(--spacing-8)*-1)
}
.games-section-widget_container-9E7yR>* {
scroll-margin: var(--spacing-8)
}
}
.live-chip_chip-7BQtM {
border: 1px solid var(--color-border-base-alfa-divider);
border-radius: var(--rounding-component-badge);
height: 24px;
color: var(--color-content-base-primary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height);
align-items: center;
gap: 4px;
padding: 0 8px;
display: inline-flex
}
.outcome-block_root-NZgeB {
border-radius: var(--rounding-4);
background-color: var(--color-background-base-alfa-neutral-12);
color: var(--color-content-base-primary);
justify-content: space-between;
align-items: center;
padding: 0 8px;
display: flex
}
.outcome-block_outCome-NZgeB {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.outcome-block_coefficient-NZgeB {
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height)
}
.prematch-chip_chip-EUk4Z {
border: 1px solid var(--color-border-base-alfa-divider);
border-radius: var(--rounding-component-badge);
align-items: center;
gap: 4px;
height: 24px;
padding: 0 8px;
display: inline-flex
}
.prematch-chip_time-EUk4Z {
color: var(--color-content-base-primary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height)
}
.prematch-chip_dot-EUk4Z {
background-color: var(--color-content-base-secondary);
width: 3.5px;
height: 3.5px;
display: inline-block
}
.prematch-chip_date-EUk4Z {
color: var(--color-content-base-secondary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.sport-icon-block_root-NX2m8 {
border-radius: 50%;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: inline-flex;
overflow: hidden
}
.sport-icon-block_root-NX2m8.sport-icon-block_default-NX2m8 {
background-color: var(--color-content-base-tertiary)
}
.sport-icon-block_icon-NX2m8 {
max-width: 16px
}
.sport-icon-block_tournamentIcon-NX2m8 {
width: 100%
}
.sport-icon-block_logoImg-NX2m8 {
object-fit: contain;
width: 100%;
height: 100%
}
.event-card_card-Yt4RJ {
border-radius: var(--rounding-16);
background-color: var(--event-card-color-bg);
cursor: pointer;
min-width: 328px;
height: 220px
}
.event-card_header-Yt4RJ {
height: 48px;
padding: 0 var(--spacing-12);
border-radius: var(--rounding-16) var(--rounding-16) 0 0;
background: var(--event-card-color-header-bg);
align-items: center;
gap: 8px;
display: flex
}
.event-card_headerTitle-Yt4RJ {
flex-direction: column;
display: flex;
overflow: hidden
}
.event-card_headerTitleTournament-Yt4RJ {
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
color: var(--color-content-base-primary);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.event-card_headerTitleTournament-Yt4RJ::selection {
color: inherit;
background: 0 0
}
.event-card_headerTitleSport-Yt4RJ {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height);
color: var(--color-content-base-secondary)
}
.event-card_cardContent-Yt4RJ {
padding: var(--spacing-12);
flex-direction: column;
display: flex
}
.event-card_chip-Yt4RJ {
align-self: start
}
.event-card_teams-Yt4RJ {
margin: var(--spacing-12) 0;
flex-direction: column;
gap: 2px;
display: flex
}
.event-card_teamRow-Yt4RJ {
height: 20px;
font-family: var(--font-body-font-family);
font-size: var(--font-body-semibold-font-size);
font-weight: var(--font-body-semibold-font-weight);
letter-spacing: var(--font-body-semibold-letter-spacing);
line-height: var(--font-body-semibold-line-height);
color: var(--color-content-base-primary);
justify-content: space-between;
display: flex
}
.event-card_teamScore-Yt4RJ {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height);
border-radius: var(--rounding-6);
background-color: var(--color-background-base-alfa-neutral-16);
justify-content: center;
align-items: center;
min-width: 16px;
height: 20px;
display: inline-flex
}
.event-card_outcomesTitle-Yt4RJ {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
color: var(--color-content-base-secondary);
margin-bottom: 6px
}
.event-card_outcomes-Yt4RJ {
grid-template-rows: 36px;
grid-auto-columns: 1fr;
grid-auto-flow: column;
gap: 4px;
display: grid
}
.event-card_roundedLeft-Yt4RJ {
border-radius: var(--rounding-8) var(--rounding-4) var(--rounding-4) var(--rounding-8)
}
.event-card_roundedRight-Yt4RJ {
border-radius: var(--rounding-4) var(--rounding-8) var(--rounding-8) var(--rounding-4)
}
.event-section_container-xHmtP {
padding: var(--spacing-12) var(--container__padding);
margin: calc(var(--spacing-12)*-1) calc(var(--container__padding)*-1)
}
.event-section_container-xHmtP>* {
scroll-margin: var(--container__padding)
}
@media (min-width:1024px) {
.event-section_container-xHmtP {
padding: var(--spacing-12) var(--spacing-8);
margin: calc(var(--spacing-12)*-1) calc(var(--spacing-8)*-1)
}
.event-section_container-xHmtP>* {
scroll-margin: var(--spacing-8)
}
}
.event-section_title-xHmtP {
cursor: pointer
}
.event-section_skeleton-xHmtP {
border-radius: var(--rounding-16);
width: 328px;
height: 220px
}
@media (min-width:1024px) {
.event-section_carouselWrap-xHmtP {
overflow: hidden
}
}
.seo_content-aOKtp {
width: 100%;
max-width: 100%;
height: 80px;
color: var(--color-content-base-secondary);
align-items: flex-start;
gap: var(--spacing-12);
flex-direction: column;
display: flex;
position: relative;
overflow: hidden;
-webkit-mask-image: linear-gradient(0deg, #0000 0, #000 48px);
mask-image: linear-gradient(0deg, #0000 0, #000 48px);
-webkit-mask-position: bottom;
mask-position: bottom
}
.seo_content-aOKtp.seo_content-aOKtp a {
color: var(--color-content-base-secondary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
-webkit-text-decoration: underline;
text-decoration: underline
}
:is(.seo_content-aOKtp.seo_content-aOKtp a):hover,
:is(.seo_content-aOKtp.seo_content-aOKtp a):active {
color: var(--color-gray-100)
}
@media (min-width:768px) {
.seo_content-aOKtp {
gap: var(--spacing-16)
}
}
@media (min-width:1024px) {
.seo_content-aOKtp {
width: 75%;
height: 88px
}
}
@media (min-width:1440px) {
.seo_content-aOKtp {
width: 66.6667%
}
}
@media (min-width:1920px) {
.seo_content-aOKtp {
width: 58.3333%
}
}
.seo_button-aOKtp {
width: 100%;
margin-top: var(--spacing-8)
}
@media (min-width:768px) {
.seo_button-aOKtp {
width: auto
}
}
.seo_icon-aOKtp {
color: var(--color-content-base-secondary);
transition: transform .2s ease
}
.seo_expanded-aOKtp .seo_icon-aOKtp {
transform: rotate(180deg)
}
.seo_expanded-aOKtp .seo_content-aOKtp {
height: auto;
-webkit-mask-image: none;
mask-image: none
}
.seo_expanded-aOKtp .seo_button-aOKtp {
margin-top: var(--spacing-16)
}
@media (min-width:768px) {
.seo_expanded-aOKtp .seo_button-aOKtp {
margin-top: var(--spacing-24)
}
}
.loading-error_root-YpTNS {
height: 132px
}
@media (min-width:1024px) {
.loading-error_root-YpTNS {
height: 140px
}
}
.loading-error_title-YpTNS {
color: var(--color-content-base-primary);
margin-block-end: var(--spacing-12)
}
@media (min-width:1024px) {
.loading-error_title-YpTNS {
margin-block-end: var(--spacing-16)
}
}
.loading-error_title-YpTNS {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h4-mobile-font-size);
font-weight: var(--font-headline-h4-mobile-font-weight);
letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
line-height: var(--font-headline-h4-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.loading-error_title-YpTNS {
font-size: var(--font-headline-h4-desktop-font-size);
font-weight: var(--font-headline-h4-desktop-font-weight);
letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
line-height: var(--font-headline-h4-desktop-line-height)
}
}
.loading-error_text-YpTNS {
color: var(--color-content-base-secondary);
margin-block-end: var(--spacing-16)
}
@media (min-width:1024px) {
.loading-error_text-YpTNS {
margin-block-end: var(--spacing-24)
}
}
.loading-error_text-YpTNS {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.skeleton_title-Cv2Pp {
border-radius: var(--rounding-max);
width: 200px;
height: 20px;
margin-block-end: 21px
}
.skeleton_content-Cv2Pp {
max-width: 100%;
height: 80px;
-webkit-mask-image: linear-gradient(0deg, #0000 0, #000 25px);
mask-image: linear-gradient(0deg, #0000 0, #000 25px)
}
@media (min-width:1024px) {
.skeleton_content-Cv2Pp {
width: 75%;
height: 88px
}
}
@media (min-width:1440px) {
.skeleton_content-Cv2Pp {
width: 66.6667%
}
}
@media (min-width:1920px) {
.skeleton_content-Cv2Pp {
width: 58.3333%
}
}
.skeleton_text-Cv2Pp {
border-radius: var(--rounding-max);
height: 14px
}
.skeleton_text-Cv2Pp:not(:last-child) {
margin-block-end: 6px
}
.skeleton_button-Cv2Pp {
border-radius: 12px;
width: 100%;
height: 44px;
margin-block-start: 8px
}
@media (min-width:1024px) {
.skeleton_button-Cv2Pp {
width: 180px
}
}
.freemoney-sidebar-banner_buttonWrapper-RctBb {
width: 113px;
height: 100%;
display: flex;
position: relative
}
.freemoney-sidebar-banner_root-RctBb {
--compact-width: 48px;
width: 100%;
height: 56px;
padding: var(--spacing-12);
border-radius: var(--banner-sidebar-rounding-lg);
color: var(--color-content-base-static-white);
isolation: isolate;
transition: width var(--common-layout__animation-duration) var(--common-layout__animation-easing), height var(--common-layout__animation-duration) var(--common-layout__animation-easing);
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
overflow: visible
}
.freemoney-sidebar-banner_root-RctBb.freemoney-sidebar-banner_compact-RctBb {
width: var(--compact-width);
height: 76px;
padding: 0 var(--spacing-6) var(--spacing-4);
border-radius: var(--banner-sidebar-rounding-xs);
flex-direction: column;
justify-content: end;
overflow: hidden
}
.freemoney-sidebar-banner_root-RctBb.freemoney-sidebar-banner_compact-RctBb .freemoney-sidebar-banner_buttonWrapper-RctBb {
display: none
}
.freemoney-sidebar-banner_root-RctBb:after {
z-index: 3;
padding: var(--border-s, 1px);
border-radius: inherit;
background: var(--banner-sidebar-freemoney-color-border-grad);
content: "";
-webkit-mask-composite: xor;
pointer-events: none;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
.freemoney-sidebar-banner_gradient-RctBb {
z-index: -1;
border-radius: inherit;
background: var(--banner-sidebar-freemoney-color-bg-grad, var(--banner-sidebar-freemoney-color-bg));
position: absolute;
inset: 0
}
[dir=rtl] .freemoney-sidebar-banner_gradient-RctBb {
transform: scaleX(-1)
}
.freemoney-sidebar-banner_root-RctBb:hover .freemoney-sidebar-banner_gradient-RctBb {
background: var(--banner-sidebar-freemoney-color-bg-hover-grad, var(--banner-sidebar-freemoney-color-bg-hover))
}
.freemoney-sidebar-banner_text-RctBb {
white-space: pre-wrap;
max-width: 100%;
font-family: var(--font-caption-s-label-font-family);
font-size: var(--font-caption-s-label-font-size);
font-weight: var(--font-caption-s-label-font-weight);
letter-spacing: var(--font-caption-s-label-letter-spacing);
line-height: var(--font-caption-s-label-line-height);
text-transform: var(--font-caption-s-label-text-case);
overflow: hidden
}
.freemoney-sidebar-banner_compact-RctBb .freemoney-sidebar-banner_text-RctBb {
z-index: 1;
text-transform: none;
width: 100%;
text-align: center;
white-space: normal;
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-xs-font-size);
font-weight: var(--font-caption-xs-semibold-font-weight);
letter-spacing: var(--font-caption-xs-letter-spacing);
line-height: var(--font-caption-xs-line-height)
}
.freemoney-sidebar-banner_button-RctBb {
z-index: 2;
width: 100%;
display: block
}
.freemoney-sidebar-banner_foreground-RctBb {
z-index: 1;
object-fit: contain;
transition: opacity;
position: absolute
}
.freemoney-sidebar-banner_foregroundFull-RctBb {
width: var(--banner-sidebar-freemoney-image-width);
max-width: 100%;
height: var(--banner-sidebar-freemoney-image-height);
object-position: bottom right;
opacity: 1;
inset-block-end: 0;
inset-inline-end: 0
}
[dir=rtl] .freemoney-sidebar-banner_foregroundFull-RctBb {
object-position: bottom left
}
.freemoney-sidebar-banner_foregroundCompact-RctBb {
width: var(--compact-width);
object-position: center top;
opacity: 0;
inset-block-start: 0;
inset-inline: 0;
margin-inline: auto
}
.freemoney-sidebar-banner_compact-RctBb .freemoney-sidebar-banner_foregroundFull-RctBb {
opacity: 0
}
.freemoney-sidebar-banner_compact-RctBb .freemoney-sidebar-banner_foregroundCompact-RctBb {
opacity: 1
}
.sidebar-dynamic-section_root-RhfPR {
border-bottom: var(--border-s) solid var(--color-border-base-alfa-divider);
padding-block-end: var(--spacing-16)
}
.sidebar-dynamic-section_content-RhfPR {
padding: var(--spacing-4) 0;
flex-direction: column;
display: flex
}
.sidebar-dynamic-section_title-RhfPR {
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height);
color: var(--color-content-base-primary)
}
.sidebar-dynamic-section_title-RhfPR span {
color: var(--color-content-base-secondary);
text-transform: uppercase
}
.sidebar-dynamic-section_subtitle-RhfPR {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height);
color: var(--color-content-base-secondary);
text-transform: uppercase
}
.sidebar-dynamic-section_subtitle-RhfPR span {
color: var(--color-solid-sentiment-positive-default)
}
.sidebar-dynamic-section_subtitle-RhfPR.sidebar-dynamic-section_negative-RhfPR span {
color: var(--color-solid-sentiment-negative-default)
}
.sidebar-dynamic-section_icon-RhfPR {
width: 24px
}
.app-install-widget_root-coSTl {
border-radius: var(--rounding-16);
background: var(--modal-app-promo-color-bg-grad, var(--modal-app-promo-color-bg));
cursor: pointer;
width: 108px;
height: 108px;
margin-block-start: var(--spacing-24);
display: flex;
position: relative
}
.app-install-widget_text-coSTl {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height);
padding: var(--spacing-8);
color: var(--color-content-base-static-white)
}
.app-install-widget_image-coSTl {
border-radius: var(--rounding-16);
width: 100%;
box-shadow: var(--box-shadow-xl);
position: absolute;
bottom: 0;
right: 0
}
.app-install-widget_close-coSTl {
inset: calc(var(--spacing-24)*-1) 0 0 auto;
position: absolute
}
@keyframes welcome-message-widget_spin-in-B4WbD {
0% {
opacity: 0;
transform: scale(0)rotate(-45deg)
}
to {
opacity: 1;
transform: scale(1)rotate(0)
}
}
@keyframes welcome-message-widget_scale-in-B4WbD {
0% {
transform: scale(0)
}
to {
transform: scale(1)
}
}
@keyframes welcome-message-widget_fade-in-B4WbD {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.welcome-message-widget_root-B4WbD {
display: block;
position: fixed;
inset-block-end: var(--spacing-16);
inset-inline-end: var(--spacing-16)
}
.welcome-message-widget_root-B4WbD.welcome-message-widget_mobile-B4WbD {
inset-block-end: calc(var(--spacing-8) + var(--tabbar-layout-height-with-safe-area));
inset-inline-end: var(--spacing-8)
}
.welcome-message-widget_container-B4WbD {
max-width: 256px;
padding: var(--spacing-16);
border-radius: var(--rounding-component-popover);
background-color: var(--modal-color-bg);
gap: var(--spacing-8);
opacity: 0;
transform-origin: 100% 100%;
flex-direction: column;
margin-bottom: 52px;
animation: 1s cubic-bezier(.5, 0, 0, 1) .3s forwards welcome-message-widget_scale-in-B4WbD, .3s cubic-bezier(.5, 0, 0, 1) .4s forwards welcome-message-widget_fade-in-B4WbD;
display: flex
}
[dir=rtl] .welcome-message-widget_container-B4WbD {
transform-origin: 0 100%;
animation: 1s cubic-bezier(.5, 0, 0, 1) .3s forwards welcome-message-widget_scale-in-B4WbD, .3s cubic-bezier(.5, 0, 0, 1) .4s forwards welcome-message-widget_fade-in-B4WbD
}
.welcome-message-widget_container-B4WbD:after {
z-index: -1;
background: var(--modal-color-bg);
width: 20px;
height: 24px;
clip-path: path("M1 24C11.3496 24 19.477 11.1455 20 0L6 0L6 14.5882C5.71316 19.0434 3.31049 22.5578 0 24C0.46229 23.9802 0.929277 24 1 24Z");
content: "";
position: absolute;
inset-block-end: -8px;
inset-inline-end: 0;
transform: rotate(-90deg)
}
[dir=rtl] .welcome-message-widget_container-B4WbD:after {
transform: rotate(0)
}
.welcome-message-widget_container-B4WbD>div {
opacity: 0;
animation: .3s cubic-bezier(0, 0, 0, 1) 1.1s forwards welcome-message-widget_fade-in-B4WbD
}
.welcome-message-widget_avatar-B4WbD {
border: 1.5px solid var(--color-content-base-static-white);
background-color: var(--color-background-base-alfa-scrim);
pointer-events: none;
border-radius: 50%;
width: 41px;
height: 41px;
animation: .5s cubic-bezier(.5, 0, 0, 1) forwards welcome-message-widget_spin-in-B4WbD;
display: block;
position: absolute;
inset-block-end: 0;
inset-inline-end: 0
}
.welcome-message-widget_textBlock-B4WbD {
gap: var(--spacing-8);
flex-direction: column;
display: flex
}
.welcome-message-widget_header-B4WbD {
align-items: flex-end;
gap: var(--spacing-4);
display: flex
}
.welcome-message-widget_subtext-B4WbD {
color: var(--color-content-base-secondary);
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.welcome-message-widget_title-B4WbD {
color: var(--color-content-base-primary);
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height)
}
.welcome-message-widget_subtitle-B4WbD {
align-items: center;
gap: var(--spacing-4);
display: inline-flex;
position: relative
}
.welcome-message-widget_subtitle-B4WbD:after {
width: var(--spacing-4);
height: var(--spacing-4);
border-radius: var(--rounding-max);
background: var(--color-solid-sentiment-positive-default);
box-shadow: 0 0 0 var(--spacing-2) color-mix(in srgb, var(--color-solid-sentiment-positive-default) 20%, transparent);
content: "";
flex-shrink: 0;
display: inline-block
}
.welcome-message-widget_text-B4WbD {
color: var(--color-content-base-static-black);
white-space: pre-wrap;
font-family: var(--font-body-font-family);
font-size: var(--font-body-regular-font-size);
font-weight: var(--font-body-regular-font-weight);
letter-spacing: var(--font-body-regular-letter-spacing);
line-height: var(--font-body-regular-line-height)
}
.welcome-message-widget_main-B4WbD {
gap: var(--spacing-4);
flex-direction: column;
display: flex
}
.welcome-message-widget_button-B4WbD {
z-index: 1;
opacity: 0;
animation: .2s cubic-bezier(0, 0, 0, 1) 1.2s forwards welcome-message-widget_fade-in-B4WbD;
position: absolute;
inset-block-start: var(--spacing-16);
inset-inline-end: var(--spacing-16)
}
.welcome-message-widget_footer-B4WbD {
gap: var(--spacing-8);
display: flex
}
.billing_root-58urH {
border-radius: inherit;
contain: strict;
height: 100%;
overflow: hidden
}
.fortune-wheel-floating-widget_widgetContainer-Xqvsu {
align-items: end;
gap: var(--spacing-4);
flex-direction: column;
display: flex;
position: fixed;
bottom: 120px;
right: 16px
}
[dir=rtl] .fortune-wheel-floating-widget_widgetContainer-Xqvsu {
left: 16px
}
@media (min-width:1024px) {
.fortune-wheel-floating-widget_widgetContainer-Xqvsu {
bottom: 164px;
right: 48px
}
[dir=rtl] .fortune-wheel-floating-widget_widgetContainer-Xqvsu {
left: 48px
}
}
.fortune-wheel-floating-widget_cross-Xqvsu {
color: var(--color-content-base-static-white);
cursor: pointer
}
.fortune-wheel-floating-widget_widget-Xqvsu {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-xs-font-size);
font-weight: var(--font-caption-xs-semibold-font-weight);
letter-spacing: var(--font-caption-xs-letter-spacing);
line-height: var(--font-caption-xs-line-height);
border-radius: var(--rounding-container-s);
background: var(--widget-wheel-color-bg-grad);
width: 52px;
height: 76px;
color: var(--color-content-base-static-white);
cursor: pointer;
align-items: flex-end;
display: flex;
position: relative
}
.fortune-wheel-floating-widget_images-Xqvsu {
border-radius: var(--rounding-container-s);
width: 100%;
height: 100%;
position: absolute;
inset: 0;
overflow: clip
}
.fortune-wheel-floating-widget_wheel-Xqvsu {
position: absolute;
inset: 0
}
.fortune-wheel-floating-widget_badge-Xqvsu {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-xs-font-size);
font-weight: var(--font-caption-xs-semibold-font-weight);
letter-spacing: var(--font-caption-xs-letter-spacing);
line-height: var(--font-caption-xs-line-height);
z-index: 1;
border-radius: var(--rounding-component-badge);
background: var(--menu-tab-badge-color-bg);
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
display: flex;
position: absolute;
inset-block-start: 20px
}
.fortune-wheel-floating-widget_frame-Xqvsu {
position: absolute;
inset: 0
}
.fortune-wheel-floating-widget_wheelContainer-Xqvsu {
position: absolute;
inset-block-start: -14px;
inset-inline-end: -11px
}
.fortune-wheel-floating-widget_text-Xqvsu {
color: var(--color-content-base-static-white);
padding: 6px
}
.fortune-wheel-floating-widget_spinAnimation-Xqvsu {
animation: 25s cubic-bezier(.22, 1, .36, 1) infinite fortune-wheel-floating-widget_spin-Xqvsu
}
@keyframes fortune-wheel-floating-widget_spin-Xqvsu {
0% {
transform: rotate(0)
}
11% {
transform: rotate(180deg)
}
22% {
transform: rotate(180deg)
}
33% {
transform: rotate(360deg)
}
to {
transform: rotate(360deg)
}
}
:where(.paywidget-app) *,
:where(.paywidget-app) :before,
:where(.paywidget-app) :after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: currentColor
}
:where(.paywidget-app) hr {
height: 0;
color: inherit;
border-top-width: 1px
}
:where(.paywidget-app) abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
:where(.paywidget-app) h1,
:where(.paywidget-app) h2,
:where(.paywidget-app) h3,
:where(.paywidget-app) h4,
:where(.paywidget-app) h5,
:where(.paywidget-app) h6 {
font-size: inherit;
font-weight: inherit
}
:where(.paywidget-app) a {
color: inherit;
text-decoration: inherit
}
:where(.paywidget-app) b,
:where(.paywidget-app) strong {
font-weight: bolder
}
:where(.paywidget-app) code,
:where(.paywidget-app) kbd,
:where(.paywidget-app) samp,
:where(.paywidget-app) pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-size: 1em
}
:where(.paywidget-app) small {
font-size: 80%
}
:where(.paywidget-app) sub,
:where(.paywidget-app) sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
:where(.paywidget-app) sub {
bottom: -.25em
}
:where(.paywidget-app) sup {
top: -.5em
}
:where(.paywidget-app) table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse
}
:where(.paywidget-app) button,
:where(.paywidget-app) input,
:where(.paywidget-app) optgroup,
:where(.paywidget-app) select,
:where(.paywidget-app) textarea {
font-family: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0
}
:where(.paywidget-app) button,
:where(.paywidget-app) select {
text-transform: none
}
:where(.paywidget-app) button,
:where(.paywidget-app) [type=button],
:where(.paywidget-app) [type=reset],
:where(.paywidget-app) [type=submit] {
-webkit-appearance: button;
background-color: transparent;
background-image: none
}
:where(.paywidget-app) :-moz-focusring {
outline: auto
}
:where(.paywidget-app) :-moz-ui-invalid {
box-shadow: none
}
:where(.paywidget-app) progress {
vertical-align: baseline
}
:where(.paywidget-app) ::-webkit-inner-spin-button,
:where(.paywidget-app) ::-webkit-outer-spin-button {
height: auto
}
:where(.paywidget-app) [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
:where(.paywidget-app) ::-webkit-search-decoration {
-webkit-appearance: none
}
:where(.paywidget-app) ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
:where(.paywidget-app) summary {
display: list-item
}
:where(.paywidget-app) blockquote,
:where(.paywidget-app) dl,
:where(.paywidget-app) dd,
:where(.paywidget-app) h1,
:where(.paywidget-app) h2,
:where(.paywidget-app) h3,
:where(.paywidget-app) h4,
:where(.paywidget-app) h5,
:where(.paywidget-app) h6,
:where(.paywidget-app) hr,
:where(.paywidget-app) figure,
:where(.paywidget-app) p,
:where(.paywidget-app) pre {
margin: 0
}
:where(.paywidget-app) fieldset {
margin: 0;
padding: 0
}
:where(.paywidget-app) legend {
padding: 0
}
:where(.paywidget-app) ol,
:where(.paywidget-app) ul,
:where(.paywidget-app) menu {
list-style: none;
margin: 0;
padding: 0
}
:where(.paywidget-app) dialog {
padding: 0
}
:where(.paywidget-app) textarea {
resize: vertical
}
:where(.paywidget-app) input::-moz-placeholder,
:where(.paywidget-app) textarea::-moz-placeholder {
opacity: 1;
color: inherit
}
:where(.paywidget-app) input::placeholder,
:where(.paywidget-app) textarea::placeholder {
opacity: 1;
color: inherit
}
:where(.paywidget-app) button,
:where(.paywidget-app) [role=button] {
cursor: pointer
}
:where(.paywidget-app) :disabled {
cursor: default
}
:where(.paywidget-app) img,
:where(.paywidget-app) svg,
:where(.paywidget-app) video,
:where(.paywidget-app) canvas,
:where(.paywidget-app) audio,
:where(.paywidget-app) iframe,
:where(.paywidget-app) embed,
:where(.paywidget-app) object {
display: block;
vertical-align: middle
}
:where(.paywidget-app) img,
:where(.paywidget-app) video {
max-width: 100%;
height: auto
}
:where(.paywidget-app) [hidden] {
display: none
}
:where(.paywidget-app) section {
height: inherit
}
:where(.paywidget-app) input:-webkit-autofill,
:where(.paywidget-app) input:-webkit-autofill:hover,
:where(.paywidget-app) input:-webkit-autofill:focus,
:where(.paywidget-app) input:-webkit-autofill:active {
-webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
-webkit-transition-delay: 9999s
}
:where(.paywidget-app) ::-webkit-scrollbar {
width: 2px
}
:where(.paywidget-app) ::-webkit-scrollbar-track {
background-color: transparent
}
:where(.paywidget-app) ::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: var(--color-background-neutral-alpha-16)
}
:where(.paywidget-app) ::-webkit-scrollbar-thumb:hover {
background-color: var(--color-background-neutral-alpha-20)
}
.paywidget-app ::-webkit-scrollbar-thumb {
border: none
}
:where(.paywidget-app) .fade-enter-active,
:where(.paywidget-app) .fade-leave-active {
transition: opacity .3s
}
:where(.paywidget-app) .fade-enter-from,
:where(.paywidget-app) .fade-leave-to {
opacity: 0
}
:where(.paywidget-app) .position-top-enter-active,
:where(.paywidget-app) .position-top-leave-active {
transition: opacity .3s ease, transform .3s ease
}
:where(.paywidget-app) .position-top-enter-from,
:where(.paywidget-app) .position-top-leave-to {
opacity: 0;
transform: translateY(20px)
}
:where(.paywidget-app) .slide-down-enter-active,
:where(.paywidget-app) .slide-down-leave-active {
transition: opacity .3s ease, transform .3s ease
}
:where(.paywidget-app) .slide-down-enter-from,
:where(.paywidget-app) .slide-down-leave-to {
opacity: 0;
transform: translateY(-100%)
}
:where(.paywidget-app) {
--size-header: 64px;
--size-switch-inner: 16px;
--size-border-method-card: 2px
}
:where(.paywidget-app) .icon-cross {
position: relative;
width: 1em;
height: 1em
}
:where(.paywidget-app) .icon-cross:before,
:where(.paywidget-app) .icon-cross:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 2px;
height: 115%;
background-color: currentColor;
transform-origin: center
}
:where(.paywidget-app) .icon-cross:before {
transform: translate(-50%, -50%) rotate(45deg)
}
:where(.paywidget-app) .icon-cross:after {
transform: translate(-50%, -50%) rotate(-45deg)
}
:where(.paywidget-app) .icon-chevron-left,
:where(.paywidget-app) .icon-chevron-right {
box-sizing: border-box;
position: relative;
display: block;
width: 1em;
height: 1em
}
:where(.paywidget-app) .icon-chevron-right:after,
:where(.paywidget-app) .icon-chevron-left:after {
content: "";
position: absolute;
left: 30%;
top: 18%;
display: block;
box-sizing: border-box;
width: .8em;
height: .8em;
border-bottom: .143em solid;
border-left: .143em solid;
border-radius: 1px;
transform: rotate(45deg)
}
:where(.paywidget-app) .icon-chevron-right:after {
transform: rotate(225deg);
left: 6%
}
:where(.paywidget-app) .icon-chevron-down,
:where(.paywidget-app) .icon-chevron-up {
box-sizing: border-box;
position: relative;
display: block;
width: 1em;
height: 1em;
overflow: hidden
}
:where(.paywidget-app) .icon-chevron-down:after,
:where(.paywidget-app) .icon-chevron-up:after {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
width: 65%;
height: 65%;
border-bottom: .13em solid;
border-right: .13em solid;
transform: rotate(45deg);
transform-origin: center;
left: 20%;
top: 0;
border-radius: 1px;
will-change: transform
}
:where(.paywidget-app) .icon-chevron-up:after {
transform: rotate(225deg)
}
:where(.paywidget-app) .icon-check,
:where(.paywidget-app) .icon-check-mark {
box-sizing: border-box;
position: relative;
display: block;
width: 1em;
height: 1em
}
:where(.paywidget-app) .icon-check:after,
:where(.paywidget-app) .icon-check-mark:after {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
left: 0;
top: -.4em;
width: .6em;
height: .9em;
border-width: 0 .2em .2em 0;
border-style: solid;
transform-origin: bottom left;
transform: rotate(45deg);
border-radius: .15em
}
:where(.paywidget-app) .icon-magnify {
box-sizing: border-box;
position: relative;
display: block
}
:where(.paywidget-app) .icon-magnify:before {
content: "";
display: block;
width: .9em;
height: .9em;
border: .125em solid;
border-radius: 100%
}
:where(.paywidget-app) .icon-magnify:after {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
border-radius: 3px;
width: .125em;
height: .4em;
background: currentColor;
transform: rotate(-45deg);
top: .625em;
left: .8em
}
:where(.paywidget-app) .icon-install {
box-sizing: border-box;
position: relative;
display: block;
width: 1em;
height: .375em;
border: .125em solid;
border-top: 0;
border-bottom-left-radius: .25em;
border-bottom-right-radius: .25em;
margin-top: .5em
}
:where(.paywidget-app) .icon-install:after {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
width: .5em;
height: .5em;
border-left: .125em solid;
border-bottom: .125em solid;
transform: rotate(-45deg);
left: .125em;
bottom: .25em
}
:where(.paywidget-app) .icon-install:before {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
border-radius: .187em;
width: .125em;
height: .625em;
background: currentColor;
left: .31em;
bottom: .31em
}
._root_170pn_2 {
display: inline-flex;
justify-content: center;
align-items: center;
transition: color .25s
}
._color-accent_170pn_9 {
color: var(--color-solid-brand-accent-primary)
}
._color-informative_170pn_13 {
color: var(--color-solid-sentiment-informative-primary)
}
._color-secondary_170pn_17 {
color: var(--color-foreground-neutral-secondary)
}
._color-tertiary_170pn_21 {
color: var(--color-foreground-neutral-tertiary)
}
._color-tertiary_170pn_21:hover {
color: var(--color-foreground-neutral-secondary)
}
._color-warning_170pn_29 {
color: var(--color-solid-sentiment-warning-primary)
}
._color-negative_170pn_33 {
color: var(--color-solid-sentiment-negative-primary)
}
@keyframes _fadeIn_170pn_1 {
to {
opacity: 1
}
}
@keyframes _shimmer_170pn_1 {
0% {
background-position-x: 100%
}
56% {
background-position-x: -100%
}
to {
background-position-x: -100%
}
}
._placeholder_170pn_55 {
height: 100%;
min-width: 10px;
width: 100%;
aspect-ratio: 1 / 1;
backdrop-filter: blur(5px);
border-radius: 50%;
background: var(--color-skeleton-bg);
background-size: 200% 100%;
background-position-x: -100%;
opacity: 0;
animation: _fadeIn_170pn_1 .2s forwards .1s, _shimmer_170pn_1 1.8s infinite linear .1s
}
._rounding-max_170pn_74>svg,
._rounding-max_170pn_74>._placeholder_170pn_55 {
border-radius: 999px
}
._size-full_170pn_81>svg,
._size-full_170pn_81>._placeholder_170pn_55 {
height: 100%
}
._size-xs_170pn_88>svg,
._size-xs_170pn_88>._placeholder_170pn_55 {
width: 12px;
height: 12px
}
._size-xs_170pn_88 ._icon_170pn_95 {
font-size: 12px
}
._size-s_170pn_100>svg,
._size-s_170pn_100>._placeholder_170pn_55 {
width: 16px;
height: 16px
}
._size-s_170pn_100 ._icon_170pn_95 {
font-size: 16px
}
._size-m_170pn_112>svg,
._size-m_170pn_112>._placeholder_170pn_55 {
width: 20px;
height: 20px
}
._size-m_170pn_112 ._icon_170pn_95 {
font-size: 20px
}
._size-m_170pn_112._space_170pn_123 {
padding: 2px
}
._size-l_170pn_128>svg,
._size-l_170pn_128>._placeholder_170pn_55 {
width: 24px;
height: 24px
}
._size-l_170pn_128 ._icon_170pn_95 {
font-size: 24px
}
._size-l_170pn_128._space_170pn_123 {
padding: 4px
}
._size-xl_170pn_144>svg,
._size-xl_170pn_144>._placeholder_170pn_55 {
width: 48px;
height: 48px
}
._size-xl_170pn_144 ._icon_170pn_95 {
font-size: 48px
}
._size-xl_170pn_144._space_170pn_123 {
padding: 8px
}
._color-informative_1emka_2 {
color: var(--color-solid-sentiment-informative-primary)
}
._color-negative_1emka_6 {
color: var(--color-solid-sentiment-negative-primary)
}
._color-primary_1emka_10 {
color: var(--color-foreground-neutral-primary)
}
._color-secondary_1emka_14 {
color: var(--color-foreground-neutral-secondary)
}
._color-tertiary_1emka_18 {
color: var(--color-foreground-neutral-tertiary)
}
._color-warning_1emka_22 {
color: var(--color-solid-sentiment-warning-primary)
}
._size-s_1emka_26 {
font-family: var(--text-body-font-family);
font-weight: var(--text-subhead-regular-font-weight);
font-size: var(--text-subhead-regular-font-size);
line-height: var(--text-subhead-regular-line-height);
letter-spacing: var(--text-subhead-regular-letter-spacing)
}
._size-s-sb_1emka_30 {
font-family: var(--text-body-font-family);
font-weight: var(--text-subhead-strong-font-weight);
font-size: var(--text-subhead-strong-font-size);
line-height: var(--text-subhead-strong-line-height);
letter-spacing: var(--text-subhead-strong-letter-spacing)
}
._size-m_1emka_34 {
font-family: var(--text-body-font-family);
font-weight: var(--text-body-regular-font-weight);
font-size: var(--text-body-regular-font-size);
line-height: var(--text-body-regular-line-height);
letter-spacing: var(--text-body-regular-letter-spacing)
}
._size-m-sb_1emka_38 {
font-family: var(--text-body-font-family);
font-weight: var(--text-body-strong-font-weight);
font-size: var(--text-body-strong-font-size);
line-height: var(--text-body-strong-line-height);
letter-spacing: var(--text-body-strong-letter-spacing)
}
._size-m-link_1emka_42 {
font-family: var(--text-body-font-family);
font-weight: var(--text-body-regular-font-weight);
font-size: var(--text-body-regular-font-size);
line-height: var(--text-body-regular-line-height);
letter-spacing: var(--text-body-regular-letter-spacing);
-webkit-text-decoration: var(--text-body-link-decoration);
text-decoration: var(--text-body-link-decoration)
}
._size-l-sb_1emka_46 {
font-family: var(--text-headline-font-family);
font-weight: var(--text-headline-font-weight);
font-size: var(--text-headline-font-size);
line-height: var(--text-headline-line-height);
letter-spacing: var(--text-headline-letter-spacing)
}
._root_13mhn_2 {
border-radius: var(--rounding-element-box-l);
background-color: var(--color-section-background);
overflow: hidden
}
._header_13mhn_8 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
width: 100%;
padding: 16px;
text-align: left;
cursor: pointer;
background: none;
border: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
._header_13mhn_8:active {
opacity: var(--opacity-item-active)
}
._header_13mhn_8:focus-visible {
outline: var(--color-border-focus) solid var(--size-border-focus);
outline-offset: calc(var(--size-border-focus) * -1)
}
._icon_13mhn_32 {
flex-shrink: 0;
transition: transform .2s ease
}
._iconOpen_13mhn_37 {
transform: rotate(180deg)
}
._collapse_13mhn_41 {
box-sizing: border-box
}
._body_13mhn_45 {
padding: 0 16px 16px;
color: var(--color-foreground-neutral-secondary)
}
._root_ap20g_2 {
border-radius: var(--rounding-element-box-l);
padding: 12px 16px;
white-space: pre-wrap
}
._variant-outlined_ap20g_8 {
border: 1px solid var(--color-border-neutral-alpha-16);
background-color: transparent
}
._variant-neutral_ap20g_13 {
border: none;
background-color: var(--color-background-neutral-alpha-16)
}
._container_ap20g_18 {
display: flex;
align-items: center;
gap: 12px
}
._backdrop_8en7g_2 {
position: absolute;
inset: 0;
z-index: 98;
pointer-events: auto;
background-color: transparent
}
._modal_8en7g_10 {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
display: flex;
flex-direction: column;
overflow: hidden;
pointer-events: auto;
max-height: 85%;
background-color: var(--color-layout-background);
border-radius: 16px 16px 0 0
}
._header_8en7g_25 {
display: flex;
flex-shrink: 0;
align-items: center;
gap: 8px;
padding: 16px 16px 12px;
background-color: inherit
}
._headerContent_8en7g_34 {
flex: 1;
min-width: 0
}
._closeButton_8en7g_39 {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
padding: 4px;
background: none;
border: none;
cursor: pointer;
-webkit-tap-highlight-color: transparent
}
._closeButton_8en7g_39:hover {
opacity: .7
}
._body_8en7g_55 {
overflow-y: auto;
padding: 0 16px 16px
}
._root_1ilcn_2 {
display: inline-flex;
justify-content: center;
align-items: center;
gap: var(--gap-button);
transition: outline-color .25s, background-color .25s, color .25s;
outline: transparent solid var(--size-border-focus);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent
}
._root_1ilcn_2:active {
opacity: var(--opacity-item-active)
}
._root_1ilcn_2:disabled {
opacity: var(--opacity-item-disabled)
}
._root_1ilcn_2:focus-visible {
outline: var(--color-border-focus) solid var(--size-border-focus);
outline-offset: var(--size-border-focus)
}
._plain-color-default_1ilcn_29 {
color: var(--color-foreground-static-black);
background-color: var(--color-background-static-white)
}
._plain-color-default_1ilcn_29:hover:not(:disabled) {
background-color: var(--color-background-static-white-alpha-96)
}
._plain-color-accent_1ilcn_38 {
color: var(--color-solid-brand-accent-primary)
}
._plain-color-accent_1ilcn_38:hover:not(:disabled) {
color: var(--color-solid-brand-accent-secondary)
}
._plain-color-neutral_1ilcn_46 {
color: var(--color-background-neutral-alpha-16)
}
._plain-color-neutral_1ilcn_46:hover:not(:disabled) {
color: var(--color-background-neutral-alpha-20)
}
._plain-color-primary_1ilcn_54 {
color: var(--color-solid-brand-main-primary)
}
._plain-color-primary_1ilcn_54:hover:not(:disabled) {
color: var(--color-solid-brand-main-secondary)
}
._plain-size-s_1ilcn_62,
._plain-size-m_1ilcn_63,
._plain-size-xl_1ilcn_64 {
font-family: var(--text-body-font-family);
font-weight: var(--text-body-strong-font-weight);
font-size: var(--text-body-strong-font-size);
line-height: var(--text-body-strong-line-height);
letter-spacing: var(--text-body-strong-letter-spacing)
}
._solid-color-accent_1ilcn_68 {
background: var(--color-button-accent-bg-default) !important;
color: var(--color-button-accent-fg-default)
}
._solid-color-accent_1ilcn_68:hover:not(:disabled) {
background: var(--color-button-accent-bg-hover) !important
}
._solid-color-default_1ilcn_77 {
color: var(--color-foreground-static-black);
background-color: var(--color-background-static-white)
}
._solid-color-default_1ilcn_77:hover:not(:disabled) {
background-color: var(--color-background-static-white-alpha-96)
}
._solid-color-neutral_1ilcn_86 {
background-color: var(--color-background-neutral-alpha-16) !important;
color: var(--color-foreground-neutral-primary)
}
._solid-color-neutral_1ilcn_86:hover:not(:disabled) {
background-color: var(--color-background-neutral-alpha-20) !important
}
._solid-color-primary_1ilcn_95 {
background: var(--color-button-primary-bg-default-grad) !important;
color: var(--color-button-primary-fg-default)
}
._solid-color-primary_1ilcn_95:hover:not(:disabled) {
background: var(--color-button-primary-bg-hover) !important
}
._solid-size-s_1ilcn_105 {
font-family: var(--text-body-font-family);
font-weight: var(--text-subhead-strong-font-weight);
font-size: var(--text-subhead-strong-font-size);
line-height: var(--text-subhead-strong-line-height);
letter-spacing: var(--text-subhead-strong-letter-spacing);
height: var(--size-button-s);
padding: 8px var(--padding-button-s);
border-radius: var(--rounding-element-box-s)
}
._solid-size-m_1ilcn_113 {
font-family: var(--text-body-font-family);
font-weight: var(--text-body-strong-font-weight);
font-size: var(--text-body-strong-font-size);
line-height: var(--text-body-strong-line-height);
letter-spacing: var(--text-body-strong-letter-spacing);
height: var(--size-button-m);
padding: 8px var(--padding-button-xl);
border-radius: var(--rounding-element-box-m)
}
._solid-size-xl_1ilcn_121 {
font-family: var(--text-body-font-family);
font-weight: var(--text-body-strong-font-weight);
font-size: var(--text-body-strong-font-size);
line-height: var(--text-body-strong-line-height);
letter-spacing: var(--text-body-strong-letter-spacing);
height: var(--size-button-xl);
padding: 12px var(--padding-button-xl);
border-radius: var(--rounding-element-box-m)
}
._rounding-max_1ilcn_129 {
border-radius: var(--rounding-element-pill-m)
}
._color-informative_1ssrb_2 {
color: var(--color-solid-sentiment-informative-primary)
}
._color-negative_1ssrb_6 {
color: var(--color-solid-sentiment-negative-primary)
}
._color-primary_1ssrb_10 {
color: var(--color-foreground-neutral-primary)
}
._color-secondary_1ssrb_14 {
color: var(--color-foreground-neutral-secondary)
}
._color-tertiary_1ssrb_18 {
color: var(--color-foreground-neutral-tertiary)
}
._color-warning_1ssrb_22 {
color: var(--color-solid-sentiment-warning-primary)
}
._size-xs_1ssrb_26 {
font-family: var(--text-caption-font-family);
font-weight: var(--text-caption-xs-font-weight);
font-size: var(--text-caption-xs-font-size);
line-height: var(--text-caption-xs-line-height);
letter-spacing: var(--text-caption-xs-letter-spacing)
}
._size-s_1ssrb_30 {
font-family: var(--text-caption-font-family);
font-weight: var(--text-caption-s-regular-font-weight);
font-size: var(--text-caption-s-font-size);
line-height: var(--text-caption-s-line-height);
letter-spacing: var(--text-caption-s-letter-spacing)
}
._size-s-sb_1ssrb_34 {
font-family: var(--text-caption-font-family);
font-weight: var(--text-caption-s-semibold-font-weight);
font-size: var(--text-caption-s-font-size);
line-height: var(--text-caption-s-line-height);
letter-spacing: var(--text-caption-s-letter-spacing)
}
._root_dhrvy_2 {
border-radius: var(--rounding-element-box-l);
cursor: default;
outline: transparent solid var(--size-border-focus);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: outline-color .25s;
background-color: var(--color-background-neutral-alpha-16) !important;
-webkit-tap-highlight-color: transparent
}
._root_dhrvy_2._disabled_dhrvy_11 {
opacity: .5;
pointer-events: none;
cursor: not-allowed
}
._root_dhrvy_2._pressable_dhrvy_17 {
cursor: pointer
}
._root_dhrvy_2._pressable_dhrvy_17:active {
opacity: var(--opacity-item-active)
}
._root_dhrvy_2._pressable_dhrvy_17:focus-visible {
outline: var(--color-border-focus) solid var(--size-border-focus);
outline-offset: var(--size-border-focus)
}
._root_dhrvy_2._pressable_dhrvy_17:hover {
background-color: var(--color-background-neutral-alpha-20) !important
}
._size-m_dhrvy_35 {
padding: 12px
}
._size-l_dhrvy_39 {
padding: 16px
}
._root_f8uh2_2 {
display: inline-flex;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
padding: 4px;
font-size: 12px;
border: 1px solid var(--color-border-neutral-alpha-16);
border-radius: var(--rounding-element-pill-m)
}
._color-accent_f8uh2_14 {
background-color: var(--color-solid-brand-accent-primary);
color: var(--color-brand-accent-foreground)
}
._color-primary_f8uh2_19 {
background-color: var(--color-solid-brand-main-primary);
color: var(--color-brand-main-foreground)
}
._root_rtwqj_2 {
max-width: calc(1440px + var(--iframe-padding) * 2);
height: inherit;
margin: 0 auto;
padding: var(--iframe-padding)
}
._root_rtwqj_2._partial_rtwqj_8 {
padding: 0 calc(var(--iframe-padding) - 4px) calc(var(--iframe-padding) - 4px)
}
._root_14a1w_2 {
display: flex;
width: -moz-fit-content;
width: fit-content;
padding: 2px 8px;
font-variant-numeric: tabular-nums;
text-align: left;
border-radius: var(--rounding-element-pill-m);
cursor: default
}
._timer_14a1w_12 {
white-space: nowrap
}
._color-default_14a1w_16 {
background-color: var(--color-background-neutral-alpha-20)
}
._color-static_14a1w_20 {
background-color: var(--color-background-static-white-alpha-20)
}
._root_1wtnk_2 {
display: flex;
align-items: center;
gap: 12px
}
._container_1wtnk_8 {
display: flex;
align-items: center;
gap: 8px;
overflow: hidden
}
._root_1ogqt_2 {
width: 100%;
height: 1px;
background-color: var(--color-border-neutral-alpha-16)
}
._root_1ogqt_2._dashed_1ogqt_7 {
background-image: repeating-linear-gradient(to right, var(--color-border-neutral-alpha-16) 0 4px, transparent 4px 8px);
background-color: transparent
}
._root_2mod_2 {
position: relative
}
._wrapper_2mod_6 {
display: flex;
flex-direction: column;
gap: 4px
}
._container_2mod_12 {
position: relative
}
._trigger_2mod_16 {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--gap-dropdown);
height: var(--size-dropdown);
padding: 0 var(--padding-dropdown);
box-shadow: inset 0 0 0 1px var(--dropdown-trigger-border, var(--color-input-border));
border-radius: var(--rounding-element-box-m);
outline: transparent solid var(--size-border-focus);
transition: outline-color .25s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: var(--dropdown-trigger-bg, var(--color-input-background-default)) !important;
color: var(--color-foreground-neutral-primary);
-webkit-tap-highlight-color: transparent
}
._trigger_2mod_16:active {
opacity: var(--opacity-item-active)
}
._trigger_2mod_16:disabled {
opacity: var(--opacity-item-disabled)
}
._trigger_2mod_16:focus-visible {
outline: var(--color-border-focus) solid var(--size-border-focus);
outline-offset: var(--size-border-focus)
}
._trigger_2mod_16:hover:not(:disabled) {
background-color: var(--dropdown-trigger-bg-hover, var(--color-input-background-hover)) !important
}
._trigger_2mod_16._error_2mod_50 {
border: 1px solid var(--color-solid-sentiment-negative-primary)
}
._label_2mod_55 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
._input_2mod_59 {
width: calc(100% - var(--padding-dropdown) * 2) !important
}
._chevronIcon_2mod_63 {
transition: transform .25s;
transform: rotate(0)
}
._chevronIcon_2mod_63._active_2mod_67 {
transform: rotate(180deg)
}
._toggleButton_2mod_72 {
position: absolute;
top: calc(var(--size-dropdown) / 2);
right: var(--padding-dropdown);
font-size: 16px
}
._toggleButton_2mod_72:dir(rtl) {
right: auto;
left: var(--padding-dropdown)
}
._toggleButtonIcon_2mod_84 {
transition: transform .25s;
transform: translateY(-50%) rotate(0)
}
._toggleButtonIcon_2mod_84._active_2mod_67 {
transform: translateY(-50%) rotate(180deg)
}
._list_2mod_93 {
position: absolute;
width: var(--dropdown-list-width, 100%);
top: calc(var(--size-dropdown) + 8px);
left: var(--dropdown-list-inset-inline-start, 0);
right: var(--dropdown-list-inset-inline-end, auto);
z-index: 30;
border-radius: var(--rounding-surface-m);
overflow: hidden
}
._list_2mod_93>*:first-child {
border-top-left-radius: var(--rounding-surface-m);
border-top-right-radius: var(--rounding-surface-m)
}
._list_2mod_93>*:last-child {
border-bottom-left-radius: var(--rounding-surface-m);
border-bottom-right-radius: var(--rounding-surface-m)
}
._container_1y76w_2 {
display: flex;
align-items: center;
gap: 12px
}
._root_1f83g_2 {
display: inline-flex;
border-radius: 999px
}
._color-informative_1f83g_7 {
background-color: var(--color-solid-sentiment-informative-primary);
color: #fff
}
._color-secondary_1f83g_12 {
background-color: var(--color-foreground-neutral-secondary);
color: #fff
}
._size-xs_1f83g_17 {
padding: 6px
}
._size-s_1f83g_21 {
padding: 8px
}
._size-m_1f83g_25 {
padding: 10px
}
._size-l_1f83g_29 {
padding: 12px
}
._size-xl_1f83g_33 {
padding: 16px
}
._root_1rdnt_2 {
display: flex;
flex-direction: column;
gap: var(--margin-input-caption)
}
._wrapper_1rdnt_8 {
position: relative;
display: flex;
align-items: center;
gap: var(--gap-input);
height: var(--size-input-base);
padding: 0 var(--padding-input);
border: 1px solid var(--color-input-border);
border-radius: var(--rounding-element-box-m);
cursor: text;
background-color: var(--color-input-background-default);
color: var(--color-foreground-neutral-primary)
}
._wrapper_1rdnt_8._disabled_1rdnt_21 {
cursor: default;
opacity: var(--opacity-item-disabled)
}
._wrapper_1rdnt_8._focus_1rdnt_26 {
opacity: var(--opacity-item-active);
border: 1px solid var(--color-border-focus)
}
._wrapper_1rdnt_8._error_1rdnt_31 {
border: 1px solid var(--color-solid-sentiment-negative-primary)
}
._wrapper_1rdnt_8._hover_1rdnt_35 {
background-color: var(--color-input-background-hover)
}
._inner_1rdnt_40 {
display: flex;
align-items: center;
gap: var(--gap-input);
width: 100%;
position: relative
}
._label_1rdnt_48 {
font-family: var(--text-body-font-family);
font-weight: var(--text-body-regular-font-weight);
font-size: var(--text-body-regular-font-size);
line-height: var(--text-body-regular-line-height);
letter-spacing: var(--text-body-regular-letter-spacing);
overflow: hidden;
white-space: nowrap;
position: absolute;
top: 50%;
transform: translateY(-50%);
max-width: calc(var(--v32563bc2) - 16px * 4);
transition: top .25s, transform .25s, font-size .25s;
pointer-events: none;
color: var(--color-foreground-neutral-secondary);
text-overflow: ellipsis;
left: 0;
width: 100%
}
._label_1rdnt_48._active_1rdnt_66 {
font-family: var(--text-caption-font-family);
font-weight: var(--text-caption-xs-font-weight);
font-size: var(--text-caption-xs-font-size);
line-height: var(--text-caption-xs-line-height);
letter-spacing: var(--text-caption-xs-letter-spacing);
top: 0;
transform: none
}
._input_1rdnt_74 {
font-family: var(--text-body-font-family);
font-weight: var(--text-body-regular-font-weight);
font-size: var(--text-body-regular-font-size);
line-height: var(--text-body-regular-line-height);
letter-spacing: var(--text-body-regular-letter-spacing);
width: 100%;
outline: none;
background-color: transparent;
color: var(--color-foreground-neutral-primary)
}
._input_1rdnt_74::-moz-placeholder {
color: var(--color-foreground-neutral-secondary)
}
._input_1rdnt_74::placeholder {
color: var(--color-foreground-neutral-secondary)
}
._input_1rdnt_74:disabled {
color: var(--color-foreground-neutral-secondary)
}
._input_1rdnt_74._active_1rdnt_66 {
padding-top: var(--text-caption-xs-line-height)
}
._input_1rdnt_74[type=number] {
-moz-appearance: textfield
}
._input_1rdnt_74[type=number]::-webkit-outer-spin-button,
._input_1rdnt_74[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
._inputLtr_1rdnt_105 {
direction: ltr;
text-align: left
}
._container_1rdnt_110 {
display: flex;
flex-direction: column;
gap: 4px
}
._label_cresv_2 {
height: var(--size-input-search)
}
._root_slq04_2 {
display: flex;
flex-direction: column;
max-height: var(--max-height-popover);
box-shadow: var(--box-shadow-popover);
background-color: var(--color-background-neutral-elevated);
border-radius: var(--rounding-surface-m);
overflow: hidden
}
._content_slq04_12 {
overflow-y: auto;
max-height: inherit
}
._extendedHeight_slq04_17 {
max-height: 258px
}
._listHeader_slq04_21 {
padding: 8px 16px 4px
}
._wrapper_slq04_25 {
display: flex;
flex-direction: column;
align-items: flex-start
}
._wrapper_slq04_25:hover>div {
opacity: 0
}
._divider_slq04_37 {
width: calc(100% - 24px);
margin: 0 12px;
transition: opacity .25s
}
._empty_slq04_43 {
padding: var(--padding-select-network-item);
pointer-events: none
}
._root_1qkng_2 {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: var(--padding-select-network-item);
text-align: left;
transition: background-color .25s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent
}
._root_1qkng_2:active {
opacity: var(--opacity-item-active)
}
._root_1qkng_2:hover {
background-color: var(--color-background-neutral-alpha-12)
}
._compactPadding_1qkng_22 {
padding: 12px 16px
}
._container_1qkng_26 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px
}
._root_1gplh_2 {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
padding-left: var(--padding-select-network-item-list);
text-align: left;
background-color: var(--color-list-item-full-width-false-bg-default);
border-radius: var(--rounding-select-network-item-list);
transition: background-color .25s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent
}
._root_1gplh_2:active {
opacity: var(--opacity-item-active)
}
._root_1gplh_2:hover {
background-color: var(--color-list-item-full-width-false-bg-hover)
}
._root_1gplh_2:focus-visible {
outline: var(--color-border-focus) solid var(--size-border-focus);
outline-offset: calc(var(--size-border-focus) * -1)
}
._root_1gplh_2:last-child ._inner_1gplh_29 {
border-bottom-color: transparent
}
._leading_1gplh_35 {
display: flex;
flex-shrink: 0
}
._inner_1gplh_29 {
display: flex;
align-items: center;
gap: 12px;
flex: 1;
min-width: 0;
padding: 12px var(--padding-select-network-item-list) 12px 0;
border-bottom: 1px solid var(--color-list-item-full-width-false-divider)
}
._content_1gplh_50 {
display: flex;
flex-direction: column;
gap: 2px;
flex: 1;
min-width: 0
}
._trailing_1gplh_58 {
display: flex;
flex-shrink: 0
}
._list_fw4so_2 {
display: flex;
flex-direction: column;
gap: var(--gap-list);
padding-inline: var(--iframe-padding-list);
border-radius: var(--rounding-list)
}
._root_1gn8k_2 {
position: fixed;
inset: 0;
z-index: 20;
background-color: var(--color-background-static-black-alpha-80)
}
._qrCode_1trjg_2 {
color: var(--color-foreground-neutral-primary)
}
._root_9f7sn_2 {
display: inherit
}
._skeletonLoading_9f7sn_6 {
position: relative;
pointer-events: none;
height: var(--v6b120d2c);
width: var(--ad1ac5be)
}
._skeletonLoading_9f7sn_6>* {
visibility: hidden
}
._skeletonLoading_9f7sn_6:after {
content: "";
inset: 0;
position: absolute;
background: var(--color-skeleton-bg);
border-radius: 12px;
background-size: 200% 100%;
animation: 1.8s _skeleton-shine_9f7sn_1 linear infinite
}
@keyframes _skeleton-shine_9f7sn_1 {
0% {
background-position-x: 100%
}
56% {
background-position-x: -100%
}
to {
background-position-x: -100%
}
}
._root_13mgt_2 {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
padding: 8px;
background-image: linear-gradient(180deg, rgba(20, 20, 22, .08) 0%, transparent)
}
._container_13mgt_12 {
padding: 16px;
border-radius: 16px;
box-shadow: 0 1px 4px #0000000d, 0 8px 16px -3px #00000014;
background-color: var(--color-background-neutral-elevated)
}
._wrapper_13mgt_21 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px
}
._textWrapper_13mgt_28 {
display: flex;
align-items: center;
gap: 12px
}
._text_13mgt_28 {
margin-top: 6px;
margin-left: 36px
}
._root_vooom_2 {
width: auto;
animation: _spin_vooom_1 1s linear infinite
}
._color-accent_vooom_7 {
color: var(--color-solid-brand-accent-primary)
}
._color-primary_vooom_11 {
color: var(--color-solid-brand-main-primary)
}
._size-full_vooom_15 {
height: 100%
}
._size-s_vooom_19 {
height: var(--size-loader-s)
}
._size-m_vooom_23 {
height: var(--size-loader-m)
}
@keyframes _spin_vooom_1 {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
._root_ixrho_2 {
display: flex;
flex-direction: column
}
._step_ixrho_7 {
display: flex;
gap: 12px
}
._indicator_ixrho_12 {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 4px
}
._circle_ixrho_19 {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-width: 1px;
border-style: solid;
border-radius: 50%
}
._circle_ixrho_19._primary_ixrho_29 {
border-color: var(--color-solid-brand-main-primary);
background-color: var(--color-solid-brand-main-primary);
color: var(--color-brand-main-foreground)
}
._circle_ixrho_19._secondary_ixrho_35 {
border-color: var(--color-section-background);
background-color: var(--color-section-background);
color: var(--color-foreground-neutral-secondary)
}
._circle_ixrho_19._finish_ixrho_41 {
opacity: .5;
border-color: transparent;
background-color: transparent;
color: var(--color-foreground-neutral-tertiary)
}
._circle_ixrho_19._process_ixrho_48,
._circle_ixrho_19._wait_ixrho_49 {
border-color: var(--color-border-neutral-alpha-16);
background-color: transparent;
color: transparent
}
._subcircle_ixrho_56 {
width: 12px;
height: 12px;
border-radius: 50%
}
._subcircle_ixrho_56._primary_ixrho_29 {
background-color: var(--color-solid-brand-main-primary)
}
._subcircle_ixrho_56._secondary_ixrho_35 {
background-color: var(--color-background-neutral-secondary)
}
._line_ixrho_70 {
flex-grow: 1;
width: 2px;
min-height: 8px;
margin: 4px 0
}
._line_ixrho_70._primary_ixrho_29 {
background-color: var(--color-solid-brand-main-primary);
opacity: .12
}
._line_ixrho_70._secondary_ixrho_35 {
background-color: var(--color-border-neutral-alpha-40)
}
._line_ixrho_70._finish_ixrho_41 {
opacity: 1;
background-color: var(--color-border-neutral-alpha-16)
}
._content_ixrho_91 {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 24px
}
._title_ixrho_98 {
font-family: var(--text-body-font-family);
font-weight: var(--text-subhead-strong-font-weight);
font-size: var(--text-subhead-strong-font-size);
line-height: var(--text-subhead-strong-line-height);
letter-spacing: var(--text-subhead-strong-letter-spacing);
color: var(--color-foreground-neutral-primary)
}
._description_ixrho_104 {
font-family: var(--text-caption-font-family);
font-weight: var(--text-caption-s-regular-font-weight);
font-size: var(--text-caption-s-font-size);
line-height: var(--text-caption-s-line-height);
letter-spacing: var(--text-caption-s-letter-spacing);
color: var(--color-foreground-neutral-secondary)
}
._text_ixrho_110 {
margin-bottom: 24px
}
._step_ixrho_7:last-child ._content_ixrho_91,
._step_ixrho_7:last-child ._text_ixrho_110 {
margin-bottom: 0
}
._root_11zon_2 {
position: relative;
display: inline-flex;
width: -moz-fit-content;
width: fit-content;
-webkit-tap-highlight-color: transparent
}
._input_11zon_9 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0;
cursor: pointer
}
._input_11zon_9:active:not(:disabled)+span {
opacity: var(--opacity-item-active)
}
._input_11zon_9:active:not(:disabled)+span:before {
width: 24px;
left: calc(var(--size-switch) - var(--size-switch-inner))
}
._input_11zon_9:checked+span {
background-color: var(--color-solid-brand-accent-primary)
}
._input_11zon_9:checked+span:before {
left: calc(100% - var(--size-switch-inner) - 4px)
}
._input_11zon_9:disabled {
cursor: default
}
._input_11zon_9:disabled+span {
opacity: var(--opacity-item-disabled)
}
._input_11zon_9:focus-visible+span {
outline: var(--color-border-focus) solid var(--size-border-focus);
outline-offset: var(--size-border-focus)
}
._input_11zon_9:hover:not(:checked)+span {
background-color: var(--color-background-neutral-alpha-20)
}
._switch_11zon_62 {
position: relative;
display: flex;
align-items: center;
width: 40px;
height: var(--size-switch);
border-radius: var(--rounding-element-pill-m);
outline: transparent solid var(--size-border-focus);
transition: outline-color .25s, background-color .25s;
background-color: var(--color-background-neutral-alpha-16)
}
._switch_11zon_62:before {
content: "";
position: absolute;
left: 4px;
width: var(--size-switch-inner);
height: var(--size-switch-inner);
box-shadow: var(--box-shadow-switch-inner);
border-radius: var(--rounding-element-pill-s);
transition: width .25s, left .25s;
background-color: #fff
}
._color-primary_13huo_2 {
color: var(--color-foreground-neutral-primary)
}
._title-m_13huo_6 {
font-family: var(--text-title-font-family);
font-weight: var(--text-title-m-font-weight);
font-size: var(--text-title-m-font-size);
line-height: var(--text-title-m-line-height);
letter-spacing: var(--text-title-m-letter-spacing);
text-transform: var(--text-title-m-text-transform)
}
._title-l_13huo_10 {
font-family: var(--text-title-font-family);
font-weight: var(--text-title-l-font-weight);
font-size: var(--text-title-l-font-size);
line-height: var(--text-title-l-line-height);
letter-spacing: var(--text-title-l-letter-spacing);
text-transform: var(--text-title-l-text-transform)
}
._trigger_53yg5_2 {
position: relative;
z-index: 10;
display: inline-flex;
flex-grow: 1
}
._triggerContainer_53yg5_9 {
width: inherit;
height: inherit;
display: flex;
flex-grow: 1
}
._root_53yg5_16 {
display: inline-flex
}
._tooltip-bottom-start_53yg5_20 ._tooltip_53yg5_20 {
top: calc(100% + var(--v18e90fd8));
left: calc(var(--v18e90fda) * -1)
}
._tooltip-bottom-start_53yg5_20 ._arrow_53yg5_26 {
top: calc(100% + var(--v18e90fd8));
left: calc(var(--v64928d92));
transform: translateY(-100%) rotate(180deg)
}
._tooltip-bottom-center_53yg5_33 ._tooltip_53yg5_20 {
bottom: calc(var(--v18e90fd8) * -1);
left: 50%;
transform: translate(-50%) translateY(100%)
}
._tooltip-bottom-center_53yg5_33 ._arrow_53yg5_26 {
bottom: calc(var(--v18e90fd8) * -1);
left: 50%;
transform: translate(-50%) rotate(180deg)
}
._tooltip-bottom-end_53yg5_47 ._tooltip_53yg5_20 {
top: calc(100% + var(--v18e90fd8));
right: calc(var(--v18e90fda) * -1)
}
._tooltip-bottom-end_53yg5_47 ._arrow_53yg5_26 {
top: calc(100% + var(--v18e90fd8));
right: calc(var(--v64928d92));
transform: translateY(-100%) rotate(180deg)
}
._tooltip-center-start_53yg5_60 ._tooltip_53yg5_20 {
right: calc(var(--v18e90fda) + 100%);
top: 50%;
transform: translateY(-50%)
}
._tooltip-center-start_53yg5_60 ._arrow_53yg5_26 {
top: 50%;
right: calc(var(--v18e90fda) + 100%);
transform: translateY(-50%) translate(70%) rotate(270deg)
}
._tooltip-center-end_53yg5_74 ._tooltip_53yg5_20 {
left: calc(var(--v18e90fda) + 100%);
top: 50%;
transform: translateY(-50%)
}
._tooltip-center-end_53yg5_74 ._arrow_53yg5_26 {
top: 50%;
left: calc(var(--v18e90fda) + 100%);
transform: translateY(-50%) translate(-70%) rotate(90deg)
}
._tooltip-top-start_53yg5_88 ._tooltip_53yg5_20 {
bottom: calc(100% + var(--v18e90fd8));
left: calc(var(--v18e90fda) * -1)
}
._tooltip-top-start_53yg5_88 ._arrow_53yg5_26 {
bottom: calc(100% + var(--v18e90fd8));
left: calc(var(--v64928d92));
transform: translateY(100%)
}
._tooltip-top-center_53yg5_101 ._tooltip_53yg5_20 {
bottom: calc(100% + var(--v18e90fd8));
left: 50%;
transform: translate(-50%)
}
._tooltip-top-center_53yg5_101 ._arrow_53yg5_26 {
bottom: calc(100% + var(--v18e90fd8));
left: 50%;
transform: translateY(100%) translate(-50%)
}
._tooltip-top-end_53yg5_115 ._tooltip_53yg5_20 {
bottom: calc(100% + var(--v18e90fd8));
right: calc(var(--v18e90fda) * -1)
}
._tooltip-top-end_53yg5_115 ._arrow_53yg5_26 {
bottom: calc(100% + var(--v18e90fd8));
right: calc(var(--v64928d92));
transform: translateY(100%)
}
._tooltip_53yg5_20 {
position: absolute;
z-index: 30;
max-width: var(--max-width-tooltip);
width: -moz-max-content;
width: max-content;
padding: 8px 12px;
box-shadow: var(--box-shadow-tooltip);
border-radius: var(--rounding-element-box-sm);
background-color: var(--color-background-neutral-elevated)
}
._arrow_53yg5_26 {
position: absolute;
z-index: 31;
color: var(--color-background-neutral-elevated)
}
._root_c29nf_2 {
padding: 16px;
background-color: var(--color-background-neutral-secondary);
border-radius: var(--rounding-element-box-l)
}
._title_c29nf_8 {
margin-bottom: 12px
}
._row_c29nf_12 {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center
}
._spaceBetween_c29nf_19 {
justify-content: space-between
}
._orderInfo_c29nf_23 {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 12px
}
._gcIcon_c29nf_30,
._scIcon_c29nf_35 {
width: 28px;
height: 28px
}
._scValue_c29nf_40 {
color: var(--color-solid-sentiment-positive-primary)
}
._total_c29nf_44 {
margin-top: 12px
}
._totalValue_c29nf_48 {
border-radius: 999px;
padding: 4px 8px;
background-color: var(--color-solid-sentiment-positive-primary);
color: #fff
}
._root_150d1_2 {
padding: 12px 16px;
border: 1px solid #b3b6bd1f;
border-radius: var(--rounding-element-box-l);
display: flex
}
._root_150d1_2 a {
color: var(--color-solid-sentiment-informative-primary)
}
._root_s1i0t_2 {
display: flex;
flex-wrap: wrap;
justify-content: center
}
._button_s1i0t_8 {
margin: 4px
}
._root_wxorm_2 {
display: flex;
flex-direction: column;
gap: 16px
}
._root_detxk_2 {
--dropdown-list-width: var(--v1ae03cca);
width: 100%;
direction: ltr;
unicode-bidi: isolate
}
._content_detxk_10 {
display: grid;
grid-template-columns: max-content 1px 1fr;
align-items: stretch;
height: var(--size-input-base);
box-sizing: border-box;
padding-right: var(--padding-input);
border-radius: var(--rounding-element-box-m);
box-shadow: inset 0 0 0 1px var(--color-input-border);
background-color: var(--color-input-background-default);
color: var(--color-foreground-neutral-primary);
transition: box-shadow .25s
}
._content_detxk_10:focus-within {
box-shadow: inset 0 0 0 1px var(--color-border-focus)
}
._iconStart_detxk_28 {
--dropdown-trigger-bg: transparent;
--dropdown-trigger-bg-hover: transparent;
--dropdown-trigger-border: transparent;
display: flex;
align-items: center;
min-width: 0
}
._divider_detxk_38 {
width: 1px;
background-color: var(--color-background-neutral-alpha-16);
margin: 15px 0
}
._control_detxk_44 {
position: relative;
min-width: 0;
display: flex;
align-items: center;
padding-left: var(--padding-input)
}
._controlRoot_detxk_52 {
position: relative;
width: 100%;
min-height: 20px
}
._controlRoot_detxk_52 ._input_detxk_58 {
unicode-bidi: plaintext
}
._input_detxk_58 {
position: absolute;
inset: 0;
width: 100%;
padding: 0;
border: none;
border-radius: 0;
background: transparent;
color: var(--color-foreground-neutral-primary);
font: inherit;
caret-color: var(--color-foreground-neutral-primary)
}
._input_detxk_58:focus {
outline: none
}
._input_detxk_58::-moz-placeholder {
color: var(--color-foreground-neutral-secondary)
}
._input_detxk_58::placeholder {
color: var(--color-foreground-neutral-secondary)
}
._placeholder_detxk_83 {
position: absolute;
inset: 0;
display: flex;
align-items: center;
overflow: hidden;
pointer-events: none;
unicode-bidi: plaintext;
color: var(--color-foreground-neutral-secondary);
font: inherit;
white-space: nowrap
}
._hiddenPlaceholder_detxk_96 {
color: transparent
}
._root_1rlh9_2 {
display: grid;
align-content: baseline;
grid-auto-rows: minmax(var(--v7c57bff8), auto);
gap: var(--v6a2ab519)
}
._rootSm_1rlh9_9 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
._rootMd_1rlh9_13 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
._rootLg_1rlh9_17 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
._root_1tges_2 {
justify-content: center;
align-items: center
}
._root_1o5r7_2 {
display: flex;
flex-direction: column;
gap: 16px;
height: inherit
}
._root_heloi_2 {
display: flex;
align-items: center;
gap: 12px
}
._container_heloi_8 {
display: flex;
flex-direction: column;
flex-grow: 1
}
._inner_heloi_14 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
padding: 8px 0
}
._paragraph_heloi_22 {
word-break: break-all
}
._icon_heloi_26 {
margin: 0 8px
}
._wrapper_heloi_30 {
display: flex;
flex-direction: column;
text-align: start
}
._wrapper_heloi_30:dir(rtl) {
margin-right: auto;
text-align: end
}
._image_heloi_41 {
height: 20px
}
._copyButton_heloi_45 {
padding: 8px
}
._tooltip_ml5oy_2 {
width: 100%;
position: relative
}
._tooltip_ml5oy_2._active_ml5oy_6 {
z-index: 30;
border-radius: var(--rounding-element-box-sm);
background-color: var(--color-background-neutral-elevated)
}
._placement_ml5oy_13 {
z-index: 30;
max-width: calc(var(--v9eb2457c) - 72px)
}
._wrapper_ml5oy_18 {
display: flex;
flex-direction: column;
gap: 8px
}
._button_ml5oy_24 {
width: -moz-fit-content;
width: fit-content
}
._field_1epgr_2 {
width: 100%
}
._field_1epgr_2._active_1epgr_5 {
padding-right: 8px
}
._root_55cnm_2 {
display: flex;
flex-direction: column;
text-align: start;
gap: 16px
}
._container_55cnm_9 {
display: flex;
align-items: center;
gap: 12px;
text-align: start
}
._bank_55cnm_16 {
display: flex;
flex-direction: column
}
._root_8ni2t_2 {
display: flex;
flex-direction: column;
gap: 8px;
padding-bottom: 8px
}
._header_8ni2t_9 {
display: flex;
align-items: center;
gap: 12px;
margin-top: 4px
}
._icon_8ni2t_16 {
margin: 0 8px
}
._text_8ni2t_20 {
display: block;
margin: 8px 0;
text-align: start
}
._buttons_8ni2t_26 {
display: flex;
flex-flow: column nowrap;
gap: 8px
}
._button_8ni2t_26 {
flex-grow: 1
}
._root_1qd15_2 {
align-items: flex-start !important
}
._container_1qd15_6 {
display: flex;
flex-direction: column;
align-items: flex-end
}
._root_1kkhx_2 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px
}
._link_1kkhx_9 {
color: var(--color-solid-sentiment-informative-primary)
}
._link_1kkhx_9:hover {
color: var(--color-solid-sentiment-informative-secondary)
}
._root_1t4a7_2 {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%
}
._divider_1t4a7_9 {
width: 100%;
height: 1px;
border-style: dashed;
color: var(--color-border-neutral-alpha-16)
}
._container_1t4a7_16 {
display: flex;
flex-direction: column;
gap: 8px
}
._outer_ed7ti_2 {
display: flex;
justify-content: center;
box-sizing: border-box;
border-radius: 12px;
background-color: var(--color-background-static-white)
}
._placeholder_ed7ti_10 {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 296px;
color: var(--color-foreground-neutral-tertiary)
}
._frame_ed7ti_19 {
width: -moz-fit-content;
width: fit-content
}
._img_ed7ti_23 {
display: block;
width: 100%;
max-width: 296px;
max-height: 296px;
height: auto
}
._videoSection_ucc7l_2 {
display: flex;
flex-direction: column;
gap: 16px
}
._videoPlayer_ucc7l_8 {
width: 100%
}
._videoChapterList_ucc7l_12 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px
}
._videoChapterLink_ucc7l_19 {
font-family: var(--text-body-font-family);
font-weight: var(--text-body-regular-font-weight);
font-size: var(--text-body-regular-font-size);
line-height: var(--text-body-regular-line-height);
letter-spacing: var(--text-body-regular-letter-spacing);
-webkit-text-decoration: var(--text-body-link-decoration);
text-decoration: var(--text-body-link-decoration);
color: var(--color-foreground-neutral-primary);
text-decoration: none
}
._videoChapterLink_ucc7l_19:hover {
text-decoration: underline
}
._videoChapterLinkActive_ucc7l_30 {
font-weight: 600;
color: var(--color-bg-badge-exclusive-gradient-start)
}
._root_airlf_2 {
width: 100%
}
._addressBox_airlf_6 {
background-color: var(--color-section-background);
align-items: center;
border-radius: 16px;
display: flex;
gap: 16px;
padding: 16px;
text-align: center
}
._withVideo_airlf_16 {
border-radius: 16px 16px 0 0
}
._blurredQr_airlf_20,
._addressQr_airlf_21 {
width: 100px;
height: 100px
}
._container_airlf_26 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px
}
._address_airlf_6 {
word-break: break-all
}
._highlighted_airlf_38 {
font-weight: 800;
color: var(--color-foreground-neutral-primary)
}
._videoGuideButton_airlf_43 {
width: 100%;
background-color: var(--color-layout-background);
border: 1px solid var(--color-section-background);
border-radius: 0 0 16px 16px;
height: 48px
}
._root_wm63m_2 {
display: flex;
align-items: center;
gap: 8px;
width: 100%
}
._tooltip_wm63m_9,
._copyButton_wm63m_13 {
flex-grow: 1
}
._shareButton_wm63m_17 {
padding: 0;
aspect-ratio: 1 / 1
}
._root_4smed_2 {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
padding: 32px 16px 16px;
text-align: center;
border-radius: 16px;
background-color: var(--color-section-background)
}
._qr_4smed_13 {
margin: 0 auto
}
._container_4smed_17 {
display: flex;
flex-direction: column;
gap: 8px
}
._address_4smed_23 {
word-break: break-all
}
._highlighted_4smed_27 {
font-weight: 800;
color: var(--color-foreground-neutral-primary)
}
._root_bndp3_2 {
display: flex;
justify-content: center;
align-items: center;
gap: 8px
}
._wrapper_zv47e_2 {
display: flex;
flex-direction: column;
align-items: flex-start
}
._networkLabel_zv47e_8 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
._root_3y04u_2,
._container_3y04u_8 {
display: flex;
flex-direction: column;
gap: 16px
}
._divider_3y04u_14 {
position: relative;
width: calc(100% - 32px);
background-color: var(--color-list-item-full-width-false-divider);
left: 16px
}
._header_3y04u_21 {
display: flex;
align-items: center;
gap: 8px
}
._headerTrailing_3y04u_27 {
margin-inline-start: auto
}
._headerIcon_3y04u_31 {
display: flex;
padding: 4px;
border-radius: 8px;
color: #fff
}
._headerIcon_3y04u_31._activation_3y04u_37 {
background-color: #0075ff
}
._headerIcon_3y04u_31._games_3y04u_41 {
background-color: #7fbf16
}
._headerIcon_3y04u_31._wagering_3y04u_45 {
background-color: #008337
}
._details_3y04u_50 {
background-color: var(--color-section-list-bg) !important;
display: flex;
flex-direction: column;
gap: var(--gap-list);
padding: 0
}
._detail_3y04u_50 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
background-color: var(--color-list-item-full-width-false-bg-default)
}
._detail_3y04u_50:first-of-type {
border-top-left-radius: var(--rounding-surface-l);
border-top-right-radius: var(--rounding-surface-l)
}
._detail_3y04u_50:last-of-type {
border-bottom-left-radius: var(--rounding-surface-l);
border-bottom-right-radius: var(--rounding-surface-l)
}
._detailTitle_3y04u_76 {
display: flex;
align-items: center;
gap: 8px
}
._tooltip_3y04u_82 {
max-width: 200px;
word-wrap: break-word
}
._tooltipContainer_3y04u_87 {
display: flex;
flex-direction: column;
gap: 4px
}
._game_3y04u_41 {
padding: 12px 0
}
._root_13f5m_2 ._slider_13f5m_2 {
overflow: visible;
overscroll-behavior: contain
}
._root_1yf71_2 {
display: flex;
align-items: center;
gap: var(--v11c2564a);
max-width: var(--v182210af);
padding: 4px var(--v31b9a786);
border-radius: var(--rounding-element-box-s);
pointer-events: none;
background: var(--color-border-neutral-subtle);
color: var(--color-foreground-static-white)
}
._root_1yf71_2._blue_1yf71_13 {
background-image: var(--color-banner-bonus-bg-grad-2)
}
._root_1yf71_2._freespin_1yf71_17 {
background: var(--color-banner-bonus-bg-freespins-grad)
}
._root_1yf71_2._orange_1yf71_21 {
background-image: var(--color-banner-bonus-bg-grad-4)
}
._root_1yf71_2._pink_1yf71_25 {
background-image: var(--color-banner-bonus-bg-grad-3)
}
._root_1yf71_2._purple_1yf71_29 {
background-image: var(--color-banner-bonus-bg-grad-1)
}
._root_1yf71_2._sport_1yf71_33 {
background: var(--color-banner-bonus-bg-sport);
background-image: var(--color-banner-bonus-bg-sport-grad)
}
._amount_1yf71_39,
._label_1yf71_40 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
._amount_1yf71_39 {
direction: ltr
}
._badgeHidden_1yf71_48 {
visibility: hidden
}
._hidden_1yf71_52 {
display: none
}
._rtl_1yf71_56:dir(rtl) {
flex-direction: row-reverse
}
._root_11f43_2 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px
}
._wrapper_11f43_9 {
display: flex;
align-items: center;
gap: 8px
}
._root_vzamc_2>*:not(:last-child) {
margin-bottom: 16px
}
._root_cl381_2 {
display: inline-flex;
flex-shrink: 0;
width: 20px;
height: 20px;
border: 1px solid var(--color-border-neutral-alpha-16);
border-radius: var(--rounding-radio);
background-color: var(--color-background-neutral-alpha-16)
}
._checked_cl381_12 {
position: relative;
border: none;
background-color: var(--color-solid-brand-main-primary)
}
._checked_cl381_12:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 6px;
border-radius: var(--rounding-radio);
background-color: var(--color-brand-main-foreground);
transform: translate(-50%, -50%)
}
._root_1tiva_2 {
display: flex;
flex-direction: column;
gap: 16px
}
._header_1tiva_8 {
display: flex;
flex-direction: column;
gap: 4px
}
._list_1tiva_14 {
display: flex;
flex-direction: column
}
._item_1tiva_19 {
position: relative;
display: flex;
align-items: center;
gap: 12px;
width: 100%;
text-align: start;
cursor: pointer
}
._item_1tiva_19:active {
opacity: var(--opacity-item-active)
}
._item_1tiva_19:last-child ._itemContent_1tiva_33 {
border-bottom: none
}
._itemOverlay_1tiva_39 {
position: absolute;
inset: 0;
-webkit-tap-highlight-color: transparent
}
._itemOverlay_1tiva_39:focus-visible {
outline: var(--color-border-focus) solid var(--size-border-focus);
outline-offset: calc(var(--size-border-focus) * -1)
}
._image_1tiva_50 {
flex-shrink: 0;
width: 32px;
height: 32px
}
._noBonusIcon_1tiva_56 {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 32px;
height: 32px
}
._itemContent_1tiva_33 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex: 1;
min-width: 0;
padding: 12px 0;
border-bottom: 1px solid var(--color-list-item-full-width-false-divider)
}
._itemInfo_1tiva_76 {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0
}
._itemName_1tiva_83 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%
}
._itemDescription_1tiva_89 {
display: flex;
align-items: center;
gap: 4px
}
._info_1tiva_95 {
position: relative;
z-index: 1;
display: inline-flex;
padding: 2px;
cursor: pointer
}
._info_1tiva_95:focus-visible {
outline: var(--color-border-focus) solid var(--size-border-focus);
outline-offset: var(--size-border-focus)
}
._button_1tiva_108 {
width: 100%
}
._root_1dfeq_2 {
display: flex;
flex-direction: column;
gap: 12px
}
._container_1dfeq_8 {
display: flex;
flex-direction: column;
gap: 8px
}
._card_1dfeq_14 {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
padding: 12px 16px;
text-align: start;
background-color: var(--color-section-background);
border-radius: var(--rounding-surface-l);
cursor: pointer
}
._card_1dfeq_14:active {
opacity: var(--opacity-item-active)
}
._image_1dfeq_30 {
flex-shrink: 0;
width: 32px;
height: 32px
}
._info_1dfeq_36 {
display: flex;
flex-direction: column;
gap: 2px;
flex: 1;
min-width: 0
}
._name_1dfeq_44 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%
}
._status_1dfeq_50 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
color: var(--color-solid-sentiment-positive-primary)
}
._noBonusIcon_1dfeq_57 {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 32px;
height: 32px
}
._noBonusLabel_1dfeq_66 {
flex: 1;
min-width: 0
}
._action_1dfeq_71 {
display: flex;
align-items: center;
gap: 4px;
flex-shrink: 0
}
._choose_1dfeq_78 {
color: var(--color-link-button-fg-default)
}
._arrow_1dfeq_82:dir(rtl) {
transform: scaleX(-1)
}
._root_1eutd_2 {
display: flex;
flex-direction: column;
width: 100%
}
._addressRow_1eutd_8 {
display: grid;
grid-template-columns: minmax(0, 1fr) var(--size-button-xl);
align-items: center;
gap: 8px;
width: 100%
}
._addressField_1eutd_18 {
display: flex;
align-items: center;
min-width: 0;
height: var(--size-button-xl);
padding: 6px 6px 6px 12px;
background: var(--color-background-neutral-alpha-12);
border-radius: var(--rounding-cryptobalance-control-xl)
}
._address_1eutd_8 {
display: flex;
align-items: center;
flex: 1;
min-width: 0
}
._addressSkeleton_1eutd_35 {
flex: 1;
min-width: 0;
margin-inline-end: 8px
}
._addressMiddle_1eutd_41 {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
._highlighted_1eutd_48 {
color: var(--color-solid-brand-main-primary);
flex-shrink: 0;
font-weight: 700
}
._minimumAmount_1eutd_54 {
font-family: var(--text-caption-font-family);
font-weight: var(--text-caption-s-semibold-font-weight);
font-size: var(--text-caption-s-font-size);
line-height: var(--text-caption-s-line-height);
letter-spacing: var(--text-caption-s-letter-spacing);
color: var(--color-foreground-neutral-primary)
}
._copyAction_1eutd_60,
._copyButton_1eutd_61 {
width: var(--size-button-s);
height: var(--size-button-s)
}
._copyButton_1eutd_61,
._qrButton_1eutd_67 {
padding: 0
}
._copyButton_1eutd_61 {
border-radius: var(--rounding-element-box-sm)
}
._qrButton_1eutd_67 {
width: var(--size-button-xl);
height: var(--size-button-xl)
}
._minimumDeposit_1eutd_80 {
display: flex;
align-items: flex-start;
gap: 8px;
margin-top: 12px
}
._minimumDepositSkeleton_1eutd_87 {
align-self: center;
flex: 1;
min-width: 0
}
._root_19siw_2 {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%
}
._root_a6ix5_2 {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
margin-top: auto
}
._button_a6ix5_10,
._tooltip_a6ix5_14 {
width: 100%
}
._limitAlert_1hcix_2,
._selectNetwork_1hcix_6 {
margin-bottom: 16px
}
._warningDepNotAcceptable_1hcix_10+._cryptoWalletInfo_1hcix_11,
._warningDepNotAcceptable_1hcix_10+._address_1hcix_12 {
margin-top: 16px
}
._cryptoMinimumDepositDescription_1hcix_17 {
font-family: var(--text-body-font-family);
font-weight: var(--text-subhead-regular-font-weight);
font-size: var(--text-subhead-regular-font-size);
line-height: var(--text-subhead-regular-line-height);
letter-spacing: var(--text-subhead-regular-letter-spacing);
text-align: center;
margin-bottom: 16px;
color: var(--color-foreground-neutral-secondary)
}
._minimumAmount_1hcix_25 {
font-family: var(--text-body-font-family);
font-weight: var(--text-subhead-strong-font-weight);
font-size: var(--text-subhead-strong-font-size);
line-height: var(--text-subhead-strong-line-height);
letter-spacing: var(--text-subhead-strong-letter-spacing);
color: var(--color-foreground-neutral-primary)
}
._cryptoMinimumDepositDescription_1hcix_17+._address_1hcix_12,
._spinner_1hcix_31+._address_1hcix_12,
._address_1hcix_12+._bonuses_1hcix_32 {
margin-top: 16px
}
._cryptoWalletInfo_1hcix_11 {
margin: 16px 0
}
._bonuses_1hcix_32 {
margin-left: 4px;
margin-right: 8px
}
._space_1hcix_45 {
margin: 0 4px
}
._redesignRoot_1hcix_49 {
display: flex;
flex-direction: column;
gap: 24px
}
._kycAlert_1hcix_55 {
margin-bottom: 16px
}
._root_n16u8_2 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
flex-grow: 1;
text-align: center
}
._withControls_n16u8_12 ._title_n16u8_13,
._withControls_n16u8_12 ._controls_n16u8_13 {
margin-top: auto;
width: 100%
}
._cryptobalanceTabs_cpxgz_2 {
background: var(--color-background-neutral-alpha-16);
display: grid;
grid-template-columns: repeat(2, 1fr);
border-radius: var(--rounding-element-box-ml);
padding: 2px;
width: 100%;
gap: 3px
}
._tab_cpxgz_12 {
display: flex;
flex-flow: row nowrap;
gap: 8px;
align-items: center;
justify-content: center;
color: var(--color-foreground-neutral-primary);
height: 40px;
border-radius: var(--rounding-element-box-m);
font-family: var(--text-body-font-family);
font-weight: var(--text-body-strong-font-weight);
font-size: var(--text-body-strong-font-size);
line-height: var(--text-body-strong-line-height);
letter-spacing: var(--text-body-strong-letter-spacing);
cursor: pointer
}
._tab_cpxgz_12:hover:not(._tabActive_cpxgz_25) {
background: var(--color-background-neutral-alpha-12)
}
._tabActive_cpxgz_25 {
background: var(--color-background-neutral-primary)
}
._icon_1cpa8_2 {
flex-shrink: 0;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center
}
._currencyItem_1cpa8_11 {
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 12px
}
._currencySelectorButtonContent_1cpa8_18 {
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 4px;
min-width: 0
}
._label_1cpa8_26 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
._modalHeader_1udne_2 {
padding-bottom: 16px
}
._trigger_1udne_6 {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--gap-dropdown);
width: 100%;
height: var(--size-dropdown);
padding: 0 var(--padding-dropdown);
color: var(--color-foreground-neutral-primary);
background-color: var(--color-input-background-default);
border-radius: var(--rounding-element-box-m);
outline: transparent solid var(--size-border-focus);
transition: background-color .25s, outline-color .25s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent
}
._trigger_1udne_6:active {
opacity: var(--opacity-item-active)
}
._trigger_1udne_6:disabled {
opacity: var(--opacity-item-disabled)
}
._trigger_1udne_6:focus-visible {
outline: var(--color-border-focus) solid var(--size-border-focus);
outline-offset: var(--size-border-focus)
}
._trigger_1udne_6:hover:not(:disabled) {
background-color: var(--color-input-background-hover)
}
._triggerContent_1udne_42 {
display: flex;
align-items: center;
gap: 4px;
min-width: 0
}
._triggerLabel_1udne_49 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
._modalContent_1udne_53 {
display: flex;
flex-direction: column
}
._list_1udne_58 {
margin: 16px -16px 0
}
._currencyIcon_1udne_62 {
flex-shrink: 0;
width: 32px;
height: 32px
}
._currencyIcon_1udne_62>svg,
._currencyIcon_1udne_62>div {
width: 32px;
height: 32px;
border-radius: var(--rounding-element-pill-m)
}
._empty_1udne_75 {
margin-top: 16px
}
._modalHeader_10mtu_2 {
padding-bottom: 16px
}
._trigger_10mtu_6 {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--gap-dropdown);
width: 100%;
height: var(--size-dropdown);
padding: 0 var(--padding-dropdown);
color: var(--color-foreground-neutral-primary);
background-color: var(--color-input-background-default);
border-radius: var(--rounding-element-box-m);
outline: transparent solid var(--size-border-focus);
transition: background-color .25s, outline-color .25s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent
}
._trigger_10mtu_6:active {
opacity: var(--opacity-item-active)
}
._trigger_10mtu_6:disabled {
opacity: var(--opacity-item-disabled)
}
._trigger_10mtu_6:focus-visible {
outline: var(--color-border-focus) solid var(--size-border-focus);
outline-offset: var(--size-border-focus)
}
._trigger_10mtu_6:hover:not(:disabled) {
background-color: var(--color-input-background-hover)
}
._networkLabel_10mtu_42 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
._list_10mtu_46 {
margin-inline: -16px
}
._root_11rgi_2 {
display: grid;
grid-template-columns: minmax(0, 1fr);
width: 100%;
gap: 8px
}
._withNetwork_11rgi_9 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
._selector_11rgi_13 {
min-width: 0
}
._selector_11rgi_13>* {
width: 100%
}
._tabs_4zt9o_2 {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(0, 1fr);
width: 100%;
gap: 3px;
padding: 2px;
background: var(--color-background-neutral-alpha-12);
border-radius: var(--rounding-cryptobalance-control-xl)
}
._tab_4zt9o_2 {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
height: 40px;
padding: 0 8px;
color: var(--color-foreground-neutral-primary);
background: transparent;
border: 0;
border-radius: var(--rounding-cryptobalance-control-l);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
font-family: var(--text-body-font-family);
font-weight: var(--text-body-strong-font-weight);
font-size: var(--text-body-strong-font-size);
line-height: var(--text-body-strong-line-height);
letter-spacing: var(--text-body-strong-letter-spacing)
}
._tab_4zt9o_2:active {
opacity: var(--opacity-item-active)
}
._tab_4zt9o_2:focus-visible {
outline: var(--color-border-focus) solid var(--size-border-focus);
outline-offset: calc(var(--size-border-focus) * -1)
}
._tab_4zt9o_2 ._label_4zt9o_39 {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
._tab_4zt9o_2+._tab_4zt9o_2:before {
content: "";
position: absolute;
inset-inline-start: -2px;
top: 50%;
width: 1px;
height: 24px;
transform: translateY(-50%);
background: var(--color-border-neutral-alpha-16)
}
._tab_4zt9o_2:hover:before,
._tab_4zt9o_2:hover+._tab_4zt9o_2:before {
opacity: 0
}
._tab_4zt9o_2:hover:not(._tabActive_4zt9o_62) {
background: var(--color-background-neutral-alpha-16)
}
._tab_4zt9o_2._tabActive_4zt9o_62 {
background: var(--color-background-neutral-primary);
box-shadow: 0 1px 1px #0000000d
}
._tab_4zt9o_2._tabActive_4zt9o_62:before,
._tab_4zt9o_2._tabActive_4zt9o_62+._tab_4zt9o_2:before {
opacity: 0
}
._root_15nu5_2 {
scrollbar-width: none;
-ms-overflow-style: none
}
._root_15nu5_2::-webkit-scrollbar {
display: none;
width: 0;
height: 0
}
._root_15nu5_2 {
display: flex;
flex-direction: column;
gap: 16px;
overflow-y: auto;
overflow-x: hidden
}
._sectionView_15nu5_12 {
z-index: 0;
height: 100%
}
._cryptoBalanceWrapper_15nu5_17 {
display: flex;
flex-direction: column;
flex-grow: 1;
z-index: 0
}
._goToCryptoButton_15nu5_24 {
width: 100%
}
._space_15nu5_28 {
margin: 0 4px
}
._currencySelector_15nu5_32 {
width: 100%
}
._root_1c8ot_2 {
display: flex;
flex-direction: column;
gap: 1px;
width: 100%
}
._row_1c8ot_9 {
width: 100%;
min-height: 72px
}
._flowList_1jhfa_2 {
display: flex;
flex-direction: column;
background-color: var(--color-section-background);
border-radius: var(--rounding-element-box-l);
overflow: hidden
}
._flowItem_1jhfa_10 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
padding: 16px;
text-align: left;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
._flowItem_1jhfa_10:active {
opacity: var(--opacity-item-active)
}
._flowItemText_1jhfa_27 {
display: flex;
flex: 1;
flex-direction: column;
gap: 2px
}
._itemImageWrapper_1jhfa_34 {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
overflow: hidden
}
._itemImage_1jhfa_34 {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
._actionArrowIcon_1jhfa_50 {
transform: rotate(-90deg)
}
._root_xbpdc_2 {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%
}
._title_xbpdc_9 {
width: 75%;
max-width: 280px
}
._step_xbpdc_14 {
width: 100%
}
._actions_xbpdc_18 {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 4px
}
._button_xbpdc_25 {
width: 100%
}
._root_1vj5v_2 {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%
}
._row_1vj5v_9 {
width: 100%
}
._faqSection_di577_2 {
display: flex;
flex-direction: column;
gap: 12px
}
._faqList_di577_8 {
display: flex;
flex-direction: column;
gap: 8px
}
._container_5qhz8_2 {
display: flex;
flex-direction: column;
gap: 16px;
height: 100%;
padding: 4px
}
._documentBlocks_5qhz8_10 {
display: flex;
flex-direction: column;
gap: 16px
}
._stepList_5qhz8_16 {
display: flex;
flex-direction: column;
gap: 8px
}
._arrowIcon_5qhz8_22 {
transform: rotate(-90deg)
}
._container_s291l_2 {
display: flex;
flex-direction: column;
gap: 24px;
height: 100%;
padding: 4px
}
._root_1q0a9_2 {
display: flex;
flex-direction: column;
gap: 16px
}
._container_1q0a9_8 {
position: relative;
width: 100%
}
._badge_1q0a9_13 {
position: absolute;
top: calc(50% - 10px);
right: var(--v7a609186);
transform: translateY(-50%)
}
._badge_1q0a9_13._invalid_1q0a9_19 {
top: calc(50% - 20px)
}
._rtl_1q0a9_24:dir(rtl) {
left: var(--v7a609186);
right: auto
}
._root_1w1y4_2 {
box-sizing: border-box;
min-height: 100%;
padding: 8px 12px 24px;
background-color: var(--color-layout-background)
}
._methodHeader_1w1y4_9 {
margin-bottom: 16px
}
._sectionTitle_1w1y4_13 {
margin-bottom: 12px;
color: var(--color-text-accent)
}
._description_1w1y4_18 {
margin-bottom: 16px
}
._listHeading_1w1y4_22 {
margin-bottom: 12px
}
._list_1w1y4_22 {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
border-radius: var(--rounding-element-box-l);
background-color: var(--color-background-neutral-alpha-8)
}
._separator_1w1y4_35 {
height: 1px;
margin-left: calc(24px + 12px + var(--padding-input));
margin-right: var(--padding-input);
background-color: var(--color-border-neutral-alpha-16)
}
._option_1w1y4_42 {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
padding: var(--padding-input);
margin: 0;
cursor: pointer;
text-align: start;
background: none;
border: none;
transition: opacity .2s
}
._option_1w1y4_42:hover {
opacity: var(--opacity-item-active)
}
._iconWrap_1w1y4_60 {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
color: var(--color-foreground-neutral-secondary)
}
._optionLabel_1w1y4_70 {
flex: 1
}
._heading_1w1y4_74 {
margin-bottom: 12px
}
._container_1eb5q_2 {
display: flex;
flex-direction: column;
gap: 16px
}
._space_1eb5q_8 {
margin: 0 4px
}
._fullWidth_1eb5q_12 {
width: 100%
}
._wrapper_1eb5q_16 {
display: flex;
flex-direction: column;
gap: 8px
}
._container_y0m46_2 {
display: flex;
flex-direction: column;
gap: 16px;
padding-bottom: 4px
}
._space_y0m46_9 {
margin: 0 4px
}
._amountGrid_y0m46_13 {
display: flex;
flex-direction: column;
gap: 16px
}
._amountTitle_y0m46_19 {
font-size: 16px;
font-weight: 600;
color: var(--color-text-primary)
}
._buttonsGrid_y0m46_25 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px
}
._amountButton_y0m46_31 {
justify-content: left;
width: 100%;
min-height: 72px;
border: 2px solid transparent;
border-radius: 16px
}
._amountButtonSelected_y0m46_39 {
border-color: var(--color-border-focus)
}
._amountButtonContent_y0m46_43 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px
}
._amountValue_y0m46_50 {
font-family: var(--text-title-font-family);
font-weight: var(--text-title-l-font-weight);
font-size: var(--text-title-l-font-size);
line-height: var(--text-title-l-line-height);
letter-spacing: var(--text-title-l-letter-spacing)
}
._amountCurrency_y0m46_58 {
font-size: var(--text-caption-s-font-size);
line-height: var(--text-caption-s-line-height);
color: var(--color-text-secondary)
}
._button_y0m46_25 {
margin-top: auto
}
._root_ylexv_2 {
display: flex;
align-items: center;
width: -moz-fit-content;
width: fit-content;
font-variant-numeric: tabular-nums;
cursor: default
}
._item_ylexv_10 {
display: inline-flex;
justify-content: center;
min-width: 20px;
padding: 2px 4px;
background-color: var(--color-background-neutral-alpha-20);
border-radius: var(--rounding-element-box-xs)
}
._separator_ylexv_19 {
font-family: var(--text-body-font-family);
font-weight: var(--text-body-strong-font-weight);
font-size: var(--text-body-strong-font-size);
line-height: var(--text-body-strong-line-height);
letter-spacing: var(--text-body-strong-letter-spacing);
flex-shrink: 0;
width: 5px;
color: var(--color-border-neutral-subtle);
text-align: center
}
._root_1qhig_2 {
display: flex;
flex-direction: column;
gap: 16px
}
._space_1qhig_8 {
margin: 0 4px
}
._container_1qhig_12 {
display: flex;
flex-direction: column;
gap: 12px
}
._root_13a8t_2 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px
}
._skeletonGrid_1ofls_2 {
position: relative
}
._skeletonGridItem_1ofls_6,
._tile_tffco_2 {
width: 100%;
height: 100%
}
._root_lex6w_2 {
display: flex;
flex-direction: column;
gap: 8px
}
._root_q0d2e_2 {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
align-items: center;
text-align: center
}
._component_q0d2e_11 {
width: -moz-fit-content;
width: fit-content;
margin: 0 auto 20px
}
._container_q0d2e_16 {
display: flex;
flex-direction: column;
gap: 8px
}
._text_q0d2e_22 {
white-space: pre-line
}
._container_3ex00_2 {
display: flex;
flex-direction: column;
flex-grow: 1;
gap: 24px
}
._space_3ex00_9 {
margin: 0 4px
}
._root_119w7_2,
._container_119w7_8 {
display: flex;
flex-direction: column;
gap: 16px
}
._videoGuideButton_119w7_14 {
width: 100%
}
._root_1czhs_2 {
height: auto
}
._container_1czhs_6 {
display: flex;
flex-direction: column;
gap: 16px
}
._space_1czhs_12 {
margin: 0 4px
}
._spinner_1czhs_16 {
height: var(--b3e6b064)
}
._root_9r0tc_2 {
display: flex;
flex-direction: column;
gap: 16px;
height: auto
}
._space_9r0tc_9 {
margin: 0 4px
}
._methodsList_9r0tc_13 {
padding-top: 2px;
margin-top: -2px
}
._tile_9r0tc_18 {
margin: 4px
}
._root_1vv5a_2 {
display: flex;
flex-direction: column;
text-align: start;
gap: 16px
}
._root_1gmfv_2 {
padding-bottom: 8px
}
._root_1gmfv_2._partial_1gmfv_5 {
padding-top: 8px
}
._container_1uwr7_2 {
display: flex;
flex-direction: column;
gap: 16px
}
._space_1uwr7_8 {
margin: 0 4px
}
._button_1uwr7_12 {
margin: auto 0 4px 4px
}
._container_14r5u_2 {
display: flex;
flex-direction: column;
gap: 16px
}
._space_14r5u_8 {
margin: 0 4px
}
._wrapper_14r5u_12 {
display: flex;
flex-direction: column;
gap: 8px
}
._root_15fsl_2 {
white-space: pre-wrap
}
._root_112cf_2 {
padding-bottom: 8px
}
._field_112cf_6 {
width: 100%
}
._field_112cf_6._active_112cf_9 {
padding-right: 8px
}
._root_61m9q_2 {
display: flex;
flex-direction: column;
text-align: start;
gap: 16px
}
._container_61m9q_9 {
display: flex;
align-items: center;
gap: 12px;
text-align: start
}
._bank_61m9q_16 {
display: flex;
flex-direction: column
}
._copyButton_61m9q_21 {
padding: 8px
}
._tooltip_61m9q_25 {
margin-left: auto
}
._card_1lkfm_2 {
display: flex;
flex-direction: column;
gap: 16px
}
._image_1lkfm_8 {
max-width: 184px;
width: 100%;
margin: 0 auto;
border-radius: 12px
}
._buttonQr_1lkfm_15 {
width: 100%
}
._tooltip_1lkfm_19 {
flex-grow: 1
}
._root_pwh6f_2 {
display: flex;
flex-direction: column;
gap: 12px
}
._root_hsv5p_2 {
position: relative;
z-index: 40;
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
padding: 8px 12px;
border: 1px solid var(--color-border-neutral-alpha-16);
border-radius: var(--rounding-element-box-m)
}
._container_hsv5p_14 {
display: flex;
align-items: center;
gap: 8px
}
._icon_hsv5p_20>svg {
border-radius: 999px
}
._wrapper_hsv5p_26 {
display: flex;
flex-direction: column
}
._inner_hsv5p_31 {
display: flex;
align-items: center;
gap: 4px
}
._tooltip_hsv5p_37 {
z-index: 40;
max-width: 200px
}
._root_18804_2 {
padding-top: 2px
}
._space_18804_6 {
margin: 0 4px
}
._container_137ys_2 {
display: flex;
flex-direction: column;
gap: 16px;
padding-bottom: 4px
}
._space_137ys_9 {
margin: 0 4px
}
._button_137ys_13 {
margin-top: auto
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-50%, 0, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateZ(0)
}
to {
opacity: 0;
transform: translate3d(50%, 0, 0)
}
}
.fade-alert-enter-active {
animation: fadeInLeft .6s both
}
.fade-alert-leave-active {
animation: fadeOutRight .6s both
}
._root_1r28c_2 {
overflow: hidden
}
._text_1r28c_6 {
display: inline-block
}
._container_1ivh7_2 {
display: flex;
flex-direction: column;
gap: 16px;
flex: 1
}
._space_1ivh7_9 {
margin: 0 4px
}
._paymentDetailsAlert_1ivh7_13 {
min-height: -moz-fit-content;
min-height: fit-content
}
._spinner_1ivh7_17 {
height: 100%
}
._buttons_1ivh7_21 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px
}
._button_1ivh7_21 {
width: 100%
}
._container_rjb4i_2 {
display: flex;
flex-direction: column;
gap: 16px
}
._buttons_rjb4i_8 {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: auto
}
._root_kbgle_2 {
padding-bottom: 8px
}
._container_1f1op_2 {
display: flex;
flex-direction: column;
gap: 16px
}
._space_1f1op_8 {
margin: 0 4px
}
._supportButton_1f1op_12 {
justify-content: flex-start
}
._buttons_1f1op_16 {
display: flex;
flex-direction: column;
gap: 8px;
margin: auto 4px 4px
}
._root_1kq06_2 {
display: flex;
flex-direction: column;
gap: 16px
}
._space_1kq06_8 {
margin: 0 4px
}
._tile_1kq06_12 {
margin: 4px
}
._container_kmobn_2 {
display: flex;
flex-direction: column;
gap: 16px
}
._space_kmobn_8 {
margin: 0 4px
}
._instruction_kmobn_12 {
white-space: pre-wrap
}
._button_kmobn_16 {
margin-top: auto
}
._root_smznx_2 {
display: flex;
flex-direction: column;
gap: 16px;
border: 1px solid var(--color-border-neutral-alpha-16);
border-radius: var(--rounding-element-box-l);
padding: 12px 16px;
background-color: transparent
}
._title_smznx_12 {
text-align: center;
font-family: var(--text-body-font-family);
font-weight: var(--text-body-strong-font-weight);
font-size: var(--text-body-strong-font-size);
line-height: var(--text-body-strong-line-height);
letter-spacing: var(--text-body-strong-letter-spacing)
}
._options_smznx_17 {
display: flex;
justify-content: center;
gap: 24px
}
._option_smznx_17 {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 0;
border: none;
background: transparent;
cursor: pointer;
transition: opacity .2s;
-webkit-tap-highlight-color: transparent
}
._option_smznx_17:hover,
._option_smznx_17:active {
opacity: var(--opacity-item-active)
}
._iconWrapper_smznx_44 {
position: relative;
display: flex;
align-items: center;
justify-content: center
}
._checkmark_smznx_51 {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 50%;
color: var(--color-solid-brand-main-primary);
background-color: var(--color-layout-background)
}
._label_smznx_65 {
font-family: var(--text-body-font-family);
font-weight: var(--text-body-regular-font-weight);
font-size: var(--text-body-regular-font-size);
line-height: var(--text-body-regular-line-height);
letter-spacing: var(--text-body-regular-letter-spacing);
color: var(--color-foreground-neutral-secondary)
}
._selected_smznx_70 {
opacity: 1
}
._container_oh86v_2 {
display: flex;
flex-direction: column;
gap: 24px
}
._submitButton_oh86v_8 {
margin-top: 24px;
width: 100%
}
._fullWidth_oh86v_13 {
width: 100%
}
._container_bw3i8_2 {
display: flex;
flex-direction: column;
gap: 16px
}
._space_bw3i8_8 {
margin: 0 4px
}
._wrapper_bw3i8_12 {
display: flex;
flex-direction: column;
gap: 8px
}
._fullWidth_bw3i8_18 {
width: 100%
}
._container_1xwt8_2 {
display: flex;
flex-direction: column;
gap: 16px
}
._submitButton_1xwt8_8 {
margin-top: 24px;
width: 100%
}
._container_14plb_2 {
display: flex;
flex-direction: column;
gap: 16px
}
._space_14plb_8 {
margin: 0 4px
}
._button_14plb_12 {
margin-top: auto
}
._container_526tm_2 {
display: flex;
flex-direction: column;
gap: 16px;
height: 100%
}
._space_526tm_9 {
margin: 0 4px
}
._page_14rze_2 {
display: flex;
flex-direction: column;
overflow: auto
}
._banner_14rze_8 {
width: 100%;
max-height: 600px;
display: block;
-o-object-fit: cover;
object-fit: cover;
flex-shrink: 0
}
._content_14rze_16 {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
flex: 1;
padding: 32px 24px 40px;
text-align: center
}
._title_14rze_26 {
margin: 0;
font-size: 22px;
font-weight: 700;
line-height: 1.3;
color: #1a1a2e
}
._description_14rze_34 {
margin: 0;
max-width: 320px;
font-size: 15px;
line-height: 1.5;
color: #00000080
}
._button_14rze_42 {
display: block;
width: 100%;
max-width: 320px;
margin-top: 12px;
padding: 16px;
border-radius: 12px;
background: linear-gradient(107.15deg, #0095ff, #0855c4);
color: #fff;
font-size: 16px;
font-weight: 600;
text-align: center;
text-decoration: none;
box-sizing: border-box
}
._wrapper_17j9c_2 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-grow: 1;
text-align: center
}
._title_17j9c_11 {
margin-bottom: 4px
}
._root_yi3yk_2 {
scrollbar-width: none;
-ms-overflow-style: none
}
._root_yi3yk_2::-webkit-scrollbar {
display: none;
width: 0;
height: 0
}
._root_yi3yk_2 {
overflow-y: auto;
overflow-x: hidden
}
._root_1wjrp_2 {
text-align: start
}
._label_1wjrp_6 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
width: 100%;
text-overflow: ellipsis;
overflow: hidden
}
._root_zc48x_2 {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px
}
._wrapper_zc48x_9 {
height: 32px
}
._root_wzyhi_2 {
display: inline-flex;
justify-content: center;
align-items: center;
height: 14px;
padding: 0 6px;
border-radius: var(--rounding-element-pill-m)
}
._root_wzyhi_2._brand_wzyhi_10 {
background-color: var(--color-badge-method-brand-background);
color: var(--color-badge-method-brand-foreground)
}
._root_wzyhi_2._fast_wzyhi_15 {
background-color: var(--color-badge-method-fast-background);
color: var(--color-badge-method-fast-foreground)
}
._root_wzyhi_2._instant_wzyhi_20 {
background-color: var(--color-badge-method-instant-background);
color: var(--color-badge-method-instant-foreground)
}
._root_wzyhi_2._top_wzyhi_25 {
background-color: var(--color-badge-method-top-background);
color: var(--color-badge-method-top-foreground)
}
._root_wzyhi_2._turbo_wzyhi_30 {
background-color: var(--color-badge-method-turbo-background);
color: var(--color-badge-method-turbo-foreground)
}
._root_wzyhi_2._exclusive_wzyhi_35 {
background: var(--color-bg-badge-exclusive);
color: var(--color-fg-badge-exclusive);
padding: 2px 6px;
top: 0;
right: 0;
height: 20px;
border-radius: 0 10px
}
._root_wzyhi_2._exclusive_wzyhi_35 ._content_wzyhi_44 {
font-size: 10px;
line-height: 14px;
letter-spacing: .1px;
font-weight: 600;
text-transform: none
}
._content_wzyhi_44 {
font-family: var(--text-body-font-family);
font-weight: 800;
font-size: 8px;
line-height: 8px;
letter-spacing: .1px;
text-transform: uppercase
}
._root_c8t45_2 {
position: relative;
isolation: isolate;
padding: 12px;
border-radius: var(--rounding-element-box-l);
outline: transparent solid 2px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: outline-color .25s;
background-image: linear-gradient(179.37deg, var(--color-method-card-background-default), var(--color-method-card-background-default));
box-shadow: inset 0 0 0 1px var(--color-method-card-border);
-webkit-tap-highlight-color: transparent
}
._root_c8t45_2:active {
opacity: var(--opacity-item-active)
}
._root_c8t45_2:focus-visible {
outline: var(--color-border-focus) solid 2px;
outline-offset: 2px
}
._root_c8t45_2:hover {
background-image: linear-gradient(179.37deg, var(--color-method-card-background-hover), var(--color-method-card-background-hover))
}
._root_c8t45_2:hover ._bg_c8t45_34 {
background-color: var(--color-method-card-background-hover)
}
._root_c8t45_2[disabled] {
opacity: .5;
pointer-events: none;
cursor: not-allowed
}
._root_c8t45_2._brand_c8t45_45 {
background-image: linear-gradient(179.37deg, var(--color-badge-method-brand-background), transparent)
}
._root_c8t45_2._fast_c8t45_49 {
background-image: linear-gradient(179.37deg, var(--color-badge-method-fast-background), transparent)
}
._root_c8t45_2._instant_c8t45_53 {
background-image: linear-gradient(179.37deg, var(--color-badge-method-instant-background), transparent)
}
._root_c8t45_2._top_c8t45_57 {
background-image: linear-gradient(179.37deg, var(--color-badge-method-top-background), transparent)
}
._root_c8t45_2._turbo_c8t45_61 {
background-image: linear-gradient(179.37deg, var(--color-badge-method-turbo-background), transparent)
}
._overlay_c8t45_66 {
position: absolute;
z-index: 10;
top: var(--size-border-method-card);
left: var(--size-border-method-card);
width: calc(100% - var(--size-border-method-card) * 2);
height: calc(100% - var(--size-border-method-card) * 2);
border-radius: calc(var(--rounding-element-box-l) - var(--size-border-method-card));
background-color: var(--color-layout-background)
}
._bg_c8t45_34 {
position: absolute;
z-index: 20;
width: 100%;
height: 100%;
border-radius: inherit;
background-color: var(--color-method-card-background-default)
}
._container_c8t45_86 {
position: relative;
z-index: 30;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px
}
._badge_c8t45_95 {
position: absolute;
top: -6px;
right: -2px;
z-index: 10
}
._badge_c8t45_95:dir(rtl) {
left: 2px;
right: unset
}
._root_12qn4_2 {
width: 100%;
display: flex;
align-items: center;
min-width: 32px;
height: 32px
}
._container_12qn4_10 {
display: inline-flex;
flex-wrap: wrap;
overflow: hidden;
height: 32px;
height: clamp(15px, 5vw, 32px);
gap: 4px;
align-items: stretch;
margin-right: 4px
}
._crypto_12qn4_21 {
height: 32px;
padding-left: 10px
}
._wrapper_12qn4_26 {
display: flex;
justify-content: center;
align-items: center;
flex: 0 0 32px;
height: 32px;
border-radius: 999px;
background-color: var(--color-background-neutral-alpha-16);
margin-left: auto
}
._space_12qn4_37 {
margin-left: -10px
}
._root_16fwq_2 {
width: auto;
display: block;
-o-object-fit: contain;
object-fit: contain
}
._root_16fwq_2._size-xs_16fwq_7 {
height: 100%;
max-height: 12px
}
._root_16fwq_2._size-s_16fwq_11 {
height: 100%;
max-height: 16px
}
._root_16fwq_2._size-m_16fwq_15 {
height: 100%;
max-height: 24px
}
._root_16fwq_2._size-l_16fwq_19 {
height: 100%;
max-height: 32px
}
._root_16fwq_2._size-xl_16fwq_23 {
height: 100%;
max-height: 64px
}
._size-xs_16fwq_7 {
height: 12px
}
._size-s_16fwq_11 {
height: 16px
}
._size-m_16fwq_15 {
height: 24px
}
._size-l_16fwq_19 {
height: 32px
}
._size-xl_16fwq_23 {
height: 64px
}
._root_nb52x_2 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px
}
._root_nb52x_2._selected_nb52x_8 {
outline: var(--color-border-focus) solid var(--size-border-focus);
outline-offset: var(--size-border-focus)
}
._container_nb52x_14 {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%
}
._iconWrapper_nb52x_21 {
height: 32px
}
._wrapper_nb52x_25 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px
}
._root_yvmvh_2 {
text-align: start
}
._elevated_yvmvh_6 {
z-index: 1
}
._wrapper_yvmvh_10 {
height: 32px
}
._label_yvmvh_14 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
width: 100%;
text-overflow: ellipsis;
overflow: hidden
}
._lock_yvmvh_18 {
position: absolute;
top: -20px;
right: -12px;
z-index: 1;
line-height: 0
}
._lockCircle_yvmvh_26 {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
background-color: var(--color-layout-background)
}
._lockIconLocked_yvmvh_36 {
color: var(--color-foreground-neutral-secondary)
}
._tooltipContent_yvmvh_40 {
text-align: center
}
._root_ief57_2 {
position: relative;
max-height: 589px;
height: 589px
}
._media_ief57_8 {
display: block;
width: 100%;
height: 100%;
border: none;
border-radius: 20px;
background-color: #0003
}
._overlay_ief57_17 {
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
padding: 4px;
border-radius: 8px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: #fff
}
._root_12hf2_2 {
position: relative;
outline: transparent solid var(--size-border-focus);
transition: outline-color .25s;
border-radius: var(--rounding-surface-l);
cursor: default;
margin-right: 2px
}
._root_12hf2_2._blue_12hf2_10 {
background: var(--color-banner-bonus-bg-grad-2)
}
._root_12hf2_2._freespin_12hf2_14 {
background: var(--color-banner-bonus-bg-freespins-grad)
}
._root_12hf2_2._orange_12hf2_18 {
background: var(--color-banner-bonus-bg-grad-4)
}
._root_12hf2_2._pink_12hf2_22 {
background: var(--color-banner-bonus-bg-grad-3)
}
._root_12hf2_2._purple_12hf2_26 {
background: var(--color-banner-bonus-bg-grad-1)
}
._root_12hf2_2._sport_12hf2_30 {
background: var(--color-banner-bonus-bg-sport);
background-image: var(--color-banner-bonus-bg-sport-grad)
}
._root_12hf2_2._selected_12hf2_35 {
outline: var(--color-solid-brand-accent-primary) solid var(--size-border-focus);
outline-offset: var(--size-border-focus)
}
._container_12hf2_41 {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
padding: 12px;
border-radius: inherit;
overflow: hidden
}
._title_12hf2_51 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: calc(100% - 120px);
margin-bottom: 4px;
color: var(--color-foreground-static-white)
}
._text_12hf2_59 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
height: 32px;
max-width: calc(100% - 120px);
margin-bottom: 12px;
color: var(--color-foreground-static-white-alpha-80)
}
._wrapper_12hf2_68 {
position: relative;
z-index: 10;
display: flex;
align-items: center;
gap: 10px
}
._timer_12hf2_76,
._icon_12hf2_80 {
color: var(--color-foreground-static-white)
}
._mark_12hf2_84 {
position: absolute;
top: -8px;
right: -8px;
border: 2px solid var(--color-layout-background)
}
._image_12hf2_91 {
position: absolute;
top: 0;
right: -56px;
max-width: 222px
}
._image_12hf2_91._flat_12hf2_97 {
right: 0
}
._image_12hf2_91:dir(rtl) {
right: unset;
left: -56px
}
._root_10hn6_2 {
height: var(--size-header)
}
._container_10hn6_6 {
display: flex
}
._wrapper_10hn6_10 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
width: 100%
}
._contentLeft_10hn6_18 {
display: inline-flex
}
._backIcon_10hn6_22:dir(rtl) {
transform: rotate(180deg)
}
._root_in91p_2 {
display: flex;
flex-direction: column;
height: 100%;
position: relative;
z-index: 0
}
._root_in91p_2._dark_in91p_10,
._root_in91p_2._light_in91p_11 {
background-color: var(--color-layout-background);
color: var(--color-foreground-neutral-primary)
}
._main_in91p_17 {
height: inherit;
overflow: hidden
}
._modalContainer_in91p_22 {
position: absolute;
inset: 0;
pointer-events: none
}
._root_in91p_2._dimmed_in91p_29>header,
._root_in91p_2._dimmed_in91p_29>._main_in91p_17 {
filter: brightness(var(--v3a88ab9f))
}
:where(.variant-1_root-dSX3t) {
--game-card__border-width: 1px;
--game-card__focus-width: 2px;
--game-card__outline-offset: 3px;
--game-card__border-radius: var(--game-card-rounding-mobile);
--game-card__border-color: var(--game-card-color-border);
--game-card__offset-image: var(--spacing-4);
--game-card__image-hover-scale: var(--v02fd29b6)
}
@media (min-width:1024px) {
:where(.variant-1_root-dSX3t) {
--game-card__border-width: var(--spacing-2);
--game-card__border-radius: var(--game-card-rounding-desktop);
--game-card__offset-image: var(--spacing-8)
}
}
.variant-1_root-dSX3t:focus-visible {
outline: none
}
.variant-1_root-dSX3t:focus-visible .variant-1_body-dSX3t {
border-radius: var(--game-card__border-radius);
outline: none
}
@supports not (width:1lh) {
:is(.variant-1_root-dSX3t:focus-visible .variant-1_body-dSX3t) {
box-shadow: 0 0 0 var(--game-card__focus-width) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
:is(.variant-1_root-dSX3t:focus-visible .variant-1_body-dSX3t) {
outline: var(--game-card__focus-width) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--game-card__outline-offset)
}
}
@supports not selector(:focus-visible) {
.variant-1_root-dSX3t:focus {
outline: none
}
.variant-1_root-dSX3t:focus .variant-1_body-dSX3t {
border-radius: var(--game-card__border-radius);
outline: none
}
@supports not (width:1lh) {
:is(.variant-1_root-dSX3t:focus .variant-1_body-dSX3t) {
box-shadow: 0 0 0 var(--game-card__focus-width) var(--color-solid-brand-primary-alfa-68)
}
}
@supports (width:1lh) {
:is(.variant-1_root-dSX3t:focus .variant-1_body-dSX3t) {
outline: var(--game-card__focus-width) solid var(--color-solid-brand-primary-alfa-68);
outline-offset: var(--game-card__outline-offset)
}
}
}
.variant-1_root-dSX3t {
gap: var(--spacing-8);
flex-direction: column;
display: flex
}
.variant-1_body-dSX3t {
padding-bottom: 133.33%;
position: relative
}
.variant-1_pictureWrapper-dSX3t {
border-radius: var(--game-card__border-radius);
position: absolute;
inset: 0
}
.variant-1_favorite-dSX3t .variant-1_pictureWrapper-dSX3t {
outline: none
}
@supports not (width:1lh) {
:is(.variant-1_favorite-dSX3t .variant-1_pictureWrapper-dSX3t) {
box-shadow: 0 0 0 var(--game-card__border-width) var(--color-solid-sentiment-favorite-default)
}
}
@supports (width:1lh) {
:is(.variant-1_favorite-dSX3t .variant-1_pictureWrapper-dSX3t) {
outline: var(--game-card__border-width) solid var(--color-solid-sentiment-favorite-default);
outline-offset: var(--game-card__border-width)
}
}
.variant-1_picture-dSX3t {
border-radius: var(--game-card__border-radius);
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
overflow: hidden
}
.variant-1_image-dSX3t {
object-fit: cover;
width: 100%;
height: 100%;
transition: transform .1s linear;
transform: scale(1.01)
}
@media (pointer:fine) {
.variant-1_root-dSX3t:hover .variant-1_image-dSX3t {
transform: scale(var(--game-card__image-hover-scale))
}
}
.variant-1_title-dSX3t {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height);
width: 100%;
height: 100%;
padding: 0 var(--spacing-4);
color: var(--color-content-base-tertiary);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset-inline: 0
}
.variant-1_title-dSX3t span {
-webkit-line-clamp: 3;
line-clamp: 3;
text-align: center;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden
}
.variant-1_placeholder-dSX3t {
border-radius: var(--game-card__border-radius);
background-color: var(--color-background-base-secondary);
position: absolute;
inset: 0
}
.variant-1_bordered-dSX3t .variant-1_pictureWrapper-dSX3t {
padding: 1px
}
:is(.variant-1_bordered-dSX3t .variant-1_pictureWrapper-dSX3t):after {
border-style: solid;
border-width: 1px;
border-color: var(--game-card__border-color);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
:is(.variant-1_bordered-dSX3t .variant-1_pictureWrapper-dSX3t):after {
background: var(--game-card-color-border-grad, var(--game-card__border-color));
-webkit-mask-composite: xor;
border: none;
padding: 1px;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
.variant-1_bordered-dSX3t .variant-1_picture-dSX3t {
border-radius: calc(var(--game-card__border-radius) - 1px)
}
.variant-1_online-dSX3t {
justify-content: flex-start;
align-items: center;
gap: var(--spacing-4);
min-height: 16px;
display: flex
}
.variant-1_onlineIcon-dSX3t {
color: var(--game-card-color-icon);
position: relative
}
.variant-1_onlineInfo-dSX3t {
align-items: center;
gap: var(--spacing-2);
grid-template-columns: auto 1fr;
display: grid
}
.variant-1_onlineQuantity-dSX3t {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height);
color: var(--color-content-base-primary);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.variant-1_onlineText-dSX3t {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height);
max-width: 50px;
color: var(--color-content-base-secondary);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
@media (min-width:1024px) {
.variant-1_onlineText-dSX3t {
max-width: 85px
}
}
.variant-1_shadow-dSX3t {
border-radius: var(--game-card__border-radius) 0 0 var(--game-card__border-radius);
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MyIgaGVpZ2h0PSI0MyIgZmlsbD0ibm9uZSI+CiAgPG1hc2sgaWQ9ImIiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiPgogICAgPHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgMGg0M3Y0M0gweiIgb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDQzIDApIi8+CiAgPC9tYXNrPgogIDxnIG1hc2s9InVybCgjYikiPgogICAgPHBhdGggZmlsbD0iIzAwMCIgZD0iTTAgNDNoNDNWMEgwdjQzWiIvPgogIDwvZz4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjI5LjQ0NiIgeDI9IjUxLjA0MyIgeTE9IjEzLjM3OCIgeTI9IjM0Ljk0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLW9wYWNpdHk9IjAiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KPC9zdmc+Cg==);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.variant-1_countryWrapper-dSX3t {
top: var(--game-card__offset-image);
width: 16px;
height: 16px;
align-items: flex-end;
display: flex;
position: absolute;
inset-inline-start: var(--game-card__offset-image)
}
.variant-1_flag-dSX3t {
border: var(--border-s) solid var(--game-card__border-color);
border-radius: var(--rounding-max);
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
position: relative;
overflow: hidden
}
.award_imgWrapper-BM0Be {
align-items: center;
display: flex
}
.award_imgWrapper-BM0Be img {
height: 100%
}
.footer-awards_root-0MWTL {
justify-content: flex-start;
align-items: center;
gap: var(--spacing-16);
width: 100%;
display: flex
}
@media (min-width:1024px) {
.footer-awards_root-0MWTL {
height: var(--size-control-m);
justify-content: center
}
}
.footer-age-limit_root-TFS5m {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h3-mobile-font-size);
font-weight: var(--font-headline-h3-mobile-font-weight);
letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
line-height: var(--font-headline-h3-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.footer-age-limit_root-TFS5m {
font-size: var(--font-headline-h3-desktop-font-size);
font-weight: var(--font-headline-h3-desktop-font-weight);
letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
line-height: var(--font-headline-h3-desktop-line-height)
}
}
.footer-age-limit_root-TFS5m {
color: var(--color-content-base-tertiary);
justify-content: flex-start;
align-items: center;
display: flex
}
@media (min-width:1024px) {
.footer-age-limit_root-TFS5m {
justify-content: flex-end
}
}
.footer-age-limit_end-TFS5m {
justify-content: flex-end
}
.footer-payments_root-0xbCq {
justify-content: flex-start;
align-items: center;
gap: var(--spacing-12);
flex-wrap: wrap;
flex-grow: 1;
display: flex
}
@media (min-width:1024px) {
.footer-payments_root-0xbCq {
justify-content: space-between;
height: 30px
}
}
.footer-header-row_root-tLFpU {
align-items: center;
gap: var(--footer-top-gap);
display: flex
}
.footer-header-row_scrollTop-tLFpU {
color: var(--color-content-base-primary)
}
.footer-header-row_line-tLFpU {
background-color: var(--color-border-base-alfa-divider);
flex-grow: 1;
height: 1px
}
.footer-header-row_hideLine-tLFpU {
height: 0
}
.socials_root-eyjZ7 {
gap: var(--spacing-8);
flex-wrap: wrap;
display: flex
}
.footer-banner-mobile-app_root-e9ikg {
min-height: var(--footer-banner-mobile-app-mobile-min-height);
padding: var(--spacing-16);
border-radius: var(--footer-banner-mobile-app-rounding-mobile);
gap: var(--spacing-12);
grid-template-columns: minmax(0, 156px) auto;
display: grid;
position: relative
}
.footer-banner-mobile-app_root-e9ikg:after {
border-style: solid;
border-width: 1px;
border-color: var(--footer-banner-mobile-app-color-border);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.footer-banner-mobile-app_root-e9ikg:after {
background: var(--footer-banner-mobile-app-color-border-grad, var(--footer-banner-mobile-app-color-border));
-webkit-mask-composite: xor;
border: none;
padding: 1px;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
@media (min-width:1024px) {
.footer-banner-mobile-app_root-e9ikg {
min-height: var(--footer-banner-mobile-app-desktop-min-height);
border-radius: var(--footer-banner-mobile-app-rounding-desktop);
grid-template-columns: 1fr
}
}
.footer-banner-mobile-app_bg-e9ikg {
border-radius: inherit;
background: var(--footer-banner-mobile-app-color-bg-grad-1, var(--footer-banner-mobile-app-color-bg));
position: absolute;
inset: 0
}
[dir=rtl] .footer-banner-mobile-app_bg-e9ikg {
transform: scaleX(-1)
}
@media (min-width:1024px) {
.footer-banner-mobile-app_bg-e9ikg {
background: var(--footer-banner-mobile-app-color-bg-grad-2, var(--footer-banner-mobile-app-color-bg))
}
}
.footer-banner-mobile-app_content-e9ikg,
.footer-banner-mobile-app_button-e9ikg {
z-index: 2
}
.footer-banner-mobile-app_content-e9ikg {
gap: var(--spacing-8);
white-space: pre-line;
flex-direction: column;
display: flex
}
.footer-banner-mobile-app_button-e9ikg {
place-self: end;
min-width: 128px
}
@media (min-width:1024px) {
.footer-banner-mobile-app_button-e9ikg {
justify-self: stretch;
max-width: 320px
}
}
.footer-banner-mobile-app_title-e9ikg {
color: var(--color-content-base-static-white);
text-wrap: balance;
white-space: pre-line;
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height)
}
.footer-banner-mobile-app_secondary-e9ikg {
color: var(--color-content-base-static-white);
text-wrap: pretty;
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-regular-font-size);
font-weight: var(--font-caption-s-regular-font-weight);
letter-spacing: var(--font-caption-s-regular-letter-spacing);
line-height: var(--font-caption-s-regular-line-height)
}
.footer-banner-mobile-app_secondary-e9ikg span {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-s-semibold-font-size);
font-weight: var(--font-caption-s-semibold-font-weight);
letter-spacing: var(--font-caption-s-semibold-letter-spacing);
line-height: var(--font-caption-s-semibold-line-height)
}
.footer-banner-mobile-app_image-e9ikg,
.footer-banner-mobile-app_bgImage-e9ikg {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
position: absolute
}
.footer-banner-mobile-app_image-e9ikg {
z-index: 1;
width: 160px;
inset-block-end: var(--spacing-12);
inset-inline-end: 0
}
@media (min-width:1024px) {
.footer-banner-mobile-app_image-e9ikg {
inset-block-end: 0
}
}
.footer-banner-mobile-app_bgImage-e9ikg {
border-start-start-radius: 0;
border-start-end-radius: var(--rounding-container-m);
border-end-end-radius: var(--rounding-container-m);
border-end-start-radius: 0;
height: 100%;
inset-block: 0;
inset-inline-end: 0
}
.footer-banner-mobile-app_variant-1-e9ikg .footer-banner-mobile-app_title-e9ikg {
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height);
text-transform: inherit
}
@media (min-width:1024px) {
.footer-banner-mobile-app_variant-1-e9ikg {
padding-inline-end: 275px
}
.footer-banner-mobile-app_variant-1-e9ikg .footer-banner-mobile-app_content-e9ikg {
white-space: normal
}
.footer-banner-mobile-app_variant-1-e9ikg .footer-banner-mobile-app_image-e9ikg {
width: 410px;
height: auto
}
}
@media (min-width:1440px) {
.footer-banner-mobile-app_variant-1-e9ikg {
padding-inline-end: 150px
}
.footer-banner-mobile-app_variant-1-e9ikg .footer-banner-mobile-app_content-e9ikg {
max-width: 160px
}
.footer-banner-mobile-app_variant-1-e9ikg .footer-banner-mobile-app_image-e9ikg {
width: 303px
}
}
.footer-banner-mobile-app_variant-2-e9ikg .footer-banner-mobile-app_title-e9ikg {
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height)
}
@media (min-width:1024px) {
.footer-banner-mobile-app_variant-2-e9ikg .footer-banner-mobile-app_title-e9ikg {
max-width: 220px
}
}
.footer-banner-mobile-app_variant-2-e9ikg .footer-banner-mobile-app_secondary-e9ikg {
white-space: normal
}
@media (min-width:768px) {
.footer-banner-mobile-app_variant-2-e9ikg {
grid-template-columns: 1fr auto
}
}
@media (min-width:1024px) {
.footer-banner-mobile-app_variant-2-e9ikg {
grid-template-columns: 1fr;
overflow: hidden
}
.footer-banner-mobile-app_variant-2-e9ikg .footer-banner-mobile-app_image-e9ikg {
width: auto;
height: 100%
}
}
.compact_root-1ENDy {
color: var(--color-content-base-secondary);
gap: var(--spacing-8);
display: flex
}
.compact_copyright-1ENDy {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-xs-font-size);
font-weight: var(--font-caption-xs-regular-font-weight);
letter-spacing: var(--font-caption-xs-letter-spacing);
line-height: var(--font-caption-xs-line-height);
flex-grow: 1;
align-items: center;
display: flex
}
.compact_age-1ENDy {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h3-mobile-font-size);
font-weight: var(--font-headline-h3-mobile-font-weight);
letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
line-height: var(--font-headline-h3-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.compact_age-1ENDy {
font-size: var(--font-headline-h3-desktop-font-size);
font-weight: var(--font-headline-h3-desktop-font-weight);
letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
line-height: var(--font-headline-h3-desktop-line-height)
}
}
.compact_age-1ENDy {
color: var(--color-content-base-tertiary)
}
.full_root-AcxZX {
color: var(--color-content-base-secondary);
gap: var(--spacing-12);
display: flex
}
.full_root-AcxZX.full_advance-AcxZX {
flex-direction: column
}
.full_root-AcxZX.full_reverse-AcxZX {
flex-direction: column-reverse
}
@media (min-width:1024px) {
.full_root-AcxZX {
justify-content: space-between;
gap: var(--spacing-8)
}
.full_root-AcxZX.full_advance-AcxZX,
.full_root-AcxZX.full_reverse-AcxZX {
flex-direction: row
}
}
.full_licenseAndResponsible-AcxZX {
max-width: var(--footer-layout-copyright-max-width);
gap: var(--spacing-12);
flex-direction: column;
flex-grow: 1;
display: flex
}
.full_responsibleGaming-AcxZX {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-xs-font-size);
font-weight: var(--font-caption-xs-regular-font-weight);
letter-spacing: var(--font-caption-xs-letter-spacing);
line-height: var(--font-caption-xs-line-height);
display: inline
}
.full_responsibleGaming-AcxZX a {
white-space: nowrap;
-webkit-text-decoration: underline;
text-decoration: underline
}
.full_cookie-AcxZX {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-xs-font-size);
font-weight: var(--font-caption-xs-regular-font-weight);
letter-spacing: var(--font-caption-xs-letter-spacing);
line-height: var(--font-caption-xs-line-height);
display: inline
}
.full_cookie-AcxZX a {
white-space: nowrap;
-webkit-text-decoration: underline;
text-decoration: underline
}
.full_copyright-AcxZX {
font-family: var(--font-caption-font-family);
font-size: var(--font-caption-xs-font-size);
font-weight: var(--font-caption-xs-regular-font-weight);
letter-spacing: var(--font-caption-xs-letter-spacing);
line-height: var(--font-caption-xs-line-height);
display: inline
}
.full_copyright-AcxZX a {
white-space: nowrap;
-webkit-text-decoration: underline;
text-decoration: underline
}
.full_ageLimitAndSeal-AcxZX {
align-items: center;
gap: var(--spacing-8);
flex-direction: row;
order: -1;
display: flex
}
@media (min-width:1024px) {
.full_ageLimitAndSeal-AcxZX {
flex-direction: column;
order: unset;
align-items: end;
margin-inline-start: auto
}
}
.full_age-AcxZX {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h3-mobile-font-size);
font-weight: var(--font-headline-h3-mobile-font-weight);
letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
line-height: var(--font-headline-h3-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.full_age-AcxZX {
font-size: var(--font-headline-h3-desktop-font-size);
font-weight: var(--font-headline-h3-desktop-font-weight);
letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
line-height: var(--font-headline-h3-desktop-line-height)
}
}
.full_age-AcxZX {
color: var(--color-content-base-tertiary);
order: 1;
margin-left: auto
}
@media (min-width:1024px) {
.full_age-AcxZX {
order: unset;
margin-left: unset
}
}
.full_licenseSealWrapper-AcxZX {
align-items: start;
display: flex
}
.full_licenseSeal-AcxZX {
width: var(--v14ffa32a)
}
@media (min-width:1024px) {
.full_licenseSeal-AcxZX {
width: var(--v6364a91a)
}
}
.accordion-heading_root-4ptdJ {
color: #fff;
cursor: pointer;
width: 100%;
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h4-mobile-font-size);
font-weight: var(--font-headline-h4-mobile-font-weight);
letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
line-height: var(--font-headline-h4-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks;
align-items: center;
display: flex
}
@media (min-width:1024px) {
.accordion-heading_root-4ptdJ {
font-size: var(--font-headline-h4-desktop-font-size);
font-weight: var(--font-headline-h4-desktop-font-weight);
letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
line-height: var(--font-headline-h4-desktop-line-height)
}
}
.accordion-heading_content-4ptdJ {
color: var(--color-content-base-primary);
align-items: center;
gap: var(--spacing-8);
margin-right: auto;
display: flex
}
.accordion-heading_icon-4ptdJ {
transition: transform .2s ease-out
}
.accordion-heading_opened-4ptdJ {
transform: rotate(180deg)
}
.navigation-section_root-CbnNH {
flex-direction: column;
display: flex
}
.navigation-section_sectionTitleDesktop-CbnNH {
font-family: var(--font-headline-font-family);
font-size: var(--font-headline-h4-mobile-font-size);
font-weight: var(--font-headline-h4-mobile-font-weight);
letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
line-height: var(--font-headline-h4-mobile-line-height);
text-transform: var(--font-headline-text-case);
text-wrap: balance;
white-space-collapse: preserve-breaks
}
@media (min-width:1024px) {
.navigation-section_sectionTitleDesktop-CbnNH {
font-size: var(--font-headline-h4-desktop-font-size);
font-weight: var(--font-headline-h4-desktop-font-weight);
letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
line-height: var(--font-headline-h4-desktop-line-height)
}
}
.navigation-section_sectionTitleDesktop-CbnNH {
color: var(--color-content-base-primary);
align-items: center;
gap: var(--spacing-8);
margin: 0;
display: flex
}
.navigation-section_expandable-CbnNH {
grid-template-rows: 0fr;
transition: grid-template-rows .2s ease-out;
display: grid
}
@media (min-width:1024px) {
.navigation-section_expandable-CbnNH {
width: max-content
}
}
@media (min-width:1440px) {
.navigation-section_expandable-CbnNH.navigation-section_noColumnGrouping-CbnNH {
width: 100%
}
}
.navigation-section_expandable-CbnNH.navigation-section_isOpened-CbnNH {
grid-template-rows: 1fr
}
.navigation-section_itemsContainer-CbnNH {
overflow: hidden
}
@media (min-width:1024px) {
.navigation-section_itemsContainer-CbnNH {
gap: var(--spacing-40);
display: flex
}
}
.navigation-section_itemsGroup-CbnNH {
margin-top: var(--spacing-12);
gap: var(--spacing-12);
flex-direction: column;
display: flex
}
@media (min-width:1024px) {
.navigation-section_itemsGroup-CbnNH {
margin-top: var(--spacing-16)
}
}
.navigation-section_itemsGroup-CbnNH>* {
padding-block: var(--spacing-2)
}
@media (min-width:1024px) {
.navigation-section_itemsGroup-CbnNH>* {
padding: 0
}
}
.footer-banner-desktop-app_root-dXffR {
padding: var(--spacing-16);
border-radius: var(--footer-banner-desktop-app-rounding);
gap: var(--spacing-12);
grid-template-columns: 1fr max-content;
display: grid;
position: relative
}
.footer-banner-desktop-app_root-dXffR:after {
border-style: solid;
border-width: 1px;
border-color: var(--footer-banner-desktop-app-color-border);
border-radius: inherit;
content: "";
pointer-events: none;
position: absolute;
inset: 0
}
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.footer-banner-desktop-app_root-dXffR:after {
background: var(--footer-banner-desktop-app-color-border-grad, var(--footer-banner-desktop-app-color-border));
-webkit-mask-composite: xor;
border: none;
padding: 1px;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source
}
}
@media (min-width:1024px) {
.footer-banner-desktop-app_root-dXffR {
grid-template-columns: auto
}
}
.footer-banner-desktop-app_bg-dXffR {
border-radius: inherit;
background: var(--footer-banner-desktop-app-color-bg-grad, var(--footer-banner-desktop-app-color-bg));
position: absolute;
inset: 0
}
[dir=rtl] .footer-banner-desktop-app_bg-dXffR {
transform: scaleX(-1)
}
.footer-banner-desktop-app_content-dXffR,
.footer-banner-desktop-app_button-dXffR {
z-index: 1
}
.footer-banner-desktop-app_content-dXffR {
gap: var(--spacing-8);
white-space: pre-line;
flex-direction: column;
display: flex
}
.footer-banner-desktop-app_button-dXffR {
align-self: flex-end
}
.footer-banner-desktop-app_title-dXffR {
color: var(--color-content-base-static-white);
font-family: var(--font-display-body-font-family);
font-size: var(--font-display-body-semibold-font-size);
font-weight: var(--font-display-body-semibold-font-weight);
letter-spacing: var(--font-display-body-semibold-letter-spacing);
line-height: var(--font-display-body-semibold-line-height)
}
.footer-banner-desktop-app_image-dXffR {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
width: 160px;
position: absolute;
inset-block-end: 0;
inset-inline-end: 0
}
.footer-banner-desktop-app_variant-1-dXffR {
overflow: hidden
}
@media (min-width:1024px) {
.footer-banner-desktop-app_variant-1-dXffR {
min-height: 190px
}
.footer-banner-desktop-app_variant-1-dXffR .footer-banner-desktop-app_image-dXffR {
width: 207px
}
.footer-banner-desktop-app_variant-2-dXffR {
min-height: 152px;
overflow: hidden
}
.footer-banner-desktop-app_variant-2-dXffR .footer-banner-desktop-app_button-dXffR {
justify-content: flex-start;
align-items: center;
display: flex
}
.footer-banner-desktop-app_variant-2-dXffR .footer-banner-desktop-app_image-dXffR {
width: auto;
height: 100%
}
}
.footer-logo-img {
display: block;
object-fit: contain;
object-position: center;
flex-shrink: 0;
font-size: 0;
color: transparent
}
.footer-logo-img--award {
width: auto;
height: 24px;
max-width: 120px
}
.footer-logo-img--pay {
width: auto;
height: 22px;
max-width: 96px
}
.award_imgWrapper-BM0Be {
height: 24px;
flex-shrink: 0
}
.award_imgWrapper-BM0Be img {
height: 24px;
width: auto;
max-width: 120px;
object-fit: contain
}
.footer-awards_root-0MWTL:empty,
.footer-awards_root-0MWTL.is-empty {
display: none
}
.footer-payments_root-0xbCq {
min-height: 22px
}
.variant-1_bgImage-gJQCq,
.variant-1_image-gJQCq,
.footer-banner-mobile-app_image-e9ikg,
.footer-banner-desktop-app_image-dXffR {
object-fit: contain;
object-position: bottom right
}
@media (max-width: 1023.98px) {
.footer-awards_root-0MWTL {
min-height: 24px;
flex-wrap: wrap
}
.footer-logo-img--award {
height: 22px
}
.footer-logo-img--pay {
height: 20px;
max-width: 72px
}
.footer-payments_root-0xbCq {
gap: var(--spacing-8)
}
.variant-1_image-gJQCq {
height: auto;
max-height: 96px
}
.variant-1_bgImage-gJQCq {
height: auto;
max-height: 120px
}
.footer-banner-mobile-app_image-e9ikg {
height: auto;
max-height: 88px
}
}