:root { --accordion-border-radius: 8px; --accordion-border-size: 2px; --accordion-description-expand: 8px 16px; --accordion-header-border-size: 2px; --accordion-header-content-min-height: 20px; --accordion-header-expand: 8px 16px; --accordion-header-icon-container-border-radius: 10px; --accordion-header-icon-container-border-size: 1px; --accordion-header-icon-container-icon-size: 20px; --accordion-header-spacing: 8px; --avatar-border-radius: 1000px; --avatar-border-size: 2px; --avatar-rakeback-border-radius: 1000px; --avatar-rakeback-border-size: 1px; --avatar-rakeback-expand: 1px; --avatar-rakeback-icon-size: 10px; --avatar-size: 32px; --badge-border-pill: 1000px; --badge-border-radius-l: 8px; --badge-border-radius-m: 6px; --badge-border-radius-s: 4px; --badge-border-radius-xs: 2px; --badge-border-size-l: 2px; --badge-border-size-m: 2px; --badge-border-size-s: 2px; --badge-border-size-xs: 2px; --badge-content-height-l: 20px; --badge-content-height-m: 16px; --badge-content-height-s: 14px; --badge-content-height-xs: 8px; --badge-expand-l: 4px; --badge-expand-m: 4px; --badge-expand-s: 2px; --badge-expand-xs: 2px; --badge-icon-container-border-radius-l: 10px; --badge-icon-container-border-radius-m: 8px; --badge-icon-container-border-radius-s: 8px; --badge-icon-container-border-radius-xs: 4px; --badge-icon-container-border-size-l: 1px; --badge-icon-container-border-size-m: 1px; --badge-icon-container-border-size-s: 1px; --badge-icon-container-border-size-xs: 1px; --badge-icon-container-icon-size-l: 20px; --badge-icon-container-icon-size-m: 16px; --badge-icon-container-icon-size-s: 14px; --badge-icon-container-icon-size-xs: 8px; --badge-text-container-expand-l: 0 4px; --badge-text-container-expand-m: 0 4px; --badge-text-container-expand-s: 0 2px; --badge-text-container-expand-xs: 0 2px; --base-background: var(--color-background-page); --border-1: 1px; --border-2: 2px; --border-3: 3px; --border-4: 4px; --border-radius-2xs: 2px; --border-radius-l: 12px; --border-radius-m: 8px; --border-radius-pill: 1000px; --border-radius-s: 6px; --border-radius-xl: 16px; --border-radius-xs: 4px; --border-radius-xxl: 24px; --border-radius-xxxl: 32px; --breakpoints-desktop: 1280px; --breakpoints-expand: 256px; --breakpoints-mobile: 360px; --button-border-radius-l: 28px; --button-border-radius-m: 22px; --button-border-radius-s: 16px; --button-border-size-l: 2px; --button-border-size-m: 2px; --button-border-size-s: 2px; --button-content-height-l: 24px; --button-content-height-m: 20px; --button-content-height-s: 16px; --button-expand-l: 16px; --button-expand-m: 12px; --button-expand-s: 8px; --button-icon-container-border-radius-l: 12px; --button-icon-container-border-radius-m: 10px; --button-icon-container-border-radius-s: 8px; --button-icon-container-border-size-l: 1px; --button-icon-container-border-size-m: 1px; --button-icon-container-border-size-s: 1px; --button-icon-container-icon-size-l: 24px; --button-icon-container-icon-size-m: 20px; --button-icon-container-icon-size-s: 16px; --button-link-content-height-l: 24px; --button-link-content-height-m: 20px; --button-link-content-height-s: 16px; --button-link-icon-container-border-radius-l: 12px; --button-link-icon-container-border-radius-m: 10px; --button-link-icon-container-border-radius-s: 8px; --button-link-icon-container-border-size-l: 1px; --button-link-icon-container-border-size-m: 1px; --button-link-icon-container-border-size-s: 1px; --button-link-icon-container-icon-size-l: 24px; --button-link-icon-container-icon-size-m: 20px; --button-link-icon-container-icon-size-s: 16px; --button-link-spacing-l: 8px; --button-link-spacing-m: 8px; --button-link-spacing-s: 4px; --button-navigation-border-radius-2xs: 12px; --button-navigation-border-radius-3xs: 10px; --button-navigation-border-radius-m: 22px; --button-navigation-border-radius-s: 16px; --button-navigation-border-radius-xs: 12px; --button-navigation-border-size-2xs: 2px; --button-navigation-border-size-3xs: 2px; --button-navigation-border-size-m: 2px; --button-navigation-border-size-s: 2px; --button-navigation-border-size-xs: 2px; --button-navigation-expand-2xs: 4px; --button-navigation-expand-3xs: 4px; --button-navigation-expand-m: 12px; --button-navigation-expand-s: 8px; --button-navigation-expand-xs: 5px; --button-navigation-icon-size-2xs: 14px; --button-navigation-icon-size-3xs: 12px; --button-navigation-icon-size-m: 20px; --button-navigation-icon-size-s: 16px; --button-navigation-icon-size-xs: 14px; --button-store-border-radius-l: 12px; --button-store-border-radius-m: 8px; --button-store-content-height-l: 32px; --button-store-content-height-m: 30px; --button-store-expand-l: 8px 16px; --button-store-expand-m: 4px 12px; --button-store-icon-size-l: 28px; --button-store-icon-size-m: 20px; --button-store-text-container-description-height-l: 12px; --button-store-text-container-description-height-m: 12px; --button-store-text-container-expand-l: 0 12px; --button-store-text-container-expand-m: 0 8px; --button-store-text-container-min-width-l: 124px; --button-store-text-container-min-width-m: 104px; --button-store-text-container-text-height-l: 20px; --button-store-text-container-text-height-m: 18px; --button-text-container-expand-l: 0 8px; --button-text-container-expand-m: 0 8px; --button-text-container-expand-s: 0 4px; --buttons-group-spacing-l: 8px; --buttons-group-spacing-m: 8px; --buttons-group-spacing-s: 4px; --calendar-border-radius: 8px; --calendar-border-radius-m: 12px; --calendar-border-radius-s: 8px; --calendar-border-size-m: 2px; --calendar-border-size-s: 2px; --calendar-day-border-radius-m: 12px; --calendar-day-border-radius-s: 8px; --calendar-day-button-border-radius-m: 12px; --calendar-day-button-border-radius-s: 8px; --calendar-day-button-border-size-m: 2px; --calendar-day-button-border-size-s: 2px; --calendar-day-button-size-m: 36px; --calendar-day-button-size-s: 32px; --calendar-day-expand-m: 4px; --calendar-day-expand-s: 2px; --calendar-expand-m: 16px 24px; --calendar-expand-s: 12px 16px; --calendar-header-day-height-m: 44px; --calendar-header-day-height-s: 36px; --calendar-header-day-width-m: 44px; --calendar-header-day-width-s: 36px; --calendar-header-spacing-m: 8px; --calendar-header-spacing-s: 4px; --check-border-pill: 1000px; --check-l-checkbox-radius: 8px; --check-l-radiobutton-radius: 1000px; --check-l-switch-radius: 1000px; --check-m-border-radius: 6px 0 0 0; --check-m-radiobutton-radius: 1000px; --check-m-switch: 1000px; --check-s-checkbox-radius: 4px; --check-s-radiobutton-radius: 1000px; --check-s-switch: 1000px; --checkbox-m-border-radius: 6px; --checkbox-m-icon-size: 16px; --checkbox-m-margin: 2px; --checkbox-radius-l: 6px; --checkbox-radius-m: 6px; --checkbox-radius-s: 6px; --checkbox-s-border-radius: 4px; --checkbox-s-icon-size: 12px; --checkbox-s-margin: 2px; --color-accent-icon: #069815CC; --color-accent-icon-hover: #069815CC; --color-accordion-background: var(--color-dark-grey-2); --color-accordion-description: var(--color-mid-grey-5); --color-accordion-header-background: var(--color-dark-grey-3); --color-accordion-header-background-active: var(--color-dark-grey-3); --color-accordion-header-background-disabled: var(--color-dark-grey-3); --color-accordion-header-background-hover: var(--color-dark-grey-4); --color-accordion-header-icon-container-icon: var(--color-mid-grey-5); --color-accordion-header-icon-container-icon-active: var(--color-mid-grey-5); --color-accordion-header-icon-container-icon-disabled: var(--color-mid-grey-2); --color-accordion-header-icon-container-icon-hover: var(--color-mid-grey-5); --color-accordion-header-text: var(--color-white); --color-accordion-header-text-active: var(--color-white); --color-accordion-header-text-disabled: var(--color-mid-grey-2); --color-accordion-header-text-hover: var(--color-white); --color-arrow-icon: #54596DCC; --color-arrow-icon-hover: #54596DCC; --color-at050: #FDF8D3; --color-at100: #FCF0A7; --color-at200: #FAE97C; --color-at300: #F8E150; --color-at400: #F6DA24; --color-at500: #E4C609; --color-at600: #BEA508; --color-at700: #988406; --color-at800: #726305; --color-at900: #4C4203; --color-avatar-background: #252c45; --color-avatar-icon: var(--color-light-grey-4); --color-avatar-rakeback-background: var(--color-dark-grey-1); --color-b000: #00000000; --color-b002: #00000005; --color-b005: #0000000D; --color-b010: #0000001A; --color-b020: #00000033; --color-b030: #0000004D; --color-b040: #00000066; --color-b050: #00000080; --color-b060: #00000099; --color-b070: #000000B3; --color-b080: #000000CC; --color-b090: #000000E6; --color-background: #1DBF59; --color-background-active: #1FAC5A; --color-background-attention: var(--color-at400); --color-background-danger: var(--color-da600); --color-background-disabled: #1C9854; --color-background-hover: #3FC972; --color-background-info: var(--color-in400); --color-background-inverse-overlay: #FFFFFFB3; --color-background-inverse-overlay-1: var(--color-w070); --color-background-inverse-overlay-2: var(--color-w010); --color-background-inverse-page: var(--color-white); --color-background-inverse-surface-1: var(--color-light-grey-5); --color-background-inverse-surface-2: var(--color-light-grey-4); --color-background-inverse-surface-3: var(--color-light-grey-3); --color-background-inverse-surface-4: var(--color-light-grey-2); --color-background-inverse-surface-5: var(--color-light-grey-1); --color-background-inverse-transparent-1: var(--color-b010); --color-background-inverse-transparent-10: #0000001A; --color-background-inverse-transparent-2: var(--color-b020); --color-background-inverse-transparent-3: var(--color-b040); --color-background-inverse-transparent-4: var(--color-b080); --color-background-minor: var(--color-vi500); --color-background-overlay: var(--color-black); --color-background-overlay-1: var(--color-b070); --color-background-overlay-2: var(--color-b010); --color-background-page: var(--color-dark-grey-0); --color-background-primary: var(--color-pr500); --color-background-success: var(--color-su600); --color-background-sucesss: #00C31F; --color-background-surface-1: var(--color-dark-grey-1); --color-background-surface-2: var(--color-dark-grey-2); --color-background-surface-3: var(--color-dark-grey-3); --color-background-surface-4: var(--color-dark-grey-4); --color-background-surface-5: var(--color-dark-grey-5); --color-background-transparent-1: var(--color-w010); --color-background-transparent-10: #FFFFFF1A; --color-background-transparent-2: var(--color-w020); --color-background-transparent-3: var(--color-w040); --color-background-transparent-30: #FFFFFF4D; --color-background-transparent-4: var(--color-w080); --color-background-warning: var(--color-wa400); --color-badge-attention-background: var(--color-at400); --color-badge-attention-border: var(--color-b000); --color-badge-attention-icon-container-background: var(--color-b000); --color-badge-attention-icon-container-border: var(--color-b000); --color-badge-attention-icon-container-icon: #000000CC; --color-badge-attention-text: var(--color-black); --color-badge-danger-background: var(--color-da600); --color-badge-danger-icon-container-icon: #FFFFFFCC; --color-badge-danger-text: var(--color-white); --color-badge-dark-background: var(--color-dark-grey-0); --color-badge-dark-icon-container-icon: #F6DA24CC; --color-badge-dark-text: var(--color-white); --color-badge-info-background: var(--color-in400); --color-badge-info-icon-container-icon: #FFFFFFCC; --color-badge-info-text: var(--color-white); --color-badge-jackpot-background: linear-gradient(90deg, #0238E1 0%, #6F02FF 100%); --color-badge-jackpot-icon-container-icon: #F6DA24; --color-badge-jackpot-text: var(--color-white); --color-badge-light-background: var(--color-white); --color-badge-light-border: var(--color-b000); --color-badge-light-icon-container-background: var(--color-b000); --color-badge-light-icon-container-border: var(--color-b000); --color-badge-light-icon-container-icon: #060E2ACC; --color-badge-light-text: var(--color-dark-grey-0); --color-badge-minor-background: var(--color-vi500); --color-badge-minor-icon-container-icon: #FFFFFFCC; --color-badge-minor-text: var(--color-white); --color-badge-primary-background: var(--color-pr500); --color-badge-primary-icon-container-icon: #FFFFFFCC; --color-badge-primary-text: var(--color-button-primary); --color-badge-secondary-background: var(--color-dark-grey-5); --color-badge-secondary-icon-container-icon: #FFFFFFCC; --color-badge-secondary-text: var(--color-white); --color-badge-success-background: var(--color-su600); --color-badge-success-icon-container-icon: #FFFFFFCC; --color-badge-success-text: var(--color-white); --color-badge-transparent-background: var(--color-w020); --color-badge-transparent-icon-container-icon: #FFFFFFCC; --color-badge-transparent-text: var(--color-white); --color-badge-vip-background: linear-gradient(260deg, #FFEA81 0%, #B48457 100%); --color-badge-vip-icon-container-icon: var(--color-black); --color-badge-vip-text: var(--color-black); --color-badge-warning-background: var(--color-wa400); --color-badge-warning-icon-container-icon: #FFFFFFCC; --color-badge-warning-text: var(--color-white); --color-black: #000000; --color-blue: #2196F3; --color-border-error-outline: #FF0E0E99; --color-border-focused-outline: #54596D99; --color-border-success-outline: #09E41F99; --color-button-fill-attention-background: var(--color-at400); --color-button-fill-attention-background-active: var(--color-at500); --color-button-fill-attention-background-disabled: var(--color-w005); --color-button-fill-attention-background-hover: var(--color-at300); --color-button-fill-attention-icon-container-icon: #000000CC; --color-button-fill-attention-icon-container-icon-active: #000000CC; --color-button-fill-attention-icon-container-icon-disabled: #63687ACC; --color-button-fill-attention-icon-container-icon-hover: #000000CC; --color-button-fill-attention-text: var(--color-black); --color-button-fill-attention-text-active: var(--color-black); --color-button-fill-attention-text-disabled: var(--color-mid-grey-2); --color-button-fill-attention-text-hover: var(--color-black); --color-button-fill-danger-background: var(--color-da600); --color-button-fill-danger-background-active: var(--color-da700); --color-button-fill-danger-background-disabled: var(--color-w005); --color-button-fill-danger-background-hover: var(--color-da500); --color-button-fill-danger-icon-container-icon: #FFFFFFCC; --color-button-fill-danger-icon-container-icon-active: #FFFFFFCC; --color-button-fill-danger-icon-container-icon-disabled: #63687ACC; --color-button-fill-danger-icon-container-icon-hover: #FFFFFFCC; --color-button-fill-danger-text: var(--color-white); --color-button-fill-danger-text-active: var(--color-white); --color-button-fill-danger-text-disabled: var(--color-mid-grey-2); --color-button-fill-danger-text-hover: var(--color-white); --color-button-fill-dark-background: var(--color-dark-grey-0); --color-button-fill-dark-background-active: var(--color-dark-grey-5); --color-button-fill-dark-background-disabled: var(--color-b005); --color-button-fill-dark-background-hover: var(--color-dark-grey-3); --color-button-fill-dark-icon-container-icon: #FFFFFFCC; --color-button-fill-dark-icon-container-icon-active: #FFFFFFCC; --color-button-fill-dark-icon-container-icon-disabled: #828695CC; --color-button-fill-dark-icon-container-icon-hover: #FFFFFFCC; --color-button-fill-dark-text: var(--color-white); --color-button-fill-dark-text-active: var(--color-white); --color-button-fill-dark-text-disabled: var(--color-b070); --color-button-fill-dark-text-hover: var(--color-white); --color-button-fill-info-background: var(--color-in400); --color-button-fill-info-background-active: var(--color-in700); --color-button-fill-info-background-disabled: var(--color-w005); --color-button-fill-info-background-hover: var(--color-in500); --color-button-fill-info-icon-container-icon: #FFFFFFCC; --color-button-fill-info-icon-container-icon-active: #FFFFFFCC; --color-button-fill-info-icon-container-icon-disabled: #63687ACC; --color-button-fill-info-icon-container-icon-hover: #FFFFFFCC; --color-button-fill-info-text: var(--color-white); --color-button-fill-info-text-active: var(--color-white); --color-button-fill-info-text-disabled: var(--color-mid-grey-2); --color-button-fill-info-text-hover: var(--color-white); --color-button-fill-light-background: var(--color-white); --color-button-fill-light-background-active: var(--color-light-grey-4); --color-button-fill-light-background-disabled: var(--color-b005); --color-button-fill-light-background-hover: var(--color-light-grey-5); --color-button-fill-light-icon-container-icon: #060E2ACC; --color-button-fill-light-icon-container-icon-active: #060E2ACC; --color-button-fill-light-icon-container-icon-disabled: #828695CC; --color-button-fill-light-icon-container-icon-hover: #060E2ACC; --color-button-fill-light-text: var(--color-dark-grey-0); --color-button-fill-light-text-active: var(--color-dark-grey-0); --color-button-fill-light-text-disabled: var(--color-b070); --color-button-fill-light-text-hover: var(--color-dark-grey-0); --color-button-fill-minor-background: var(--color-vi500); --color-button-fill-minor-background-active: var(--color-vi700); --color-button-fill-minor-background-disabled: var(--color-w005); --color-button-fill-minor-background-hover: var(--color-vi400); --color-button-fill-minor-icon-container-icon: #FFFFFFCC; --color-button-fill-minor-icon-container-icon-active: #FFFFFFCC; --color-button-fill-minor-icon-container-icon-disabled: #63687ACC; --color-button-fill-minor-icon-container-icon-hover: #FFFFFFCC; --color-button-fill-minor-text: var(--color-white); --color-button-fill-minor-text-active: var(--color-white); --color-button-fill-minor-text-disabled: var(--color-mid-grey-2); --color-button-fill-minor-text-hover: var(--color-white); --color-button-fill-primary-background: var(--color-pr500); --color-button-fill-primary-background-active: var(--color-pr600); --color-button-fill-primary-background-disabled: var(--color-w005); --color-button-fill-primary-background-hover: var(--color-pr400); --color-button-fill-primary-icon-container-icon: #FFFFFFCC; --color-button-fill-primary-icon-container-icon-active: #FFFFFFCC; --color-button-fill-primary-icon-container-icon-disabled: #63687ACC; --color-button-fill-primary-icon-container-icon-hover: #FFFFFFCC; --color-button-fill-primary-progress-background: var(--color-pr500); --color-button-fill-primary-progress-background-active: var(--color-pr600); --color-button-fill-primary-progress-background-disabled: var(--color-w005); --color-button-fill-primary-progress-background-hover: var(--color-pr400); --color-button-fill-primary-progress-icon-container-icon: #FFFFFFCC; --color-button-fill-primary-progress-icon-container-icon-active: #FFFFFFCC; --color-button-fill-primary-progress-icon-container-icon-disabled: #63687ACC; --color-button-fill-primary-progress-icon-container-icon-hover: #FFFFFFCC; --color-button-fill-primary-progress-progress: #f67024; --color-button-fill-primary-progress-progress-active: #e45809; --color-button-fill-primary-progress-progress-disabled: #353b52; --color-button-fill-primary-progress-progress-hover: #f88d50; --color-button-fill-primary-progress-text: var(--color-white); --color-button-fill-primary-progress-text-active: var(--color-white); --color-button-fill-primary-progress-text-disabled: var(--color-mid-grey-2); --color-button-fill-primary-progress-text-hover: var(--color-white); --color-button-fill-primary-text: var(--color-button-primary); --color-button-fill-primary-text-active: var(--color-white); --color-button-fill-primary-text-disabled: var(--color-mid-grey-2); --color-button-fill-primary-text-hover: var(--color-white); --color-button-fill-secondary-background: var(--color-dark-grey-4); --color-button-fill-secondary-background-active: var(--color-dark-grey-3); --color-button-fill-secondary-background-disabled: var(--color-w005); --color-button-fill-secondary-background-hover: var(--color-dark-grey-5); --color-button-fill-secondary-icon-container-icon: #FFFFFFCC; --color-button-fill-secondary-icon-container-icon-active: #FFFFFFCC; --color-button-fill-secondary-icon-container-icon-disabled: #63687ACC; --color-button-fill-secondary-icon-container-icon-hover: #FFFFFFCC; --color-button-fill-secondary-progress-background: var(--color-dark-grey-4); --color-button-fill-secondary-progress-background-active: var(--color-dark-grey-3); --color-button-fill-secondary-progress-background-disabled: var(--color-w005); --color-button-fill-secondary-progress-background-hover: var(--color-dark-grey-5); --color-button-fill-secondary-progress-icon-container-icon: #FFFFFFCC; --color-button-fill-secondary-progress-icon-container-icon-active: #FFFFFFCC; --color-button-fill-secondary-progress-icon-container-icon-disabled: #63687ACC; --color-button-fill-secondary-progress-icon-container-icon-hover: #FFFFFFCC; --color-button-fill-secondary-progress-progress: #f67024; --color-button-fill-secondary-progress-progress-active: #e45809; --color-button-fill-secondary-progress-progress-disabled: #353b52; --color-button-fill-secondary-progress-progress-hover: #f88d50; --color-button-fill-secondary-progress-text: var(--color-white); --color-button-fill-secondary-progress-text-active: var(--color-white); --color-button-fill-secondary-progress-text-disabled: var(--color-mid-grey-2); --color-button-fill-secondary-progress-text-hover: var(--color-white); --color-button-fill-secondary-text: var(--color-white); --color-button-fill-secondary-text-active: var(--color-white); --color-button-fill-secondary-text-disabled: var(--color-mid-grey-2); --color-button-fill-secondary-text-hover: var(--color-white); --color-button-fill-success-background: var(--color-su600); --color-button-fill-success-background-active: var(--color-su700); --color-button-fill-success-background-disabled: var(--color-w005); --color-button-fill-success-background-hover: var(--color-su500); --color-button-fill-success-icon-container-icon: #FFFFFFCC; --color-button-fill-success-icon-container-icon-active: #FFFFFFCC; --color-button-fill-success-icon-container-icon-disabled: #63687ACC; --color-button-fill-success-icon-container-icon-hover: #FFFFFFCC; --color-button-fill-success-text: var(--color-white); --color-button-fill-success-text-active: var(--color-white); --color-button-fill-success-text-disabled: var(--color-mid-grey-2); --color-button-fill-success-text-hover: var(--color-white); --color-button-fill-vip-background: linear-gradient(260deg, #FFEA81 0%, #B48457 100%); --color-button-fill-vip-background-active-0: linear-gradient(263deg, #ffea81 0%, #b48457 100%); --color-button-fill-vip-background-disabled: var(--color-w005); --color-button-fill-vip-background-hover-0: linear-gradient(263deg, #ffea81 0%, #b48457 100%); --color-button-fill-vip-background-overlay-active: var(--color-b020); --color-button-fill-vip-background-overlay-hover: var(--color-w020); --color-button-fill-vip-icon-container-icon: #000000CC; --color-button-fill-vip-icon-container-icon-active: #000000CC; --color-button-fill-vip-icon-container-icon-disabled: #63687ACC; --color-button-fill-vip-icon-container-icon-hover: #000000CC; --color-button-fill-vip-text: var(--color-black); --color-button-fill-vip-text-active: var(--color-black); --color-button-fill-vip-text-disabled: var(--color-mid-grey-2); --color-button-fill-vip-text-hover: var(--color-black); --color-button-fill-warning-background: var(--color-wa400); --color-button-fill-warning-background-active: var(--color-wa600); --color-button-fill-warning-background-disabled: var(--color-w005); --color-button-fill-warning-background-hover: var(--color-wa300); --color-button-fill-warning-icon-container-icon: #FFFFFFCC; --color-button-fill-warning-icon-container-icon-active: #FFFFFFCC; --color-button-fill-warning-icon-container-icon-disabled: #63687ACC; --color-button-fill-warning-icon-container-icon-hover: #FFFFFFCC; --color-button-fill-warning-text: var(--color-white); --color-button-fill-warning-text-active: var(--color-white); --color-button-fill-warning-text-disabled: var(--color-mid-grey-2); --color-button-fill-warning-text-hover: var(--color-white); --color-button-link-dark-icon-container-background: var(--color-b000); --color-button-link-dark-icon-container-background-active: var(--color-b000); --color-button-link-dark-icon-container-background-disabled: var(--color-b000); --color-button-link-dark-icon-container-background-hover: var(--color-b000); --color-button-link-dark-icon-container-border: var(--color-b000); --color-button-link-dark-icon-container-border-active: var(--color-b000); --color-button-link-dark-icon-container-border-disabled: var(--color-b000); --color-button-link-dark-icon-container-border-hover: var(--color-b000); --color-button-link-dark-icon-container-icon: #353B52CC; --color-button-link-dark-icon-container-icon-active: #060E2ACC; --color-button-link-dark-icon-container-icon-disabled: #828695CC; --color-button-link-dark-icon-container-icon-hover: #060E2ACC; --color-button-link-dark-text: var(--color-dark-grey-3); --color-button-link-dark-text-active: var(--color-dark-grey-0); --color-button-link-dark-text-disabled: var(--color-mid-grey-3); --color-button-link-dark-text-hover: var(--color-dark-grey-0); --color-button-link-info-icon-container-icon: #5D7CE8CC; --color-button-link-info-icon-container-icon-active: #AEBEF3CC; --color-button-link-info-icon-container-icon-disabled: #63687ACC; --color-button-link-info-icon-container-icon-hover: #869DEECC; --color-button-link-info-text: var(--color-in300); --color-button-link-info-text-active: var(--color-in100); --color-button-link-info-text-disabled: var(--color-mid-grey-2); --color-button-link-info-text-hover: var(--color-in200); --color-button-link-light-icon-container-icon: #D0D2D7CC; --color-button-link-light-icon-container-icon-active: #FFFFFFCC; --color-button-link-light-icon-container-icon-disabled: #63687ACC; --color-button-link-light-icon-container-icon-hover: #FFFFFFCC; --color-button-link-light-text: var(--color-light-grey-3); --color-button-link-light-text-active: var(--color-white); --color-button-link-light-text-disabled: var(--color-mid-grey-2); --color-button-link-light-text-hover: var(--color-white); --color-button-link-primary-icon-container-icon: #E45809CC; --color-button-link-primary-icon-container-icon-active: #FAA97CCC; --color-button-link-primary-icon-container-icon-disabled: #63687ACC; --color-button-link-primary-icon-container-icon-hover: #F67024CC; --color-button-link-primary-text: var(--color-pr500); --color-button-link-primary-text-active: var(--color-pr200); --color-button-link-primary-text-disabled: var(--color-mid-grey-2); --color-button-link-primary-text-hover: var(--color-pr400); --color-button-link-secondary-icon-container-icon: #828695CC; --color-button-link-secondary-icon-container-icon-active: #FAA97CCC; --color-button-link-secondary-icon-container-icon-disabled: #63687ACC; --color-button-link-secondary-icon-container-icon-hover: #F67024CC; --color-button-link-secondary-text: var(--color-mid-grey-3); --color-button-link-secondary-text-active: var(--color-pr200); --color-button-link-secondary-text-disabled: var(--color-mid-grey-2); --color-button-link-secondary-text-hover: var(--color-pr400); --color-button-navigation-inverse-background: var(--color-b010); --color-button-navigation-inverse-background-active: var(--color-b005); --color-button-navigation-inverse-background-disabled: var(--color-b005); --color-button-navigation-inverse-background-hover: var(--color-b020); --color-button-navigation-inverse-border: var(--color-b000); --color-button-navigation-inverse-border-active: var(--color-b000); --color-button-navigation-inverse-border-disabled: var(--color-b000); --color-button-navigation-inverse-border-hover: var(--color-b000); --color-button-navigation-inverse-icon: #060E2ACC; --color-button-navigation-inverse-icon-active: var(--color-dark-grey-0); --color-button-navigation-inverse-icon-disabled: #828695CC; --color-button-navigation-inverse-icon-hover: var(--color-dark-grey-0); --color-button-navigation-secondary-background: var(--color-dark-grey-4); --color-button-navigation-secondary-background-active: var(--color-dark-grey-3); --color-button-navigation-secondary-background-disabled: var(--color-w005); --color-button-navigation-secondary-background-hover: var(--color-dark-grey-5); --color-button-navigation-secondary-icon: var(--color-w080); --color-button-navigation-secondary-icon-active: var(--color-white); --color-button-navigation-secondary-icon-disabled: #63687ACC; --color-button-navigation-secondary-icon-hover: var(--color-white); --color-button-navigation-transparent-background: var(--color-w010); --color-button-navigation-transparent-background-active: var(--color-w005); --color-button-navigation-transparent-background-disabled: var(--color-w005); --color-button-navigation-transparent-background-hover: var(--color-w020); --color-button-navigation-transparent-icon: var(--color-w080); --color-button-navigation-transparent-icon-active: var(--color-white); --color-button-navigation-transparent-icon-disabled: #63687ACC; --color-button-navigation-transparent-icon-hover: var(--color-white); --color-button-outline-attention-background-active: var(--color-at500); --color-button-outline-attention-background-hover: var(--color-at300); --color-button-outline-attention-border: var(--color-at400); --color-button-outline-attention-border-disabled: var(--color-w005); --color-button-outline-attention-icon-container-icon: #FFFFFFCC; --color-button-outline-attention-icon-container-icon-active: #000000CC; --color-button-outline-attention-icon-container-icon-disabled: #63687ACC; --color-button-outline-attention-icon-container-icon-hover: #000000CC; --color-button-outline-attention-text: var(--color-white); --color-button-outline-attention-text-active: var(--color-black); --color-button-outline-attention-text-disabled: var(--color-mid-grey-2); --color-button-outline-attention-text-hover: var(--color-black); --color-button-outline-danger-background-active: var(--color-da700); --color-button-outline-danger-background-hover: var(--color-da500); --color-button-outline-danger-border: var(--color-da600); --color-button-outline-danger-border-disabled: var(--color-w005); --color-button-outline-danger-icon-container-icon: #FFFFFFCC; --color-button-outline-danger-icon-container-icon-active: #FFFFFFCC; --color-button-outline-danger-icon-container-icon-disabled: #63687ACC; --color-button-outline-danger-icon-container-icon-hover: #FFFFFFCC; --color-button-outline-danger-text: var(--color-white); --color-button-outline-danger-text-active: var(--color-white); --color-button-outline-danger-text-disabled: var(--color-mid-grey-2); --color-button-outline-danger-text-hover: var(--color-white); --color-button-outline-dark-background-active: var(--color-dark-grey-5); --color-button-outline-dark-background-hover: var(--color-dark-grey-3); --color-button-outline-dark-border: var(--color-dark-grey-0); --color-button-outline-dark-border-disabled: var(--color-b005); --color-button-outline-dark-icon-container-icon: #060E2ACC; --color-button-outline-dark-icon-container-icon-active: #FFFFFFCC; --color-button-outline-dark-icon-container-icon-disabled: #63687ACC; --color-button-outline-dark-icon-container-icon-hover: #FFFFFFCC; --color-button-outline-dark-text: var(--color-dark-grey-0); --color-button-outline-dark-text-active: var(--color-white); --color-button-outline-dark-text-disabled: var(--color-b070); --color-button-outline-dark-text-hover: var(--color-white); --color-button-outline-info-background-active: var(--color-in700); --color-button-outline-info-background-hover: var(--color-in500); --color-button-outline-info-border: var(--color-in400); --color-button-outline-info-border-disabled: var(--color-w005); --color-button-outline-info-icon-container-icon: #FFFFFFCC; --color-button-outline-info-icon-container-icon-active: #FFFFFFCC; --color-button-outline-info-icon-container-icon-disabled: #63687ACC; --color-button-outline-info-icon-container-icon-hover: #FFFFFFCC; --color-button-outline-info-text: var(--color-white); --color-button-outline-info-text-active: var(--color-white); --color-button-outline-info-text-disabled: var(--color-mid-grey-2); --color-button-outline-info-text-hover: var(--color-white); --color-button-outline-light-background-active: var(--color-light-grey-4); --color-button-outline-light-background-hover: var(--color-light-grey-5); --color-button-outline-light-border: var(--color-white); --color-button-outline-light-border-disabled: var(--color-b005); --color-button-outline-light-icon-container-icon: #FFFFFFCC; --color-button-outline-light-icon-container-icon-active: #060E2ACC; --color-button-outline-light-icon-container-icon-disabled: #828695CC; --color-button-outline-light-icon-container-icon-hover: #FFFFFFCC; --color-button-outline-light-text: var(--color-white); --color-button-outline-light-text-active: var(--color-dark-grey-0); --color-button-outline-light-text-disabled: var(--color-b070); --color-button-outline-light-text-hover: var(--color-white); --color-button-outline-minor-background-active: var(--color-vi700); --color-button-outline-minor-background-hover: var(--color-vi400); --color-button-outline-minor-border: var(--color-vi500); --color-button-outline-minor-border-disabled: var(--color-w005); --color-button-outline-minor-icon-container-icon: #FFFFFFCC; --color-button-outline-minor-icon-container-icon-active: #FFFFFFCC; --color-button-outline-minor-icon-container-icon-disabled: #63687ACC; --color-button-outline-minor-icon-container-icon-hover: #FFFFFFCC; --color-button-outline-minor-text: var(--color-white); --color-button-outline-minor-text-active: var(--color-white); --color-button-outline-minor-text-disabled: var(--color-mid-grey-2); --color-button-outline-minor-text-hover: var(--color-white); --color-button-outline-primary-background-active: var(--color-pr600); --color-button-outline-primary-background-hover: var(--color-pr400); --color-button-outline-primary-border: var(--color-pr500); --color-button-outline-primary-border-disabled: var(--color-w005); --color-button-outline-primary-icon-container-icon: #FFFFFFCC; --color-button-outline-primary-icon-container-icon-active: #FFFFFFCC; --color-button-outline-primary-icon-container-icon-disabled: #63687ACC; --color-button-outline-primary-icon-container-icon-hover: #FFFFFFCC; --color-button-outline-primary-text: var(--color-white); --color-button-outline-primary-text-active: var(--color-white); --color-button-outline-primary-text-disabled: var(--color-mid-grey-2); --color-button-outline-primary-text-hover: var(--color-white); --color-button-outline-secondary-background-active: var(--color-dark-grey-3); --color-button-outline-secondary-background-hover: var(--color-dark-grey-5); --color-button-outline-secondary-border: var(--color-dark-grey-4); --color-button-outline-secondary-border-disabled: var(--color-w005); --color-button-outline-secondary-icon-container-icon: #FFFFFFCC; --color-button-outline-secondary-icon-container-icon-active: #FFFFFFCC; --color-button-outline-secondary-icon-container-icon-disabled: #63687ACC; --color-button-outline-secondary-icon-container-icon-hover: #FFFFFFCC; --color-button-outline-secondary-text: var(--color-white); --color-button-outline-secondary-text-active: var(--color-white); --color-button-outline-secondary-text-disabled: var(--color-mid-grey-2); --color-button-outline-secondary-text-hover: var(--color-white); --color-button-outline-success-background-active: var(--color-su700); --color-button-outline-success-background-hover: var(--color-su500); --color-button-outline-success-border: var(--color-su600); --color-button-outline-success-border-disabled: var(--color-w005); --color-button-outline-success-icon-container-icon: #FFFFFFCC; --color-button-outline-success-icon-container-icon-active: #FFFFFFCC; --color-button-outline-success-icon-container-icon-disabled: #63687ACC; --color-button-outline-success-icon-container-icon-hover: #FFFFFFCC; --color-button-outline-success-text: var(--color-white); --color-button-outline-success-text-active: var(--color-white); --color-button-outline-success-text-disabled: var(--color-mid-grey-2); --color-button-outline-success-text-hover: var(--color-white); --color-button-outline-warning-background-active: var(--color-wa600); --color-button-outline-warning-background-hover: var(--color-wa300); --color-button-outline-warning-border: var(--color-wa400); --color-button-outline-warning-border-disabled: var(--color-w005); --color-button-outline-warning-icon-container-icon: #FFFFFFCC; --color-button-outline-warning-icon-container-icon-active: #FFFFFFCC; --color-button-outline-warning-icon-container-icon-disabled: #63687ACC; --color-button-outline-warning-icon-container-icon-hover: #FFFFFFCC; --color-button-outline-warning-text: var(--color-white); --color-button-outline-warning-text-active: var(--color-white); --color-button-outline-warning-text-disabled: var(--color-mid-grey-2); --color-button-outline-warning-text-hover: var(--color-white); --color-button-primary: #FFFFFF; --color-button-store-basic-background: var(--color-dark-grey-2); --color-button-store-basic-background-active: var(--color-dark-grey-4); --color-button-store-basic-background-hover: var(--color-dark-grey-3); --color-button-store-basic-description: var(--color-mid-grey-5); --color-button-store-basic-description-active: var(--color-mid-grey-5); --color-button-store-basic-description-hover: var(--color-mid-grey-5); --color-button-store-basic-icon: var(--color-white); --color-button-store-basic-icon-active: var(--color-white); --color-button-store-basic-icon-hover: var(--color-white); --color-button-store-basic-text: var(--color-white); --color-button-store-basic-text-active: var(--color-white); --color-button-store-basic-text-hover: var(--color-white); --color-button-store-inverse-background: var(--color-light-grey-4); --color-button-store-inverse-background-active: var(--color-light-grey-2); --color-button-store-inverse-background-hover: var(--color-light-grey-3); --color-button-store-inverse-border: var(--color-b000); --color-button-store-inverse-border-active: var(--color-b000); --color-button-store-inverse-border-hover: var(--color-b000); --color-button-store-inverse-description: var(--color-dark-grey-5); --color-button-store-inverse-description-active: var(--color-dark-grey-5); --color-button-store-inverse-description-hover: var(--color-dark-grey-5); --color-button-store-inverse-icon: var(--color-dark-grey-0); --color-button-store-inverse-icon-active: var(--color-dark-grey-0); --color-button-store-inverse-icon-hover: var(--color-dark-grey-0); --color-button-store-inverse-text: var(--color-dark-grey-0); --color-button-store-inverse-text-active: var(--color-dark-grey-0); --color-button-store-inverse-text-hover: var(--color-dark-grey-0); --color-calendar-background: var(--color-dark-grey-2); --color-calendar-border: var(--color-dark-grey-2); --color-calendar-day-active: var(--color-white); --color-calendar-day-active-background: var(--color-pr500); --color-calendar-day-active-background-active: var(--color-pr600); --color-calendar-day-active-background-disabled: var(--color-pr900); --color-calendar-day-active-background-focus: var(--color-pr400); --color-calendar-day-active-background-hover: var(--color-pr400); --color-calendar-day-active-disabled: var(--color-wa700); --color-calendar-day-active-focus: var(--color-pr200); --color-calendar-day-button-background-active: var(--color-dark-grey-3); --color-calendar-day-button-background-focus: var(--color-dark-grey-4); --color-calendar-day-button-background-hover: var(--color-dark-grey-4); --color-calendar-day-button-border-focus: var(--color-mid-grey-1); --color-calendar-day-button-checked-background: var(--color-pr500); --color-calendar-day-button-checked-background-active: var(--color-pr600); --color-calendar-day-button-checked-background-disabled: var(--color-pr900); --color-calendar-day-button-checked-background-focus: var(--color-pr400); --color-calendar-day-button-checked-background-hover: var(--color-pr400); --color-calendar-day-button-checked-border-focus: var(--color-pr200); --color-calendar-day-button-checked-day-text: var(--color-white); --color-calendar-day-button-checked-day-text-active: var(--color-white); --color-calendar-day-button-checked-day-text-disabled: var(--color-pr700); --color-calendar-day-button-checked-day-text-focus: var(--color-white); --color-calendar-day-button-checked-day-text-hover: var(--color-white); --color-calendar-day-button-checked-holiday-text: var(--color-white); --color-calendar-day-button-checked-holiday-text-active: var(--color-white); --color-calendar-day-button-checked-holiday-text-disabled: var(--color-pr700); --color-calendar-day-button-checked-holiday-text-focus: var(--color-white); --color-calendar-day-button-checked-holiday-text-hover: var(--color-white); --color-calendar-day-button-checked-today-dot-background: var(--color-white); --color-calendar-day-button-checked-today-dot-background-active: var(--color-white); --color-calendar-day-button-checked-today-dot-background-disabled: var(--color-pr700); --color-calendar-day-button-checked-today-dot-background-focus: var(--color-white); --color-calendar-day-button-checked-today-dot-background-hover: var(--color-white); --color-calendar-day-button-checked-today-text: var(--color-white); --color-calendar-day-button-checked-today-text-active: var(--color-white); --color-calendar-day-button-checked-today-text-disabled: var(--color-pr700); --color-calendar-day-button-checked-today-text-focus: var(--color-white); --color-calendar-day-button-checked-today-text-hover: var(--color-white); --color-calendar-day-button-day-text: var(--color-mid-grey-5); --color-calendar-day-button-day-text-active: var(--color-mid-grey-5); --color-calendar-day-button-day-text-disabled: var(--color-mid-grey-2); --color-calendar-day-button-day-text-focus: var(--color-mid-grey-5); --color-calendar-day-button-day-text-hover: var(--color-mid-grey-5); --color-calendar-day-button-holiday-text: var(--color-da500); --color-calendar-day-button-holiday-text-active: var(--color-da500); --color-calendar-day-button-holiday-text-disabled: var(--color-mid-grey-2); --color-calendar-day-button-holiday-text-focus: var(--color-da500); --color-calendar-day-button-holiday-text-hover: var(--color-da500); --color-calendar-day-button-today-border: var(--color-dark-grey-3); --color-calendar-day-button-today-border-disabled: var(--color-dark-grey-3); --color-calendar-day-button-today-dot-background: var(--color-pr400); --color-calendar-day-button-today-dot-background-active: var(--color-pr400); --color-calendar-day-button-today-dot-background-disabled: var(--color-mid-grey-2); --color-calendar-day-button-today-dot-background-focus: var(--color-pr400); --color-calendar-day-button-today-dot-background-hover: var(--color-pr400); --color-calendar-day-button-today-text: var(--color-pr400); --color-calendar-day-button-today-text-active: var(--color-pr400); --color-calendar-day-button-today-text-disabled: var(--color-mid-grey-2); --color-calendar-day-button-today-text-focus: var(--color-pr400); --color-calendar-day-button-today-text-hover: var(--color-pr400); --color-calendar-day-inactive: var(--color-mid-grey-5); --color-calendar-day-inactive-background-active: var(--color-dark-grey-3); --color-calendar-day-inactive-background-focus: var(--color-dark-grey-4); --color-calendar-day-inactive-background-hover: var(--color-dark-grey-4); --color-calendar-day-inactive-disabled: var(--color-mid-grey-2); --color-calendar-day-inactive-focus: var(--color-mid-grey-1); --color-calendar-day-inactive-focus-inner: var(--color-dark-grey-3); --color-calendar-day-inactive-holiday: var(--color-da500); --color-calendar-day-inactive-today: var(--color-pr400); --color-calendar-day-range-background: var(--color-dark-grey-3); --color-calendar-range-background: var(--color-dark-grey-3); --color-calendar-surface-background: var(--color-dark-grey-2); --color-calendar-week-day-text: var(--color-mid-grey-2); --color-calendar-week-holiday-text: var(--color-da500); --color-card-game-card-background: var(--color-dark-grey-2); --color-card-game-card-base: var(--color-light-grey-4); --color-card-game-card-title: var(--color-white); --color-checkbox: var(--color-white); --color-checkbox-disabled: var(--color-pr800); --color-checkbox-primary-background: var(--color-dark-grey-5); --color-checkbox-primary-background-active: var(--color-mid-grey-1); --color-checkbox-primary-background-checked: var(--color-pr500); --color-checkbox-primary-background-checked-active: var(--color-pr400); --color-checkbox-primary-background-checked-disabled: #722C05; --color-checkbox-primary-background-checked-focused: var(--color-pr200); --color-checkbox-primary-background-checked-hover: var(--color-pr400); --color-checkbox-primary-background-disabled: var(--color-dark-grey-2); --color-checkbox-primary-background-focused: var(--color-dark-grey-4); --color-checkbox-primary-background-hover: var(--color-mid-grey-1); --color-checkbox-primary-icon: var(--color-white); --color-checkbox-primary-icon-active: var(--color-white); --color-checkbox-primary-icon-checked: var(--color-white); --color-checkbox-primary-icon-checked-active: var(--color-white); --color-checkbox-primary-icon-checked-disabled: var(--color-wa700); --color-checkbox-primary-icon-checked-hover: var(--color-white); --color-checkbox-primary-icon-disabled: var(--color-mid-grey-2); --color-checkbox-primary-icon-hover: var(--color-white); --color-checkbox-secondary-background: var(--color-dark-grey-5); --color-checkbox-secondary-background-active: var(--color-mid-grey-1); --color-checkbox-secondary-background-checked: var(--color-dark-grey-5); --color-checkbox-secondary-background-checked-active: var(--color-mid-grey-1); --color-checkbox-secondary-background-checked-disabled: var(--color-dark-grey-3); --color-checkbox-secondary-background-checked-focused: var(--color-dark-grey-3); --color-checkbox-secondary-background-checked-hover: var(--color-mid-grey-1); --color-checkbox-secondary-background-disabled: var(--color-dark-grey-3); --color-checkbox-secondary-background-focused: var(--color-dark-grey-3); --color-checkbox-secondary-background-hover: var(--color-mid-grey-1); --color-checkbox-secondary-icon: var(--color-white); --color-checkbox-secondary-icon-active: var(--color-white); --color-checkbox-secondary-icon-checked: var(--color-white); --color-checkbox-secondary-icon-checked-active: var(--color-white); --color-checkbox-secondary-icon-checked-disabled: var(--color-mid-grey-2); --color-checkbox-secondary-icon-checked-hover: var(--color-white); --color-checkbox-secondary-icon-disabled: var(--color-mid-grey-2); --color-checkbox-secondary-icon-hover: var(--color-white); --color-countdown-background: var(--color-w010); --color-countdown-description: var(--color-w060); --color-countdown-divider-background: var(--color-w020); --color-countdown-text: var(--color-white); --color-counter-attention-background: var(--color-at400); --color-counter-attention-border: var(--color-b000); --color-counter-attention-text: var(--color-black); --color-counter-danger-background: var(--color-da600); --color-counter-danger-text: var(--color-white); --color-counter-dark-background: var(--color-dark-grey-0); --color-counter-dark-border: var(--color-b000); --color-counter-dark-text: var(--color-white); --color-counter-info-background: var(--color-in400); --color-counter-info-text: var(--color-white); --color-counter-light-background: var(--color-white); --color-counter-light-text: var(--color-dark-grey-0); --color-counter-minor-background: var(--color-vi500); --color-counter-minor-text: var(--color-white); --color-counter-primary-background: var(--color-pr500); --color-counter-primary-text: var(--color-button-primary); --color-counter-secondary-background: var(--color-dark-grey-5); --color-counter-secondary-text: var(--color-white); --color-counter-success-background: var(--color-su600); --color-counter-success-text: var(--color-white); --color-counter-transparent-background: var(--color-w020); --color-counter-transparent-text: var(--color-white); --color-counter-vip-background: linear-gradient(260deg, #FFEA81 0%, #B48457 100%); --color-counter-vip-text: var(--color-black); --color-counter-warning-background: var(--color-wa400); --color-counter-warning-text: var(--color-white); --color-da050: #FFE0E0; --color-da100: #FFC1C1; --color-da200: #FFA2A2; --color-da300: #FF8282; --color-da400: #FF6363; --color-da500: #FF4444; --color-da600: #FF0E0E; --color-da700: #D70000; --color-da800: #A20000; --color-da900: #6C0000; --color-dark-grey-0: #191636; --color-dark-grey-1: #1F1C42; --color-dark-grey-2: #25224E; --color-dark-grey-3: #2C295B; --color-dark-grey-4: #332F69; --color-dark-grey-5: #3A3676; --color-dgz000: #060E2A00; --color-dgz002: #19163605; --color-dgz005: #1916360D; --color-dgz010: #1916361A; --color-dgz020: #19163633; --color-dgz030: #1916364D; --color-dgz040: #19163666; --color-dgz050: #19163680; --color-dgz060: #19163699; --color-dgz070: #191636B3; --color-dgz080: #191636CC; --color-dgz090: #191636E6; --color-dot: var(--color-white); --color-dot-background: #FFFFFF4D; --color-dot-background-inverse: #0000004D; --color-dot-inverse: var(--color-dark-grey-3); --color-dropdown-basic-background: var(--color-dark-grey-2); --color-dropdown-basic-divider-background: var(--color-dark-grey-3); --color-dropdown-basic-divider-descrition: var(--color-mid-grey-2); --color-dropdown-basic-row-background-active: var(--color-dark-grey-5); --color-dropdown-basic-row-background-hover: #353b52; --color-dropdown-basic-row-background-primary: var(--color-pr500); --color-dropdown-basic-row-description: var(--color-w070); --color-dropdown-basic-row-description-active: var(--color-w070); --color-dropdown-basic-row-description-hover: var(--color-w070); --color-dropdown-basic-row-description-primary: var(--color-button-primary); --color-dropdown-basic-row-icon-container-icon: var(--color-white); --color-dropdown-basic-row-icon-container-icon-active: var(--color-white); --color-dropdown-basic-row-icon-container-icon-hover: var(--color-white); --color-dropdown-basic-row-icon-container-icon-primary: var(--color-button-primary); --color-dropdown-basic-row-text: var(--color-white); --color-dropdown-basic-row-text-active: var(--color-white); --color-dropdown-basic-row-text-hover: var(--color-white); --color-dropdown-basic-row-text-primary: var(--color-button-primary); --color-dropdown-basic-tail-background: var(--color-dark-grey-2); --color-dropdown-inverse-background: var(--color-light-grey-4); --color-dropdown-inverse-border: var(--color-b000); --color-dropdown-inverse-divider-background: var(--color-light-grey-3); --color-dropdown-inverse-divider-descrition: var(--color-mid-grey-3); --color-dropdown-inverse-row-background-active: var(--color-light-grey-1); --color-dropdown-inverse-row-background-hover: #d0d2d7; --color-dropdown-inverse-row-background-primary: var(--color-pr500); --color-dropdown-inverse-row-description: var(--color-b070); --color-dropdown-inverse-row-description-active: var(--color-b070); --color-dropdown-inverse-row-description-hover: var(--color-b070); --color-dropdown-inverse-row-description-primary: var(--color-b070); --color-dropdown-inverse-row-icon-container-background: var(--color-b000); --color-dropdown-inverse-row-icon-container-background-active: var(--color-b000); --color-dropdown-inverse-row-icon-container-background-hover: var(--color-b000); --color-dropdown-inverse-row-icon-container-background-primary: var(--color-b000); --color-dropdown-inverse-row-icon-container-border: var(--color-b000); --color-dropdown-inverse-row-icon-container-border-active: var(--color-b000); --color-dropdown-inverse-row-icon-container-border-hover: var(--color-b000); --color-dropdown-inverse-row-icon-container-border-primary: var(--color-b000); --color-dropdown-inverse-row-icon-container-icon: var(--color-dark-grey-0); --color-dropdown-inverse-row-icon-container-icon-active: var(--color-dark-grey-0); --color-dropdown-inverse-row-icon-container-icon-hover: var(--color-dark-grey-0); --color-dropdown-inverse-row-icon-container-icon-primary: var(--color-dark-grey-0); --color-dropdown-inverse-row-text: var(--color-dark-grey-0); --color-dropdown-inverse-row-text-active: var(--color-dark-grey-0); --color-dropdown-inverse-row-text-hover: var(--color-dark-grey-0); --color-dropdown-inverse-row-text-primary: var(--color-dark-grey-0); --color-dropdown-inverse-tail-background: var(--color-light-grey-4); --color-footer-basic-contact-icon: var(--color-pr500); --color-footer-basic-description: var(--color-mid-grey-2); --color-footer-basic-divider-background: var(--color-dark-grey-1); --color-footer-basic-link-text: var(--color-pr400); --color-footer-basic-logo-icon: var(--color-mid-grey-5); --color-footer-basic-menu-text: var(--color-mid-grey-5); --color-footer-basic-menu-text-hover: var(--color-light-grey-3); --color-footer-basic-payment-card-icon: var(--color-dark-grey-5); --color-footer-basic-payment-container-background: var(--color-dark-grey-1); --color-footer-basic-ssl-icon: var(--color-w070); --color-footer-basic-text: var(--color-mid-grey-5); --color-footer-basic-title: var(--color-light-grey-3); --color-footer-inverse-background: var(--color-b000); --color-footer-inverse-border: var(--color-b000); --color-footer-inverse-contact-icon: var(--color-pr500); --color-footer-inverse-description: var(--color-mid-grey-3); --color-footer-inverse-divider-background: var(--color-light-grey-5); --color-footer-inverse-link-text: var(--color-pr400); --color-footer-inverse-logo-icon: var(--color-dark-grey-5); --color-footer-inverse-menu-text: var(--color-dark-grey-5); --color-footer-inverse-menu-text-hover: var(--color-dark-grey-3); --color-footer-inverse-payment-card-background: var(--color-b000); --color-footer-inverse-payment-card-border: var(--color-b000); --color-footer-inverse-payment-card-icon: var(--color-light-grey-1); --color-footer-inverse-payment-container-background: var(--color-light-grey-5); --color-footer-inverse-payment-container-border: var(--color-b000); --color-footer-inverse-ssl-icon: var(--color-b070); --color-footer-inverse-text: var(--color-dark-grey-5); --color-footer-inverse-title: var(--color-dark-grey-3); --color-form-input-background: var(--color-dark-grey-1); --color-form-input-background-hover: #060E2AB3; --color-form-input-border: #FFFFFF1A; --color-form-input-border-disabled: #FFFFFF1A; --color-form-input-border-error: var(--color-da600); --color-form-input-border-error-focused: var(--color-da500); --color-form-input-border-error-hover: var(--color-da500); --color-form-input-border-focused: var(--color-dark-grey-5); --color-form-input-border-hover: #FFFFFF1A; --color-form-input-border-success: var(--color-su500); --color-form-input-border-success-focused: var(--color-su400); --color-form-input-border-success-hover: var(--color-su400); --color-form-input-icon: var(--color-light-grey-1); --color-form-input-icon-active: var(--color-white); --color-form-input-icon-disabled: #7F8185; --color-form-input-label: var(--color-mid-grey-5); --color-form-input-label-active: var(--color-mid-grey-5); --color-form-input-label-disabled: #7F8185; --color-form-input-outer-description: var(--color-light-grey-1); --color-form-input-outer-description-success: var(--color-su500); --color-form-input-outer-error: var(--color-da600); --color-form-input-outer-label: var(--color-white); --color-form-input-page-background-page: var(--color-dark-grey-0); --color-form-input-page-background-page-hover: var(--color-dark-grey-2); --color-form-input-placeholder: #7F8185; --color-form-input-value: var(--color-light-grey-5); --color-form-input-value-disabled: #7F8185; --color-form-outer-error: #D72626; --color-form-outer-label: var(--color-white); --color-game-card-basic-background: var(--color-dark-grey-2); --color-game-card-footer-0-background: linear-gradient(180deg, var(--color-dgz000) 0%, var(--color-dark-grey-1) 100%); --color-game-card-footer-1-background: linear-gradient(180deg, rgba(255, 168, 0, 0.00) 0%, var(--color-pr700) 100%); --color-game-card-footer-2-background: linear-gradient(180deg, rgba(232, 0, 16, 0.00) 0%, var(--color-da800) 100%); --color-game-card-footer-3-background: linear-gradient(180deg, rgba(0, 110, 221, 0.00) 0%, var(--color-in700) 100%); --color-game-card-footer-4-background: linear-gradient(180deg, rgba(234, 0, 93, 0.00) 0%, #8c0038 100%); --color-game-card-footer-5-background: linear-gradient(180deg, rgba(46, 235, 0, 0.00) 0%, var(--color-su800) 100%); --color-game-card-footer-6-background: linear-gradient(180deg, rgba(109, 0, 216, 0.00) 0%, var(--color-vi700) 100%); --color-game-card-header-icon: var(--color-w080); --color-game-card-header-icon-hover: var(--color-white); --color-game-card-inverse-background: var(--color-light-grey-4); --color-game-card-inverse-border: var(--color-b000); --color-game-card-like-icon: var(--color-light-grey-5); --color-game-card-like-icon-active: var(--color-white); --color-game-card-like-icon-checked: var(--color-white); --color-game-card-like-icon-hover: var(--color-white); --color-game-card-like-text: var(--color-white); --color-game-card-like-text-active: var(--color-white); --color-game-card-like-text-checked: var(--color-white); --color-game-card-like-text-hover: var(--color-white); --color-game-card-live-backlground: #ffffff; --color-game-card-live-bet-background-base: var(--color-dark-grey-1); --color-game-card-live-bet-background-black: var(--color-black); --color-game-card-live-bet-background-green: var(--color-su500); --color-game-card-live-bet-background-red: var(--color-da500); --color-game-card-live-bet-text: var(--color-white); --color-game-card-live-dot-background: var(--color-white); --color-game-card-live-seat-icon: var(--color-mid-grey-5); --color-game-card-live-seat-text: var(--color-mid-grey-2); --color-game-card-overlay-background: var(--color-b010); --color-game-card-overlay-icon: var(--color-w070); --color-game-card-title-0-background: var(--color-dark-grey-1); --color-game-card-title-1-background: #ffa800; --color-game-card-title-2-background: var(--color-da600); --color-game-card-title-3-background: var(--color-in400); --color-game-card-title-4-background: #ea005d; --color-game-card-title-5-background: var(--color-su600); --color-game-card-title-6-background: var(--color-vi500); --color-game-card-title-game-text: var(--color-white); --color-game-card-title-provider-text: var(--color-w070); --color-green: #43A047; --color-icon: #54596DCC; --color-icon-hover: #353B52CC; --color-in050: #D7DEF9; --color-in100: #AEBEF3; --color-in200: #869DEE; --color-in300: #5D7CE8; --color-in400: #355BE2; --color-in500: #1D44CC; --color-in600: #1736A3; --color-in700: #12297B; --color-in800: #0C1B52; --color-in900: #060E2A; --color-input-basic-background: var(--color-dark-grey-2); --color-input-basic-background-disabled: var(--color-dark-grey-2); --color-input-basic-background-focus: var(--color-dgz070); --color-input-basic-background-hover: var(--color-dgz070); --color-input-basic-border: var(--color-w010); --color-input-basic-border-disabled: var(--color-w010); --color-input-basic-border-focus: var(--color-dark-grey-5); --color-input-basic-border-hover: var(--color-w010); --color-input-basic-button-icon-icon: var(--color-mid-grey-5); --color-input-basic-button-icon-icon-disabled: var(--color-mid-grey-2); --color-input-basic-button-icon-icon-focus: var(--color-mid-grey-5); --color-input-basic-button-icon-icon-hover: var(--color-mid-grey-5); --color-input-basic-error-background: var(--color-dark-grey-2); --color-input-basic-error-background-focus: var(--color-dgz070); --color-input-basic-error-background-hover: var(--color-dgz070); --color-input-basic-error-border: var(--color-da600); --color-input-basic-error-border-focus: var(--color-da600); --color-input-basic-error-border-hover: var(--color-da600); --color-input-basic-error-button-icon-icon: var(--color-mid-grey-5); --color-input-basic-error-button-icon-icon-focus: var(--color-mid-grey-5); --color-input-basic-error-button-icon-icon-hover: var(--color-mid-grey-5); --color-input-basic-error-icon-container-icon: var(--color-mid-grey-5); --color-input-basic-error-icon-container-icon-focus: var(--color-white); --color-input-basic-error-icon-container-icon-hover: var(--color-white); --color-input-basic-error-label: var(--color-mid-grey-5); --color-input-basic-error-label-focus: var(--color-mid-grey-5); --color-input-basic-error-label-hover: var(--color-mid-grey-5); --color-input-basic-error-outside-border-focus: #FF0E0E99; --color-input-basic-error-placeholder: var(--color-mid-grey-2); --color-input-basic-error-placeholder-focus: var(--color-mid-grey-2); --color-input-basic-error-placeholder-hover: var(--color-mid-grey-2); --color-input-basic-error-value: var(--color-white); --color-input-basic-error-value-focus: var(--color-white); --color-input-basic-error-value-hover: var(--color-white); --color-input-basic-icon-container-icon: var(--color-mid-grey-5); --color-input-basic-icon-container-icon-disabled: var(--color-mid-grey-2); --color-input-basic-icon-container-icon-focus: var(--color-white); --color-input-basic-icon-container-icon-hover: var(--color-white); --color-input-basic-label: var(--color-mid-grey-5); --color-input-basic-label-disabled: var(--color-mid-grey-2); --color-input-basic-label-focus: var(--color-mid-grey-5); --color-input-basic-label-hover: var(--color-mid-grey-5); --color-input-basic-outside-border-focus: #54596D99; --color-input-basic-placeholder: var(--color-mid-grey-2); --color-input-basic-placeholder-disabled: var(--color-mid-grey-2); --color-input-basic-placeholder-focus: var(--color-mid-grey-2); --color-input-basic-placeholder-hover: var(--color-mid-grey-2); --color-input-basic-success-background: var(--color-dark-grey-2); --color-input-basic-success-background-focus: var(--color-dgz070); --color-input-basic-success-background-hover: var(--color-dgz070); --color-input-basic-success-border: var(--color-su400); --color-input-basic-success-border-focus: var(--color-su400); --color-input-basic-success-border-hover: var(--color-su400); --color-input-basic-success-button-icon-icon: var(--color-mid-grey-5); --color-input-basic-success-button-icon-icon-focus: var(--color-mid-grey-5); --color-input-basic-success-button-icon-icon-hover: var(--color-mid-grey-5); --color-input-basic-success-icon-container-icon: var(--color-mid-grey-5); --color-input-basic-success-icon-container-icon-focus: var(--color-white); --color-input-basic-success-icon-container-icon-hover: var(--color-white); --color-input-basic-success-label: var(--color-mid-grey-5); --color-input-basic-success-label-focus: var(--color-mid-grey-5); --color-input-basic-success-label-hover: var(--color-mid-grey-5); --color-input-basic-success-outside-border-focus: #09E41F99; --color-input-basic-success-placeholder: var(--color-mid-grey-2); --color-input-basic-success-placeholder-focus: var(--color-mid-grey-2); --color-input-basic-success-placeholder-hover: var(--color-mid-grey-2); --color-input-basic-success-value: var(--color-white); --color-input-basic-success-value-focus: var(--color-white); --color-input-basic-success-value-hover: var(--color-white); --color-input-basic-value: var(--color-white); --color-input-basic-value-disabled: var(--color-mid-grey-2); --color-input-basic-value-focus: var(--color-white); --color-input-basic-value-hover: var(--color-white); --color-input-external-text-basic-description: var(--color-mid-grey-5); --color-input-external-text-basic-error-message: var(--color-da600); --color-input-external-text-basic-icon: var(--color-mid-grey-5); --color-input-external-text-basic-label: var(--color-white); --color-input-external-text-basic-label-required: var(--color-da600); --color-input-external-text-inverse-description: var(--color-dark-grey-5); --color-input-external-text-inverse-error-message: var(--color-da600); --color-input-external-text-inverse-icon: var(--color-dark-grey-5); --color-input-external-text-inverse-label: var(--color-dark-grey-0); --color-input-external-text-inverse-label-required: var(--color-da600); --color-input-inverse-background: var(--color-light-grey-4); --color-input-inverse-background-disabled: var(--color-light-grey-4); --color-input-inverse-background-focus: var(--color-light-grey-3); --color-input-inverse-background-hover: var(--color-light-grey-3); --color-input-inverse-border: var(--color-b010); --color-input-inverse-border-disabled: var(--color-b010); --color-input-inverse-border-focus: var(--color-light-grey-1); --color-input-inverse-border-hover: var(--color-b010); --color-input-inverse-button-icon-background: var(--color-b000); --color-input-inverse-button-icon-background-disabled: var(--color-b000); --color-input-inverse-button-icon-background-focus: var(--color-b000); --color-input-inverse-button-icon-background-hover: var(--color-b000); --color-input-inverse-button-icon-border: var(--color-b000); --color-input-inverse-button-icon-border-disabled: var(--color-b000); --color-input-inverse-button-icon-border-focus: var(--color-b000); --color-input-inverse-button-icon-border-hover: var(--color-b000); --color-input-inverse-button-icon-icon: var(--color-dark-grey-5); --color-input-inverse-button-icon-icon-disabled: var(--color-mid-grey-3); --color-input-inverse-button-icon-icon-focus: var(--color-dark-grey-5); --color-input-inverse-button-icon-icon-hover: var(--color-dark-grey-5); --color-input-inverse-error-background: var(--color-light-grey-4); --color-input-inverse-error-background-focus: var(--color-light-grey-3); --color-input-inverse-error-background-hover: var(--color-light-grey-3); --color-input-inverse-error-border: var(--color-da600); --color-input-inverse-error-border-focus: var(--color-da600); --color-input-inverse-error-border-hover: var(--color-da600); --color-input-inverse-error-button-icon-background: var(--color-b000); --color-input-inverse-error-button-icon-background-focus: var(--color-b000); --color-input-inverse-error-button-icon-background-hover: var(--color-b000); --color-input-inverse-error-button-icon-border: var(--color-b000); --color-input-inverse-error-button-icon-border-focus: var(--color-b000); --color-input-inverse-error-button-icon-border-hover: var(--color-b000); --color-input-inverse-error-button-icon-icon: var(--color-dark-grey-5); --color-input-inverse-error-button-icon-icon-focus: var(--color-dark-grey-5); --color-input-inverse-error-button-icon-icon-hover: var(--color-dark-grey-5); --color-input-inverse-error-icon-container-background: var(--color-b000); --color-input-inverse-error-icon-container-background-focus: var(--color-b000); --color-input-inverse-error-icon-container-background-hover: var(--color-b000); --color-input-inverse-error-icon-container-border: var(--color-b000); --color-input-inverse-error-icon-container-border-focus: var(--color-b000); --color-input-inverse-error-icon-container-border-hover: var(--color-b000); --color-input-inverse-error-icon-container-icon: var(--color-dark-grey-5); --color-input-inverse-error-icon-container-icon-focus: var(--color-dark-grey-0); --color-input-inverse-error-icon-container-icon-hover: var(--color-dark-grey-0); --color-input-inverse-error-label: var(--color-dark-grey-5); --color-input-inverse-error-label-focus: var(--color-dark-grey-5); --color-input-inverse-error-label-hover: var(--color-dark-grey-5); --color-input-inverse-error-outside-border-focus: #FF0E0E99; --color-input-inverse-error-placeholder: var(--color-mid-grey-3); --color-input-inverse-error-placeholder-focus: var(--color-mid-grey-3); --color-input-inverse-error-placeholder-hover: var(--color-mid-grey-3); --color-input-inverse-error-value: var(--color-dark-grey-0); --color-input-inverse-error-value-focus: var(--color-dark-grey-0); --color-input-inverse-error-value-hover: var(--color-dark-grey-0); --color-input-inverse-icon-container-background: var(--color-b000); --color-input-inverse-icon-container-background-disabled: var(--color-b000); --color-input-inverse-icon-container-background-focus: var(--color-b000); --color-input-inverse-icon-container-background-hover: var(--color-b000); --color-input-inverse-icon-container-border: var(--color-b000); --color-input-inverse-icon-container-border-disabled: var(--color-b000); --color-input-inverse-icon-container-border-focus: var(--color-b000); --color-input-inverse-icon-container-border-hover: var(--color-b000); --color-input-inverse-icon-container-icon: var(--color-dark-grey-5); --color-input-inverse-icon-container-icon-disabled: var(--color-mid-grey-3); --color-input-inverse-icon-container-icon-focus: var(--color-dark-grey-0); --color-input-inverse-icon-container-icon-hover: var(--color-dark-grey-0); --color-input-inverse-label: var(--color-dark-grey-5); --color-input-inverse-label-disabled: var(--color-mid-grey-3); --color-input-inverse-label-focus: var(--color-dark-grey-5); --color-input-inverse-label-hover: var(--color-dark-grey-5); --color-input-inverse-outside-border-focus: #B1B4BC99; --color-input-inverse-placeholder: var(--color-mid-grey-3); --color-input-inverse-placeholder-disabled: var(--color-mid-grey-3); --color-input-inverse-placeholder-focus: var(--color-mid-grey-3); --color-input-inverse-placeholder-hover: var(--color-mid-grey-3); --color-input-inverse-success-background: var(--color-light-grey-4); --color-input-inverse-success-background-focus: var(--color-light-grey-3); --color-input-inverse-success-background-hover: var(--color-light-grey-3); --color-input-inverse-success-border: var(--color-su400); --color-input-inverse-success-border-focus: var(--color-su400); --color-input-inverse-success-border-hover: var(--color-su400); --color-input-inverse-success-button-icon-background: var(--color-b000); --color-input-inverse-success-button-icon-background-focus: var(--color-b000); --color-input-inverse-success-button-icon-background-hover: var(--color-b000); --color-input-inverse-success-button-icon-border: var(--color-b000); --color-input-inverse-success-button-icon-border-focus: var(--color-b000); --color-input-inverse-success-button-icon-border-hover: var(--color-b000); --color-input-inverse-success-button-icon-icon: var(--color-dark-grey-5); --color-input-inverse-success-button-icon-icon-focus: var(--color-dark-grey-5); --color-input-inverse-success-button-icon-icon-hover: var(--color-dark-grey-5); --color-input-inverse-success-icon-container-background: var(--color-b000); --color-input-inverse-success-icon-container-background-focus: var(--color-b000); --color-input-inverse-success-icon-container-background-hover: var(--color-b000); --color-input-inverse-success-icon-container-border: var(--color-b000); --color-input-inverse-success-icon-container-border-focus: var(--color-b000); --color-input-inverse-success-icon-container-border-hover: var(--color-b000); --color-input-inverse-success-icon-container-icon: var(--color-dark-grey-5); --color-input-inverse-success-icon-container-icon-focus: var(--color-dark-grey-0); --color-input-inverse-success-icon-container-icon-hover: var(--color-dark-grey-0); --color-input-inverse-success-label: var(--color-dark-grey-5); --color-input-inverse-success-label-focus: var(--color-dark-grey-5); --color-input-inverse-success-label-hover: var(--color-dark-grey-5); --color-input-inverse-success-outside-border-focus: #09E41F99; --color-input-inverse-success-placeholder: var(--color-mid-grey-3); --color-input-inverse-success-placeholder-focus: var(--color-mid-grey-3); --color-input-inverse-success-placeholder-hover: var(--color-mid-grey-3); --color-input-inverse-success-value: var(--color-dark-grey-0); --color-input-inverse-success-value-focus: var(--color-dark-grey-0); --color-input-inverse-success-value-hover: var(--color-dark-grey-0); --color-input-inverse-value: var(--color-dark-grey-0); --color-input-inverse-value-disabled: var(--color-mid-grey-3); --color-input-inverse-value-focus: var(--color-dark-grey-0); --color-input-inverse-value-hover: var(--color-dark-grey-0); --color-level-1: #BDCCD1; --color-level-3: #4FF7F7; --color-light-grey-1: #B1B4BC; --color-light-grey-2: #C1C3CA; --color-light-grey-3: #D0D2D7; --color-light-grey-4: #E0E1E4; --color-light-grey-5: #EFF0F2; --color-link: #D0D2D7; --color-link-active: var(--color-pr600); --color-link-default: var(--color-light-grey-3); --color-link-primary: var(--color-pr400); --color-link-secondary: var(--color-mid-grey-2); --color-menu: var(--color-light-grey-1); --color-menu-active: var(--color-white); --color-menu-background: var(--color-dark-grey-0); --color-menu-base: var(--color-light-grey-3); --color-menu-bottom-basic-background: var(--color-dark-grey-1); --color-menu-bottom-basic-border: var(--color-dark-grey-2); --color-menu-bottom-inverse-background: var(--color-light-grey-5); --color-menu-bottom-inverse-border: var(--color-light-grey-4); --color-menu-horizontal: var(--color-mid-grey-5); --color-menu-horizontal-active: var(--color-pr500); --color-menu-horizontal-active-inverse: var(--color-pr500); --color-menu-horizontal-hover: var(--color-white); --color-menu-horizontal-hover-inverse: var(--color-dark-grey-0); --color-menu-horizontal-inverse: var(--color-dark-grey-5); --color-menu-hover: var(--color-light-grey-4); --color-menu-item: var(--color-light-grey-4); --color-menu-item-active: var(--color-light-grey-5); --color-menu-item-background: var(--color-dark-grey-5); --color-menu-item-background-hover: #FFFFFF1A; --color-menu-item-check: #FF2684; --color-menu-primary: #2740F5; --color-menu-surface: var(--color-dark-grey-2); --color-menu-surface-active: var(--color-dark-grey-3); --color-menu-surface-border: var(--color-dark-grey-3); --color-menu-surface-border-focus: var(--color-dark-grey-2); --color-menu-surface-bottom: var(--color-dark-grey-1); --color-menu-surface-focus: var(--color-dark-grey-1); --color-menu-surface-hover: var(--color-dark-grey-4); --color-menu-surface-primary: var(--color-pr500); --color-menu-title: var(--color-white); --color-menu-top-basic-amount-background: var(--color-dark-grey-1); --color-menu-top-basic-amount-background-focus: var(--color-dark-grey-1); --color-menu-top-basic-amount-background-hover: var(--color-dark-grey-2); --color-menu-top-basic-amount-outside-border-focus: var(--color-dark-grey-2); --color-menu-top-basic-amount-text: var(--color-white); --color-menu-top-basic-amount-text-focus: var(--color-white); --color-menu-top-basic-amount-text-hover: var(--color-white); --color-menu-top-basic-background: var(--color-dark-grey-0); --color-menu-top-basic-icon: var(--color-mid-grey-5); --color-menu-top-basic-icon-hover: var(--color-light-grey-3); --color-menu-top-inverse-amount-background: var(--color-light-grey-5); --color-menu-top-inverse-amount-background-focus: var(--color-light-grey-5); --color-menu-top-inverse-amount-background-hover: var(--color-light-grey-4); --color-menu-top-inverse-amount-border: var(--color-b000); --color-menu-top-inverse-amount-border-focus: var(--color-b000); --color-menu-top-inverse-amount-border-hover: var(--color-b000); --color-menu-top-inverse-amount-outside-border-focus: var(--color-light-grey-4); --color-menu-top-inverse-amount-text: var(--color-dark-grey-0); --color-menu-top-inverse-amount-text-focus: var(--color-dark-grey-0); --color-menu-top-inverse-amount-text-hover: var(--color-dark-grey-0); --color-menu-top-inverse-background: var(--color-white); --color-menu-top-inverse-border: var(--color-b000); --color-menu-top-inverse-icon: var(--color-dark-grey-5); --color-menu-top-inverse-icon-hover: var(--color-dark-grey-3); --color-menu-vertical: var(--color-light-grey-3); --color-menu-vertical-background: var(--color-dark-grey-2); --color-menu-vertical-background-hover: var(--color-dark-grey-3); --color-menu-vertical-background-hover-inverse: var(--color-light-grey-3); --color-menu-vertical-background-inverse: var(--color-light-grey-4); --color-menu-vertical-hover: var(--color-white); --color-menu-vertical-hover-inverse: var(--color-dark-grey-0); --color-menu-vertical-inverse: var(--color-dark-grey-3); --color-message-attention-background: var(--color-dark-grey-2); --color-message-attention-description: var(--color-light-grey-3); --color-message-attention-icon-container-icon: #F8E150CC; --color-message-attention-text: var(--color-at300); --color-message-basic-background: var(--color-dark-grey-2); --color-message-basic-description: var(--color-light-grey-3); --color-message-basic-icon-container-icon: #FFFFFFCC; --color-message-basic-text: var(--color-white); --color-message-danger-background: var(--color-dark-grey-2); --color-message-danger-description: var(--color-light-grey-3); --color-message-danger-icon-container-icon: #FF4444CC; --color-message-danger-text: var(--color-da500); --color-message-info-background: var(--color-dark-grey-2); --color-message-info-description: var(--color-light-grey-3); --color-message-info-icon-container-icon: #869DEECC; --color-message-info-text: var(--color-in200); --color-message-line-basic-background: var(--color-dark-grey-5); --color-message-line-basic-description: var(--color-light-grey-3); --color-message-line-basic-icon-container-icon: #FFFFFFCC; --color-message-line-basic-text: var(--color-white); --color-message-line-cookies-background: var(--color-dark-grey-2); --color-message-line-cookies-link-text: var(--color-pr400); --color-message-line-cookies-text: var(--color-light-grey-3); --color-message-line-danger-background: var(--color-da800); --color-message-line-danger-description: var(--color-light-grey-3); --color-message-line-danger-icon-container-icon: #FFFFFFCC; --color-message-line-danger-text: var(--color-white); --color-message-line-info-background: var(--color-in500); --color-message-line-info-description: var(--color-light-grey-3); --color-message-line-info-icon-container-icon: #FFFFFFCC; --color-message-line-info-text: var(--color-white); --color-message-primary-background: var(--color-dark-grey-2); --color-message-primary-description: var(--color-light-grey-3); --color-message-primary-icon-container-icon: #F67024CC; --color-message-primary-text: var(--color-pr400); --color-message-success-background: var(--color-dark-grey-2); --color-message-success-description: var(--color-light-grey-3); --color-message-success-icon-container-icon: #09E41FCC; --color-message-success-text: var(--color-su400); --color-message-warning-background: var(--color-dark-grey-2); --color-message-warning-description: var(--color-light-grey-3); --color-message-warning-icon-container-icon: #F67024CC; --color-message-warning-text: var(--color-wa400); --color-mid-grey-1: #63687A; --color-mid-grey-2: #737787; --color-mid-grey-3: #828695; --color-mid-grey-4: #9296A2; --color-mid-grey-5: #A2A5AF; --color-modal-background: var(--color-dark-grey-1); --color-modal-description: var(--color-mid-grey-5); --color-modal-divider: var(--color-dark-grey-1); --color-modal-divider-background: var(--color-dark-grey-2); --color-modal-secondary: var(--color-mid-grey-3); --color-modal-status-attention-icon: var(--color-at300); --color-modal-status-background: var(--color-dark-grey-2); --color-modal-status-basic-icon: var(--color-light-grey-3); --color-modal-status-danger-icon: var(--color-da600); --color-modal-status-info-icon: var(--color-in300); --color-modal-status-primary-icon: var(--color-pr400); --color-modal-status-susses-icon: var(--color-su400); --color-modal-status-warning-icon: var(--color-wa400); --color-modal-text: var(--color-white); --color-modal-title: inherit; --color-navbar-basic-icon-container-icon: var(--color-mid-grey-5); --color-navbar-basic-icon-container-icon-active: var(--color-pr400); --color-navbar-basic-icon-container-icon-hover: var(--color-white); --color-navbar-basic-text: var(--color-mid-grey-5); --color-navbar-basic-text-active: var(--color-pr400); --color-navbar-basic-text-hover: var(--color-white); --color-navbar-inverse-icon-container-icon: var(--color-dark-grey-5); --color-navbar-inverse-icon-container-icon-active: var(--color-pr400); --color-navbar-inverse-icon-container-icon-hover: var(--color-dark-grey-0); --color-navbar-inverse-text: var(--color-dark-grey-5); --color-navbar-inverse-text-active: var(--color-pr400); --color-navbar-inverse-text-hover: var(--color-dark-grey-0); --color-pagination-active: var(--color-white); --color-pagination-active-background: var(--color-pr500); --color-pagination-active-background-active: var(--color-pr600); --color-pagination-active-background-disabled: var(--color-pr900); --color-pagination-active-background-hover: var(--color-pr400); --color-pagination-active-disabled: var(--color-wa700); --color-pagination-base: var(--color-light-grey-3); --color-pagination-base-background: var(--color-dark-grey-3); --color-pagination-base-background-active: var(--color-dark-grey-2); --color-pagination-base-background-disabled: var(--color-dark-grey-2); --color-pagination-base-background-hover: var(--color-dark-grey-4); --color-pagination-base-disabled: var(--color-mid-grey-2); --color-pagination-button-background: var(--color-dark-grey-4); --color-pagination-button-background-active: var(--color-dark-grey-3); --color-pagination-button-background-disabled: var(--color-w005); --color-pagination-button-background-hover: var(--color-dark-grey-5); --color-pagination-button-checked-background: var(--color-pr500); --color-pagination-button-checked-background-active: var(--color-pr600); --color-pagination-button-checked-background-disabled: var(--color-w005); --color-pagination-button-checked-background-hover: var(--color-pr400); --color-pagination-button-checked-text: var(--color-white); --color-pagination-button-checked-text-active: var(--color-white); --color-pagination-button-checked-text-disabled: var(--color-mid-grey-2); --color-pagination-button-checked-text-hover: var(--color-white); --color-pagination-button-icon: var(--color-light-grey-3); --color-pagination-button-icon-active: var(--color-light-grey-3); --color-pagination-button-icon-disabled: var(--color-mid-grey-2); --color-pagination-button-icon-hover: var(--color-light-grey-3); --color-pagination-button-text: var(--color-light-grey-3); --color-pagination-button-text-active: var(--color-light-grey-3); --color-pagination-button-text-disabled: var(--color-mid-grey-2); --color-pagination-button-text-hover: var(--color-light-grey-3); --color-pink: #F50057; --color-platinum: #4FF7F7; --color-pr050: #94D097; --color-pr100: #67C96C; --color-pr200: #45BC4B; --color-pr300: #31B437; --color-pr400: #15A91B; --color-pr500: #05A30B; --color-pr600: #04850A; --color-pr700: #036B08; --color-pr800: #035407; --color-pr900: #024006; --color-preloader-attention-icon: var(--color-at400); --color-preloader-base: var(--color-mid-grey-5); --color-preloader-danger-icon: var(--color-da600); --color-preloader-dark-icon: var(--color-dark-grey-0); --color-preloader-info-icon: var(--color-in400); --color-preloader-light-icon: var(--color-white); --color-preloader-minor-icon: var(--color-vi500); --color-preloader-primary: var(--color-pr500); --color-preloader-primary-icon: var(--color-pr500); --color-preloader-secondary-icon: var(--color-mid-grey-5); --color-preloader-success-icon: var(--color-su600); --color-preloader-warning-icon: var(--color-wa400); --color-progress: var(--color-white); --color-progress-background: var(--color-dark-grey-3); --color-progress-bar-attention-background: var(--color-dark-grey-3); --color-progress-bar-attention-divider-background: var(--color-w020); --color-progress-bar-attention-progress-background: var(--color-at400); --color-progress-bar-attention-text: var(--color-black); --color-progress-bar-danger-background: var(--color-dark-grey-3); --color-progress-bar-danger-divider-background: var(--color-w020); --color-progress-bar-danger-progress-background: var(--color-da600); --color-progress-bar-danger-text: var(--color-white); --color-progress-bar-dark-background: var(--color-light-grey-3); --color-progress-bar-dark-divider-background: var(--color-b020); --color-progress-bar-dark-progress-background: var(--color-dark-grey-0); --color-progress-bar-dark-text: var(--color-white); --color-progress-bar-info-background: var(--color-dark-grey-3); --color-progress-bar-info-divider-background: var(--color-w020); --color-progress-bar-info-inverse-divider-background: var(--color-b020); --color-progress-bar-info-inverse-text: var(--color-white); --color-progress-bar-info-progress-background: var(--color-in400); --color-progress-bar-info-text: var(--color-white); --color-progress-bar-light-background: var(--color-light-grey-3); --color-progress-bar-light-divider-background: var(--color-b020); --color-progress-bar-light-progress-background: var(--color-white); --color-progress-bar-light-text: var(--color-dark-grey-0); --color-progress-bar-minor-background: var(--color-dark-grey-3); --color-progress-bar-minor-divider-background: var(--color-w020); --color-progress-bar-minor-progress-background: var(--color-vi500); --color-progress-bar-minor-text: var(--color-white); --color-progress-bar-primary-background: var(--color-dark-grey-3); --color-progress-bar-primary-divider-background: var(--color-w020); --color-progress-bar-primary-progress-background: var(--color-pr500); --color-progress-bar-primary-text: var(--color-white); --color-progress-bar-secondary-background-r: #353b52; --color-progress-bar-secondary-divider-background: var(--color-w020); --color-progress-bar-secondary-progress-background: var(--color-mid-grey-1); --color-progress-bar-secondary-text: var(--color-white); --color-progress-bar-success-background: var(--color-dark-grey-3); --color-progress-bar-success-divider-background: var(--color-w020); --color-progress-bar-success-progress-background: var(--color-su600); --color-progress-bar-success-text: var(--color-white); --color-progress-bar-warning-background: var(--color-dark-grey-3); --color-progress-bar-warning-divider-background: var(--color-w020); --color-progress-bar-warning-progress-background: var(--color-wa400); --color-progress-bar-warning-text: var(--color-white); --color-progress-dark: var(--color-dark-grey-0); --color-progress-dots: #FFFFFF33; --color-progress-progress-attention: var(--color-at400); --color-progress-progress-danger: var(--color-da600); --color-progress-progress-info: var(--color-in400); --color-progress-progress-minor: var(--color-vi500); --color-progress-progress-primary: var(--color-pr500); --color-progress-progress-secondary: var(--color-mid-grey-1); --color-progress-progress-success: #07BE1A; --color-progress-progress-white: var(--color-white); --color-progress-round-attention-border: #F6DA244D; --color-progress-round-attention-progress-border: var(--color-at400); --color-progress-round-danger-border: #FF0E0E4D; --color-progress-round-danger-progress-border: var(--color-da600); --color-progress-round-dark-border: var(--color-dgz030); --color-progress-round-dark-progress-border: var(--color-dark-grey-0); --color-progress-round-info-border: #355BE24D; --color-progress-round-info-progress-border: var(--color-in400); --color-progress-round-light-border: var(--color-w030); --color-progress-round-light-progress-border: var(--color-white); --color-progress-round-minor-border: #9900D54D; --color-progress-round-minor-progress-border: var(--color-vi500); --color-progress-round-primary-border: #E458094D; --color-progress-round-primary-progress-border: var(--color-pr500); --color-progress-round-secondary-border: #63687A4D; --color-progress-round-secondary-progress-border: var(--color-mid-grey-1); --color-progress-round-success-border: #0698154D; --color-progress-round-success-progress-border: var(--color-su600); --color-progress-round-warning-border: #E458094D; --color-progress-round-warning-progress-border: var(--color-wa400); --color-purple: #D500F9; --color-rating-bronze: var(--color-pr400); --color-rating-gold: var(--color-at400); --color-rating-level-0: var(--color-pr400); --color-rating-level-1: #BDCCD1; --color-rating-level-2: var(--color-at400); --color-rating-level-3: #4FF7F7; --color-red: #F44336; --color-scrollbar-background: var(--color-dark-grey-5); --color-selector-basic-background: var(--color-dark-grey-5); --color-selector-basic-background-disabled: var(--color-dark-grey-3); --color-selector-basic-background-focus: var(--color-mid-grey-1); --color-selector-basic-background-hover: var(--color-mid-grey-1); --color-selector-basic-border: var(--color-dark-grey-5); --color-selector-basic-border-disabled: var(--color-dark-grey-3); --color-selector-basic-border-focus: var(--color-mid-grey-1); --color-selector-basic-border-hover: var(--color-mid-grey-1); --color-selector-basic-checked-background: var(--color-dark-grey-5); --color-selector-basic-checked-background-disabled: var(--color-dark-grey-3); --color-selector-basic-checked-background-focus: var(--color-mid-grey-1); --color-selector-basic-checked-background-hover: var(--color-mid-grey-1); --color-selector-basic-checked-border: var(--color-dark-grey-5); --color-selector-basic-checked-border-disabled: var(--color-dark-grey-3); --color-selector-basic-checked-border-focus: var(--color-mid-grey-1); --color-selector-basic-checked-border-hover: var(--color-mid-grey-1); --color-selector-basic-checked-element: var(--color-white); --color-selector-basic-checked-element-disabled: var(--color-mid-grey-2); --color-selector-basic-checked-element-focus: var(--color-white); --color-selector-basic-checked-element-hover: var(--color-white); --color-selector-basic-checked-outside-border-focus: var(--color-dark-grey-3); --color-selector-basic-element: var(--color-white); --color-selector-basic-element-disabled: var(--color-mid-grey-2); --color-selector-basic-element-focus: var(--color-white); --color-selector-basic-element-hover: var(--color-white); --color-selector-basic-outside-border-focus: var(--color-dark-grey-3); --color-selector-external-text-basic-description: var(--color-mid-grey-5); --color-selector-external-text-basic-error-message: var(--color-da600); --color-selector-external-text-basic-label: var(--color-white); --color-selector-external-text-inverse-description: var(--color-dark-grey-5); --color-selector-external-text-inverse-error-message: var(--color-da600); --color-selector-external-text-inverse-label: var(--color-dark-grey-0); --color-selector-primary-background: var(--color-dark-grey-5); --color-selector-primary-background-disabled: var(--color-dark-grey-3); --color-selector-primary-background-focus: var(--color-mid-grey-1); --color-selector-primary-background-hover: var(--color-mid-grey-1); --color-selector-primary-border: var(--color-dark-grey-5); --color-selector-primary-border-disabled: var(--color-dark-grey-3); --color-selector-primary-border-focus: var(--color-mid-grey-1); --color-selector-primary-border-hover: var(--color-mid-grey-1); --color-selector-primary-checked-background: var(--color-pr500); --color-selector-primary-checked-background-disabled: var(--color-pr800); --color-selector-primary-checked-background-focus: var(--color-pr400); --color-selector-primary-checked-background-hover: var(--color-pr400); --color-selector-primary-checked-border: var(--color-pr500); --color-selector-primary-checked-border-disabled: var(--color-pr800); --color-selector-primary-checked-border-focus: var(--color-pr400); --color-selector-primary-checked-border-hover: var(--color-pr400); --color-selector-primary-checked-element: var(--color-white); --color-selector-primary-checked-element-disabled: var(--color-pr700); --color-selector-primary-checked-element-focus: var(--color-white); --color-selector-primary-checked-element-hover: var(--color-white); --color-selector-primary-checked-outside-border-focus: var(--color-pr200); --color-selector-primary-element: var(--color-white); --color-selector-primary-element-disabled: var(--color-mid-grey-2); --color-selector-primary-element-focus: var(--color-white); --color-selector-primary-element-hover: var(--color-white); --color-selector-primary-outside-border-focus: var(--color-dark-grey-3); --color-sidebar: var(--color-mid-grey-5); --color-sidebar-active: var(--color-white); --color-sidebar-background: var(--color-dark-grey-1); --color-sidebar-base: var(--color-light-grey-3); --color-sidebar-basic-background: var(--color-dark-grey-1); --color-sidebar-basic-divider-background: var(--color-dark-grey-3); --color-sidebar-basic-header-background: var(--color-dark-grey-1); --color-sidebar-basic-header-icon: var(--color-mid-grey-5); --color-sidebar-basic-header-icon-hover: var(--color-light-grey-3); --color-sidebar-basic-multiscreen-background: var(--color-dark-grey-2); --color-sidebar-basic-multiscreen-background-hover: var(--color-dark-grey-2); --color-sidebar-basic-multiscreen-content-border-right: var(--color-dark-grey-1); --color-sidebar-basic-multiscreen-content-border-right-hover: var(--color-dark-grey-1); --color-sidebar-basic-multiscreen-icon: var(--color-mid-grey-5); --color-sidebar-basic-multiscreen-icon-hover: var(--color-light-grey-3); --color-sidebar-card-mini-basic-background-hover: #252c45; --color-sidebar-card-mini-basic-lock-icon: var(--color-mid-grey-5); --color-sidebar-card-mini-basic-lock-icon-hover: var(--color-mid-grey-5); --color-sidebar-card-mini-inverse-background-hover: #e0e1e4; --color-sidebar-card-mini-inverse-lock-icon: var(--color-dark-grey-5); --color-sidebar-card-mini-inverse-lock-icon-hover: var(--color-dark-grey-5); --color-sidebar-card-referal-background: linear-gradient(90deg, #cb438a 0%, #7113d4 74.67%); --color-sidebar-card-referal-background-hover: linear-gradient(90deg, #cb438a 0%, #721cff 74.67%); --color-sidebar-card-referal-description: var(--color-light-grey-3); --color-sidebar-card-referal-description-hover: var(--color-light-grey-3); --color-sidebar-card-referal-text: var(--color-white); --color-sidebar-card-referal-text-hover: var(--color-white); --color-sidebar-card-widget-basic-background: linear-gradient(104deg, #1a799f 0%, #252c45 85.75%); --color-sidebar-card-widget-basic-background-hover: linear-gradient(104deg, #1a799f 0%, #353b52 85.75%); --color-sidebar-card-widget-basic-description: var(--color-mid-grey-5); --color-sidebar-card-widget-basic-description-hover: var(--color-mid-grey-5); --color-sidebar-card-widget-basic-lock-icon: var(--color-mid-grey-5); --color-sidebar-card-widget-basic-lock-icon-hover: var(--color-mid-grey-5); --color-sidebar-card-widget-basic-text: var(--color-white); --color-sidebar-card-widget-basic-text-hover: var(--color-white); --color-sidebar-card-widget-inverse-background: linear-gradient(104deg, #1a799f 0%, #e0e1e4 85.75%); --color-sidebar-card-widget-inverse-background-hover: linear-gradient(104deg, #1a799f 0%, #e0e1e4 85.75%); --color-sidebar-card-widget-inverse-description: var(--color-dark-grey-3); --color-sidebar-card-widget-inverse-description-hover: var(--color-dark-grey-3); --color-sidebar-card-widget-inverse-lock-icon: var(--color-dark-grey-5); --color-sidebar-card-widget-inverse-lock-icon-hover: var(--color-dark-grey-5); --color-sidebar-card-widget-inverse-text: var(--color-dark-grey-0); --color-sidebar-card-widget-inverse-text-hover: var(--color-dark-grey-0); --color-sidebar-hover: var(--color-light-grey-3); --color-sidebar-inverse-background: var(--color-light-grey-5); --color-sidebar-inverse-border: var(--color-b000); --color-sidebar-inverse-divider-background: var(--color-light-grey-3); --color-sidebar-inverse-header-background: var(--color-light-grey-5); --color-sidebar-inverse-header-border: var(--color-b000); --color-sidebar-inverse-header-icon: var(--color-dark-grey-5); --color-sidebar-inverse-header-icon-hover: var(--color-dark-grey-3); --color-sidebar-inverse-multiscreen-background: var(--color-light-grey-4); --color-sidebar-inverse-multiscreen-background-hover: var(--color-light-grey-4); --color-sidebar-inverse-multiscreen-border: var(--color-b000); --color-sidebar-inverse-multiscreen-border-hover: var(--color-b000); --color-sidebar-inverse-multiscreen-content-border-right: var(--color-light-grey-5); --color-sidebar-inverse-multiscreen-content-border-right-hover: var(--color-light-grey-5); --color-sidebar-inverse-multiscreen-icon: var(--color-dark-grey-5); --color-sidebar-inverse-multiscreen-icon-hover: var(--color-dark-grey-3); --color-sidebar-list-basic-header-background: #252c45; --color-sidebar-list-basic-header-background-hover: #353b52; --color-sidebar-list-basic-header-text: var(--color-light-grey-3); --color-sidebar-list-basic-header-text-hover: var(--color-white); --color-sidebar-list-basic-row-text: var(--color-mid-grey-5); --color-sidebar-list-basic-row-text-hover: var(--color-light-grey-3); --color-sidebar-list-inverse-header-background: #e0e1e4; --color-sidebar-list-inverse-header-background-hover: #d0d2d7; --color-sidebar-list-inverse-header-text: var(--color-dark-grey-3); --color-sidebar-list-inverse-header-text-hover: var(--color-dark-grey-0); --color-sidebar-list-inverse-row-text: var(--color-dark-grey-5); --color-sidebar-list-inverse-row-text-hover: var(--color-dark-grey-3); --color-sidebar-primary: var(--color-pr400); --color-sidebar-surface: var(--color-dark-grey-2); --color-sidebar-surface-active: var(--color-dark-grey-5); --color-sidebar-surface-border-focus: var(--color-dark-grey-3); --color-sidebar-surface-focus: var(--color-dark-grey-2); --color-sidebar-surface-hover: var(--color-dark-grey-3); --color-sidebar-surface-primary: var(--color-pr500); --color-sidebar-title: var(--color-white); --color-silver: #BDCCD1; --color-slideshow-dots-dot: var(--color-light-grey-5); --color-slideshow-dots-dot-background: var(--color-w040); --color-slideshow-dots-dot-background-hover: var(--color-w060); --color-slideshow-dots-dot-background-hover-inverse: var(--color-b020); --color-slideshow-dots-dot-background-inverse: var(--color-b010); --color-slideshow-dots-dot-button: var(--color-light-grey-5); --color-slideshow-dots-dot-button-active: var(--color-dark-grey-5); --color-slideshow-dots-dot-button-background: var(--color-w040); --color-slideshow-dots-dot-button-background-active: var(--color-light-grey-5); --color-slideshow-dots-dot-button-background-hover: var(--color-w060); --color-slideshow-dots-dot-button-hover: var(--color-light-grey-5); --color-slideshow-dots-dot-hover: var(--color-light-grey-5); --color-slideshow-dots-dot-hover-inverse: var(--color-mid-grey-2); --color-slideshow-dots-dot-inverse: var(--color-mid-grey-4); --color-step-body-base: var(--color-dark-grey-4); --color-step-body-error: var(--color-da600); --color-step-body-success: var(--color-su600); --color-step-description: var(--color-dark-grey-5); --color-step-label: var(--color-white); --color-step-label-secondary: var(--color-mid-grey-5); --color-step-line-background: var(--color-dark-grey-4); --color-step-line-background-error: var(--color-da600); --color-step-line-background-success: var(--color-su600); --color-step-point-border: var(--color-dark-grey-4); --color-step-point-border-error: var(--color-da600); --color-step-point-border-success: var(--color-su600); --color-step-point-element: var(--color-dark-grey-4); --color-step-point-element-error: var(--color-da600); --color-step-point-element-success: var(--color-su600); --color-step-point-text: var(--color-white); --color-step-text: var(--color-white); --color-su050: #D3FDD7; --color-su100: #A7FCB0; --color-su200: #7CFA88; --color-su300: #50F861; --color-su400: #09E41F; --color-su500: #07BE1A; --color-su600: #069815; --color-su700: #04720F; --color-su800: #034C0A; --color-su900: #012605; --color-surface-invite: #7113D4; --color-surface-invite-hover: #721CFF; --color-surface-invite-lumin: #CB438A; --color-surface-lumin: #1A799F; --color-tab-group: #FFFFFF1A; --color-tab-group-background: var(--color-dark-grey-2); --color-tab-group-background-outline: var(--color-dark-grey-2); --color-tab-group-default: #FFFFFF1A; --color-tab-group-default-inverse: #0000000D; --color-tab-group-inverse: #0000000D; --color-tab-group-outline: var(--color-dark-grey-4); --color-tab-group-outline-inverse: var(--color-light-grey-2); --color-tab-group-underline: var(--color-dark-grey-2); --color-tab-group-underline-inverse: var(--color-light-grey-4); --color-tab-info-background-active: var(--color-in400); --color-tab-info-icon-container-icon: #A2A5AFCC; --color-tab-info-icon-container-icon-active: #FFFFFFCC; --color-tab-info-icon-container-icon-hover: #FFFFFFCC; --color-tab-info-text: var(--color-mid-grey-5); --color-tab-info-text-active: var(--color-white); --color-tab-info-text-hover: var(--color-white); --color-tab-inverse-background-active: var(--color-dark-grey-1); --color-tab-inverse-icon-container-icon: #54596DCC; --color-tab-inverse-icon-container-icon-active: #FFFFFFCC; --color-tab-inverse-icon-container-icon-hover: #060E2ACC; --color-tab-inverse-text: var(--color-dark-grey-5); --color-tab-inverse-text-active: var(--color-white); --color-tab-inverse-text-hover: var(--color-dark-grey-0); --color-tab-item: var(--color-light-grey-3); --color-tab-item-active: var(--color-light-grey-5); --color-tab-item-active-inverse: var(--color-dark-grey-0); --color-tab-item-active-inverse-inner: var(--color-white); --color-tab-item-background: var(--color-dark-grey-4); --color-tab-item-background-info: var(--color-in400); --color-tab-item-background-inverse: var(--color-dark-grey-1); --color-tab-item-background-minor: var(--color-pr500); --color-tab-item-background-primary: var(--color-pr500); --color-tab-item-background-secondary: var(--color-dark-grey-4); --color-tab-item-background-white: var(--color-white); --color-tab-item-hover: var(--color-white); --color-tab-item-hover-inverse: var(--color-dark-grey-0); --color-tab-item-inverse: var(--color-light-grey-1); --color-tab-item-inverse-active: var(--color-dark-grey-0); --color-tab-item-inverse-inner: var(--color-mid-grey-3); --color-tab-primary-background-active: var(--color-pr500); --color-tab-primary-icon-container-icon: #A2A5AFCC; --color-tab-primary-icon-container-icon-active: #FFFFFFCC; --color-tab-primary-icon-container-icon-hover: #FFFFFFCC; --color-tab-primary-text: var(--color-mid-grey-5); --color-tab-primary-text-active: var(--color-white); --color-tab-primary-text-hover: var(--color-white); --color-tab-secondary-background-active: var(--color-dark-grey-4); --color-tab-secondary-icon-container-icon: #A2A5AFCC; --color-tab-secondary-icon-container-icon-active: #FFFFFFCC; --color-tab-secondary-icon-container-icon-hover: #FFFFFFCC; --color-tab-secondary-text: var(--color-mid-grey-5); --color-tab-secondary-text-active: var(--color-white); --color-tab-secondary-text-hover: var(--color-white); --color-tab-underline-inverse-icon-container-icon: #828695CC; --color-tab-underline-inverse-icon-container-icon-active: #060E2ACC; --color-tab-underline-inverse-icon-container-icon-hover: #060E2ACC; --color-tab-underline-inverse-text: var(--color-dark-grey-5); --color-tab-underline-inverse-text-active: var(--color-dark-grey-0); --color-tab-underline-inverse-text-hover: var(--color-dark-grey-0); --color-tab-underline-inverse-underline-background: #161d37; --color-tab-underline-primary-icon-container-icon: #A2A5AFCC; --color-tab-underline-primary-icon-container-icon-active: #FFFFFFCC; --color-tab-underline-primary-icon-container-icon-hover: #FFFFFFCC; --color-tab-underline-primary-text: var(--color-mid-grey-5); --color-tab-underline-primary-text-active: var(--color-white); --color-tab-underline-primary-text-hover: var(--color-white); --color-tab-underline-primary-underline-background: #e45809; --color-table-base-body: var(--color-white); --color-table-base-body-background-active: var(--color-dark-grey-2); --color-table-base-body-background-hover: var(--color-dark-grey-3); --color-table-base-body-background-sf-1: var(--color-dark-grey-1); --color-table-base-body-background-sf-2: var(--color-dark-grey-2); --color-table-base-body-background-sf1: var(--color-dark-grey-1); --color-table-base-body-background-sf2: var(--color-dark-grey-2); --color-table-base-header: var(--color-light-grey-1); --color-table-base-header-background-active: var(--color-dark-grey-2); --color-table-base-header-background-hover: var(--color-dark-grey-3); --color-table-base-header-background-sf-1: var(--color-dark-grey-1); --color-table-base-header-background-sf-2: var(--color-dark-grey-2); --color-table-base-header-background-sf1: var(--color-dark-grey-1); --color-table-base-header-background-sf2: var(--color-dark-grey-2); --color-table-fill-header-background-active: var(--color-dark-grey-2); --color-table-fill-header-background-hover: var(--color-dark-grey-3); --color-table-fill-header-background-sf1: var(--color-dark-grey-1); --color-table-fill-header-background-sf2: var(--color-dark-grey-2); --color-table-fill-header-icon-container-icon: #A2A5AFCC; --color-table-fill-header-icon-container-icon-active: #A2A5AFCC; --color-table-fill-header-icon-container-icon-hover: #A2A5AFCC; --color-table-fill-header-text: var(--color-mid-grey-5); --color-table-fill-header-text-active: var(--color-mid-grey-5); --color-table-fill-header-text-hover: var(--color-mid-grey-5); --color-table-fill-row-background-active: var(--color-dark-grey-2); --color-table-fill-row-background-hover: var(--color-dark-grey-3); --color-table-fill-row-background-sf1: var(--color-dark-grey-1); --color-table-fill-row-background-sf2: var(--color-dark-grey-2); --color-table-fill-row-icon-container-icon: #FFFFFFCC; --color-table-fill-row-icon-container-icon-active: #FFFFFFCC; --color-table-fill-row-icon-container-icon-hover: #FFFFFFCC; --color-table-fill-row-text: var(--color-white); --color-table-fill-row-text-active: var(--color-white); --color-table-fill-row-text-hover: var(--color-white); --color-table-line-body: var(--color-white); --color-table-line-body-background: var(--color-dark-grey-2); --color-table-line-body-background-active: var(--color-dark-grey-2); --color-table-line-body-background-hover: var(--color-dark-grey-3); --color-table-line-header: var(--color-mid-grey-5); --color-table-line-header-background: var(--color-dark-grey-2); --color-table-line-header-background-active: var(--color-dark-grey-2); --color-table-line-header-background-hover: var(--color-dark-grey-3); --color-table-lineal-header-background-active: var(--color-dark-grey-2); --color-table-lineal-header-background-hover: var(--color-dark-grey-3); --color-table-lineal-header-border-bottom: var(--color-dark-grey-2); --color-table-lineal-header-icon-container-icon: #A2A5AFCC; --color-table-lineal-header-icon-container-icon-active: #A2A5AFCC; --color-table-lineal-header-icon-container-icon-hover: #A2A5AFCC; --color-table-lineal-header-text: var(--color-mid-grey-5); --color-table-lineal-header-text-active: var(--color-mid-grey-5); --color-table-lineal-header-text-hover: var(--color-mid-grey-5); --color-table-lineal-row-background-active: var(--color-dark-grey-2); --color-table-lineal-row-background-hover: var(--color-dark-grey-3); --color-table-lineal-row-border-bottom: var(--color-dark-grey-2); --color-table-lineal-row-icon-container-icon: #FFFFFFCC; --color-table-lineal-row-icon-container-icon-active: #FFFFFFCC; --color-table-lineal-row-icon-container-icon-hover: #FFFFFFCC; --color-table-lineal-row-text: var(--color-white); --color-table-lineal-row-text-active: var(--color-white); --color-table-lineal-row-text-hover: var(--color-white); --color-table-modal: var(--color-white); --color-table-modal-background-hover: var(--color-dark-grey-3); --color-table-modal-background-sf-1: var(--color-dark-grey-1); --color-table-modal-background-sf-2: var(--color-dark-grey-2); --color-table-modal-background-sf1: var(--color-dark-grey-1); --color-table-modal-background-sf2: var(--color-dark-grey-2); --color-table-modal-description: var(--color-mid-grey-5); --color-table-modal-icon-container-icon: #A2A5AFCC; --color-table-modal-secondary: var(--color-light-grey-1); --color-table-modal-text: var(--color-mid-grey-5); --color-table-modal-value: var(--color-white); --color-table-table-modal: var(--color-white); --color-table-table-modal-background-active: var(--color-dark-grey-2); --color-table-table-modal-background-hover: var(--color-dark-grey-3); --color-table-table-modal-background-sf1: var(--color-dark-grey-1); --color-table-table-modal-background-sf2: var(--color-dark-grey-2); --color-table-table-modal-secondary: var(--color-mid-grey-5); --color-tabs-group-fill-info-background: var(--color-w010); --color-tabs-group-fill-inverse-background: var(--color-b005); --color-tabs-group-fill-inverse-border: var(--color-b000); --color-tabs-group-fill-primary-background: var(--color-w010); --color-tabs-group-fill-secondary-background: var(--color-w010); --color-tabs-group-outline-info-border: var(--color-dark-grey-4); --color-tabs-group-outline-inverse-background: var(--color-b000); --color-tabs-group-outline-inverse-border: var(--color-light-grey-2); --color-tabs-group-outline-primary-border: var(--color-dark-grey-4); --color-tabs-group-outline-secondary-border: var(--color-dark-grey-4); --color-tabs-group-underline-inverse-border-bottom: var(--color-light-grey-4); --color-tabs-group-underline-primary-border-bottom: var(--color-dark-grey-2); --color-tag: var(--color-light-grey-1); --color-tag-active: var(--color-white); --color-tag-background: var(--color-dark-grey-3); --color-tag-background-active: var(--color-pr500); --color-tag-background-active-hover: var(--color-pr400); --color-tag-background-hover: var(--color-dark-grey-4); --color-tag-background-minor: var(--color-mi500); --color-tag-background-primary: var(--color-pr500); --color-tag-background-secondary: var(--color-dark-grey-3); --color-tag-background-secondary-active: var(--color-dark-grey-3); --color-tag-background-secondary-active-hover: var(--color-dark-grey-5); --color-tag-background-secondary-hover: var(--color-dark-grey-4); --color-tag-fill-background: var(--color-dark-grey-3); --color-tag-fill-background-active: var(--color-pr500); --color-tag-fill-background-active-hover: var(--color-pr400); --color-tag-fill-background-hover: var(--color-dark-grey-4); --color-tag-fill-icon-container-icon: #FFFFFFCC; --color-tag-fill-icon-container-icon-active: var(--color-white); --color-tag-fill-icon-container-icon-active-hover: var(--color-white); --color-tag-fill-icon-container-icon-hover: #FFFFFFCC; --color-tag-fill-text: var(--color-white); --color-tag-fill-text-active: var(--color-white); --color-tag-fill-text-active-hover: var(--color-white); --color-tag-fill-text-hover: var(--color-white); --color-tag-ghost-background-active: var(--color-pr500); --color-tag-ghost-background-active-hover: var(--color-pr400); --color-tag-ghost-background-hover: var(--color-dark-grey-4); --color-tag-ghost-icon-container-icon: #FFFFFFCC; --color-tag-ghost-icon-container-icon-active: var(--color-white); --color-tag-ghost-icon-container-icon-active-hover: var(--color-white); --color-tag-ghost-icon-container-icon-hover: #FFFFFFCC; --color-tag-ghost-secondary-background-active: var(--color-dark-grey-3); --color-tag-ghost-secondary-background-active-hover: var(--color-dark-grey-5); --color-tag-ghost-secondary-background-hover: var(--color-dark-grey-4); --color-tag-ghost-secondary-icon-container-icon: #D0D2D7CC; --color-tag-ghost-secondary-icon-container-icon-active: var(--color-white); --color-tag-ghost-secondary-icon-container-icon-active-hover: var(--color-white); --color-tag-ghost-secondary-icon-container-icon-hover: #FFFFFFCC; --color-tag-ghost-secondary-text: var(--color-light-grey-3); --color-tag-ghost-secondary-text-active: var(--color-white); --color-tag-ghost-secondary-text-active-hover: var(--color-white); --color-tag-ghost-secondary-text-hover: var(--color-white); --color-tag-ghost-text: var(--color-white); --color-tag-ghost-text-active: var(--color-white); --color-tag-ghost-text-active-hover: var(--color-white); --color-tag-ghost-text-hover: var(--color-white); --color-tag-hover: var(--color-white); --color-tag-outline-background-active: var(--color-pr500); --color-tag-outline-background-active-hover: var(--color-pr400); --color-tag-outline-background-hover: var(--color-dark-grey-4); --color-tag-outline-border: var(--color-dark-grey-4); --color-tag-outline-icon-container-icon: #FFFFFFCC; --color-tag-outline-icon-container-icon-active: var(--color-white); --color-tag-outline-icon-container-icon-active-hover: var(--color-white); --color-tag-outline-icon-container-icon-hover: #FFFFFFCC; --color-tag-outline-text: var(--color-white); --color-tag-outline-text-active: var(--color-white); --color-tag-outline-text-active-hover: var(--color-white); --color-tag-outline-text-hover: var(--color-white); --color-tag-secondary: var(--color-white); --color-tag-secondary-active: var(--color-white); --color-tag-secondary-hover: var(--color-white); --color-text-attention: var(--color-at300); --color-text-base: var(--color-light-grey-3); --color-text-danger: var(--color-da600); --color-text-info: var(--color-in300); --color-text-inverse-base: var(--color-dark-grey-3); --color-text-inverse-muted: var(--color-mid-grey-3); --color-text-inverse-secondary: var(--color-dark-grey-5); --color-text-inverse-title: var(--color-dark-grey-0); --color-text-inverse-transparent: var(--color-b070); --color-text-minor: var(--color-vi300); --color-text-muted: var(--color-mid-grey-2); --color-text-primary: #FFFFFF; --color-text-secondary: var(--color-mid-grey-5); --color-text-success: var(--color-su400); --color-text-title: var(--color-white); --color-text-transparent: var(--color-w070); --color-text-warning: var(--color-wa400); --color-title-basic-description: var(--color-mid-grey-5); --color-title-basic-icon-container-icon: #FFFFFFCC; --color-title-basic-text: var(--color-white); --color-title-inverse-background: var(--color-b000); --color-title-inverse-border: var(--color-b000); --color-title-inverse-description: var(--color-dark-grey-5); --color-title-inverse-icon-container-background: var(--color-b000); --color-title-inverse-icon-container-border: var(--color-b000); --color-title-inverse-icon-container-icon: #060E2ACC; --color-title-inverse-text: var(--color-dark-grey-0); --color-tooltip: var(--color-white); --color-tooltip-background: var(--color-dark-grey-4); --color-tooltip-text: var(--color-white); --color-user-menu-basic-background: var(--color-dark-grey-0); --color-user-menu-basic-description: var(--color-mid-grey-2); --color-user-menu-basic-email-text: var(--color-mid-grey-5); --color-user-menu-basic-header-bottom-border: var(--color-dark-grey-0); --color-user-menu-basic-header-text: var(--color-white); --color-user-menu-basic-list-background: var(--color-dark-grey-1); --color-user-menu-basic-progreses-background: #060e2a; --color-user-menu-basic-progress-icon: var(--color-mid-grey-5); --color-user-menu-basic-text: var(--color-light-grey-3); --color-user-menu-basic-title: var(--color-light-grey-3); --color-user-menu-basic-user-background-1: linear-gradient(139deg, #8236ff 12%, rgba(55, 126, 232, 0.00) 100%); --color-user-menu-basic-user-background-lower: var(--color-dark-grey-1); --color-user-menu-basic-value: var(--color-white); --color-user-menu-inverse-background: var(--color-white); --color-user-menu-inverse-border: var(--color-b000); --color-user-menu-inverse-content-border: var(--color-b000); --color-user-menu-inverse-description: var(--color-mid-grey-3); --color-user-menu-inverse-email-text: var(--color-dark-grey-5); --color-user-menu-inverse-header-bottom-border: var(--color-white); --color-user-menu-inverse-header-text: var(--color-dark-grey-0); --color-user-menu-inverse-list-background: var(--color-light-grey-5); --color-user-menu-inverse-progreses-background: #ffffff; --color-user-menu-inverse-progress-border: var(--color-b000); --color-user-menu-inverse-progress-icon: var(--color-mid-grey-3); --color-user-menu-inverse-text: var(--color-dark-grey-3); --color-user-menu-inverse-title: var(--color-dark-grey-3); --color-user-menu-inverse-user-background-1: linear-gradient(141deg, #8236ff 9.51%, rgba(55, 126, 232, 0.00) 100%); --color-user-menu-inverse-user-background-lower: var(--color-light-grey-5); --color-user-menu-inverse-value: var(--color-dark-grey-0); --color-vi050: #F3D4FF; --color-vi100: #E7AAFF; --color-vi200: #DC80FF; --color-vi300: #D055FF; --color-vi400: #B800FF; --color-vi500: #9900D5; --color-vi600: #7B00AA; --color-vi700: #5C0080; --color-vi800: #3D0055; --color-vi900: #1F002B; --color-w000: #FFFFFF00; --color-w002: #FFFFFF05; --color-w005: #FFFFFF0D; --color-w010: #FFFFFF1A; --color-w020: #FFFFFF33; --color-w030: #FFFFFF4D; --color-w040: #FFFFFF66; --color-w050: #FFFFFF80; --color-w060: #FFFFFF99; --color-w070: #FFFFFFB3; --color-w080: #FFFFFFCC; --color-w090: #FFFFFFE6; --color-wa050: #FDE2D3; --color-wa100: #FCC6A7; --color-wa200: #FAA97C; --color-wa300: #F88D50; --color-wa400: #F67024; --color-wa500: #E45809; --color-wa600: #BE4908; --color-wa700: #983B06; --color-wa800: #722C05; --color-wa900: #4C1D03; --color-white: #FFFFFF; --countdown-container-spacing-l: 4px; --countdown-container-spacing-m: 2px; --countdown-divider-dot-spacing-l: 8px; --countdown-divider-dot-spacing-m: 4px; --countdown-divider-line-width: 6px; --countdown-font-weight: 700; --countdown-item-border-radius-l: 8px; --countdown-item-border-radius-m: 6px; --countdown-item-border-size-l: 2px; --countdown-item-border-size-m: 2px; --countdown-item-expand-l: 0 8px; --countdown-item-expand-m: 0 4px; --countdown-item-size-3xs: 6px; --countdown-item-size-l: 44px; --countdown-item-size-m: 32px; --countdown-item-size-s: 10px; --countdown-item-size-xs: 9px; --countdown-item-size-xxs: 7px; --countdown-spacing-3xs: 4px; --countdown-spacing-l: 8px; --countdown-spacing-m: 4px; --countdown-spacing-s: 4px; --countdown-spacing-xs: 4px; --countdown-spacing-xxs: 4px; --counter-border-radius-l: 10px; --counter-border-radius-m: 8px; --counter-border-radius-s: 6px; --counter-border-radius-xl: 12px; --counter-border-radius-xs: 4px; --counter-border-size-l: 2px; --counter-border-size-m: 1px; --counter-border-size-s: 1px; --counter-border-size-xl: 2px; --counter-border-size-xs: 1px; --counter-content-size-l: 12px; --counter-content-size-m: 12px; --counter-content-size-s: 8px; --counter-content-size-xl: 16px; --counter-content-size-xs: 4px; --counter-expand-l: 4px; --counter-expand-m: 2px; --counter-expand-s: 2px; --counter-expand-xl: 4px; --counter-expand-xs: 4px; --counter-size-l: 20px; --counter-size-m: 16px; --counter-size-s: 12px; --counter-size-xl: 24px; --counter-size-xs: 8px; --dot-size-m: 4px; --dot-size-s: 2px; --dropdown-border-radius-m: 8px; --dropdown-border-radius-s: 6px; --dropdown-border-size-m: 2px; --dropdown-border-size-s: 2px; --dropdown-divider-description-expand-m: 0 16px; --dropdown-divider-description-expand-s: 0 12px; --dropdown-divider-expand-m: 8px 0; --dropdown-divider-expand-s: 6px 0; --dropdown-divider-spacing-m: 8px; --dropdown-divider-spacing-s: 6px; --dropdown-expand-m: 8px 0; --dropdown-expand-s: 6px 0; --dropdown-item-m-margin: 16px; --dropdown-item-s-icon-size: 20px; --dropdown-item-s-margin: 12px; --dropdown-row-content-height-m: 32px; --dropdown-row-content-height-s: 28px; --dropdown-row-content-spacing-m: 8px; --dropdown-row-content-spacing-s: 8px; --dropdown-row-expand-1-m: 0 0 0 46px; --dropdown-row-expand-1-s: 0 0 0 40px; --dropdown-row-expand-2-m: 0 0 0 76px; --dropdown-row-expand-2-s: 0 0 0 68px; --dropdown-row-expand-m: 8px 16px; --dropdown-row-expand-s: 6px 12px; --dropdown-row-icon-container-border-radius-m: 12px; --dropdown-row-icon-container-border-radius-s: 10px; --dropdown-row-icon-container-border-size-m: 1px; --dropdown-row-icon-container-border-size-s: 1px; --dropdown-row-icon-container-icon-size-m: 22px; --dropdown-row-icon-container-icon-size-s: 20px; --dropdown-row-text-container-spacing-m: 4px; --dropdown-row-text-container-spacing-s: 2px; --dropdown-tail-expand-m: 0 8px; --dropdown-tail-expand-s: 0 8px; --dropdown-tail-height-m: 16px; --dropdown-tail-height-s: 8px; --font-accordion-description: 500 14px/20px 'Montserrat'; --font-accordion-header: 600 14px/20px 'Montserrat'; --font-badge-text-l: 700 14px/20px 'Montserrat'; --font-badge-text-m: 700 12px/16px 'Montserrat'; --font-badge-text-s: 700 10px/14px 'Montserrat'; --font-badge-text-xs: 700 8px/8px 'Montserrat'; --font-body-bold-2xs: 700 8px/20px 'Montserrat'; --font-body-bold-l: 700 16px/24px 'Montserrat'; --font-body-bold-m: 700 14px/20px 'Montserrat'; --font-body-bold-s: 700 12px/20px 'Montserrat'; --font-body-bold-xl: 700 18px/28px 'Montserrat'; --font-body-bold-xs: 700 10px/20px 'Montserrat'; --font-body-regular-2xs: 500 8px/20px 'Montserrat'; --font-body-regular-l: 500 16px/24px 'Montserrat'; --font-body-regular-m: 500 14px/20px 'Montserrat'; --font-body-regular-s: 500 12px/20px 'Montserrat'; --font-body-regular-xl: 500 18px/28px 'Montserrat'; --font-body-regular-xs: 500 10px/20px 'Montserrat'; --font-body-semi-bold-2xs: 600 8px/20px 'Montserrat'; --font-body-semi-bold-l: 600 16px/24px 'Montserrat'; --font-body-semi-bold-m: 600 14px/20px 'Montserrat'; --font-body-semi-bold-s: 600 12px/20px 'Montserrat'; --font-body-semi-bold-xl: 600 18px/28px 'Montserrat'; --font-body-semi-bold-xs: 600 10px/20px 'Montserrat'; --font-button-store-description-l: 500 10px/12px 'Montserrat'; --font-button-store-description-m: 500 10px/12px 'Montserrat'; --font-button-store-text-l: 600 16px/20px 'Montserrat'; --font-button-store-text-m: 600 12px/18px 'Montserrat'; --font-button-text-l: 700 18px/24px 'Montserrat'; --font-button-text-m: 600 16px/20px 'Montserrat'; --font-button-text-s: 600 12px/16px 'Montserrat'; --font-calendar-day-text-m: 500 16px/24px 'Montserrat'; --font-calendar-day-text-s: 500 14px/24px 'Montserrat'; --font-calendar-holiday-text-m: 500 16px/24px 'Montserrat'; --font-calendar-holiday-text-s: 500 14px/20px 'Montserrat'; --font-calendar-today-text-m: 700 16px/24px 'Montserrat'; --font-calendar-today-text-s: 700 14px/20px 'Montserrat'; --font-calendar-week-text-m: 500 16px/24px 'Montserrat'; --font-calendar-week-text-s: 500 14px/20px 'Montserrat'; --font-countdown-description-l: 600 12px/20px 'Montserrat'; --font-countdown-description-m: 500 12px/20px 'Montserrat'; --font-countdown-text-3xs: 700 8px/8px 'Montserrat'; --font-countdown-text-l: 600 20px/28px 'Montserrat'; --font-countdown-text-m: 600 16px/24px 'Montserrat'; --font-countdown-text-s: 700 14px/20px 'Montserrat'; --font-countdown-text-xs: 700 12px/16px 'Montserrat'; --font-countdown-text-xxs: 700 10px/14px 'Montserrat'; --font-counter-text-l: 700 12px/12px 'Montserrat'; --font-counter-text-m: 700 10px/10px 'Montserrat'; --font-counter-text-s: 700 8px/8px 'Montserrat'; --font-counter-text-xl: 700 14px/14px 'Montserrat'; --font-dropdown-description-m: 500 10px/10px 'Montserrat'; --font-dropdown-description-s: 500 10px/10px 'Montserrat'; --font-dropdown-divider-description-m: 600 12px/12px 'Montserrat'; --font-dropdown-divider-description-m-transform: uppercase; --font-dropdown-divider-description-s: 600 10px/10px 'Montserrat'; --font-dropdown-divider-description-s-transform: uppercase; --font-dropdown-text-m: 500 16px/16px 'Montserrat'; --font-dropdown-text-s: 500 14px/14px 'Montserrat'; --font-footer-description: 500 12px/20px 'Montserrat'; --font-footer-menu-text: 500 12px/20px 'Montserrat'; --font-footer-subtitle: 600 14px/14px 'Montserrat'; --font-footer-text: 500 14px/14px 'Montserrat'; --font-footer-title: 600 18px/18px 'Montserrat'; --font-game-card-game-text: 950 14px/14px 'Montserrat'; --font-game-card-game-text-transform: uppercase; --font-game-card-like-text: 600 16px/24px 'Montserrat'; --font-game-card-live-text: 700 12px/20px 'Montserrat'; --font-game-card-provider-text: 700 8px/8px 'Montserrat'; --font-game-card-provider-text-transform: uppercase; --font-header-black-2xs: 900 16px/24px 'Montserrat'; --font-header-black-l: 900 28px/40px 'Montserrat'; --font-header-black-m: 900 24px/40px 'Montserrat'; --font-header-black-s: 900 20px/28px 'Montserrat'; --font-header-black-xl: 900 32px/40px 'Montserrat'; --font-header-black-xs: 900 18px/28px 'Montserrat'; --font-header-bold-2xs: 700 16px/24px 'Montserrat'; --font-header-bold-l: 700 28px/40px 'Montserrat'; --font-header-bold-m: 700 24px/40px 'Montserrat'; --font-header-bold-s: 700 20px/28px 'Montserrat'; --font-header-bold-xl: 700 32px/40px 'Montserrat'; --font-header-bold-xs: 700 18px/28px 'Montserrat'; --font-header-semi-bold-2xs: 600 16px/24px 'Montserrat'; --font-header-semi-bold-l: 600 28px/40px 'Montserrat'; --font-header-semi-bold-m: 600 24px/40px 'Montserrat'; --font-header-semi-bold-s: 600 20px/28px 'Montserrat'; --font-header-semi-bold-xl: 600 32px/40px 'Montserrat'; --font-header-semi-bold-xs: 600 18px/28px 'Montserrat'; --font-input-external-text-description: 500 12px/20px 'Montserrat'; --font-input-external-text-label: 600 16px/24px 'Montserrat'; --font-input-external-text-message: 500 12px/16px 'Montserrat'; --font-input-label-focus-l: 600 14px/14px 'Montserrat'; --font-input-label-focus-m: 600 12px/12px 'Montserrat'; --font-input-label-focus-s: 600 10px/10px 'Montserrat'; --font-input-label-l: 700 18px/24px 'Montserrat'; --font-input-label-m: 600 16px/20px 'Montserrat'; --font-input-label-s: 600 12px/16px 'Montserrat'; --font-input-placeholder-l: 700 18px/24px 'Montserrat'; --font-input-placeholder-m: 600 16px/20px 'Montserrat'; --font-input-placeholder-s: 600 12px/16px 'Montserrat'; --font-input-value-l: 700 18px/24px 'Montserrat'; --font-input-value-m: 600 16px/20px 'Montserrat'; --font-input-value-s: 600 12px/16px 'Montserrat'; --font-line-height-accordion-description: 20px; --font-line-height-accordion-header: 20px; --font-line-height-badge-text-l: 20px; --font-line-height-badge-text-m: 16px; --font-line-height-badge-text-s: 14px; --font-line-height-badge-text-xs: 8px; --font-line-height-body-2xs: 20px; --font-line-height-body-l: 24px; --font-line-height-body-m: 20px; --font-line-height-body-s: 20px; --font-line-height-body-xl: 28px; --font-line-height-body-xs: 20px; --font-line-height-button-store-description-l: 12px; --font-line-height-button-store-description-m: 12px; --font-line-height-button-store-text-l: 20px; --font-line-height-button-store-text-m: 18px; --font-line-height-button-text-l: 24px; --font-line-height-button-text-m: 20px; --font-line-height-button-text-s: 16px; --font-line-height-calendar-day-text-m: 24px; --font-line-height-calendar-day-text-s: 20px; --font-line-height-calendar-holiday-text-m: 24px; --font-line-height-calendar-holiday-text-s: 20px; --font-line-height-calendar-today-text-m: 24px; --font-line-height-calendar-today-text-s: 20px; --font-line-height-calendar-week-text-m: 24px; --font-line-height-calendar-week-text-s: 20px; --font-line-height-countdown-description-l: 20px; --font-line-height-countdown-description-m: 20px; --font-line-height-countdown-text-3xs: 8px; --font-line-height-countdown-text-l: 28px; --font-line-height-countdown-text-m: 24px; --font-line-height-countdown-text-s: 20px; --font-line-height-countdown-text-xs: 16px; --font-line-height-countdown-text-xxs: 14px; --font-line-height-counter-text-l: 12px; --font-line-height-counter-text-m: 10px; --font-line-height-counter-text-s: 8px; --font-line-height-counter-text-xl: 14px; --font-line-height-dropdown-description-m: 10px; --font-line-height-dropdown-description-s: 10px; --font-line-height-dropdown-divider-description-m: 12px; --font-line-height-dropdown-divider-description-s: 10px; --font-line-height-dropdown-text-m: 16px; --font-line-height-dropdown-text-s: 14px; --font-line-height-footer-description: 20px; --font-line-height-footer-menu-text: 20px; --font-line-height-footer-subtitle: 14px; --font-line-height-footer-text: 14px; --font-line-height-footer-title: 18px; --font-line-height-game-card-game-text: 14px; --font-line-height-game-card-like-text: 24px; --font-line-height-game-card-live-text: 20px; --font-line-height-game-card-provider-text: 8px; --font-line-height-header-2xs: 24px; --font-line-height-header-l: 40px; --font-line-height-header-m: 40px; --font-line-height-header-s: 28px; --font-line-height-header-xl: 40px; --font-line-height-header-xs: 28px; --font-line-height-input-external-text-description: 20px; --font-line-height-input-external-text-label: 24px; --font-line-height-input-external-text-message: 20px; --font-line-height-input-label-focus-l: 14px; --font-line-height-input-label-focus-m: 12px; --font-line-height-input-label-focus-s: 10px; --font-line-height-input-label-l: 24px; --font-line-height-input-label-m: 20px; --font-line-height-input-label-s: 16px; --font-line-height-input-placeholder-l: 24px; --font-line-height-input-placeholder-m: 20px; --font-line-height-input-placeholder-s: 16px; --font-line-height-input-value-l: 24px; --font-line-height-input-value-m: 20px; --font-line-height-input-value-s: 16px; --font-line-height-menu-top-amount-text: 20px; --font-line-height-message-description-l: 20px; --font-line-height-message-description-m: 20px; --font-line-height-message-description-s: 20px; --font-line-height-message-line-description-desktop: 20px; --font-line-height-message-line-description-mobile: 20px; --font-line-height-message-line-text-desktop: 20px; --font-line-height-message-line-text-mobile: 20px; --font-line-height-message-text-l: 24px; --font-line-height-message-text-m: 20px; --font-line-height-message-text-s: 20px; --font-line-height-modal-body-text-desktop: 40px; --font-line-height-modal-body-text-mobile: 28px; --font-line-height-modal-description-desktop: 24px; --font-line-height-modal-description-mobile: 20px; --font-line-height-modal-header-desktop: 28px; --font-line-height-modal-header-mobile: 24px; --font-line-height-modal-system-body-text-desktop: 40px; --font-line-height-modal-system-body-text-mobile: 28px; --font-line-height-modal-system-description-desktop: 24px; --font-line-height-modal-system-description-mobile: 20px; --font-line-height-navbar-text-desktop: 20px; --font-line-height-navbar-text-mobile: 16px; --font-line-height-pagination-text-m: 24px; --font-line-height-pagination-text-s: 20px; --font-line-height-progress-bar-text-l: 24px; --font-line-height-progress-bar-text-m: 16px; --font-line-height-progress-bar-text-s: 8px; --font-line-height-selector-external-text-description: 20px; --font-line-height-selector-external-text-label: 20px; --font-line-height-selector-external-text-message: 20px; --font-line-height-sidebar-card-description-l: 10px; --font-line-height-sidebar-card-description-m: 10px; --font-line-height-sidebar-card-description-s: 10px; --font-line-height-sidebar-card-text-l: 14px; --font-line-height-sidebar-card-text-m: 12px; --font-line-height-sidebar-card-text-s: 10px; --font-line-height-sidebar-list-header: 20px; --font-line-height-sidebar-list-text: 20px; --font-line-height-step-description-l: 20px; --font-line-height-step-description-m: 20px; --font-line-height-step-point-text-l: 20px; --font-line-height-step-text-l: 20px; --font-line-height-step-text-m: 12px; --font-line-height-tab-text-l: 24px; --font-line-height-tab-text-m: 20px; --font-line-height-tab-text-s: 16px; --font-line-height-table-header: 16px; --font-line-height-table-modal-description: 14px; --font-line-height-table-modal-text: 14px; --font-line-height-table-modal-value: 20px; --font-line-height-table-text: 20px; --font-line-height-tag-text-m: 16px; --font-line-height-tag-text-s: 16px; --font-line-height-title-block-description-desktop: 24px; --font-line-height-title-block-description-mobile: 20px; --font-line-height-title-block-text-desktop: 28px; --font-line-height-title-block-text-mobile: 20px; --font-line-height-title-card-description-desktop: 20px; --font-line-height-title-card-description-mobile: 20px; --font-line-height-title-card-text-desktop: 24px; --font-line-height-title-card-text-mobile: 20px; --font-line-height-tooltip-text: 20px; --font-line-height-user-menu-description: 16px; --font-line-height-user-menu-email-text: 16px; --font-line-height-user-menu-header: 24px; --font-line-height-user-menu-text: 16px; --font-line-height-user-menu-title: 18px; --font-line-height-user-menu-value: 16px; --font-menu-top-amount-text: 700 12px/20px 'Montserrat'; --font-message-description-l: 500 14px/20px 'Montserrat'; --font-message-description-m: 500 12px/20px 'Montserrat'; --font-message-description-s: 500 10px/20px 'Montserrat'; --font-message-line-description-desktop: 500 12px/20px 'Montserrat'; --font-message-line-description-mobile: 500 12px/20px 'Montserrat'; --font-message-line-text-desktop: 700 14px/20px 'Montserrat'; --font-message-line-text-mobile: 700 14px/20px 'Montserrat'; --font-message-text-l: 700 16px/24px 'Montserrat'; --font-message-text-m: 700 14px/20px 'Montserrat'; --font-message-text-s: 700 12px/20px 'Montserrat'; --font-modal-body-text-desktop: 600 24px/40px 'Montserrat'; --font-modal-body-text-mobile: 600 20px/28px 'Montserrat'; --font-modal-description-desktop: 500 16px/24px 'Montserrat'; --font-modal-description-mobile: 500 14px/20px 'Montserrat'; --font-modal-header-desktop: 700 18px/28px 'Montserrat'; --font-modal-header-mobile: 700 16px/24px 'Montserrat'; --font-navbar-text-desktop: 500 14px/20px 'Montserrat'; --font-navbar-text-mobile: 600 10px/16px 'Montserrat'; --font-pagination-text-m: 500 16px/24px 'Montserrat'; --font-pagination-text-s: 500 14px/20px 'Montserrat'; --font-paragraph-spacing-accordion-description: 14px; --font-paragraph-spacing-body-2xs: 14px; --font-paragraph-spacing-body-l: 14px; --font-paragraph-spacing-body-m: 14px; --font-paragraph-spacing-body-s: 14px; --font-paragraph-spacing-body-xl: 14px; --font-paragraph-spacing-body-xs: 14px; --font-paragraph-spacing-footer-description: 14px; --font-paragraph-spacing-modal-description-desktop: 14px; --font-paragraph-spacing-modal-description-mobile: 14px; --font-paragraph-spacing-modal-system-description-desktop: 14px; --font-paragraph-spacing-modal-system-description-mobile: 14px; --font-progress-bar-text-l: 700 16px/24px 'Montserrat'; --font-progress-bar-text-m: 600 12px/16px 'Montserrat'; --font-progress-bar-text-s: 600 8px/8px 'Montserrat'; --font-selector-external-text-description: 500 12px/20px 'Montserrat'; --font-selector-external-text-label: 500 14px/20px 'Montserrat'; --font-selector-external-text-message: 500 12px/20px 'Montserrat'; --font-sidebar-card-description-l: 500 10px/10px 'Montserrat'; --font-sidebar-card-description-m: 500 10px/10px 'Montserrat'; --font-sidebar-card-description-s: 500 10px/10px 'Montserrat'; --font-sidebar-card-text-l: 700 14px/14px 'Montserrat'; --font-sidebar-card-text-m: 700 12px/12px 'Montserrat'; --font-sidebar-card-text-s: 700 10px/10px 'Montserrat'; --font-sidebar-list-header: 500 14px/20px 'Montserrat'; --font-sidebar-list-text: 500 14px/20px 'Montserrat'; --font-size-body-2xs: 8px; --font-size-body-l: 16px; --font-size-body-m: 14px; --font-size-body-s: 12px; --font-size-body-xl: 18px; --font-size-body-xs: 10px; --font-size-dropdown-divider-description-m: 12px; --font-size-dropdown-divider-description-s: 10px; --font-size-header-2xs: 16px; --font-size-header-l: 28px; --font-size-header-m: 24px; --font-size-header-s: 20px; --font-size-header-xl: 32px; --font-size-header-xs: 18px; --font-size-modal-system-body-text-desktop: 24px; --font-size-modal-system-body-text-mobile: 20px; --font-size-modal-system-description-desktop: 16px; --font-size-modal-system-description-mobile: 14px; --font-step-description-l: 500 10px/20px 'Montserrat'; --font-step-description-m: 500 10px/20px 'Montserrat'; --font-step-point-text-l: 700 12px/20px 'Montserrat'; --font-step-text-l: 500 14px/20px 'Montserrat'; --font-step-text-m: 500 12px/12px 'Montserrat'; --font-tab-text-l: 600 18px/24px 'Montserrat'; --font-tab-text-m: 600 16px/20px 'Montserrat'; --font-tab-text-s: 600 12px/16px 'Montserrat'; --font-table-header: 700 12px/16px 'Montserrat'; --font-table-modal-description: 500 12px/14px 'Montserrat'; --font-table-modal-text: 600 14px/14px 'Montserrat'; --font-table-modal-value: 700 14px/20px 'Montserrat'; --font-table-text: 600 14px/20px 'Montserrat'; --font-tag-text-m: 600 14px/16px 'Montserrat'; --font-tag-text-s: 600 12px/16px 'Montserrat'; --font-title-block-description-desktop: 500 16px/24px 'Montserrat'; --font-title-block-description-mobile: 500 14px/20px 'Montserrat'; --font-title-block-text-desktop: 700 28px/28px 'Montserrat'; --font-title-block-text-mobile: 600 20px/20px 'Montserrat'; --font-title-card-description-desktop: 500 12px/20px 'Montserrat'; --font-title-card-description-mobile: 500 10px/20px 'Montserrat'; --font-title-card-text-desktop: 700 16px/24px 'Montserrat'; --font-title-card-text-mobile: 700 14px/20px 'Montserrat'; --font-tooltip-text: 600 14px/20px 'Montserrat'; --font-user-menu-description: 500 10px/16px 'Montserrat'; --font-user-menu-email-text: 500 10px/16px 'Montserrat'; --font-user-menu-header: 700 20px/24px 'Montserrat'; --font-user-menu-text: 500 10px/16px 'Montserrat'; --font-user-menu-title: 500 12px/18px 'Montserrat'; --font-user-menu-value: 700 10px/16px 'Montserrat'; --font-weight-black: 900; --font-weight-bold: 700; --font-weight-dropdown-divider-description-m: 600; --font-weight-dropdown-divider-description-s: 600; --font-weight-extra-bold: 800; --font-weight-light: 300; --font-weight-modal-system-body-text-desktop: 600; --font-weight-modal-system-body-text-mobile: 600; --font-weight-modal-system-description-desktop: 500; --font-weight-modal-system-description-mobile: 500; --font-weight-regular: 500; --font-weight-semi-bold: 600; --footer-border-size: 2px; --footer-bottom-block-element-spacing: 16px; --footer-bottom-block-horizontal-spacing: 24px; --footer-bottom-block-license-text-spacing: 12px; --footer-bottom-block-vertical-spacing: 16px; --footer-bottom-expand-desktop: 24px; --footer-bottom-expand-mobile: 16px; --footer-payment-card-border-size: 2px; --footer-payment-card-icon-height: 56px; --footer-payment-card-icon-width: 87px; --footer-payment-container-border-radius: 6px; --footer-payment-container-border-size: 2px; --footer-payment-container-height-expand-desktop: 6px; --footer-payment-container-height-expand-mobile: 6px; --footer-payment-container-width-expand-desktop: 40px; --footer-payment-container-width-expand-mobile: 16px; --footer-spacing-desktop: 32px; --footer-spacing-mobile: 32px; --footer-top-block-content-spacing: 24px; --footer-top-block-element-spacing: 8px; --footer-top-block-list-spacing: 12px; --footer-top-block-social-icon-size: 32px; --footer-top-expand-desktop: 24px; --footer-top-expand-mobile: 16px; --fullscreen-modal-border-pill: 1000px; --fullscreen-modal-desktop-inner: 4px; --fullscreen-modal-desktop-margin: 24px; --fullscreen-modal-mobile-border-radius: 16px; --fullscreen-modal-mobile-inner: 4px; --fullscreen-modal-mobile-margin: 16px; --game-card-border-radius: 12px; --game-card-border-size: 2px; --game-card-footer-bottom-expand: 4px; --game-card-footer-spacing: 2px; --game-card-footer-top-expand: 4px; --game-card-footer-width-expand: 8px; --game-card-header-horizontal-spacing: 4px; --game-card-header-icon-size: 24px; --game-card-header-top-expand: 8px; --game-card-header-vertical-spacing: 4px; --game-card-header-width-expand: 8px; --game-card-like-border-size: 2px; --game-card-like-icon-size: 24px; --game-card-like-text-width-expand: 2px; --game-card-live-border-radius: 8px; --game-card-live-expand: 2px; --game-card-live-item-dot-size: 2px; --game-card-live-item-expand: 4px; --game-card-live-item-group-border-radius: 6px; --game-card-live-item-height: 20px; --game-card-live-item-icon-size: 12px; --game-card-live-item-min-width: 20px; --game-card-live-item-spacing: 2px; --game-card-max-height: 300px; --game-card-max-width: 240px; --game-card-min-height: 100px; --game-card-min-width: 80px; --game-card-overlay-background-blur: 8px; --game-card-overlay-icon-size: 40px; --game-card-overlay-top-expand: 16px; --game-card-title-border-radius: 8px; --game-card-title-bottom-expand: 4px; --game-card-title-spacing: 4px; --game-card-title-top-expand: 4px; --game-card-title-width-expand: 4px; --gradient-black-bottom: linear-gradient(180deg, #00000000 0%, #000000e6 100%); --gradient-black-left: linear-gradient(270deg, #00000000 0%, #000000e6 100%); --gradient-black-right: linear-gradient(90deg, #00000000 0%, #000000e6 100%); --gradient-black-top: linear-gradient(180deg, #000000e6 0%, #00000000 100%); --gradient-bronze: linear-gradient(93deg, #1b2a64 0%, #291f61 23.47%, #5c2559 46.35%, #772d4f 75.18%, #5a2062 99.48%); --gradient-danger-accent: transparent; --gradient-dark-blue: linear-gradient(92deg, #501091 0%, #3831a4 49.76%, #213a96 100%); --gradient-dark-grey-0-bottom: linear-gradient(360deg, #191636ff 0%, #19163600 100%); --gradient-dark-grey-0-left: linear-gradient(90deg, #191636ff 0%, #19163600 100%); --gradient-dark-grey-0-right: linear-gradient(270deg, #191636ff 0%, #19163600 100%); --gradient-dark-grey-0-top: linear-gradient(180deg, #191636ff 0%, #19163600 100%); --gradient-dark-grey-1-bottom: linear-gradient(360deg, #1f1c42ff 0%, #1f1c4200 100%); --gradient-dark-grey-1-left: linear-gradient(90deg, #1f1c42ff 0%, #1f1c4200 100%); --gradient-dark-grey-1-right: linear-gradient(270deg, #1f1c42ff 0%, #1f1c4200 100%); --gradient-dark-grey-1-top: linear-gradient(180deg, #1f1c42ff 0%, #1f1c4200 100%); --gradient-dark-grey-2-bottom: linear-gradient(360deg, #25224eff 0%, #25224e00 100%); --gradient-dark-grey-2-left: linear-gradient(90deg, #25224eff 0%, #25224e00 100%); --gradient-dark-grey-2-right: linear-gradient(270deg, #25224eff 0%, #25224e00 100%); --gradient-dark-grey-2-top: linear-gradient(180deg, #25224eff 0%, #25224e00 100%); --gradient-dark-grey-3-bottom: linear-gradient(360deg, #2c295bff 0%, #2c295b00 100%); --gradient-dark-grey-3-left: linear-gradient(90deg, #2c295bff 0%, #2c295b00 100%); --gradient-dark-grey-3-right: linear-gradient(270deg, #2c295bff 0%, #2c295b00 100%); --gradient-dark-grey-3-top: linear-gradient(180deg, #2c295bff 0%, #2c295b00 100%); --gradient-default-top: transparent; --gradient-pink-blue: linear-gradient(93deg, #0d6efd 0%, #3c0dfd 23.47%, #840dfd 46.35%, #cc0dfd 75.18%, #fd0de6 99.48%); --gradient-primary-accent: transparent; --gradient-primary-bottom: linear-gradient(360deg, #05a30bff 0%, #05a30b00 100%); --gradient-primary-left: linear-gradient(90deg, #05a30bff 0%, #05a30b00 100%); --gradient-primary-right: linear-gradient(270deg, #05a30bff 0%, #05a30b00 100%); --gradient-primary-top: linear-gradient(180deg, #05a30bff 0%, #05a30b00 100%); --gradient-rose-accent: transparent; --gradient-secondary-accent: transparent; --gradient-success-accent: transparent; --header-black-weight: 900; --header-bold-weight: 700; --header-semi-bold-weight: 600; --header-text-transform: ; --icon-checkmark: "m8.5 16.586-3.793-3.793a1 1 0 0 0-1.414 1.414l4.5 4.5a1 1 0 0 0 1.414 0l11-11a1 1 0 0 0-1.414-1.414z"; --icon-checkmark-outline: "M8.685 18.251c-.19 0-.36-.07-.5-.21l-4.48-4.48a.706.706 0 0 1 0-.99c.27-.27.72-.27.99 0l3.99 3.99 10.62-10.61c.27-.27.72-.27.99 0s.27.72 0 .99l-11.12 11.11c-.13.13-.31.2-.49.2"; --icon-dismiss: "m4.21 4.387.083-.094a1 1 0 0 1 1.32-.083l.094.083L12 10.585l6.293-6.292a1 1 0 1 1 1.414 1.414L13.415 12l6.292 6.293a1 1 0 0 1 .083 1.32l-.083.094a1 1 0 0 1-1.32.083l-.094-.083L12 13.415l-6.293 6.292a1 1 0 0 1-1.414-1.414L10.585 12 4.293 5.707a1 1 0 0 1-.083-1.32l.083-.094z"; --icon-dismiss-outline: "m4.397 4.554.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 10.939l6.47-6.47a.75.75 0 1 1 1.06 1.061L13.061 12l6.47 6.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 13.061l-6.47 6.47a.75.75 0 0 1-1.06-1.061L10.939 12l-6.47-6.47a.75.75 0 0 1-.072-.976l.073-.084z"; --icon-search: "M10.111 2a8.114 8.114 0 0 1 8.112 8.111c0 1.85-.617 3.558-1.666 4.921l5.127 5.126a1.077 1.077 0 0 1 0 1.525c-.39.39-1.006.422-1.428.087l-.097-.087-5.127-5.126a8.04 8.04 0 0 1-4.92 1.665A8.114 8.114 0 0 1 2 10.112 8.114 8.114 0 0 1 10.111 2m0 2.163a5.945 5.945 0 0 0-5.948 5.948 5.945 5.945 0 0 0 5.948 5.948 5.945 5.945 0 0 0 5.949-5.948 5.945 5.945 0 0 0-5.949-5.948"; --icon-size: 22px; --icon-subtract: "M3.997 13H20a1 1 0 1 0 0-2H3.997a1 1 0 1 0 0 2"; --illumination-1: 0px 1px 2px 0px #05a30b52, 0px 0px 1px 0px #05a30b52; --illumination-2: 0px 4px 8px 0px #05a30b52, 0px 0px 1px 0px #05a30b52; --illumination-3: 0px 8px 16px 0px #05a30b3d, 0px 0px 1px 0px #05a30b52; --illumination-4: 0px 12px 24px 0px #05a30b3d, 0px 0px 1px 0px #05a30b52; --illumination-5: 0px 24px 32px 0px #05a30b3d, 0px 0px 1px 0px #05a30b52; --illumination-6: 0px 40px 64px 0px #05a30b3d, 0px 0px 1px 0px #05a30b52; --info-icon-radius: 50%; --info-icon-scale: 50%; --info-l-font: var(--font-header-semi-bold-l); --info-l-icon-gap: var(--num-spacing-m24); --info-l-icon-size: 60px; --info-l-mobile-font: var(--font-header-semi-bold-s); --info-l-mobile-title-gap: var(--num-spacing-m8); --info-l-title-gap: var(--num-spacing-m16); --input-accent-background: var(--color-dark-grey-2); --input-background: var(--color-form-input-background); --input-border-color: var(--input-background); --input-border-color-dark: var(--color-dark-grey-0); --input-border-color-dark-accent: var(--color-dark-grey-5); --input-border-color-disabled: var(--input-background); --input-border-fixed-width: var(--input-border-width); --input-border-radius-l: 8px; --input-border-radius-m: 8px; --input-border-radius-s: 6px; --input-border-size-l: 1px; --input-border-size-m: 1px; --input-border-size-s: 1px; --input-border-width: 2px; --input-button-icon-border-radius-l: 12px; --input-button-icon-border-radius-m: 10px; --input-button-icon-border-radius-s: 8px; --input-button-icon-border-size-l: 1px; --input-button-icon-border-size-m: 1px; --input-button-icon-border-size-s: 1px; --input-button-icon-icon-size-l: 24px; --input-button-icon-icon-size-m: 20px; --input-button-icon-icon-size-s: 16px; --input-content-spacing-l: 6px; --input-content-spacing-m: 6px; --input-content-spacing-s: 4px; --input-external-text-horizontal-spaсing: 4px; --input-external-text-icon-size: 16px; --input-external-text-vertical-spaсing: 4px; --input-font-size-l: 14px; --input-font-size-m: 14px; --input-font-weight: 600; --input-gradient-content: ""; --input-height-l: 56px; --input-height-m: 44px; --input-height-s: 32px; --input-icon-container-border-radius-l: 14px; --input-icon-container-border-radius-m: 12px; --input-icon-container-border-radius-s: 10px; --input-icon-container-border-size-l: 1px; --input-icon-container-border-size-m: 1px; --input-icon-container-border-size-s: 1px; --input-icon-container-icon-size-l: 28px; --input-icon-container-icon-size-m: 24px; --input-icon-container-icon-size-s: 20px; --input-icon-opacity: 1; --input-l-border-radius: 8px; --input-l-height: 48px; --input-l-icon-size: 24px; --input-l-label-transform: translateY(-10px) scale(.8); --input-l-width-expand: 13.5px; --input-m-border-radius: 8px; --input-m-height: 44px; --input-m-icon-size: 16px; --input-m-label-transform: translateY(-10px) scale(.8); --input-m-width-expand: 13px; --input-margin-top: 12px; --input-multy-spacing: 8px; --input-outline: transparent; --input-outside-border-size-l: 2px; --input-outside-border-size-m: 2px; --input-outside-border-size-s: 2px; --input-radius: 8px; --input-s-border-radius: 6px; --input-s-height: 36px; --input-s-icon-size: 20px; --input-s-label-transform: translateY(-10px) scale(.8); --input-s-width-expand: 10.5px; --input-text-container-vertical-spacing-l: 2px; --input-text-container-width-expand-l: 4px; --input-text-container-width-expand-m: 4px; --input-text-container-width-expand-s: 4px; --input-width-expand-l: 12px; --input-width-expand-m: 10px; --input-width-expand-s: 8px; --line-size-m: 2px; --line-size-s: 1px; --margin-2xl: 32px; --margin-2xs: 6px; --margin-3xl: 40px; --margin-3xs: 4px; --margin-4xl: 48px; --margin-4xs: 2px; --margin-5xl: 56px; --margin-l: 20px; --margin-m: 16px; --margin-s: 12px; --margin-xl: 24px; --margin-xs: 8px; --menu-amount-button-top-expand: 4px 6px; --menu-bottom-border-size: 1px; --menu-bottom-bottom-expand: 8px; --menu-bottom-buttons-container-expand: 16px; --menu-bottom-buttons-container-spacing: 8px; --menu-bottom-top-expand: 8px; --menu-bottom-width-expand: 16px; --menu-top-amount-border-radius: 16px; --menu-top-amount-border-size: 2px; --menu-top-amount-height-expand: 4px; --menu-top-amount-outside-border-size: 2px; --menu-top-amount-text-container-width-expand: 6px; --menu-top-amount-width-expand: 4px; --menu-top-border-size: 2px; --menu-top-bottom-expand-desktop: 16px; --menu-top-bottom-expand-mobile: 12px; --menu-top-icon-size: 24px; --menu-top-spacing-desktop: 16px; --menu-top-spacing-mobile: 8px; --menu-top-top-expand-desktop: 16px; --menu-top-top-expand-mobile: 12px; --menu-top-user-bar-spacing-desktop: 8px; --menu-top-user-bar-spacing-mobile: 4px; --menu-top-width-expand-desktop: 16px; --menu-top-width-expand-mobile: 16px; --message-border-radius-l: 8px; --message-border-radius-m: 8px; --message-border-radius-s: 8px; --message-border-size-l: 2px; --message-border-size-m: 2px; --message-border-size-s: 2px; --message-buttons-group-expand-l: 0 32px; --message-buttons-group-expand-m: 0 30px; --message-buttons-group-expand-s: 0 28px; --message-content-min-height-l: 24px; --message-content-min-height-m: 22px; --message-content-min-height-s: 20px; --message-expand-l: 12px; --message-expand-m: 10px; --message-expand-s: 8px; --message-horizontal-spacing-l: 8px; --message-horizontal-spacing-m: 8px; --message-horizontal-spacing-s: 8px; --message-icon-container-border-radius-l: 12px; --message-icon-container-border-radius-m: 12px; --message-icon-container-border-radius-s: 10px; --message-icon-container-border-size-l: 1px; --message-icon-container-border-size-m: 1px; --message-icon-container-border-size-s: 1px; --message-icon-container-icon-size-l: 24px; --message-icon-container-icon-size-m: 22px; --message-icon-container-icon-size-s: 20px; --message-line-border-size-desktop: 2px; --message-line-border-size-mobile: 2px; --message-line-content-min-height-desktop: 20px; --message-line-content-min-height-mobile: 20px; --message-line-cookies-expand-desktop: 12px 16px; --message-line-cookies-expand-mobile: 8px 16px; --message-line-cookies-spacing-desktop: 16px; --message-line-cookies-spacing-mobile: 8px; --message-line-expand-desktop: 4px 16px; --message-line-expand-mobile: 4px 8px; --message-line-icon-container-border-radius-desktop: 10px; --message-line-icon-container-border-radius-mobile: 10px; --message-line-icon-container-border-size-desktop: 1px; --message-line-icon-container-border-size-mobile: 1px; --message-line-icon-container-icon-size-desktop: 20px; --message-line-icon-container-icon-size-mobile: 20px; --message-line-spacing-desktop: 8px; --message-line-spacing-mobile: 8px; --message-line-text-container-spacing-desktop: 6px; --message-text-container-expand-m: 1px 0 0 0; --message-text-container-spacing-l: 4px; --message-text-container-spacing-m: 2px; --message-vertical-spacing-l: 12px; --message-vertical-spacing-m: 10px; --message-vertical-spacing-s: 8px; --modal-backdrop-filter: unset; --modal-body-button-close-expand-desktop: 16px 0 0 0; --modal-body-button-close-expand-mobile: 10px 0 0 0; --modal-body-content-bottom-expand-desktop: 24px; --modal-body-content-bottom-expand-mobile: 16px; --modal-body-content-spacing-desktop: 24px; --modal-body-content-spacing-mobile: 24px; --modal-body-content-top-expand-desktop: 8px; --modal-body-content-top-expand-mobile: 8px; --modal-body-form-spacing-desktop: 16px; --modal-body-form-spacing-mobile: 16px; --modal-body-status-border-radius-desktop: 32px; --modal-body-status-border-radius-mobile: 32px; --modal-body-status-border-size-desktop: 1px; --modal-body-status-border-size-mobile: 1px; --modal-body-status-icon-size-desktop: 32px; --modal-body-status-icon-size-mobile: 32px; --modal-body-status-size-desktop: 64px; --modal-body-status-size-mobile: 64px; --modal-body-text-container-spacing-desktop: 16px; --modal-body-text-container-spacing-mobile: 8px; --modal-body-width-expand-desktop: 24px; --modal-body-width-expand-mobile: 16px; --modal-border-radius-desktop: 16px; --modal-border-radius-mobile: 16px; --modal-border-size-desktop: 2px; --modal-border-size-mobile: 2px; --modal-bottom-expand-desktop: 24px; --modal-bottom-expand-mobile: 16px; --modal-desktop-border-radius: 16px; --modal-desktop-inner: 4px; --modal-desktop-margin: 24px; --modal-desktop-outer-bottom-left: 16px; --modal-desktop-outer-bottom-right: 16px; --modal-desktop-outer-top-left: 16px; --modal-desktop-outer-top-right: 16px; --modal-footer-horizontal-spacing-desktop: 8px; --modal-footer-horizontal-spacing-mobile: 8px; --modal-footer-vertical-spacing-desktop: 8px; --modal-footer-vertical-spacing-mobile: 8px; --modal-fullscreen-desktop-margin: 24px; --modal-fullscreen-mobile-margin: 16px; --modal-header-align: center; --modal-header-border-width: 1px; --modal-header-font: var(--font-body-bold-l); --modal-header-height: 64px; --modal-header-horizontal-spacing-desktop: 12px; --modal-header-horizontal-spacing-mobile: 8px; --modal-header-min-height-desktop: 64px; --modal-header-min-height-mobile: 52px; --modal-header-padding-left: 0; --modal-header-padding-right: 24px; --modal-header-padding-top: 16px; --modal-mobile-border-radius: 16px; --modal-mobile-inner: 4px; --modal-mobile-margin: 16px; --modal-mobile-outer-bottom-left: 16px; --modal-mobile-outer-bottom-right: 16px; --modal-mobile-outer-top-left: 16px; --modal-mobile-outer-top-right: 16px; --modal-system-body-button-close-expand-desktop: 16px 0 0 0; --modal-system-body-button-close-expand-mobile: 10px 0 0 0; --modal-system-body-content-bottom-expand-desktop: 24px; --modal-system-body-content-bottom-expand-mobile: 16px; --modal-system-body-content-spacing-desktop: 24px; --modal-system-body-content-spacing-mobile: 24px; --modal-system-body-content-top-expand-desktop: 8px; --modal-system-body-content-top-expand-mobile: 8px; --modal-system-body-status-border-radius-desktop: 32px; --modal-system-body-status-border-radius-mobile: 32px; --modal-system-body-status-border-size-desktop: 1px; --modal-system-body-status-border-size-mobile: 1px; --modal-system-body-status-icon-size-desktop: 32px; --modal-system-body-status-icon-size-mobile: 32px; --modal-system-body-status-size-desktop: 64px; --modal-system-body-status-size-mobile: 64px; --modal-system-body-text-container-spacing-desktop: 16px; --modal-system-body-text-container-spacing-mobile: 8px; --modal-system-body-width-expand-desktop: 24px; --modal-system-body-width-expand-mobile: 16px; --modal-system-border-radius-desktop: 16px; --modal-system-border-radius-mobile: 16px; --modal-system-border-size-desktop: 1px; --modal-system-border-size-mobile: 1px; --modal-system-bottom-expand-desktop: 24px; --modal-system-bottom-expand-mobile: 16px; --modal-system-footer-horizontal-spacing-desktop: 8px; --modal-system-footer-horizontal-spacing-mobile: 8px; --modal-system-footer-vertical-spacing-desktop: 8px; --modal-system-footer-vertical-spacing-mobile: 8px; --modal-system-top-expand-desktop: 24px; --modal-system-top-expand-mobile: 16px; --modal-system-width-expand-desktop: 24px; --modal-system-width-expand-mobile: 16px; --modal-top-expand-desktop: 24px; --modal-top-expand-mobile: 16px; --modal-width-expand-desktop: 24px; --modal-width-expand-mobile: 16px; --navbar-content-height-desktop: 20px; --navbar-dropdown-width-desktop: 200px; --navbar-expand-desktop: 2px 4px; --navbar-icon-container-border-radius-desktop: 8px; --navbar-icon-container-border-radius-mobile: 12px; --navbar-icon-container-border-size-desktop: 1px; --navbar-icon-container-border-size-mobile: 1px; --navbar-icon-container-icon-size-desktop: 16px; --navbar-icon-container-icon-size-mobile: 24px; --navbar-menu-spacing: 8px; --navbar-spacing-desktop: 4px; --navbar-width-mobile: 48px; --num-breakpoints-max-width: 1280px; --num-breakpoints-min-width: 360px; --num-radius-pill: 1000px; --num-radius-r10: 10px; --num-radius-r12: 12px; --num-radius-r14: 14px; --num-radius-r16: 16px; --num-radius-r2: 2px; --num-radius-r20: 20px; --num-radius-r22: 22px; --num-radius-r24: 24px; --num-radius-r28: 28px; --num-radius-r32: 32px; --num-radius-r4: 4px; --num-radius-r6: 6px; --num-radius-r8: 8px; --num-spacing-m10: 10px; --num-spacing-m12: 12px; --num-spacing-m14: 14px; --num-spacing-m16: 16px; --num-spacing-m18: 18px; --num-spacing-m2: 2px; --num-spacing-m20: 20px; --num-spacing-m22: 22px; --num-spacing-m24: 24px; --num-spacing-m26: 26px; --num-spacing-m28: 28px; --num-spacing-m30: 30px; --num-spacing-m32: 32px; --num-spacing-m4: 4px; --num-spacing-m40: 40px; --num-spacing-m44: 44px; --num-spacing-m48: 48px; --num-spacing-m52: 52px; --num-spacing-m56: 56px; --num-spacing-m58: 58px; --num-spacing-m6: 6px; --num-spacing-m64: 64px; --num-spacing-m8: 8px; --num-stroke-border: 2px; --num-stroke-hr: 1px; --pagination-border-pill: 1000px; --pagination-button-border-radius-m: 8px; --pagination-button-border-radius-s: 8px; --pagination-button-border-size-m: 2px; --pagination-button-border-size-s: 2px; --pagination-button-content-size-m: 24px; --pagination-button-content-size-s: 20px; --pagination-button-expand-m: 8px; --pagination-button-expand-s: 6px; --pagination-l-border-radius: 8px; --pagination-m-border-radius: 8px; --pagination-m-expand: 0 8px; --pagination-s-border-radius: 8px; --pagination-s-expand: 0 6px; --pagination-spacing-m: 4px; --pagination-spacing-s: 4px; --pagination-xs-border-radius: 6px; --pagination-xs-expand: 0 4px; --preloader-icon-size-l: 56px; --preloader-icon-size-m: 40px; --preloader-icon-size-s: 24px; --progress-bar-border-radius-l: 12px; --progress-bar-border-radius-m: 8px; --progress-bar-border-radius-s: 4px; --progress-bar-border-size-l: 2px; --progress-bar-border-size-m: 2px; --progress-bar-border-size-s: 2px; --progress-bar-divider-border-radius: 1px; --progress-bar-divider-height-l: 16px; --progress-bar-divider-height-m: 8px; --progress-bar-divider-height-s: 2px; --progress-bar-divider-vertical-spacing-l: 20px; --progress-bar-divider-vertical-spacing-m: 20px; --progress-bar-divider-vertical-spacing-s: 20px; --progress-bar-divider-width: 1px; --progress-bar-progress-border-radius-l: 12px; --progress-bar-progress-border-radius-m: 8px; --progress-bar-progress-border-radius-s: 4px; --progress-bar-progress-height-l: 24px; --progress-bar-progress-height-m: 16px; --progress-bar-progress-height-s: 8px; --progress-bar-text-container-expand-l: 0 8px; --progress-bar-text-container-expand-m: 0 6px; --progress-bar-text-container-expand-s: 0 2px; --progress-border-radius-lined-outer: 1000px; --progress-border-radius-m: 1000px; --progress-border-radius-s: 1000px; --progress-l-background-border-radius: 1000px; --progress-l-height: 24px; --progress-l-progress-border-radius: 1000px; --progress-m-background-border-radius: 1000px; --progress-m-height: 16px; --progress-m-progress-border-radius: 1000px; --progress-round-border-size: 12px; --progress-s-background-border-radius: 1000px; --progress-s-height: 8px; --progress-s-progress-border-radius: 1000px; --radio-button-l-icon-size: 16px; --radio-button-m-border-radius: 1000px; --radio-button-m-icon-size: 12px; --radio-button-m-margin: 4px; --radio-button-s-border-radius: 1000px; --radio-button-s-icon-size: 8px; --radio-button-s-margin: 4px; --radio-radius-l: 1000px; --radio-radius-m: 1000px; --radio-radius-s: 1000px; --radio-ripple-color: var(--color-button-primary); --scrollbar-border-radius: 2px; --scrollbar-container-size: 8px; --scrollbar-size: 4px; --section-padding-l: 16px; --section-padding-m: 16px; --section-width: 1400px; --segment-border-color-outline: var(--color-dark-grey-4); --segment-border-offset: -2px; --segment-border-width: 2px; --segment-l-line-height: 150%; --segment-m-line-height: 150%; --segment-radius-l: 1000px; --segment-radius-m: 1000px; --segment-radius-outline: 1002px; --segment-radius-s: 1000px; --segment-s-line-height: 160%; --select-empty-display: none; --selector-border-size-m: 2px; --selector-border-size-s: 2px; --selector-checkbox-border-radius-m: 6px; --selector-checkbox-border-radius-s: 4px; --selector-checkbox-expand-m: 2px; --selector-checkbox-expand-s: 2px; --selector-checkbox-icon-size-m: 16px; --selector-checkbox-icon-size-s: 12px; --selector-external-text-horizontal-spacing: 8px; --selector-outside-border-size-m: 2px; --selector-outside-border-size-s: 2px; --selector-radiobutton-border-radius-m: 10px; --selector-radiobutton-border-radius-s: 8px; --selector-radiobutton-expand-m: 4px; --selector-radiobutton-expand-s: 4px; --selector-radiobutton-radio-border-radius-m: 6px; --selector-radiobutton-radio-border-radius-s: 4px; --selector-radiobutton-radio-size-m: 12px; --selector-radiobutton-radio-size-s: 8px; --selector-switcher-border-radius-m: 10px; --selector-switcher-border-radius-s: 8px; --selector-switcher-expand-m: 2px; --selector-switcher-expand-s: 2px; --selector-switcher-tumbler-border-radius-m: 8px; --selector-switcher-tumbler-border-radius-s: 6px; --selector-switcher-tumbler-size-m: 16px; --selector-switcher-tumbler-size-s: 12px; --selector-switcher-width-m: 34px; --selector-switcher-width-s: 26px; --shadow-1: 0px 1px 2px 0px #00000052, 0px 0px 1px 0px #00000052; --shadow-2: 0px 4px 8px 0px #0000003d, 0px 0px 1px 0px #00000052; --shadow-3: 0px 8px 16px 0px #0000003d, 0px 0px 1px 0px #00000052; --shadow-4: 0px 12px 24px 0px #0000003d, 0px 0px 1px 0px #00000052; --shadow-5: 0px 24px 32px 0px #0000003d, 0px 0px 1px 0px #00000052; --shadow-6: 0px 40px 64px 0px #0000003d, 0px 0px 1px 0px #00000052; --sidebar-body-expand: 8px; --sidebar-body-opened-container-spacing: 8px; --sidebar-body-opened-expand: 16px 0; --sidebar-body-opened-expand-desktop: 0 8px; --sidebar-body-opened-expand-mobile: 0 16px; --sidebar-body-opened-grid-spacing: 4px; --sidebar-body-opened-menu-spacing: 4px; --sidebar-body-opened-spacing: 16px; --sidebar-body-spacing: 8px; --sidebar-border-size: 2px; --sidebar-card-border-radius: 8px; --sidebar-card-border-size: 2px; --sidebar-card-content-height: 48px; --sidebar-card-lock-icon-size: 12px; --sidebar-card-mini-icon-container-expand: 12px; --sidebar-card-mini-icon-container-icon-size: 24px; --sidebar-card-mini-image-container-expand: 4px; --sidebar-card-mini-image-container-image-size: 40px; --sidebar-card-referal-content-spacing: 4px; --sidebar-card-referal-expand: 10px 8px 10px 12px; --sidebar-card-referal-icon-container-border-radius: 10px; --sidebar-card-referal-icon-container-border-size: 1px; --sidebar-card-referal-icon-container-icon-size: 20px; --sidebar-card-referal-spacing: 8px; --sidebar-card-text-container-expand: 0 4px; --sidebar-card-text-container-spacing-l: 6px; --sidebar-card-text-container-spacing-m: 6px; --sidebar-card-text-container-spacing-s: 4px; --sidebar-card-widget-expand: 4px; --sidebar-card-widget-image-container-expand: 4px; --sidebar-card-widget-image-size: 40px; --sidebar-card-widget-micro-expand: 2px 8px 2px 2px; --sidebar-card-widget-micro-image-container-expand: 2px; --sidebar-card-widget-micro-image-size: 28px; --sidebar-card-widget-micro-spacing: 2px; --sidebar-card-widget-spacing: 8px; --sidebar-header-border-size: 2px; --sidebar-header-content-expand: 0 24px 0 0; --sidebar-header-content-height: 64px; --sidebar-header-expand: 0 20px; --sidebar-header-icon-size: 24px; --sidebar-list-item-action-container-spacing: 4px; --sidebar-list-item-border-radius: 8px; --sidebar-list-item-border-size: 2px; --sidebar-list-item-content-height: 20px; --sidebar-list-item-expand: 8px; --sidebar-list-item-icon-container-border-radius: 10px; --sidebar-list-item-icon-container-border-size: 1px; --sidebar-list-item-icon-container-icon-size: 20px; --sidebar-list-item-spacing: 8px; --sidebar-multiscreen-arrow-icon-size: 12px; --sidebar-multiscreen-border-radius: 0 8px 8px 0; --sidebar-multiscreen-border-size: 2px; --sidebar-multiscreen-content-border-right-size: 1px; --sidebar-multiscreen-content-expand: 20px; --sidebar-multiscreen-content-spacing: 24px; --sidebar-multiscreen-icon-size: 24px; --spacing-2xl: 32px; --spacing-2xs: 6px; --spacing-3xl: 44px; --spacing-3xs: 4px; --spacing-4xl: 56px; --spacing-4xs: 2px; --spacing-5xl: 64px; --spacing-l: 20px; --spacing-m: 16px; --spacing-s: 12px; --spacing-xl: 24px; --spacing-xs: 8px; --step-horizontal-point-container-expand-l: 0 4px 0 0; --step-horizontal-point-container-expand-m: 0 4px 0 0; --step-horizontal-point-container-spacing-l: 4px; --step-horizontal-point-container-spacing-m: 4px; --step-horizontal-spacing-l: 8px; --step-horizontal-spacing-m: 10px; --step-horizontal-text-container-expand-l: 0 4px 0 2px; --step-horizontal-text-container-expand-m: 0 4px 0 1px; --step-horizontal-text-container-spacing-m: 4px; --step-line-border-radius-l: 1px; --step-line-border-radius-m: 1px; --step-point-border-radius-l: 10px; --step-point-border-radius-m: 4px; --step-point-border-size-l: 2px; --step-point-border-size-m: 1px; --step-point-size-l: 20px; --step-point-size-m: 8px; --step-vertical-point-container-expand-l: 0 0 4px 0; --step-vertical-point-container-expand-m: 0 0 4px 0; --step-vertical-point-container-spacing-l: 4px; --step-vertical-point-container-spacing-m: 4px; --step-vertical-spacing-l: 10px; --step-vertical-spacing-m: 8px; --step-vertical-text-container-expand-l: 0 0 12px 0; --step-vertical-text-container-expand-m: 0 0 12px 0; --step-vertical-text-container-spacing-m: 4px; --switch-checked-text: var(--color-button-primary); --switch-knob-radius-l: 50%; --switch-knob-radius-m: 50%; --switch-knob-radius-s: 50%; --switcher-m-border-radius: 1000px; --switcher-m-margin: 2px; --switcher-m-tumbler-bottom-left: 1000px; --switcher-m-tumbler-bottom-right: 1000px; --switcher-m-tumbler-size: 16px; --switcher-m-tumbler-top-left: 1000px; --switcher-m-tumbler-top-right: 1000px; --switcher-s-border-radius: 1000px; --switcher-s-margin: 2px; --switcher-s-tumbler-bottom-left: 1000px; --switcher-s-tumbler-bottom-right: 1000px; --switcher-s-tumbler-size: 12px; --switcher-s-tumbler-top-left: 1000px; --switcher-s-tumbler-top-right: 1000px; --tab-asset-content-height-l: 24px; --tab-asset-content-height-m: 20px; --tab-asset-content-height-s: 16px; --tab-asset-underline-border-radius: 2px 2px 0 0; --tab-border-radius-l: 28px; --tab-border-radius-m: 22px; --tab-border-radius-s: 16px; --tab-border-size-l: 2px; --tab-border-size-m: 2px; --tab-border-size-s: 2px; --tab-content-height-l: 24px; --tab-content-height-m: 20px; --tab-content-height-s: 16px; --tab-default-width-expand-l: 8px; --tab-default-width-expand-m: 4px; --tab-default-width-expand-s: 2px; --tab-height-expand-l: 16px; --tab-height-expand-m: 12px; --tab-height-expand-s: 8px; --tab-icon-container-border-radius-l: 12px; --tab-icon-container-border-radius-m: 10px; --tab-icon-container-border-radius-s: 8px; --tab-icon-container-border-size-l: 1px; --tab-icon-container-border-size-m: 1px; --tab-icon-container-border-size-s: 1px; --tab-icon-container-icon-size-l: 24px; --tab-icon-container-icon-size-m: 20px; --tab-icon-container-icon-size-s: 16px; --tab-l-width-expand: 8px; --tab-m-width-expand: 6px; --tab-rounded-expand-l: 16px; --tab-rounded-expand-m: 10px; --tab-rounded-expand-s: 8px; --tab-rounded-l-border-radius: 28px; --tab-rounded-l-width-expand: 16px; --tab-rounded-m-border-radius: 22px; --tab-rounded-m-width-expand: 12px; --tab-rounded-s-border-radius: 16px; --tab-rounded-s-width-expand: 8px; --tab-s-width-expand: 4px; --tab-square-l-border-radius: 8px 8px 0 0; --tab-square-l-width-expand: 16px; --tab-square-m-border-radius: 8px 8px 0 0; --tab-square-m-width-expand: 12px; --tab-square-s-border-radius: 8px 8px 0 0; --tab-square-s-width-expand: 8px; --tab-text-container-width-expand-l: 8px; --tab-text-container-width-expand-m: 8px; --tab-text-container-width-expand-s: 4px; --tab-underline-bottom-expand-l: 16px; --tab-underline-bottom-expand-m: 12px; --tab-underline-bottom-expand-s: 8px; --tab-underline-line-border-radius: 2px 2px 0 0; --tab-underline-top-expand-l: 16px; --tab-underline-top-expand-m: 12px; --tab-underline-top-expand-s: 8px; --tab-underline-width-expand-l: 16px; --tab-underline-width-expand-m: 12px; --tab-underline-width-expand-s: 8px; --tab-width-expand-l: 16px; --tab-width-expand-m: 12px; --tab-width-expand-s: 8px; --table-body-expand: 12px 16px; --table-body-icon-size: 20px; --table-header-border-bottom-size: 1px; --table-header-content-height: 16px; --table-header-expand: 12px 16px; --table-header-icon-container-border-radius: 8px; --table-header-icon-container-border-size: 1px; --table-header-icon-container-icon-size: 16px; --table-header-icon-size: 16px; --table-header-spacing: 8px; --table-modal-border-radius: 6px; --table-modal-border-size: 2px; --table-modal-content-min-height: 20px; --table-modal-expand: 8px 12px; --table-modal-horizontal-spacing: 8px; --table-modal-icon-container-border-radius: 10px; --table-modal-icon-container-border-size: 1px; --table-modal-icon-container-icon-size: 20px; --table-modal-text-container-horizontal-spacing: 8px; --table-modal-text-container-vertical-spacing: 4px; --table-row-border-bottom-size: 1px; --table-row-content-height: 20px; --table-row-expand: 12px 16px; --table-row-icon-container-border-radius: 10px; --table-row-icon-container-border-size: 1px; --table-row-icon-container-icon-size: 20px; --table-row-spacing: 8px; --tabs-active-line-height-l: 2px; --tabs-active-line-height-m: 2px; --tabs-active-line-height-s: 2px; --tabs-active-line-radius: 100px 100px 0 0; --tabs-border-bottom: 1px solid var(--color-dark-grey-2); --tabs-content-padding-l: 15px 0; --tabs-content-padding-m: 11px 0; --tabs-content-padding-s: 5px 0; --tabs-group-border-radius-l: 28px; --tabs-group-border-radius-m: 22px; --tabs-group-border-radius-s: 16px; --tabs-group-border-size-l: 2px; --tabs-group-border-size-m: 2px; --tabs-group-border-size-s: 2px; --tabs-group-underline-border-size-l: 1px; --tabs-group-underline-border-size-m: 1px; --tabs-group-underline-border-size-s: 1px; --tag-background-default: var(--color-tag-background); --tag-border-radius-m: 14px; --tag-border-radius-s: 12px; --tag-border-size-m: 2px; --tag-border-size-s: 2px; --tag-content-height-m: 16px; --tag-content-height-s: 16px; --tag-height-expand-m: 6px; --tag-height-expand-s: 4px; --tag-icon-color-primary: var(--color-pr050); --tag-icon-color-secondary: var(--color-mid-grey-2); --tag-icon-container-border-radius-m: 8px; --tag-icon-container-border-radius-s: 8px; --tag-icon-container-border-size-m: 1px; --tag-icon-container-border-size-s: 1px; --tag-icon-container-icon-size-m: 16px; --tag-icon-container-icon-size-s: 16px; --tag-icon-opacity: 1; --tag-icon-opacity-hover: 1; --tag-m-border-radius: 34px; --tag-m-icon-size: 20px; --tag-m-width-expand: 4px; --tag-s-border-radius: 34px; --tag-s-icon-size: 16px; --tag-s-width-expand: 2px 4px; --tag-text-container-width-expand-m: 4px; --tag-text-container-width-expand-s: 2px; --tag-width-expand-m: 6px; --tag-width-expand-s: 4px; --text-s10: 10px; --text-s12: 12px; --text-s14: 14px; --text-s16: 16px; --text-s18: 18px; --text-s20: 20px; --text-s24: 24px; --text-s28: 28px; --text-s30: 30px; --text-s32: 32px; --text-s36: 36px; --text-s40: 40px; --text-s44: 44px; --text-s48: 48px; --text-s52: 52px; --text-s56: 56px; --text-s64: 64px; --text-s8: 8px; --title-block-border-size-desktop: 2px; --title-block-border-size-mobile: 2px; --title-block-content-spacing-desktop: 8px; --title-block-content-spacing-mobile: 6px; --title-block-horizontal-spacing-desktop: 12px; --title-block-horizontal-spacing-mobile: 8px; --title-block-icon-container-border-radius-desktop: 16px; --title-block-icon-container-border-radius-mobile: 14px; --title-block-icon-container-border-size-desktop: 1px; --title-block-icon-container-border-size-mobile: 1px; --title-block-icon-container-icon-size-desktop: 32px; --title-block-icon-container-icon-size-mobile: 28px; --title-block-text-container-horizontal-spacing-desktop: 8px; --title-block-text-container-horizontal-spacing-mobile: 6px; --title-block-text-container-spacing-desktop: 4px; --title-block-text-container-spacing-mobile: 4px; --title-block-vertical-spacing-mobile: 8px; --title-card-border-size-desktop: 2px; --title-card-border-size-mobile: 2px; --title-card-content-spacing-desktop: 6px; --title-card-content-spacing-mobile: 4px; --title-card-horizontal-spacing-desktop: 12px; --title-card-horizontal-spacing-mobile: 8px; --title-card-icon-container-border-radius-desktop: 12px; --title-card-icon-container-border-radius-mobile: 12px; --title-card-icon-container-border-size-desktop: 1px; --title-card-icon-container-border-size-mobile: 1px; --title-card-icon-container-icon-size-desktop: 24px; --title-card-icon-container-icon-size-mobile: 22px; --title-card-text-container-horizontal-spacing-desktop: 6px; --title-card-text-container-horizontal-spacing-mobile: 4px; --title-card-vertical-spacing-mobile: 8px; --tooltip-border-radius: 8px; --tooltip-height-expand: 8px; --tooltip-radius: 8px; --tooltip-tail-width: 10px; --tooltip-width-expand: 12px; --user-menu-body-bottom-expand: 12px; --user-menu-body-progress-container-border-radius: 8px; --user-menu-body-progress-container-border-size: 2px; --user-menu-body-progress-container-expand: 6px 8px 8px 8px; --user-menu-body-progress-container-icon-size: 12px; --user-menu-body-progress-container-spacing: 12px; --user-menu-body-progress-container-text-spacing: 4px; --user-menu-body-spacing: 8px; --user-menu-body-top-expand: 8px; --user-menu-body-width-expand: 12px; --user-menu-border-radius-bottom-left-desktop: 8px; --user-menu-border-radius-bottom-right-desktop: 8px; --user-menu-border-radius-mobile: 0 0 8px 8px; --user-menu-border-radius-top-right-desktop: 8px; --user-menu-border-size: 2px; --user-menu-bottom-expand-desktop: 16px; --user-menu-content-border-radius: 8px; --user-menu-content-border-size: 2px; --user-menu-header-avatar-size: 56px; --user-menu-header-bottom-border-size: 1px; --user-menu-header-bottom-expand: 12px; --user-menu-header-icon-size: 20px; --user-menu-header-spacing: 12px; --user-menu-header-top-expand: 12px; --user-menu-header-width-expand: 12px; --user-menu-spacing: 8px; --user-menu-top-expand-desktop: 16px; --user-menu-top-expand-mobile: 16px; --user-menu-width-expand-desktop: 16px; --user-menu-width-expand-mobile: 16px; --width-expand: 10px; --withdrawal-limit-radius: 6px; --сountdown-border-radius-l: 8px; --сountdown-border-radius-m: 6px } body { font-family: Montserrat, Verdana, sans-serif } .Header-Black-2XS { font: var(--font-header-black-2xs); text-transform: var(--header-text-transform) } .Header-Black-XS { font: var(--font-header-black-xs); text-transform: var(--header-text-transform) } .Header-Black-S { font: var(--font-header-black-s); text-transform: var(--header-text-transform) } .Header-Black-M { font: var(--font-header-black-m); text-transform: var(--header-text-transform) } .Header-Black-L { font: var(--font-header-black-l); text-transform: var(--header-text-transform) } .Header-Black-XL { font: var(--font-header-black-xl); text-transform: var(--header-text-transform) } .Header-Bold-2XS { font: var(--font-header-bold-2xs); text-transform: var(--header-text-transform) } .Header-Bold-XS { font: var(--font-header-bold-xs); text-transform: var(--header-text-transform) } .Header-Bold-S { font: var(--font-header-bold-s); text-transform: var(--header-text-transform) } .Header-Bold-M { font: var(--font-header-bold-m); text-transform: var(--header-text-transform) } .Header-Bold-L { font: var(--font-header-bold-l); text-transform: var(--header-text-transform) } .Header-Bold-XL { font: var(--font-header-bold-xl); text-transform: var(--header-text-transform) } .Header-Semi-Bold-2XS { font: var(--font-header-semi-bold-2xs); text-transform: var(--header-text-transform) } .Header-Semi-Bold-XS { font: var(--font-header-semi-bold-xs); text-transform: var(--header-text-transform) } .Header-Semi-Bold-S { font: var(--font-header-semi-bold-s); text-transform: var(--header-text-transform) } .Header-Semi-Bold-M { font: var(--font-header-semi-bold-m); text-transform: var(--header-text-transform) } .Header-Semi-Bold-L { font: var(--font-header-semi-bold-l); text-transform: var(--header-text-transform) } .Header-Semi-Bold-XL { font: var(--font-header-semi-bold-xl); text-transform: var(--header-text-transform) } .Body-Bold-2XS { font: var(--font-body-bold-2xs) } .Body-Bold-XS { font: var(--font-body-bold-xs) } .Body-Bold-S { font: var(--font-body-bold-s) } .Body-Bold-M { font: var(--font-body-bold-m) } .Body-Bold-L { font: var(--font-body-bold-l) } .Body-Bold-XL { font: var(--font-body-bold-xl) } .Body-Semi-Bold-2XS { font: var(--font-body-semi-bold-2xs) } .Body-Semi-Bold-XS { font: var(--font-body-semi-bold-xs) } .Body-Semi-Bold-S { font: var(--font-body-semi-bold-s) } .Body-Semi-Bold-M { font: var(--font-body-semi-bold-m) } .Body-Semi-Bold-L { font: var(--font-body-semi-bold-l) } .Body-Semi-Bold-XL { font: var(--font-body-semi-bold-xl) } .Body-Regular-2XS { font: var(--font-body-regular-2xs) } .Body-Regular-XS { font: var(--font-body-regular-xs) } .Body-Regular-S { font: var(--font-body-regular-s) } .Body-Regular-M { font: var(--font-body-regular-m) } .Body-Regular-L { font: var(--font-body-regular-l) } .Body-Regular-XL { font: var(--font-body-regular-xl) }