@import url("css2-1.css");
@import url("css2.css");
@import url("css2-2.css");
.slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; }
.slick-slider .slick-track, .slick-slider .slick-list { transform: translateZ(0px); }
.slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; }
.slick-track::before, .slick-track::after { display: table; content: ""; }
.slick-track::after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .betjordan-drawer-layout1-theme1.wkg-overlay-drawer .wkg-overlay-drawer__container { background-color: var(--wkg-color-white); color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .betjordan-drawer-layout1-theme1 :is(.wkg-overlay-drawer__body, .wkg-overlay-drawer__content) { background-color: var(--wkg-color-white); color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header :is(h1, h2, h3, h4, h5, h6, p) { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__close-button { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__close-button:hover { background-color: var(--wkg-color-grey-100); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__drag-handle::before { background-color: var(--wkg-color-grey-200); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__footer { border-top-color: var(--wkg-color-grey-100); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .auth-drawer-header__title { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .auth-drawer-header__subtitle { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .auth-drawer-header__subtitle:hover { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.auth-drawer-header__back-arrow, .auth-drawer-header__back-button) { color: var(--wkg-color-text-quaternary); }
html[dir="rtl"]:is([data-theme="ywin"], [data-theme="arabic"]) .auth-flow[data-animation-state="exiting"].auth-flow--forward :is(.login-form__body, .signup-form__body, .forgot-password-form__body) { transform: translate(-20px); }
html[dir="rtl"]:is([data-theme="ywin"], [data-theme="arabic"]) .auth-flow[data-animation-state="exiting"].auth-flow--back :is(.login-form__body, .signup-form__body, .forgot-password-form__body) { transform: translate(20px); }
html[dir="rtl"]:is([data-theme="ywin"], [data-theme="arabic"]) .auth-flow[data-animation-state="entering"].auth-flow--forward :is(.login-form__body, .signup-form__body, .forgot-password-form__body) { animation-name: yyyAuthSlideInFromRight; }
html[dir="rtl"]:is([data-theme="ywin"], [data-theme="arabic"]) .auth-flow[data-animation-state="entering"].auth-flow--back :is(.login-form__body, .signup-form__body, .forgot-password-form__body) { animation-name: yyyAuthSlideInFromLeft; }
html[dir="rtl"]:is([data-theme="ywin"], [data-theme="arabic"]) .auth-drawer-header__arrow svg, html[dir="rtl"]:is([data-theme="ywin"], [data-theme="arabic"]) .auth-drawer-header__arrow .icon { transform: scaleX(-1); }
html[dir="rtl"]:is([data-theme="ywin"], [data-theme="arabic"]) :is(.auth-drawer-header__back-arrow, .auth-drawer-header__back-button) svg { transform: rotate(-90deg); }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.login-form, .signup-form, .forgot-password, .forgot-password-form, .betjordan-form-layout1-theme1) { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.auth-form__section-title, .signup-form__section-title) { color: var(--wkg-color-grey-400); font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-700); line-height: normal; }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.auth-form__section-number, .signup-form__section-number, .forgot-password-form__step-number) { display: none; }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.auth-form__footer, .login-form__footer, .signup-form__footer, .forgot-password-form__footer) { background-color: var(--wkg-color-white); border-top-color: transparent; box-shadow: rgba(0, 0, 0, 0.25) 0px -2px 8px; }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.auth-form__footer-promo, .signup-form__footer-terms) { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .signup-form__footer-link { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .signup-form__footer-link:hover { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .login-form__forgot-password { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .login-form__forgot-password:hover { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .signup-form__username-suggestions-label { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.signup-form__username-suggestions-list li, .signup-form__username-suggestion) { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .signup-form__username-suggestions-list li::before { background-color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .signup-form__username-suggestion:hover { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-field-suggestions__header { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-field-suggestions__item { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-field-suggestions__item:hover { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password-form__tabs { background-color: transparent; border-top: medium; border-right: medium; border-left: medium; border-image: none; border-bottom: 1px solid var(--wkg-color-grey-200); border-radius: 0px; padding: 0px; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password-form__tab-indicator { display: none; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password-form__tab { color: var(--wkg-color-text-quaternary); background-color: transparent; border-radius: 0px; border-bottom: 2px solid transparent; text-transform: none; padding: 0.75rem 0px; margin-bottom: -1px; display: inline-flex; align-items: center; justify-content: flex-start; gap: 0.5rem; text-align: left; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password-form__tab-icon { display: inline-flex; width: 1.25rem; height: 1.25rem; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password-form__tab-icon svg { width: 100%; height: 100%; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password-form__tab--active { color: var(--wkg-color-yellow-400); border-bottom-color: var(--wkg-color-yellow-400); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password-form__tab:hover:not(.forgot-password-form__tab--active) { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password-form__step-text { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password-form__step-text strong { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password-form__step-number { color: var(--wkg-color-text-primary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password-form__signup-link { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password-form__signup-link:hover { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password-form__resend-button { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password-form__resend-button:hover:not(:disabled) { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password__support-text { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.forgot-password__support-text:before, .forgot-password__support-text:after) { background-color: var(--wkg-color-grey-200); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password__support-button .button__content { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password__support-button:hover { background-color: var(--wkg-color-grey-100); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .forgot-password__support-button:hover .button__content { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .auth-form-skeleton__field { background-color: var(--wkg-color-grey-100); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-select__content { background-color: var(--wkg-color-white); color: var(--wkg-color-text-quaternary); border-color: var(--wkg-color-grey-100); --wkg-dropdown-bg: var(--wkg-color-white); --wkg-dropdown-border-color: var(--wkg-color-grey-100); --wkg-dropdown-option-color: var(--wkg-color-text-quaternary); --wkg-dropdown-option-bg-hover: var(--wkg-color-grey-100); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-select__backdrop { background-color: var(--wkg-color-white-80); --wkg-dropdown-backdrop-bg: var(--wkg-color-white-80); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-select__option { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.wkg-select__option:hover, .wkg-select__option--highlighted) { background-color: var(--wkg-color-grey-100); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-select__search-input { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-select__search-input::placeholder { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-select__group-label { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.login-form, .signup-form, .forgot-password, .forgot-password-form) :is(.wkg-field__control, .wkg-field__control--smooth-corners) { background-color: transparent; border-top: medium; border-right: medium; border-left: medium; border-image: none; border-bottom: 1px solid var(--wkg-color-grey-200); border-radius: 0px; outline: none; padding-inline: 0px; --wkg-field-control-bg: var(--wkg-color-white); --wkg-field-control-border-color: transparent; --wkg-field-control-border-radius: 0; --wkg-field-input-color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.login-form, .signup-form, .forgot-password, .forgot-password-form) .wkg-field__control--smooth-corners::before, html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.login-form, .signup-form, .forgot-password, .forgot-password-form) .wkg-field__control--smooth-corners::after { background-color: transparent; content: none; display: none; }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.login-form, .signup-form, .forgot-password, .forgot-password-form) .wkg-field__input { background-color: transparent; border: medium; color: var(--wkg-color-text-quaternary); padding-inline: 0px; }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.login-form, .signup-form, .forgot-password, .forgot-password-form) .wkg-field__input::placeholder { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.login-form, .signup-form, .forgot-password, .forgot-password-form) .wkg-field__control:focus-within { border-bottom-color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.login-form, .signup-form, .forgot-password, .forgot-password-form) .wkg-field__label { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.login-form, .signup-form, .forgot-password, .forgot-password-form) .wkg-field__toggle { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.login-form, .signup-form, .forgot-password, .forgot-password-form) .wkg-select__trigger { background-color: transparent; color: var(--wkg-color-text-quaternary); padding-right: 0px; padding-inline-end: 2.5rem; text-align: start; }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.login-form, .signup-form, .forgot-password, .forgot-password-form) .wkg-select__chevron { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.login-form, .signup-form, .forgot-password, .forgot-password-form) .wkg-select__indicators { right: auto; inset-inline-end: var(--wkg-field-control-padding-x, 1rem); }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.signup-form, .forgot-password, .forgot-password-form) .wkg-phone__prefix :is(.wkg-field__control, .wkg-field__control--smooth-corners) { padding-inline-end: 1.5rem; }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.forgot-password, .forgot-password-form) .wkg-otp__slots { background-color: transparent; border: medium; border-radius: 0px; gap: 0.75rem; justify-content: center; }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.forgot-password, .forgot-password-form) .wkg-otp__slots--smooth { border-radius: 0px; }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.forgot-password, .forgot-password-form) .wkg-otp__slot { flex: 0 0 2rem; background-color: transparent; border-right: medium; border-bottom: 1px solid var(--wkg-color-grey-200); border-radius: 0px; }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.forgot-password, .forgot-password-form) :is(.wkg-otp__slot:first-child, .wkg-otp__slot:last-child) { border-right: medium; border-radius: 0px; }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.forgot-password, .forgot-password-form) .wkg-otp__slot--active { background-color: transparent; box-shadow: none; border-bottom-color: var(--wkg-color-text-quaternary); animation: none; }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.forgot-password, .forgot-password-form) .wkg-otp__caret { background-color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) :is(.forgot-password, .forgot-password-form) .wkg-otp__input { color: var(--wkg-color-text-quaternary); font-weight: 600; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .signup-form .wkg-password-strength__header { color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .signup-form .wkg-password-strength__rule { color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .login-form__hero { width: 100%; height: auto; aspect-ratio: 343 / 120; object-fit: cover; }
@keyframes yyyAuthSlideInFromLeft {
0% { opacity: 0; transform: translate(-20px); }
100% { opacity: 1; transform: translate(0px); }
}
@keyframes yyyAuthSlideInFromRight {
0% { opacity: 0; transform: translate(20px); }
100% { opacity: 1; transform: translate(0px); }
}
.Bonuses-Carousel::-webkit-scrollbar, .MobileSideBar .MuiPaper-root::-webkit-scrollbar { display: none; width: 0px; }
.Bonuses-Carousel::-webkit-scrollbar-track, .MobileSideBar .MuiPaper-root::-webkit-scrollbar-track { display: none; }
.Bonuses-Carousel::-webkit-scrollbar-thumb, .MobileSideBar .MuiPaper-root::-webkit-scrollbar-thumb { display: none; }
.Bonuses-Carousel::-webkit-scrollbar-button, .MobileSideBar .MuiPaper-root::-webkit-scrollbar-button { display: none; }
:root { --black: #121212; --black2: #1c1e27; --black3: #212633; --black005: rgba(0, 0, 0, .05); --charcoal: #080808; --white: #ffffff; --white02: #ffffff33; --white05: #ffffff80; --greyText1: #292e3b; --greyText3: #3a3e4a; --greyText4: #424651; --greyText5: #4a4e59; --greyText6: #74777f; --greyText7: #5b5e68; --greyText8: #666a73; --greyText9: #6b6f77; --goldLight: #9f9684; --brown2: #5e594f; --greenBg: #72ae04; --burgerBgColor: rgba(50, 55, 70, .7); --grey: #5e594f; --grey2: #393630; --grey3: #23201d; --grey4: #303132; --grey5: #222324; --grey5Lighter: rgba(34, 35, 36, .7); --grey5Light: rgba(34, 35, 36, .9); --grey6: #292b2c; --grey7: #404142; --grey8: #3d3d3d; --grey9: #9698a1; --grey10: #40424b; --grey11: #525763; --grey12: #646773; --grey13: #81838d; --grey14: #c3c6d4; --greyLight1: #f5f5f5; --inputGreyBorder: #e6e6e6; --darkGreyBg1: #2d3140; --colorTabsCabinet: #9f9684; --inputBgColor: #23201d; --orange: #ffbd53; --orange2: #ffb02e; --goldText: #b68e3c; --bodyBgBlack: #1c1e27; --borderRadius: 6px; --containerMaxWidth: 1280px; --selectBackgroundColor: #4a4f5e; --app-header-height: 3.5rem; --headerHeight: 80px; --topFiltersHeight: 66px; --transitionTimingFunction: cubic-bezier(.25, .1, .25, 1); --bgBlue2: #052453; --bgBlue4: #5f78d2; --fontBlue: #5f78d2; --scrollBar: #babac0; --fontYellow: #ffc800; --bgYellow: #ffbd3e; --pink: #ff0084; --coral: #ec5c62; --red: #ed2b65; --red2: #ff5050; --red3: #fb5e59; --red4: #e72f35; --green: #00a611; --green2: #8eea68; --green3: #53e198; --green3Light: #33404a; --greenBlue1: #0ed5cf; --SecondBlue: #0080ff; --whatsAppColor: #25d366; --yellowDark: #ffa512; --yellowDarkSuperLight: #ffa5120c; --orange3: #ffd810; --gold: #db9c42; --yellowLight: #ffd910; --pink2: #cf2e14; --error: #ef466f; --violetLight: #5360a6; --greyMid: #656975; --greyMid2: #3e4451; --greyDark2: #323746; --greyDark2Ligher: rgba(50, 55, 70, .5); --fontGray: 656975; --azure: #3498fd; --darkTurquoise: #15d6c9; --darkTurquois2: #8eea68; --darkTurquois3: #0ed5cf; --spContainerTopSpace: var(--headerHeight); --cabinetContainerTopSpace: calc(var(--headerHeight) + 1rem); --filtersContainerTopSpace: var(--headerHeight); --gradientBorderSource: linear-gradient(217deg, #fa58b9, #fef10a, #5cbd00, #00cbed); --topCtaHeight: 30px; --yyy-white: #fff; --yyy-white-10: #ffffff10; --yyy-white-20: #ffffff20; --yyy-white-60: #ffffff60; --yyy-white-80: #ffffff80; --yyy-green: #8eea68; --yyy-notification-green: #00e88a; --yyy-red: #de4940; --yyy-red-lvl-1: #ffd9d7; --yyy-red-lvl-2: #ffbfbb; --yyy-orange: #ffa512; --yyy-primary-blue: #3498fd; --yyy-primary-yellow: #ffc800; --yyy-ui-dark-grey: #9698a1; --yyy-ui-medium-grey: #9698a1; --yyy-ui-light-grey: #f3f3f3; --yyy-ui-base-skeleton-color: #323746; --yyy-ui-highlight-skeleton-color: transparent; --yyy-dark-blue-lvl-1: #323746; --yyy-dark-blue-lvl-1-opacity-80: rgba(50, 55, 70, .8); --yyy-dark-blue-lvl-1-opacity-70: rgba(50, 55, 70, .7); --yyy-dark-blue-lvl-2: #212633; --yyy-dark-blue-lvl-3: #1c1e27; --yyy-dark-grey: #212633; --yyy-black: #000; --yyy-primary-gradient-blue: linear-gradient(206.57deg, #15d6c9 0%, #3498fd 83.33%); --yyy-gradient-yellow: linear-gradient(181.16deg, #ffd910 -56.02%, #ffa512 99.01%); --yyy-promo-gradient-green: linear-gradient(218.51deg, #8eea68 9.05%, #0ed5cf 100%); --yyy-cta-blue-gradient: linear-gradient(207deg, var(--darkTurquoise) 0%, var(--azure) 83.33%); --yyy-vip-light-gold: #fbe3a3; --yyy-dark-black: #1c1e27; --yyy-vip-dark-gold: #ba9d64; --yyy-dark-blue: #323746; --yyy-vip-button-shadow-gold: #fbe3a3cc 0px 0px 20px 0px; --yyy-vip-button-gradient-gold: linear-gradient(90deg, var(--yyy-vip-dark-gold) 0%, var(--yyy-vip-light-gold) 83.33%); --yyy-vip-gold-text-gradient: linear-gradient(227deg, var(--yyy-vip-light-gold) 6.47%, var(--yyy-vip-dark-gold) 92.33%); --yyy-vip-gold-gradient: linear-gradient(227deg, var(--yyy-vip-light-gold) 6.47%, var(--yyy-vip-dark-gold) 92.33%); --yyy-vip-ruler: #e37e19; --yyy-vip-knight: #c5c5c5; --yyy-vip-prince: #e5e4e2; --yyy-vip-sheikh: #ffc800; --yyy-vip-crownprince: #ba9d64; --yyy-vip-king: #fbe3a3; --yyy-font-primary: "Montserrat", sans-serif; --yyy-font-cta: var(--yyy-font-primary); --yyy-ui-z-index-dropdown: 1310; --yyy-ui-z-index-header-user-menu: 1000; --yyy-ui-z-index-popover: 1000; --yyy-ui-z-index-cta: 1001; --yyy-ui-z-index-sidebar-mobile-backdrop: 1001; --yyy-ui-z-index-sidebar-mobile: 1002; --yyy-layout-max-width-xs: 878px; --yyy-layout-max-width-sm: 878px; --yyy-layout-max-width-md: 1328px; --yyy-layout-max-width-lg: 1328px; }
.scroll-gradient-container { --scroll-gradient-fade-width: 2.5rem; position: relative; overflow: auto hidden; scrollbar-width: none; }
.scroll-gradient-container::-webkit-scrollbar { display: none; }
.scroll-gradient-container.scroll-gradient--left.scroll-gradient--right { mask-image: linear-gradient(to right,transparent 0,#000 var(--scroll-gradient-fade-width),#000 calc(100% - var(--scroll-gradient-fade-width)),transparent 100%); }
.scroll-gradient-container.scroll-gradient--right:not(.scroll-gradient--left) { mask-image: linear-gradient(to right,#000 0,#000 calc(100% - var(--scroll-gradient-fade-width)),transparent 100%); }
.scroll-gradient-container.scroll-gradient--left:not(.scroll-gradient--right) { mask-image: linear-gradient(to right,transparent 0,#000 var(--scroll-gradient-fade-width),#000 100%); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .sports-wrap { --sports-wrapper-background: var(--yyy-dark-black); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .web-app-casino-page { --casino-header__bg: linear-gradient( 90deg, var(--wkg-color-black) 0%, var(--wkg-color-grey-400) 15%, var(--wkg-color-grey-400) 86%, var(--wkg-color-black) 100% ); --casino-header__margin-bottom: 1.5rem; --casino-sections__gap: var(--wkg-section-margin-xl); --casino-search__bg: transparent; --casino-search__border-color: var(--wkg-color-white-40); --casino-search__border-color-focus: var(--wkg-color-white); --casino-search__border-width: 1px; --casino-search__radius: 0; --casino-search__height: 2.5rem; --casino-search__padding-x: 2.5rem; --casino-search__text-color: var(--wkg-color-white); --casino-search__placeholder-color: var(--wkg-color-grey-200); --casino-search__icon-color: var(--wkg-color-grey-200); --casino-search__font-family: var(--wkg-font-family-primary); --casino-search__font-size: .875rem; --casino-search__line-height: 1.4; --casino-search__icon-size: 1.25rem; --casino-search__icon-offset: .5rem; --casino-search__width-desktop: 23.375rem; --casino-search__clear-color: var(--wkg-color-grey-200); --casino-search__clear-color-hover: var(--wkg-color-grey-100); --casino-search__clear-bg-hover: var(--wkg-color-white-10); --casino-search__clear-icon-size: .75rem; --casino-chips__gap: var(--wkg-section-padding-xs); --casino-chip__color: var(--wkg-color-white); --casino-chip__font-family: var(--wkg-font-family-primary); --casino-chip__font-size: .75rem; --casino-chip__line-height: 1; --casino-chip__inner-gap: .25rem; --casino-chip__close-color: var(--wkg-color-grey-200); --casino-chip__close-color-hover: var(--wkg-color-white); --casino-chip__close-size: .875rem; --casino-chip__close-icon-size: .75rem; --casino-clear-all__color: var(--wkg-color-blue-400); --casino-clear-all__color-hover: var(--wkg-color-blue-300); --casino-clear-all__font-family: var(--wkg-font-family-primary); --casino-clear-all__font-size: .75rem; --casino-clear-all__font-weight: 700; --casino-clear-all__padding: 0; --casino-chips-row__gap: var(--wkg-section-padding-sm); --casino-search-row__gap: var(--wkg-section-padding-xs); --casino-filter-button__radius: 50%; --casino-filter-button__border-width: 1px; --casino-filter-button__border-color: var(--wkg-color-white-10); --casino-filter-button__border-color-hover: var(--wkg-color-white); --casino-filter-button__border-color-active: var(--wkg-color-blue-400); --casino-filter-button__bg: transparent; --casino-filter-button__bg-hover: transparent; --casino-filter-button__bg-active: transparent; --casino-filter-button__icon-color: var(--wkg-color-white); --casino-filter-button__icon-color-hover: var(--wkg-color-white); --casino-filter-button__icon-color-active: var(--wkg-color-blue-400); --casino-filter-button__icon-size: 1.5rem; --casino-filter-button-badge__size: 1.125rem; --casino-filter-button-badge__offset: .28rem; --casino-filter-button-badge__radius: 50%; --casino-filter-button-badge__bg: var(--wkg-color-white); --casino-filter-button-badge__color: var(--wkg-color-black); --casino-filter-button-badge__font-family: var(--wkg-font-family-primary); --casino-filter-button-badge__font-size: .75rem; --casino-filter-button-badge__font-weight: 700; --casino-filters-panel__bg: var(--wkg-color-grey-500); --casino-filters-panel__border-width: 1px; --casino-filters-panel__border-color: var(--wkg-color-white-10); --casino-filters-panel__radius: .75rem; --casino-filters-panel__padding: var(--wkg-section-padding-sm); --casino-filters-panel__section-gap: var(--wkg-section-padding-md); --casino-filters-panel__inner-gap: var(--wkg-section-padding-xs); --casino-filters-panel__title-font-family: var(--wkg-font-family-primary); --casino-filters-panel__title-font-size: .75rem; --casino-filters-panel__title-font-weight: 600; --casino-filters-panel__title-color: var(--wkg-color-grey-100); --casino-filters-panel__title-transform: none; --casino-filter-options__max-height: 200px; --casino-filter-option__column-gap: var(--wkg-section-padding-md); --casino-filter-option__row-gap: 0; --casino-filter-option__min-col-width: 11rem; --casino-filter-option__min-col-width-with-images: 7rem; --casino-filter-option__column-gap-with-images: var(--wkg-section-padding-xs); --casino-filter-option__gap: .125rem; --casino-filter-option__checkmark-gap: .25rem; --casino-filter-option__padding-y: .625rem; --casino-filter-option__font-family: var(--wkg-font-family-primary); --casino-filter-option__font-size: .875rem; --casino-filter-option__color: var(--wkg-color-grey-100); --casino-filter-option__color-selected: var(--wkg-color-grey-100); --casino-filter-option__checkmark-size: 1rem; --casino-filter-option__checkmark-radius: .375rem; --casino-filter-option__checkmark-border-width: 1px; --casino-filter-option__checkmark-border: var(--wkg-color-grey-200); --casino-filter-option__checkmark-border-selected: var(--wkg-color-grey-100); --casino-filter-option__checkmark-bg: transparent; --casino-filter-option__checkmark-bg-selected: var(--wkg-color-grey-100); --casino-filter-option__check-icon-size: .625rem; --casino-filter-option__check-icon-color: var(--wkg-color-grey-500); --casino-filter-option__tag-bg: var(--wkg-color-grey-100); --casino-filter-option__tag-color: var(--wkg-color-grey-500); --casino-filter-option__tag-font-size: .75rem; --casino-filter-option__image-width: 5.625rem; --casino-filter-option__image-height: auto; --casino-filter-option__image-radius: .25rem; --casino-filter-option__image-bg: transparent; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .device-desktop .web-app-casino-page, html:is([data-theme="ywin"], [data-theme="arabic"]) .device-large .web-app-casino-page { --casino-search__height: 3rem; --casino-search__font-size: 1rem; --casino-search__icon-size: 1.5rem; --casino-filter-options__max-height: 350px; --casino-filters-panel__title-font-size: .875rem; --casino-filter-option__checkmark-size: 1.25rem; --casino-filter-option__checkmark-radius: .5rem; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-games-groups { --wkg-games-groups__gap: 3rem; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .device-desktop .wkg-games-groups, html:is([data-theme="ywin"], [data-theme="arabic"]) .device-large .wkg-games-groups { --wkg-games-groups__gap: 2.5rem; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .web-app-casino-filters__search-field { border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: var(--casino-search__border-width) solid var(--casino-search__border-color); border-radius: 0px; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .web-app-casino-filters__search-field:focus-within { border-bottom-color: var(--casino-search__border-color-focus); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .web-app-casino-page__header { background: var(--wkg-body-bgColor); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .web-app-casino-page__top-bar { display: flex; flex-wrap: wrap; flex: 1 0 100%; align-items: center; justify-content: space-between; gap: var(--wkg-section-padding-xs); margin: calc(-1 * var(--wkg-section-padding-sm)) calc(-1 * var(--wkg-section-padding-md)) 0; padding: var(--wkg-section-padding-sm) var(--wkg-section-padding-md); background: var(--casino-header__bg); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .web-app-casino-filters__chip { height: 2rem; padding: 0px 0.625rem 0px 0.75rem; background: var(--wkg-color-white-10); border-radius: 6.25rem; font-weight: var(--wkg-font-weight-500); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-casino-navbar { --casino-navbar__bg: linear-gradient( 90deg, var(--wkg-color-black) 0%, var(--wkg-color-grey-400) 15%, var(--wkg-color-grey-400) 86%, var(--wkg-color-black) 100% ); --casino-navbar__gap: 1.5rem; --casino-navbar__padding: .5rem 1rem; --casino-navbar-item__gap: .25rem; --casino-navbar-item__padding: .125rem 0 .25rem; --casino-navbar-item__color: var(--wkg-color-grey-200); --casino-navbar-item__color-hover: var(--wkg-color-white); --casino-navbar-item__color-selected: var(--wkg-color-white); --casino-navbar-item__icon-color: var(--wkg-color-blue-400); --casino-navbar-item__font-size: .625rem; --casino-navbar-item__font-weight: var(--wkg-font-weight-500); --casino-navbar-item__icon-size: 1.75rem; --casino-navbar-item__underline-color: var(--wkg-color-blue-400); --casino-navbar-item__underline-height: .125rem; width: 100%; gap: var(--casino-navbar__gap); padding: var(--casino-navbar__padding); background: var(--casino-navbar__bg); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .device-desktop .wkg-casino-navbar, html:is([data-theme="ywin"], [data-theme="arabic"]) .device-large .wkg-casino-navbar { --casino-navbar__padding: .5rem 3.5rem; --casino-navbar-item__padding: .3125rem 0 .375rem; --casino-navbar-item__font-size: .75rem; --casino-navbar-item__icon-size: 2.25rem; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .web-app-casino-page__header .wkg-casino-navbar { width: auto; padding: 0px; background: none; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-casino-navbar .wkg-button--navSecondary { position: relative; flex-direction: column; gap: var(--casino-navbar-item__gap); padding: var(--casino-navbar-item__padding); background: none; border: 0px; border-radius: 0px; box-shadow: none; color: var(--casino-navbar-item__color); font-size: var(--casino-navbar-item__font-size); font-weight: var(--casino-navbar-item__font-weight); text-transform: uppercase; white-space: nowrap; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-casino-navbar .wkg-button--navSecondary .wkg-button__icon { display: block; width: var(--casino-navbar-item__icon-size); height: var(--casino-navbar-item__icon-size); color: var(--casino-navbar-item__icon-color); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-casino-navbar .wkg-button--navSecondary .wkg-button__icon svg, html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-casino-navbar .wkg-button--navSecondary .wkg-button__icon img { display: block; width: 100%; height: 100%; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-casino-navbar .wkg-button--navSecondary:hover { background: none; border: 0px; box-shadow: none; color: var(--casino-navbar-item__color-hover); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-casino-navbar .wkg-button--navSecondary.wkg-button--selected { background: none; border: 0px; box-shadow: none; color: var(--casino-navbar-item__color-selected); text-shadow: currentcolor 0.3px 0px 0px, currentcolor -0.3px 0px 0px; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-casino-navbar .wkg-button--navSecondary.wkg-button--selected::after { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; height: var(--casino-navbar-item__underline-height); border-radius: var(--casino-navbar-item__underline-height); background: var(--casino-navbar-item__underline-color); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .supportWrap { --support-subtitle__color: var(--wkg-color-grey-200); --support-input__bg: var(--wkg-color-grey-400); --support-input__color: var(--wkg-color-white); --support-input__placeholder-color: var(--wkg-color-grey-200); --support-submit__bg: linear-gradient(245deg, var(--wkg-color-turquoise-100) 4%, var(--wkg-color-blue-400) 45%); --support-submit__color: var(--wkg-color-white); --support-submit__shadow-hover: 0 0 20px 0 var(--wkg-shadow-color-blue-glow); --support-contact-label__color: var(--wkg-color-blue-400); --support-contact-value__color: var(--wkg-color-white); --support-icon__color: var(--wkg-color-white); --support-phone-divider__bg: var(--wkg-color-grey-200); --support-phone-pointer__bg: var(--wkg-color-grey-400); --support-phone-list__bg: #262935; --support-phone-list__border-color: #495261; --support-phone-code__color: var(--wkg-color-grey-200); --support-phone-flag-list__bg: var(--grey2); --support-phone-name__color: var(--wkg-color-white); --support-phone-dial-code__color: var(--gold); --support-phone-highlight__bg: var(--grey); --support-phone-country__color: var(--grey2); }
html[data-theme="betjordan"] { --bejo-black: #050406; --bejo-white: #ffffff; --bejo-white-20: #ffffff20; --bejo-white-60: #ffffff60; --bejo-white-80: #ffffff80; --bejo-grey-1: #e0dde2; --bejo-grey-2: #9698a1; --bejo-grey-3: #6b636f; --bejo-grey-4: #343237; --bejo-grey-5: #1e1b21; --bodyBgBlack: var(--bejo-black); --bejo-primary-green: #cfff04; --bejo-primary-green-lv2: #efffa9; --bejo-primary-orange: #ff3d23; --bejo-label-gradient-red: linear-gradient(90deg, #ff0022 0%, #ff075e 100%); --bejo-font-primary: "Poppins", sans-serif; --bejo-font-cta: "Evogria", sans-serif; --bejo-desktop-header-gradient: linear-gradient(0deg, rgba(5, 4, 6, 0) 0%, rgba(5, 4, 6, .8) 100%); --bejo-header-gradient: linear-gradient(0deg, rgba(5, 4, 6, 0) 0%, rgba(5, 4, 6, .35) 34.62%, rgba(5, 4, 6, .8) 100%); --bejo-layout-max-width-md: 878px; --bejo-promo-gradient-gold: linear-gradient(250deg, #fbe3a3 13.25%, #d3b06a 86.75%); --button-primary-hover-shadow: 0 0 .9375rem 0 var(--bejo-primary-green); --headerHeight: 90px; }
@font-face { font-family: Evogria; src: url("Evogria.woff") format("woff"), url("Evogria.ttf") format("truetype"); font-weight: 400; }
html[data-theme="betjordan"] body { font-family: Poppins, sans-serif !important; }
html[data-theme="betjordan"] .side-bar-mobile__logo .default-logo-wrapper, html[data-theme="betjordan"] .logoContainer .default-logo-wrapper { display: flex; align-items: center; justify-content: center; width: 7rem; height: 3.125rem; }
@media (min-width: 220px) and (max-width: 576px) {
  html[data-theme="betjordan"] .side-bar-mobile__logo .default-logo-wrapper, html[data-theme="betjordan"] .logoContainer .default-logo-wrapper { width: 7rem; height: 1.525rem; }
}
html[data-theme="betjordan"] .side-bar-mobile__logo .default-logo-wrapper svg, html[data-theme="betjordan"] .logoContainer .default-logo-wrapper svg { width: 100%; height: 100%; }
html[data-theme="betjordan"] .button { --button-primary-bg-color: var(--bejo-primary-green); --button-primary-border: var(--bejo-primary-green); --button-primary-hover-color: var(--bejo-primary-green-lv2); --button-primary-hover-shadow: 0 0 .9375rem 0 var(--bejo-primary-green); --button-primary-active-color: var(--bejo-primary-green-lv2); --button-primary-text-color: var(--bejo-black); --button-primary-outlined-text-color: var(--bejo-white); --button-secondary-bg: transparent; --button-secondary-color: var(--bejo-primary-green); --button-secondary-hover-color: var(--bejo-black); --button-secondary-border: var(--bejo-white-20); --button-secondary-hover-bg: intial; --button-secondary-active-bg: intial; --button-link-color: var(--yyy-dark-blue-lvl-1); --button-link-hover-color: var(--yyy-ui-medium-grey); --button-link-active-color: var(--yyy-ui-medium-grey); --button-border-radius: 3.75rem; --button-transition: all .2s ease-out; --button-disabled-background: transparent; --button-disabled-border-color: var(--bejo-grey-2); --button-disabled-opacity: 1; --button-disabled-color: var(--bejo-grey-2); --button-font-primary: var(--bejo-font-primary); --button-font-cta: var(--bejo-font-cta); --button-font-weight: 500; --button-icon-spacing: 0; }
html[data-theme="betjordan"] .button-base { --button-spacing-none: 0; --button-spacing-xs: .25rem; --button-spacing-sm: .5rem; --button-spacing-md: .625rem; --button-spacing-lg: .75rem; --button-spacing-xl: 1rem; --button-spacing-2xl: 1.25rem; --button-spacing-3xl: 1.5rem; --button-spacing-4xl: 2rem; --button-spacing-base: var(--button-spacing-md); --button-xs-padding: .375rem .375rem; --button-sm-padding: .5rem .5rem; --button-md-padding: .625rem .625rem; --button-lg-padding: .75rem .75rem; --button-xl-padding: .875rem .875rem; --button-2xl-padding: 1rem 1rem; --button-xs-font-size: .625rem; --button-sm-font-size: .75rem; --button-md-font-size: 1rem; --button-lg-font-size: 1rem; --button-xl-font-size: 1.125rem; --button-2xl-font-size: 1.25rem; --button-xs-icon-size: .875rem; --button-sm-icon-size: .9375rem; --button-md-icon-size: 1rem; --button-lg-icon-size: 1.125rem; --button-xl-icon-size: 1.25rem; --button-2xl-icon-size: 1.375rem; --button-xs-gap: .25rem; --button-sm-gap: .375rem; --button-md-gap: .625rem; --button-lg-gap: .75rem; --button-xl-gap: .875rem; --button-2xl-gap: 1rem; --button-border-radius-none: 0; --button-border-radius-xs: .25rem; --button-border-radius-sm: .5rem; --button-border-radius-md: .75rem; --button-border-radius-lg: 1rem; --button-border-radius-xl: 1.25rem; --button-border-radius-2xl: 1.5rem; --button-border-radius-3xl: 2rem; --button-border-radius-4xl: 2.5rem; --button-border-radius-5xl: 3rem; --button-border-radius-6xl: 3.75rem; --button-border-radius-base: var(--button-border-radius-6xl); --button-font-weight-100: 100; --button-font-weight-200: 200; --button-font-weight-300: 300; --button-font-weight-400: 400; --button-font-weight-500: 500; --button-font-weight-600: 600; --button-font-weight-700: 700; --button-font-weight-800: 800; --button-font-weight-900: 900; --button-font-weight-base: var(--button-font-weight-500); --button-font-style-normal: normal; --button-font-style-italic: italic; --button-font-style-oblique: oblique; --button-font-style-base: var(--button-font-style-normal); --button-font-family-base: var(--bejo-font-primary, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)  !important; --button-font-family-cta: var(--bejo-font-cta, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)  !important; --button-primary-bg-color: var(--bejo-primary-green); --button-primary-bg-hover-color: var(--bejo-primary-green-lv2); --button-primary-bg-shadow: none; --button-primary-bg-hover-shadow: 0 0 .9375rem 0 var(--bejo-primary-green); --button-primary-text-color: var(--bejo-black); --button-primary-text-hover-color: var(--bejo-black); --button-primary-font-weight: var(--button-font-weight-600); --button-primary-font-style: var(--button-font-style-base); --button-primary-border-radius: var(--button-border-radius-base); --button-primary-bg-active-color: var(--bejo-primary-green-lv2); --button-primary-active-text-color: var(--bejo-black); --button-primary-bg-active-shadow: none; --button-primary-border: none; --button-primary-border-hover: none; --button-primary-transition: var(--button-transition); --button-primary-outlined-bg-color: transparent; --button-primary-outlined-bg-hover-color: transparent; --button-primary-outlined-bg-shadow: none; --button-primary-outlined-bg-hover-shadow: none; --button-primary-outlined-text-color: var(--bejo-white); --button-primary-outlined-text-hover-color: var(--bejo-white); --button-primary-outlined-font-weight: var(--button-font-weight-600); --button-primary-outlined-font-style: var(--button-font-style-base); --button-primary-outlined-border-radius: var(--button-border-radius-base); --button-primary-outlined-bg-active-color: transparent; --button-primary-outlined-active-text-color: var(--bejo-white); --button-primary-outlined-bg-active-shadow: none; --button-primary-outlined-border: .0625rem solid var(--bejo-primary-green); --button-primary-outlined-border-hover: .0625rem solid var(--bejo-primary-green); --button-primary-outlined-transition: var(--button-transition); --button-secondary-bg-color: transparent; --button-secondary-bg-hover-color: var(--bejo-white); --button-secondary-bg-shadow: none; --button-secondary-bg-hover-shadow: none; --button-secondary-text-color: var(--bejo-primary-green); --button-secondary-text-hover-color: var(--bejo-black); --button-secondary-font-weight: var(--button-font-weight-600); --button-secondary-font-style: var(--button-font-style-base); --button-secondary-border-radius: var(--button-border-radius-base); --button-secondary-bg-active-color: var(--bejo-white); --button-secondary-active-text-color: var(--bejo-primary-green); --button-secondary-bg-active-shadow: none; --button-secondary-border: .0625rem solid var(--bejo-white-20); --button-secondary-border-hover: .0625rem solid var(--bejo-white-20); --button-secondary-transition: var(--button-transition); --button-secondary-outlined-bg-color: transparent; --button-secondary-outlined-bg-hover-color: var(--bejo-white); --button-secondary-outlined-bg-shadow: none; --button-secondary-outlined-bg-hover-shadow: none; --button-secondary-outlined-text-color: var(--bejo-primary-green); --button-secondary-outlined-text-hover-color: var(--bejo-black); --button-secondary-outlined-font-weight: var(--button-font-weight-600); --button-secondary-outlined-font-style: var(--button-font-style-base); --button-secondary-outlined-border-radius: var(--button-border-radius-base); --button-secondary-outlined-bg-active-color: var(--bejo-white); --button-secondary-outlined-active-text-color: var(--bejo-primary-green); --button-secondary-outlined-bg-active-shadow: none; --button-secondary-outlined-border: .0625rem solid var(--bejo-white-20); --button-secondary-outlined-border-hover: .0625rem solid var(--bejo-white-20); --button-secondary-outlined-transition: var(--button-transition); --button-link-bg-color: transparent; --button-link-text-color: var(--bejo-grey-2); --button-link-text-hover-color: var(--bejo-white); --button-link-text-decoration: none; --button-link-text-decoration-hover: none; --button-link-font-weight: var(--button-font-weight-700); --button-link-font-style: var(--button-font-style-base); --button-link-active-text-color: var(--bejo-white); --button-link-active-text-decoration: none; --button-transition: all .2s ease-out; --button-icon-spacing: 0; }
html[data-theme="betjordan"] .icon { --icon-primary-color: var(--bejo-primary-green); }
html[data-theme="betjordan"] .main-footer { --footer-section-border-color: var(--bejo-grey-4); --footer-menu-link-color: var(--bejo-grey-2); --footer-menu-link-hover-color: var(--bejo-white); --footer-channel-link-color: var(--bejo-primary-green); --footer-channel-icon-color: var(--bejo-white); --footer-copyright-text-color: var(--bejo-white-60); }
html[data-theme="betjordan"] .badge { background: var(--bejo-label-gradient-red); }
html[data-theme="betjordan"] .badge--new { background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: ; background-color: var(--bejo-primary-orange); }
html[data-theme="betjordan"] .badge__text { color: var(--white); }
html[data-theme="betjordan"] .Header { background: var(--bejo-desktop-header-gradient); }
html[data-theme="betjordan"] .Header .badge-wrapper .badge { position: static; display: block; margin-inline-start: 0.125rem; }
@media (min-width: 220px) and (max-width: 576px) {
  html[data-theme="betjordan"] .Header { background: var(--bejo-header-gradient); }
}
html[data-theme="betjordan"] .Header.isSticky { background-color: var(--bejo-black); }
html[data-theme="betjordan"] .app-header .app-header__logo-container .app-header__logo { margin-top: -0.3125rem; }
@media (min-width: 1200px) {
  html[data-theme="betjordan"] .app-header .app-header__logo-container .app-header__logo { margin-top: -0.5rem; }
}
html[data-theme="betjordan"] .header-user-menu { --header-user-menu-border-radius: var(--borderRadius); --header-user-menu-background-color: var(--bejo-grey-5); --header-user-menu-box-shadow-color: rgba(0, 0, 0, .5); --header-user-menu-divider-color: var(--bejo-grey-4); --header-user-menu-username-text-color: var(--bejo-grey-2); --header-user-menu-balance-text-color: var(--bejo-white); --header-user-menu-link-icon-color: var(--bejo-primary-green); --header-user-menu-link-text-color: var(--bejo-white); --header-user-menu-logout-text-color: var(--bejo-grey-2); --header-user-menu-vip-balance-text-color: var(--bejo-promo-gradient-gold); --header-user-menu-vip-icon-color: var(--bejo-primary-green); }
html[data-theme="betjordan"] .header-user-menu--show .header-user-menu__balance span { background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; color: transparent; }
html[data-theme="betjordan"] .HeaderGameFilter { top: 5.375rem; }
html[data-theme="betjordan"] .MuiDialog-paper .Dialog-CloseButton { z-index: 3; }
html[data-theme="betjordan"] .MuiDialog-paper .Dialog-CloseButton > button svg { color: var(--bejo-white); }
html[data-theme="betjordan"] .MuiDialog-paper .signUpContainer .signUpContainerCol-title { position: relative; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
html[data-theme="betjordan"] .MuiDialog-paper .signUpContainer .signUpContainerCol-title .signUpContainerCol-gradient { z-index: 1; inset: 0px; position: absolute; background: linear-gradient(rgb(30, 27, 33), rgba(30, 27, 33, 0) 50%, rgba(30, 27, 33, 0) 59.62%, rgba(30, 27, 33, 0.7)) 0% 0% / cover; }
html[data-theme="betjordan"] .MuiDialog-paper .signUpContainer .signUpContainerCol-title ._title, html[data-theme="betjordan"] .MuiDialog-paper .signUpContainer .signUpContainerCol-title .registeredLoginLink, html[data-theme="betjordan"] .MuiDialog-paper .signUpContainer .signUpContainerCol-title .signupBonusInfo { z-index: 2; }
html[data-theme="betjordan"] .MuiDialog-paper .signUpContainer .signUpContainerCol-title ._title { color: var(--bejo-white); }
html[data-theme="betjordan"] .MuiDialog-paper .signUpContainer .signUpContainerCol-title .registeredLoginLink { color: var(--bejo-grey-1); }
html[data-theme="betjordan"] .MuiDialog-paper .signUpContainer .signUpContainerCol-title .registeredLoginLink > span { color: var(--bejo-primary-green); }
html[data-theme="betjordan"] .MuiDialog-paper .signUpContainer .signUpContainerCol-title .signupBonusInfo > h1 { background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; font-style: normal; font-weight: 400; font-family: Evogria; }
html[data-theme="betjordan"] .MuiDialog-paper .signUpContainer .signUpContainerCol-title .signupBonusInfo > h2 { color: var(--bejo-white); }
html[data-theme="betjordan"] .signup-modal-logo-container { position: absolute; z-index: 10; top: 0px; left: 50%; transform: translate(-50%, -120%); }
html[data-theme="betjordan"] .signup-modal-logo-container svg { height: 1.875rem; }
html[data-theme="betjordan"] .Providers { padding-top: 1.25rem; }
html[data-theme="betjordan"] .games-categories-wrapper { display: flex; flex-direction: column; gap: 0.5rem; }
@media (min-width: 768px) {
  html[data-theme="betjordan"] .games-categories-wrapper { flex-direction: row; gap: 0px; }
}
html[data-theme="betjordan"] .games-categories-wrapper .wkg-grid-components { overflow-x: auto; scrollbar-width: none; }
html[data-theme="betjordan"] .games-categories-wrapper .wkg-grid-components button.wkg-button { white-space: nowrap; }
html[data-theme="betjordan"] .games-categories-wrapper .wkg-grid-components::-webkit-scrollbar { display: none; }
@media (min-width: 220px) {
  html[data-theme="betjordan"] .games-categories-wrapper .wkg-grid-components { padding: 0 var(--wkg-spacing-md); }
}
html[data-theme="betjordan"] .games-categories-wrapper .betjordan-games-categories .wkg-buttons-group { gap: 0.5rem; }
html[data-theme="betjordan"] .games-filters__search-wrapper { background-color: var(--wkg-color-grey-400); padding: 0 var(--wkg-spacing-md); border-radius: var(--wkg-border-radius-4xl); }
html[data-theme="betjordan"] .games-filters__search-wrapper .text-field { height: 100%; }
html[data-theme="betjordan"] .games-filters__search-wrapper .text-field input { padding: 0px; padding-inline-start: 1.75rem; }
html[data-theme="betjordan"] .games-filters__search-wrapper .icon div { display: flex; }
html[data-theme="betjordan"] .games-filters__search .text-field input { padding: 0px; padding-inline-start: 0px; border: medium; }
html[data-theme="betjordan"] .games-filters__search .text-field__cancel-icon { right: 0px; }
html[data-theme="betjordan"] .games-filters__search--expanded { min-width: 16.25rem; }
html[data-theme="betjordan"] .games-filters__search--expanded .games-filters__search-wrapper { width: 100%; }
html[data-theme="betjordan"] .games-filters__search--expanded .games-filters__actions-search-button { display: none; }
html[data-theme="betjordan"] .games-filters__actions { box-sizing: border-box; }
html[data-theme="betjordan"] .games-filters__actions--overlay { background-color: transparent; }
@media (min-width: 220px) {
  html[data-theme="betjordan"] .games-filters__providers-wrapper .dropdown__button { padding: var(--wkg-spacing-xs) var(--wkg-spacing-md); }
}
html[data-theme="betjordan"] .dropdown { --dropdown-button-background-color: var(--bejo-grey-4); --dropdown-button-list-border-radius--open: 1.25rem; --dropdown-button-list-border-radius: 6.25rem; --dropdown-button-list-text-color: var(--bejo-white); --dropdown-list-background-color: var(--bejo-grey-5); --dropdown-list-divider-color: var(--bejo-grey-4); }
html[data-theme="betjordan"] .PromotionCard-Wrapper { border-radius: 0.75rem; background: var(--bejo-grey-5); }
html[data-theme="betjordan"] .PromotionCard-Wrapper .PromotionCardInfo-Button { display: none; }
@media (min-width: 768px) {
  html[data-theme="betjordan"] .PromotionCard-Wrapper .PromotionCardInfo-Button { display: inline-block; }
}
html[data-theme="betjordan"] .betjordan-bonus-card { display: flex; flex-direction: column; padding: 0.75rem 1rem; border-radius: 0.75rem; background-color: var(--wkg-section-bgColor-secondary); }
html[data-theme="betjordan"] .betjordan-bonus-card__header { display: flex; flex-direction: column; gap: 0.5rem; padding-bottom: 1rem; }
html[data-theme="betjordan"] .betjordan-bonus-card__title { margin: 0px; font-style: italic; font-size: 1rem; line-height: normal; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; word-break: break-word; }
html[data-theme="betjordan"] .betjordan-bonus-card__description { margin: 0px; font-size: 0.875rem; line-height: 1.4001; color: var(--wkg-color-text-primary); word-break: break-word; }
html[data-theme="betjordan"] .betjordan-bonus-card__conditions { display: flex; align-items: flex-start; gap: 0.5rem; padding: 0.5rem 0px 1rem; border-top: .0625rem solid var(--wkg-border-color-primary); }
html[data-theme="betjordan"] .betjordan-bonus-card__conditions-heading { display: flex; align-items: center; gap: 0.25rem; }
html[data-theme="betjordan"] .betjordan-bonus-card__conditions-icon { display: flex; align-items: center; flex-shrink: 0; }
html[data-theme="betjordan"] .betjordan-bonus-card__conditions-icon svg { display: block; width: 1.125rem; height: 1.125rem; }
html[data-theme="betjordan"] .betjordan-bonus-card__conditions-label { font-weight: 400; font-size: 0.875rem; line-height: 1.4001; color: var(--wkg-color-text-primary); white-space: nowrap; }
html[data-theme="betjordan"] .betjordan-bonus-card__conditions-values { display: flex; flex: 1 0 0px; flex-direction: column; align-items: flex-end; gap: 0.125rem; }
html[data-theme="betjordan"] .betjordan-bonus-card__condition { display: flex; align-items: center; gap: 0.375rem; font-weight: 400; font-size: 0.75rem; line-height: 1.4001; color: var(--wkg-color-text-secondary); }
html[data-theme="betjordan"] .betjordan-bonus-card__condition-dot { flex-shrink: 0; width: 0.1875rem; height: 0.1875rem; border-radius: 50%; background-color: var(--wkg-color-text-secondary); }
html[data-theme="betjordan"] .betjordan-bonus-card__progress { display: flex; flex-direction: column; gap: 0.5rem; padding-bottom: 1rem; }
html[data-theme="betjordan"] .betjordan-bonus-card__progress-labels { display: flex; justify-content: space-between; font-size: 0.75rem; line-height: 1.4001; }
html[data-theme="betjordan"] .betjordan-bonus-card__progress-wagered { color: var(--wkg-color-text-primary); }
html[data-theme="betjordan"] .betjordan-bonus-card__progress-requirement { color: var(--wkg-color-text-secondary); }
html[data-theme="betjordan"] .betjordan-bonus-card__progress-track { width: 100%; height: 0.375rem; border-radius: 1.5rem; background-color: var(--wkg-border-color-primary); }
html[data-theme="betjordan"] .betjordan-bonus-card__progress-fill { height: 0.375rem; min-width: 0.375rem; border-radius: 1.5rem; background: var(--wkg-color-gradient-red-400); }
html[data-theme="betjordan"] .betjordan-bonus-card__footer { display: flex; justify-content: flex-start; }
html[data-theme="betjordan"] .betjordan-bonus-card .betjordan-bonus-card__cancel-button { min-width: 0px; padding: 0.125rem 0px; background: transparent; border: medium; font-size: 0.75rem; font-weight: 500; color: var(--wkg-color-text-secondary); cursor: pointer; }
html[data-theme="betjordan"] .betjordan-bonus-card .betjordan-bonus-card__cancel-button .button__content { color: var(--wkg-color-text-secondary); font-weight: 500; text-decoration: none; }
html[data-theme="betjordan"] .betjordan-bonus-card .betjordan-bonus-card__cancel-button:hover { opacity: 0.8; }
html[data-theme="betjordan"] .BonusDetailsModal { --bonus-details-modal-background: var(--bejo-primary-green); }
html[data-theme="betjordan"] .MobileFooterFloatMenuContainer { --float-menu-bottom-background-color: var(--bejo-grey-5); --float-menu-item-indicator-background-color: var(--bejo-label-gradient-red); --float-menu-item-active-background-color: var(--bejo-primary-green); --float-menu-item-indicator-text-color: var(--bejo-white); --float-menu-item-title-text-color: var(--yyy-ui-light-grey); --float-menu-item-active-icon-color: var(--bejo-white); --float-menu-item-inactive-icon-color: var(--bejo-grey-2); --float-menu-cta-text-color: var(--bejo-grey-5); --float-menu-cta-icon-color: var(--bejo-black); --float-menu-cta-background-color: var(--bejo-white); --float-menu-badge-text-color: var(--yyy-black); }
html[data-theme="betjordan"] .FloatMenu-Item-Title { font-weight: 400; font-family: var(--bejo-font-primary); font-size: 0.5625rem; color: var(--bejo-grey-1); }
html[data-theme="betjordan"] .sports-wrap { --sports-wrapper-background: transparent; }
html[data-theme="betjordan"] .cashier-navigation__tab--active { border-color: var(--bejo-primary-green); }
html[data-theme="betjordan"] .cashier-tabs-container { background-color: var(--bejo-grey-4); }
html[data-theme="betjordan"] .cashier-tabs-container__tab--active::after { background-color: var(--bejo-primary-green); }
@media (min-width: 220px) and (max-width: 576px) {
  html[data-theme="betjordan"] .cashier-tabs-container { background-color: var(--bejo-black); }
}
html[data-theme="betjordan"] .cashier-navigation-mobile__menu, html[data-theme="betjordan"] .new_DepositContainer-Inner--v2, html[data-theme="betjordan"] .new_DepositContainer .Section { background-color: var(--bejo-grey-5); }
@media (min-width: 220px) and (max-width: 576px) {
  html[data-theme="betjordan"] .AmountPicker .Section-Title { text-align: start; }
}
html[data-theme="betjordan"] .AmountPicker-Input input { border-radius: 8px; background-color: var(--bejo-black); border: 1px solid var(--bejo-grey-4); }
html[data-theme="betjordan"] .AmountPicker-Input input:disabled { opacity: 0.7; cursor: not-allowed; }
html[data-theme="betjordan"] .AmountPicker-Validation .Error { background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; }
@media (min-width: 220px) and (max-width: 576px) {
  html[data-theme="betjordan"] .AmountPicker .AmountPickerBlock { padding: 0px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  html[data-theme="betjordan"] .AmountPicker { padding: 1rem; }
}
html[data-theme="betjordan"] .AmountPicker-Preset { justify-content: flex-start; gap: 0.5rem; }
html[data-theme="betjordan"] .AmountPicker-Preset .AmountPicker-Preset-Item { border-radius: 8px; width: 7.5rem; padding: 0px; background-color: transparent; border: 1px solid var(--bejo-grey-4); max-width: 100%; }
html[data-theme="betjordan"] .AmountPicker-Preset .AmountPicker-Preset-Item-Value { opacity: 1; }
html[data-theme="betjordan"] .AmountPicker-Preset .AmountPicker-Preset-Item-Value:hover { background-color: var(--bejo-grey-4); }
html[data-theme="betjordan"] .AmountPicker-Preset .AmountPicker-Preset-Item-Value.activeItem { border-radius: 8px; background-color: var(--yyy-white); color: var(--bejo-black); }
html[data-theme="betjordan"] .buttons-container .deposit-button__icon { color: inherit; }
html[data-theme="betjordan"] .PaymentInfo { display: flex; align-items: center; margin: 0px 2rem; gap: 0.25rem; color: var(--bejo-grey-2); font-size: 0.75rem; }
html[data-theme="betjordan"] .PaymentInfo .Logos { display: flex; gap: 0.25rem; justify-content: center; padding: 0.25rem 0.125rem; }
html[data-theme="betjordan"] .PaymentInfo .Logos svg { width: 3rem; height: 3rem; }
@media (min-width: 220px) and (max-width: 576px) {
  html[data-theme="betjordan"] .PaymentInfo .Logos svg { width: 2rem; height: 2rem; }
}
@media (min-width: 220px) and (max-width: 576px) {
  html[data-theme="betjordan"] .PaymentInfo { justify-content: center; margin: 0.5rem 0px 0px; }
  html[data-theme="betjordan"] .PaymentInfo p { max-width: 9.375rem; margin: 0px; }
}
html[data-theme="betjordan"] .new_WithdrawalContainer-Inner--v2, html[data-theme="betjordan"] .new_WithdrawalContainer .Section { background-color: var(--bejo-grey-5); }
html[data-theme="betjordan"] .PaymentMethods-List-Item-MinimumDeposit { font-weight: var(--wkg-font-weight-400); color: var(--wkg-color-grey-300); bottom: 0.125rem; }
html[data-theme="betjordan"] .PaymentMethods-List-Item.Active { border: medium; }
html[data-theme="betjordan"] .PaymentMethods-List-Item.Active div { background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: ; background-color: var(--bejo-primary-green); }
html[data-theme="betjordan"] .PaymentMethods-List-Item.Active::after { bottom: -0.25rem; right: -0.25rem; top: unset; background-image: url("select-tick-bejo.svg"); }
html[data-theme="betjordan"] .transaction-table { --tt-filter-button-border-color: var(--bejo-white-20); --tt-filter-button-active-border-color: var(--bejo-primary-green); --tt-filter-button-text-color: var(--bejo-white); --tt-filter-button-text-weight: 600; --tt-filter-button-border-radius: 3.75rem; }
html[data-theme="betjordan"] .transaction-table .table-container .table__load-more .button:hover { background-color: var(--bejo-white); color: var(--bejo-black); }
html[data-theme="betjordan"] .transaction-table__filters .tabbed-buttons > .tabbed-buttons__button, html[data-theme="betjordan"] .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button, html[data-theme="betjordan"] .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button { border: .0625rem solid var(--bejo-white-20); border-radius: 3.75rem; transition: 0.2s ease-out; }
html[data-theme="betjordan"] .transaction-table__filters .tabbed-buttons > .tabbed-buttons__button > span, html[data-theme="betjordan"] .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button > span, html[data-theme="betjordan"] .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button > span { color: var(--bejo-white); font-weight: 600; }
html[data-theme="betjordan"] .transaction-table__filters .tabbed-buttons > .tabbed-buttons__button--active, html[data-theme="betjordan"] .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button--active, html[data-theme="betjordan"] .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button--active { border-color: var(--bejo-primary-green); }
html[data-theme="betjordan"] .transaction-table__filters .tabbed-buttons > .tabbed-buttons__button:hover:not(html[data-theme="betjordan"] .transaction-table__filters .tabbed-buttons > .tabbed-buttons__button--active, html[data-theme="betjordan"] .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button--active, html[data-theme="betjordan"] .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button--active), html[data-theme="betjordan"] .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button:hover:not(html[data-theme="betjordan"] .transaction-table__filters .tabbed-buttons > .tabbed-buttons__button--active, html[data-theme="betjordan"] .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button--active, html[data-theme="betjordan"] .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button--active), html[data-theme="betjordan"] .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button:hover:not(html[data-theme="betjordan"] .transaction-table__filters .tabbed-buttons > .tabbed-buttons__button--active, html[data-theme="betjordan"] .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button--active, html[data-theme="betjordan"] .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button--active) { background-color: var(--bejo-white); border-color: var(--bejo-white); }
html[data-theme="betjordan"] .transaction-table__filters .tabbed-buttons > .tabbed-buttons__button:hover:not(html[data-theme="betjordan"] .transaction-table__filters .tabbed-buttons > .tabbed-buttons__button--active, html[data-theme="betjordan"] .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button--active, html[data-theme="betjordan"] .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button--active) > span, html[data-theme="betjordan"] .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button:hover:not(html[data-theme="betjordan"] .transaction-table__filters .tabbed-buttons > .tabbed-buttons__button--active, html[data-theme="betjordan"] .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button--active, html[data-theme="betjordan"] .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button--active) > span, html[data-theme="betjordan"] .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button:hover:not(html[data-theme="betjordan"] .transaction-table__filters .tabbed-buttons > .tabbed-buttons__button--active, html[data-theme="betjordan"] .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button--active, html[data-theme="betjordan"] .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button--active) > span { color: var(--bejo-black); }
html[data-theme="betjordan"] .transaction-history { --tt-progress-card-primary-color: var(--bejo-primary-green); }
html[data-theme="betjordan"] .transaction-history__content-cards .recent-withdrawal-card { background-color: var(--bejo-grey-5); }
html[data-theme="betjordan"] .transaction-history__content-cards .recent-withdrawal-card__header-counter { color: var(--bejo-primary-green); }
html[data-theme="betjordan"] .transaction-history__content-cards .recent-withdrawal-card__content .linear-progress-bar__track { background-color: var(--bejo-grey-4); }
html[data-theme="betjordan"] .transaction-history__content-cards .recent-withdrawal-card__content .linear-progress-bar__fill { background: var(--bejo-primary-green); box-shadow: 0 0 4px 1px var(--bejo-primary-green),0 0 2px .5px var(--bejo-primary-green); }
@keyframes progress-glow {
0%, 100% { box-shadow: 0 0 4px 1px rgb(from var(--bejo-primary-green) r g b/.2),0 0 2px .5px rgb(from var(--bejo-primary-green) r g b/.15); }
50% { box-shadow: 0 0 6px 2px rgb(from var(--bejo-primary-green) r g b/.35),0 0 3px 1px rgb(from var(--bejo-primary-green) r g b/.25); }
}
html[data-theme="betjordan"] .payment-details { --payment-details__tabs-active-border-color: var(--bejo-primary-green); --payment-details__status-color: var(--bejo-primary-green); }
html[data-theme="betjordan"] .Bonuses-Carousel .DepositBonuses-Info > span { background: var(--bejo-label-gradient-red); }
html[data-theme="betjordan"] .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__info { pointer-events: none; }
html[data-theme="betjordan"] .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__info-button { cursor: pointer; }
html[data-theme="betjordan"] .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__amount { color: var(--bejo-white); }
html[data-theme="betjordan"] .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item::before { background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: ; background-color: var(--bejo-primary-green); }
html[data-theme="betjordan"] .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item::after { background-image: url("select-tick-bejo-green.svg"); }
html[data-theme="betjordan"] .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card .bonus-card__gradient-overlay { background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: ; background-color: var(--bejo-primary-green); }
html[data-theme="betjordan"] .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card .bonus-card__gradient-overlay .bonus-card__check-icon { background-image: url("confirmation.svg"); }
html[data-theme="betjordan"] .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__sides-gradient--left { background: linear-gradient(90deg,var(--bejo-grey-5) 0%,rgba(0,0,0,0) 100%); }
html[data-theme="betjordan"] .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__sides-gradient--right { background: linear-gradient(90deg,rgba(0,0,0,0) 0%,var(--bejo-grey-5) 100%); }
html[data-theme="betjordan"] .sidebar-mobile-link-item { font-weight: 500; }
html[data-theme="betjordan"] .sidebar-mobile-link-item--deposit { background: var(--bejo-primary-green); color: var(--bejo-black); }
html[data-theme="betjordan"] .sidebar-mobile-link-item--deposit:hover { background: var(--bejo-primary-green-lv2); box-shadow: var(--button-primary-hover-shadow); }
html[data-theme="betjordan"] .sidebar-mobile-link-item__icon { color: var(--bejo-primary-green); }
html[data-theme="betjordan"] .Game-Card__wrapper .Game-Card-Item-Details-Block > h5 { color: var(--bejo-white); font-size: 0.8125rem; font-weight: 600; }
html[data-theme="betjordan"] .Game-Card__wrapper .Game-Card-Item-Details-Block > h3 { font-size: 0.6875rem; font-weight: 500; color: var(--bejo-grey-2); }
html[data-theme="betjordan"] .text-field { position: relative; }
html[data-theme="betjordan"] .text-field__cancel-icon { position: absolute; right: 0.625rem; top: 50%; transform: translateY(-50%); cursor: pointer; }
html[data-theme="betjordan"] .text-field__cancel-icon div { line-height: 1em; }
html[data-theme="betjordan"] .Promotions { display: grid; grid-template-columns: repeat(2, 1fr); max-width: var(--bejo-layout-max-width-md); margin: 0px auto; }
@media (min-width: 768px) {
  html[data-theme="betjordan"] .Promotions { gap: 1.5rem; }
}
html[data-theme="betjordan"] .Promotions .PromotionsHeader .MainTitle { margin-top: 0px; text-align: start; }
html[data-theme="betjordan"] .Promotions .PromotionsHeader .MainSubTitle { font-size: 1rem; text-align: start; margin-bottom: 2rem; }
html[data-theme="betjordan"] .Promotions .PromotionCard-Wrapper { background-color: var(--bejo-grey-5); }
@media (min-width: 220px) and (max-width: 576px) {
  html[data-theme="betjordan"] .Promotions { grid-template-columns: 1fr; }
  html[data-theme="betjordan"] .Promotions .PromotionsHeader .MainTitle, html[data-theme="betjordan"] .Promotions .PromotionsHeader .MainSubTitle { text-align: center; }
}
html[data-theme="betjordan"] .PromotionCard-Wrapper .PromotionCardImage { width: 40%; }
html[data-theme="betjordan"] .PromotionCard-Wrapper .PromotionCardInfo { padding: 1rem; }
html[data-theme="betjordan"] .PromotionCard-Wrapper .PromotionCardInfo-Title { font-weight: 800; }
html[data-theme="betjordan"] .PromotionCard-Wrapper .PromotionCardInfo-SubTitle { font-weight: 300; margin-top: 0px; }
html[data-theme="betjordan"] .PromotionCard-Wrapper .PromotionCardInfo-InfoButton { top: 0px; right: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 0px; }
html[data-theme="betjordan"] .PromotionsHeader-CTA { --button-secondary-border: var(--bejo-white-20); --button-secondary-color: var(--bejo-primary-green); --button-secondary-hover-bg: var(--bejo-primary-green); --button-secondary-hover-color: var(--bejo-black); --button-secondary-active-bg: var(--button-secondary-bg); }
html[data-theme="betjordan"] .GamesPageSlider .SliderHeader .SliderHeaderActions .SliderHeaderActionsNavigation { display: none; }
html[data-theme="betjordan"] .GamesPageSlider .SliderHeader .SliderHeaderActions .SliderHeaderActionsSeeMore { background-position: 0% 0%; background-repeat: repeat; background-attachment: scroll; background-image: none; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: var(--bejo-grey-5); border: medium !important; }
html[data-theme="betjordan"] .GamesPageSlider .SliderHeader .SliderHeaderActions .SliderHeaderActionsSeeMore:hover { background-color: var(--bejo-white); color: var(--bejo-black); box-shadow: none; --button-primary-outlined-text-color: var(--bejo-black); }
html[data-theme="betjordan"] .GamesPageSlider .SliderHeader .SliderHeaderActions .SliderHeaderActionsSeeMore:hover span { color: var(--bejo-black); }
html[data-theme="betjordan"] .form-password-checker { --form-password-checker-invalid: var(--yyy-ui-medium-grey); --form-password-checker-hint-color: var(--yyy-dark-blue); --form-password-checker-text-color: var(--yyy-ui-medium-grey); }
html[data-theme="betjordan"] .betjordan-form-layout1-theme1 .form-password-checker { padding: 1rem 0px; }
html[data-theme="betjordan"] .betjordan-form-layout1-theme1 .form-password-checker .form-password-checker__title { font-size: var(--wkg-font-size-xs); color: var(--wkg-color-text-primary); opacity: 1; }
html[data-theme="betjordan"] .betjordan-form-layout1-theme1 .form-password-checker .form-password-checker__validation-list { gap: 0.5rem; }
html[data-theme="betjordan"] .betjordan-form-layout1-theme1 .form-password-checker .form-password-checker__validation-list-item-icon--valid { color: var(--wkg-color-green-200); }
html[data-theme="betjordan"] .betjordan-form-layout1-theme1 .form-password-checker .form-password-checker__validation-list-item-text { font-size: var(--wkg-font-size-xs); color: var(--wkg-color-grey-200); }
html[data-theme="betjordan"] .footer-license-info { --license-text-color: var(--bejo-grey-2); --license-link-color: var(--bejo-grey-2); --license-link-weight: 700; }
html[data-theme="betjordan"] html[data-theme="betjordan"] { --popover-bg: var(--bejo-grey-5); --popover-header-color: var(--bejo-white); --popover-link-color: var(--bejo-primary-green); --popover-focus-ring-color: var(--bejo-primary-green); }
html[data-theme="betjordan"] .web-app-casino-page { --casino-header__bg: var(--wkg-body-bgColor); --casino-header__margin-bottom: 0; --casino-sections__gap: var(--wkg-section-margin-xl); --casino-search__bg: var(--wkg-color-grey-500); --casino-search__border-color: var(--wkg-color-white-20); --casino-search__border-color-focus: var(--wkg-color-grey-100); --casino-search__border-width: 1px; --casino-search__radius: 1.25rem; --casino-search__height: 2rem; --casino-search__padding-x: 2.5rem; --casino-search__text-color: var(--wkg-color-grey-100); --casino-search__placeholder-color: var(--wkg-color-grey-200); --casino-search__icon-color: var(--wkg-color-grey-200); --casino-search__font-family: var(--wkg-font-family-primary); --casino-search__font-size: .875rem; --casino-search__line-height: 1.4; --casino-search__icon-size: 1rem; --casino-search__icon-offset: .875rem; --casino-search__width-desktop: 18rem; --casino-search__clear-color: var(--wkg-color-grey-200); --casino-search__clear-color-hover: var(--wkg-color-grey-100); --casino-search__clear-bg-hover: var(--wkg-color-white-10); --casino-search__clear-icon-size: .75rem; --casino-chips__gap: var(--wkg-section-padding-xs); --casino-chip__color: var(--wkg-color-grey-100); --casino-chip__font-family: var(--wkg-font-family-primary); --casino-chip__font-size: .75rem; --casino-chip__line-height: 1; --casino-chip__inner-gap: .375rem; --casino-chip__close-color: var(--wkg-color-grey-200); --casino-chip__close-color-hover: var(--wkg-color-grey-100); --casino-chip__close-size: 1rem; --casino-chip__close-icon-size: .625rem; --casino-clear-all__color: var(--wkg-color-green-200); --casino-clear-all__color-hover: var(--wkg-color-green-100); --casino-clear-all__font-family: var(--wkg-font-family-primary); --casino-clear-all__font-size: .75rem; --casino-clear-all__font-weight: 400; --casino-clear-all__padding: 0; --casino-chips-row__gap: var(--wkg-section-padding-sm); --casino-search-row__gap: var(--wkg-section-padding-xs); --casino-filter-button__radius: .625rem; --casino-filter-button__border-width: 1px; --casino-filter-button__border-color: var(--wkg-color-white-20); --casino-filter-button__border-color-hover: var(--wkg-color-grey-100); --casino-filter-button__border-color-active: var(--wkg-color-green-200); --casino-filter-button__bg: var(--wkg-color-grey-500); --casino-filter-button__bg-hover: var(--wkg-color-grey-500); --casino-filter-button__bg-active: var(--wkg-color-grey-500); --casino-filter-button__icon-color: var(--wkg-color-grey-200); --casino-filter-button__icon-color-hover: var(--wkg-color-grey-100); --casino-filter-button__icon-color-active: var(--wkg-color-green-200); --casino-filter-button__icon-size: 1rem; --casino-filter-button-badge__size: .875rem; --casino-filter-button-badge__offset: .25rem; --casino-filter-button-badge__radius: 50%; --casino-filter-button-badge__bg: var(--wkg-color-red-400); --casino-filter-button-badge__color: var(--wkg-color-white); --casino-filter-button-badge__font-family: var(--wkg-font-family-primary); --casino-filter-button-badge__font-size: .625rem; --casino-filter-button-badge__font-weight: 700; --casino-filters-panel__bg: var(--wkg-color-grey-500); --casino-filters-panel__border-width: 1px; --casino-filters-panel__border-color: var(--wkg-color-white-10); --casino-filters-panel__radius: .75rem; --casino-filters-panel__padding: var(--wkg-section-padding-sm); --casino-filters-panel__section-gap: var(--wkg-section-padding-md); --casino-filters-panel__inner-gap: var(--wkg-section-padding-xs); --casino-filters-panel__title-font-family: var(--wkg-font-family-primary); --casino-filters-panel__title-font-size: .75rem; --casino-filters-panel__title-font-weight: 600; --casino-filters-panel__title-color: var(--wkg-color-grey-100); --casino-filters-panel__title-transform: none; --casino-filter-options__max-height: 200px; --casino-filter-option__column-gap: var(--wkg-section-padding-md); --casino-filter-option__row-gap: 0; --casino-filter-option__min-col-width: 11rem; --casino-filter-option__min-col-width-with-images: 7rem; --casino-filter-option__column-gap-with-images: var(--wkg-section-padding-xs); --casino-filter-option__gap: .125rem; --casino-filter-option__checkmark-gap: .25rem; --casino-filter-option__padding-y: .625rem; --casino-filter-option__font-family: var(--wkg-font-family-primary); --casino-filter-option__font-size: .875rem; --casino-filter-option__color: var(--wkg-color-grey-100); --casino-filter-option__color-selected: var(--wkg-color-grey-100); --casino-filter-option__checkmark-size: 1rem; --casino-filter-option__checkmark-radius: .375rem; --casino-filter-option__checkmark-border-width: 1px; --casino-filter-option__checkmark-border: var(--wkg-color-grey-200); --casino-filter-option__checkmark-border-selected: var(--wkg-color-green-200); --casino-filter-option__checkmark-bg: transparent; --casino-filter-option__checkmark-bg-selected: var(--wkg-color-green-200); --casino-filter-option__check-icon-size: .625rem; --casino-filter-option__check-icon-color: var(--wkg-color-grey-500); --casino-filter-option__tag-bg: var(--wkg-color-red-400); --casino-filter-option__tag-color: var(--wkg-color-white); --casino-filter-option__tag-font-size: .75rem; --casino-filter-option__image-width: 5.625rem; --casino-filter-option__image-height: auto; --casino-filter-option__image-radius: .25rem; --casino-filter-option__image-bg: transparent; }
html[data-theme="betjordan"] .device-desktop .web-app-casino-page, html[data-theme="betjordan"] .device-large .web-app-casino-page { --casino-search__height: 2.5rem; --casino-filter-options__max-height: 350px; --casino-filters-panel__title-font-size: .875rem; --casino-filter-option__checkmark-size: 1.25rem; --casino-filter-option__checkmark-radius: .5rem; }
html[data-theme="betjordan"] .supportWrap { --support-subtitle__color: var(--grey9); --support-input__bg: var(--greyDark2); --support-input__color: var(--white); --support-input__placeholder-color: var(--grey9); --support-submit__bg: linear-gradient(245deg, var(--darkTurquoise) 4%, var(--azure) 45%); --support-submit__color: var(--white); --support-submit__shadow-hover: 0 0 20px 0 rgba(47, 117, 188, .8); --support-contact-label__color: var(--azure); --support-contact-value__color: var(--white); --support-icon__color: var(--wkg-color-white); --support-phone-divider__bg: var(--grey9); --support-phone-pointer__bg: var(--greyDark2); --support-phone-list__bg: #262935; --support-phone-list__border-color: #495261; --support-phone-code__color: var(--grey9); --support-phone-flag-list__bg: var(--grey2); --support-phone-name__color: var(--white); --support-phone-dial-code__color: var(--gold); --support-phone-highlight__bg: var(--grey); --support-phone-country__color: var(--grey2); }
html[data-theme="betjordan"] .winners-feed { --winners-feed__bg: transparent; --winners-feed__border: var(--wkg-color-white-10); padding: 0px; }
html[data-theme="betjordan"] .winners-feed__fade { background: linear-gradient(180deg,transparent 0%,var(--wkg-color-black) 100%); }
html[data-theme="betjordan"] .cta-button .wkg-button--primary.wkg-button--filled, .cta-button html[data-theme="betjordan"] .wkg-button--primary.wkg-button--filled, html[data-theme="betjordan"] .see-all-button-wrapper .cta-button.wkg-button--primary.wkg-button--filled, .see-all-button-wrapper html[data-theme="betjordan"] .cta-button.wkg-button--primary.wkg-button--filled, html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__see-all, .betjordan-gamesList-layout1-theme1 html[data-theme="betjordan"] .wkg-games-list__see-all, html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button .wkg-button--primary.wkg-button--filled, .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button html[data-theme="betjordan"] .wkg-button--primary.wkg-button--filled { display: inline-flex; align-items: center; justify-content: center; gap: var(--wkg-spacing-xs); padding: 0.625rem 1.25rem; border: medium; border-radius: var(--wkg-border-radius-button-secondary-xs); background: var(--wkg-color-white-10); color: var(--wkg-color-white); font-family: var(--wkg-font-family-primary); font-style: normal; font-weight: var(--wkg-font-weight-400); font-size: var(--wkg-font-size-sm); line-height: var(--wkg-line-height-xxs); text-transform: none; text-decoration: none; white-space: nowrap; box-shadow: none; transition: background-color 0.2s; cursor: pointer; }
html[data-theme="betjordan"] .cta-button .wkg-button--primary.wkg-button--filled:hover, .cta-button html[data-theme="betjordan"] .wkg-button--primary.wkg-button--filled:hover, html[data-theme="betjordan"] .see-all-button-wrapper .cta-button.wkg-button--primary.wkg-button--filled:hover, .see-all-button-wrapper html[data-theme="betjordan"] .cta-button.wkg-button--primary.wkg-button--filled:hover, html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__see-all:hover, .betjordan-gamesList-layout1-theme1 html[data-theme="betjordan"] .wkg-games-list__see-all:hover, html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button .wkg-button--primary.wkg-button--filled:hover, .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button html[data-theme="betjordan"] .wkg-button--primary.wkg-button--filled:hover, html[data-theme="betjordan"] .cta-button .wkg-button--primary.wkg-button--filled:focus-visible, .cta-button html[data-theme="betjordan"] .wkg-button--primary.wkg-button--filled:focus-visible, html[data-theme="betjordan"] .see-all-button-wrapper .cta-button.wkg-button--primary.wkg-button--filled:focus-visible, .see-all-button-wrapper html[data-theme="betjordan"] .cta-button.wkg-button--primary.wkg-button--filled:focus-visible, html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__see-all:focus-visible, .betjordan-gamesList-layout1-theme1 html[data-theme="betjordan"] .wkg-games-list__see-all:focus-visible, html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button .wkg-button--primary.wkg-button--filled:focus-visible, .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button html[data-theme="betjordan"] .wkg-button--primary.wkg-button--filled:focus-visible { color: var(--wkg-color-white); background: var(--wkg-color-white-20); }
html[data-theme="betjordan"] .cta-button .wkg-button--primary.wkg-button--filled:active, .cta-button html[data-theme="betjordan"] .wkg-button--primary.wkg-button--filled:active, html[data-theme="betjordan"] .see-all-button-wrapper .cta-button.wkg-button--primary.wkg-button--filled:active, .see-all-button-wrapper html[data-theme="betjordan"] .cta-button.wkg-button--primary.wkg-button--filled:active, html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__see-all:active, .betjordan-gamesList-layout1-theme1 html[data-theme="betjordan"] .wkg-games-list__see-all:active, html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button .wkg-button--primary.wkg-button--filled:active, .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button html[data-theme="betjordan"] .wkg-button--primary.wkg-button--filled:active { color: var(--wkg-color-white); background: var(--wkg-color-white-10); }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme1 { display: flex; justify-content: center; align-items: center; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme1 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme1 .wkg-responsive-image { border-radius: 0.75rem; overflow: hidden; width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme1 .wkg-responsive-image picture, html[data-theme="betjordan"] .betjordan-hero-layout2-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme1 .wkg-badge { position: absolute; top: -0.75rem; right: 0.75rem; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme1 .wkg-hero__contents-wrapper { padding: 1rem; position: absolute; inset: 0px; z-index: 1; display: flex; flex-direction: column; justify-content: center; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme1 .wkg-html-text h1, html[data-theme="betjordan"] .betjordan-hero-layout2-theme1 .wkg-html-text h2, html[data-theme="betjordan"] .betjordan-hero-layout2-theme1 .wkg-html-text h3, html[data-theme="betjordan"] .betjordan-hero-layout2-theme1 .wkg-html-text h4, html[data-theme="betjordan"] .betjordan-hero-layout2-theme1 .wkg-html-text h5, html[data-theme="betjordan"] .betjordan-hero-layout2-theme1 .wkg-html-text h6 { font-family: var(--wkg-font-family-secondary); margin-bottom: var(--wkg-spacing-none); }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme1 .wkg-html-text p { color: var(--wkg-color-p-primary-secondary); }
html[data-theme="betjordan"] .device-desktop .betjordan-hero-layout2-theme1 .wkg-hero__contents-wrapper { padding: 2rem; }
html[data-theme="betjordan"] .device-desktop .betjordan-hero-layout2-theme1 .wkg-responsive-image { border-radius: 1.5rem; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme2 { display: flex; justify-content: center; align-items: center; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme2 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme2 .wkg-responsive-image { border-radius: 0.75rem; overflow: hidden; width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme2 .wkg-responsive-image picture, html[data-theme="betjordan"] .betjordan-hero-layout2-theme2 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme2 .wkg-hero__contents-wrapper { padding: 2rem 3.5rem; position: absolute; inset: 0px; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme2 .wkg-html-text h1, html[data-theme="betjordan"] .betjordan-hero-layout2-theme2 .wkg-html-text h2, html[data-theme="betjordan"] .betjordan-hero-layout2-theme2 .wkg-html-text h3, html[data-theme="betjordan"] .betjordan-hero-layout2-theme2 .wkg-html-text h4, html[data-theme="betjordan"] .betjordan-hero-layout2-theme2 .wkg-html-text h5, html[data-theme="betjordan"] .betjordan-hero-layout2-theme2 .wkg-html-text h6 { font-family: var(--wkg-font-family-secondary); margin-bottom: var(--wkg-spacing-none); font-weight: var(--wkg-font-weight-400); text-transform: uppercase; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme2 .wkg-html-text p { color: var(--wkg-color-p-primary-secondary); font-size: var(--wkg-font-size-xl); margin: 0px; text-transform: uppercase; }
html[data-theme="betjordan"] .device-desktop .betjordan-hero-layout2-theme2 .wkg-hero__contents-wrapper { padding: 2rem; }
html[data-theme="betjordan"] .device-desktop .betjordan-hero-layout2-theme2 .wkg-responsive-image { border-radius: 1.5rem; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme2 .wkg-buttons-group { margin-top: 2rem; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme4 { display: flex; justify-content: center; align-items: center; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme4 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme4 .wkg-responsive-image { border-radius: 0.75rem; overflow: hidden; width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme4 .wkg-responsive-image picture, html[data-theme="betjordan"] .betjordan-hero-layout2-theme4 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme4 .wkg-hero__contents-wrapper { padding: 1rem 3.5rem; position: absolute; inset: 0px; z-index: 1; display: flex; flex-direction: column; justify-content: center; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme4 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { color: var(--wkg-color-red-300); font-family: var(--wkg-font-family-secondary); font-size: var(--wkg-font-size-18xl); font-weight: var(--wkg-font-weight-500); margin-bottom: var(--wkg-spacing-none); line-height: var(--wkg-line-height-xxs); text-transform: uppercase; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme4 .wkg-html-text p { color: var(--wkg-color-white); font-size: var(--wkg-font-size-xl); font-weight: var(--wkg-font-weight-600); margin-bottom: var(--wkg-spacing-none); }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme4 .wkg-buttons-group { margin-top: 2rem; height: 2.5rem; text-transform: uppercase; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme4 .wkg-button--primary.wkg-button--size-md { font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-800); padding: 0px 1.25rem; }
html[data-theme="betjordan"] html[dir="rtl"] .betjordan-hero-layout2-theme4 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-24xl); font-weight: var(--wkg-font-weight-600); }
html[data-theme="betjordan"] html[dir="rtl"] .betjordan-hero-layout2-theme4 .wkg-html-text p { font-size: var(--wkg-font-size-3xl); padding-top: 0.625rem; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 { display: flex; justify-content: center; align-items: center; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .wkg-responsive-image { overflow: hidden; width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .wkg-responsive-image picture, html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .wkg-hero__contents-wrapper { position: absolute; inset: 0px; z-index: 1; padding: 2rem 3.5rem; display: flex; flex-direction: column; justify-content: flex-end; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .wkg-html-text h1, html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .wkg-html-text h2, html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .wkg-html-text h3, html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .wkg-html-text h4, html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .wkg-html-text h5, html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .wkg-html-text h6 { margin-bottom: var(--wkg-spacing-none); }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .social-bar { display: none; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .social-bar button { border-radius: 100%; background-color: var(--wkg-color-grey-400); width: 2.5rem; height: 2.5rem; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .wkg-hero__contents-wrapper .wkg-html-text + .wkg-html-text { display: none; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .wkg-hero__contents-wrapper .wkg-html-text + .wkg-html-text p { display: flex; gap: var(--wkg-spacing-xs); }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .cta-button { position: relative; width: 18.75rem; height: 8.125rem; border-radius: var(--wkg-border-radius-md); border: 1px solid var(--wkg-color-grey-400); overflow: hidden; isolation: isolate; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .cta-button .wkg-icon { position: absolute; inset: 0px; width: 100%; height: 100%; z-index: -1; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .cta-button .wkg-icon img { width: 100%; height: 100%; object-fit: cover; display: block; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .cta-button.wkg-button--link.wkg-button { font-size: var(--wkg-font-size-3xl); font-weight: var(--wkg-font-weight-600); color: var(--wkg-color-white); }
html[data-theme="betjordan"] .device-desktop .betjordan-hero-layout2-theme5 .wkg-hero__contents-wrapper { padding: var(--wkg-spacing-xl); }
html[data-theme="betjordan"] .wkg-buttons-group.social-bar path { stroke: none; }
@media (max-width: 1200px) {
  html[data-theme="betjordan"] .betjordan-hero-layout2-theme5 .cta-button { width: 13.3rem; height: 8.125rem; }
}
html[data-theme="betjordan"] .betjordan-hero-layout2-theme6 { display: flex; justify-content: center; align-items: center; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme6 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme6 .wkg-responsive-image { overflow: hidden; width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme6 .wkg-responsive-image picture, html[data-theme="betjordan"] .betjordan-hero-layout2-theme6 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme6 .wkg-badge { position: absolute; top: -0.75rem; right: 0.75rem; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme6 .wkg-hero__contents-wrapper { padding: 4rem 1rem; position: absolute; inset: 0px; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme6 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { color: var(--wkg-color-red-300); font-family: var(--wkg-font-family-secondary); font-size: var(--wkg-font-size-9xl); font-weight: var(--wkg-font-weight-600); margin-bottom: var(--wkg-spacing-none); line-height: var(--wkg-line-height-xxs); text-transform: uppercase; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme6 .wkg-html-text p { color: var(--wkg-color-white); font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-600); margin-bottom: var(--wkg-spacing-none); }
html[data-theme="betjordan"] .device-desktop .betjordan-hero-layout2-theme6 .wkg-hero__contents-wrapper { padding: 2rem; }
html[data-theme="betjordan"] .device-desktop .betjordan-hero-layout2-theme6 .wkg-responsive-image { border-radius: 1.5rem; }
html[data-theme="betjordan"] .device-mobile .betjordan-hero-layout2-theme6 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-5xl); }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme6 .wkg-buttons-group { margin: 1rem 0px 0px; text-transform: uppercase; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 { display: flex; justify-content: center; align-items: center; width: 100%; margin: 5rem auto 0px; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .wkg-hero__wrapper { position: relative; width: 100vw; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .wkg-responsive-image { position: absolute; inset: 0px; z-index: 0; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .wkg-hero__contents-wrapper { position: relative; z-index: 1; display: flex; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .wkg-hero__contents-wrapper > .wkg-html-text { display: flex; flex-direction: row; align-items: stretch; gap: var(--wkg-spacing-md); width: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .join-now-cta { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--wkg-spacing-md); max-width: 31.25rem; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .join-now-cta p { margin: 0px; padding: 0px; display: block; color: var(--wkg-color-white); font-size: var(--wkg-font-size-15xl); font-weight: var(--wkg-font-weight-600); line-height: var(--wkg-line-height-md); letter-spacing: -0.03125rem; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .casino-cta, html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .sports-cta { flex: 1 1 0%; height: 11.875rem; align-self: flex-end; border: var(--wkg-border-width-xs) solid var(--wkg-color-red-400); border-radius: var(--wkg-border-radius-4xl); overflow: hidden; display: grid; grid-template-columns: auto auto 1fr; grid-template-rows: 1fr auto; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .casino-cta > p:first-child, html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .sports-cta > p:first-child { grid-area: 1 / 1 / -1 / -1; position: relative; margin: 0px; padding: 0px; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .casino-cta .wkg-button--hit, html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .sports-cta .wkg-button--hit { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; padding: 0px; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .casino-cta .wkg-button__icon, html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .sports-cta .wkg-button__icon { display: block; position: relative; width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .casino-cta .wkg-button__icon img, html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .sports-cta .wkg-button__icon img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .casino-cta h6:not(:last-of-type), html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .sports-cta h6:not(:last-of-type) { display: none; }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .casino-cta > .wkg-icon-svg, html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .sports-cta > .wkg-icon-svg { grid-area: 2 / 1; position: relative; display: flex; align-items: center; padding: var(--wkg-spacing-xxs) 0 var(--wkg-spacing-xxs) var(--wkg-spacing-md); }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .casino-cta h6:last-of-type, html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .sports-cta h6:last-of-type { grid-area: 2 / 2; position: relative; display: flex; align-items: center; margin: 0px; padding: var(--wkg-spacing-xxs) var(--wkg-spacing-xs); color: var(--wkg-color-white); font-size: var(--wkg-font-size-5xl); font-weight: var(--wkg-font-weight-600); }
html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .casino-cta > p:not(:first-child), html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .sports-cta > p:not(:first-child) { grid-area: 2 / 3; position: relative; display: flex; align-items: center; justify-content: flex-end; margin: 0px; padding: var(--wkg-spacing-xxs) var(--wkg-spacing-md); color: var(--wkg-color-grey-100); font-size: var(--wkg-font-size-sm); }
@media (max-width: 1180px) {
  html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .wkg-hero__contents-wrapper > .wkg-html-text { gap: var(--wkg-spacing-md); }
  html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .join-now-cta { width: auto; }
  html[data-theme="betjordan"] .betjordan-hero-layout2-theme7 .join-now-cta p { font-size: var(--wkg-font-size-7xl); }
}
html[data-theme="betjordan"] html[data-theme="betjordan"][dir="rtl"] .betjordan-hero-layout2-theme7 .casino-cta > .wkg-icon-svg, html[data-theme="betjordan"] html[data-theme="betjordan"][dir="rtl"] .betjordan-hero-layout2-theme7 .sports-cta > .wkg-icon-svg { padding-left: 0px; padding-right: var(--wkg-spacing-md); padding-top: 0px; }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme4 { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 8.75rem; height: 11.5rem; }
html[data-theme="betjordan"] .device-mobile .betjordan-hero-layout4-theme4 { width: 6.75rem; height: 8.875rem; }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme4 .wkg-hero__wrapper { position: relative; width: 100%; height: 100%; border-radius: var(--wkg-border-radius-lg); overflow: hidden; box-shadow: rgba(16, 17, 25, 0.5) 0px 9px 8.5px; }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme4 .wkg-hero__layout-wrapper { width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme4 .wkg-hero__image-wrapper { position: absolute; inset: 0px; width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme4 .wkg-responsive-image, html[data-theme="betjordan"] .betjordan-hero-layout4-theme4 .wkg-responsive-image picture, html[data-theme="betjordan"] .betjordan-hero-layout4-theme4 .wkg-responsive-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme4 .wkg-hero__contents-wrapper { position: absolute; inset: 0px; display: flex; align-items: flex-end; justify-content: center; padding: 0.5rem; pointer-events: none; }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme4 .wkg-hero__contents-wrapper .wkg-button--hit { pointer-events: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme4 .wkg-html-text p { margin: 0px; width: 100%; color: var(--wkg-color-red-300); font-weight: var(--wkg-font-weight-600); text-align: center; text-transform: uppercase; }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme5 { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 8.75rem; height: 11.5rem; }
html[data-theme="betjordan"] .device-mobile .betjordan-hero-layout4-theme5 { width: 6.75rem; height: 8.875rem; }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme5 .wkg-hero__wrapper { position: relative; width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme5 .wkg-hero__layout-wrapper { width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme5 .wkg-hero__image-wrapper { display: none; }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme5 .wkg-hero__contents-wrapper { position: relative; width: 100%; height: 100%; padding: 0.25rem; background-color: var(--wkg-color-grey-500); border-radius: var(--wkg-border-radius-lg); overflow: hidden; box-sizing: border-box; }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme5 .wkg-html-text p { margin: 0px; }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme5 .wkg-button.wkg-button--hit { gap: var(--wkg-spacing-xs); font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-700); color: var(--wkg-color-white); white-space: nowrap; }
html[data-theme="betjordan"] .device-mobile .betjordan-hero-layout4-theme5 .wkg-button.wkg-button--hit { gap: 0.375rem; font-size: var(--wkg-font-size-xs); }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme5 .wkg-button__icon { width: 0.875rem; height: 0.875rem; }
html[data-theme="betjordan"] .betjordan-hero-layout4-theme5 .wkg-button__icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
html[data-theme="betjordan"] .betjordan-hero-layout5-theme1 .wkg-responsive-image { width: 100%; margin-bottom: 0.5rem; border-radius: 0.75rem; overflow: hidden; }
html[data-theme="betjordan"] .betjordan-hero-layout5-theme1 .wkg-responsive-image picture, html[data-theme="betjordan"] .betjordan-hero-layout5-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
html[data-theme="betjordan"] .betjordan-hero-layout5-theme1 .wkg-hero__contents-wrapper { display: flex; gap: 1rem; }
html[data-theme="betjordan"] .betjordan-hero-layout5-theme1 .wkg-html-text p { color: var(--wkg-color-p-primary-secondary); }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme1 { display: flex; justify-content: center; align-items: center; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme1 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme1 .wkg-responsive-image { border-radius: 0.75rem; overflow: hidden; width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme1 .wkg-responsive-image picture, html[data-theme="betjordan"] .betjordan-hero-layout7-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme1 .wkg-hero__contents-wrapper { padding: 0px 1rem 1.5rem; position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme1 .wkg-html-text h1, html[data-theme="betjordan"] .betjordan-hero-layout7-theme1 .wkg-html-text h2, html[data-theme="betjordan"] .betjordan-hero-layout7-theme1 .wkg-html-text h3, html[data-theme="betjordan"] .betjordan-hero-layout7-theme1 .wkg-html-text h4, html[data-theme="betjordan"] .betjordan-hero-layout7-theme1 .wkg-html-text h5, html[data-theme="betjordan"] .betjordan-hero-layout7-theme1 .wkg-html-text h6 { font-family: var(--wkg-font-family-secondary); margin-bottom: var(--wkg-spacing-none); font-weight: var(--wkg-font-weight-400); text-transform: uppercase; line-height: 120%; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme1 .wkg-html-text p { color: var(--wkg-color-p-primary-secondary); font-size: var(--wkg-font-size-xl); margin: 0px; text-transform: uppercase; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme1 .wkg-buttons-group { margin-top: 0.625rem; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .wkg-hero__wrapper { position: relative; width: 100%; height: 26rem; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .wkg-responsive-image picture, html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .wkg-responsive-image img { width: 1px; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .wkg-hero__contents-wrapper { position: absolute; inset: 0px; display: flex; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .wkg-hero__contents-wrapper > .wkg-html-text { display: grid; grid-template-columns: 1fr 1fr; align-content: end; gap: var(--wkg-spacing-lg) var(--wkg-spacing-md); width: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .wkg-hero__contents-wrapper > .wkg-html-text > p { display: none; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .join-now-cta { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; gap: var(--wkg-spacing-md); }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .join-now-cta p { margin: 0px; padding: 0px; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .join-now-cta p:first-child { color: var(--wkg-color-white); font-size: var(--wkg-font-size-7xl); font-weight: var(--wkg-font-weight-600); text-align: center; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .casino-cta, html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .sports-cta { height: 11.875rem; border: var(--wkg-border-width-xs) solid var(--wkg-color-red-400); border-radius: var(--wkg-border-radius-4xl); overflow: hidden; display: grid; grid-template-columns: 1fr auto auto; grid-template-rows: 1fr auto auto; column-gap: var(--wkg-spacing-xxs); }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .casino-cta > p:first-child, html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .sports-cta > p:first-child { grid-area: 1 / 1 / -1 / -1; position: relative; margin: 0px; padding: 0px; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .casino-cta > p:first-child::after, html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .sports-cta > p:first-child::after { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 3.25rem; background: var(--wkg-color-gradient-red-400); backdrop-filter: blur(2px); }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .casino-cta .wkg-button--hit, html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .sports-cta .wkg-button--hit { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; padding: 0px; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .casino-cta .wkg-button__icon, html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .sports-cta .wkg-button__icon { display: block; position: relative; width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .casino-cta .wkg-button__icon::after, html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .sports-cta .wkg-button__icon::after { content: ""; position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.2); }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .casino-cta .wkg-button__icon img, html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .sports-cta .wkg-button__icon img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .casino-cta h6:not(:last-of-type), html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .sports-cta h6:not(:last-of-type) { display: none; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .casino-cta > .wkg-icon-svg, html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .sports-cta > .wkg-icon-svg { grid-area: 2 / 2; align-self: center; position: relative; display: flex; align-items: center; width: 1.25rem; height: 1.25rem; }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .casino-cta h6:last-of-type, html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .sports-cta h6:last-of-type { grid-area: 2 / 3; position: relative; display: flex; align-items: center; margin: 0px; padding: var(--wkg-spacing-xxs) var(--wkg-spacing-xs) 0 0; color: var(--wkg-color-white); font-size: var(--wkg-font-size-xl); font-weight: var(--wkg-font-weight-600); }
html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .casino-cta > p:not(:first-child), html[data-theme="betjordan"] .betjordan-hero-layout7-theme2 .sports-cta > p:not(:first-child) { grid-area: 3 / 1 / auto / -1; position: relative; margin: 0px; padding: 0 var(--wkg-spacing-xs) var(--wkg-spacing-xxs); color: var(--wkg-color-grey-100); font-size: var(--wkg-font-size-sm); text-align: right; }
html[data-theme="betjordan"] html[data-theme="betjordan"][dir="rtl"] .betjordan-hero-layout7-theme2 .casino-cta h6:last-of-type, html[data-theme="betjordan"] html[data-theme="betjordan"][dir="rtl"] .betjordan-hero-layout7-theme2 .sports-cta h6:last-of-type { padding-right: 0px; padding-left: var(--wkg-spacing-xs); }
html[data-theme="betjordan"] html[data-theme="betjordan"][dir="rtl"] .betjordan-hero-layout7-theme2 .casino-cta > p:not(:first-child), html[data-theme="betjordan"] html[data-theme="betjordan"][dir="rtl"] .betjordan-hero-layout7-theme2 .sports-cta > p:not(:first-child) { text-align: left; }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme1 .wkg-responsive-image { width: 100%; margin-bottom: 0.5rem; }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme1 .wkg-responsive-image picture, html[data-theme="betjordan"] .betjordan-hero-layout8-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme1 .wkg-html-text p { color: var(--wkg-color-p-primary-secondary); }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 { display: flex; justify-content: center; align-items: center; }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .wkg-responsive-image { overflow: hidden; width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .wkg-responsive-image picture, html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .wkg-hero__contents-wrapper { position: static; padding: var(--wkg-spacing-xs) var(--wkg-spacing-md) var(--wkg-spacing-2xl); display: flex; flex-direction: column; align-items: center; justify-content: flex-end; }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .wkg-hero__contents-wrapper .wkg-html-text { width: 100%; text-align: center; }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .wkg-html-text h1, html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .wkg-html-text h2, html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .wkg-html-text h3, html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .wkg-html-text h4, html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .wkg-html-text h5, html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .wkg-html-text h6 { margin-bottom: var(--wkg-spacing-none); letter-spacing: -0.03rem; text-align: center !important; font-size: 2rem; line-height: 2.8rem; }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .wkg-hero__contents-wrapper .wkg-html-text + .wkg-html-text { display: flex; gap: var(--wkg-spacing-xs); width: 100%; padding-top: var(--wkg-spacing-lg); text-align: left; }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .wkg-hero__contents-wrapper .wkg-html-text + .wkg-html-text html[dir="rtl"] { text-align: right; }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .wkg-hero__contents-wrapper .wkg-html-text + .wkg-html-text p { display: flex; gap: var(--wkg-spacing-xs); width: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .cta-button { position: relative; flex: 1 0 0px; height: 8.125rem; border-radius: var(--wkg-border-radius-md); border: 1px solid var(--wkg-color-grey-400); overflow: hidden; isolation: isolate; }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .cta-button .wkg-icon { position: absolute; inset: 0px; width: 100%; height: 100%; z-index: -1; }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .cta-button .wkg-icon img { width: 100%; height: 100%; object-fit: cover; display: block; }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .cta-button.wkg-button--link.wkg-button { font-size: var(--wkg-font-size-lg); font-weight: var(--wkg-font-weight-600); color: var(--wkg-color-white); }
html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .social-bar { display: none; }
@media (max-width: 635px) {
  html[data-theme="betjordan"] .betjordan-hero-layout8-theme2 .cta-button { height: 5.625rem; }
}
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 { --wkg-hero-layout9-border-radius: .75rem; --wkg-hero-layout9-min-height: 21.875rem; --wkg-hero-layout9-min-height-mobile: 12rem; --wkg-hero-layout9-overlay-color: rgba(7, 37, 61, .3); --wkg-hero-layout9-padding: var(--wkg-spacing-3xl); --wkg-hero-layout9-padding-mobile: var(--wkg-spacing-lg); position: relative; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-hero__wrapper { border-radius: var(--wkg-hero-layout9-border-radius); overflow: hidden; position: relative; cursor: pointer; min-height: var(--wkg-hero-layout9-min-height); }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-hero__wrapper::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: var(--wkg-hero-layout9-overlay-color); pointer-events: none; z-index: 0; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-responsive-image { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: var(--wkg-hero-layout9-border-radius); overflow: hidden; transform: scale(1.08); transition: transform 0.5s; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-responsive-image picture, html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-hero__wrapper:hover .wkg-responsive-image { transform: scale(1); }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-badge { position: absolute; top: var(--wkg-hero-layout9-padding); left: var(--wkg-hero-layout9-padding); width: fit-content; z-index: 1; transition: transform 0.5s; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-badge html[dir="rtl"] { right: var(--wkg-hero-layout9-padding); left: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-hero__wrapper:hover .wkg-badge { transform: translateY(calc(-1 * var(--wkg-spacing-xs))); }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-hero__contents-wrapper { position: absolute; left: 0px; top: 0px; width: 70%; height: 100%; z-index: 1; padding-right: ; padding-bottom: ; padding-left: ; padding-top: calc(var(--wkg-hero-layout9-padding) + var(--wkg-spacing-xl)); display: flex; flex-direction: column; box-sizing: border-box; pointer-events: none; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-hero__contents-wrapper html[dir="rtl"] { right: 0px; left: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-html-header { transition: transform 0.5s 0.1s; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-hero__wrapper:hover .wkg-html-header { transform: translateY(calc(-1 * var(--wkg-spacing-xs))); }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-html-text:not(.wkg-badge) > p:not(:has(.wkg-button)) { transition: transform 0.5s 0.15s; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-hero__wrapper:hover .wkg-html-text:not(.wkg-badge) > p:not(:has(.wkg-button)) { transform: translateY(calc(-1 * var(--wkg-spacing-xs))); }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-html-footer { margin-top: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-buttons-group { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-buttons-group html[dir="rtl"] { right: 0px; left: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-buttons-group .wkg-button:not(.wkg-button--hit) { position: absolute; top: var(--wkg-spacing-md); right: var(--wkg-spacing-md); z-index: 4; pointer-events: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-button--hit { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; pointer-events: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-button--hit html[dir="rtl"] { right: 0px; left: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-html-footer { position: relative; z-index: 2; pointer-events: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout9-theme1 .wkg-promotion-info-button { position: absolute; z-index: 4; top: var(--wkg-spacing-md); right: var(--wkg-spacing-md); pointer-events: auto; }
html[data-theme="betjordan"] html[dir="rtl"] .betjordan-hero-layout9-theme1 .wkg-promotion-info-button { right: auto; left: var(--wkg-spacing-md); }
html[data-theme="betjordan"] .device-mobile .betjordan-hero-layout9-theme1 { --wkg-hero-layout9-padding: var(--wkg-hero-layout9-padding-mobile); }
html[data-theme="betjordan"] .device-mobile .betjordan-hero-layout9-theme1 .wkg-hero__wrapper { min-height: var(--wkg-hero-layout9-min-height-mobile); }
html[data-theme="betjordan"] .device-mobile .betjordan-hero-layout9-theme1 .wkg-hero__contents-wrapper { position: relative; width: 100%; height: auto; }
html[data-theme="betjordan"] .device-mobile .betjordan-hero-layout9-theme1 .wkg-html-footer { margin-top: var(--wkg-spacing-md); }
html[data-theme="betjordan"] .device-phablet .betjordan-hero-layout9-theme1 .wkg-hero__contents-wrapper { width: 95%; }
html[data-theme="betjordan"] .betjordan-hero-layout10-theme1 .wkg-hero__layout-wrapper { position: relative; background: var(--wkg-color-grey-500); border-radius: var(--wkg-border-radius-md); padding: 0px; display: grid; grid-template-columns: 40% 60%; gap: var(--wkg-spacing-xs); align-items: stretch; overflow: hidden; cursor: pointer; }
html[data-theme="betjordan"] .betjordan-hero-layout10-theme1 .wkg-hero__layout-wrapper:not(:has(.wkg-responsive-image)) { grid-template-columns: 1fr; gap: 0px; }
html[data-theme="betjordan"] :is(.device-phablet, .device-tablet, .device-desktop, .device-large) .betjordan-hero-layout10-theme1 .wkg-hero__layout-wrapper { min-height: 84px; }
html[data-theme="betjordan"] .betjordan-hero-layout10-theme1 .wkg-responsive-image { position: relative; width: 100%; height: 100%; min-height: 0px; border-radius: 0px; overflow: hidden; margin-bottom: 0px; }
html[data-theme="betjordan"] .betjordan-hero-layout10-theme1 .wkg-responsive-image picture, html[data-theme="betjordan"] .betjordan-hero-layout10-theme1 .wkg-responsive-image img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
html[data-theme="betjordan"] .betjordan-hero-layout10-theme1 .wkg-hero__contents-wrapper { display: grid; grid-template-columns: auto auto 1fr; align-items: center; column-gap: var(--wkg-spacing-xs); row-gap: var(--wkg-spacing-xxs); min-width: 0px; padding: var(--wkg-spacing-xs) var(--wkg-spacing-md); }
html[data-theme="betjordan"] .betjordan-hero-layout10-theme1 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) { display: contents; }
html[data-theme="betjordan"] .betjordan-hero-layout10-theme1 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) :is(h1, h2, h3, h4, h5, h6) { grid-area: 1 / 1; font-family: var(--wkg-font-family-secondary); font-weight: var(--wkg-font-weight-900); font-style: italic; margin: 0px; padding-inline-end: 0.25em; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
html[data-theme="betjordan"] .betjordan-hero-layout10-theme1 .wkg-badge { grid-area: 1 / 2; place-self: center start; position: static; }
html[data-theme="betjordan"] :is(.device-mobile, .device-phablet) .betjordan-hero-layout10-theme1 .wkg-hero__contents-wrapper { grid-template-columns: 1fr; }
html[data-theme="betjordan"] :is(.device-mobile, .device-phablet) .betjordan-hero-layout10-theme1 .wkg-badge { grid-area: 1 / 1; }
html[data-theme="betjordan"] :is(.device-mobile, .device-phablet) .betjordan-hero-layout10-theme1 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) :is(h1, h2, h3, h4, h5, h6) { grid-area: 2 / 1; }
html[data-theme="betjordan"] :is(.device-mobile, .device-phablet) .betjordan-hero-layout10-theme1 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) p { grid-area: 3 / 1; }
html[data-theme="betjordan"] .betjordan-hero-layout10-theme1 .wkg-badge--primary.wkg-badge--filled { padding: var(--wkg-spacing-xxs) var(--wkg-spacing-xs); width: fit-content; margin: 0px; font-size: var(--wkg-font-size-badge-primary-sm); line-height: var(--wkg-line-height-badge-primary-sm); font-weight: var(--wkg-font-weight-badge-primary-sm); border-radius: var(--wkg-border-radius-badge-primary-sm); }
html[data-theme="betjordan"] :is(.device-desktop, .device-large) .betjordan-hero-layout10-theme1 .wkg-badge--primary.wkg-badge--filled { font-size: var(--wkg-font-size-badge-primary-desktop-sm); line-height: var(--wkg-line-height-badge-primary-desktop-sm); font-weight: var(--wkg-font-weight-badge-primary-desktop-sm); border-radius: var(--wkg-border-radius-badge-primary-desktop-sm); }
html[data-theme="betjordan"] .betjordan-hero-layout10-theme1 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) p { grid-area: 2 / 1 / auto / -1; margin: 0px; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-hero__layout-wrapper { background: var(--wkg-color-grey-500); border-radius: var(--wkg-border-radius-xl); display: grid; grid-template-columns: auto minmax(0px, 1fr); position: relative; min-height: 10.875rem; overflow: hidden; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-hero__image-wrapper { position: relative; z-index: 1; border-radius: var(--wkg-border-radius-xl); overflow: hidden; box-sizing: border-box; height: 100%; aspect-ratio: 1 / 1; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-responsive-image { position: absolute; inset: 0px; height: 100%; width: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-responsive-image picture, html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper { padding: var(--wkg-spacing-md) var(--wkg-spacing-lg); display: flex; flex-direction: column; justify-content: flex-start; height: 10.875rem; box-sizing: border-box; }
html[data-theme="betjordan"] .device-mobile .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper, html[data-theme="betjordan"] .device-tablet .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper { padding: var(--wkg-spacing-md); }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper .wkg-html-text h1, html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper .wkg-html-text h2, html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper .wkg-html-text h3, html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper .wkg-html-text h4, html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper .wkg-html-text h5, html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper .wkg-html-text h6 { font-family: var(--wkg-font-family-primary); color: var(--wkg-color-white); font-weight: var(--wkg-font-weight-500); margin-bottom: var(--wkg-spacing-xs); font-size: var(--wkg-font-size-lg); display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper .wkg-html-text p:last-child { margin-bottom: 0px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -moz-box-orient: vertical; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-buttons-group { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-buttons-group html[dir="rtl"] { right: 0px; left: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-buttons-group .wkg-button:not(.wkg-button--hit) { position: absolute; top: 0px; right: 0px; z-index: 4; pointer-events: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper .wkg-buttons-group { display: none; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-button--hit { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; pointer-events: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-button--hit html[dir="rtl"] { right: 0px; left: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-hero__hit-area { position: absolute; inset: 0px; z-index: 2; pointer-events: none; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-hero__hit-area .wkg-button { pointer-events: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-hero__hit-area:empty { display: none; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-buttons-group .wkg-button--iconPrimary { border-radius: 0 var(--wkg-border-radius-2xl); }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-badge--primary.wkg-badge--filled { padding: var(--wkg-spacing-xxs) var(--wkg-spacing-xs); width: fit-content; margin-bottom: var(--wkg-spacing-xs); }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-buttons-group .wkg-button__icon { font-size: var(--wkg-font-size-3xl); width: var(--wkg-font-size-icon-desktop-7xl); height: var(--wkg-font-size-icon-desktop-7xl); }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-buttons-group .wkg-button__icon svg { width: var(--wkg-font-size-icon-xl); height: var(--wkg-font-size-icon-xl); }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-buttons-group .wkg-button__icon svg path { stroke: var(--wkg-color-white); }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-promotion-info-button { position: absolute; z-index: 4; top: 0px; right: 0px; border-radius: 0 var(--wkg-border-radius-2xl); pointer-events: auto; }
html[data-theme="betjordan"] html[dir="rtl"] .betjordan-hero-layout1-theme1 .wkg-promotion-info-button { right: auto; left: 0px; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-promotion-info-button .wkg-button__icon { width: var(--wkg-font-size-icon-desktop-7xl); height: var(--wkg-font-size-icon-desktop-7xl); font-size: var(--wkg-font-size-3xl); }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-promotion-info-button .wkg-button__icon svg { width: var(--wkg-font-size-icon-xl); height: var(--wkg-font-size-icon-xl); }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-promotion-info-button .wkg-button__icon svg path { stroke: var(--wkg-color-white); }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__layout-wrapper { display: flex; position: relative; flex-direction: column; justify-content: flex-end; overflow: hidden; border-radius: var(--wkg-border-radius-6xl); background: var(--wkg-color-grey-500); aspect-ratio: 488 / 637; }
html[data-theme="betjordan"] .device-tablet .betjordan-hero-layout1-theme2 .wkg-hero__layout-wrapper, html[data-theme="betjordan"] .device-desktop .betjordan-hero-layout1-theme2 .wkg-hero__layout-wrapper, html[data-theme="betjordan"] .device-large .betjordan-hero-layout1-theme2 .wkg-hero__layout-wrapper { min-height: 38.6875rem; aspect-ratio: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__image-wrapper { position: absolute; inset: 0px; z-index: 1; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-responsive-image { position: absolute; width: 100%; height: 100%; inset: 0px; transition: transform 0.5s; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__layout-wrapper:hover .wkg-responsive-image { transform: scale(1.05); }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-responsive-image picture, html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper { display: flex; position: relative; z-index: 4; flex-direction: column; align-items: flex-start; padding: var(--wkg-spacing-xl); background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.75) 70%); pointer-events: none; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-button, html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper a { pointer-events: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-badge { margin-bottom: var(--wkg-spacing-md); }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) h1, html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) h2, html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) h3, html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) h4, html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) h5, html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) h6 { margin-bottom: var(--wkg-spacing-xs); font-size: var(--wkg-font-size-7xl); }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) p { margin-bottom: 0px; color: var(--wkg-color-text-secondary); font-size: var(--wkg-font-size-lg); }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-buttons-group { margin-top: var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__hit-area { position: absolute; inset: 0px; z-index: 3; pointer-events: none; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__hit-area .wkg-button { pointer-events: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-hero__hit-area:empty { display: none; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-button--hit { position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme2 .wkg-promotion-info-button { position: absolute; z-index: 4; top: 0px; right: 0px; border-radius: 0 var(--wkg-border-radius-6xl); pointer-events: auto; }
html[data-theme="betjordan"] html[dir="rtl"] .betjordan-hero-layout1-theme2 .wkg-promotion-info-button { right: auto; left: 0px; }
html[data-theme="betjordan"] .device-mobile .betjordan-hero-layout1-theme2 .wkg-hero__layout-wrapper, html[data-theme="betjordan"] .device-phablet .betjordan-hero-layout1-theme2 .wkg-hero__layout-wrapper { min-height: 21.875rem; aspect-ratio: auto; }
html[data-theme="betjordan"] .device-mobile .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper, html[data-theme="betjordan"] .device-phablet .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper { flex: 1 1 auto; justify-content: flex-start; padding: var(--wkg-spacing-lg); background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.8)); }
html[data-theme="betjordan"] .device-mobile .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-buttons-group, html[data-theme="betjordan"] .device-phablet .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-buttons-group { margin-top: auto; padding-top: var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .betjordan-hero-layout11-theme1 .wkg-hero__layout-wrapper { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: min(55vw, 18.75rem); overflow: hidden; background: var(--wkg-color-black); z-index: 0; }
html[data-theme="betjordan"] .betjordan-hero-layout11-theme1 .wkg-hero__image-wrapper { position: absolute; inset: 0px; z-index: 0; }
html[data-theme="betjordan"] .betjordan-hero-layout11-theme1 .wkg-hero__image-wrapper picture, html[data-theme="betjordan"] .betjordan-hero-layout11-theme1 .wkg-hero__image-wrapper img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; user-select: none; pointer-events: none; animation: linear both betjordan-hero-layout11-theme1-parallax; }
html[data-theme="betjordan"] .betjordan-hero-layout11-theme1 .wkg-hero__contents-wrapper { position: relative; margin-left: var(--wkg-spacing-md); margin-right: var(--wkg-spacing-md); background: linear-gradient(180deg,color-mix(in srgb,var(--wkg-color-black) 70%,transparent) 0%,var(--wkg-color-black) 100%); backdrop-filter: blur(var(--wkg-overlay-backdrop-blur)); border-radius: var(--wkg-border-radius-xl) var(--wkg-border-radius-xl) 0 0; text-align: center; z-index: 1; }
html[data-theme="betjordan"] .betjordan-hero-layout11-theme1 .wkg-hero__badge-wrapper { display: flex; justify-content: center; align-items: center; height: 0px; overflow: visible; transform: translateY(-50%); }
html[data-theme="betjordan"] .betjordan-hero-layout11-theme1 .wkg-hero__text-wrapper .wkg-html-text h1, html[data-theme="betjordan"] .betjordan-hero-layout11-theme1 .wkg-hero__text-wrapper .wkg-html-text h2, html[data-theme="betjordan"] .betjordan-hero-layout11-theme1 .wkg-hero__text-wrapper .wkg-html-text h3, html[data-theme="betjordan"] .betjordan-hero-layout11-theme1 .wkg-hero__text-wrapper .wkg-html-text h4, html[data-theme="betjordan"] .betjordan-hero-layout11-theme1 .wkg-hero__text-wrapper .wkg-html-text h5, html[data-theme="betjordan"] .betjordan-hero-layout11-theme1 .wkg-hero__text-wrapper .wkg-html-text h6 { font-weight: var(--wkg-font-weight-900); margin: 0 0 var(--wkg-spacing-xxs); }
html[data-theme="betjordan"] .betjordan-hero-layout11-theme1 .wkg-hero__text-wrapper .wkg-html-text p { color: var(--wkg-color-text-secondary); margin: 0px; font-size: var(--wkg-font-size-sm); }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-hero__layout-wrapper { background: var(--wkg-color-grey-500); border-radius: var(--wkg-border-radius-2xl); display: flex; flex-direction: column; overflow: hidden; cursor: pointer; position: relative; width: 8.875rem; height: 16.25rem; }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-hero__image-wrapper { position: relative; aspect-ratio: 1 / 1; border-radius: var(--wkg-border-radius-2xl); overflow: hidden; }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-responsive-image { width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-responsive-image picture, html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-badge { position: absolute; top: 0px; transform: translateY(-50%); z-index: 1; max-width: 80%; }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-badge--primary.wkg-badge--filled { padding: var(--wkg-spacing-xxs) var(--wkg-spacing-xs); width: fit-content; border-radius: var(--wkg-border-radius-xl); font-size: var(--wkg-font-size-xxs); text-transform: uppercase; font-weight: var(--wkg-font-weight-700); }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper { padding-top: ; padding-right: ; padding-left: ; padding-bottom: var(--wkg-spacing-md); display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0px; position: relative; }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h1, html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h2, html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h3, html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h4, html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h5, html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h6 { font-family: var(--wkg-font-family-primary); color: var(--wkg-color-white); font-weight: var(--wkg-font-weight-500); font-size: var(--wkg-font-size-md); margin-bottom: var(--wkg-spacing-xs); display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text p { color: var(--wkg-color-grey-200); font-size: var(--wkg-font-size-xs); line-height: 1.4; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -moz-box-orient: vertical; margin-bottom: 0px; }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-buttons-group { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-buttons-group html[dir="rtl"] { right: 0px; left: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-buttons-group .wkg-button:not(.wkg-button--hit) { position: absolute; top: 0px; right: 0px; z-index: 4; pointer-events: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-button--hit { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; pointer-events: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-button--hit html[dir="rtl"] { right: 0px; left: auto; }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-buttons-group .wkg-button--iconPrimary { border-radius: 0 var(--wkg-border-radius-md) 0 var(--wkg-border-radius-md); }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-buttons-group .wkg-button { background-color: transparent; }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-buttons-group .wkg-button__icon { font-size: var(--wkg-font-size-xl); width: var(--wkg-font-size-icon-xl); height: var(--wkg-font-size-icon-xl); margin: var(--wkg-spacing-xs); }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-buttons-group .wkg-button__icon svg { width: var(--wkg-font-size-icon-xl); height: var(--wkg-font-size-icon-xl); }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-buttons-group .wkg-button__icon svg path { stroke: var(--wkg-color-grey-200); }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text.wkg-badge p { color: var(--wkg-color-white); font-size: var(--wkg-font-size-xxxs); display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: unset; -moz-box-orient: unset; }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-promotion-info-button { position: absolute; z-index: 4; top: 0px; right: 0px; border-radius: 0 var(--wkg-border-radius-md) 0 var(--wkg-border-radius-md); background-color: transparent; pointer-events: auto; }
html[data-theme="betjordan"] html[dir="rtl"] .betjordan-hero-layout12-theme1 .wkg-promotion-info-button { right: auto; left: 0px; }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-promotion-info-button .wkg-button__icon { width: var(--wkg-font-size-icon-xl); height: var(--wkg-font-size-icon-xl); margin: var(--wkg-spacing-xs); font-size: var(--wkg-font-size-xl); }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-promotion-info-button .wkg-button__icon svg { width: var(--wkg-font-size-icon-xl); height: var(--wkg-font-size-icon-xl); }
html[data-theme="betjordan"] .betjordan-hero-layout12-theme1 .wkg-promotion-info-button .wkg-button__icon svg path { stroke: var(--wkg-color-grey-200); }
html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__item { border-style: solid; border-color: var(--wkg-color-white-10); border-width: 0px 0px 1px; }
html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__item:last-child { border-bottom: medium; }
html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text p, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h1, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h2, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h3, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h4, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h5, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h6 { padding: 0px; margin: 0px; line-height: inherit; }
html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text p, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h1, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h2, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h3, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h4, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h5, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h6 { color: var(--wkg-color-text-primary); font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-400); }
html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper p, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h1, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h2, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h3, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h4, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h5, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h6 { margin: 0px; }
html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper p + p, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper p + h1, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper p + h2, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper p + h3, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper p + h4, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper p + h5, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper p + h6, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h1 + p, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h2 + p, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h3 + p, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h4 + p, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h5 + p, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h6 + p { margin-top: var(--wkg-spacing-sm); }
html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper .wkg-html-text, html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper .wkg-html-text p { color: var(--wkg-color-text-secondary); font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-300); }
html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__content-wrapper { padding: 0 0 var(--wkg-spacing-lg) 0; }
html[data-theme="betjordan"] .betjordan-accordion-theme1 .wkg-accordion__header { padding: var(--wkg-spacing-lg) 0; }
html[data-theme="betjordan"] .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header, html[data-theme="betjordan"] .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text, html[data-theme="betjordan"] .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text, html[data-theme="betjordan"] .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text p, html[data-theme="betjordan"] .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h1, html[data-theme="betjordan"] .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h2, html[data-theme="betjordan"] .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h3, html[data-theme="betjordan"] .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h4, html[data-theme="betjordan"] .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h5, html[data-theme="betjordan"] .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h6, html[data-theme="betjordan"] .device-large .betjordan-accordion-theme1 .wkg-accordion__header, html[data-theme="betjordan"] .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text, html[data-theme="betjordan"] .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text, html[data-theme="betjordan"] .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text p, html[data-theme="betjordan"] .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h1, html[data-theme="betjordan"] .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h2, html[data-theme="betjordan"] .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h3, html[data-theme="betjordan"] .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h4, html[data-theme="betjordan"] .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h5, html[data-theme="betjordan"] .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h6 { font-size: var(--wkg-font-size-xl); font-weight: var(--wkg-font-weight-400); }
html[data-theme="betjordan"] .device-desktop .betjordan-accordion-theme1 .wkg-accordion__content, html[data-theme="betjordan"] .device-desktop .betjordan-accordion-theme1 .wkg-accordion__content-wrapper, html[data-theme="betjordan"] .device-desktop .betjordan-accordion-theme1 .wkg-accordion__content-wrapper .wkg-html-text, html[data-theme="betjordan"] .device-desktop .betjordan-accordion-theme1 .wkg-accordion__content-wrapper .wkg-html-text p, html[data-theme="betjordan"] .device-large .betjordan-accordion-theme1 .wkg-accordion__content, html[data-theme="betjordan"] .device-large .betjordan-accordion-theme1 .wkg-accordion__content-wrapper, html[data-theme="betjordan"] .device-large .betjordan-accordion-theme1 .wkg-accordion__content-wrapper .wkg-html-text, html[data-theme="betjordan"] .device-large .betjordan-accordion-theme1 .wkg-accordion__content-wrapper .wkg-html-text p { font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-300); }
html[data-theme="betjordan"] .device-desktop .betjordan-accordion-theme1 .wkg-accordion__content-wrapper, html[data-theme="betjordan"] .device-large .betjordan-accordion-theme1 .wkg-accordion__content-wrapper { padding: 0 0 var(--wkg-spacing-xl) 0; }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 { --modal-animation-duration: .3s; position: fixed; inset: 0px; z-index: 100001; display: flex; flex-direction: column; align-items: center; padding: var(--wkg-spacing-md, 1rem); opacity: 0; visibility: hidden; transition: opacity var(--modal-animation-duration) ease-out,visibility var(--modal-animation-duration) ease-out; }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1.wkg-overlay-modal--visible { opacity: 1; visibility: visible; }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1.wkg-overlay-modal--closing { opacity: 0; }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-backdrop { position: fixed; inset: 0px; z-index: 0; pointer-events: none; opacity: 0; background-color: var(--wkg-overlay-backdrop-color, rgba(0, 0, 0, .55)); backdrop-filter: blur(var(--wkg-overlay-backdrop-blur, 20px)); transition: opacity var(--modal-animation-duration, .3s) ease-out; }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-backdrop--visible { pointer-events: auto; opacity: 1; }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-backdrop--closing { opacity: 0; }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__container { position: relative; z-index: 1; display: flex; flex-direction: column; max-width: min(90vw, 30rem); max-height: 85dvh; overflow: hidden; background-color: var(--wkg-overlay-container-bg); border: var(--wkg-overlay-container-border); border-radius: var(--wkg-border-radius-8xl, 1.5rem); box-shadow: var(--wkg-shadow-modal, 0 25px 50px -12px rgba(0, 0, 0, .25)); min-width: 20rem; margin: auto; }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__topbar { display: flex; flex-shrink: 0; gap: var(--wkg-spacing-md, 1rem); justify-content: space-between; align-items: center; padding: var(--wkg-spacing-lg, 1.5rem) var(--wkg-spacing-md, 1rem); background: transparent; }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__topbar .wkg-button { color: var(--wkg-color-text-primary); }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__contents-header { flex: 1 1 0%; min-width: 0px; }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__contents-header h1, html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__contents-header h2, html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__contents-header h3, html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__contents-header h4, html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__contents-header h5, html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__contents-header h6, html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__contents-header p { margin-bottom: 0px; }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__content-wrapper { position: relative; display: flex; flex-direction: column; min-height: 0px; flex: 1 1 0%; padding: 0 var(--wkg-spacing-md, 1rem) var(--wkg-spacing-lg, 1.5rem); }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__content { flex: 1 1 0%; min-height: 0px; overflow: auto; }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__scroll-fade { position: absolute; left: 0px; right: 0px; height: 5rem; pointer-events: none; opacity: 0; transition: opacity 0.3s ease-out; z-index: 10; }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__scroll-fade--top { top: 0px; background: linear-gradient(to bottom,var(--wkg-overlay-container-bg) 0%,transparent 100%); }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__scroll-fade--bottom { bottom: var(--wkg-spacing-lg, 1.5rem); background: linear-gradient(to top,var(--wkg-overlay-container-bg) 0%,transparent 100%); }
html[data-theme="betjordan"] .betjordan-modal-layout1-theme1 .wkg-overlay-modal__scroll-fade--visible { opacity: 1; }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-bottom .wkg-overlay-drawer__container { border-radius: var(--wkg-drawer-border-radius, 1rem) var(--wkg-drawer-border-radius, 1rem) 0 0; }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-top .wkg-overlay-drawer__container { border-radius: 0 0 var(--wkg-drawer-border-radius, 1rem) var(--wkg-drawer-border-radius, 1rem); }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-right .wkg-overlay-drawer__container { border-radius: var(--wkg-drawer-border-radius, 1rem) 0 0 var(--wkg-drawer-border-radius, 1rem); }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-left .wkg-overlay-drawer__container { border-radius: 0 var(--wkg-drawer-border-radius, 1rem) var(--wkg-drawer-border-radius, 1rem) 0; }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--size-full .wkg-overlay-drawer__container { border-radius: 0px; }
html[data-theme="betjordan"] .device-mobile .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-bottom .wkg-overlay-drawer__container, html[data-theme="betjordan"] .device-phablet .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-bottom .wkg-overlay-drawer__container { border-radius: 1.25rem 1.25rem 0px 0px; }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__topbar { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--wkg-spacing-md, 1rem); padding: var(--wkg-spacing-sm, .5rem) var(--wkg-spacing-md, 1rem); min-height: 3rem; }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header { flex: 1 1 0%; min-width: 0px; }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header h1, html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header h2, html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header h3, html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header h4, html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header h5, html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header h6, html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header p { margin-bottom: 0px; }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__close-button { flex-shrink: 0; margin-left: auto; width: 2.5rem; height: 2.5rem; border-radius: 50%; transition: background-color 0.15s; }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__close-button:hover { background-color: var(--wkg-color-grey-700); }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__close-button:focus-visible { outline: 2px solid var(--wkg-color-primary); outline-offset: 2px; }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__drag-handle { position: relative; }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__drag-handle::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scaleX(1); width: 2.25rem; height: 0.25rem; background-color: var(--wkg-color-grey-400); border-radius: 9999px; transition: transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.2s; }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__drag-handle:active::before { transform: translate(-50%, -50%) scaleX(1.15); background-color: var(--wkg-color-grey-300); }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__body { flex: 1 1 0%; min-height: 0px; overflow: hidden auto; overscroll-behavior: contain; }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__content { display: flex; flex-direction: column; height: 100%; padding: var(--wkg-spacing-md, 1rem); }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__content:has(.signup-form), html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__content:has(.login-form), html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__content:has(.forgot-password) { padding: 0px; }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__content--auth-form { padding: 0px; }
html[data-theme="betjordan"] .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__footer { flex-shrink: 0; padding: var(--wkg-spacing-md, 1rem); border-top: 1px solid var(--wkg-color-grey-700, #374151); }
html[data-theme="betjordan"] .device-mobile .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-bottom .wkg-overlay-drawer__footer, html[data-theme="betjordan"] .device-phablet .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-bottom .wkg-overlay-drawer__footer { padding-bottom: calc(var(--wkg-spacing-md, 1rem) + env(safe-area-inset-bottom,0px)); }
html[data-theme="betjordan"] .device-mobile .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-top .wkg-overlay-drawer__controls, html[data-theme="betjordan"] .device-phablet .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-top .wkg-overlay-drawer__controls { padding-top: env(safe-area-inset-top,0px); }
html[data-theme="betjordan"] .device-mobile .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-left .wkg-overlay-drawer__container, html[data-theme="betjordan"] .device-phablet .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-left .wkg-overlay-drawer__container { padding-left: env(safe-area-inset-left,0px); }
html[data-theme="betjordan"] .device-mobile .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-right .wkg-overlay-drawer__container, html[data-theme="betjordan"] .device-phablet .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-right .wkg-overlay-drawer__container { padding-right: env(safe-area-inset-right,0px); }
html[data-theme="betjordan"] .scroll-gradient-wrapper::before { background: linear-gradient(270deg,rgba(37,37,44,0) 0%,var(--wkg-color-black) 100%); }
html[data-theme="betjordan"] .scroll-gradient-wrapper::after { background: linear-gradient(90deg,rgba(37,37,44,0) 0%,var(--wkg-color-black) 100%); }
html[data-theme="betjordan"] .login-form, html[data-theme="betjordan"] .signup-form, html[data-theme="betjordan"] .forgot-password { --wkg-auth-fields-gap: .5rem; }
html[data-theme="betjordan"] .auth-drawer-header { display: flex; flex-direction: column; gap: 0.25rem; }
html[data-theme="betjordan"] .auth-drawer-header:has(.auth-drawer-header__back-arrow), html[data-theme="betjordan"] .auth-drawer-header:has(.auth-drawer-header__back-button), html[data-theme="betjordan"] .auth-drawer-header--with-back { flex-direction: row; align-items: center; gap: var(--wkg-spacing-xxs); }
html[data-theme="betjordan"] .wkg-overlay-drawer--position-center .auth-drawer-header { flex-direction: row; align-items: center; gap: var(--wkg-spacing-md); }
html[data-theme="betjordan"] .wkg-overlay-drawer--position-center .auth-drawer-header .auth-drawer-header__subtitle { margin-inline-start: auto; }
html[data-theme="betjordan"] .auth-drawer-header__back-arrow, html[data-theme="betjordan"] .auth-drawer-header__back-button { display: flex; padding: 0px; color: var(--wkg-color-text-primary); background: none; border: medium; border-radius: var(--wkg-border-radius-sm, .25rem); cursor: pointer; transition: opacity 0.15s; }
html[data-theme="betjordan"] .auth-drawer-header__back-arrow:hover, html[data-theme="betjordan"] .auth-drawer-header__back-button:hover { opacity: 0.7; }
html[data-theme="betjordan"] .auth-drawer-header__back-arrow:focus-visible, html[data-theme="betjordan"] .auth-drawer-header__back-button:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
html[data-theme="betjordan"] .auth-drawer-header__back-arrow .icon, html[data-theme="betjordan"] .auth-drawer-header__back-arrow div, html[data-theme="betjordan"] .auth-drawer-header__back-arrow svg, html[data-theme="betjordan"] .auth-drawer-header__back-button .icon, html[data-theme="betjordan"] .auth-drawer-header__back-button div, html[data-theme="betjordan"] .auth-drawer-header__back-button svg { width: 1.25rem; height: 1.25rem; }
html[data-theme="betjordan"] .auth-drawer-header__back-arrow svg, html[data-theme="betjordan"] .auth-drawer-header__back-button svg { transform: rotate(90deg); }
html[data-theme="betjordan"] .auth-drawer-header__title { margin: 0px; font-size: var(--wkg-font-size-lg); font-weight: 600; color: var(--wkg-color-text-primary); }
html[data-theme="betjordan"] .auth-drawer-header__subtitle { display: flex; align-items: center; gap: 0.375rem; padding: 0px; font-family: inherit; font-size: 0.75rem; font-weight: 500; color: var(--wkg-color-grey-200); text-align: left; text-decoration: none; background: none; border: medium; border-radius: var(--wkg-border-radius-sm, .25rem); cursor: pointer; transition: color 0.15s; }
html[data-theme="betjordan"] .auth-drawer-header__subtitle:hover { color: var(--wkg-color-text-primary); }
html[data-theme="betjordan"] .auth-drawer-header__subtitle:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
html[data-theme="betjordan"] .auth-drawer-header__arrow { display: flex; flex-shrink: 0; }
html[data-theme="betjordan"] .auth-drawer-header__arrow div, html[data-theme="betjordan"] .auth-drawer-header__arrow svg { width: 0.875rem; height: 0.875rem; }
html[data-theme="betjordan"] .auth-form, html[data-theme="betjordan"] .forgot-password-form, html[data-theme="betjordan"] .signup-form, html[data-theme="betjordan"] .login-form { display: flex; flex-direction: column; height: 100%; }
html[data-theme="betjordan"] .auth-form__body, html[data-theme="betjordan"] .forgot-password-form__body, html[data-theme="betjordan"] .signup-form__body, html[data-theme="betjordan"] .login-form__body { display: flex; flex-direction: column; flex: 1 1 0%; overflow-y: auto; padding: var(--wkg-spacing-md) var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .auth-form__fields, html[data-theme="betjordan"] .forgot-password-form__fields, html[data-theme="betjordan"] .signup-form__fields, html[data-theme="betjordan"] .login-form__fields { display: flex; flex-direction: column; gap: var(--wkg-auth-fields-gap, .5rem); }
html[data-theme="betjordan"] .auth-form__footer, html[data-theme="betjordan"] .forgot-password-form__footer, html[data-theme="betjordan"] .signup-form__footer, html[data-theme="betjordan"] .login-form__footer { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; padding: 1rem 1.5rem 1.5rem; background-color: var(--wkg-color-grey-500); border-top: 1px solid var(--wkg-color-grey-400); }
html[data-theme="betjordan"] .auth-form__submit-button, html[data-theme="betjordan"] .forgot-password-form__submit-button, html[data-theme="betjordan"] .signup-form__submit-button, html[data-theme="betjordan"] .login-form__submit-button { width: 100%; gap: var(--wkg-spacing-xs); font-family: var(--wkg-font-family-cta); font-size: var(--wkg-font-size-xl); font-weight: 400; text-transform: uppercase; }
html[data-theme="betjordan"] .auth-form__submit-button:focus-visible, html[data-theme="betjordan"] .forgot-password-form__submit-button:focus-visible, html[data-theme="betjordan"] .signup-form__submit-button:focus-visible, html[data-theme="betjordan"] .login-form__submit-button:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
html[data-theme="betjordan"] .auth-form__submit-button .button__icon, html[data-theme="betjordan"] .forgot-password-form__submit-button .button__icon, html[data-theme="betjordan"] .signup-form__submit-button .button__icon, html[data-theme="betjordan"] .login-form__submit-button .button__icon { display: flex; align-items: center; }
html[data-theme="betjordan"] .auth-form__submit-button .button__icon div, html[data-theme="betjordan"] .forgot-password-form__submit-button .button__icon div, html[data-theme="betjordan"] .signup-form__submit-button .button__icon div, html[data-theme="betjordan"] .login-form__submit-button .button__icon div, html[data-theme="betjordan"] .auth-form__submit-button .button__icon svg, html[data-theme="betjordan"] .forgot-password-form__submit-button .button__icon svg, html[data-theme="betjordan"] .signup-form__submit-button .button__icon svg, html[data-theme="betjordan"] .login-form__submit-button .button__icon svg { width: 1.5rem; height: 1.5rem; }
html[data-theme="betjordan"] .auth-form__submit-button .button__icon svg path, html[data-theme="betjordan"] .forgot-password-form__submit-button .button__icon svg path, html[data-theme="betjordan"] .signup-form__submit-button .button__icon svg path, html[data-theme="betjordan"] .login-form__submit-button .button__icon svg path { stroke-width: 2px; }
html[data-theme="betjordan"] .auth-form__footer-promo, html[data-theme="betjordan"] .signup-form__footer-promo, html[data-theme="betjordan"] .login-form__footer-promo { margin: 0px; font-size: var(--wkg-font-size-xs); color: var(--wkg-color-grey-300); text-align: center; }
html[data-theme="betjordan"] .auth-form__error, html[data-theme="betjordan"] .forgot-password-form__error, html[data-theme="betjordan"] .login-form__error { display: flex; align-items: center; justify-content: flex-end; gap: var(--wkg-spacing-xs); margin-top: var(--wkg-auth-fields-gap, .5rem); font-size: var(--wkg-font-size-xxs); color: var(--wkg-color-error, var(--wkg-color-red-400)); text-align: right; }
html[data-theme="betjordan"] .auth-form__error .icon, html[data-theme="betjordan"] .forgot-password-form__error .icon, html[data-theme="betjordan"] .login-form__error .icon { display: flex; flex-shrink: 0; }
html[data-theme="betjordan"] .auth-form__error .icon div, html[data-theme="betjordan"] .forgot-password-form__error .icon div, html[data-theme="betjordan"] .login-form__error .icon div, html[data-theme="betjordan"] .auth-form__error .icon svg, html[data-theme="betjordan"] .forgot-password-form__error .icon svg, html[data-theme="betjordan"] .login-form__error .icon svg { width: 1rem; height: 1rem; }
html[data-theme="betjordan"] .auth-form__error .wkg-icon, html[data-theme="betjordan"] .forgot-password-form__error .wkg-icon, html[data-theme="betjordan"] .login-form__error .wkg-icon { font-size: 1rem; }
html[data-theme="betjordan"] .auth-form__section, html[data-theme="betjordan"] .signup-form__section { display: flex; align-items: center; gap: 0.75rem; margin-bottom: var(--wkg-spacing-xs); }
html[data-theme="betjordan"] .auth-form__section-number { display: flex; align-items: center; justify-content: center; width: 0.875rem; height: 0.875rem; font-size: var(--wkg-font-size-xxxs); font-weight: 600; color: var(--wkg-color-text-primary); background: var(--wkg-bg-color-badge-primary-filled); border-radius: 50%; }
html[data-theme="betjordan"] .auth-form__section-title, html[data-theme="betjordan"] .signup-form__section-title { font-size: var(--wkg-font-size-xs); font-weight: 500; color: var(--wkg-color-grey-200); }
html[data-theme="betjordan"] .login-form__fields input:autofill { animation-name: onAutoFillStart; }
html[data-theme="betjordan"] .login-form__hero { width: 100%; height: 7.5rem; margin-bottom: var(--wkg-spacing-md); object-fit: cover; border-radius: 12px; }
html[data-theme="betjordan"] .login-form__forgot-password { align-self: flex-end; margin-top: var(--wkg-spacing-md); padding: 0px; font-family: inherit; font-size: var(--wkg-font-size-xs); font-weight: 500; color: var(--wkg-color-text-secondary); text-decoration: none; background: none; border: medium; border-radius: var(--wkg-border-radius-sm, .25rem); cursor: pointer; transition: color 0.15s; }
html[data-theme="betjordan"] .login-form__forgot-password:hover { color: var(--wkg-color-text-primary); }
html[data-theme="betjordan"] .login-form__forgot-password:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
html[data-theme="betjordan"] .signup-form__section-number { display: flex; align-items: center; justify-content: center; width: 0.875rem; height: 0.875rem; font-size: var(--wkg-font-size-xxxs); font-weight: 600; color: var(--wkg-color-text-primary); background: var(--wkg-bg-color-badge-primary-filled); border-radius: 50%; }
html[data-theme="betjordan"] .signup-form__hero { width: 100%; height: 7.5rem; margin-bottom: var(--wkg-spacing-md); object-fit: cover; border-radius: 12px; }
html[data-theme="betjordan"] .signup-form__bonus-list { margin-bottom: var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .signup-form__email-country-row { display: flex; flex-direction: column; gap: var(--wkg-auth-fields-gap, .5rem); }
html[data-theme="betjordan"] .signup-form__footer-terms { margin: 0px; font-size: var(--wkg-font-size-xs); color: var(--wkg-color-grey-200); text-align: left; align-self: flex-start; }
html[data-theme="betjordan"] .signup-form__footer-link { color: var(--wkg-color-text-secondary); text-decoration: underline; border-radius: var(--wkg-border-radius-sm, .25rem); }
html[data-theme="betjordan"] .signup-form__footer-link:hover { color: var(--wkg-color-text-primary); }
html[data-theme="betjordan"] .signup-form__footer-link:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
html[data-theme="betjordan"] .signup-form__username-wrapper { display: flex; flex-direction: column; }
html[data-theme="betjordan"] .signup-form__username-suggestions { padding: 1rem 0px; }
html[data-theme="betjordan"] .signup-form__username-suggestions-label { margin: 0px 0px 0.5rem; font-size: var(--wkg-font-size-xs); font-weight: 600; color: var(--wkg-color-text-primary); }
html[data-theme="betjordan"] .signup-form__username-suggestions-list { display: flex; flex-direction: column; gap: 0.5rem; margin: 0px; padding: 0px 0px 0px 1rem; list-style: none; }
html[data-theme="betjordan"] .signup-form__username-suggestions-list li { display: flex; align-items: center; gap: 0.5rem; color: var(--wkg-color-grey-200); }
html[data-theme="betjordan"] .signup-form__username-suggestions-list li::before { content: ""; width: 0.25rem; height: 0.25rem; background: var(--wkg-color-grey-200); border-radius: 50%; flex-shrink: 0; }
html[data-theme="betjordan"] .signup-form__username-suggestion { padding: 0px; font-family: inherit; font-size: var(--wkg-font-size-xs); font-weight: 400; color: var(--wkg-color-grey-200); background: none; border: medium; border-radius: var(--wkg-border-radius-sm, .25rem); cursor: pointer; transition: color 0.15s; }
html[data-theme="betjordan"] .signup-form__username-suggestion:hover { color: var(--wkg-color-text-primary); }
html[data-theme="betjordan"] .signup-form__username-suggestion:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
html[data-theme="betjordan"] .forgot-password { display: flex; flex-direction: column; height: 100%; }
html[data-theme="betjordan"] .forgot-password-form__footer { padding: 1rem 1.5rem; }
html[data-theme="betjordan"] .forgot-password-form__step-indicator { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.25rem; }
html[data-theme="betjordan"] .forgot-password-form__step-number { display: flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 0.875rem; width: 0.875rem; height: 0.875rem; font-size: var(--wkg-font-size-xxxs); font-weight: 600; color: var(--wkg-color-text-primary); background: var(--wkg-bg-color-badge-primary-filled); border-radius: 50%; }
html[data-theme="betjordan"] .forgot-password-form__step-text { margin: 0px; font-size: var(--wkg-font-size-xs); font-weight: 500; color: var(--wkg-color-grey-200); }
html[data-theme="betjordan"] .forgot-password-form__step-text strong { color: var(--wkg-color-text-primary); }
html[data-theme="betjordan"] .forgot-password-form__tabs { position: relative; margin-bottom: var(--wkg-spacing-md); background-color: var(--wkg-color-grey-600); border: 1px solid var(--wkg-color-grey-400); border-radius: var(--wkg-border-radius-full, 9999px); padding: 0.25rem; }
html[data-theme="betjordan"] .forgot-password-form__tabs-inner { display: flex; position: relative; }
html[data-theme="betjordan"] .forgot-password-form__tab-indicator { position: absolute; top: 0px; bottom: 0px; background-color: var(--wkg-color-grey-500); border-radius: var(--wkg-border-radius-full, 9999px); z-index: 0; pointer-events: none; will-change: left, width; }
html[data-theme="betjordan"] .forgot-password-form__tab { flex: 1 1 0%; position: relative; z-index: 1; padding: 0.625rem 1rem; font-family: var(--wkg-font-family-secondary); font-size: var(--wkg-font-size-sm); font-weight: 600; color: var(--wkg-color-grey-300); text-transform: uppercase; background: none; border: medium; border-radius: var(--wkg-border-radius-full, 9999px); cursor: pointer; transition: color 0.2s; }
html[data-theme="betjordan"] .forgot-password-form__tab--active { color: var(--wkg-color-text-primary); }
html[data-theme="betjordan"] .forgot-password-form__tab:hover:not(html[data-theme="betjordan"] .forgot-password-form__tab--active) { color: var(--wkg-color-text-primary); }
html[data-theme="betjordan"] .forgot-password-form__tab:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: -2px; }
html[data-theme="betjordan"] .forgot-password-form__signup-link { display: flex; align-items: center; justify-content: center; gap: var(--wkg-spacing-xs); padding: var(--wkg-spacing-md) 0 0; font-family: inherit; font-size: var(--wkg-font-size-xs); font-weight: 500; color: var(--wkg-color-grey-200); text-align: center; background: none; border: medium; border-radius: var(--wkg-border-radius-sm, .25rem); cursor: pointer; transition: color 0.15s; }
html[data-theme="betjordan"] .forgot-password-form__signup-link:hover { color: var(--wkg-color-text-primary); }
html[data-theme="betjordan"] .forgot-password-form__signup-link:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
html[data-theme="betjordan"] .forgot-password-form__signup-arrow { display: flex; flex-shrink: 0; }
html[data-theme="betjordan"] .forgot-password-form__signup-arrow div, html[data-theme="betjordan"] .forgot-password-form__signup-arrow svg { width: 0.875rem; height: 0.875rem; }
html[data-theme="betjordan"] .forgot-password-form__otp-section { display: flex; flex-direction: column; gap: var(--wkg-spacing-sm); margin-bottom: var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .forgot-password-form__otp-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--wkg-spacing-sm); }
html[data-theme="betjordan"] .forgot-password-form__otp-error { display: flex; align-items: center; gap: var(--wkg-spacing-xs); margin-left: auto; font-size: var(--wkg-font-size-xxs); color: var(--wkg-color-error, var(--wkg-color-red-400)); text-align: right; }
html[data-theme="betjordan"] .forgot-password-form__otp-error .icon { display: flex; flex-shrink: 0; }
html[data-theme="betjordan"] .forgot-password-form__otp-error .icon div, html[data-theme="betjordan"] .forgot-password-form__otp-error .icon svg { width: 1rem; height: 1rem; }
html[data-theme="betjordan"] .forgot-password-form__otp-error .wkg-icon { font-size: 1rem; }
html[data-theme="betjordan"] .forgot-password-form__resend-button { display: flex; align-items: center; flex-shrink: 0; gap: 0.375rem; padding: 0px; font-family: inherit; font-size: var(--wkg-font-size-xs); font-weight: 500; white-space: nowrap; color: var(--wkg-color-text-secondary); background: none; border: medium; border-radius: var(--wkg-border-radius-sm, .25rem); cursor: pointer; transition: color 0.15s; }
html[data-theme="betjordan"] .forgot-password-form__resend-button:hover:not(:disabled) { color: var(--wkg-color-text-primary); }
html[data-theme="betjordan"] .forgot-password-form__resend-button:disabled { cursor: default; opacity: 0.7; }
html[data-theme="betjordan"] .forgot-password-form__resend-button:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
html[data-theme="betjordan"] .forgot-password-form__resend-icon { display: flex; flex-shrink: 0; width: 0.875rem; height: 0.875rem; }
html[data-theme="betjordan"] .forgot-password-form__resend-icon div, html[data-theme="betjordan"] .forgot-password-form__resend-icon svg { width: 0.875rem; height: 0.875rem; }
html[data-theme="betjordan"] .forgot-password__support { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; width: 100%; }
html[data-theme="betjordan"] .forgot-password__support-text { margin: 0px; font-size: var(--wkg-font-size-xs); color: var(--wkg-color-grey-300); display: flex; align-items: center; width: 100%; }
html[data-theme="betjordan"] .forgot-password__support-text::before, html[data-theme="betjordan"] .forgot-password__support-text::after { content: ""; flex: 1 1 0%; height: 1px; background-color: var(--wkg-color-grey-400); }
html[data-theme="betjordan"] .forgot-password__support-text::before { margin-right: var(--wkg-spacing-sm); }
html[data-theme="betjordan"] .forgot-password__support-text::after { margin-left: var(--wkg-spacing-sm); }
html[data-theme="betjordan"] .forgot-password__support-buttons { display: flex; gap: var(--wkg-spacing-sm); width: 100%; }
html[data-theme="betjordan"] .forgot-password__support-button { flex: 1 1 0%; }
html[data-theme="betjordan"] .forgot-password__support-button .button__content { color: var(--wkg-color-text-primary); text-transform: capitalize; }
html[data-theme="betjordan"] .forgot-password__support-button:hover { background-color: var(--wkg-color-grey-400); }
html[data-theme="betjordan"] .forgot-password__support-button:hover .button__content { color: var(--bejo-white); }
html[data-theme="betjordan"] .forgot-password__support-button:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
html[data-theme="betjordan"] .forgot-password__support-button .button__icon { width: 1rem; height: 1rem; margin-left: var(--wkg-spacing-xxs); }
html[data-theme="betjordan"] .forgot-password__support-button .button__icon .react-svg-wrapper, html[data-theme="betjordan"] .forgot-password__support-button .button__icon div, html[data-theme="betjordan"] .forgot-password__support-button .button__icon svg { width: 1rem; height: 1rem; }
html[data-theme="betjordan"] .auth-form-skeleton__fields { display: flex; flex-direction: column; gap: var(--wkg-form-fields-gap, .25rem); }
html[data-theme="betjordan"] .auth-form-skeleton__field { display: flex; flex-direction: column; justify-content: center; gap: var(--wkg-form-label-input-gap, .375rem); height: var(--wkg-form-field-max-height, 3.75rem); padding: var(--wkg-form-input-padding-y, .5rem) var(--wkg-form-input-padding-x, 1rem); background-color: var(--wkg-form-input-bg, var(--wkg-color-grey-500)); border-radius: var(--wkg-form-input-border-radius, 1rem); box-sizing: border-box; }
html[data-theme="betjordan"] .wkg-overlay-drawer--position-center .signup-form__email-country-row { display: flex; flex-direction: row; gap: var(--wkg-auth-fields-gap, .5rem); align-items: flex-start; }
html[data-theme="betjordan"] .wkg-overlay-drawer--position-center .signup-form__email-country-row > * { flex: 1 1 0%; min-width: 0px; }
html[data-theme="betjordan"] .wkg-overlay-drawer--position-center :is(.login-form__footer, .signup-form__footer, .forgot-password-form__footer) { display: contents; }
html[data-theme="betjordan"] .wkg-overlay-drawer--position-center .wkg-overlay-drawer__container { padding: 24px 40px; }
html[data-theme="betjordan"] .wkg-overlay-drawer--position-center :is(.login-form__submit-button, .signup-form__submit-button, .forgot-password-form__submit-button) { width: auto; align-self: center; margin-top: 0.75rem; }
html[data-theme="betjordan"] .wkg-overlay-drawer--position-center :is(.login-form__footer-promo, .signup-form__footer-promo, .forgot-password-form__footer-promo) { margin-top: 0.75rem; }
html[data-theme="betjordan"] .wkg-overlay-drawer--position-center .signup-form__footer-terms { margin-top: 0.75rem; text-align: center; align-self: center; }
html[data-theme="betjordan"] .wkg-overlay-drawer--position-center .forgot-password__support { margin-top: 0.75rem; }
html[data-theme="betjordan"] :is(.device-mobile, .device-phablet) :is(.login-form__footer, .signup-form__footer, .forgot-password-form__footer) { background-color: transparent; border-top: medium; }
html[data-theme="betjordan"] :is(.device-mobile, .device-phablet) :is(.login-form__body, .signup-form__body, .forgot-password-form__body) { flex: 0 0 auto; overflow: visible; }
html[data-theme="betjordan"] :is(.device-mobile, .device-phablet) :is(.login-form__submit-button, .signup-form__submit-button, .forgot-password-form__submit-button) { width: auto; align-self: center; }
html[data-theme="betjordan"] [dir="rtl"] :is(.login-form, .signup-form, .forgot-password, .forgot-password-form) .wkg-select__indicators { right: auto; left: var(--wkg-field-control-padding-x, 1rem); }
html[data-theme="betjordan"] [dir="rtl"] :is(.login-form, .signup-form, .forgot-password, .forgot-password-form) .wkg-select__trigger { padding-right: 0px; padding-left: 2.5rem; text-align: right; }
html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__prev-bt, html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__next-bt { background-color: transparent; border-radius: 50%; padding: 0.25rem; transition: background-color 0.3s; color: var(--wkg-color-grey-100); }
html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__prev-bt:hover, html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__next-bt:hover { background-color: var(--wkg-color-grey-300); }
html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__prev-bt--disabled, html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__next-bt--disabled { opacity: 0.5; }
html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__prev-bt, html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__prev-bt .wkg-button__icon, html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__next-bt, html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__next-bt .wkg-button__icon { font-size: var(--wkg-font-size-7xl); }
html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__fraction-wrapper { font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-xs); color: var(--wkg-color-grey-100); gap: 0.25rem; display: flex; }
html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot { background-color: transparent; padding: 0.5rem 0.25rem; border: medium; cursor: pointer; display: flex; align-items: center; justify-content: center; }
html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot::after { content: ""; display: block; width: 8px; height: 4px; background-color: var(--wkg-color-grey-300); border-radius: var(--wkg-border-radius-xs); transition: 0.3s; }
html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot:hover::after { background-color: var(--wkg-color-white); }
html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot.wkg-slider-dot--active::after { background-color: var(--wkg-color-white); width: 24px; }
html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider__pagination--numberedDots { gap: 0.25rem; }
html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot { display: flex; align-items: center; justify-content: center; border-radius: 50%; border: medium; font-size: var(--wkg-font-size-xxxs); background-color: var(--wkg-color-grey-300); color: var(--wkg-color-white); width: 12px; height: 12px; }
html[data-theme="betjordan"] .betjordan-slider-layout1-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot.wkg-slider-dot--active { background-color: var(--wkg-color-white); color: var(--wkg-color-grey-300); }
html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__prev-bt, html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__next-bt { background-color: transparent; border-radius: 50%; padding: 0.25rem; transition: background-color 0.3s; color: var(--wkg-color-grey-100); }
html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__prev-bt:hover, html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__next-bt:hover { background-color: var(--wkg-color-grey-300); }
html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__prev-bt--disabled, html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__next-bt--disabled { opacity: 0.5; }
html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__prev-bt, html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__prev-bt .wkg-button__icon, html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__next-bt, html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__next-bt .wkg-button__icon { font-size: var(--wkg-font-size-7xl); }
html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__fraction-wrapper { font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-xs); color: var(--wkg-color-grey-100); gap: 0.25rem; display: flex; }
html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot { background-color: transparent; padding: 0.5rem 0.25rem; border: medium; cursor: pointer; display: flex; align-items: center; justify-content: center; }
html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot::after { content: ""; display: block; width: 8px; height: 4px; background-color: var(--wkg-color-grey-300); border-radius: var(--wkg-border-radius-xs); transition: 0.3s; }
html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot:hover::after { background-color: var(--wkg-color-white); }
html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot.wkg-slider-dot--active::after { background-color: var(--wkg-color-white); width: 24px; }
html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider__pagination--numberedDots { gap: 0.25rem; }
html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot { display: flex; align-items: center; justify-content: center; border-radius: 50%; border: medium; font-size: var(--wkg-font-size-xxxs); background-color: var(--wkg-color-grey-300); color: var(--wkg-color-white); width: 12px; height: 12px; }
html[data-theme="betjordan"] .betjordan-slider-layout2-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot.wkg-slider-dot--active { background-color: var(--wkg-color-white); color: var(--wkg-color-grey-300); }
html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__prev-bt, html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__next-bt { background-color: transparent; border-radius: 50%; padding: 0.25rem; transition: background-color 0.3s; color: var(--wkg-color-grey-100); }
html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__prev-bt:hover, html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__next-bt:hover { background-color: var(--wkg-color-grey-300); }
html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__prev-bt--disabled, html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__next-bt--disabled { opacity: 0.5; }
html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__prev-bt, html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__prev-bt .wkg-button__icon, html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__next-bt, html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__next-bt .wkg-button__icon { font-size: var(--wkg-font-size-7xl); }
html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__fraction-wrapper { font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-xs); color: var(--wkg-color-grey-100); gap: 0.25rem; display: flex; }
html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot { background-color: transparent; padding: 0.5rem 0.25rem; border: medium; cursor: pointer; display: flex; align-items: center; justify-content: center; }
html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot::after { content: ""; display: block; width: 8px; height: 4px; background-color: var(--wkg-color-grey-300); border-radius: var(--wkg-border-radius-xs); transition: 0.3s; }
html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot:hover::after { background-color: var(--wkg-color-white); }
html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot.wkg-slider-dot--active::after { background-color: var(--wkg-color-white); width: 24px; }
html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider__pagination--numberedDots { gap: 0.25rem; }
html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot { display: flex; align-items: center; justify-content: center; border-radius: 50%; border: medium; font-size: var(--wkg-font-size-xxxs); background-color: var(--wkg-color-grey-300); color: var(--wkg-color-white); width: 12px; height: 12px; }
html[data-theme="betjordan"] .betjordan-slider-layout3-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot.wkg-slider-dot--active { background-color: var(--wkg-color-white); color: var(--wkg-color-grey-300); }
html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header { margin-bottom: var(--wkg-spacing-sm); gap: var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-title { gap: var(--wkg-spacing-xs); min-width: 0px; }
html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-icon { flex-shrink: 0; width: 2.5rem; height: 2.5rem; }
html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-icon .wkg-icon { width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-icon .wkg-icon img, html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-icon .wkg-icon svg { width: 100%; height: 100%; object-fit: contain; }
html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-text { gap: 0.125rem; font-family: var(--wkg-font-family-primary); }
html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-text .wkg-html-text p { font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-600); line-height: 1.4; margin: 0px; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; }
html[data-theme="betjordan"] .device-mobile .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-text .wkg-html-text p { font-size: var(--wkg-font-size-sm); }
html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-xl); font-weight: var(--wkg-font-weight-600); line-height: 1.2; margin: 0px; }
html[data-theme="betjordan"] .device-desktop .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6), html[data-theme="betjordan"] .device-large .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-3xl); }
html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button { display: flex; align-items: center; }
html[data-theme="betjordan"] .device-mobile .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button .wkg-button--primary.wkg-button--filled { font-size: var(--wkg-font-size-xs); }
html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__prev-bt, html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__next-bt { background-color: transparent; border-radius: 50%; padding: 0.25rem; transition: background-color 0.3s; color: var(--wkg-color-grey-100); }
html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__prev-bt:hover, html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__next-bt:hover { background-color: var(--wkg-color-grey-300); }
html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__prev-bt--disabled, html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__next-bt--disabled { opacity: 0.5; }
html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__prev-bt, html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__prev-bt .wkg-button__icon, html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__next-bt, html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__next-bt .wkg-button__icon { font-size: var(--wkg-font-size-7xl); }
html[data-theme="betjordan"] .betjordan-top-cta-layout1-theme1 { display: flex; justify-content: center; align-items: center; z-index: var(--wkg-top-cta-z-index); width: 100%; top: 0px; height: var(--wkg-top-cta-height); transition: transform 0.2s; will-change: transform; }
html[data-theme="betjordan"] .betjordan-top-cta-layout1-theme1 .wkg-top-cta__wrapper { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-top-cta-layout1-theme1 .wkg-top-cta__inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: var(--wkg-top-cta-bg); }
html[data-theme="betjordan"] .betjordan-top-cta-layout1-theme1 .wkg-top-cta__icon { flex-shrink: 0; }
html[data-theme="betjordan"] .betjordan-top-cta-layout1-theme1 .wkg-button__icon { margin-inline-start: var(--wkg-spacing-xxs); }
html[data-theme="betjordan"] .betjordan-top-cta-layout1-theme1 .wkg-buttons-group { margin-inline-start: var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .betjordan-top-cta-layout1-theme1 .wkg-top-cta__title { font-size: var(--wkg-font-size-sm); font-weight: 600; display: flex; align-items: center; margin: 0 var(--wkg-spacing-xxs); }
html[data-theme="betjordan"] .betjordan-top-cta-layout1-theme1 .wkg-top-cta__main { color: var(--wkg-top-cta-title-color); }
html[data-theme="betjordan"] .betjordan-top-cta-layout1-theme1 .wkg-top-cta__subtitle { color: var(--wkg-top-cta-subtitle-color); margin-inline-start: var(--wkg-spacing-xxs); }
html[data-theme="betjordan"] .betjordan-top-cta-layout1-theme1.wkg-top-cta--hidden { transform: translateY(-100%); pointer-events: none; }
html[data-theme="betjordan"] body.device-mobile .betjordan-top-cta-layout1-theme1, html[data-theme="betjordan"] body.device-tablet .betjordan-top-cta-layout1-theme1 { padding-top: env(safe-area-inset-top); }
html[data-theme="betjordan"] body.device-mobile .betjordan-top-cta-layout1-theme1 .wkg-top-cta__title, html[data-theme="betjordan"] body.device-tablet .betjordan-top-cta-layout1-theme1 .wkg-top-cta__title { font-size: var(--wkg-font-size-xs); margin: 0 var(--wkg-spacing-xxs); }
html[data-theme="betjordan"] [dir="rtl"] .betjordan-top-cta-layout1-theme1 .wkg-button-blocks img { transform: rotate(180deg); }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__container { overflow: hidden; border: medium; box-shadow: none; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__topbar { position: absolute; top: 0px; right: 0px; z-index: 10; background: none; padding: var(--wkg-spacing-sm); pointer-events: none; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__topbar > * { pointer-events: auto; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__close-button { color: var(--wkg-color-text-primary); background: transparent; backdrop-filter: blur(var(--wkg-overlay-backdrop-blur)); border-radius: 50%; width: var(--wkg-spacing-xl); height: var(--wkg-spacing-xl); font-size: var(--wkg-font-size-lg); display: flex; align-items: center; justify-content: center; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__body { flex: 1 1 0%; min-height: 0px; overflow: hidden auto; overscroll-behavior: none; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__content { padding: 0px; overflow: visible; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__footer-wrapper { flex-shrink: 0; background: var(--wkg-overlay-footer-bg); padding: var(--wkg-spacing-md) var(--wkg-spacing-md) var(--wkg-spacing-xl); }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__footer-wrapper .wkg-promotion-overlay__footer { padding: 0px; margin: 0px; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__footer-wrapper .wkg-html-text { padding: 0px !important; margin: 0px; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__footer-wrapper p { margin: 0px; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-hero { width: 100%; margin: 0px; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-hero__image-wrapper, html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-hero__image-wrapper .wkg-responsive-image, html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-hero__image-wrapper picture { height: 100%; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-hero img { width: 100%; height: 100%; display: block; object-fit: cover; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-table-lb-value { padding: var(--wkg-spacing-md) var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-table-lb-value__row { display: flex; justify-content: space-between; align-items: center; padding: var(--wkg-spacing-sm) 0; border-bottom: 1px solid var(--wkg-border-color-primary); }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-table-lb-value__row:last-child { border-bottom: medium; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-table-lb-value__label { font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-500); color: var(--wkg-color-text-primary); }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-table-lb-value__value { font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-700); color: var(--wkg-color-text-primary); text-align: right; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-table-lb-value__value .wkg-html-text { padding: 0px !important; color: var(--wkg-color-text-primary) !important; font-size: var(--wkg-font-size-md) !important; font-weight: var(--wkg-font-weight-700) !important; line-height: inherit; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-table-lb-value__value .wkg-html-text p { margin: 0px; color: inherit; font-weight: inherit; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-collapsible-block { padding: var(--wkg-spacing-md) var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-collapsible-block__visible { color: var(--wkg-color-text-secondary); font-size: var(--wkg-font-size-sm); line-height: var(--wkg-line-height-xl); }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-collapsible-block .wkg-collapsible-block__visible .wkg-html-text, html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-collapsible-block .wkg-collapsible-block__expandable .wkg-html-text { padding: 0px; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-collapsible-block__toggle { display: inline-flex; align-items: center; gap: var(--wkg-spacing-xxs); margin-top: var(--wkg-spacing-xs); padding: 0px; font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-600); color: var(--wkg-color-text-primary); background: none; border: medium; cursor: pointer; }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-collapsible-block__toggle:hover { color: var(--wkg-color-text-quinary); }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-collapsible-block__expandable { color: var(--wkg-color-text-secondary); font-size: var(--wkg-font-size-sm); line-height: var(--wkg-line-height-xl); margin-top: var(--wkg-spacing-sm); }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-html-text:not(.wkg-badge) { padding: var(--wkg-spacing-md) var(--wkg-spacing-lg); color: var(--wkg-color-text-primary); font-size: var(--wkg-font-size-md); line-height: var(--wkg-line-height-lg); }
html[data-theme="betjordan"] .betjordan-promotion-ovl-layout1-theme1 .wkg-button-blocks { padding: 0 var(--wkg-spacing-lg) var(--wkg-spacing-md); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__wrapper { padding: var(--wkg-spacing-lg) 0; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--wkg-spacing-lg); margin-bottom: var(--wkg-spacing-md); padding: 0 var(--wkg-spacing-md); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header > div:first-child { display: flex; align-items: center; gap: var(--wkg-spacing-xs); flex: 1 1 0%; min-width: 0px; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-icon { flex-shrink: 0; width: var(--wkg-spacing-lg); height: var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-icon .wkg-icon svg { width: var(--wkg-spacing-lg); height: var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-text { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: calc(var(--wkg-spacing-xxs) / 2); justify-content: center; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-text .wkg-html-text p:first-child { color: var(--wkg-color-red-400); font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-600); line-height: 1.4; margin: 0px; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-text .wkg-html-text h1, html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-text .wkg-html-text h2, html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-text .wkg-html-text h3, html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-text .wkg-html-text h4, html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-text .wkg-html-text h5, html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-text .wkg-html-text h6 { color: var(--wkg-color-white); font-size: var(--wkg-font-size-lg); font-weight: var(--wkg-font-weight-600); line-height: var(--wkg-line-height-sm); margin: 0px; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-actions { display: flex; align-items: center; gap: var(--wkg-spacing-xs); flex-shrink: 0; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-actions .wkg-button { background: var(--wkg-color-white-10); border: medium; border-radius: 6.25rem; padding: .59375rem calc(var(--wkg-spacing-md) + var(--wkg-spacing-xxs)); color: var(--wkg-color-white); font-size: var(--wkg-font-size-xs); font-weight: var(--wkg-font-weight-400); line-height: 1.4; cursor: pointer; font-family: var(--wkg-font-family-primary); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__nav-btns { display: flex; align-items: center; gap: var(--wkg-spacing-xxs); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__nav-btn { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0px; border: 1px solid var(--wkg-border-color-primary); border-radius: 50%; background: transparent; color: var(--wkg-color-text-primary); cursor: pointer; transition: background-color 0.2s, border-color 0.2s; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__nav-btn:hover { background-color: var(--wkg-color-white-10); border-color: var(--wkg-color-grey-300); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__nav-btn .wkg-icon { display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__nav-btn .wkg-icon img, html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__nav-btn .wkg-icon svg { width: 100%; height: 100%; object-fit: contain; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items { display: flex; gap: var(--wkg-spacing-md); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-left: var(--wkg-spacing-md); scroll-padding-left: var(--wkg-spacing-md); }
html[dir="rtl"] html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items { padding-left: 0px; scroll-padding-left: 0px; padding-right: var(--wkg-spacing-md); scroll-padding-right: var(--wkg-spacing-md); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items-container { position: relative; width: 100vw; overflow: hidden; mask-image: linear-gradient(to left, transparent 0%, black 6.25rem); }
html[dir="rtl"] html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items-container { mask-image: linear-gradient(to right, transparent 0%, black 6.25rem); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items::after { content: ""; flex-shrink: 0; width: var(--wkg-spacing-xs); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items::-webkit-scrollbar { display: none; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__item { flex-shrink: 0; scroll-snap-align: start; }
html[data-theme="betjordan"] .device-desktop .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__wrapper { padding: var(--wkg-spacing-xl) 0; }
html[data-theme="betjordan"] .device-desktop .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header { padding: 0 var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .device-desktop .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items { padding-left: var(--wkg-spacing-lg); scroll-padding-left: var(--wkg-spacing-lg); }
html[dir="rtl"] html[data-theme="betjordan"] .device-desktop .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items { padding-left: 0px; scroll-padding-left: 0px; padding-right: var(--wkg-spacing-lg); scroll-padding-right: var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .device-desktop .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items::after { width: var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .device-desktop .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__nav-btn { width: 2.5rem; height: 2.5rem; }
html[data-theme="betjordan"] .device-desktop .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__nav-btn .wkg-icon { width: 1.25rem; height: 1.25rem; }
html[data-theme="betjordan"] .wkg-promotions-list.betjordan-promotion-list-layout3-theme1 { padding: var(--wkg-section-padding-xl) var(--wkg-section-padding-xl); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__wrapper { padding: var(--wkg-spacing-lg) var(--wkg-spacing-md); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__header { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: var(--wkg-spacing-md); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__header-text .wkg-html-text p { margin: 0px; color: var(--wkg-color-text-secondary); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__grid { display: grid; grid-template-columns: 1fr; gap: var(--wkg-spacing-md); }
html[data-theme="betjordan"] .device-tablet .betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__grid, html[data-theme="betjordan"] .device-desktop .betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__grid { grid-template-columns: repeat(2, 1fr); }
html[data-theme="betjordan"] .device-large .betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__grid { grid-template-columns: repeat(3, 1fr); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__load-more { display: flex; justify-content: center; margin-top: var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__load-more-btn { padding: var(--wkg-spacing-xs) var(--wkg-spacing-lg); border: medium; border-radius: var(--wkg-spacing-xs); background: var(--wkg-color-grey-400); color: var(--wkg-color-text-primary); font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-sm); font-weight: 600; cursor: pointer; transition: background-color 0.2s; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__load-more-btn:hover:not(:disabled) { background: var(--wkg-color-grey-300); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__load-more-btn:disabled { opacity: 0.6; cursor: wait; }
html[data-theme="betjordan"] .device-desktop .betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__wrapper { padding: var(--wkg-spacing-xl) var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .betjordan-hero-layout1-theme1 .wkg-hero__image-wrapper { height: 100%; aspect-ratio: 1 / 1; flex: 0 0 auto; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__wrapper { padding: var(--wkg-spacing-lg) var(--wkg-spacing-md); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--wkg-spacing-lg); margin-bottom: var(--wkg-spacing-md); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-icon { flex-shrink: 0; width: var(--wkg-spacing-2xl); height: var(--wkg-spacing-2xl); align-self: center; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-icon .wkg-icon svg { width: var(--wkg-spacing-2xl); height: var(--wkg-spacing-2xl); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-text { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: calc(var(--wkg-spacing-xxs) / 2); justify-content: center; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-text .wkg-html-text p:first-child { background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-600); line-height: 1.4; margin: 0px; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-text .wkg-html-text h1, html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-text .wkg-html-text h2, html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-text .wkg-html-text h3, html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-text .wkg-html-text h4, html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-text .wkg-html-text h5, html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-text .wkg-html-text h6 { color: var(--wkg-color-white); font-size: var(--wkg-font-size-3xl); font-weight: var(--wkg-font-weight-600); line-height: var(--wkg-line-height-sm); margin: 0px; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-actions { display: flex; align-items: center; gap: var(--wkg-spacing-xs); flex-shrink: 0; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-actions .wkg-button { background: var(--wkg-color-white-10); border: medium; border-radius: 6.25rem; padding: .59375rem calc(var(--wkg-spacing-md) + var(--wkg-spacing-xxs)); color: var(--wkg-color-white); font-size: var(--wkg-font-size-xs); font-weight: var(--wkg-font-weight-400); line-height: 1.4; cursor: pointer; font-family: var(--wkg-font-family-primary); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(437px, 1fr)); grid-template-rows: repeat(2, auto); gap: var(--wkg-spacing-md); }
html[data-theme="betjordan"] .device-desktop .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__wrapper { padding: var(--wkg-spacing-xl) var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__header, html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__no-records { display: none; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__grid { display: grid; grid-template-columns: 1fr; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__skeleton { border-radius: var(--wkg-border-radius-6xl); aspect-ratio: 488 / 637; }
html[data-theme="betjordan"] .device-tablet .betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__skeleton, html[data-theme="betjordan"] .device-desktop .betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__skeleton, html[data-theme="betjordan"] .device-large .betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__skeleton { height: 38.6875rem; aspect-ratio: auto; }
html[data-theme="betjordan"] .device-mobile .betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__skeleton, html[data-theme="betjordan"] .device-phablet .betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__skeleton { height: 21.875rem; aspect-ratio: auto; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__nav-btns { display: flex; align-items: center; gap: var(--wkg-spacing-xxs); margin-bottom: var(--wkg-spacing-sm); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__nav-btn { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0px; border: 1px solid var(--wkg-border-color-primary); border-radius: 50%; background: transparent; color: var(--wkg-color-text-primary); cursor: pointer; transition: background-color 0.2s, border-color 0.2s; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__nav-btn:hover { background-color: var(--wkg-color-white-10); border-color: var(--wkg-color-grey-300); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__nav-btn .wkg-icon { display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__nav-btn .wkg-icon img, html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__nav-btn .wkg-icon svg { width: 100%; height: 100%; object-fit: contain; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__items { display: flex; align-items: stretch; gap: var(--wkg-spacing-xxs); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__items::-webkit-scrollbar { display: none; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item { flex-shrink: 0; scroll-snap-align: start; position: relative; overflow: hidden; border: 1px solid transparent; border-radius: var(--wkg-border-radius-md); cursor: pointer; transition: border-color 0.2s; width: 6.875rem; max-width: 6.875rem; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__wrapper, html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__layout-wrapper { height: 100%; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text h1, html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text h2, html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text h3, html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text h4, html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text h5, html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text h6 { font-size: var(--wkg-font-size-md); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text p { font-size: var(--wkg-font-size-xs); margin-bottom: 0px; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero { height: 100%; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item:hover, html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item--selected { border-color: var(--bejo-primary-green); transition: border-color 0.2s; }
html[data-theme="betjordan"] .device-desktop .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__nav-btn { width: 2.5rem; height: 2.5rem; }
html[data-theme="betjordan"] .device-desktop .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__nav-btn .wkg-icon { width: 1.25rem; height: 1.25rem; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__wrapper { padding: 0px; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__nav-btns { display: none; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__items { display: flex; flex-direction: column; align-items: stretch; gap: var(--wkg-spacing-xs); overflow: visible; scroll-snap-type: none; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item { flex-shrink: 0; width: 100%; max-width: 100%; position: relative; overflow: hidden; border: 1px solid transparent; border-radius: var(--wkg-border-radius-md); cursor: pointer; transition: border-color 0.2s; }
html[data-theme="betjordan"] :is(.device-tablet, .device-desktop, .device-large) .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item { height: 86px; }
html[data-theme="betjordan"] :is(.device-mobile, .device-phablet) .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item { height: 96px; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-hero__contents-wrapper { align-content: center; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-hero, html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-hero__wrapper, html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-hero__layout-wrapper { height: 100%; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-hero__layout-wrapper { min-height: 0px; align-items: stretch; grid-auto-rows: minmax(0px, 1fr); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-responsive-image { height: 100%; max-height: 100%; min-height: 0px; align-self: stretch; overflow: hidden; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-sm); line-height: 1.15; display: -webkit-box; -webkit-line-clamp: 1; -moz-box-orient: vertical; overflow: hidden; }
html[data-theme="betjordan"] .device-desktop .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-md); }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) p { display: -webkit-box; -webkit-line-clamp: 2; -moz-box-orient: vertical; overflow: hidden; }
html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item:hover, html[data-theme="betjordan"] .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item--selected { border-color: var(--bejo-primary-green); transition: border-color 0.2s; }
html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__prev-bt, html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__next-bt { background-color: transparent; border-radius: 50%; padding: 0.25rem; transition: background-color 0.3s; color: var(--wkg-color-grey-100); }
html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__prev-bt:hover, html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__next-bt:hover { background-color: var(--wkg-color-grey-300); }
html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__prev-bt--disabled, html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__next-bt--disabled { opacity: 0.5; }
html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__prev-bt, html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__prev-bt .wkg-button__icon, html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__next-bt, html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__next-bt .wkg-button__icon { font-size: var(--wkg-font-size-7xl); }
html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__fraction-wrapper { font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-xs); color: var(--wkg-color-grey-100); gap: 0.25rem; display: flex; }
html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot { background-color: transparent; padding: 0.5rem 0.25rem; border: medium; cursor: pointer; display: flex; align-items: center; justify-content: center; }
html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot::after { content: ""; display: block; width: 8px; height: 4px; background-color: var(--wkg-color-grey-300); border-radius: var(--wkg-border-radius-xs); transition: 0.3s; }
html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot:hover::after { background-color: var(--wkg-color-white); }
html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot.wkg-slider-dot--active::after { background-color: var(--wkg-color-white); width: 24px; }
html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider__pagination--numberedDots { gap: 0.25rem; }
html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot { display: flex; align-items: center; justify-content: center; border-radius: 50%; border: medium; font-size: var(--wkg-font-size-xxxs); background-color: var(--wkg-color-grey-300); color: var(--wkg-color-white); width: 12px; height: 12px; }
html[data-theme="betjordan"] .betjordan-slider-layout4-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot.wkg-slider-dot--active { background-color: var(--wkg-color-white); color: var(--wkg-color-grey-300); }
html[data-theme="betjordan"] .wkg-sidebar-drawer .wkg-overlay-drawer__container { background: rgba(30, 27, 33, 0.7); backdrop-filter: blur(40px); }
html[data-theme="betjordan"] .betjordan-sidebar-layout1-theme1 { gap: var(--wkg-spacing-lg); }
html[data-theme="betjordan"] .betjordan-sidebar-layout1-theme1 .wkg-sidebar__header { align-items: center; justify-content: space-between; gap: var(--wkg-spacing-md); }
html[data-theme="betjordan"] .betjordan-sidebar-layout1-theme1 .wkg-sidebar__header.wkg-sidebar__header--scrolled { background: linear-gradient(rgb(30, 27, 33) 50%, rgba(30, 27, 33, 0.7)); backdrop-filter: blur(8px); }
html[data-theme="betjordan"] .betjordan-sidebar-layout1-theme1 .wkg-sidebar__close-btn { color: var(--wkg-color-text-primary); background: transparent; border: medium; padding: 0px; }
html[data-theme="betjordan"] .betjordan-sidebar-layout1-theme1 .wkg-button-badge-wrapper .wkg-button__icon { width: 1.5rem; height: 1.5rem; flex-shrink: 0; }
html[data-theme="betjordan"] .betjordan-sidebar-layout1-theme1 .wkg-button-badge-wrapper .wkg-button__icon svg { width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__wrapper { padding: 0px; min-width: 0px; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__layout1 { min-width: 0px; overflow: hidden; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__header { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: var(--wkg-spacing-sm); margin-bottom: var(--wkg-spacing-sm); }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__header > div:first-child { display: flex; align-items: center; gap: var(--wkg-spacing-xxs); min-width: 0px; flex: 1 1 0%; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__header-icon { flex-shrink: 0; width: 1.5rem; height: 1.5rem; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__header-icon .wkg-icon { width: 100%; height: 100%; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__header-icon .wkg-icon img, html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__header-icon .wkg-icon svg { width: 100%; height: 100%; object-fit: contain; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__header-text { flex: 1 1 0%; min-width: 0px; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 0px; font-size: var(--wkg-font-size-xl); }
html[data-theme="betjordan"] .device-desktop .betjordan-gamesList-layout1-theme1 .wkg-games-list__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6), html[data-theme="betjordan"] .device-large .betjordan-gamesList-layout1-theme1 .wkg-games-list__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-7xl); }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__header-text .wkg-html-text p { margin-bottom: 0px; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__header-actions { display: flex; align-items: center; gap: var(--wkg-spacing-sm); flex-shrink: 0; min-height: 2.25rem; }
html[data-theme="betjordan"] .device-mobile .betjordan-gamesList-layout1-theme1 .wkg-games-list__see-all { font-size: var(--wkg-font-size-xs); }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__nav-btns { display: flex; align-items: center; gap: var(--wkg-spacing-xxs); }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__nav-btn { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0px; border: 1px solid var(--wkg-border-color-primary); border-radius: 50%; background: transparent; color: var(--wkg-color-text-primary); cursor: pointer; transition: background-color 0.2s, border-color 0.2s; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__nav-btn:hover { background-color: var(--wkg-color-white-10); border-color: var(--wkg-color-grey-300); }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__nav-btn .wkg-icon { display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__nav-btn .wkg-icon img, html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__nav-btn .wkg-icon svg { width: 100%; height: 100%; object-fit: contain; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__items { display: flex; gap: var(--wkg-spacing-xs); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__items::-webkit-scrollbar { display: none; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__items > :not(.wkg-games-list__sentinel) { flex-shrink: 0; scroll-snap-align: start; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__sentinel { width: 1px; flex-shrink: 0; scroll-snap-align: none; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__load-more { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: var(--wkg-spacing-md); padding: var(--wkg-spacing-sm) var(--wkg-spacing-md); border-radius: var(--wkg-border-radius-button-primary-md); background-color: var(--wkg-color-white-10); border: medium; color: var(--wkg-color-white); font-family: var(--wkg-font-family-primary); font-weight: var(--wkg-font-weight-600); font-size: var(--wkg-font-size-xs); cursor: pointer; transition: background-color 0.2s; }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__load-more:hover { background-color: var(--wkg-color-white-20); }
html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__loading { text-align: center; padding: var(--wkg-spacing-md); color: var(--wkg-color-grey-300); font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-xs); }
html[data-theme="betjordan"] .device-desktop .betjordan-gamesList-layout1-theme1 .wkg-games-list__nav-btn { width: 2.5rem; height: 2.5rem; }
html[data-theme="betjordan"] .device-desktop .betjordan-gamesList-layout1-theme1 .wkg-games-list__nav-btn .wkg-icon { width: 1.25rem; height: 1.25rem; }
html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__wrapper { padding: 0px; min-width: 0px; }
html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__layout2 { min-width: 0px; }
html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__header { display: flex; align-items: flex-start; flex-wrap: wrap; gap: var(--wkg-spacing-sm); margin-bottom: var(--wkg-spacing-xs); }
html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__header > div:first-child { display: flex; align-items: flex-start; gap: var(--wkg-spacing-xxs); min-width: 0px; flex: 1 1 0%; }
html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__header-icon { flex-shrink: 0; font-size: var(--wkg-font-size-3xl); line-height: 1; }
html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__header-icon--back { cursor: pointer; }
html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__header-icon .wkg-icon { width: 1em; height: 1em; }
html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__header-icon .wkg-icon img, html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__header-icon .wkg-icon svg { width: 100%; height: 100%; object-fit: contain; }
html[data-theme="betjordan"] .device-desktop .betjordan-gamesList-layout2-theme1 .wkg-games-list__header-icon, html[data-theme="betjordan"] .device-large .betjordan-gamesList-layout2-theme1 .wkg-games-list__header-icon { font-size: var(--wkg-font-size-7xl); }
html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__header-text { flex: 1 1 0%; min-width: 0px; }
html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 0px; }
html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__header-text .wkg-html-text p { margin-bottom: 0px; }
html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(var(--wkg-games-list-item-min-width, 6.75rem),1fr)); gap: var(--wkg-spacing-sm); min-width: 0px; }
html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__sentinel { grid-column: 1 / -1; width: 100%; height: 1px; }
html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__load-more { display: flex; align-items: center; justify-content: center; margin: var(--wkg-spacing-md) auto 0; padding: var(--wkg-padding-button-secondary-xs); border-radius: var(--wkg-border-radius-button-secondary-xs); border-style: var(--wkg-border-style-button-secondary-outlined); border-width: var(--wkg-border-width-button-secondary-outlined); border-color: var(--wkg-border-color-button-secondary-outlined); background: var(--wkg-bg-color-button-secondary-outlined); color: var(--wkg-color-button-secondary-outlined); font-family: var(--wkg-font-family-button-secondary, sans-serif); font-weight: var(--wkg-font-weight-button-secondary-outlined); font-size: var(--wkg-font-size-button-secondary-xs); line-height: var(--wkg-line-height-button-secondary); text-transform: var(--wkg-text-transform-button-secondary); transition: var(--wkg-transition-button-secondary); box-shadow: var(--wkg-shadow-button-secondary-outlined); cursor: pointer; }
html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__load-more:hover { background: var(--wkg-bg-color-button-secondary-outlined-hover); color: var(--wkg-color-button-secondary-outlined-hover); border-color: var(--wkg-border-color-button-secondary-outlined-hover); border-width: var(--wkg-border-width-button-secondary-outlined-hover); box-shadow: var(--wkg-shadow-button-secondary-outlined-hover); }
html[data-theme="betjordan"] .betjordan-gamesList-layout2-theme1 .wkg-games-list__loading { text-align: center; padding: var(--wkg-spacing-md); color: var(--wkg-color-grey-300); font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-xs); }
html[data-theme="betjordan"] .device-desktop .betjordan-gamesList-layout2-theme1 .wkg-games-list__wrapper { padding-top: ; padding-right: ; padding-left: ; padding-bottom: var(--wkg-spacing-xxl); }
html[data-theme="betjordan"] .device-desktop .betjordan-gamesList-layout2-theme1 .wkg-games-list__grid { gap: var(--wkg-spacing-md); grid-template-columns: repeat(auto-fill,minmax(var(--wkg-games-list-item-min-width-desktop, 9rem),1fr)); }
html[data-theme="betjordan"] .betjordan-gameItem-layout1-theme1 { width: 6.75rem; flex-shrink: 0; overflow: hidden; border-radius: 0.5rem; box-shadow: rgba(16, 17, 25, 0.5) 0px 0.5625rem 1.0625rem; }
html[data-theme="betjordan"] .betjordan-gameItem-layout1-theme1 .wkg-game-item__layout1 { display: flex; flex-direction: column; }
html[data-theme="betjordan"] .betjordan-gameItem-layout1-theme1 .wkg-game-item__image-container { position: relative; width: 100%; height: 8.875rem; border-radius: 0.5rem; overflow: hidden; }
html[data-theme="betjordan"] .betjordan-gameItem-layout1-theme1 .wkg-game-item__image { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0.5rem; }
html[data-theme="betjordan"] .betjordan-gameItem-layout1-theme1 .wkg-game-item__tags { position: absolute; top: 0.25rem; left: 0.25rem; display: flex; flex-wrap: wrap; gap: 2px; justify-content: flex-start; z-index: 1; }
html[data-theme="betjordan"] .betjordan-gameItem-layout1-theme1 .wkg-game-item__overlay { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--wkg-spacing-xs); padding: 0.25rem; background: rgba(0, 0, 0, 0.5); border-radius: 0.5rem; opacity: 0; transition: opacity 0.2s; z-index: 2; }
html[data-theme="betjordan"] .betjordan-gameItem-layout1-theme1 .wkg-game-item__image-container:hover .wkg-game-item__overlay { opacity: 1; }
html[data-theme="betjordan"] .betjordan-gameItem-layout1-theme1 .wkg-game-item__play-btn, html[data-theme="betjordan"] .betjordan-gameItem-layout1-theme1 .wkg-game-item__demo-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--wkg-gap-button-primary); padding: var(--wkg-padding-button-primary-xs); border-radius: var(--wkg-border-radius-button-primary-xs); border-style: var(--wkg-border-style-button-primary-filled); border-width: var(--wkg-border-width-button-primary-filled); border-color: var(--wkg-border-color-button-primary-filled); background: var(--wkg-bg-color-button-primary-filled); color: var(--wkg-color-button-primary-filled); font-family: var(--wkg-font-family-button-primary, sans-serif); font-weight: var(--wkg-font-weight-button-primary-filled); font-size: var(--wkg-font-size-button-primary-xs); line-height: var(--wkg-line-height-button-primary); text-transform: uppercase; cursor: pointer; max-width: 100%; white-space: normal; text-align: center; overflow-wrap: break-word; }
html[data-theme="betjordan"] .betjordan-gameItem-layout1-theme1 .wkg-game-item__play-btn:hover, html[data-theme="betjordan"] .betjordan-gameItem-layout1-theme1 .wkg-game-item__demo-btn:hover { background: var(--wkg-bg-color-button-primary-filled-hover); color: var(--wkg-color-button-primary-filled-hover); border-color: var(--wkg-border-color-button-primary-filled-hover); }
html[data-theme="betjordan"] .betjordan-gameItem-layout1-theme1 .wkg-game-item__producer { padding-top: 0.5rem; font-family: var(--wkg-font-family-primary); font-weight: var(--wkg-font-weight-400); font-size: var(--wkg-font-size-xs); line-height: 1; color: var(--wkg-color-grey-300); text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-theme="betjordan"] .betjordan-gameItem-layout1-theme1 .wkg-game-item__jackpot { display: inline-flex; align-items: center; align-self: flex-start; max-width: 100%; margin-top: 0.375rem; padding: 0px 0.45rem; border-radius: 999px; font-family: var(--wkg-font-family-primary); font-weight: var(--wkg-font-weight-700); font-size: var(--wkg-font-size-2xs, .625rem); line-height: 1.6; color: rgb(28, 18, 0); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: linear-gradient(rgb(255, 224, 122), rgb(244, 169, 50)); }
html[data-theme="betjordan"] .device-desktop .betjordan-gameItem-layout1-theme1 { width: 9rem; }
html[data-theme="betjordan"] .device-desktop .betjordan-gameItem-layout1-theme1 .wkg-game-item__image-container { height: 12rem; }
html[data-theme="betjordan"] .betjordan-logos-list-layout1-theme1 .wkg-logos-list__wrapper { overflow: hidden; border-bottom: .0625rem solid var(--wkg-border-color-primary); }
html[data-theme="betjordan"] .betjordan-logos-list-layout1-theme1 .wkg-logos-list__layout1 { overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; padding: var(--wkg-spacing-xs) 0; }
html[data-theme="betjordan"] .betjordan-logos-list-layout1-theme1 .wkg-logos-list__layout1::-webkit-scrollbar { display: none; }
html[data-theme="betjordan"] .betjordan-logos-list-layout1-theme1 .wkg-logos-list__items { display: flex; gap: var(--wkg-spacing-xs); min-width: max-content; align-items: center; }
html[data-theme="betjordan"] .betjordan-logos-list-layout1-theme1 .wkg-logos-list__item { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
html[data-theme="betjordan"] .betjordan-logos-list-layout1-theme1 .wkg-logos-list__item .wkg-icon img, html[data-theme="betjordan"] .betjordan-logos-list-layout1-theme1 .wkg-logos-list__item .wkg-icon svg, html[data-theme="betjordan"] .betjordan-logos-list-layout1-theme1 .wkg-logos-list__item > svg { max-height: 2.25rem; height: auto; width: auto; display: block; pointer-events: none; user-select: none; }
html[data-theme="betjordan"] .device-desktop .betjordan-logos-list-layout1-theme1 .wkg-logos-list__items, html[data-theme="betjordan"] .device-large .betjordan-logos-list-layout1-theme1 .wkg-logos-list__items { justify-content: space-between; min-width: 0px; width: 100%; flex-wrap: nowrap; }
html[data-theme="betjordan"] .betjordan-logos-list-layout2-theme1 .wkg-logos-list__wrapper { width: 100%; overflow: hidden; border-bottom: .0625rem solid var(--wkg-border-color-primary); }
html[data-theme="betjordan"] .betjordan-logos-list-layout2-theme1 .wkg-logos-list__layout2 { width: 100%; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; padding: var(--wkg-spacing-xs) 0; }
html[data-theme="betjordan"] .betjordan-logos-list-layout2-theme1 .wkg-logos-list__layout2::-webkit-scrollbar { display: none; }
html[data-theme="betjordan"] .betjordan-logos-list-layout2-theme1 .wkg-logos-list__items { display: flex; flex-direction: column; gap: var(--wkg-spacing-sm); width: max-content; }
html[data-theme="betjordan"] .betjordan-logos-list-layout2-theme1 .wkg-logos-list__row { display: flex; flex-direction: row; gap: var(--wkg-spacing-md); align-items: center; justify-content: flex-start; }
html[data-theme="betjordan"] .betjordan-logos-list-layout2-theme1 .wkg-logos-list__item { display: flex; align-items: center; justify-content: flex-start; flex-shrink: 0; }
html[data-theme="betjordan"] .betjordan-logos-list-layout2-theme1 .wkg-logos-list__item .wkg-icon img, html[data-theme="betjordan"] .betjordan-logos-list-layout2-theme1 .wkg-logos-list__item .wkg-icon svg, html[data-theme="betjordan"] .betjordan-logos-list-layout2-theme1 .wkg-logos-list__item > svg { max-height: 2.25rem; height: auto; width: auto; display: block; }
:root { color-scheme: light; }
.wkg-display-none, .device-desktop .wkg-display-none-desktop, .device-large .wkg-display-none-desktop { display: none; }
.wkg-display-block, .device-desktop .wkg-display-block-desktop, .device-large .wkg-display-block-desktop { display: block; }
.wkg-display-inline, .device-desktop .wkg-display-inline-desktop, .device-large .wkg-display-inline-desktop { display: inline; }
.wkg-display-inline-block, .device-desktop .wkg-display-inline-block-desktop, .device-large .wkg-display-inline-block-desktop { display: inline-block; }
.wkg-display-flex, .device-desktop .wkg-display-flex-desktop, .device-large .wkg-display-flex-desktop { display: flex; }
.wkg-display-inline-flex, .device-desktop .wkg-display-inline-flex-desktop, .device-large .wkg-display-inline-flex-desktop { display: inline-flex; }
.wkg-display-grid, .device-desktop .wkg-display-grid-desktop, .device-large .wkg-display-grid-desktop { display: grid; }
.user-logged-in .wkg-display-none-logged-in, .device-desktop.user-logged-in .wkg-display-none-logged-in, .user-logged-out .wkg-display-none-logged-out, .device-desktop.user-logged-out .wkg-display-none-logged-out, .device-desktop.user-logged-out .wkg-display-none-desktop-logged-out, .device-large.user-logged-in .wkg-display-none-logged-in, .device-large.user-logged-out .wkg-display-none-logged-out, .device-large.user-logged-out .wkg-display-none-desktop-logged-out { display: none; }
body:not(.live-chat-enabled) .wkg-display-none-chat-disabled, body.device-mobile:not(.live-chat-enabled) .wkg-display-none-chat-disabled, body.device-phablet:not(.live-chat-enabled) .wkg-display-none-chat-disabled, body.device-tablet:not(.live-chat-enabled) .wkg-display-none-chat-disabled, body.device-desktop:not(.live-chat-enabled) .wkg-display-none-chat-disabled, body.device-large:not(.live-chat-enabled) .wkg-display-none-chat-disabled { display: none; }
.wkg-visibility-visible, .device-desktop .wkg-visibility-visible-desktop { visibility: visible; }
.wkg-visibility-hidden, .device-desktop .wkg-visibility-hidden-desktop, .user-logged-in .wkg-visibility-hidden-logged-in, .device-desktop.user-logged-in .wkg-visibility-hidden-logged-in, .user-logged-out .wkg-visibility-hidden-logged-out, .device-desktop.user-logged-out .wkg-visibility-hidden-logged-out, .device-large.user-logged-in .wkg-visibility-hidden-logged-in, .device-large.user-logged-out .wkg-visibility-hidden-logged-out { visibility: hidden; }
body:not(.live-chat-enabled) .wkg-visibility-hidden-chat-disabled, body.device-mobile:not(.live-chat-enabled) .wkg-visibility-hidden-chat-disabled, body.device-phablet:not(.live-chat-enabled) .wkg-visibility-hidden-chat-disabled, body.device-tablet:not(.live-chat-enabled) .wkg-visibility-hidden-chat-disabled, body.device-desktop:not(.live-chat-enabled) .wkg-visibility-hidden-chat-disabled, body.device-large:not(.live-chat-enabled) .wkg-visibility-hidden-chat-disabled { visibility: hidden; }
.wkg-flex-direction-row, .device-desktop .wkg-flex-direction-row-desktop, .device-large .wkg-flex-direction-row-desktop { flex-direction: row; }
.wkg-flex-direction-row-reverse, .device-desktop .wkg-flex-direction-row-reverse-desktop, .device-large .wkg-flex-direction-row-reverse-desktop { flex-direction: row-reverse; }
.wkg-flex-direction-column, .device-desktop .wkg-flex-direction-column-desktop, .device-large .wkg-flex-direction-column-desktop { flex-direction: column; }
.wkg-flex-direction-column-reverse, .device-desktop .wkg-flex-direction-column-reverse-desktop, .device-large .wkg-flex-direction-column-reverse-desktop { flex-direction: column-reverse; }
.wkg-flex-wrap-nowrap, .device-desktop .wkg-flex-wrap-nowrap-desktop, .device-large .wkg-flex-wrap-nowrap-desktop { flex-wrap: nowrap; }
.wkg-flex-wrap-wrap, .device-desktop .wkg-flex-wrap-wrap-desktop, .device-large .wkg-flex-wrap-wrap-desktop { flex-wrap: wrap; }
.wkg-flex-wrap-wrap-reverse, .device-desktop .wkg-flex-wrap-wrap-reverse-desktop, .device-large .wkg-flex-wrap-wrap-reverse-desktop { flex-wrap: wrap-reverse; }
.wkg-justify-content-flex-start, .device-desktop .wkg-justify-content-flex-start-desktop, .device-large .wkg-justify-content-flex-start-desktop { justify-content: flex-start; }
.wkg-justify-content-flex-end, .device-desktop .wkg-justify-content-flex-end-desktop, .device-large .wkg-justify-content-flex-end-desktop { justify-content: flex-end; }
.wkg-justify-content-center, .device-desktop .wkg-justify-content-center-desktop, .device-large .wkg-justify-content-center-desktop { justify-content: center; }
.wkg-justify-content-space-between, .device-desktop .wkg-justify-content-space-between-desktop, .device-large .wkg-justify-content-space-between-desktop { justify-content: space-between; }
.wkg-justify-content-space-around, .device-desktop .wkg-justify-content-space-around-desktop, .device-large .wkg-justify-content-space-around-desktop { justify-content: space-around; }
.wkg-justify-content-space-evenly, .device-desktop .wkg-justify-content-space-evenly-desktop, .device-large .wkg-justify-content-space-evenly-desktop { justify-content: space-evenly; }
.wkg-align-items-flex-start, .device-desktop .wkg-align-items-flex-start-desktop, .device-large .wkg-align-items-flex-start-desktop { align-items: flex-start; }
.wkg-align-items-flex-end, .device-desktop .wkg-align-items-flex-end-desktop, .device-large .wkg-align-items-flex-end-desktop { align-items: flex-end; }
.wkg-align-items-center, .device-desktop .wkg-align-items-center-desktop, .device-large .wkg-align-items-center-desktop { align-items: center; }
.wkg-align-items-baseline, .device-desktop .wkg-align-items-baseline-desktop, .device-large .wkg-align-items-baseline-desktop { align-items: baseline; }
.wkg-align-items-stretch, .device-desktop .wkg-align-items-stretch-desktop, .device-large .wkg-align-items-stretch-desktop { align-items: stretch; }
.wkg-align-content-flex-start, .device-desktop .wkg-align-content-flex-start-desktop, .device-large .wkg-align-content-flex-start-desktop { align-content: flex-start; }
.wkg-align-content-flex-end, .device-desktop .wkg-align-content-flex-end-desktop, .device-large .wkg-align-content-flex-end-desktop { align-content: flex-end; }
.wkg-align-content-center, .device-desktop .wkg-align-content-center-desktop, .device-large .wkg-align-content-center-desktop { align-content: center; }
.wkg-align-content-space-between, .device-desktop .wkg-align-content-space-between-desktop, .device-large .wkg-align-content-space-between-desktop { align-content: space-between; }
.wkg-align-content-space-around, .device-desktop .wkg-align-content-space-around-desktop, .device-large .wkg-align-content-space-around-desktop { align-content: space-around; }
.wkg-align-content-space-evenly, .device-desktop .wkg-align-content-space-evenly-desktop, .device-large .wkg-align-content-space-evenly-desktop { align-content: space-evenly; }
.wkg-align-content-stretch, .device-desktop .wkg-align-content-stretch-desktop, .device-large .wkg-align-content-stretch-desktop { align-content: stretch; }
.wkg-align-self-auto, .device-desktop .wkg-align-self-auto-desktop, .device-large .wkg-align-self-auto-desktop { align-self: auto; }
.wkg-align-self-flex-start, .device-desktop .wkg-align-self-flex-start-desktop, .device-large .wkg-align-self-flex-start-desktop { align-self: flex-start; }
.wkg-align-self-flex-end, .device-desktop .wkg-align-self-flex-end-desktop, .device-large .wkg-align-self-flex-end-desktop { align-self: flex-end; }
.wkg-align-self-center, .device-desktop .wkg-align-self-center-desktop, .device-large .wkg-align-self-center-desktop { align-self: center; }
.wkg-align-self-baseline, .device-desktop .wkg-align-self-baseline-desktop, .device-large .wkg-align-self-baseline-desktop { align-self: baseline; }
.wkg-align-self-stretch, .device-desktop .wkg-align-self-stretch-desktop, .device-large .wkg-align-self-stretch-desktop { align-self: stretch; }
.wkg-flex-grow-0, .device-desktop .wkg-flex-grow-0-desktop, .device-large .wkg-flex-grow-0-desktop { flex-grow: 0; }
.wkg-flex-grow-1, .device-desktop .wkg-flex-grow-1-desktop, .device-large .wkg-flex-grow-1-desktop { flex-grow: 1; }
.wkg-flex-shrink-0, .device-desktop .wkg-flex-shrink-0-desktop, .device-large .wkg-flex-shrink-0-desktop { flex-shrink: 0; }
.wkg-flex-shrink-1, .device-desktop .wkg-flex-shrink-1-desktop, .device-large .wkg-flex-shrink-1-desktop { flex-shrink: 1; }
.wkg-flex-basis-auto, .device-desktop .wkg-flex-basis-auto-desktop, .device-large .wkg-flex-basis-auto-desktop { flex-basis: auto; }
.wkg-flex-basis-0, .device-desktop .wkg-flex-basis-0-desktop, .device-large .wkg-flex-basis-0-desktop { flex-basis: 0px; }
.wkg-flex-basis-full, .device-desktop .wkg-flex-basis-full-desktop, .device-large .wkg-flex-basis-full-desktop { flex-basis: 100%; }
.wkg-flex-1, .device-desktop .wkg-flex-1-desktop, .device-large .wkg-flex-1-desktop { flex: 1 1 0%; }
.wkg-flex-auto, .device-desktop .wkg-flex-auto-desktop, .device-large .wkg-flex-auto-desktop { flex: 1 1 auto; }
.wkg-flex-initial, .device-desktop .wkg-flex-initial-desktop, .device-large .wkg-flex-initial-desktop { flex: 0 1 auto; }
.wkg-flex-none, .device-desktop .wkg-flex-none-desktop, .device-large .wkg-flex-none-desktop { flex: 0 0 auto; }
.wkg-text-left, .wkg-html-text.wkg-text-left { text-align: left; }
.wkg-text-center, .wkg-html-text.wkg-text-center { text-align: center; }
.wkg-text-right, .wkg-html-text.wkg-text-right { text-align: right; }
.wkg-text-justify, .wkg-html-text.wkg-text-justify { text-align: justify; }
.wkg-text-underline, .wkg-html-text.wkg-text-underline, .wkg-html-text.wkg-text-underline h1, .wkg-html-text.wkg-text-underline h2, .wkg-html-text.wkg-text-underline h3, .wkg-html-text.wkg-text-underline h4, .wkg-html-text.wkg-text-underline h5, .wkg-html-text.wkg-text-underline h6, .wkg-html-text.wkg-text-underline p, .wkg-html-text.wkg-text-underline span, .wkg-html-text.wkg-text-underline em, .wkg-html-text.wkg-text-underline strong, .wkg-html-text.wkg-text-underline a, .wkg-button.wkg-text-underline { text-decoration: underline; }
.wkg-text-line-through, .wkg-html-text.wkg-text-line-through, .wkg-html-text.wkg-text-line-through h1, .wkg-html-text.wkg-text-line-through h2, .wkg-html-text.wkg-text-line-through h3, .wkg-html-text.wkg-text-line-through h4, .wkg-html-text.wkg-text-line-through h5, .wkg-html-text.wkg-text-line-through h6, .wkg-html-text.wkg-text-line-through p, .wkg-html-text.wkg-text-line-through span, .wkg-html-text.wkg-text-line-through em, .wkg-html-text.wkg-text-line-through strong, .wkg-html-text.wkg-text-line-through a, .wkg-button.wkg-text-line-through { text-decoration: line-through; }
.wkg-text-decoration-none, .wkg-html-text.wkg-text-decoration-none, .wkg-html-text.wkg-text-decoration-none h1, .wkg-html-text.wkg-text-decoration-none h2, .wkg-html-text.wkg-text-decoration-none h3, .wkg-html-text.wkg-text-decoration-none h4, .wkg-html-text.wkg-text-decoration-none h5, .wkg-html-text.wkg-text-decoration-none h6, .wkg-html-text.wkg-text-decoration-none p, .wkg-html-text.wkg-text-decoration-none span, .wkg-html-text.wkg-text-decoration-none em, .wkg-html-text.wkg-text-decoration-none strong, .wkg-html-text.wkg-text-decoration-none a, .wkg-button.wkg-text-decoration-none { text-decoration: none; }
.wkg-font-weight-base, .wkg-html-text.wkg-font-weight-base, .wkg-html-text.wkg-font-weight-base h1, .wkg-html-text.wkg-font-weight-base h2, .wkg-html-text.wkg-font-weight-base h3, .wkg-html-text.wkg-font-weight-base h4, .wkg-html-text.wkg-font-weight-base h5, .wkg-html-text.wkg-font-weight-base h6, .wkg-html-text.wkg-font-weight-base p, .wkg-html-text.wkg-font-weight-base span, .wkg-html-text.wkg-font-weight-base em, .wkg-html-text.wkg-font-weight-base strong { font-weight: var(--wkg-font-weight-base); }
.wkg-button.wkg-font-weight-base { font-weight: var(--wkg-font-weight-base) !important; }
.wkg-font-weight-b100, .wkg-html-text.wkg-font-weight-b100, .wkg-html-text.wkg-font-weight-b100 h1, .wkg-html-text.wkg-font-weight-b100 h2, .wkg-html-text.wkg-font-weight-b100 h3, .wkg-html-text.wkg-font-weight-b100 h4, .wkg-html-text.wkg-font-weight-b100 h5, .wkg-html-text.wkg-font-weight-b100 h6, .wkg-html-text.wkg-font-weight-b100 p, .wkg-html-text.wkg-font-weight-b100 span, .wkg-html-text.wkg-font-weight-b100 em, .wkg-html-text.wkg-font-weight-b100 strong { font-weight: var(--wkg-font-weight-100); }
.wkg-button.wkg-font-weight-b100 { font-weight: var(--wkg-font-weight-100) !important; }
.wkg-font-weight-b200, .wkg-html-text.wkg-font-weight-b200, .wkg-html-text.wkg-font-weight-b200 h1, .wkg-html-text.wkg-font-weight-b200 h2, .wkg-html-text.wkg-font-weight-b200 h3, .wkg-html-text.wkg-font-weight-b200 h4, .wkg-html-text.wkg-font-weight-b200 h5, .wkg-html-text.wkg-font-weight-b200 h6, .wkg-html-text.wkg-font-weight-b200 p, .wkg-html-text.wkg-font-weight-b200 span, .wkg-html-text.wkg-font-weight-b200 em, .wkg-html-text.wkg-font-weight-b200 strong { font-weight: var(--wkg-font-weight-100); }
.wkg-button.wkg-font-weight-b200 { font-weight: var(--wkg-font-weight-100) !important; }
.wkg-font-weight-b300, .wkg-html-text.wkg-font-weight-b300, .wkg-html-text.wkg-font-weight-b300 h1, .wkg-html-text.wkg-font-weight-b300 h2, .wkg-html-text.wkg-font-weight-b300 h3, .wkg-html-text.wkg-font-weight-b300 h4, .wkg-html-text.wkg-font-weight-b300 h5, .wkg-html-text.wkg-font-weight-b300 h6, .wkg-html-text.wkg-font-weight-b300 p, .wkg-html-text.wkg-font-weight-b300 span, .wkg-html-text.wkg-font-weight-b300 em, .wkg-html-text.wkg-font-weight-b300 strong { font-weight: var(--wkg-font-weight-200); }
.wkg-button.wkg-font-weight-b300 { font-weight: var(--wkg-font-weight-200) !important; }
.wkg-font-weight-b400, .wkg-html-text.wkg-font-weight-b400, .wkg-html-text.wkg-font-weight-b400 h1, .wkg-html-text.wkg-font-weight-b400 h2, .wkg-html-text.wkg-font-weight-b400 h3, .wkg-html-text.wkg-font-weight-b400 h4, .wkg-html-text.wkg-font-weight-b400 h5, .wkg-html-text.wkg-font-weight-b400 h6, .wkg-html-text.wkg-font-weight-b400 p, .wkg-html-text.wkg-font-weight-b400 span, .wkg-html-text.wkg-font-weight-b400 em, .wkg-html-text.wkg-font-weight-b400 strong { font-weight: var(--wkg-font-weight-300); }
.wkg-button.wkg-font-weight-b400 { font-weight: var(--wkg-font-weight-300) !important; }
.wkg-font-weight-b500, .wkg-html-text.wkg-font-weight-b500, .wkg-html-text.wkg-font-weight-b500 h1, .wkg-html-text.wkg-font-weight-b500 h2, .wkg-html-text.wkg-font-weight-b500 h3, .wkg-html-text.wkg-font-weight-b500 h4, .wkg-html-text.wkg-font-weight-b500 h5, .wkg-html-text.wkg-font-weight-b500 h6, .wkg-html-text.wkg-font-weight-b500 p, .wkg-html-text.wkg-font-weight-b500 span, .wkg-html-text.wkg-font-weight-b500 em, .wkg-html-text.wkg-font-weight-b500 strong { font-weight: var(--wkg-font-weight-400); }
.wkg-button.wkg-font-weight-b500 { font-weight: var(--wkg-font-weight-400) !important; }
.wkg-font-weight-b600, .wkg-html-text.wkg-font-weight-b600, .wkg-html-text.wkg-font-weight-b600 h1, .wkg-html-text.wkg-font-weight-b600 h2, .wkg-html-text.wkg-font-weight-b600 h3, .wkg-html-text.wkg-font-weight-b600 h4, .wkg-html-text.wkg-font-weight-b600 h5, .wkg-html-text.wkg-font-weight-b600 h6, .wkg-html-text.wkg-font-weight-b600 p, .wkg-html-text.wkg-font-weight-b600 span, .wkg-html-text.wkg-font-weight-b600 em, .wkg-html-text.wkg-font-weight-b600 strong { font-weight: var(--wkg-font-weight-500); }
.wkg-button.wkg-font-weight-b600 { font-weight: var(--wkg-font-weight-500) !important; }
.wkg-font-weight-b700, .wkg-html-text.wkg-font-weight-b700, .wkg-html-text.wkg-font-weight-b700 h1, .wkg-html-text.wkg-font-weight-b700 h2, .wkg-html-text.wkg-font-weight-b700 h3, .wkg-html-text.wkg-font-weight-b700 h4, .wkg-html-text.wkg-font-weight-b700 h5, .wkg-html-text.wkg-font-weight-b700 h6, .wkg-html-text.wkg-font-weight-b700 p, .wkg-html-text.wkg-font-weight-b700 span, .wkg-html-text.wkg-font-weight-b700 em, .wkg-html-text.wkg-font-weight-b700 strong { font-weight: var(--wkg-font-weight-600); }
.wkg-button.wkg-font-weight-b700 { font-weight: var(--wkg-font-weight-600) !important; }
.wkg-font-weight-b800, .wkg-html-text.wkg-font-weight-b800, .wkg-html-text.wkg-font-weight-b800 h1, .wkg-html-text.wkg-font-weight-b800 h2, .wkg-html-text.wkg-font-weight-b800 h3, .wkg-html-text.wkg-font-weight-b800 h4, .wkg-html-text.wkg-font-weight-b800 h5, .wkg-html-text.wkg-font-weight-b800 h6, .wkg-html-text.wkg-font-weight-b800 p, .wkg-html-text.wkg-font-weight-b800 span, .wkg-html-text.wkg-font-weight-b800 em, .wkg-html-text.wkg-font-weight-b800 strong { font-weight: var(--wkg-font-weight-700); }
.wkg-button.wkg-font-weight-b800 { font-weight: var(--wkg-font-weight-700) !important; }
.wkg-font-weight-b900, .wkg-html-text.wkg-font-weight-b900, .wkg-html-text.wkg-font-weight-b900 h1, .wkg-html-text.wkg-font-weight-b900 h2, .wkg-html-text.wkg-font-weight-b900 h3, .wkg-html-text.wkg-font-weight-b900 h4, .wkg-html-text.wkg-font-weight-b900 h5, .wkg-html-text.wkg-font-weight-b900 h6, .wkg-html-text.wkg-font-weight-b900 p, .wkg-html-text.wkg-font-weight-b900 span, .wkg-html-text.wkg-font-weight-b900 em, .wkg-html-text.wkg-font-weight-b900 strong { font-weight: var(--wkg-font-weight-800); }
.wkg-button.wkg-font-weight-b900 { font-weight: var(--wkg-font-weight-800) !important; }
.wkg-line-height-base, .wkg-html-text.wkg-line-height-base, .wkg-html-text.wkg-line-height-base h1, .wkg-html-text.wkg-line-height-base h2, .wkg-html-text.wkg-line-height-base h3, .wkg-html-text.wkg-line-height-base h4, .wkg-html-text.wkg-line-height-base h5, .wkg-html-text.wkg-line-height-base h6, .wkg-html-text.wkg-line-height-base p, .wkg-html-text.wkg-line-height-base span, .wkg-html-text.wkg-line-height-base em, .wkg-html-text.wkg-line-height-base strong, .wkg-button.wkg-line-height-base { line-height: var(--wkg-line-height-base); }
.wkg-line-height-xxs, .wkg-html-text.wkg-line-height-xxs, .wkg-html-text.wkg-line-height-xxs h1, .wkg-html-text.wkg-line-height-xxs h2, .wkg-html-text.wkg-line-height-xxs h3, .wkg-html-text.wkg-line-height-xxs h4, .wkg-html-text.wkg-line-height-xxs h5, .wkg-html-text.wkg-line-height-xxs h6, .wkg-html-text.wkg-line-height-xxs p, .wkg-html-text.wkg-line-height-xxs span, .wkg-html-text.wkg-line-height-xxs em, .wkg-html-text.wkg-line-height-xxs strong, .wkg-button.wkg-line-height-xxs { line-height: var(--wkg-line-height-xxs); }
.wkg-line-height-xs, .wkg-html-text.wkg-line-height-xs, .wkg-html-text.wkg-line-height-xs h1, .wkg-html-text.wkg-line-height-xs h2, .wkg-html-text.wkg-line-height-xs h3, .wkg-html-text.wkg-line-height-xs h4, .wkg-html-text.wkg-line-height-xs h5, .wkg-html-text.wkg-line-height-xs h6, .wkg-html-text.wkg-line-height-xs p, .wkg-html-text.wkg-line-height-xs span, .wkg-html-text.wkg-line-height-xs em, .wkg-html-text.wkg-line-height-xs strong, .wkg-button.wkg-line-height-xs { line-height: var(--wkg-line-height-xs); }
.wkg-line-height-sm, .wkg-html-text.wkg-line-height-sm, .wkg-html-text.wkg-line-height-sm h1, .wkg-html-text.wkg-line-height-sm h2, .wkg-html-text.wkg-line-height-sm h3, .wkg-html-text.wkg-line-height-sm h4, .wkg-html-text.wkg-line-height-sm h5, .wkg-html-text.wkg-line-height-sm h6, .wkg-html-text.wkg-line-height-sm p, .wkg-html-text.wkg-line-height-sm span, .wkg-html-text.wkg-line-height-sm em, .wkg-html-text.wkg-line-height-sm strong, .wkg-button.wkg-line-height-sm { line-height: var(--wkg-line-height-sm); }
.wkg-line-height-md, .wkg-html-text.wkg-line-height-md, .wkg-html-text.wkg-line-height-md h1, .wkg-html-text.wkg-line-height-md h2, .wkg-html-text.wkg-line-height-md h3, .wkg-html-text.wkg-line-height-md h4, .wkg-html-text.wkg-line-height-md h5, .wkg-html-text.wkg-line-height-md h6, .wkg-html-text.wkg-line-height-md p, .wkg-html-text.wkg-line-height-md span, .wkg-html-text.wkg-line-height-md em, .wkg-html-text.wkg-line-height-md strong, .wkg-button.wkg-line-height-md { line-height: var(--wkg-line-height-md); }
.wkg-line-height-lg, .wkg-html-text.wkg-line-height-lg, .wkg-html-text.wkg-line-height-lg h1, .wkg-html-text.wkg-line-height-lg h2, .wkg-html-text.wkg-line-height-lg h3, .wkg-html-text.wkg-line-height-lg h4, .wkg-html-text.wkg-line-height-lg h5, .wkg-html-text.wkg-line-height-lg h6, .wkg-html-text.wkg-line-height-lg p, .wkg-html-text.wkg-line-height-lg span, .wkg-html-text.wkg-line-height-lg em, .wkg-html-text.wkg-line-height-lg strong, .wkg-button.wkg-line-height-lg { line-height: var(--wkg-line-height-lg); }
.wkg-line-height-xl, .wkg-html-text.wkg-line-height-xl, .wkg-html-text.wkg-line-height-xl h1, .wkg-html-text.wkg-line-height-xl h2, .wkg-html-text.wkg-line-height-xl h3, .wkg-html-text.wkg-line-height-xl h4, .wkg-html-text.wkg-line-height-xl h5, .wkg-html-text.wkg-line-height-xl h6, .wkg-html-text.wkg-line-height-xl p, .wkg-html-text.wkg-line-height-xl span, .wkg-html-text.wkg-line-height-xl em, .wkg-html-text.wkg-line-height-xl strong, .wkg-button.wkg-line-height-xl { line-height: var(--wkg-line-height-xl); }
.wkg-line-height-2xl, .wkg-html-text.wkg-line-height-2xl, .wkg-html-text.wkg-line-height-2xl h1, .wkg-html-text.wkg-line-height-2xl h2, .wkg-html-text.wkg-line-height-2xl h3, .wkg-html-text.wkg-line-height-2xl h4, .wkg-html-text.wkg-line-height-2xl h5, .wkg-html-text.wkg-line-height-2xl h6, .wkg-html-text.wkg-line-height-2xl p, .wkg-html-text.wkg-line-height-2xl span, .wkg-html-text.wkg-line-height-2xl em, .wkg-html-text.wkg-line-height-2xl strong, .wkg-button.wkg-line-height-2xl { line-height: var(--wkg-line-height-2xl); }
.wkg-font-style-normal, .wkg-html-text.wkg-font-style-normal, .wkg-html-text.wkg-font-style-normal h1, .wkg-html-text.wkg-font-style-normal h2, .wkg-html-text.wkg-font-style-normal h3, .wkg-html-text.wkg-font-style-normal h4, .wkg-html-text.wkg-font-style-normal h5, .wkg-html-text.wkg-font-style-normal h6, .wkg-html-text.wkg-font-style-normal p, .wkg-html-text.wkg-font-style-normal span, .wkg-html-text.wkg-font-style-normal em, .wkg-html-text.wkg-font-style-normal strong, .wkg-button.wkg-font-style-normal { font-style: normal; }
.wkg-font-style-italic, .wkg-html-text.wkg-font-style-italic, .wkg-html-text.wkg-font-style-italic h1, .wkg-html-text.wkg-font-style-italic h2, .wkg-html-text.wkg-font-style-italic h3, .wkg-html-text.wkg-font-style-italic h4, .wkg-html-text.wkg-font-style-italic h5, .wkg-html-text.wkg-font-style-italic h6, .wkg-html-text.wkg-font-style-italic p, .wkg-html-text.wkg-font-style-italic span, .wkg-html-text.wkg-font-style-italic em, .wkg-html-text.wkg-font-style-italic strong, .wkg-button.wkg-font-style-italic { font-style: italic; }
.wkg-font-style-oblique, .wkg-html-text.wkg-font-style-oblique, .wkg-html-text.wkg-font-style-oblique h1, .wkg-html-text.wkg-font-style-oblique h2, .wkg-html-text.wkg-font-style-oblique h3, .wkg-html-text.wkg-font-style-oblique h4, .wkg-html-text.wkg-font-style-oblique h5, .wkg-html-text.wkg-font-style-oblique h6, .wkg-html-text.wkg-font-style-oblique p, .wkg-html-text.wkg-font-style-oblique span, .wkg-html-text.wkg-font-style-oblique em, .wkg-html-text.wkg-font-style-oblique strong, .wkg-button.wkg-font-style-oblique { font-style: oblique; }
.wkg-text-transform-uppercase, .wkg-html-text.wkg-text-transform-uppercase, .wkg-html-text.wkg-text-transform-uppercase h1, .wkg-html-text.wkg-text-transform-uppercase h2, .wkg-html-text.wkg-text-transform-uppercase h3, .wkg-html-text.wkg-text-transform-uppercase h4, .wkg-html-text.wkg-text-transform-uppercase h5, .wkg-html-text.wkg-text-transform-uppercase h6, .wkg-html-text.wkg-text-transform-uppercase p, .wkg-html-text.wkg-text-transform-uppercase span, .wkg-html-text.wkg-text-transform-uppercase em, .wkg-html-text.wkg-text-transform-uppercase strong, .wkg-button.wkg-text-transform-uppercase { text-transform: uppercase; }
.wkg-text-transform-lowercase, .wkg-html-text.wkg-text-transform-lowercase, .wkg-html-text.wkg-text-transform-lowercase h1, .wkg-html-text.wkg-text-transform-lowercase h2, .wkg-html-text.wkg-text-transform-lowercase h3, .wkg-html-text.wkg-text-transform-lowercase h4, .wkg-html-text.wkg-text-transform-lowercase h5, .wkg-html-text.wkg-text-transform-lowercase h6, .wkg-html-text.wkg-text-transform-lowercase p, .wkg-html-text.wkg-text-transform-lowercase span, .wkg-html-text.wkg-text-transform-lowercase em, .wkg-html-text.wkg-text-transform-lowercase strong, .wkg-button.wkg-text-transform-lowercase { text-transform: lowercase; }
.wkg-text-transform-capitalize, .wkg-html-text.wkg-text-transform-capitalize, .wkg-html-text.wkg-text-transform-capitalize h1, .wkg-html-text.wkg-text-transform-capitalize h2, .wkg-html-text.wkg-text-transform-capitalize h3, .wkg-html-text.wkg-text-transform-capitalize h4, .wkg-html-text.wkg-text-transform-capitalize h5, .wkg-html-text.wkg-text-transform-capitalize h6, .wkg-html-text.wkg-text-transform-capitalize p, .wkg-html-text.wkg-text-transform-capitalize span, .wkg-html-text.wkg-text-transform-capitalize em, .wkg-html-text.wkg-text-transform-capitalize strong, .wkg-button.wkg-text-transform-capitalize { text-transform: capitalize; }
.wkg-text-transform-none, .wkg-html-text.wkg-text-transform-none, .wkg-html-text.wkg-text-transform-none h1, .wkg-html-text.wkg-text-transform-none h2, .wkg-html-text.wkg-text-transform-none h3, .wkg-html-text.wkg-text-transform-none h4, .wkg-html-text.wkg-text-transform-none h5, .wkg-html-text.wkg-text-transform-none h6, .wkg-html-text.wkg-text-transform-none p, .wkg-html-text.wkg-text-transform-none span, .wkg-html-text.wkg-text-transform-none em, .wkg-html-text.wkg-text-transform-none strong, .wkg-button.wkg-text-transform-none { text-transform: none; }
.wkg-font-family-primary, .wkg-html-text.wkg-font-family-primary, .wkg-html-text.wkg-font-family-primary h1, .wkg-html-text.wkg-font-family-primary h2, .wkg-html-text.wkg-font-family-primary h3, .wkg-html-text.wkg-font-family-primary h4, .wkg-html-text.wkg-font-family-primary h5, .wkg-html-text.wkg-font-family-primary h6, .wkg-html-text.wkg-font-family-primary p, .wkg-html-text.wkg-font-family-primary span, .wkg-html-text.wkg-font-family-primary em, .wkg-html-text.wkg-font-family-primary strong, .wkg-button.wkg-font-family-primary { font-family: var(--wkg-font-family-primary, sans-serif); }
.wkg-font-family-secondary, .wkg-html-text.wkg-font-family-secondary, .wkg-html-text.wkg-font-family-secondary h1, .wkg-html-text.wkg-font-family-secondary h2, .wkg-html-text.wkg-font-family-secondary h3, .wkg-html-text.wkg-font-family-secondary h4, .wkg-html-text.wkg-font-family-secondary h5, .wkg-html-text.wkg-font-family-secondary h6, .wkg-html-text.wkg-font-family-secondary p, .wkg-html-text.wkg-font-family-secondary span, .wkg-html-text.wkg-font-family-secondary em, .wkg-html-text.wkg-font-family-secondary strong, .wkg-button.wkg-font-family-secondary { font-family: var(--wkg-font-family-secondary, sans-serif); }
.wkg-font-family-tertiary, .wkg-html-text.wkg-font-family-tertiary, .wkg-html-text.wkg-font-family-tertiary h1, .wkg-html-text.wkg-font-family-tertiary h2, .wkg-html-text.wkg-font-family-tertiary h3, .wkg-html-text.wkg-font-family-tertiary h4, .wkg-html-text.wkg-font-family-tertiary h5, .wkg-html-text.wkg-font-family-tertiary h6, .wkg-html-text.wkg-font-family-tertiary p, .wkg-html-text.wkg-font-family-tertiary span, .wkg-html-text.wkg-font-family-tertiary em, .wkg-html-text.wkg-font-family-tertiary strong, .wkg-button.wkg-font-family-tertiary { font-family: var(--wkg-font-family-tertiary, sans-serif); }
.wkg-font-family-quaternary, .wkg-html-text.wkg-font-family-quaternary, .wkg-html-text.wkg-font-family-quaternary h1, .wkg-html-text.wkg-font-family-quaternary h2, .wkg-html-text.wkg-font-family-quaternary h3, .wkg-html-text.wkg-font-family-quaternary h4, .wkg-html-text.wkg-font-family-quaternary h5, .wkg-html-text.wkg-font-family-quaternary h6, .wkg-html-text.wkg-font-family-quaternary p, .wkg-html-text.wkg-font-family-quaternary span, .wkg-html-text.wkg-font-family-quaternary em, .wkg-html-text.wkg-font-family-quaternary strong, .wkg-button.wkg-font-family-quaternary { font-family: var(--wkg-font-family-quaternary, sans-serif); }
.wkg-font-size-base, .wkg-html-text.wkg-font-size-base, .wkg-html-text.wkg-font-size-base h1, .wkg-html-text.wkg-font-size-base h2, .wkg-html-text.wkg-font-size-base h3, .wkg-html-text.wkg-font-size-base h4, .wkg-html-text.wkg-font-size-base h5, .wkg-html-text.wkg-font-size-base h6, .wkg-html-text.wkg-font-size-base p, .wkg-html-text.wkg-font-size-base span, .wkg-html-text.wkg-font-size-base em, .wkg-html-text.wkg-font-size-base strong, .wkg-button.wkg-font-size-base { font-size: var(--wkg-font-size-base); }
.wkg-font-size-xxxs, .wkg-html-text.wkg-font-size-xxxs, .wkg-html-text.wkg-font-size-xxxs h1, .wkg-html-text.wkg-font-size-xxxs h2, .wkg-html-text.wkg-font-size-xxxs h3, .wkg-html-text.wkg-font-size-xxxs h4, .wkg-html-text.wkg-font-size-xxxs h5, .wkg-html-text.wkg-font-size-xxxs h6, .wkg-html-text.wkg-font-size-xxxs p, .wkg-html-text.wkg-font-size-xxxs span, .wkg-html-text.wkg-font-size-xxxs em, .wkg-html-text.wkg-font-size-xxxs strong, .wkg-button.wkg-font-size-xxxs { font-size: var(--wkg-font-size-xxxs); }
.wkg-font-size-xxs, .wkg-html-text.wkg-font-size-xxs, .wkg-html-text.wkg-font-size-xxs h1, .wkg-html-text.wkg-font-size-xxs h2, .wkg-html-text.wkg-font-size-xxs h3, .wkg-html-text.wkg-font-size-xxs h4, .wkg-html-text.wkg-font-size-xxs h5, .wkg-html-text.wkg-font-size-xxs h6, .wkg-html-text.wkg-font-size-xxs p, .wkg-html-text.wkg-font-size-xxs span, .wkg-html-text.wkg-font-size-xxs em, .wkg-html-text.wkg-font-size-xxs strong, .wkg-button.wkg-font-size-xxs { font-size: var(--wkg-font-size-xxs); }
.wkg-font-size-xs, .wkg-html-text.wkg-font-size-xs, .wkg-html-text.wkg-font-size-xs h1, .wkg-html-text.wkg-font-size-xs h2, .wkg-html-text.wkg-font-size-xs h3, .wkg-html-text.wkg-font-size-xs h4, .wkg-html-text.wkg-font-size-xs h5, .wkg-html-text.wkg-font-size-xs h6, .wkg-html-text.wkg-font-size-xs p, .wkg-html-text.wkg-font-size-xs span, .wkg-html-text.wkg-font-size-xs em, .wkg-html-text.wkg-font-size-xs strong, .wkg-button.wkg-font-size-xs { font-size: var(--wkg-font-size-xs); }
.wkg-font-size-sm, .wkg-html-text.wkg-font-size-sm, .wkg-html-text.wkg-font-size-sm h1, .wkg-html-text.wkg-font-size-sm h2, .wkg-html-text.wkg-font-size-sm h3, .wkg-html-text.wkg-font-size-sm h4, .wkg-html-text.wkg-font-size-sm h5, .wkg-html-text.wkg-font-size-sm h6, .wkg-html-text.wkg-font-size-sm p, .wkg-html-text.wkg-font-size-sm span, .wkg-html-text.wkg-font-size-sm em, .wkg-html-text.wkg-font-size-sm strong, .wkg-button.wkg-font-size-sm { font-size: var(--wkg-font-size-sm); }
.wkg-font-size-md, .wkg-html-text.wkg-font-size-md, .wkg-html-text.wkg-font-size-md h1, .wkg-html-text.wkg-font-size-md h2, .wkg-html-text.wkg-font-size-md h3, .wkg-html-text.wkg-font-size-md h4, .wkg-html-text.wkg-font-size-md h5, .wkg-html-text.wkg-font-size-md h6, .wkg-html-text.wkg-font-size-md p, .wkg-html-text.wkg-font-size-md span, .wkg-html-text.wkg-font-size-md em, .wkg-html-text.wkg-font-size-md strong, .wkg-button.wkg-font-size-md { font-size: var(--wkg-font-size-md); }
.wkg-font-size-lg, .wkg-html-text.wkg-font-size-lg, .wkg-html-text.wkg-font-size-lg h1, .wkg-html-text.wkg-font-size-lg h2, .wkg-html-text.wkg-font-size-lg h3, .wkg-html-text.wkg-font-size-lg h4, .wkg-html-text.wkg-font-size-lg h5, .wkg-html-text.wkg-font-size-lg h6, .wkg-html-text.wkg-font-size-lg p, .wkg-html-text.wkg-font-size-lg span, .wkg-html-text.wkg-font-size-lg em, .wkg-html-text.wkg-font-size-lg strong, .wkg-button.wkg-font-size-lg { font-size: var(--wkg-font-size-lg); }
.wkg-font-size-xl, .wkg-html-text.wkg-font-size-xl, .wkg-html-text.wkg-font-size-xl h1, .wkg-html-text.wkg-font-size-xl h2, .wkg-html-text.wkg-font-size-xl h3, .wkg-html-text.wkg-font-size-xl h4, .wkg-html-text.wkg-font-size-xl h5, .wkg-html-text.wkg-font-size-xl h6, .wkg-html-text.wkg-font-size-xl p, .wkg-html-text.wkg-font-size-xl span, .wkg-html-text.wkg-font-size-xl em, .wkg-html-text.wkg-font-size-xl strong, .wkg-button.wkg-font-size-xl { font-size: var(--wkg-font-size-xl); }
.wkg-font-size-2xl, .wkg-html-text.wkg-font-size-2xl, .wkg-html-text.wkg-font-size-2xl h1, .wkg-html-text.wkg-font-size-2xl h2, .wkg-html-text.wkg-font-size-2xl h3, .wkg-html-text.wkg-font-size-2xl h4, .wkg-html-text.wkg-font-size-2xl h5, .wkg-html-text.wkg-font-size-2xl h6, .wkg-html-text.wkg-font-size-2xl p, .wkg-html-text.wkg-font-size-2xl span, .wkg-html-text.wkg-font-size-2xl em, .wkg-html-text.wkg-font-size-2xl strong, .wkg-button.wkg-font-size-2xl { font-size: var(--wkg-font-size-2xl); }
.wkg-font-size-3xl, .wkg-html-text.wkg-font-size-3xl, .wkg-html-text.wkg-font-size-3xl h1, .wkg-html-text.wkg-font-size-3xl h2, .wkg-html-text.wkg-font-size-3xl h3, .wkg-html-text.wkg-font-size-3xl h4, .wkg-html-text.wkg-font-size-3xl h5, .wkg-html-text.wkg-font-size-3xl h6, .wkg-html-text.wkg-font-size-3xl p, .wkg-html-text.wkg-font-size-3xl span, .wkg-html-text.wkg-font-size-3xl em, .wkg-html-text.wkg-font-size-3xl strong, .wkg-button.wkg-font-size-3xl { font-size: var(--wkg-font-size-3xl); }
.wkg-font-size-4xl, .wkg-html-text.wkg-font-size-4xl, .wkg-html-text.wkg-font-size-4xl h1, .wkg-html-text.wkg-font-size-4xl h2, .wkg-html-text.wkg-font-size-4xl h3, .wkg-html-text.wkg-font-size-4xl h4, .wkg-html-text.wkg-font-size-4xl h5, .wkg-html-text.wkg-font-size-4xl h6, .wkg-html-text.wkg-font-size-4xl p, .wkg-html-text.wkg-font-size-4xl span, .wkg-html-text.wkg-font-size-4xl em, .wkg-html-text.wkg-font-size-4xl strong, .wkg-button.wkg-font-size-4xl { font-size: var(--wkg-font-size-4xl); }
.wkg-font-size-5xl, .wkg-html-text.wkg-font-size-5xl, .wkg-html-text.wkg-font-size-5xl h1, .wkg-html-text.wkg-font-size-5xl h2, .wkg-html-text.wkg-font-size-5xl h3, .wkg-html-text.wkg-font-size-5xl h4, .wkg-html-text.wkg-font-size-5xl h5, .wkg-html-text.wkg-font-size-5xl h6, .wkg-html-text.wkg-font-size-5xl p, .wkg-html-text.wkg-font-size-5xl span, .wkg-html-text.wkg-font-size-5xl em, .wkg-html-text.wkg-font-size-5xl strong, .wkg-button.wkg-font-size-5xl { font-size: var(--wkg-font-size-5xl); }
.wkg-font-size-6xl, .wkg-html-text.wkg-font-size-6xl, .wkg-html-text.wkg-font-size-6xl h1, .wkg-html-text.wkg-font-size-6xl h2, .wkg-html-text.wkg-font-size-6xl h3, .wkg-html-text.wkg-font-size-6xl h4, .wkg-html-text.wkg-font-size-6xl h5, .wkg-html-text.wkg-font-size-6xl h6, .wkg-html-text.wkg-font-size-6xl p, .wkg-html-text.wkg-font-size-6xl span, .wkg-html-text.wkg-font-size-6xl em, .wkg-html-text.wkg-font-size-6xl strong, .wkg-button.wkg-font-size-6xl { font-size: var(--wkg-font-size-6xl); }
.wkg-font-size-7xl, .wkg-html-text.wkg-font-size-7xl, .wkg-html-text.wkg-font-size-7xl h1, .wkg-html-text.wkg-font-size-7xl h2, .wkg-html-text.wkg-font-size-7xl h3, .wkg-html-text.wkg-font-size-7xl h4, .wkg-html-text.wkg-font-size-7xl h5, .wkg-html-text.wkg-font-size-7xl h6, .wkg-html-text.wkg-font-size-7xl p, .wkg-html-text.wkg-font-size-7xl span, .wkg-html-text.wkg-font-size-7xl em, .wkg-html-text.wkg-font-size-7xl strong, .wkg-button.wkg-font-size-7xl { font-size: var(--wkg-font-size-7xl); }
.wkg-font-size-8xl, .wkg-html-text.wkg-font-size-8xl, .wkg-html-text.wkg-font-size-8xl h1, .wkg-html-text.wkg-font-size-8xl h2, .wkg-html-text.wkg-font-size-8xl h3, .wkg-html-text.wkg-font-size-8xl h4, .wkg-html-text.wkg-font-size-8xl h5, .wkg-html-text.wkg-font-size-8xl h6, .wkg-html-text.wkg-font-size-8xl p, .wkg-html-text.wkg-font-size-8xl span, .wkg-html-text.wkg-font-size-8xl em, .wkg-html-text.wkg-font-size-8xl strong, .wkg-button.wkg-font-size-8xl { font-size: var(--wkg-font-size-8xl); }
.wkg-font-size-9xl, .wkg-html-text.wkg-font-size-9xl, .wkg-html-text.wkg-font-size-9xl h1, .wkg-html-text.wkg-font-size-9xl h2, .wkg-html-text.wkg-font-size-9xl h3, .wkg-html-text.wkg-font-size-9xl h4, .wkg-html-text.wkg-font-size-9xl h5, .wkg-html-text.wkg-font-size-9xl h6, .wkg-html-text.wkg-font-size-9xl p, .wkg-html-text.wkg-font-size-9xl span, .wkg-html-text.wkg-font-size-9xl em, .wkg-html-text.wkg-font-size-9xl strong, .wkg-button.wkg-font-size-9xl { font-size: var(--wkg-font-size-9xl); }
.wkg-font-size-10xl, .wkg-html-text.wkg-font-size-10xl, .wkg-html-text.wkg-font-size-10xl h1, .wkg-html-text.wkg-font-size-10xl h2, .wkg-html-text.wkg-font-size-10xl h3, .wkg-html-text.wkg-font-size-10xl h4, .wkg-html-text.wkg-font-size-10xl h5, .wkg-html-text.wkg-font-size-10xl h6, .wkg-html-text.wkg-font-size-10xl p, .wkg-html-text.wkg-font-size-10xl span, .wkg-html-text.wkg-font-size-10xl em, .wkg-html-text.wkg-font-size-10xl strong, .wkg-button.wkg-font-size-10xl { font-size: var(--wkg-font-size-10xl); }
.wkg-font-size-11xl, .wkg-html-text.wkg-font-size-11xl, .wkg-html-text.wkg-font-size-11xl h1, .wkg-html-text.wkg-font-size-11xl h2, .wkg-html-text.wkg-font-size-11xl h3, .wkg-html-text.wkg-font-size-11xl h4, .wkg-html-text.wkg-font-size-11xl h5, .wkg-html-text.wkg-font-size-11xl h6, .wkg-html-text.wkg-font-size-11xl p, .wkg-html-text.wkg-font-size-11xl span, .wkg-html-text.wkg-font-size-11xl em, .wkg-html-text.wkg-font-size-11xl strong, .wkg-button.wkg-font-size-11xl { font-size: var(--wkg-font-size-11xl); }
.wkg-font-size-12xl, .wkg-html-text.wkg-font-size-12xl, .wkg-html-text.wkg-font-size-12xl h1, .wkg-html-text.wkg-font-size-12xl h2, .wkg-html-text.wkg-font-size-12xl h3, .wkg-html-text.wkg-font-size-12xl h4, .wkg-html-text.wkg-font-size-12xl h5, .wkg-html-text.wkg-font-size-12xl h6, .wkg-html-text.wkg-font-size-12xl p, .wkg-html-text.wkg-font-size-12xl span, .wkg-html-text.wkg-font-size-12xl em, .wkg-html-text.wkg-font-size-12xl strong, .wkg-button.wkg-font-size-12xl { font-size: var(--wkg-font-size-12xl); }
.wkg-font-size-13xl, .wkg-html-text.wkg-font-size-13xl, .wkg-html-text.wkg-font-size-13xl h1, .wkg-html-text.wkg-font-size-13xl h2, .wkg-html-text.wkg-font-size-13xl h3, .wkg-html-text.wkg-font-size-13xl h4, .wkg-html-text.wkg-font-size-13xl h5, .wkg-html-text.wkg-font-size-13xl h6, .wkg-html-text.wkg-font-size-13xl p, .wkg-html-text.wkg-font-size-13xl span, .wkg-html-text.wkg-font-size-13xl em, .wkg-html-text.wkg-font-size-13xl strong, .wkg-button.wkg-font-size-13xl { font-size: var(--wkg-font-size-13xl); }
.wkg-font-size-14xl, .wkg-html-text.wkg-font-size-14xl, .wkg-html-text.wkg-font-size-14xl h1, .wkg-html-text.wkg-font-size-14xl h2, .wkg-html-text.wkg-font-size-14xl h3, .wkg-html-text.wkg-font-size-14xl h4, .wkg-html-text.wkg-font-size-14xl h5, .wkg-html-text.wkg-font-size-14xl h6, .wkg-html-text.wkg-font-size-14xl p, .wkg-html-text.wkg-font-size-14xl span, .wkg-html-text.wkg-font-size-14xl em, .wkg-html-text.wkg-font-size-14xl strong, .wkg-button.wkg-font-size-14xl { font-size: var(--wkg-font-size-14xl); }
.wkg-font-size-15xl, .wkg-html-text.wkg-font-size-15xl, .wkg-html-text.wkg-font-size-15xl h1, .wkg-html-text.wkg-font-size-15xl h2, .wkg-html-text.wkg-font-size-15xl h3, .wkg-html-text.wkg-font-size-15xl h4, .wkg-html-text.wkg-font-size-15xl h5, .wkg-html-text.wkg-font-size-15xl h6, .wkg-html-text.wkg-font-size-15xl p, .wkg-html-text.wkg-font-size-15xl span, .wkg-html-text.wkg-font-size-15xl em, .wkg-html-text.wkg-font-size-15xl strong, .wkg-button.wkg-font-size-15xl { font-size: var(--wkg-font-size-15xl); }
.wkg-font-size-16xl, .wkg-html-text.wkg-font-size-16xl, .wkg-html-text.wkg-font-size-16xl h1, .wkg-html-text.wkg-font-size-16xl h2, .wkg-html-text.wkg-font-size-16xl h3, .wkg-html-text.wkg-font-size-16xl h4, .wkg-html-text.wkg-font-size-16xl h5, .wkg-html-text.wkg-font-size-16xl h6, .wkg-html-text.wkg-font-size-16xl p, .wkg-html-text.wkg-font-size-16xl span, .wkg-html-text.wkg-font-size-16xl em, .wkg-html-text.wkg-font-size-16xl strong, .wkg-button.wkg-font-size-16xl { font-size: var(--wkg-font-size-16xl); }
.wkg-font-size-17xl, .wkg-html-text.wkg-font-size-17xl, .wkg-html-text.wkg-font-size-17xl h1, .wkg-html-text.wkg-font-size-17xl h2, .wkg-html-text.wkg-font-size-17xl h3, .wkg-html-text.wkg-font-size-17xl h4, .wkg-html-text.wkg-font-size-17xl h5, .wkg-html-text.wkg-font-size-17xl h6, .wkg-html-text.wkg-font-size-17xl p, .wkg-html-text.wkg-font-size-17xl span, .wkg-html-text.wkg-font-size-17xl em, .wkg-html-text.wkg-font-size-17xl strong, .wkg-button.wkg-font-size-17xl { font-size: var(--wkg-font-size-17xl); }
.wkg-font-size-18xl, .wkg-html-text.wkg-font-size-18xl, .wkg-html-text.wkg-font-size-18xl h1, .wkg-html-text.wkg-font-size-18xl h2, .wkg-html-text.wkg-font-size-18xl h3, .wkg-html-text.wkg-font-size-18xl h4, .wkg-html-text.wkg-font-size-18xl h5, .wkg-html-text.wkg-font-size-18xl h6, .wkg-html-text.wkg-font-size-18xl p, .wkg-html-text.wkg-font-size-18xl span, .wkg-html-text.wkg-font-size-18xl em, .wkg-html-text.wkg-font-size-18xl strong, .wkg-button.wkg-font-size-18xl { font-size: var(--wkg-font-size-18xl); }
.wkg-font-size-19xl, .wkg-html-text.wkg-font-size-19xl, .wkg-html-text.wkg-font-size-19xl h1, .wkg-html-text.wkg-font-size-19xl h2, .wkg-html-text.wkg-font-size-19xl h3, .wkg-html-text.wkg-font-size-19xl h4, .wkg-html-text.wkg-font-size-19xl h5, .wkg-html-text.wkg-font-size-19xl h6, .wkg-html-text.wkg-font-size-19xl p, .wkg-html-text.wkg-font-size-19xl span, .wkg-html-text.wkg-font-size-19xl em, .wkg-html-text.wkg-font-size-19xl strong, .wkg-button.wkg-font-size-19xl { font-size: var(--wkg-font-size-19xl); }
.wkg-font-size-20xl, .wkg-html-text.wkg-font-size-20xl, .wkg-html-text.wkg-font-size-20xl h1, .wkg-html-text.wkg-font-size-20xl h2, .wkg-html-text.wkg-font-size-20xl h3, .wkg-html-text.wkg-font-size-20xl h4, .wkg-html-text.wkg-font-size-20xl h5, .wkg-html-text.wkg-font-size-20xl h6, .wkg-html-text.wkg-font-size-20xl p, .wkg-html-text.wkg-font-size-20xl span, .wkg-html-text.wkg-font-size-20xl em, .wkg-html-text.wkg-font-size-20xl strong, .wkg-button.wkg-font-size-20xl { font-size: var(--wkg-font-size-20xl); }
.wkg-font-size-21xl, .wkg-html-text.wkg-font-size-21xl, .wkg-html-text.wkg-font-size-21xl h1, .wkg-html-text.wkg-font-size-21xl h2, .wkg-html-text.wkg-font-size-21xl h3, .wkg-html-text.wkg-font-size-21xl h4, .wkg-html-text.wkg-font-size-21xl h5, .wkg-html-text.wkg-font-size-21xl h6, .wkg-html-text.wkg-font-size-21xl p, .wkg-html-text.wkg-font-size-21xl span, .wkg-html-text.wkg-font-size-21xl em, .wkg-html-text.wkg-font-size-21xl strong, .wkg-button.wkg-font-size-21xl { font-size: var(--wkg-font-size-21xl); }
.wkg-font-size-22xl, .wkg-html-text.wkg-font-size-22xl, .wkg-html-text.wkg-font-size-22xl h1, .wkg-html-text.wkg-font-size-22xl h2, .wkg-html-text.wkg-font-size-22xl h3, .wkg-html-text.wkg-font-size-22xl h4, .wkg-html-text.wkg-font-size-22xl h5, .wkg-html-text.wkg-font-size-22xl h6, .wkg-html-text.wkg-font-size-22xl p, .wkg-html-text.wkg-font-size-22xl span, .wkg-html-text.wkg-font-size-22xl em, .wkg-html-text.wkg-font-size-22xl strong, .wkg-button.wkg-font-size-22xl { font-size: var(--wkg-font-size-22xl); }
.wkg-font-size-23xl, .wkg-html-text.wkg-font-size-23xl, .wkg-html-text.wkg-font-size-23xl h1, .wkg-html-text.wkg-font-size-23xl h2, .wkg-html-text.wkg-font-size-23xl h3, .wkg-html-text.wkg-font-size-23xl h4, .wkg-html-text.wkg-font-size-23xl h5, .wkg-html-text.wkg-font-size-23xl h6, .wkg-html-text.wkg-font-size-23xl p, .wkg-html-text.wkg-font-size-23xl span, .wkg-html-text.wkg-font-size-23xl em, .wkg-html-text.wkg-font-size-23xl strong, .wkg-button.wkg-font-size-23xl { font-size: var(--wkg-font-size-23xl); }
.wkg-font-size-24xl, .wkg-html-text.wkg-font-size-24xl, .wkg-html-text.wkg-font-size-24xl h1, .wkg-html-text.wkg-font-size-24xl h2, .wkg-html-text.wkg-font-size-24xl h3, .wkg-html-text.wkg-font-size-24xl h4, .wkg-html-text.wkg-font-size-24xl h5, .wkg-html-text.wkg-font-size-24xl h6, .wkg-html-text.wkg-font-size-24xl p, .wkg-html-text.wkg-font-size-24xl span, .wkg-html-text.wkg-font-size-24xl em, .wkg-html-text.wkg-font-size-24xl strong, .wkg-button.wkg-font-size-24xl { font-size: var(--wkg-font-size-24xl); }
.wkg-font-size-25xl, .wkg-html-text.wkg-font-size-25xl, .wkg-html-text.wkg-font-size-25xl h1, .wkg-html-text.wkg-font-size-25xl h2, .wkg-html-text.wkg-font-size-25xl h3, .wkg-html-text.wkg-font-size-25xl h4, .wkg-html-text.wkg-font-size-25xl h5, .wkg-html-text.wkg-font-size-25xl h6, .wkg-html-text.wkg-font-size-25xl p, .wkg-html-text.wkg-font-size-25xl span, .wkg-html-text.wkg-font-size-25xl em, .wkg-html-text.wkg-font-size-25xl strong, .wkg-button.wkg-font-size-25xl { font-size: var(--wkg-font-size-25xl); }
.wkg-font-size-26xl, .wkg-html-text.wkg-font-size-26xl, .wkg-html-text.wkg-font-size-26xl h1, .wkg-html-text.wkg-font-size-26xl h2, .wkg-html-text.wkg-font-size-26xl h3, .wkg-html-text.wkg-font-size-26xl h4, .wkg-html-text.wkg-font-size-26xl h5, .wkg-html-text.wkg-font-size-26xl h6, .wkg-html-text.wkg-font-size-26xl p, .wkg-html-text.wkg-font-size-26xl span, .wkg-html-text.wkg-font-size-26xl em, .wkg-html-text.wkg-font-size-26xl strong, .wkg-button.wkg-font-size-26xl { font-size: var(--wkg-font-size-26xl); }
.wkg-font-size-27xl, .wkg-html-text.wkg-font-size-27xl, .wkg-html-text.wkg-font-size-27xl h1, .wkg-html-text.wkg-font-size-27xl h2, .wkg-html-text.wkg-font-size-27xl h3, .wkg-html-text.wkg-font-size-27xl h4, .wkg-html-text.wkg-font-size-27xl h5, .wkg-html-text.wkg-font-size-27xl h6, .wkg-html-text.wkg-font-size-27xl p, .wkg-html-text.wkg-font-size-27xl span, .wkg-html-text.wkg-font-size-27xl em, .wkg-html-text.wkg-font-size-27xl strong, .wkg-button.wkg-font-size-27xl { font-size: var(--wkg-font-size-27xl); }
.wkg-font-size-28xl, .wkg-html-text.wkg-font-size-28xl, .wkg-html-text.wkg-font-size-28xl h1, .wkg-html-text.wkg-font-size-28xl h2, .wkg-html-text.wkg-font-size-28xl h3, .wkg-html-text.wkg-font-size-28xl h4, .wkg-html-text.wkg-font-size-28xl h5, .wkg-html-text.wkg-font-size-28xl h6, .wkg-html-text.wkg-font-size-28xl p, .wkg-html-text.wkg-font-size-28xl span, .wkg-html-text.wkg-font-size-28xl em, .wkg-html-text.wkg-font-size-28xl strong, .wkg-button.wkg-font-size-28xl { font-size: var(--wkg-font-size-28xl); }
.wkg-font-size-29xl, .wkg-html-text.wkg-font-size-29xl, .wkg-html-text.wkg-font-size-29xl h1, .wkg-html-text.wkg-font-size-29xl h2, .wkg-html-text.wkg-font-size-29xl h3, .wkg-html-text.wkg-font-size-29xl h4, .wkg-html-text.wkg-font-size-29xl h5, .wkg-html-text.wkg-font-size-29xl h6, .wkg-html-text.wkg-font-size-29xl p, .wkg-html-text.wkg-font-size-29xl span, .wkg-html-text.wkg-font-size-29xl em, .wkg-html-text.wkg-font-size-29xl strong, .wkg-button.wkg-font-size-29xl { font-size: var(--wkg-font-size-29xl); }
.wkg-font-size-30xl, .wkg-html-text.wkg-font-size-30xl, .wkg-html-text.wkg-font-size-30xl h1, .wkg-html-text.wkg-font-size-30xl h2, .wkg-html-text.wkg-font-size-30xl h3, .wkg-html-text.wkg-font-size-30xl h4, .wkg-html-text.wkg-font-size-30xl h5, .wkg-html-text.wkg-font-size-30xl h6, .wkg-html-text.wkg-font-size-30xl p, .wkg-html-text.wkg-font-size-30xl span, .wkg-html-text.wkg-font-size-30xl em, .wkg-html-text.wkg-font-size-30xl strong, .wkg-button.wkg-font-size-30xl { font-size: var(--wkg-font-size-30xl); }
.wkg-font-size-31xl, .wkg-html-text.wkg-font-size-31xl, .wkg-html-text.wkg-font-size-31xl h1, .wkg-html-text.wkg-font-size-31xl h2, .wkg-html-text.wkg-font-size-31xl h3, .wkg-html-text.wkg-font-size-31xl h4, .wkg-html-text.wkg-font-size-31xl h5, .wkg-html-text.wkg-font-size-31xl h6, .wkg-html-text.wkg-font-size-31xl p, .wkg-html-text.wkg-font-size-31xl span, .wkg-html-text.wkg-font-size-31xl em, .wkg-html-text.wkg-font-size-31xl strong, .wkg-button.wkg-font-size-31xl { font-size: var(--wkg-font-size-31xl); }
.wkg-font-size-32xl, .wkg-html-text.wkg-font-size-32xl, .wkg-html-text.wkg-font-size-32xl h1, .wkg-html-text.wkg-font-size-32xl h2, .wkg-html-text.wkg-font-size-32xl h3, .wkg-html-text.wkg-font-size-32xl h4, .wkg-html-text.wkg-font-size-32xl h5, .wkg-html-text.wkg-font-size-32xl h6, .wkg-html-text.wkg-font-size-32xl p, .wkg-html-text.wkg-font-size-32xl span, .wkg-html-text.wkg-font-size-32xl em, .wkg-html-text.wkg-font-size-32xl strong, .wkg-button.wkg-font-size-32xl { font-size: var(--wkg-font-size-32xl); }
.wkg-font-size-33xl, .wkg-html-text.wkg-font-size-33xl, .wkg-html-text.wkg-font-size-33xl h1, .wkg-html-text.wkg-font-size-33xl h2, .wkg-html-text.wkg-font-size-33xl h3, .wkg-html-text.wkg-font-size-33xl h4, .wkg-html-text.wkg-font-size-33xl h5, .wkg-html-text.wkg-font-size-33xl h6, .wkg-html-text.wkg-font-size-33xl p, .wkg-html-text.wkg-font-size-33xl span, .wkg-html-text.wkg-font-size-33xl em, .wkg-html-text.wkg-font-size-33xl strong, .wkg-button.wkg-font-size-33xl { font-size: var(--wkg-font-size-33xl); }
.wkg-font-size-34xl, .wkg-html-text.wkg-font-size-34xl, .wkg-html-text.wkg-font-size-34xl h1, .wkg-html-text.wkg-font-size-34xl h2, .wkg-html-text.wkg-font-size-34xl h3, .wkg-html-text.wkg-font-size-34xl h4, .wkg-html-text.wkg-font-size-34xl h5, .wkg-html-text.wkg-font-size-34xl h6, .wkg-html-text.wkg-font-size-34xl p, .wkg-html-text.wkg-font-size-34xl span, .wkg-html-text.wkg-font-size-34xl em, .wkg-html-text.wkg-font-size-34xl strong, .wkg-button.wkg-font-size-34xl { font-size: var(--wkg-font-size-34xl); }
.wkg-font-size-35xl, .wkg-html-text.wkg-font-size-35xl, .wkg-html-text.wkg-font-size-35xl h1, .wkg-html-text.wkg-font-size-35xl h2, .wkg-html-text.wkg-font-size-35xl h3, .wkg-html-text.wkg-font-size-35xl h4, .wkg-html-text.wkg-font-size-35xl h5, .wkg-html-text.wkg-font-size-35xl h6, .wkg-html-text.wkg-font-size-35xl p, .wkg-html-text.wkg-font-size-35xl span, .wkg-html-text.wkg-font-size-35xl em, .wkg-html-text.wkg-font-size-35xl strong, .wkg-button.wkg-font-size-35xl { font-size: var(--wkg-font-size-35xl); }
.wkg-font-size-36xl, .wkg-html-text.wkg-font-size-36xl, .wkg-html-text.wkg-font-size-36xl h1, .wkg-html-text.wkg-font-size-36xl h2, .wkg-html-text.wkg-font-size-36xl h3, .wkg-html-text.wkg-font-size-36xl h4, .wkg-html-text.wkg-font-size-36xl h5, .wkg-html-text.wkg-font-size-36xl h6, .wkg-html-text.wkg-font-size-36xl p, .wkg-html-text.wkg-font-size-36xl span, .wkg-html-text.wkg-font-size-36xl em, .wkg-html-text.wkg-font-size-36xl strong, .wkg-button.wkg-font-size-36xl { font-size: var(--wkg-font-size-36xl); }
.wkg-font-size-37xl, .wkg-html-text.wkg-font-size-37xl, .wkg-html-text.wkg-font-size-37xl h1, .wkg-html-text.wkg-font-size-37xl h2, .wkg-html-text.wkg-font-size-37xl h3, .wkg-html-text.wkg-font-size-37xl h4, .wkg-html-text.wkg-font-size-37xl h5, .wkg-html-text.wkg-font-size-37xl h6, .wkg-html-text.wkg-font-size-37xl p, .wkg-html-text.wkg-font-size-37xl span, .wkg-html-text.wkg-font-size-37xl em, .wkg-html-text.wkg-font-size-37xl strong, .wkg-button.wkg-font-size-37xl { font-size: var(--wkg-font-size-37xl); }
.wkg-font-size-38xl, .wkg-html-text.wkg-font-size-38xl, .wkg-html-text.wkg-font-size-38xl h1, .wkg-html-text.wkg-font-size-38xl h2, .wkg-html-text.wkg-font-size-38xl h3, .wkg-html-text.wkg-font-size-38xl h4, .wkg-html-text.wkg-font-size-38xl h5, .wkg-html-text.wkg-font-size-38xl h6, .wkg-html-text.wkg-font-size-38xl p, .wkg-html-text.wkg-font-size-38xl span, .wkg-html-text.wkg-font-size-38xl em, .wkg-html-text.wkg-font-size-38xl strong, .wkg-button.wkg-font-size-38xl { font-size: var(--wkg-font-size-38xl); }
.wkg-font-size-39xl, .wkg-html-text.wkg-font-size-39xl, .wkg-html-text.wkg-font-size-39xl h1, .wkg-html-text.wkg-font-size-39xl h2, .wkg-html-text.wkg-font-size-39xl h3, .wkg-html-text.wkg-font-size-39xl h4, .wkg-html-text.wkg-font-size-39xl h5, .wkg-html-text.wkg-font-size-39xl h6, .wkg-html-text.wkg-font-size-39xl p, .wkg-html-text.wkg-font-size-39xl span, .wkg-html-text.wkg-font-size-39xl em, .wkg-html-text.wkg-font-size-39xl strong, .wkg-button.wkg-font-size-39xl { font-size: var(--wkg-font-size-39xl); }
.wkg-font-size-40xl, .wkg-html-text.wkg-font-size-40xl, .wkg-html-text.wkg-font-size-40xl h1, .wkg-html-text.wkg-font-size-40xl h2, .wkg-html-text.wkg-font-size-40xl h3, .wkg-html-text.wkg-font-size-40xl h4, .wkg-html-text.wkg-font-size-40xl h5, .wkg-html-text.wkg-font-size-40xl h6, .wkg-html-text.wkg-font-size-40xl p, .wkg-html-text.wkg-font-size-40xl span, .wkg-html-text.wkg-font-size-40xl em, .wkg-html-text.wkg-font-size-40xl strong, .wkg-button.wkg-font-size-40xl { font-size: var(--wkg-font-size-40xl); }
.wkg-font-size-41xl, .wkg-html-text.wkg-font-size-41xl, .wkg-html-text.wkg-font-size-41xl h1, .wkg-html-text.wkg-font-size-41xl h2, .wkg-html-text.wkg-font-size-41xl h3, .wkg-html-text.wkg-font-size-41xl h4, .wkg-html-text.wkg-font-size-41xl h5, .wkg-html-text.wkg-font-size-41xl h6, .wkg-html-text.wkg-font-size-41xl p, .wkg-html-text.wkg-font-size-41xl span, .wkg-html-text.wkg-font-size-41xl em, .wkg-html-text.wkg-font-size-41xl strong, .wkg-button.wkg-font-size-41xl { font-size: var(--wkg-font-size-41xl); }
.wkg-font-size-42xl, .wkg-html-text.wkg-font-size-42xl, .wkg-html-text.wkg-font-size-42xl h1, .wkg-html-text.wkg-font-size-42xl h2, .wkg-html-text.wkg-font-size-42xl h3, .wkg-html-text.wkg-font-size-42xl h4, .wkg-html-text.wkg-font-size-42xl h5, .wkg-html-text.wkg-font-size-42xl h6, .wkg-html-text.wkg-font-size-42xl p, .wkg-html-text.wkg-font-size-42xl span, .wkg-html-text.wkg-font-size-42xl em, .wkg-html-text.wkg-font-size-42xl strong, .wkg-button.wkg-font-size-42xl { font-size: var(--wkg-font-size-42xl); }
.wkg-font-size-43xl, .wkg-html-text.wkg-font-size-43xl, .wkg-html-text.wkg-font-size-43xl h1, .wkg-html-text.wkg-font-size-43xl h2, .wkg-html-text.wkg-font-size-43xl h3, .wkg-html-text.wkg-font-size-43xl h4, .wkg-html-text.wkg-font-size-43xl h5, .wkg-html-text.wkg-font-size-43xl h6, .wkg-html-text.wkg-font-size-43xl p, .wkg-html-text.wkg-font-size-43xl span, .wkg-html-text.wkg-font-size-43xl em, .wkg-html-text.wkg-font-size-43xl strong, .wkg-button.wkg-font-size-43xl { font-size: var(--wkg-font-size-43xl); }
.wkg-font-size-44xl, .wkg-html-text.wkg-font-size-44xl, .wkg-html-text.wkg-font-size-44xl h1, .wkg-html-text.wkg-font-size-44xl h2, .wkg-html-text.wkg-font-size-44xl h3, .wkg-html-text.wkg-font-size-44xl h4, .wkg-html-text.wkg-font-size-44xl h5, .wkg-html-text.wkg-font-size-44xl h6, .wkg-html-text.wkg-font-size-44xl p, .wkg-html-text.wkg-font-size-44xl span, .wkg-html-text.wkg-font-size-44xl em, .wkg-html-text.wkg-font-size-44xl strong, .wkg-button.wkg-font-size-44xl { font-size: var(--wkg-font-size-44xl); }
.wkg-font-size-45xl, .wkg-html-text.wkg-font-size-45xl, .wkg-html-text.wkg-font-size-45xl h1, .wkg-html-text.wkg-font-size-45xl h2, .wkg-html-text.wkg-font-size-45xl h3, .wkg-html-text.wkg-font-size-45xl h4, .wkg-html-text.wkg-font-size-45xl h5, .wkg-html-text.wkg-font-size-45xl h6, .wkg-html-text.wkg-font-size-45xl p, .wkg-html-text.wkg-font-size-45xl span, .wkg-html-text.wkg-font-size-45xl em, .wkg-html-text.wkg-font-size-45xl strong, .wkg-button.wkg-font-size-45xl { font-size: var(--wkg-font-size-45xl); }
.wkg-font-size-46xl, .wkg-html-text.wkg-font-size-46xl, .wkg-html-text.wkg-font-size-46xl h1, .wkg-html-text.wkg-font-size-46xl h2, .wkg-html-text.wkg-font-size-46xl h3, .wkg-html-text.wkg-font-size-46xl h4, .wkg-html-text.wkg-font-size-46xl h5, .wkg-html-text.wkg-font-size-46xl h6, .wkg-html-text.wkg-font-size-46xl p, .wkg-html-text.wkg-font-size-46xl span, .wkg-html-text.wkg-font-size-46xl em, .wkg-html-text.wkg-font-size-46xl strong, .wkg-button.wkg-font-size-46xl { font-size: var(--wkg-font-size-46xl); }
.wkg-font-size-47xl, .wkg-html-text.wkg-font-size-47xl, .wkg-html-text.wkg-font-size-47xl h1, .wkg-html-text.wkg-font-size-47xl h2, .wkg-html-text.wkg-font-size-47xl h3, .wkg-html-text.wkg-font-size-47xl h4, .wkg-html-text.wkg-font-size-47xl h5, .wkg-html-text.wkg-font-size-47xl h6, .wkg-html-text.wkg-font-size-47xl p, .wkg-html-text.wkg-font-size-47xl span, .wkg-html-text.wkg-font-size-47xl em, .wkg-html-text.wkg-font-size-47xl strong, .wkg-button.wkg-font-size-47xl { font-size: var(--wkg-font-size-47xl); }
.wkg-font-size-48xl, .wkg-html-text.wkg-font-size-48xl, .wkg-html-text.wkg-font-size-48xl h1, .wkg-html-text.wkg-font-size-48xl h2, .wkg-html-text.wkg-font-size-48xl h3, .wkg-html-text.wkg-font-size-48xl h4, .wkg-html-text.wkg-font-size-48xl h5, .wkg-html-text.wkg-font-size-48xl h6, .wkg-html-text.wkg-font-size-48xl p, .wkg-html-text.wkg-font-size-48xl span, .wkg-html-text.wkg-font-size-48xl em, .wkg-html-text.wkg-font-size-48xl strong, .wkg-button.wkg-font-size-48xl { font-size: var(--wkg-font-size-48xl); }
.wkg-font-size-49xl, .wkg-html-text.wkg-font-size-49xl, .wkg-html-text.wkg-font-size-49xl h1, .wkg-html-text.wkg-font-size-49xl h2, .wkg-html-text.wkg-font-size-49xl h3, .wkg-html-text.wkg-font-size-49xl h4, .wkg-html-text.wkg-font-size-49xl h5, .wkg-html-text.wkg-font-size-49xl h6, .wkg-html-text.wkg-font-size-49xl p, .wkg-html-text.wkg-font-size-49xl span, .wkg-html-text.wkg-font-size-49xl em, .wkg-html-text.wkg-font-size-49xl strong, .wkg-button.wkg-font-size-49xl { font-size: var(--wkg-font-size-49xl); }
.wkg-font-size-50xl, .wkg-html-text.wkg-font-size-50xl, .wkg-html-text.wkg-font-size-50xl h1, .wkg-html-text.wkg-font-size-50xl h2, .wkg-html-text.wkg-font-size-50xl h3, .wkg-html-text.wkg-font-size-50xl h4, .wkg-html-text.wkg-font-size-50xl h5, .wkg-html-text.wkg-font-size-50xl h6, .wkg-html-text.wkg-font-size-50xl p, .wkg-html-text.wkg-font-size-50xl span, .wkg-html-text.wkg-font-size-50xl em, .wkg-html-text.wkg-font-size-50xl strong, .wkg-button.wkg-font-size-50xl { font-size: var(--wkg-font-size-50xl); }
.wkg-font-size-51xl, .wkg-html-text.wkg-font-size-51xl, .wkg-html-text.wkg-font-size-51xl h1, .wkg-html-text.wkg-font-size-51xl h2, .wkg-html-text.wkg-font-size-51xl h3, .wkg-html-text.wkg-font-size-51xl h4, .wkg-html-text.wkg-font-size-51xl h5, .wkg-html-text.wkg-font-size-51xl h6, .wkg-html-text.wkg-font-size-51xl p, .wkg-html-text.wkg-font-size-51xl span, .wkg-html-text.wkg-font-size-51xl em, .wkg-html-text.wkg-font-size-51xl strong, .wkg-button.wkg-font-size-51xl { font-size: var(--wkg-font-size-51xl); }
.wkg-font-size-52xl, .wkg-html-text.wkg-font-size-52xl, .wkg-html-text.wkg-font-size-52xl h1, .wkg-html-text.wkg-font-size-52xl h2, .wkg-html-text.wkg-font-size-52xl h3, .wkg-html-text.wkg-font-size-52xl h4, .wkg-html-text.wkg-font-size-52xl h5, .wkg-html-text.wkg-font-size-52xl h6, .wkg-html-text.wkg-font-size-52xl p, .wkg-html-text.wkg-font-size-52xl span, .wkg-html-text.wkg-font-size-52xl em, .wkg-html-text.wkg-font-size-52xl strong, .wkg-button.wkg-font-size-52xl { font-size: var(--wkg-font-size-52xl); }
.wkg-font-size-53xl, .wkg-html-text.wkg-font-size-53xl, .wkg-html-text.wkg-font-size-53xl h1, .wkg-html-text.wkg-font-size-53xl h2, .wkg-html-text.wkg-font-size-53xl h3, .wkg-html-text.wkg-font-size-53xl h4, .wkg-html-text.wkg-font-size-53xl h5, .wkg-html-text.wkg-font-size-53xl h6, .wkg-html-text.wkg-font-size-53xl p, .wkg-html-text.wkg-font-size-53xl span, .wkg-html-text.wkg-font-size-53xl em, .wkg-html-text.wkg-font-size-53xl strong, .wkg-button.wkg-font-size-53xl { font-size: var(--wkg-font-size-53xl); }
.wkg-font-size-54xl, .wkg-html-text.wkg-font-size-54xl, .wkg-html-text.wkg-font-size-54xl h1, .wkg-html-text.wkg-font-size-54xl h2, .wkg-html-text.wkg-font-size-54xl h3, .wkg-html-text.wkg-font-size-54xl h4, .wkg-html-text.wkg-font-size-54xl h5, .wkg-html-text.wkg-font-size-54xl h6, .wkg-html-text.wkg-font-size-54xl p, .wkg-html-text.wkg-font-size-54xl span, .wkg-html-text.wkg-font-size-54xl em, .wkg-html-text.wkg-font-size-54xl strong, .wkg-button.wkg-font-size-54xl { font-size: var(--wkg-font-size-54xl); }
.wkg-font-size-55xl, .wkg-html-text.wkg-font-size-55xl, .wkg-html-text.wkg-font-size-55xl h1, .wkg-html-text.wkg-font-size-55xl h2, .wkg-html-text.wkg-font-size-55xl h3, .wkg-html-text.wkg-font-size-55xl h4, .wkg-html-text.wkg-font-size-55xl h5, .wkg-html-text.wkg-font-size-55xl h6, .wkg-html-text.wkg-font-size-55xl p, .wkg-html-text.wkg-font-size-55xl span, .wkg-html-text.wkg-font-size-55xl em, .wkg-html-text.wkg-font-size-55xl strong, .wkg-button.wkg-font-size-55xl { font-size: var(--wkg-font-size-55xl); }
.device-desktop .wkg-font-size-base-desktop, .device-large .wkg-font-size-base-desktop, .device-desktop .wkg-html-text.wkg-font-size-base-desktop, .device-large .wkg-html-text.wkg-font-size-base-desktop, .device-desktop .wkg-html-text.wkg-font-size-base-desktop h1, .device-large .wkg-html-text.wkg-font-size-base-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-base-desktop h2, .device-large .wkg-html-text.wkg-font-size-base-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-base-desktop h3, .device-large .wkg-html-text.wkg-font-size-base-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-base-desktop h4, .device-large .wkg-html-text.wkg-font-size-base-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-base-desktop h5, .device-large .wkg-html-text.wkg-font-size-base-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-base-desktop h6, .device-large .wkg-html-text.wkg-font-size-base-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-base-desktop p, .device-large .wkg-html-text.wkg-font-size-base-desktop p, .device-desktop .wkg-html-text.wkg-font-size-base-desktop span, .device-large .wkg-html-text.wkg-font-size-base-desktop span, .device-desktop .wkg-html-text.wkg-font-size-base-desktop em, .device-large .wkg-html-text.wkg-font-size-base-desktop em, .device-desktop .wkg-html-text.wkg-font-size-base-desktop strong, .device-large .wkg-html-text.wkg-font-size-base-desktop strong, .device-desktop .wkg-button.wkg-font-size-base-desktop, .device-large .wkg-button.wkg-font-size-base-desktop { font-size: var(--wkg-font-size-base); }
.device-desktop .wkg-font-size-xxxs-desktop, .device-large .wkg-font-size-xxxs-desktop, .device-desktop .wkg-html-text.wkg-font-size-xxxs-desktop, .device-large .wkg-html-text.wkg-font-size-xxxs-desktop, .device-desktop .wkg-html-text.wkg-font-size-xxxs-desktop h1, .device-large .wkg-html-text.wkg-font-size-xxxs-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-xxxs-desktop h2, .device-large .wkg-html-text.wkg-font-size-xxxs-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-xxxs-desktop h3, .device-large .wkg-html-text.wkg-font-size-xxxs-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-xxxs-desktop h4, .device-large .wkg-html-text.wkg-font-size-xxxs-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-xxxs-desktop h5, .device-large .wkg-html-text.wkg-font-size-xxxs-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-xxxs-desktop h6, .device-large .wkg-html-text.wkg-font-size-xxxs-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-xxxs-desktop p, .device-large .wkg-html-text.wkg-font-size-xxxs-desktop p, .device-desktop .wkg-html-text.wkg-font-size-xxxs-desktop span, .device-large .wkg-html-text.wkg-font-size-xxxs-desktop span, .device-desktop .wkg-html-text.wkg-font-size-xxxs-desktop em, .device-large .wkg-html-text.wkg-font-size-xxxs-desktop em, .device-desktop .wkg-html-text.wkg-font-size-xxxs-desktop strong, .device-large .wkg-html-text.wkg-font-size-xxxs-desktop strong, .device-desktop .wkg-button.wkg-font-size-xxxs-desktop, .device-large .wkg-button.wkg-font-size-xxxs-desktop { font-size: var(--wkg-font-size-xxxs); }
.device-desktop .wkg-font-size-xxs-desktop, .device-large .wkg-font-size-xxs-desktop, .device-desktop .wkg-html-text.wkg-font-size-xxs-desktop, .device-large .wkg-html-text.wkg-font-size-xxs-desktop, .device-desktop .wkg-html-text.wkg-font-size-xxs-desktop h1, .device-large .wkg-html-text.wkg-font-size-xxs-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-xxs-desktop h2, .device-large .wkg-html-text.wkg-font-size-xxs-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-xxs-desktop h3, .device-large .wkg-html-text.wkg-font-size-xxs-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-xxs-desktop h4, .device-large .wkg-html-text.wkg-font-size-xxs-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-xxs-desktop h5, .device-large .wkg-html-text.wkg-font-size-xxs-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-xxs-desktop h6, .device-large .wkg-html-text.wkg-font-size-xxs-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-xxs-desktop p, .device-large .wkg-html-text.wkg-font-size-xxs-desktop p, .device-desktop .wkg-html-text.wkg-font-size-xxs-desktop span, .device-large .wkg-html-text.wkg-font-size-xxs-desktop span, .device-desktop .wkg-html-text.wkg-font-size-xxs-desktop em, .device-large .wkg-html-text.wkg-font-size-xxs-desktop em, .device-desktop .wkg-html-text.wkg-font-size-xxs-desktop strong, .device-large .wkg-html-text.wkg-font-size-xxs-desktop strong, .device-desktop .wkg-button.wkg-font-size-xxs-desktop, .device-large .wkg-button.wkg-font-size-xxs-desktop { font-size: var(--wkg-font-size-xxs); }
.device-desktop .wkg-font-size-xs-desktop, .device-large .wkg-font-size-xs-desktop, .device-desktop .wkg-html-text.wkg-font-size-xs-desktop, .device-large .wkg-html-text.wkg-font-size-xs-desktop, .device-desktop .wkg-html-text.wkg-font-size-xs-desktop h1, .device-large .wkg-html-text.wkg-font-size-xs-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-xs-desktop h2, .device-large .wkg-html-text.wkg-font-size-xs-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-xs-desktop h3, .device-large .wkg-html-text.wkg-font-size-xs-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-xs-desktop h4, .device-large .wkg-html-text.wkg-font-size-xs-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-xs-desktop h5, .device-large .wkg-html-text.wkg-font-size-xs-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-xs-desktop h6, .device-large .wkg-html-text.wkg-font-size-xs-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-xs-desktop p, .device-large .wkg-html-text.wkg-font-size-xs-desktop p, .device-desktop .wkg-html-text.wkg-font-size-xs-desktop span, .device-large .wkg-html-text.wkg-font-size-xs-desktop span, .device-desktop .wkg-html-text.wkg-font-size-xs-desktop em, .device-large .wkg-html-text.wkg-font-size-xs-desktop em, .device-desktop .wkg-html-text.wkg-font-size-xs-desktop strong, .device-large .wkg-html-text.wkg-font-size-xs-desktop strong, .device-desktop .wkg-button.wkg-font-size-xs-desktop, .device-large .wkg-button.wkg-font-size-xs-desktop { font-size: var(--wkg-font-size-xs); }
.device-desktop .wkg-font-size-sm-desktop, .device-large .wkg-font-size-sm-desktop, .device-desktop .wkg-html-text.wkg-font-size-sm-desktop, .device-large .wkg-html-text.wkg-font-size-sm-desktop, .device-desktop .wkg-html-text.wkg-font-size-sm-desktop h1, .device-large .wkg-html-text.wkg-font-size-sm-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-sm-desktop h2, .device-large .wkg-html-text.wkg-font-size-sm-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-sm-desktop h3, .device-large .wkg-html-text.wkg-font-size-sm-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-sm-desktop h4, .device-large .wkg-html-text.wkg-font-size-sm-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-sm-desktop h5, .device-large .wkg-html-text.wkg-font-size-sm-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-sm-desktop h6, .device-large .wkg-html-text.wkg-font-size-sm-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-sm-desktop p, .device-large .wkg-html-text.wkg-font-size-sm-desktop p, .device-desktop .wkg-html-text.wkg-font-size-sm-desktop span, .device-large .wkg-html-text.wkg-font-size-sm-desktop span, .device-desktop .wkg-html-text.wkg-font-size-sm-desktop em, .device-large .wkg-html-text.wkg-font-size-sm-desktop em, .device-desktop .wkg-html-text.wkg-font-size-sm-desktop strong, .device-large .wkg-html-text.wkg-font-size-sm-desktop strong, .device-desktop .wkg-button.wkg-font-size-sm-desktop, .device-large .wkg-button.wkg-font-size-sm-desktop { font-size: var(--wkg-font-size-sm); }
.device-desktop .wkg-font-size-md-desktop, .device-large .wkg-font-size-md-desktop, .device-desktop .wkg-html-text.wkg-font-size-md-desktop, .device-large .wkg-html-text.wkg-font-size-md-desktop, .device-desktop .wkg-html-text.wkg-font-size-md-desktop h1, .device-large .wkg-html-text.wkg-font-size-md-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-md-desktop h2, .device-large .wkg-html-text.wkg-font-size-md-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-md-desktop h3, .device-large .wkg-html-text.wkg-font-size-md-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-md-desktop h4, .device-large .wkg-html-text.wkg-font-size-md-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-md-desktop h5, .device-large .wkg-html-text.wkg-font-size-md-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-md-desktop h6, .device-large .wkg-html-text.wkg-font-size-md-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-md-desktop p, .device-large .wkg-html-text.wkg-font-size-md-desktop p, .device-desktop .wkg-html-text.wkg-font-size-md-desktop span, .device-large .wkg-html-text.wkg-font-size-md-desktop span, .device-desktop .wkg-html-text.wkg-font-size-md-desktop em, .device-large .wkg-html-text.wkg-font-size-md-desktop em, .device-desktop .wkg-html-text.wkg-font-size-md-desktop strong, .device-large .wkg-html-text.wkg-font-size-md-desktop strong, .device-desktop .wkg-button.wkg-font-size-md-desktop, .device-large .wkg-button.wkg-font-size-md-desktop { font-size: var(--wkg-font-size-md); }
.device-desktop .wkg-font-size-lg-desktop, .device-large .wkg-font-size-lg-desktop, .device-desktop .wkg-html-text.wkg-font-size-lg-desktop, .device-large .wkg-html-text.wkg-font-size-lg-desktop, .device-desktop .wkg-html-text.wkg-font-size-lg-desktop h1, .device-large .wkg-html-text.wkg-font-size-lg-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-lg-desktop h2, .device-large .wkg-html-text.wkg-font-size-lg-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-lg-desktop h3, .device-large .wkg-html-text.wkg-font-size-lg-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-lg-desktop h4, .device-large .wkg-html-text.wkg-font-size-lg-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-lg-desktop h5, .device-large .wkg-html-text.wkg-font-size-lg-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-lg-desktop h6, .device-large .wkg-html-text.wkg-font-size-lg-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-lg-desktop p, .device-large .wkg-html-text.wkg-font-size-lg-desktop p, .device-desktop .wkg-html-text.wkg-font-size-lg-desktop span, .device-large .wkg-html-text.wkg-font-size-lg-desktop span, .device-desktop .wkg-html-text.wkg-font-size-lg-desktop em, .device-large .wkg-html-text.wkg-font-size-lg-desktop em, .device-desktop .wkg-html-text.wkg-font-size-lg-desktop strong, .device-large .wkg-html-text.wkg-font-size-lg-desktop strong, .device-desktop .wkg-button.wkg-font-size-lg-desktop, .device-large .wkg-button.wkg-font-size-lg-desktop { font-size: var(--wkg-font-size-lg); }
.device-desktop .wkg-font-size-xl-desktop, .device-large .wkg-font-size-xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-xl-desktop, .device-large .wkg-html-text.wkg-font-size-xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-xl-desktop p, .device-large .wkg-html-text.wkg-font-size-xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-xl-desktop span, .device-large .wkg-html-text.wkg-font-size-xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-xl-desktop em, .device-large .wkg-html-text.wkg-font-size-xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-xl-desktop, .device-large .wkg-button.wkg-font-size-xl-desktop { font-size: var(--wkg-font-size-xl); }
.device-desktop .wkg-font-size-2xl-desktop, .device-large .wkg-font-size-2xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-2xl-desktop, .device-large .wkg-html-text.wkg-font-size-2xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-2xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-2xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-2xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-2xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-2xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-2xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-2xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-2xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-2xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-2xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-2xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-2xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-2xl-desktop p, .device-large .wkg-html-text.wkg-font-size-2xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-2xl-desktop span, .device-large .wkg-html-text.wkg-font-size-2xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-2xl-desktop em, .device-large .wkg-html-text.wkg-font-size-2xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-2xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-2xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-2xl-desktop, .device-large .wkg-button.wkg-font-size-2xl-desktop { font-size: var(--wkg-font-size-2xl); }
.device-desktop .wkg-font-size-3xl-desktop, .device-large .wkg-font-size-3xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-3xl-desktop, .device-large .wkg-html-text.wkg-font-size-3xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-3xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-3xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-3xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-3xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-3xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-3xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-3xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-3xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-3xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-3xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-3xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-3xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-3xl-desktop p, .device-large .wkg-html-text.wkg-font-size-3xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-3xl-desktop span, .device-large .wkg-html-text.wkg-font-size-3xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-3xl-desktop em, .device-large .wkg-html-text.wkg-font-size-3xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-3xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-3xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-3xl-desktop, .device-large .wkg-button.wkg-font-size-3xl-desktop { font-size: var(--wkg-font-size-3xl); }
.device-desktop .wkg-font-size-4xl-desktop, .device-large .wkg-font-size-4xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-4xl-desktop, .device-large .wkg-html-text.wkg-font-size-4xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-4xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-4xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-4xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-4xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-4xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-4xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-4xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-4xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-4xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-4xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-4xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-4xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-4xl-desktop p, .device-large .wkg-html-text.wkg-font-size-4xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-4xl-desktop span, .device-large .wkg-html-text.wkg-font-size-4xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-4xl-desktop em, .device-large .wkg-html-text.wkg-font-size-4xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-4xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-4xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-4xl-desktop, .device-large .wkg-button.wkg-font-size-4xl-desktop { font-size: var(--wkg-font-size-4xl); }
.device-desktop .wkg-font-size-5xl-desktop, .device-large .wkg-font-size-5xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-5xl-desktop, .device-large .wkg-html-text.wkg-font-size-5xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-5xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-5xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-5xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-5xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-5xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-5xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-5xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-5xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-5xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-5xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-5xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-5xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-5xl-desktop p, .device-large .wkg-html-text.wkg-font-size-5xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-5xl-desktop span, .device-large .wkg-html-text.wkg-font-size-5xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-5xl-desktop em, .device-large .wkg-html-text.wkg-font-size-5xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-5xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-5xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-5xl-desktop, .device-large .wkg-button.wkg-font-size-5xl-desktop { font-size: var(--wkg-font-size-5xl); }
.device-desktop .wkg-font-size-6xl-desktop, .device-large .wkg-font-size-6xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-6xl-desktop, .device-large .wkg-html-text.wkg-font-size-6xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-6xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-6xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-6xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-6xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-6xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-6xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-6xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-6xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-6xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-6xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-6xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-6xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-6xl-desktop p, .device-large .wkg-html-text.wkg-font-size-6xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-6xl-desktop span, .device-large .wkg-html-text.wkg-font-size-6xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-6xl-desktop em, .device-large .wkg-html-text.wkg-font-size-6xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-6xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-6xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-6xl-desktop, .device-large .wkg-button.wkg-font-size-6xl-desktop { font-size: var(--wkg-font-size-6xl); }
.device-desktop .wkg-font-size-7xl-desktop, .device-large .wkg-font-size-7xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-7xl-desktop, .device-large .wkg-html-text.wkg-font-size-7xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-7xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-7xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-7xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-7xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-7xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-7xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-7xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-7xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-7xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-7xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-7xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-7xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-7xl-desktop p, .device-large .wkg-html-text.wkg-font-size-7xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-7xl-desktop span, .device-large .wkg-html-text.wkg-font-size-7xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-7xl-desktop em, .device-large .wkg-html-text.wkg-font-size-7xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-7xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-7xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-7xl-desktop, .device-large .wkg-button.wkg-font-size-7xl-desktop { font-size: var(--wkg-font-size-7xl); }
.device-desktop .wkg-font-size-8xl-desktop, .device-large .wkg-font-size-8xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-8xl-desktop, .device-large .wkg-html-text.wkg-font-size-8xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-8xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-8xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-8xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-8xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-8xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-8xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-8xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-8xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-8xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-8xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-8xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-8xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-8xl-desktop p, .device-large .wkg-html-text.wkg-font-size-8xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-8xl-desktop span, .device-large .wkg-html-text.wkg-font-size-8xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-8xl-desktop em, .device-large .wkg-html-text.wkg-font-size-8xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-8xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-8xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-8xl-desktop, .device-large .wkg-button.wkg-font-size-8xl-desktop { font-size: var(--wkg-font-size-8xl); }
.device-desktop .wkg-font-size-9xl-desktop, .device-large .wkg-font-size-9xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-9xl-desktop, .device-large .wkg-html-text.wkg-font-size-9xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-9xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-9xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-9xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-9xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-9xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-9xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-9xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-9xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-9xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-9xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-9xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-9xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-9xl-desktop p, .device-large .wkg-html-text.wkg-font-size-9xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-9xl-desktop span, .device-large .wkg-html-text.wkg-font-size-9xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-9xl-desktop em, .device-large .wkg-html-text.wkg-font-size-9xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-9xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-9xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-9xl-desktop, .device-large .wkg-button.wkg-font-size-9xl-desktop { font-size: var(--wkg-font-size-9xl); }
.device-desktop .wkg-font-size-10xl-desktop, .device-large .wkg-font-size-10xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-10xl-desktop, .device-large .wkg-html-text.wkg-font-size-10xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-10xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-10xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-10xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-10xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-10xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-10xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-10xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-10xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-10xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-10xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-10xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-10xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-10xl-desktop p, .device-large .wkg-html-text.wkg-font-size-10xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-10xl-desktop span, .device-large .wkg-html-text.wkg-font-size-10xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-10xl-desktop em, .device-large .wkg-html-text.wkg-font-size-10xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-10xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-10xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-10xl-desktop, .device-large .wkg-button.wkg-font-size-10xl-desktop { font-size: var(--wkg-font-size-10xl); }
.device-desktop .wkg-font-size-11xl-desktop, .device-large .wkg-font-size-11xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-11xl-desktop, .device-large .wkg-html-text.wkg-font-size-11xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-11xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-11xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-11xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-11xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-11xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-11xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-11xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-11xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-11xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-11xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-11xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-11xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-11xl-desktop p, .device-large .wkg-html-text.wkg-font-size-11xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-11xl-desktop span, .device-large .wkg-html-text.wkg-font-size-11xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-11xl-desktop em, .device-large .wkg-html-text.wkg-font-size-11xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-11xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-11xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-11xl-desktop, .device-large .wkg-button.wkg-font-size-11xl-desktop { font-size: var(--wkg-font-size-11xl); }
.device-desktop .wkg-font-size-12xl-desktop, .device-large .wkg-font-size-12xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-12xl-desktop, .device-large .wkg-html-text.wkg-font-size-12xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-12xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-12xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-12xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-12xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-12xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-12xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-12xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-12xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-12xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-12xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-12xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-12xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-12xl-desktop p, .device-large .wkg-html-text.wkg-font-size-12xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-12xl-desktop span, .device-large .wkg-html-text.wkg-font-size-12xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-12xl-desktop em, .device-large .wkg-html-text.wkg-font-size-12xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-12xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-12xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-12xl-desktop, .device-large .wkg-button.wkg-font-size-12xl-desktop { font-size: var(--wkg-font-size-12xl); }
.device-desktop .wkg-font-size-13xl-desktop, .device-large .wkg-font-size-13xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-13xl-desktop, .device-large .wkg-html-text.wkg-font-size-13xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-13xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-13xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-13xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-13xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-13xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-13xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-13xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-13xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-13xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-13xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-13xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-13xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-13xl-desktop p, .device-large .wkg-html-text.wkg-font-size-13xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-13xl-desktop span, .device-large .wkg-html-text.wkg-font-size-13xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-13xl-desktop em, .device-large .wkg-html-text.wkg-font-size-13xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-13xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-13xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-13xl-desktop, .device-large .wkg-button.wkg-font-size-13xl-desktop { font-size: var(--wkg-font-size-13xl); }
.device-desktop .wkg-font-size-14xl-desktop, .device-large .wkg-font-size-14xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-14xl-desktop, .device-large .wkg-html-text.wkg-font-size-14xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-14xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-14xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-14xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-14xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-14xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-14xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-14xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-14xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-14xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-14xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-14xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-14xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-14xl-desktop p, .device-large .wkg-html-text.wkg-font-size-14xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-14xl-desktop span, .device-large .wkg-html-text.wkg-font-size-14xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-14xl-desktop em, .device-large .wkg-html-text.wkg-font-size-14xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-14xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-14xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-14xl-desktop, .device-large .wkg-button.wkg-font-size-14xl-desktop { font-size: var(--wkg-font-size-14xl); }
.device-desktop .wkg-font-size-15xl-desktop, .device-large .wkg-font-size-15xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-15xl-desktop, .device-large .wkg-html-text.wkg-font-size-15xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-15xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-15xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-15xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-15xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-15xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-15xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-15xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-15xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-15xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-15xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-15xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-15xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-15xl-desktop p, .device-large .wkg-html-text.wkg-font-size-15xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-15xl-desktop span, .device-large .wkg-html-text.wkg-font-size-15xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-15xl-desktop em, .device-large .wkg-html-text.wkg-font-size-15xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-15xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-15xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-15xl-desktop, .device-large .wkg-button.wkg-font-size-15xl-desktop { font-size: var(--wkg-font-size-15xl); }
.device-desktop .wkg-font-size-16xl-desktop, .device-large .wkg-font-size-16xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-16xl-desktop, .device-large .wkg-html-text.wkg-font-size-16xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-16xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-16xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-16xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-16xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-16xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-16xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-16xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-16xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-16xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-16xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-16xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-16xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-16xl-desktop p, .device-large .wkg-html-text.wkg-font-size-16xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-16xl-desktop span, .device-large .wkg-html-text.wkg-font-size-16xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-16xl-desktop em, .device-large .wkg-html-text.wkg-font-size-16xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-16xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-16xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-16xl-desktop, .device-large .wkg-button.wkg-font-size-16xl-desktop { font-size: var(--wkg-font-size-16xl); }
.device-desktop .wkg-font-size-17xl-desktop, .device-large .wkg-font-size-17xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-17xl-desktop, .device-large .wkg-html-text.wkg-font-size-17xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-17xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-17xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-17xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-17xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-17xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-17xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-17xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-17xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-17xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-17xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-17xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-17xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-17xl-desktop p, .device-large .wkg-html-text.wkg-font-size-17xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-17xl-desktop span, .device-large .wkg-html-text.wkg-font-size-17xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-17xl-desktop em, .device-large .wkg-html-text.wkg-font-size-17xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-17xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-17xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-17xl-desktop, .device-large .wkg-button.wkg-font-size-17xl-desktop { font-size: var(--wkg-font-size-17xl); }
.device-desktop .wkg-font-size-18xl-desktop, .device-large .wkg-font-size-18xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-18xl-desktop, .device-large .wkg-html-text.wkg-font-size-18xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-18xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-18xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-18xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-18xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-18xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-18xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-18xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-18xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-18xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-18xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-18xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-18xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-18xl-desktop p, .device-large .wkg-html-text.wkg-font-size-18xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-18xl-desktop span, .device-large .wkg-html-text.wkg-font-size-18xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-18xl-desktop em, .device-large .wkg-html-text.wkg-font-size-18xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-18xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-18xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-18xl-desktop, .device-large .wkg-button.wkg-font-size-18xl-desktop { font-size: var(--wkg-font-size-18xl); }
.device-desktop .wkg-font-size-19xl-desktop, .device-large .wkg-font-size-19xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-19xl-desktop, .device-large .wkg-html-text.wkg-font-size-19xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-19xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-19xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-19xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-19xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-19xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-19xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-19xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-19xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-19xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-19xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-19xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-19xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-19xl-desktop p, .device-large .wkg-html-text.wkg-font-size-19xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-19xl-desktop span, .device-large .wkg-html-text.wkg-font-size-19xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-19xl-desktop em, .device-large .wkg-html-text.wkg-font-size-19xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-19xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-19xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-19xl-desktop, .device-large .wkg-button.wkg-font-size-19xl-desktop { font-size: var(--wkg-font-size-19xl); }
.device-desktop .wkg-font-size-20xl-desktop, .device-large .wkg-font-size-20xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-20xl-desktop, .device-large .wkg-html-text.wkg-font-size-20xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-20xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-20xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-20xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-20xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-20xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-20xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-20xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-20xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-20xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-20xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-20xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-20xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-20xl-desktop p, .device-large .wkg-html-text.wkg-font-size-20xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-20xl-desktop span, .device-large .wkg-html-text.wkg-font-size-20xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-20xl-desktop em, .device-large .wkg-html-text.wkg-font-size-20xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-20xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-20xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-20xl-desktop, .device-large .wkg-button.wkg-font-size-20xl-desktop { font-size: var(--wkg-font-size-20xl); }
.device-desktop .wkg-font-size-21xl-desktop, .device-large .wkg-font-size-21xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-21xl-desktop, .device-large .wkg-html-text.wkg-font-size-21xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-21xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-21xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-21xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-21xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-21xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-21xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-21xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-21xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-21xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-21xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-21xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-21xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-21xl-desktop p, .device-large .wkg-html-text.wkg-font-size-21xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-21xl-desktop span, .device-large .wkg-html-text.wkg-font-size-21xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-21xl-desktop em, .device-large .wkg-html-text.wkg-font-size-21xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-21xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-21xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-21xl-desktop, .device-large .wkg-button.wkg-font-size-21xl-desktop { font-size: var(--wkg-font-size-21xl); }
.device-desktop .wkg-font-size-22xl-desktop, .device-large .wkg-font-size-22xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-22xl-desktop, .device-large .wkg-html-text.wkg-font-size-22xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-22xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-22xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-22xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-22xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-22xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-22xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-22xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-22xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-22xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-22xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-22xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-22xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-22xl-desktop p, .device-large .wkg-html-text.wkg-font-size-22xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-22xl-desktop span, .device-large .wkg-html-text.wkg-font-size-22xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-22xl-desktop em, .device-large .wkg-html-text.wkg-font-size-22xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-22xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-22xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-22xl-desktop, .device-large .wkg-button.wkg-font-size-22xl-desktop { font-size: var(--wkg-font-size-22xl); }
.device-desktop .wkg-font-size-23xl-desktop, .device-large .wkg-font-size-23xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-23xl-desktop, .device-large .wkg-html-text.wkg-font-size-23xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-23xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-23xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-23xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-23xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-23xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-23xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-23xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-23xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-23xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-23xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-23xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-23xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-23xl-desktop p, .device-large .wkg-html-text.wkg-font-size-23xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-23xl-desktop span, .device-large .wkg-html-text.wkg-font-size-23xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-23xl-desktop em, .device-large .wkg-html-text.wkg-font-size-23xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-23xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-23xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-23xl-desktop, .device-large .wkg-button.wkg-font-size-23xl-desktop { font-size: var(--wkg-font-size-23xl); }
.device-desktop .wkg-font-size-24xl-desktop, .device-large .wkg-font-size-24xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-24xl-desktop, .device-large .wkg-html-text.wkg-font-size-24xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-24xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-24xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-24xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-24xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-24xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-24xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-24xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-24xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-24xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-24xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-24xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-24xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-24xl-desktop p, .device-large .wkg-html-text.wkg-font-size-24xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-24xl-desktop span, .device-large .wkg-html-text.wkg-font-size-24xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-24xl-desktop em, .device-large .wkg-html-text.wkg-font-size-24xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-24xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-24xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-24xl-desktop, .device-large .wkg-button.wkg-font-size-24xl-desktop { font-size: var(--wkg-font-size-24xl); }
.device-desktop .wkg-font-size-25xl-desktop, .device-large .wkg-font-size-25xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-25xl-desktop, .device-large .wkg-html-text.wkg-font-size-25xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-25xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-25xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-25xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-25xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-25xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-25xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-25xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-25xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-25xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-25xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-25xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-25xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-25xl-desktop p, .device-large .wkg-html-text.wkg-font-size-25xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-25xl-desktop span, .device-large .wkg-html-text.wkg-font-size-25xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-25xl-desktop em, .device-large .wkg-html-text.wkg-font-size-25xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-25xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-25xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-25xl-desktop, .device-large .wkg-button.wkg-font-size-25xl-desktop { font-size: var(--wkg-font-size-25xl); }
.device-desktop .wkg-font-size-26xl-desktop, .device-large .wkg-font-size-26xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-26xl-desktop, .device-large .wkg-html-text.wkg-font-size-26xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-26xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-26xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-26xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-26xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-26xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-26xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-26xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-26xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-26xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-26xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-26xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-26xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-26xl-desktop p, .device-large .wkg-html-text.wkg-font-size-26xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-26xl-desktop span, .device-large .wkg-html-text.wkg-font-size-26xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-26xl-desktop em, .device-large .wkg-html-text.wkg-font-size-26xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-26xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-26xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-26xl-desktop, .device-large .wkg-button.wkg-font-size-26xl-desktop { font-size: var(--wkg-font-size-26xl); }
.device-desktop .wkg-font-size-27xl-desktop, .device-large .wkg-font-size-27xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-27xl-desktop, .device-large .wkg-html-text.wkg-font-size-27xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-27xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-27xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-27xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-27xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-27xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-27xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-27xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-27xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-27xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-27xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-27xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-27xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-27xl-desktop p, .device-large .wkg-html-text.wkg-font-size-27xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-27xl-desktop span, .device-large .wkg-html-text.wkg-font-size-27xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-27xl-desktop em, .device-large .wkg-html-text.wkg-font-size-27xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-27xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-27xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-27xl-desktop, .device-large .wkg-button.wkg-font-size-27xl-desktop { font-size: var(--wkg-font-size-27xl); }
.device-desktop .wkg-font-size-28xl-desktop, .device-large .wkg-font-size-28xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-28xl-desktop, .device-large .wkg-html-text.wkg-font-size-28xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-28xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-28xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-28xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-28xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-28xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-28xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-28xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-28xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-28xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-28xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-28xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-28xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-28xl-desktop p, .device-large .wkg-html-text.wkg-font-size-28xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-28xl-desktop span, .device-large .wkg-html-text.wkg-font-size-28xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-28xl-desktop em, .device-large .wkg-html-text.wkg-font-size-28xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-28xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-28xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-28xl-desktop, .device-large .wkg-button.wkg-font-size-28xl-desktop { font-size: var(--wkg-font-size-28xl); }
.device-desktop .wkg-font-size-29xl-desktop, .device-large .wkg-font-size-29xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-29xl-desktop, .device-large .wkg-html-text.wkg-font-size-29xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-29xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-29xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-29xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-29xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-29xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-29xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-29xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-29xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-29xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-29xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-29xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-29xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-29xl-desktop p, .device-large .wkg-html-text.wkg-font-size-29xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-29xl-desktop span, .device-large .wkg-html-text.wkg-font-size-29xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-29xl-desktop em, .device-large .wkg-html-text.wkg-font-size-29xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-29xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-29xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-29xl-desktop, .device-large .wkg-button.wkg-font-size-29xl-desktop { font-size: var(--wkg-font-size-29xl); }
.device-desktop .wkg-font-size-30xl-desktop, .device-large .wkg-font-size-30xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-30xl-desktop, .device-large .wkg-html-text.wkg-font-size-30xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-30xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-30xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-30xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-30xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-30xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-30xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-30xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-30xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-30xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-30xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-30xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-30xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-30xl-desktop p, .device-large .wkg-html-text.wkg-font-size-30xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-30xl-desktop span, .device-large .wkg-html-text.wkg-font-size-30xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-30xl-desktop em, .device-large .wkg-html-text.wkg-font-size-30xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-30xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-30xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-30xl-desktop, .device-large .wkg-button.wkg-font-size-30xl-desktop { font-size: var(--wkg-font-size-30xl); }
.device-desktop .wkg-font-size-31xl-desktop, .device-large .wkg-font-size-31xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-31xl-desktop, .device-large .wkg-html-text.wkg-font-size-31xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-31xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-31xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-31xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-31xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-31xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-31xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-31xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-31xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-31xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-31xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-31xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-31xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-31xl-desktop p, .device-large .wkg-html-text.wkg-font-size-31xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-31xl-desktop span, .device-large .wkg-html-text.wkg-font-size-31xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-31xl-desktop em, .device-large .wkg-html-text.wkg-font-size-31xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-31xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-31xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-31xl-desktop, .device-large .wkg-button.wkg-font-size-31xl-desktop { font-size: var(--wkg-font-size-31xl); }
.device-desktop .wkg-font-size-32xl-desktop, .device-large .wkg-font-size-32xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-32xl-desktop, .device-large .wkg-html-text.wkg-font-size-32xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-32xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-32xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-32xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-32xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-32xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-32xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-32xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-32xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-32xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-32xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-32xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-32xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-32xl-desktop p, .device-large .wkg-html-text.wkg-font-size-32xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-32xl-desktop span, .device-large .wkg-html-text.wkg-font-size-32xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-32xl-desktop em, .device-large .wkg-html-text.wkg-font-size-32xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-32xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-32xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-32xl-desktop, .device-large .wkg-button.wkg-font-size-32xl-desktop { font-size: var(--wkg-font-size-32xl); }
.device-desktop .wkg-font-size-33xl-desktop, .device-large .wkg-font-size-33xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-33xl-desktop, .device-large .wkg-html-text.wkg-font-size-33xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-33xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-33xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-33xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-33xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-33xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-33xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-33xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-33xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-33xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-33xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-33xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-33xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-33xl-desktop p, .device-large .wkg-html-text.wkg-font-size-33xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-33xl-desktop span, .device-large .wkg-html-text.wkg-font-size-33xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-33xl-desktop em, .device-large .wkg-html-text.wkg-font-size-33xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-33xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-33xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-33xl-desktop, .device-large .wkg-button.wkg-font-size-33xl-desktop { font-size: var(--wkg-font-size-33xl); }
.device-desktop .wkg-font-size-34xl-desktop, .device-large .wkg-font-size-34xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-34xl-desktop, .device-large .wkg-html-text.wkg-font-size-34xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-34xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-34xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-34xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-34xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-34xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-34xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-34xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-34xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-34xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-34xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-34xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-34xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-34xl-desktop p, .device-large .wkg-html-text.wkg-font-size-34xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-34xl-desktop span, .device-large .wkg-html-text.wkg-font-size-34xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-34xl-desktop em, .device-large .wkg-html-text.wkg-font-size-34xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-34xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-34xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-34xl-desktop, .device-large .wkg-button.wkg-font-size-34xl-desktop { font-size: var(--wkg-font-size-34xl); }
.device-desktop .wkg-font-size-35xl-desktop, .device-large .wkg-font-size-35xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-35xl-desktop, .device-large .wkg-html-text.wkg-font-size-35xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-35xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-35xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-35xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-35xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-35xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-35xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-35xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-35xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-35xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-35xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-35xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-35xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-35xl-desktop p, .device-large .wkg-html-text.wkg-font-size-35xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-35xl-desktop span, .device-large .wkg-html-text.wkg-font-size-35xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-35xl-desktop em, .device-large .wkg-html-text.wkg-font-size-35xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-35xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-35xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-35xl-desktop, .device-large .wkg-button.wkg-font-size-35xl-desktop { font-size: var(--wkg-font-size-35xl); }
.device-desktop .wkg-font-size-36xl-desktop, .device-large .wkg-font-size-36xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-36xl-desktop, .device-large .wkg-html-text.wkg-font-size-36xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-36xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-36xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-36xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-36xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-36xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-36xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-36xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-36xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-36xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-36xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-36xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-36xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-36xl-desktop p, .device-large .wkg-html-text.wkg-font-size-36xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-36xl-desktop span, .device-large .wkg-html-text.wkg-font-size-36xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-36xl-desktop em, .device-large .wkg-html-text.wkg-font-size-36xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-36xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-36xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-36xl-desktop, .device-large .wkg-button.wkg-font-size-36xl-desktop { font-size: var(--wkg-font-size-36xl); }
.device-desktop .wkg-font-size-37xl-desktop, .device-large .wkg-font-size-37xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-37xl-desktop, .device-large .wkg-html-text.wkg-font-size-37xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-37xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-37xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-37xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-37xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-37xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-37xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-37xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-37xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-37xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-37xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-37xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-37xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-37xl-desktop p, .device-large .wkg-html-text.wkg-font-size-37xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-37xl-desktop span, .device-large .wkg-html-text.wkg-font-size-37xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-37xl-desktop em, .device-large .wkg-html-text.wkg-font-size-37xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-37xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-37xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-37xl-desktop, .device-large .wkg-button.wkg-font-size-37xl-desktop { font-size: var(--wkg-font-size-37xl); }
.device-desktop .wkg-font-size-38xl-desktop, .device-large .wkg-font-size-38xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-38xl-desktop, .device-large .wkg-html-text.wkg-font-size-38xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-38xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-38xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-38xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-38xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-38xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-38xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-38xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-38xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-38xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-38xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-38xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-38xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-38xl-desktop p, .device-large .wkg-html-text.wkg-font-size-38xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-38xl-desktop span, .device-large .wkg-html-text.wkg-font-size-38xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-38xl-desktop em, .device-large .wkg-html-text.wkg-font-size-38xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-38xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-38xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-38xl-desktop, .device-large .wkg-button.wkg-font-size-38xl-desktop { font-size: var(--wkg-font-size-38xl); }
.device-desktop .wkg-font-size-39xl-desktop, .device-large .wkg-font-size-39xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-39xl-desktop, .device-large .wkg-html-text.wkg-font-size-39xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-39xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-39xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-39xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-39xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-39xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-39xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-39xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-39xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-39xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-39xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-39xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-39xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-39xl-desktop p, .device-large .wkg-html-text.wkg-font-size-39xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-39xl-desktop span, .device-large .wkg-html-text.wkg-font-size-39xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-39xl-desktop em, .device-large .wkg-html-text.wkg-font-size-39xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-39xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-39xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-39xl-desktop, .device-large .wkg-button.wkg-font-size-39xl-desktop { font-size: var(--wkg-font-size-39xl); }
.device-desktop .wkg-font-size-40xl-desktop, .device-large .wkg-font-size-40xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-40xl-desktop, .device-large .wkg-html-text.wkg-font-size-40xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-40xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-40xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-40xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-40xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-40xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-40xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-40xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-40xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-40xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-40xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-40xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-40xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-40xl-desktop p, .device-large .wkg-html-text.wkg-font-size-40xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-40xl-desktop span, .device-large .wkg-html-text.wkg-font-size-40xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-40xl-desktop em, .device-large .wkg-html-text.wkg-font-size-40xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-40xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-40xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-40xl-desktop, .device-large .wkg-button.wkg-font-size-40xl-desktop { font-size: var(--wkg-font-size-40xl); }
.device-desktop .wkg-font-size-41xl-desktop, .device-large .wkg-font-size-41xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-41xl-desktop, .device-large .wkg-html-text.wkg-font-size-41xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-41xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-41xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-41xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-41xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-41xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-41xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-41xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-41xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-41xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-41xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-41xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-41xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-41xl-desktop p, .device-large .wkg-html-text.wkg-font-size-41xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-41xl-desktop span, .device-large .wkg-html-text.wkg-font-size-41xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-41xl-desktop em, .device-large .wkg-html-text.wkg-font-size-41xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-41xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-41xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-41xl-desktop, .device-large .wkg-button.wkg-font-size-41xl-desktop { font-size: var(--wkg-font-size-41xl); }
.device-desktop .wkg-font-size-42xl-desktop, .device-large .wkg-font-size-42xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-42xl-desktop, .device-large .wkg-html-text.wkg-font-size-42xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-42xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-42xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-42xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-42xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-42xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-42xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-42xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-42xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-42xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-42xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-42xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-42xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-42xl-desktop p, .device-large .wkg-html-text.wkg-font-size-42xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-42xl-desktop span, .device-large .wkg-html-text.wkg-font-size-42xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-42xl-desktop em, .device-large .wkg-html-text.wkg-font-size-42xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-42xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-42xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-42xl-desktop, .device-large .wkg-button.wkg-font-size-42xl-desktop { font-size: var(--wkg-font-size-42xl); }
.device-desktop .wkg-font-size-43xl-desktop, .device-large .wkg-font-size-43xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-43xl-desktop, .device-large .wkg-html-text.wkg-font-size-43xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-43xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-43xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-43xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-43xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-43xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-43xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-43xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-43xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-43xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-43xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-43xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-43xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-43xl-desktop p, .device-large .wkg-html-text.wkg-font-size-43xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-43xl-desktop span, .device-large .wkg-html-text.wkg-font-size-43xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-43xl-desktop em, .device-large .wkg-html-text.wkg-font-size-43xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-43xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-43xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-43xl-desktop, .device-large .wkg-button.wkg-font-size-43xl-desktop { font-size: var(--wkg-font-size-43xl); }
.device-desktop .wkg-font-size-44xl-desktop, .device-large .wkg-font-size-44xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-44xl-desktop, .device-large .wkg-html-text.wkg-font-size-44xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-44xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-44xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-44xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-44xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-44xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-44xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-44xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-44xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-44xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-44xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-44xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-44xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-44xl-desktop p, .device-large .wkg-html-text.wkg-font-size-44xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-44xl-desktop span, .device-large .wkg-html-text.wkg-font-size-44xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-44xl-desktop em, .device-large .wkg-html-text.wkg-font-size-44xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-44xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-44xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-44xl-desktop, .device-large .wkg-button.wkg-font-size-44xl-desktop { font-size: var(--wkg-font-size-44xl); }
.device-desktop .wkg-font-size-45xl-desktop, .device-large .wkg-font-size-45xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-45xl-desktop, .device-large .wkg-html-text.wkg-font-size-45xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-45xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-45xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-45xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-45xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-45xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-45xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-45xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-45xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-45xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-45xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-45xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-45xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-45xl-desktop p, .device-large .wkg-html-text.wkg-font-size-45xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-45xl-desktop span, .device-large .wkg-html-text.wkg-font-size-45xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-45xl-desktop em, .device-large .wkg-html-text.wkg-font-size-45xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-45xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-45xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-45xl-desktop, .device-large .wkg-button.wkg-font-size-45xl-desktop { font-size: var(--wkg-font-size-45xl); }
.device-desktop .wkg-font-size-46xl-desktop, .device-large .wkg-font-size-46xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-46xl-desktop, .device-large .wkg-html-text.wkg-font-size-46xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-46xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-46xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-46xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-46xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-46xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-46xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-46xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-46xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-46xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-46xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-46xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-46xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-46xl-desktop p, .device-large .wkg-html-text.wkg-font-size-46xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-46xl-desktop span, .device-large .wkg-html-text.wkg-font-size-46xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-46xl-desktop em, .device-large .wkg-html-text.wkg-font-size-46xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-46xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-46xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-46xl-desktop, .device-large .wkg-button.wkg-font-size-46xl-desktop { font-size: var(--wkg-font-size-46xl); }
.device-desktop .wkg-font-size-47xl-desktop, .device-large .wkg-font-size-47xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-47xl-desktop, .device-large .wkg-html-text.wkg-font-size-47xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-47xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-47xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-47xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-47xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-47xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-47xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-47xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-47xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-47xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-47xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-47xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-47xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-47xl-desktop p, .device-large .wkg-html-text.wkg-font-size-47xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-47xl-desktop span, .device-large .wkg-html-text.wkg-font-size-47xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-47xl-desktop em, .device-large .wkg-html-text.wkg-font-size-47xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-47xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-47xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-47xl-desktop, .device-large .wkg-button.wkg-font-size-47xl-desktop { font-size: var(--wkg-font-size-47xl); }
.device-desktop .wkg-font-size-48xl-desktop, .device-large .wkg-font-size-48xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-48xl-desktop, .device-large .wkg-html-text.wkg-font-size-48xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-48xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-48xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-48xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-48xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-48xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-48xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-48xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-48xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-48xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-48xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-48xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-48xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-48xl-desktop p, .device-large .wkg-html-text.wkg-font-size-48xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-48xl-desktop span, .device-large .wkg-html-text.wkg-font-size-48xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-48xl-desktop em, .device-large .wkg-html-text.wkg-font-size-48xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-48xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-48xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-48xl-desktop, .device-large .wkg-button.wkg-font-size-48xl-desktop { font-size: var(--wkg-font-size-48xl); }
.device-desktop .wkg-font-size-49xl-desktop, .device-large .wkg-font-size-49xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-49xl-desktop, .device-large .wkg-html-text.wkg-font-size-49xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-49xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-49xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-49xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-49xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-49xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-49xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-49xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-49xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-49xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-49xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-49xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-49xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-49xl-desktop p, .device-large .wkg-html-text.wkg-font-size-49xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-49xl-desktop span, .device-large .wkg-html-text.wkg-font-size-49xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-49xl-desktop em, .device-large .wkg-html-text.wkg-font-size-49xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-49xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-49xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-49xl-desktop, .device-large .wkg-button.wkg-font-size-49xl-desktop { font-size: var(--wkg-font-size-49xl); }
.device-desktop .wkg-font-size-50xl-desktop, .device-large .wkg-font-size-50xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-50xl-desktop, .device-large .wkg-html-text.wkg-font-size-50xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-50xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-50xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-50xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-50xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-50xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-50xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-50xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-50xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-50xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-50xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-50xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-50xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-50xl-desktop p, .device-large .wkg-html-text.wkg-font-size-50xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-50xl-desktop span, .device-large .wkg-html-text.wkg-font-size-50xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-50xl-desktop em, .device-large .wkg-html-text.wkg-font-size-50xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-50xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-50xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-50xl-desktop, .device-large .wkg-button.wkg-font-size-50xl-desktop { font-size: var(--wkg-font-size-50xl); }
.device-desktop .wkg-font-size-51xl-desktop, .device-large .wkg-font-size-51xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-51xl-desktop, .device-large .wkg-html-text.wkg-font-size-51xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-51xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-51xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-51xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-51xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-51xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-51xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-51xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-51xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-51xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-51xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-51xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-51xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-51xl-desktop p, .device-large .wkg-html-text.wkg-font-size-51xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-51xl-desktop span, .device-large .wkg-html-text.wkg-font-size-51xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-51xl-desktop em, .device-large .wkg-html-text.wkg-font-size-51xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-51xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-51xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-51xl-desktop, .device-large .wkg-button.wkg-font-size-51xl-desktop { font-size: var(--wkg-font-size-51xl); }
.device-desktop .wkg-font-size-52xl-desktop, .device-large .wkg-font-size-52xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-52xl-desktop, .device-large .wkg-html-text.wkg-font-size-52xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-52xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-52xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-52xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-52xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-52xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-52xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-52xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-52xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-52xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-52xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-52xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-52xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-52xl-desktop p, .device-large .wkg-html-text.wkg-font-size-52xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-52xl-desktop span, .device-large .wkg-html-text.wkg-font-size-52xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-52xl-desktop em, .device-large .wkg-html-text.wkg-font-size-52xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-52xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-52xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-52xl-desktop, .device-large .wkg-button.wkg-font-size-52xl-desktop { font-size: var(--wkg-font-size-52xl); }
.device-desktop .wkg-font-size-53xl-desktop, .device-large .wkg-font-size-53xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-53xl-desktop, .device-large .wkg-html-text.wkg-font-size-53xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-53xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-53xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-53xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-53xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-53xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-53xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-53xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-53xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-53xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-53xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-53xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-53xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-53xl-desktop p, .device-large .wkg-html-text.wkg-font-size-53xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-53xl-desktop span, .device-large .wkg-html-text.wkg-font-size-53xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-53xl-desktop em, .device-large .wkg-html-text.wkg-font-size-53xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-53xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-53xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-53xl-desktop, .device-large .wkg-button.wkg-font-size-53xl-desktop { font-size: var(--wkg-font-size-53xl); }
.device-desktop .wkg-font-size-54xl-desktop, .device-large .wkg-font-size-54xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-54xl-desktop, .device-large .wkg-html-text.wkg-font-size-54xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-54xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-54xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-54xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-54xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-54xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-54xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-54xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-54xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-54xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-54xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-54xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-54xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-54xl-desktop p, .device-large .wkg-html-text.wkg-font-size-54xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-54xl-desktop span, .device-large .wkg-html-text.wkg-font-size-54xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-54xl-desktop em, .device-large .wkg-html-text.wkg-font-size-54xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-54xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-54xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-54xl-desktop, .device-large .wkg-button.wkg-font-size-54xl-desktop { font-size: var(--wkg-font-size-54xl); }
.device-desktop .wkg-font-size-55xl-desktop, .device-large .wkg-font-size-55xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-55xl-desktop, .device-large .wkg-html-text.wkg-font-size-55xl-desktop, .device-desktop .wkg-html-text.wkg-font-size-55xl-desktop h1, .device-large .wkg-html-text.wkg-font-size-55xl-desktop h1, .device-desktop .wkg-html-text.wkg-font-size-55xl-desktop h2, .device-large .wkg-html-text.wkg-font-size-55xl-desktop h2, .device-desktop .wkg-html-text.wkg-font-size-55xl-desktop h3, .device-large .wkg-html-text.wkg-font-size-55xl-desktop h3, .device-desktop .wkg-html-text.wkg-font-size-55xl-desktop h4, .device-large .wkg-html-text.wkg-font-size-55xl-desktop h4, .device-desktop .wkg-html-text.wkg-font-size-55xl-desktop h5, .device-large .wkg-html-text.wkg-font-size-55xl-desktop h5, .device-desktop .wkg-html-text.wkg-font-size-55xl-desktop h6, .device-large .wkg-html-text.wkg-font-size-55xl-desktop h6, .device-desktop .wkg-html-text.wkg-font-size-55xl-desktop p, .device-large .wkg-html-text.wkg-font-size-55xl-desktop p, .device-desktop .wkg-html-text.wkg-font-size-55xl-desktop span, .device-large .wkg-html-text.wkg-font-size-55xl-desktop span, .device-desktop .wkg-html-text.wkg-font-size-55xl-desktop em, .device-large .wkg-html-text.wkg-font-size-55xl-desktop em, .device-desktop .wkg-html-text.wkg-font-size-55xl-desktop strong, .device-large .wkg-html-text.wkg-font-size-55xl-desktop strong, .device-desktop .wkg-button.wkg-font-size-55xl-desktop, .device-large .wkg-button.wkg-font-size-55xl-desktop { font-size: var(--wkg-font-size-55xl); }
.wkg-html-text h1 { font-family: var(--wkg-font-family-h1-primary, sans-serif); font-size: var(--wkg-font-size-h1-primary); font-weight: var(--wkg-font-weight-h1-primary); line-height: var(--wkg-line-height-h1-primary); color: var(--wkg-color-h1-primary); font-style: var(--wkg-font-style-h1-primary); padding: var(--wkg-padding-h1-primary); margin: var(--wkg-margin-h1-primary); }
.wkg-html-text h2 { font-family: var(--wkg-font-family-h2-primary, sans-serif); font-size: var(--wkg-font-size-h2-primary); font-weight: var(--wkg-font-weight-h2-primary); line-height: var(--wkg-line-height-h2-primary); color: var(--wkg-color-h2-primary); font-style: var(--wkg-font-style-h2-primary); padding: var(--wkg-padding-h2-primary); margin: var(--wkg-margin-h2-primary); }
.wkg-html-text h3 { font-family: var(--wkg-font-family-h3-primary, sans-serif); font-size: var(--wkg-font-size-h3-primary); font-weight: var(--wkg-font-weight-h3-primary); line-height: var(--wkg-line-height-h3-primary); color: var(--wkg-color-h3-primary); font-style: var(--wkg-font-style-h3-primary); padding: var(--wkg-padding-h3-primary); margin: var(--wkg-margin-h3-primary); }
.wkg-html-text h4 { font-family: var(--wkg-font-family-h4-primary, sans-serif); font-size: var(--wkg-font-size-h4-primary); font-weight: var(--wkg-font-weight-h4-primary); line-height: var(--wkg-line-height-h4-primary); color: var(--wkg-color-h4-primary); font-style: var(--wkg-font-style-h4-primary); padding: var(--wkg-padding-h4-primary); margin: var(--wkg-margin-h4-primary); }
.wkg-html-text h5 { font-family: var(--wkg-font-family-h5-primary, sans-serif); font-size: var(--wkg-font-size-h5-primary); font-weight: var(--wkg-font-weight-h5-primary); line-height: var(--wkg-line-height-h5-primary); color: var(--wkg-color-h5-primary); font-style: var(--wkg-font-style-h5-primary); padding: var(--wkg-padding-h5-primary); margin: var(--wkg-margin-h5-primary); }
.wkg-html-text h6 { font-family: var(--wkg-font-family-h6-primary, sans-serif); font-size: var(--wkg-font-size-h6-primary); font-weight: var(--wkg-font-weight-h6-primary); line-height: var(--wkg-line-height-h6-primary); color: var(--wkg-color-h6-primary); font-style: var(--wkg-font-style-h6-primary); padding: var(--wkg-padding-h6-primary); margin: var(--wkg-margin-h6-primary); }
.device-desktop .wkg-html-text h1, .device-large .wkg-html-text h1 { font-size: var(--wkg-font-size-h1-primary-desktop); font-weight: var(--wkg-font-weight-h1-primary-desktop); line-height: var(--wkg-line-height-h1-primary-desktop); padding: var(--wkg-padding-h1-primary-desktop); margin: var(--wkg-margin-h1-primary-desktop); }
.device-desktop .wkg-html-text h2, .device-large .wkg-html-text h2 { font-size: var(--wkg-font-size-h2-primary-desktop); font-weight: var(--wkg-font-weight-h2-primary-desktop); line-height: var(--wkg-line-height-h2-primary-desktop); padding: var(--wkg-padding-h2-primary-desktop); margin: var(--wkg-margin-h2-primary-desktop); }
.device-desktop .wkg-html-text h3, .device-large .wkg-html-text h3 { font-size: var(--wkg-font-size-h3-primary-desktop); font-weight: var(--wkg-font-weight-h3-primary-desktop); line-height: var(--wkg-line-height-h3-primary-desktop); padding: var(--wkg-padding-h3-primary-desktop); margin: var(--wkg-margin-h3-primary-desktop); }
.device-desktop .wkg-html-text h4, .device-large .wkg-html-text h4 { font-size: var(--wkg-font-size-h4-primary-desktop); font-weight: var(--wkg-font-weight-h4-primary-desktop); line-height: var(--wkg-line-height-h4-primary-desktop); padding: var(--wkg-padding-h4-primary-desktop); margin: var(--wkg-margin-h4-primary-desktop); }
.device-desktop .wkg-html-text h5, .device-large .wkg-html-text h5 { font-size: var(--wkg-font-size-h5-primary-desktop); font-weight: var(--wkg-font-weight-h5-primary-desktop); line-height: var(--wkg-line-height-h5-primary-desktop); padding: var(--wkg-padding-h5-primary-desktop); margin: var(--wkg-margin-h5-primary-desktop); }
.device-desktop .wkg-html-text h6, .device-large .wkg-html-text h6 { font-size: var(--wkg-font-size-h6-primary-desktop); font-weight: var(--wkg-font-weight-h6-primary-desktop); line-height: var(--wkg-line-height-h6-primary-desktop); padding: var(--wkg-padding-h6-primary-desktop); margin: var(--wkg-margin-h6-primary-desktop); }
.wkg-html-text p { font-family: var(--wkg-font-family-p-primary, sans-serif); font-size: var(--wkg-font-size-p-primary-base); font-weight: var(--wkg-font-weight-p-primary-base); line-height: var(--wkg-line-height-p-primary-base); color: var(--wkg-color-p-primary-primary); padding: var(--wkg-padding-p-primary-base); margin: var(--wkg-margin-p-primary-base) var(--wkg-margin-p-primary-base) var(--wkg-margin-bottom-p-primary-base) var(--wkg-margin-p-primary-base); }
.device-desktop .wkg-html-text p, .device-large .wkg-html-text p { font-size: var(--wkg-font-size-p-primary-base-desktop); font-weight: var(--wkg-font-weight-p-primary-base-desktop); line-height: var(--wkg-line-height-p-primary-base-desktop); padding: var(--wkg-padding-p-primary-base-desktop); margin: var(--wkg-margin-p-primary-base-desktop) var(--wkg-margin-p-primary-base-desktop) var(--wkg-margin-bottom-p-primary-base-desktop) var(--wkg-margin-p-primary-base-desktop); }
.wkg-html-text.wkg-text-color-primary, .wkg-html-text.wkg-text-color-primary h1, .wkg-html-text.wkg-text-color-primary h2, .wkg-html-text.wkg-text-color-primary h3, .wkg-html-text.wkg-text-color-primary h4, .wkg-html-text.wkg-text-color-primary h5, .wkg-html-text.wkg-text-color-primary h6, .wkg-html-text.wkg-text-color-primary p, .wkg-html-text.wkg-text-color-primary span, .wkg-html-text.wkg-text-color-primary em, .wkg-html-text.wkg-text-color-primary strong, .device-desktop .wkg-html-text.wkg-text-color-primary, .device-desktop .wkg-html-text.wkg-text-color-primary h1, .device-desktop .wkg-html-text.wkg-text-color-primary h2, .device-desktop .wkg-html-text.wkg-text-color-primary h3, .device-desktop .wkg-html-text.wkg-text-color-primary h4, .device-desktop .wkg-html-text.wkg-text-color-primary h5, .device-desktop .wkg-html-text.wkg-text-color-primary h6, .device-desktop .wkg-html-text.wkg-text-color-primary p, .device-desktop .wkg-html-text.wkg-text-color-primary span, .device-desktop .wkg-html-text.wkg-text-color-primary em, .device-desktop .wkg-html-text.wkg-text-color-primary strong, .device-large .wkg-html-text.wkg-text-color-primary, .device-large .wkg-html-text.wkg-text-color-primary h1, .device-large .wkg-html-text.wkg-text-color-primary h2, .device-large .wkg-html-text.wkg-text-color-primary h3, .device-large .wkg-html-text.wkg-text-color-primary h4, .device-large .wkg-html-text.wkg-text-color-primary h5, .device-large .wkg-html-text.wkg-text-color-primary h6, .device-large .wkg-html-text.wkg-text-color-primary p, .device-large .wkg-html-text.wkg-text-color-primary span, .device-large .wkg-html-text.wkg-text-color-primary em, .device-large .wkg-html-text.wkg-text-color-primary strong, .wkg-html-text.wkg-text-color-primary.wkg-icon-svg, .wkg-html-text .wkg-text-color-primary.wkg-icon-svg, .device-desktop .wkg-html-text.wkg-text-color-primary.wkg-icon-svg, .device-desktop .wkg-html-text .wkg-text-color-primary.wkg-icon-svg, .device-large .wkg-html-text.wkg-text-color-primary.wkg-icon-svg, .device-large .wkg-html-text .wkg-text-color-primary.wkg-icon-svg { color: var(--wkg-color-text-primary); }
.wkg-html-text.wkg-text-color-secondary, .wkg-html-text.wkg-text-color-secondary h1, .wkg-html-text.wkg-text-color-secondary h2, .wkg-html-text.wkg-text-color-secondary h3, .wkg-html-text.wkg-text-color-secondary h4, .wkg-html-text.wkg-text-color-secondary h5, .wkg-html-text.wkg-text-color-secondary h6, .wkg-html-text.wkg-text-color-secondary p, .wkg-html-text.wkg-text-color-secondary span, .wkg-html-text.wkg-text-color-secondary em, .wkg-html-text.wkg-text-color-secondary strong, .device-desktop .wkg-html-text.wkg-text-color-secondary, .device-desktop .wkg-html-text.wkg-text-color-secondary h1, .device-desktop .wkg-html-text.wkg-text-color-secondary h2, .device-desktop .wkg-html-text.wkg-text-color-secondary h3, .device-desktop .wkg-html-text.wkg-text-color-secondary h4, .device-desktop .wkg-html-text.wkg-text-color-secondary h5, .device-desktop .wkg-html-text.wkg-text-color-secondary h6, .device-desktop .wkg-html-text.wkg-text-color-secondary p, .device-desktop .wkg-html-text.wkg-text-color-secondary span, .device-desktop .wkg-html-text.wkg-text-color-secondary em, .device-desktop .wkg-html-text.wkg-text-color-secondary strong, .device-large .wkg-html-text.wkg-text-color-secondary, .device-large .wkg-html-text.wkg-text-color-secondary h1, .device-large .wkg-html-text.wkg-text-color-secondary h2, .device-large .wkg-html-text.wkg-text-color-secondary h3, .device-large .wkg-html-text.wkg-text-color-secondary h4, .device-large .wkg-html-text.wkg-text-color-secondary h5, .device-large .wkg-html-text.wkg-text-color-secondary h6, .device-large .wkg-html-text.wkg-text-color-secondary p, .device-large .wkg-html-text.wkg-text-color-secondary span, .device-large .wkg-html-text.wkg-text-color-secondary em, .device-large .wkg-html-text.wkg-text-color-secondary strong, .wkg-html-text.wkg-text-color-secondary .wkg-icon-svg, .wkg-html-text .wkg-text-color-secondary.wkg-icon-svg, .device-desktop .wkg-html-text.wkg-text-color-secondary .wkg-icon-svg, .device-desktop .wkg-html-text .wkg-text-color-secondary.wkg-icon-svg, .device-large .wkg-html-text.wkg-text-color-secondary .wkg-icon-svg, .device-large .wkg-html-text .wkg-text-color-secondary.wkg-icon-svg { color: var(--wkg-color-text-secondary); }
.wkg-html-text.wkg-text-color-tertiary, .wkg-html-text.wkg-text-color-tertiary h1, .wkg-html-text.wkg-text-color-tertiary h2, .wkg-html-text.wkg-text-color-tertiary h3, .wkg-html-text.wkg-text-color-tertiary h4, .wkg-html-text.wkg-text-color-tertiary h5, .wkg-html-text.wkg-text-color-tertiary h6, .wkg-html-text.wkg-text-color-tertiary p, .wkg-html-text.wkg-text-color-tertiary span, .wkg-html-text.wkg-text-color-tertiary em, .wkg-html-text.wkg-text-color-tertiary strong, .device-desktop .wkg-html-text.wkg-text-color-tertiary, .device-desktop .wkg-html-text.wkg-text-color-tertiary h1, .device-desktop .wkg-html-text.wkg-text-color-tertiary h2, .device-desktop .wkg-html-text.wkg-text-color-tertiary h3, .device-desktop .wkg-html-text.wkg-text-color-tertiary h4, .device-desktop .wkg-html-text.wkg-text-color-tertiary h5, .device-desktop .wkg-html-text.wkg-text-color-tertiary h6, .device-desktop .wkg-html-text.wkg-text-color-tertiary p, .device-desktop .wkg-html-text.wkg-text-color-tertiary span, .device-desktop .wkg-html-text.wkg-text-color-tertiary em, .device-desktop .wkg-html-text.wkg-text-color-tertiary strong, .device-large .wkg-html-text.wkg-text-color-tertiary, .device-large .wkg-html-text.wkg-text-color-tertiary h1, .device-large .wkg-html-text.wkg-text-color-tertiary h2, .device-large .wkg-html-text.wkg-text-color-tertiary h3, .device-large .wkg-html-text.wkg-text-color-tertiary h4, .device-large .wkg-html-text.wkg-text-color-tertiary h5, .device-large .wkg-html-text.wkg-text-color-tertiary h6, .device-large .wkg-html-text.wkg-text-color-tertiary p, .device-large .wkg-html-text.wkg-text-color-tertiary span, .device-large .wkg-html-text.wkg-text-color-tertiary em, .device-large .wkg-html-text.wkg-text-color-tertiary strong, .wkg-html-text.wkg-text-color-tertiary .wkg-icon-svg, .wkg-html-text .wkg-text-color-tertiary.wkg-icon-svg, .device-desktop .wkg-html-text.wkg-text-color-tertiary .wkg-icon-svg, .device-desktop .wkg-html-text .wkg-text-color-tertiary.wkg-icon-svg, .device-large .wkg-html-text.wkg-text-color-tertiary .wkg-icon-svg, .device-large .wkg-html-text .wkg-text-color-tertiary.wkg-icon-svg { color: var(--wkg-color-text-tertiary); }
.wkg-html-text.wkg-text-color-quaternary, .wkg-html-text.wkg-text-color-quaternary h1, .wkg-html-text.wkg-text-color-quaternary h2, .wkg-html-text.wkg-text-color-quaternary h3, .wkg-html-text.wkg-text-color-quaternary h4, .wkg-html-text.wkg-text-color-quaternary h5, .wkg-html-text.wkg-text-color-quaternary h6, .wkg-html-text.wkg-text-color-quaternary p, .wkg-html-text.wkg-text-color-quaternary span, .wkg-html-text.wkg-text-color-quaternary em, .wkg-html-text.wkg-text-color-quaternary strong, .device-desktop .wkg-html-text.wkg-text-color-quaternary, .device-desktop .wkg-html-text.wkg-text-color-quaternary h1, .device-desktop .wkg-html-text.wkg-text-color-quaternary h2, .device-desktop .wkg-html-text.wkg-text-color-quaternary h3, .device-desktop .wkg-html-text.wkg-text-color-quaternary h4, .device-desktop .wkg-html-text.wkg-text-color-quaternary h5, .device-desktop .wkg-html-text.wkg-text-color-quaternary h6, .device-desktop .wkg-html-text.wkg-text-color-quaternary p, .device-desktop .wkg-html-text.wkg-text-color-quaternary span, .device-desktop .wkg-html-text.wkg-text-color-quaternary em, .device-desktop .wkg-html-text.wkg-text-color-quaternary strong, .device-large .wkg-html-text.wkg-text-color-quaternary, .device-large .wkg-html-text.wkg-text-color-quaternary h1, .device-large .wkg-html-text.wkg-text-color-quaternary h2, .device-large .wkg-html-text.wkg-text-color-quaternary h3, .device-large .wkg-html-text.wkg-text-color-quaternary h4, .device-large .wkg-html-text.wkg-text-color-quaternary h5, .device-large .wkg-html-text.wkg-text-color-quaternary h6, .device-large .wkg-html-text.wkg-text-color-quaternary p, .device-large .wkg-html-text.wkg-text-color-quaternary span, .device-large .wkg-html-text.wkg-text-color-quaternary em, .device-large .wkg-html-text.wkg-text-color-quaternary strong, .wkg-html-text.wkg-text-color-quaternary .wkg-icon-svg, .wkg-html-text .wkg-text-color-quaternary.wkg-icon-svg, .device-desktop .wkg-html-text.wkg-text-color-quaternary .wkg-icon-svg, .device-desktop .wkg-html-text .wkg-text-color-quaternary.wkg-icon-svg, .device-large .wkg-html-text.wkg-text-color-quaternary .wkg-icon-svg, .device-large .wkg-html-text .wkg-text-color-quaternary.wkg-icon-svg { color: var(--wkg-color-text-quaternary); }
.wkg-html-text.wkg-text-color-quinary, .wkg-html-text.wkg-text-color-quinary h1, .wkg-html-text.wkg-text-color-quinary h2, .wkg-html-text.wkg-text-color-quinary h3, .wkg-html-text.wkg-text-color-quinary h4, .wkg-html-text.wkg-text-color-quinary h5, .wkg-html-text.wkg-text-color-quinary h6, .wkg-html-text.wkg-text-color-quinary p, .wkg-html-text.wkg-text-color-quinary span, .wkg-html-text.wkg-text-color-quinary em, .wkg-html-text.wkg-text-color-quinary strong, .device-desktop .wkg-html-text.wkg-text-color-quinary, .device-desktop .wkg-html-text.wkg-text-color-quinary h1, .device-desktop .wkg-html-text.wkg-text-color-quinary h2, .device-desktop .wkg-html-text.wkg-text-color-quinary h3, .device-desktop .wkg-html-text.wkg-text-color-quinary h4, .device-desktop .wkg-html-text.wkg-text-color-quinary h5, .device-desktop .wkg-html-text.wkg-text-color-quinary h6, .device-desktop .wkg-html-text.wkg-text-color-quinary p, .device-desktop .wkg-html-text.wkg-text-color-quinary span, .device-desktop .wkg-html-text.wkg-text-color-quinary em, .device-desktop .wkg-html-text.wkg-text-color-quinary strong, .device-large .wkg-html-text.wkg-text-color-quinary, .device-large .wkg-html-text.wkg-text-color-quinary h1, .device-large .wkg-html-text.wkg-text-color-quinary h2, .device-large .wkg-html-text.wkg-text-color-quinary h3, .device-large .wkg-html-text.wkg-text-color-quinary h4, .device-large .wkg-html-text.wkg-text-color-quinary h5, .device-large .wkg-html-text.wkg-text-color-quinary h6, .device-large .wkg-html-text.wkg-text-color-quinary p, .device-large .wkg-html-text.wkg-text-color-quinary span, .device-large .wkg-html-text.wkg-text-color-quinary em, .device-large .wkg-html-text.wkg-text-color-quinary strong, .wkg-html-text.wkg-text-color-quinary .wkg-icon-svg, .wkg-html-text .wkg-text-color-quinary.wkg-icon-svg, .device-desktop .wkg-html-text.wkg-text-color-quinary .wkg-icon-svg, .device-desktop .wkg-html-text .wkg-text-color-quinary.wkg-icon-svg, .device-large .wkg-html-text.wkg-text-color-quinary .wkg-icon-svg, .device-large .wkg-html-text .wkg-text-color-quinary.wkg-icon-svg { color: var(--wkg-color-text-quinary); }
.wkg-section-bgColor-primary, .wkg-html-text.wkg-section-bgColor-primary { background-color: var(--wkg-section-bgColor-primary); }
.wkg-section-bgColor-secondary, .wkg-html-text.wkg-section-bgColor-secondary { background-color: var(--wkg-section-bgColor-secondary); }
.wkg-section-bgColor-tertiary, .wkg-html-text.wkg-section-bgColor-tertiary { background-color: var(--wkg-section-bgColor-tertiary); }
.wkg-section-bgColor-quaternary, .wkg-html-text.wkg-section-bgColor-quaternary { background-color: var(--wkg-section-bgColor-quaternary); }
.wkg-border-b-color-primary, .wkg-html-text.wkg-border-b-color-primary { border-bottom-color: var(--wkg-border-color-primary); }
.wkg-border-b-color-secondary, .wkg-html-text.wkg-border-b-color-secondary { border-bottom-color: var(--wkg-border-color-secondary); }
.wkg-border-b-color-tertiary, .wkg-html-text.wkg-border-b-color-tertiary { border-bottom-color: var(--wkg-border-color-tertiary); }
.wkg-border-b-color-quaternary, .wkg-html-text.wkg-border-b-color-quaternary { border-bottom-color: var(--wkg-border-color-quaternary); }
.wkg-border-b-color-quinary, .wkg-html-text.wkg-border-b-color-quinary { border-bottom-color: var(--wkg-border-color-quinary); }
.wkg-border-t-color-primary, .wkg-html-text.wkg-border-t-color-primary { border-top-color: var(--wkg-border-color-primary); }
.wkg-border-t-color-secondary, .wkg-html-text.wkg-border-t-color-secondary { border-top-color: var(--wkg-border-color-secondary); }
.wkg-border-t-color-tertiary, .wkg-html-text.wkg-border-t-color-tertiary { border-top-color: var(--wkg-border-color-tertiary); }
.wkg-border-t-color-quaternary, .wkg-html-text.wkg-border-t-color-quaternary { border-top-color: var(--wkg-border-color-quaternary); }
.wkg-border-t-color-quinary, .wkg-html-text.wkg-border-t-color-quinary { border-top-color: var(--wkg-border-color-quinary); }
.wkg-border-l-color-primary, .wkg-html-text.wkg-border-l-color-primary { border-left-color: var(--wkg-border-color-primary); }
.wkg-border-l-color-secondary, .wkg-html-text.wkg-border-l-color-secondary { border-left-color: var(--wkg-border-color-secondary); }
.wkg-border-l-color-tertiary, .wkg-html-text.wkg-border-l-color-tertiary { border-left-color: var(--wkg-border-color-tertiary); }
.wkg-border-l-color-quaternary, .wkg-html-text.wkg-border-l-color-quaternary { border-left-color: var(--wkg-border-color-quaternary); }
.wkg-border-l-color-quinary, .wkg-html-text.wkg-border-l-color-quinary { border-left-color: var(--wkg-border-color-quinary); }
.wkg-border-r-color-primary, .wkg-html-text.wkg-border-r-color-primary { border-right-color: var(--wkg-border-color-primary); }
.wkg-border-r-color-secondary, .wkg-html-text.wkg-border-r-color-secondary { border-right-color: var(--wkg-border-color-secondary); }
.wkg-border-r-color-tertiary, .wkg-html-text.wkg-border-r-color-tertiary { border-right-color: var(--wkg-border-color-tertiary); }
.wkg-border-r-color-quaternary, .wkg-html-text.wkg-border-r-color-quaternary { border-right-color: var(--wkg-border-color-quaternary); }
.wkg-border-r-color-quinary, .wkg-html-text.wkg-border-r-color-quinary { border-right-color: var(--wkg-border-color-quinary); }
.wkg-html-text hr { color: var(--wkg-border-color-primary); }
.wkg-icon-svg, .wkg-html-text .wkg-icon-svg { display: inline-flex; align-items: center; vertical-align: middle; }
.wkg-icon-svg svg { display: block; }
.wkg-button { background: none; border: medium; padding: 0px; margin: 0px; font: inherit; color: inherit; text-decoration: none; cursor: pointer; outline: none; appearance: none; user-select: none; display: inline-flex; align-items: center; justify-content: center; }
.wkg-button:hover, .wkg-button:focus-visible, .wkg-button:active, .wkg-button:visited { color: inherit; text-decoration: none; outline: none; }
.wkg-button__icon { display: flex; align-items: center; justify-content: center; }
.wkg-button__icon svg path { stroke: currentcolor; }
[dir="rtl"] .wkg-button__icon { transform: scaleX(-1); }
.wkg-button--icon-position-right { flex-direction: row-reverse; }
.wkg-button--icon-position-top { flex-direction: column; }
.wkg-button--icon-position-bottom { flex-direction: column-reverse; }
.wkg-button.wkg-button--hit { background: transparent; border-radius: 0px; position: absolute; inset: 0px; }
.wkg-buttons-group-gap-xs { gap: var(--wkg-buttons-group-gap-xs); }
.wkg-buttons-group-gap-sm { gap: var(--wkg-buttons-group-gap-sm); }
.wkg-buttons-group-gap-md { gap: var(--wkg-buttons-group-gap-md); }
.wkg-buttons-group { display: flex; vertical-align: middle; gap: var(--wkg-buttons-group-gap-md); }
.device-desktop .wkg-buttons-group { gap: var(--wkg-buttons-group-gap-md); }
.wkg-button--primary { font-family: var(--wkg-font-family-button-primary, sans-serif); font-style: var(--wkg-font-style-button-primary); text-decoration: var(--wkg-text-decoration-button-primary); text-transform: var(--wkg-text-transform-button-primary); transition: var(--wkg-transition-button-primary); margin: var(--wkg-margin-button-primary); gap: var(--wkg-gap-button-primary); }
.wkg-button--primary:hover { text-decoration: var(--wkg-text-decoration-button-primary-hover); }
.wkg-button--primary:active { text-decoration: var(--wkg-text-decoration-button-primary); }
.wkg-button--primary:focus-visible { text-decoration: var(--wkg-text-decoration-button-primary-hover); }
.wkg-button--primary:disabled { text-decoration: var(--wkg-text-decoration-button-primary-disabled); cursor: not-allowed; }
.wkg-button--primary.wkg-button--size-xs { font-size: var(--wkg-font-size-button-primary-xs); line-height: var(--wkg-line-height-button-primary); border-radius: var(--wkg-border-radius-button-primary-xs); padding: var(--wkg-padding-button-primary-xs); }
.wkg-button--primary.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-primary-xs); }
.wkg-button--primary.wkg-button--size-sm { font-size: var(--wkg-font-size-button-primary-sm); line-height: var(--wkg-line-height-button-primary); border-radius: var(--wkg-border-radius-button-primary-sm); padding: var(--wkg-padding-button-primary-sm); }
.wkg-button--primary.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-primary-sm); }
.wkg-button--primary.wkg-button--size-md { font-size: var(--wkg-font-size-button-primary-md); line-height: var(--wkg-line-height-button-primary); border-radius: var(--wkg-border-radius-button-primary-md); padding: var(--wkg-padding-button-primary-md); }
.wkg-button--primary.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-primary-md); }
.wkg-button--primary.wkg-button--size-lg { font-size: var(--wkg-font-size-button-primary-lg); line-height: var(--wkg-line-height-button-primary); border-radius: var(--wkg-border-radius-button-primary-lg); padding: var(--wkg-padding-button-primary-lg); }
.wkg-button--primary.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-primary-lg); }
.wkg-button--primary.wkg-button--size-xl { font-size: var(--wkg-font-size-button-primary-xl); line-height: var(--wkg-line-height-button-primary); border-radius: var(--wkg-border-radius-button-primary-xl); padding: var(--wkg-padding-button-primary-xl); }
.wkg-button--primary.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-primary-xl); }
.wkg-button--primary.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-primary-2xl); line-height: var(--wkg-line-height-button-primary); border-radius: var(--wkg-border-radius-button-primary-2xl); padding: var(--wkg-padding-button-primary-2xl); }
.wkg-button--primary.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-primary-2xl); }
.device-desktop .wkg-button--primary.wkg-button--size-xs, .device-large .wkg-button--primary.wkg-button--size-xs { font-size: var(--wkg-font-size-button-primary-desktop-xs); border-radius: var(--wkg-border-radius-button-primary-desktop-xs); padding: var(--wkg-padding-button-primary-desktop-xs); }
.device-desktop .wkg-button--primary.wkg-button--size-xs .wkg-button__icon, .device-large .wkg-button--primary.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-primary-desktop-xs); }
.device-desktop .wkg-button--primary.wkg-button--size-sm, .device-large .wkg-button--primary.wkg-button--size-sm { font-size: var(--wkg-font-size-button-primary-desktop-sm); border-radius: var(--wkg-border-radius-button-primary-desktop-sm); padding: var(--wkg-padding-button-primary-desktop-sm); }
.device-desktop .wkg-button--primary.wkg-button--size-sm .wkg-button__icon, .device-large .wkg-button--primary.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-primary-desktop-sm); }
.device-desktop .wkg-button--primary.wkg-button--size-md, .device-large .wkg-button--primary.wkg-button--size-md { font-size: var(--wkg-font-size-button-primary-desktop-md); border-radius: var(--wkg-border-radius-button-primary-desktop-md); padding: var(--wkg-padding-button-primary-desktop-md); }
.device-desktop .wkg-button--primary.wkg-button--size-md .wkg-button__icon, .device-large .wkg-button--primary.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-primary-desktop-md); }
.device-desktop .wkg-button--primary.wkg-button--size-lg, .device-large .wkg-button--primary.wkg-button--size-lg { font-size: var(--wkg-font-size-button-primary-desktop-lg); border-radius: var(--wkg-border-radius-button-primary-desktop-lg); padding: var(--wkg-padding-button-primary-desktop-lg); }
.device-desktop .wkg-button--primary.wkg-button--size-lg .wkg-button__icon, .device-large .wkg-button--primary.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-primary-desktop-lg); }
.device-desktop .wkg-button--primary.wkg-button--size-xl, .device-large .wkg-button--primary.wkg-button--size-xl { font-size: var(--wkg-font-size-button-primary-desktop-xl); border-radius: var(--wkg-border-radius-button-primary-desktop-xl); padding: var(--wkg-padding-button-primary-desktop-xl); }
.device-desktop .wkg-button--primary.wkg-button--size-xl .wkg-button__icon, .device-large .wkg-button--primary.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-primary-desktop-xl); }
.device-desktop .wkg-button--primary.wkg-button--size-xl2, .device-large .wkg-button--primary.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-primary-desktop-2xl); border-radius: var(--wkg-border-radius-button-primary-desktop-2xl); padding: var(--wkg-padding-button-primary-desktop-2xl); }
.device-desktop .wkg-button--primary.wkg-button--size-xl2 .wkg-button__icon, .device-large .wkg-button--primary.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-primary-desktop-2xl); }
.wkg-button.wkg-button--primary.wkg-button-radius-none, .device-desktop .wkg-button.wkg-button--primary.wkg-button-radius-none, .device-large .wkg-button.wkg-button--primary.wkg-button-radius-none { border-radius: 0px; }
.wkg-button.wkg-button--primary.wkg-button-radius-xs, .device-desktop .wkg-button.wkg-button--primary.wkg-button-radius-xs, .device-large .wkg-button.wkg-button--primary.wkg-button-radius-xs { border-radius: var(--wkg-border-radius-button-primary-xs); }
.wkg-button.wkg-button--primary.wkg-button-radius-sm, .device-desktop .wkg-button.wkg-button--primary.wkg-button-radius-sm, .device-large .wkg-button.wkg-button--primary.wkg-button-radius-sm { border-radius: var(--wkg-border-radius-button-primary-sm); }
.wkg-button.wkg-button--primary.wkg-button-radius-md, .device-desktop .wkg-button.wkg-button--primary.wkg-button-radius-md, .device-large .wkg-button.wkg-button--primary.wkg-button-radius-md { border-radius: var(--wkg-border-radius-button-primary-md); }
.wkg-button.wkg-button--primary.wkg-button-radius-lg, .device-desktop .wkg-button.wkg-button--primary.wkg-button-radius-lg, .device-large .wkg-button.wkg-button--primary.wkg-button-radius-lg { border-radius: var(--wkg-border-radius-button-primary-lg); }
.wkg-button.wkg-button--primary.wkg-button-radius-xl, .device-desktop .wkg-button.wkg-button--primary.wkg-button-radius-xl, .device-large .wkg-button.wkg-button--primary.wkg-button-radius-xl { border-radius: var(--wkg-border-radius-button-primary-xl); }
.wkg-button.wkg-button--primary.wkg-button-radius-xl2, .device-desktop .wkg-button.wkg-button--primary.wkg-button-radius-xl2, .device-large .wkg-button.wkg-button--primary.wkg-button-radius-xl2 { border-radius: var(--wkg-border-radius-button-primary-2xl); }
.wkg-button--primary.wkg-button--filled { color: var(--wkg-color-button-primary-filled); background: var(--wkg-bg-color-button-primary-filled); border-style: var(--wkg-border-style-button-primary-filled); border-color: var(--wkg-border-color-button-primary-filled); border-width: var(--wkg-border-width-button-primary-filled); font-weight: var(--wkg-font-weight-button-primary-filled); box-shadow: var(--wkg-shadow-button-primary-filled); }
.wkg-button--primary.wkg-button--filled:hover { color: var(--wkg-color-button-primary-filled-hover); background: var(--wkg-bg-color-button-primary-filled-hover); border-color: var(--wkg-border-color-button-primary-filled-hover); border-width: var(--wkg-border-width-button-primary-filled-hover); }
.wkg-button--primary.wkg-button--filled:hover .wkg-button__icon { color: var(--wkg-color-button-primary-filled-hover); }
.wkg-button--primary.wkg-button--filled:active { color: var(--wkg-color-button-primary-filled); background: var(--wkg-bg-color-button-primary-filled); border-color: var(--wkg-border-color-button-primary-filled); border-width: var(--wkg-border-width-button-primary-filled); box-shadow: var(--wkg-shadow-button-primary-filled); }
.wkg-button--primary.wkg-button--filled:active .wkg-button__icon { color: var(--wkg-color-button-primary-filled); }
.wkg-button--primary.wkg-button--filled:focus-visible { color: var(--wkg-color-button-primary-filled-hover); background: var(--wkg-bg-color-button-primary-filled-hover); border-color: var(--wkg-border-color-button-primary-filled-hover); border-width: var(--wkg-border-width-button-primary-filled-hover); }
.wkg-button--primary.wkg-button--filled:focus-visible .wkg-button__icon { color: var(--wkg-color-button-primary-filled-hover); }
.wkg-button--primary.wkg-button--filled:disabled { color: var(--wkg-color-button-primary-filled-disabled); background: var(--wkg-bg-color-button-primary-filled-disabled); border-color: var(--wkg-border-color-button-primary-filled-disabled); border-style: var(--wkg-border-style-button-primary-filled-disabled); border-width: var(--wkg-border-width-button-primary-filled-disabled); box-shadow: var(--wkg-shadow-button-primary-filled-disabled); }
.wkg-button--primary.wkg-button--filled:disabled .wkg-button__icon { color: var(--wkg-color-button-primary-filled-disabled); }
.wkg-button--primary.wkg-button--filled.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-primary-filled-hover-xs); }
.wkg-button--primary.wkg-button--filled.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-primary-filled-hover-sm); }
.wkg-button--primary.wkg-button--filled.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-primary-filled-hover-md); }
.wkg-button--primary.wkg-button--filled.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-primary-filled-hover-lg); }
.wkg-button--primary.wkg-button--filled.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-primary-filled-hover-xl); }
.wkg-button--primary.wkg-button--filled.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-primary-filled-hover-2xl); }
.device-desktop .wkg-button--primary.wkg-button--filled, .device-large .wkg-button--primary.wkg-button--filled { box-shadow: var(--wkg-shadow-button-primary-filled-desktop); }
.device-desktop .wkg-button--primary.wkg-button--filled:disabled, .device-large .wkg-button--primary.wkg-button--filled:disabled { box-shadow: var(--wkg-shadow-button-primary-filled-desktop-disabled); }
.device-desktop .wkg-button--primary.wkg-button--filled.wkg-button--size-xs:hover, .device-large .wkg-button--primary.wkg-button--filled.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-primary-filled-hover-desktop-xs); }
.device-desktop .wkg-button--primary.wkg-button--filled.wkg-button--size-sm:hover, .device-large .wkg-button--primary.wkg-button--filled.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-primary-filled-hover-desktop-sm); }
.device-desktop .wkg-button--primary.wkg-button--filled.wkg-button--size-md:hover, .device-large .wkg-button--primary.wkg-button--filled.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-primary-filled-hover-desktop-md); }
.device-desktop .wkg-button--primary.wkg-button--filled.wkg-button--size-lg:hover, .device-large .wkg-button--primary.wkg-button--filled.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-primary-filled-hover-desktop-lg); }
.device-desktop .wkg-button--primary.wkg-button--filled.wkg-button--size-xl:hover, .device-large .wkg-button--primary.wkg-button--filled.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-primary-filled-hover-desktop-xl); }
.device-desktop .wkg-button--primary.wkg-button--filled.wkg-button--size-xl2:hover, .device-large .wkg-button--primary.wkg-button--filled.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-primary-filled-hover-desktop-2xl); }
.wkg-button--primary.wkg-button--outlined { color: var(--wkg-color-button-primary-outlined); background: var(--wkg-bg-color-button-primary-outlined); border-style: var(--wkg-border-style-button-primary-outlined); border-color: var(--wkg-border-color-button-primary-outlined); border-width: var(--wkg-border-width-button-primary-outlined); font-weight: var(--wkg-font-weight-button-primary-outlined); box-shadow: var(--wkg-shadow-button-primary-outlined); }
.wkg-button--primary.wkg-button--outlined:hover { color: var(--wkg-color-button-primary-outlined-hover); background: var(--wkg-bg-color-button-primary-outlined-hover); border-color: var(--wkg-border-color-button-primary-outlined-hover); border-width: var(--wkg-border-width-button-primary-outlined-hover); }
.wkg-button--primary.wkg-button--outlined:hover .wkg-button__icon { color: var(--wkg-color-button-primary-outlined-hover); }
.wkg-button--primary.wkg-button--outlined:active { color: var(--wkg-color-button-primary-outlined); background: var(--wkg-bg-color-button-primary-outlined); border-color: var(--wkg-border-color-button-primary-outlined); border-width: var(--wkg-border-width-button-primary-outlined); box-shadow: var(--wkg-shadow-button-primary-outlined); }
.wkg-button--primary.wkg-button--outlined:active .wkg-button__icon { color: var(--wkg-color-button-primary-outlined); }
.wkg-button--primary.wkg-button--outlined:focus-visible { color: var(--wkg-color-button-primary-outlined-hover); background: var(--wkg-bg-color-button-primary-outlined-hover); border-color: var(--wkg-border-color-button-primary-outlined-hover); border-width: var(--wkg-border-width-button-primary-outlined-hover); }
.wkg-button--primary.wkg-button--outlined:focus-visible .wkg-button__icon { color: var(--wkg-color-button-primary-outlined-hover); }
.wkg-button--primary.wkg-button--outlined:disabled { color: var(--wkg-color-button-primary-outlined-disabled); background: var(--wkg-bg-color-button-primary-outlined-disabled); border-color: var(--wkg-border-color-button-primary-outlined-disabled); border-style: var(--wkg-border-style-button-primary-outlined-disabled); border-width: var(--wkg-border-width-button-primary-outlined-disabled); box-shadow: var(--wkg-shadow-button-primary-outlined-disabled); }
.wkg-button--primary.wkg-button--outlined:disabled .wkg-button__icon { color: var(--wkg-color-button-primary-outlined-disabled); }
.wkg-button--primary.wkg-button--outlined.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-primary-outlined-hover-xs); }
.wkg-button--primary.wkg-button--outlined.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-primary-outlined-hover-sm); }
.wkg-button--primary.wkg-button--outlined.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-primary-outlined-hover-md); }
.wkg-button--primary.wkg-button--outlined.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-primary-outlined-hover-lg); }
.wkg-button--primary.wkg-button--outlined.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-primary-outlined-hover-xl); }
.wkg-button--primary.wkg-button--outlined.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-primary-outlined-hover-2xl); }
.device-desktop .wkg-button--primary.wkg-button--outlined, .device-large .wkg-button--primary.wkg-button--outlined { box-shadow: var(--wkg-shadow-button-primary-outlined-desktop); }
.device-desktop .wkg-button--primary.wkg-button--outlined:disabled, .device-large .wkg-button--primary.wkg-button--outlined:disabled { box-shadow: var(--wkg-shadow-button-primary-outlined-desktop-disabled); }
.device-desktop .wkg-button--primary.wkg-button--outlined.wkg-button--size-xs:hover, .device-large .wkg-button--primary.wkg-button--outlined.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-primary-outlined-hover-desktop-xs); }
.device-desktop .wkg-button--primary.wkg-button--outlined.wkg-button--size-sm:hover, .device-large .wkg-button--primary.wkg-button--outlined.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-primary-outlined-hover-desktop-sm); }
.device-desktop .wkg-button--primary.wkg-button--outlined.wkg-button--size-md:hover, .device-large .wkg-button--primary.wkg-button--outlined.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-primary-outlined-hover-desktop-md); }
.device-desktop .wkg-button--primary.wkg-button--outlined.wkg-button--size-lg:hover, .device-large .wkg-button--primary.wkg-button--outlined.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-primary-outlined-hover-desktop-lg); }
.device-desktop .wkg-button--primary.wkg-button--outlined.wkg-button--size-xl:hover, .device-large .wkg-button--primary.wkg-button--outlined.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-primary-outlined-hover-desktop-xl); }
.device-desktop .wkg-button--primary.wkg-button--outlined.wkg-button--size-xl2:hover, .device-large .wkg-button--primary.wkg-button--outlined.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-primary-outlined-hover-desktop-2xl); }
.wkg-button--secondary { font-family: var(--wkg-font-family-button-secondary, sans-serif); font-style: var(--wkg-font-style-button-secondary); text-decoration: var(--wkg-text-decoration-button-secondary); text-transform: var(--wkg-text-transform-button-secondary); transition: var(--wkg-transition-button-secondary); line-height: var(--wkg-line-height-button-secondary); margin: var(--wkg-margin-button-secondary); gap: var(--wkg-gap-button-secondary); }
.wkg-button--secondary.wkg-button--size-xs { font-size: var(--wkg-font-size-button-secondary-xs); border-radius: var(--wkg-border-radius-button-secondary-xs); padding: var(--wkg-padding-button-secondary-xs); }
.wkg-button--secondary.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-secondary-xs); }
.wkg-button--secondary.wkg-button--size-sm { font-size: var(--wkg-font-size-button-secondary-sm); border-radius: var(--wkg-border-radius-button-secondary-sm); padding: var(--wkg-padding-button-secondary-sm); }
.wkg-button--secondary.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-secondary-sm); }
.wkg-button--secondary.wkg-button--size-md { font-size: var(--wkg-font-size-button-secondary-md); border-radius: var(--wkg-border-radius-button-secondary-md); padding: var(--wkg-padding-button-secondary-md); }
.wkg-button--secondary.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-secondary-md); }
.wkg-button--secondary.wkg-button--size-lg { font-size: var(--wkg-font-size-button-secondary-lg); border-radius: var(--wkg-border-radius-button-secondary-lg); padding: var(--wkg-padding-button-secondary-lg); }
.wkg-button--secondary.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-secondary-lg); }
.wkg-button--secondary.wkg-button--size-xl { font-size: var(--wkg-font-size-button-secondary-xl); border-radius: var(--wkg-border-radius-button-secondary-xl); padding: var(--wkg-padding-button-secondary-xl); }
.wkg-button--secondary.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-secondary-xl); }
.wkg-button--secondary.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-secondary-2xl); border-radius: var(--wkg-border-radius-button-secondary-2xl); padding: var(--wkg-padding-button-secondary-2xl); }
.wkg-button--secondary.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-secondary-2xl); }
.device-desktop .wkg-button--secondary.wkg-button--size-xs { font-size: var(--wkg-font-size-button-secondary-desktop-xs); border-radius: var(--wkg-border-radius-button-secondary-desktop-xs); padding: var(--wkg-padding-button-secondary-desktop-xs); }
.device-desktop .wkg-button--secondary.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-secondary-desktop-xs); }
.device-desktop .wkg-button--secondary.wkg-button--size-sm { font-size: var(--wkg-font-size-button-secondary-desktop-sm); border-radius: var(--wkg-border-radius-button-secondary-desktop-sm); padding: var(--wkg-padding-button-secondary-desktop-sm); }
.device-desktop .wkg-button--secondary.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-secondary-desktop-sm); }
.device-desktop .wkg-button--secondary.wkg-button--size-md { font-size: var(--wkg-font-size-button-secondary-desktop-md); border-radius: var(--wkg-border-radius-button-secondary-desktop-md); padding: var(--wkg-padding-button-secondary-desktop-md); }
.device-desktop .wkg-button--secondary.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-secondary-desktop-md); }
.device-desktop .wkg-button--secondary.wkg-button--size-lg { font-size: var(--wkg-font-size-button-secondary-desktop-lg); border-radius: var(--wkg-border-radius-button-secondary-desktop-lg); padding: var(--wkg-padding-button-secondary-desktop-lg); }
.device-desktop .wkg-button--secondary.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-secondary-desktop-lg); }
.device-desktop .wkg-button--secondary.wkg-button--size-xl { font-size: var(--wkg-font-size-button-secondary-desktop-xl); border-radius: var(--wkg-border-radius-button-secondary-desktop-xl); padding: var(--wkg-padding-button-secondary-desktop-xl); }
.device-desktop .wkg-button--secondary.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-secondary-desktop-xl); }
.device-desktop .wkg-button--secondary.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-secondary-desktop-2xl); border-radius: var(--wkg-border-radius-button-secondary-desktop-2xl); padding: var(--wkg-padding-button-secondary-desktop-2xl); }
.device-desktop .wkg-button--secondary.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-secondary-desktop-2xl); }
.wkg-button.wkg-button--secondary.wkg-button-radius-none, .device-desktop .wkg-button.wkg-button--secondary.wkg-button-radius-none { border-radius: 0px; }
.wkg-button.wkg-button--secondary.wkg-button-radius-xs, .device-desktop .wkg-button.wkg-button--secondary.wkg-button-radius-xs { border-radius: var(--wkg-border-radius-button-secondary-xs); }
.wkg-button.wkg-button--secondary.wkg-button-radius-sm, .device-desktop .wkg-button.wkg-button--secondary.wkg-button-radius-sm { border-radius: var(--wkg-border-radius-button-secondary-sm); }
.wkg-button.wkg-button--secondary.wkg-button-radius-md, .device-desktop .wkg-button.wkg-button--secondary.wkg-button-radius-md { border-radius: var(--wkg-border-radius-button-secondary-md); }
.wkg-button.wkg-button--secondary.wkg-button-radius-lg, .device-desktop .wkg-button.wkg-button--secondary.wkg-button-radius-lg { border-radius: var(--wkg-border-radius-button-secondary-lg); }
.wkg-button.wkg-button--secondary.wkg-button-radius-xl, .device-desktop .wkg-button.wkg-button--secondary.wkg-button-radius-xl { border-radius: var(--wkg-border-radius-button-secondary-xl); }
.wkg-button.wkg-button--secondary.wkg-button-radius-xl2, .device-desktop .wkg-button.wkg-button--secondary.wkg-button-radius-xl2 { border-radius: var(--wkg-border-radius-button-secondary-2xl); }
.wkg-button--secondary.wkg-button--filled { color: var(--wkg-color-button-secondary-filled); background: var(--wkg-bg-color-button-secondary-filled); border-color: var(--wkg-border-color-button-secondary-filled); border-style: var(--wkg-border-style-button-secondary-filled); border-width: var(--wkg-border-width-button-secondary-filled); font-weight: var(--wkg-font-weight-button-secondary-filled); box-shadow: var(--wkg-shadow-button-secondary-filled); }
.wkg-button--secondary.wkg-button--filled:hover { color: var(--wkg-color-button-secondary-filled-hover); background: var(--wkg-bg-color-button-secondary-filled-hover); border-color: var(--wkg-border-color-button-secondary-filled-hover); border-width: var(--wkg-border-width-button-secondary-filled-hover); }
.wkg-button--secondary.wkg-button--filled:hover .wkg-button__icon { color: var(--wkg-color-button-secondary-filled-hover); }
.wkg-button--secondary.wkg-button--filled:active { color: var(--wkg-color-button-secondary-filled); background: var(--wkg-bg-color-button-secondary-filled); border-color: var(--wkg-border-color-button-secondary-filled); }
.wkg-button--secondary.wkg-button--filled:active .wkg-button__icon { color: var(--wkg-color-button-secondary-filled); }
.wkg-button--secondary.wkg-button--filled:focus-visible { color: var(--wkg-color-button-secondary-filled-hover); background: var(--wkg-bg-color-button-secondary-filled-hover); border-color: var(--wkg-border-color-button-secondary-filled-hover); }
.wkg-button--secondary.wkg-button--filled:focus-visible .wkg-button__icon { color: var(--wkg-color-button-secondary-filled-hover); }
.wkg-button--secondary.wkg-button--filled:disabled { color: var(--wkg-color-button-secondary-filled-disabled); background: var(--wkg-bg-color-button-secondary-filled-disabled); border-color: var(--wkg-border-color-button-secondary-filled-disabled); border-style: var(--wkg-border-style-button-secondary-filled-disabled); border-width: var(--wkg-border-width-button-secondary-filled-disabled); cursor: not-allowed; }
.wkg-button--secondary.wkg-button--filled:disabled .wkg-button__icon { color: var(--wkg-color-button-secondary-filled-disabled); }
.wkg-button--secondary.wkg-button--filled.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-secondary-filled-hover-xs); }
.wkg-button--secondary.wkg-button--filled.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-secondary-filled-hover-sm); }
.wkg-button--secondary.wkg-button--filled.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-secondary-filled-hover-md); }
.wkg-button--secondary.wkg-button--filled.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-secondary-filled-hover-lg); }
.wkg-button--secondary.wkg-button--filled.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-secondary-filled-hover-xl); }
.wkg-button--secondary.wkg-button--filled.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-secondary-filled-hover-2xl); }
.device-desktop .wkg-button--secondary.wkg-button--filled { font-weight: var(--wkg-font-weight-button-secondary-filled-desktop); }
.device-desktop .wkg-button--secondary.wkg-button--filled.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-secondary-filled-hover-desktop-xs); }
.device-desktop .wkg-button--secondary.wkg-button--filled.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-secondary-filled-hover-desktop-sm); }
.device-desktop .wkg-button--secondary.wkg-button--filled.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-secondary-filled-hover-desktop-md); }
.device-desktop .wkg-button--secondary.wkg-button--filled.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-secondary-filled-hover-desktop-lg); }
.device-desktop .wkg-button--secondary.wkg-button--filled.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-secondary-filled-hover-desktop-xl); }
.device-desktop .wkg-button--secondary.wkg-button--filled.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-secondary-filled-hover-desktop-2xl); }
.wkg-button--secondary.wkg-button--outlined { color: var(--wkg-color-button-secondary-outlined); background: var(--wkg-bg-color-button-secondary-outlined); border-color: var(--wkg-border-color-button-secondary-outlined); border-style: var(--wkg-border-style-button-secondary-outlined); border-width: var(--wkg-border-width-button-secondary-outlined); font-weight: var(--wkg-font-weight-button-secondary-outlined); box-shadow: var(--wkg-shadow-button-secondary-outlined); }
.wkg-button--secondary.wkg-button--outlined:hover { color: var(--wkg-color-button-secondary-outlined-hover); background: var(--wkg-bg-color-button-secondary-outlined-hover); border-color: var(--wkg-border-color-button-secondary-outlined-hover); border-width: var(--wkg-border-width-button-secondary-outlined-hover); box-shadow: var(--wkg-shadow-button-secondary-outlined-hover); }
.wkg-button--secondary.wkg-button--outlined:hover .wkg-button__icon { color: var(--wkg-color-button-secondary-outlined-hover); }
.wkg-button--secondary.wkg-button--outlined:active { color: var(--wkg-color-button-secondary-outlined); background: var(--wkg-bg-color-button-secondary-outlined); border-color: var(--wkg-border-color-button-secondary-outlined); }
.wkg-button--secondary.wkg-button--outlined:active .wkg-button__icon { color: var(--wkg-color-button-secondary-outlined); }
.wkg-button--secondary.wkg-button--outlined:focus-visible { color: var(--wkg-color-button-secondary-outlined-hover); background: var(--wkg-bg-color-button-secondary-outlined-hover); border-color: var(--wkg-border-color-button-secondary-outlined-hover); }
.wkg-button--secondary.wkg-button--outlined:focus-visible .wkg-button__icon { color: var(--wkg-color-button-secondary-outlined-hover); }
.wkg-button--secondary.wkg-button--outlined:disabled { color: var(--wkg-color-button-secondary-outlined-disabled); background: var(--wkg-bg-color-button-secondary-outlined-disabled); border-color: var(--wkg-border-color-button-secondary-outlined-disabled); border-style: var(--wkg-border-style-button-secondary-outlined-disabled); border-width: var(--wkg-border-width-button-secondary-outlined-disabled); box-shadow: var(--wkg-shadow-button-secondary-outlined-disabled); cursor: not-allowed; }
.wkg-button--secondary.wkg-button--outlined:disabled .wkg-button__icon { color: var(--wkg-color-button-secondary-outlined-disabled); }
.device-desktop .wkg-button--secondary.wkg-button--outlined { font-weight: var(--wkg-font-weight-button-secondary-outlined-desktop); box-shadow: var(--wkg-shadow-button-secondary-outlined-desktop); }
.device-desktop .wkg-button--secondary.wkg-button--outlined:hover { box-shadow: var(--wkg-shadow-button-secondary-outlined-hover-desktop); }
.device-desktop .wkg-button--secondary.wkg-button--outlined:disabled { box-shadow: none; }
.device-desktop .wkg-button--secondary.wkg-button--outlined.wkg-button--size-xs:disabled { box-shadow: var(--wkg-shadow-button-secondary-outlined-disabled-desktop-xs); }
.device-desktop .wkg-button--secondary.wkg-button--outlined.wkg-button--size-sm:disabled { box-shadow: var(--wkg-shadow-button-secondary-outlined-disabled-desktop-sm); }
.device-desktop .wkg-button--secondary.wkg-button--outlined.wkg-button--size-md:disabled { box-shadow: var(--wkg-shadow-button-secondary-outlined-disabled-desktop-md); }
.device-desktop .wkg-button--secondary.wkg-button--outlined.wkg-button--size-lg:disabled { box-shadow: var(--wkg-shadow-button-secondary-outlined-disabled-desktop-lg); }
.device-desktop .wkg-button--secondary.wkg-button--outlined.wkg-button--size-xl:disabled { box-shadow: var(--wkg-shadow-button-secondary-outlined-disabled-desktop-xl); }
.device-desktop .wkg-button--secondary.wkg-button--outlined.wkg-button--size-xl2:disabled { box-shadow: var(--wkg-shadow-button-secondary-outlined-disabled-desktop-2xl); }
.wkg-button--tertiary { font-family: var(--wkg-font-family-button-tertiary, sans-serif); font-style: var(--wkg-font-style-button-tertiary); text-decoration: var(--wkg-text-decoration-button-tertiary); text-transform: var(--wkg-text-transform-button-tertiary); transition: var(--wkg-transition-button-tertiary); margin: var(--wkg-margin-button-tertiary); gap: var(--wkg-gap-button-tertiary); }
.wkg-button--tertiary:hover { text-decoration: var(--wkg-text-decoration-button-tertiary-hover); }
.wkg-button--tertiary:active { text-decoration: var(--wkg-text-decoration-button-tertiary); }
.wkg-button--tertiary:focus-visible { text-decoration: var(--wkg-text-decoration-button-tertiary-hover); }
.wkg-button--tertiary:disabled { text-decoration: var(--wkg-text-decoration-button-tertiary-disabled); cursor: not-allowed; }
.wkg-button--tertiary.wkg-button--size-xs { font-size: var(--wkg-font-size-button-tertiary-xs); line-height: var(--wkg-line-height-button-tertiary); border-radius: var(--wkg-border-radius-button-tertiary-xs); padding: var(--wkg-padding-button-tertiary-xs); }
.wkg-button--tertiary.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-tertiary-xs); }
.wkg-button--tertiary.wkg-button--size-sm { font-size: var(--wkg-font-size-button-tertiary-sm); line-height: var(--wkg-line-height-button-tertiary); border-radius: var(--wkg-border-radius-button-tertiary-sm); padding: var(--wkg-padding-button-tertiary-sm); }
.wkg-button--tertiary.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-tertiary-sm); }
.wkg-button--tertiary.wkg-button--size-md { font-size: var(--wkg-font-size-button-tertiary-md); line-height: var(--wkg-line-height-button-tertiary); border-radius: var(--wkg-border-radius-button-tertiary-md); padding: var(--wkg-padding-button-tertiary-md); }
.wkg-button--tertiary.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-tertiary-md); }
.wkg-button--tertiary.wkg-button--size-lg { font-size: var(--wkg-font-size-button-tertiary-lg); line-height: var(--wkg-line-height-button-tertiary); border-radius: var(--wkg-border-radius-button-tertiary-lg); padding: var(--wkg-padding-button-tertiary-lg); }
.wkg-button--tertiary.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-tertiary-lg); }
.wkg-button--tertiary.wkg-button--size-xl { font-size: var(--wkg-font-size-button-tertiary-xl); line-height: var(--wkg-line-height-button-tertiary); border-radius: var(--wkg-border-radius-button-tertiary-xl); padding: var(--wkg-padding-button-tertiary-xl); }
.wkg-button--tertiary.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-tertiary-xl); }
.wkg-button--tertiary.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-tertiary-2xl); line-height: var(--wkg-line-height-button-tertiary); border-radius: var(--wkg-border-radius-button-tertiary-2xl); padding: var(--wkg-padding-button-tertiary-2xl); }
.wkg-button--tertiary.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-tertiary-2xl); }
.device-desktop .wkg-button--tertiary.wkg-button--size-xs, .device-large .wkg-button--tertiary.wkg-button--size-xs { font-size: var(--wkg-font-size-button-tertiary-desktop-xs); border-radius: var(--wkg-border-radius-button-tertiary-desktop-xs); padding: var(--wkg-padding-button-tertiary-desktop-xs); }
.device-desktop .wkg-button--tertiary.wkg-button--size-xs .wkg-button__icon, .device-large .wkg-button--tertiary.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-tertiary-desktop-xs); }
.device-desktop .wkg-button--tertiary.wkg-button--size-sm, .device-large .wkg-button--tertiary.wkg-button--size-sm { font-size: var(--wkg-font-size-button-tertiary-desktop-sm); border-radius: var(--wkg-border-radius-button-tertiary-desktop-sm); padding: var(--wkg-padding-button-tertiary-desktop-sm); }
.device-desktop .wkg-button--tertiary.wkg-button--size-sm .wkg-button__icon, .device-large .wkg-button--tertiary.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-tertiary-desktop-sm); }
.device-desktop .wkg-button--tertiary.wkg-button--size-md, .device-large .wkg-button--tertiary.wkg-button--size-md { font-size: var(--wkg-font-size-button-tertiary-desktop-md); border-radius: var(--wkg-border-radius-button-tertiary-desktop-md); padding: var(--wkg-padding-button-tertiary-desktop-md); }
.device-desktop .wkg-button--tertiary.wkg-button--size-md .wkg-button__icon, .device-large .wkg-button--tertiary.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-tertiary-desktop-md); }
.device-desktop .wkg-button--tertiary.wkg-button--size-lg, .device-large .wkg-button--tertiary.wkg-button--size-lg { font-size: var(--wkg-font-size-button-tertiary-desktop-lg); border-radius: var(--wkg-border-radius-button-tertiary-desktop-lg); padding: var(--wkg-padding-button-tertiary-desktop-lg); }
.device-desktop .wkg-button--tertiary.wkg-button--size-lg .wkg-button__icon, .device-large .wkg-button--tertiary.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-tertiary-desktop-lg); }
.device-desktop .wkg-button--tertiary.wkg-button--size-xl, .device-large .wkg-button--tertiary.wkg-button--size-xl { font-size: var(--wkg-font-size-button-tertiary-desktop-xl); border-radius: var(--wkg-border-radius-button-tertiary-desktop-xl); padding: var(--wkg-padding-button-tertiary-desktop-xl); }
.device-desktop .wkg-button--tertiary.wkg-button--size-xl .wkg-button__icon, .device-large .wkg-button--tertiary.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-tertiary-desktop-xl); }
.device-desktop .wkg-button--tertiary.wkg-button--size-xl2, .device-large .wkg-button--tertiary.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-tertiary-desktop-2xl); border-radius: var(--wkg-border-radius-button-tertiary-desktop-2xl); padding: var(--wkg-padding-button-tertiary-desktop-2xl); }
.device-desktop .wkg-button--tertiary.wkg-button--size-xl2 .wkg-button__icon, .device-large .wkg-button--tertiary.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-tertiary-desktop-2xl); }
.wkg-button.wkg-button--tertiary.wkg-button-radius-none, .device-desktop .wkg-button.wkg-button--tertiary.wkg-button-radius-none, .device-large .wkg-button.wkg-button--tertiary.wkg-button-radius-none { border-radius: 0px; }
.wkg-button.wkg-button--tertiary.wkg-button-radius-xs, .device-desktop .wkg-button.wkg-button--tertiary.wkg-button-radius-xs, .device-large .wkg-button.wkg-button--tertiary.wkg-button-radius-xs { border-radius: var(--wkg-border-radius-button-tertiary-xs); }
.wkg-button.wkg-button--tertiary.wkg-button-radius-sm, .device-desktop .wkg-button.wkg-button--tertiary.wkg-button-radius-sm, .device-large .wkg-button.wkg-button--tertiary.wkg-button-radius-sm { border-radius: var(--wkg-border-radius-button-tertiary-sm); }
.wkg-button.wkg-button--tertiary.wkg-button-radius-md, .device-desktop .wkg-button.wkg-button--tertiary.wkg-button-radius-md, .device-large .wkg-button.wkg-button--tertiary.wkg-button-radius-md { border-radius: var(--wkg-border-radius-button-tertiary-md); }
.wkg-button.wkg-button--tertiary.wkg-button-radius-lg, .device-desktop .wkg-button.wkg-button--tertiary.wkg-button-radius-lg, .device-large .wkg-button.wkg-button--tertiary.wkg-button-radius-lg { border-radius: var(--wkg-border-radius-button-tertiary-lg); }
.wkg-button.wkg-button--tertiary.wkg-button-radius-xl, .device-desktop .wkg-button.wkg-button--tertiary.wkg-button-radius-xl, .device-large .wkg-button.wkg-button--tertiary.wkg-button-radius-xl { border-radius: var(--wkg-border-radius-button-tertiary-xl); }
.wkg-button.wkg-button--tertiary.wkg-button-radius-xl2, .device-desktop .wkg-button.wkg-button--tertiary.wkg-button-radius-xl2, .device-large .wkg-button.wkg-button--tertiary.wkg-button-radius-xl2 { border-radius: var(--wkg-border-radius-button-tertiary-2xl); }
.wkg-button--tertiary.wkg-button--filled { color: var(--wkg-color-button-tertiary-filled); background: var(--wkg-bg-color-button-tertiary-filled); border-style: var(--wkg-border-style-button-tertiary-filled); border-color: var(--wkg-border-color-button-tertiary-filled); border-width: var(--wkg-border-width-button-tertiary-filled); font-weight: var(--wkg-font-weight-button-tertiary-filled); box-shadow: var(--wkg-shadow-button-tertiary-filled); }
.wkg-button--tertiary.wkg-button--filled:hover { color: var(--wkg-color-button-tertiary-filled-hover); background: var(--wkg-bg-color-button-tertiary-filled-hover); border-color: var(--wkg-border-color-button-tertiary-filled-hover); border-width: var(--wkg-border-width-button-tertiary-filled-hover); }
.wkg-button--tertiary.wkg-button--filled:hover .wkg-button__icon { color: var(--wkg-color-button-tertiary-filled-hover); }
.wkg-button--tertiary.wkg-button--filled:active { color: var(--wkg-color-button-tertiary-filled); background: var(--wkg-bg-color-button-tertiary-filled); border-color: var(--wkg-border-color-button-tertiary-filled); border-width: var(--wkg-border-width-button-tertiary-filled); box-shadow: var(--wkg-shadow-button-tertiary-filled); }
.wkg-button--tertiary.wkg-button--filled:active .wkg-button__icon { color: var(--wkg-color-button-tertiary-filled); }
.wkg-button--tertiary.wkg-button--filled:focus-visible { color: var(--wkg-color-button-tertiary-filled-hover); background: var(--wkg-bg-color-button-tertiary-filled-hover); border-color: var(--wkg-border-color-button-tertiary-filled-hover); border-width: var(--wkg-border-width-button-tertiary-filled-hover); }
.wkg-button--tertiary.wkg-button--filled:focus .wkg-button__icon { color: var(--wkg-color-button-tertiary-filled-hover); }
.wkg-button--tertiary.wkg-button--filled:disabled { color: var(--wkg-color-button-tertiary-filled-disabled); background: var(--wkg-bg-color-button-tertiary-filled-disabled); border-color: var(--wkg-border-color-button-tertiary-filled-disabled); border-style: var(--wkg-border-style-button-tertiary-filled-disabled); border-width: var(--wkg-border-width-button-tertiary-filled-disabled); box-shadow: var(--wkg-shadow-button-tertiary-filled-disabled); }
.wkg-button--tertiary.wkg-button--filled:disabled .wkg-button__icon { color: var(--wkg-color-button-tertiary-filled-disabled); }
.wkg-button--tertiary.wkg-button--filled.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-tertiary-filled-hover-xs); }
.wkg-button--tertiary.wkg-button--filled.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-tertiary-filled-hover-sm); }
.wkg-button--tertiary.wkg-button--filled.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-tertiary-filled-hover-md); }
.wkg-button--tertiary.wkg-button--filled.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-tertiary-filled-hover-lg); }
.wkg-button--tertiary.wkg-button--filled.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-tertiary-filled-hover-xl); }
.wkg-button--tertiary.wkg-button--filled.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-tertiary-filled-hover-2xl); }
.device-desktop .wkg-button--tertiary.wkg-button--filled, .device-large .wkg-button--tertiary.wkg-button--filled { box-shadow: var(--wkg-shadow-button-tertiary-filled-desktop); }
.device-desktop .wkg-button--tertiary.wkg-button--filled:disabled, .device-large .wkg-button--tertiary.wkg-button--filled:disabled { box-shadow: var(--wkg-shadow-button-tertiary-filled-desktop-disabled); }
.device-desktop .wkg-button--tertiary.wkg-button--filled.wkg-button--size-xs:hover, .device-large .wkg-button--tertiary.wkg-button--filled.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-tertiary-filled-hover-desktop-xs); }
.device-desktop .wkg-button--tertiary.wkg-button--filled.wkg-button--size-sm:hover, .device-large .wkg-button--tertiary.wkg-button--filled.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-tertiary-filled-hover-desktop-sm); }
.device-desktop .wkg-button--tertiary.wkg-button--filled.wkg-button--size-md:hover, .device-large .wkg-button--tertiary.wkg-button--filled.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-tertiary-filled-hover-desktop-md); }
.device-desktop .wkg-button--tertiary.wkg-button--filled.wkg-button--size-lg:hover, .device-large .wkg-button--tertiary.wkg-button--filled.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-tertiary-filled-hover-desktop-lg); }
.device-desktop .wkg-button--tertiary.wkg-button--filled.wkg-button--size-xl:hover, .device-large .wkg-button--tertiary.wkg-button--filled.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-tertiary-filled-hover-desktop-xl); }
.device-desktop .wkg-button--tertiary.wkg-button--filled.wkg-button--size-xl2:hover, .device-large .wkg-button--tertiary.wkg-button--filled.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-tertiary-filled-hover-desktop-2xl); }
.wkg-button--tertiary.wkg-button--outlined { color: var(--wkg-color-button-tertiary-outlined); background: var(--wkg-bg-color-button-tertiary-outlined); border-style: var(--wkg-border-style-button-tertiary-outlined); border-color: var(--wkg-border-color-button-tertiary-outlined); border-width: var(--wkg-border-width-button-tertiary-outlined); font-weight: var(--wkg-font-weight-button-tertiary-outlined); box-shadow: var(--wkg-shadow-button-tertiary-outlined); }
.wkg-button--tertiary.wkg-button--outlined:hover { color: var(--wkg-color-button-tertiary-outlined-hover); background: var(--wkg-bg-color-button-tertiary-outlined-hover); border-color: var(--wkg-border-color-button-tertiary-outlined-hover); border-width: var(--wkg-border-width-button-tertiary-outlined-hover); }
.wkg-button--tertiary.wkg-button--outlined:hover .wkg-button__icon { color: var(--wkg-color-button-tertiary-outlined-hover); }
.wkg-button--tertiary.wkg-button--outlined:active { color: var(--wkg-color-button-tertiary-outlined); background: var(--wkg-bg-color-button-tertiary-outlined); border-color: var(--wkg-border-color-button-tertiary-outlined); border-width: var(--wkg-border-width-button-tertiary-outlined); box-shadow: var(--wkg-shadow-button-tertiary-outlined); }
.wkg-button--tertiary.wkg-button--outlined:active .wkg-button__icon { color: var(--wkg-color-button-tertiary-outlined); }
.wkg-button--tertiary.wkg-button--outlined:focus-visible { color: var(--wkg-color-button-tertiary-outlined-hover); background: var(--wkg-bg-color-button-tertiary-outlined-hover); border-color: var(--wkg-border-color-button-tertiary-outlined-hover); border-width: var(--wkg-border-width-button-tertiary-outlined-hover); }
.wkg-button--tertiary.wkg-button--outlined:focus .wkg-button__icon { color: var(--wkg-color-button-tertiary-outlined-hover); }
.wkg-button--tertiary.wkg-button--outlined:disabled { color: var(--wkg-color-button-tertiary-outlined-disabled); background: var(--wkg-bg-color-button-tertiary-outlined-disabled); border-color: var(--wkg-border-color-button-tertiary-outlined-disabled); border-style: var(--wkg-border-style-button-tertiary-outlined-disabled); border-width: var(--wkg-border-width-button-tertiary-outlined-disabled); box-shadow: var(--wkg-shadow-button-tertiary-outlined-disabled); }
.wkg-button--tertiary.wkg-button--outlined:disabled .wkg-button__icon { color: var(--wkg-color-button-tertiary-outlined-disabled); }
.wkg-button--tertiary.wkg-button--outlined.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-tertiary-outlined-hover-xs); }
.wkg-button--tertiary.wkg-button--outlined.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-tertiary-outlined-hover-sm); }
.wkg-button--tertiary.wkg-button--outlined.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-tertiary-outlined-hover-md); }
.wkg-button--tertiary.wkg-button--outlined.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-tertiary-outlined-hover-lg); }
.wkg-button--tertiary.wkg-button--outlined.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-tertiary-outlined-hover-xl); }
.wkg-button--tertiary.wkg-button--outlined.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-tertiary-outlined-hover-2xl); }
.device-desktop .wkg-button--tertiary.wkg-button--outlined, .device-large .wkg-button--tertiary.wkg-button--outlined { box-shadow: var(--wkg-shadow-button-tertiary-outlined-desktop); }
.device-desktop .wkg-button--tertiary.wkg-button--outlined:disabled, .device-large .wkg-button--tertiary.wkg-button--outlined:disabled { box-shadow: var(--wkg-shadow-button-tertiary-outlined-desktop-disabled); }
.device-desktop .wkg-button--tertiary.wkg-button--outlined.wkg-button--size-xs:hover, .device-large .wkg-button--tertiary.wkg-button--outlined.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-tertiary-outlined-hover-desktop-xs); }
.device-desktop .wkg-button--tertiary.wkg-button--outlined.wkg-button--size-sm:hover, .device-large .wkg-button--tertiary.wkg-button--outlined.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-tertiary-outlined-hover-desktop-sm); }
.device-desktop .wkg-button--tertiary.wkg-button--outlined.wkg-button--size-md:hover, .device-large .wkg-button--tertiary.wkg-button--outlined.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-tertiary-outlined-hover-desktop-md); }
.device-desktop .wkg-button--tertiary.wkg-button--outlined.wkg-button--size-lg:hover, .device-large .wkg-button--tertiary.wkg-button--outlined.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-tertiary-outlined-hover-desktop-lg); }
.device-desktop .wkg-button--tertiary.wkg-button--outlined.wkg-button--size-xl:hover, .device-large .wkg-button--tertiary.wkg-button--outlined.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-tertiary-outlined-hover-desktop-xl); }
.device-desktop .wkg-button--tertiary.wkg-button--outlined.wkg-button--size-xl2:hover, .device-large .wkg-button--tertiary.wkg-button--outlined.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-tertiary-outlined-hover-desktop-2xl); }
.wkg-button--quaternary { font-family: var(--wkg-font-family-button-quaternary, sans-serif); font-style: var(--wkg-font-style-button-quaternary); text-decoration: var(--wkg-text-decoration-button-quaternary); text-transform: var(--wkg-text-transform-button-quaternary); transition: var(--wkg-transition-button-quaternary); margin: var(--wkg-margin-button-quaternary); gap: var(--wkg-gap-button-quaternary); }
.wkg-button--quaternary:hover { text-decoration: var(--wkg-text-decoration-button-quaternary-hover); }
.wkg-button--quaternary:active { text-decoration: var(--wkg-text-decoration-button-quaternary); }
.wkg-button--quaternary:focus-visible { text-decoration: var(--wkg-text-decoration-button-quaternary-hover); }
.wkg-button--quaternary:disabled { text-decoration: var(--wkg-text-decoration-button-quaternary-disabled); cursor: not-allowed; }
.wkg-button--quaternary.wkg-button--size-xs { font-size: var(--wkg-font-size-button-quaternary-xs); line-height: var(--wkg-line-height-button-quaternary); border-radius: var(--wkg-border-radius-button-quaternary-xs); padding: var(--wkg-padding-button-quaternary-xs); }
.wkg-button--quaternary.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-quaternary-xs); }
.wkg-button--quaternary.wkg-button--size-sm { font-size: var(--wkg-font-size-button-quaternary-sm); line-height: var(--wkg-line-height-button-quaternary); border-radius: var(--wkg-border-radius-button-quaternary-sm); padding: var(--wkg-padding-button-quaternary-sm); }
.wkg-button--quaternary.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-quaternary-sm); }
.wkg-button--quaternary.wkg-button--size-md { font-size: var(--wkg-font-size-button-quaternary-md); line-height: var(--wkg-line-height-button-quaternary); border-radius: var(--wkg-border-radius-button-quaternary-md); padding: var(--wkg-padding-button-quaternary-md); }
.wkg-button--quaternary.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-quaternary-md); }
.wkg-button--quaternary.wkg-button--size-lg { font-size: var(--wkg-font-size-button-quaternary-lg); line-height: var(--wkg-line-height-button-quaternary); border-radius: var(--wkg-border-radius-button-quaternary-lg); padding: var(--wkg-padding-button-quaternary-lg); }
.wkg-button--quaternary.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-quaternary-lg); }
.wkg-button--quaternary.wkg-button--size-xl { font-size: var(--wkg-font-size-button-quaternary-xl); line-height: var(--wkg-line-height-button-quaternary); border-radius: var(--wkg-border-radius-button-quaternary-xl); padding: var(--wkg-padding-button-quaternary-xl); }
.wkg-button--quaternary.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-quaternary-xl); }
.wkg-button--quaternary.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-quaternary-2xl); line-height: var(--wkg-line-height-button-quaternary); border-radius: var(--wkg-border-radius-button-quaternary-2xl); padding: var(--wkg-padding-button-quaternary-2xl); }
.wkg-button--quaternary.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-quaternary-2xl); }
.device-desktop .wkg-button--quaternary.wkg-button--size-xs, .device-large .wkg-button--quaternary.wkg-button--size-xs { font-size: var(--wkg-font-size-button-quaternary-desktop-xs); border-radius: var(--wkg-border-radius-button-quaternary-desktop-xs); padding: var(--wkg-padding-button-quaternary-desktop-xs); }
.device-desktop .wkg-button--quaternary.wkg-button--size-xs .wkg-button__icon, .device-large .wkg-button--quaternary.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-quaternary-desktop-xs); }
.device-desktop .wkg-button--quaternary.wkg-button--size-sm, .device-large .wkg-button--quaternary.wkg-button--size-sm { font-size: var(--wkg-font-size-button-quaternary-desktop-sm); border-radius: var(--wkg-border-radius-button-quaternary-desktop-sm); padding: var(--wkg-padding-button-quaternary-desktop-sm); }
.device-desktop .wkg-button--quaternary.wkg-button--size-sm .wkg-button__icon, .device-large .wkg-button--quaternary.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-quaternary-desktop-sm); }
.device-desktop .wkg-button--quaternary.wkg-button--size-md, .device-large .wkg-button--quaternary.wkg-button--size-md { font-size: var(--wkg-font-size-button-quaternary-desktop-md); border-radius: var(--wkg-border-radius-button-quaternary-desktop-md); padding: var(--wkg-padding-button-quaternary-desktop-md); }
.device-desktop .wkg-button--quaternary.wkg-button--size-md .wkg-button__icon, .device-large .wkg-button--quaternary.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-quaternary-desktop-md); }
.device-desktop .wkg-button--quaternary.wkg-button--size-lg, .device-large .wkg-button--quaternary.wkg-button--size-lg { font-size: var(--wkg-font-size-button-quaternary-desktop-lg); border-radius: var(--wkg-border-radius-button-quaternary-desktop-lg); padding: var(--wkg-padding-button-quaternary-desktop-lg); }
.device-desktop .wkg-button--quaternary.wkg-button--size-lg .wkg-button__icon, .device-large .wkg-button--quaternary.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-quaternary-desktop-lg); }
.device-desktop .wkg-button--quaternary.wkg-button--size-xl, .device-large .wkg-button--quaternary.wkg-button--size-xl { font-size: var(--wkg-font-size-button-quaternary-desktop-xl); border-radius: var(--wkg-border-radius-button-quaternary-desktop-xl); padding: var(--wkg-padding-button-quaternary-desktop-xl); }
.device-desktop .wkg-button--quaternary.wkg-button--size-xl .wkg-button__icon, .device-large .wkg-button--quaternary.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-quaternary-desktop-xl); }
.device-desktop .wkg-button--quaternary.wkg-button--size-xl2, .device-large .wkg-button--quaternary.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-quaternary-desktop-2xl); border-radius: var(--wkg-border-radius-button-quaternary-desktop-2xl); padding: var(--wkg-padding-button-quaternary-desktop-2xl); }
.device-desktop .wkg-button--quaternary.wkg-button--size-xl2 .wkg-button__icon, .device-large .wkg-button--quaternary.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-quaternary-desktop-2xl); }
.wkg-button.wkg-button--quaternary.wkg-button-radius-none, .device-desktop .wkg-button.wkg-button--quaternary.wkg-button-radius-none, .device-large .wkg-button.wkg-button--quaternary.wkg-button-radius-none { border-radius: 0px; }
.wkg-button.wkg-button--quaternary.wkg-button-radius-xs, .device-desktop .wkg-button.wkg-button--quaternary.wkg-button-radius-xs, .device-large .wkg-button.wkg-button--quaternary.wkg-button-radius-xs { border-radius: var(--wkg-border-radius-button-quaternary-xs); }
.wkg-button.wkg-button--quaternary.wkg-button-radius-sm, .device-desktop .wkg-button.wkg-button--quaternary.wkg-button-radius-sm, .device-large .wkg-button.wkg-button--quaternary.wkg-button-radius-sm { border-radius: var(--wkg-border-radius-button-quaternary-sm); }
.wkg-button.wkg-button--quaternary.wkg-button-radius-md, .device-desktop .wkg-button.wkg-button--quaternary.wkg-button-radius-md, .device-large .wkg-button.wkg-button--quaternary.wkg-button-radius-md { border-radius: var(--wkg-border-radius-button-quaternary-md); }
.wkg-button.wkg-button--quaternary.wkg-button-radius-lg, .device-desktop .wkg-button.wkg-button--quaternary.wkg-button-radius-lg, .device-large .wkg-button.wkg-button--quaternary.wkg-button-radius-lg { border-radius: var(--wkg-border-radius-button-quaternary-lg); }
.wkg-button.wkg-button--quaternary.wkg-button-radius-xl, .device-desktop .wkg-button.wkg-button--quaternary.wkg-button-radius-xl, .device-large .wkg-button.wkg-button--quaternary.wkg-button-radius-xl { border-radius: var(--wkg-border-radius-button-quaternary-xl); }
.wkg-button.wkg-button--quaternary.wkg-button-radius-xl2, .device-desktop .wkg-button.wkg-button--quaternary.wkg-button-radius-xl2, .device-large .wkg-button.wkg-button--quaternary.wkg-button-radius-xl2 { border-radius: var(--wkg-border-radius-button-quaternary-2xl); }
.wkg-button--quaternary.wkg-button--filled { color: var(--wkg-color-button-quaternary-filled); background: var(--wkg-bg-color-button-quaternary-filled); border-style: var(--wkg-border-style-button-quaternary-filled); border-color: var(--wkg-border-color-button-quaternary-filled); border-width: var(--wkg-border-width-button-quaternary-filled); font-weight: var(--wkg-font-weight-button-quaternary-filled); box-shadow: var(--wkg-shadow-button-quaternary-filled); }
.wkg-button--quaternary.wkg-button--filled:hover { color: var(--wkg-color-button-quaternary-filled-hover); background: var(--wkg-bg-color-button-quaternary-filled-hover); border-color: var(--wkg-border-color-button-quaternary-filled-hover); border-width: var(--wkg-border-width-button-quaternary-filled-hover); }
.wkg-button--quaternary.wkg-button--filled:hover .wkg-button__icon { color: var(--wkg-color-button-quaternary-filled-hover); }
.wkg-button--quaternary.wkg-button--filled:active { color: var(--wkg-color-button-quaternary-filled); background: var(--wkg-bg-color-button-quaternary-filled); border-color: var(--wkg-border-color-button-quaternary-filled); border-width: var(--wkg-border-width-button-quaternary-filled); box-shadow: var(--wkg-shadow-button-quaternary-filled); }
.wkg-button--quaternary.wkg-button--filled:active .wkg-button__icon { color: var(--wkg-color-button-quaternary-filled); }
.wkg-button--quaternary.wkg-button--filled:focus-visible { color: var(--wkg-color-button-quaternary-filled-hover); background: var(--wkg-bg-color-button-quaternary-filled-hover); border-color: var(--wkg-border-color-button-quaternary-filled-hover); border-width: var(--wkg-border-width-button-quaternary-filled-hover); }
.wkg-button--quaternary.wkg-button--filled:focus .wkg-button__icon { color: var(--wkg-color-button-quaternary-filled-hover); }
.wkg-button--quaternary.wkg-button--filled:disabled { color: var(--wkg-color-button-quaternary-filled-disabled); background: var(--wkg-bg-color-button-quaternary-filled-disabled); border-color: var(--wkg-border-color-button-quaternary-filled-disabled); border-style: var(--wkg-border-style-button-quaternary-filled-disabled); border-width: var(--wkg-border-width-button-quaternary-filled-disabled); box-shadow: var(--wkg-shadow-button-quaternary-filled-disabled); }
.wkg-button--quaternary.wkg-button--filled:disabled .wkg-button__icon { color: var(--wkg-color-button-quaternary-filled-disabled); }
.wkg-button--quaternary.wkg-button--filled.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-quaternary-filled-hover-xs); }
.wkg-button--quaternary.wkg-button--filled.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-quaternary-filled-hover-sm); }
.wkg-button--quaternary.wkg-button--filled.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-quaternary-filled-hover-md); }
.wkg-button--quaternary.wkg-button--filled.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-quaternary-filled-hover-lg); }
.wkg-button--quaternary.wkg-button--filled.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-quaternary-filled-hover-xl); }
.wkg-button--quaternary.wkg-button--filled.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-quaternary-filled-hover-2xl); }
.device-desktop .wkg-button--quaternary.wkg-button--filled, .device-large .wkg-button--quaternary.wkg-button--filled { box-shadow: var(--wkg-shadow-button-quaternary-filled-desktop); }
.device-desktop .wkg-button--quaternary.wkg-button--filled:disabled, .device-large .wkg-button--quaternary.wkg-button--filled:disabled { box-shadow: var(--wkg-shadow-button-quaternary-filled-desktop-disabled); }
.device-desktop .wkg-button--quaternary.wkg-button--filled.wkg-button--size-xs:hover, .device-large .wkg-button--quaternary.wkg-button--filled.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-quaternary-filled-hover-desktop-xs); }
.device-desktop .wkg-button--quaternary.wkg-button--filled.wkg-button--size-sm:hover, .device-large .wkg-button--quaternary.wkg-button--filled.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-quaternary-filled-hover-desktop-sm); }
.device-desktop .wkg-button--quaternary.wkg-button--filled.wkg-button--size-md:hover, .device-large .wkg-button--quaternary.wkg-button--filled.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-quaternary-filled-hover-desktop-md); }
.device-desktop .wkg-button--quaternary.wkg-button--filled.wkg-button--size-lg:hover, .device-large .wkg-button--quaternary.wkg-button--filled.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-quaternary-filled-hover-desktop-lg); }
.device-desktop .wkg-button--quaternary.wkg-button--filled.wkg-button--size-xl:hover, .device-large .wkg-button--quaternary.wkg-button--filled.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-quaternary-filled-hover-desktop-xl); }
.device-desktop .wkg-button--quaternary.wkg-button--filled.wkg-button--size-xl2:hover, .device-large .wkg-button--quaternary.wkg-button--filled.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-quaternary-filled-hover-desktop-2xl); }
.wkg-button--quaternary.wkg-button--outlined { color: var(--wkg-color-button-quaternary-outlined); background: var(--wkg-bg-color-button-quaternary-outlined); border-style: var(--wkg-border-style-button-quaternary-outlined); border-color: var(--wkg-border-color-button-quaternary-outlined); border-width: var(--wkg-border-width-button-quaternary-outlined); font-weight: var(--wkg-font-weight-button-quaternary-outlined); box-shadow: var(--wkg-shadow-button-quaternary-outlined); }
.wkg-button--quaternary.wkg-button--outlined:hover { color: var(--wkg-color-button-quaternary-outlined-hover); background: var(--wkg-bg-color-button-quaternary-outlined-hover); border-color: var(--wkg-border-color-button-quaternary-outlined-hover); border-width: var(--wkg-border-width-button-quaternary-outlined-hover); }
.wkg-button--quaternary.wkg-button--outlined:hover .wkg-button__icon { color: var(--wkg-color-button-quaternary-outlined-hover); }
.wkg-button--quaternary.wkg-button--outlined:active { color: var(--wkg-color-button-quaternary-outlined); background: var(--wkg-bg-color-button-quaternary-outlined); border-color: var(--wkg-border-color-button-quaternary-outlined); border-width: var(--wkg-border-width-button-quaternary-outlined); box-shadow: var(--wkg-shadow-button-quaternary-outlined); }
.wkg-button--quaternary.wkg-button--outlined:active .wkg-button__icon { color: var(--wkg-color-button-quaternary-outlined); }
.wkg-button--quaternary.wkg-button--outlined:focus-visible { color: var(--wkg-color-button-quaternary-outlined-hover); background: var(--wkg-bg-color-button-quaternary-outlined-hover); border-color: var(--wkg-border-color-button-quaternary-outlined-hover); border-width: var(--wkg-border-width-button-quaternary-outlined-hover); }
.wkg-button--quaternary.wkg-button--outlined:focus .wkg-button__icon { color: var(--wkg-color-button-quaternary-outlined-hover); }
.wkg-button--quaternary.wkg-button--outlined:disabled { color: var(--wkg-color-button-quaternary-outlined-disabled); background: var(--wkg-bg-color-button-quaternary-outlined-disabled); border-color: var(--wkg-border-color-button-quaternary-outlined-disabled); border-style: var(--wkg-border-style-button-quaternary-outlined-disabled); border-width: var(--wkg-border-width-button-quaternary-outlined-disabled); box-shadow: var(--wkg-shadow-button-quaternary-outlined-disabled); }
.wkg-button--quaternary.wkg-button--outlined:disabled .wkg-button__icon { color: var(--wkg-color-button-quaternary-outlined-disabled); }
.wkg-button--quaternary.wkg-button--outlined.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-quaternary-outlined-hover-xs); }
.wkg-button--quaternary.wkg-button--outlined.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-quaternary-outlined-hover-sm); }
.wkg-button--quaternary.wkg-button--outlined.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-quaternary-outlined-hover-md); }
.wkg-button--quaternary.wkg-button--outlined.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-quaternary-outlined-hover-lg); }
.wkg-button--quaternary.wkg-button--outlined.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-quaternary-outlined-hover-xl); }
.wkg-button--quaternary.wkg-button--outlined.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-quaternary-outlined-hover-2xl); }
.device-desktop .wkg-button--quaternary.wkg-button--outlined, .device-large .wkg-button--quaternary.wkg-button--outlined { box-shadow: var(--wkg-shadow-button-quaternary-outlined-desktop); }
.device-desktop .wkg-button--quaternary.wkg-button--outlined:disabled, .device-large .wkg-button--quaternary.wkg-button--outlined:disabled { box-shadow: var(--wkg-shadow-button-quaternary-outlined-desktop-disabled); }
.device-desktop .wkg-button--quaternary.wkg-button--outlined.wkg-button--size-xs:hover, .device-large .wkg-button--quaternary.wkg-button--outlined.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-quaternary-outlined-hover-desktop-xs); }
.device-desktop .wkg-button--quaternary.wkg-button--outlined.wkg-button--size-sm:hover, .device-large .wkg-button--quaternary.wkg-button--outlined.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-quaternary-outlined-hover-desktop-sm); }
.device-desktop .wkg-button--quaternary.wkg-button--outlined.wkg-button--size-md:hover, .device-large .wkg-button--quaternary.wkg-button--outlined.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-quaternary-outlined-hover-desktop-md); }
.device-desktop .wkg-button--quaternary.wkg-button--outlined.wkg-button--size-lg:hover, .device-large .wkg-button--quaternary.wkg-button--outlined.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-quaternary-outlined-hover-desktop-lg); }
.device-desktop .wkg-button--quaternary.wkg-button--outlined.wkg-button--size-xl:hover, .device-large .wkg-button--quaternary.wkg-button--outlined.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-quaternary-outlined-hover-desktop-xl); }
.device-desktop .wkg-button--quaternary.wkg-button--outlined.wkg-button--size-xl2:hover, .device-large .wkg-button--quaternary.wkg-button--outlined.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-quaternary-outlined-hover-desktop-2xl); }
.wkg-button--quinary { font-family: var(--wkg-font-family-button-quinary, sans-serif); font-style: var(--wkg-font-style-button-quinary); text-decoration: var(--wkg-text-decoration-button-quinary); text-transform: var(--wkg-text-transform-button-quinary); transition: var(--wkg-transition-button-quinary); margin: var(--wkg-margin-button-quinary); gap: var(--wkg-gap-button-quinary); }
.wkg-button--quinary:hover { text-decoration: var(--wkg-text-decoration-button-quinary-hover); }
.wkg-button--quinary:active { text-decoration: var(--wkg-text-decoration-button-quinary); }
.wkg-button--quinary:focus-visible { text-decoration: var(--wkg-text-decoration-button-quinary-hover); }
.wkg-button--quinary:disabled { text-decoration: var(--wkg-text-decoration-button-quinary-disabled); cursor: not-allowed; }
.wkg-button--quinary.wkg-button--size-xs { font-size: var(--wkg-font-size-button-quinary-xs); line-height: var(--wkg-line-height-button-quinary); border-radius: var(--wkg-border-radius-button-quinary-xs); padding: var(--wkg-padding-button-quinary-xs); }
.wkg-button--quinary.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-quinary-xs); }
.wkg-button--quinary.wkg-button--size-sm { font-size: var(--wkg-font-size-button-quinary-sm); line-height: var(--wkg-line-height-button-quinary); border-radius: var(--wkg-border-radius-button-quinary-sm); padding: var(--wkg-padding-button-quinary-sm); }
.wkg-button--quinary.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-quinary-sm); }
.wkg-button--quinary.wkg-button--size-md { font-size: var(--wkg-font-size-button-quinary-md); line-height: var(--wkg-line-height-button-quinary); border-radius: var(--wkg-border-radius-button-quinary-md); padding: var(--wkg-padding-button-quinary-md); }
.wkg-button--quinary.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-quinary-md); }
.wkg-button--quinary.wkg-button--size-lg { font-size: var(--wkg-font-size-button-quinary-lg); line-height: var(--wkg-line-height-button-quinary); border-radius: var(--wkg-border-radius-button-quinary-lg); padding: var(--wkg-padding-button-quinary-lg); }
.wkg-button--quinary.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-quinary-lg); }
.wkg-button--quinary.wkg-button--size-xl { font-size: var(--wkg-font-size-button-quinary-xl); line-height: var(--wkg-line-height-button-quinary); border-radius: var(--wkg-border-radius-button-quinary-xl); padding: var(--wkg-padding-button-quinary-xl); }
.wkg-button--quinary.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-quinary-xl); }
.wkg-button--quinary.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-quinary-2xl); line-height: var(--wkg-line-height-button-quinary); border-radius: var(--wkg-border-radius-button-quinary-2xl); padding: var(--wkg-padding-button-quinary-2xl); }
.wkg-button--quinary.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-quinary-2xl); }
.device-desktop .wkg-button--quinary.wkg-button--size-xs, .device-large .wkg-button--quinary.wkg-button--size-xs { font-size: var(--wkg-font-size-button-quinary-desktop-xs); border-radius: var(--wkg-border-radius-button-quinary-desktop-xs); padding: var(--wkg-padding-button-quinary-desktop-xs); }
.device-desktop .wkg-button--quinary.wkg-button--size-xs .wkg-button__icon, .device-large .wkg-button--quinary.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-quinary-desktop-xs); }
.device-desktop .wkg-button--quinary.wkg-button--size-sm, .device-large .wkg-button--quinary.wkg-button--size-sm { font-size: var(--wkg-font-size-button-quinary-desktop-sm); border-radius: var(--wkg-border-radius-button-quinary-desktop-sm); padding: var(--wkg-padding-button-quinary-desktop-sm); }
.device-desktop .wkg-button--quinary.wkg-button--size-sm .wkg-button__icon, .device-large .wkg-button--quinary.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-quinary-desktop-sm); }
.device-desktop .wkg-button--quinary.wkg-button--size-md, .device-large .wkg-button--quinary.wkg-button--size-md { font-size: var(--wkg-font-size-button-quinary-desktop-md); border-radius: var(--wkg-border-radius-button-quinary-desktop-md); padding: var(--wkg-padding-button-quinary-desktop-md); }
.device-desktop .wkg-button--quinary.wkg-button--size-md .wkg-button__icon, .device-large .wkg-button--quinary.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-quinary-desktop-md); }
.device-desktop .wkg-button--quinary.wkg-button--size-lg, .device-large .wkg-button--quinary.wkg-button--size-lg { font-size: var(--wkg-font-size-button-quinary-desktop-lg); border-radius: var(--wkg-border-radius-button-quinary-desktop-lg); padding: var(--wkg-padding-button-quinary-desktop-lg); }
.device-desktop .wkg-button--quinary.wkg-button--size-lg .wkg-button__icon, .device-large .wkg-button--quinary.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-quinary-desktop-lg); }
.device-desktop .wkg-button--quinary.wkg-button--size-xl, .device-large .wkg-button--quinary.wkg-button--size-xl { font-size: var(--wkg-font-size-button-quinary-desktop-xl); border-radius: var(--wkg-border-radius-button-quinary-desktop-xl); padding: var(--wkg-padding-button-quinary-desktop-xl); }
.device-desktop .wkg-button--quinary.wkg-button--size-xl .wkg-button__icon, .device-large .wkg-button--quinary.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-quinary-desktop-xl); }
.device-desktop .wkg-button--quinary.wkg-button--size-xl2, .device-large .wkg-button--quinary.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-quinary-desktop-2xl); border-radius: var(--wkg-border-radius-button-quinary-desktop-2xl); padding: var(--wkg-padding-button-quinary-desktop-2xl); }
.device-desktop .wkg-button--quinary.wkg-button--size-xl2 .wkg-button__icon, .device-large .wkg-button--quinary.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-quinary-desktop-2xl); }
.wkg-button.wkg-button--quinary.wkg-button-radius-none, .device-desktop .wkg-button.wkg-button--quinary.wkg-button-radius-none, .device-large .wkg-button.wkg-button--quinary.wkg-button-radius-none { border-radius: 0px; }
.wkg-button.wkg-button--quinary.wkg-button-radius-xs, .device-desktop .wkg-button.wkg-button--quinary.wkg-button-radius-xs, .device-large .wkg-button.wkg-button--quinary.wkg-button-radius-xs { border-radius: var(--wkg-border-radius-button-quinary-xs); }
.wkg-button.wkg-button--quinary.wkg-button-radius-sm, .device-desktop .wkg-button.wkg-button--quinary.wkg-button-radius-sm, .device-large .wkg-button.wkg-button--quinary.wkg-button-radius-sm { border-radius: var(--wkg-border-radius-button-quinary-sm); }
.wkg-button.wkg-button--quinary.wkg-button-radius-md, .device-desktop .wkg-button.wkg-button--quinary.wkg-button-radius-md, .device-large .wkg-button.wkg-button--quinary.wkg-button-radius-md { border-radius: var(--wkg-border-radius-button-quinary-md); }
.wkg-button.wkg-button--quinary.wkg-button-radius-lg, .device-desktop .wkg-button.wkg-button--quinary.wkg-button-radius-lg, .device-large .wkg-button.wkg-button--quinary.wkg-button-radius-lg { border-radius: var(--wkg-border-radius-button-quinary-lg); }
.wkg-button.wkg-button--quinary.wkg-button-radius-xl, .device-desktop .wkg-button.wkg-button--quinary.wkg-button-radius-xl, .device-large .wkg-button.wkg-button--quinary.wkg-button-radius-xl { border-radius: var(--wkg-border-radius-button-quinary-xl); }
.wkg-button.wkg-button--quinary.wkg-button-radius-xl2, .device-desktop .wkg-button.wkg-button--quinary.wkg-button-radius-xl2, .device-large .wkg-button.wkg-button--quinary.wkg-button-radius-xl2 { border-radius: var(--wkg-border-radius-button-quinary-2xl); }
.wkg-button--quinary.wkg-button--filled { color: var(--wkg-color-button-quinary-filled); background: var(--wkg-bg-color-button-quinary-filled); border-style: var(--wkg-border-style-button-quinary-filled); border-color: var(--wkg-border-color-button-quinary-filled); border-width: var(--wkg-border-width-button-quinary-filled); font-weight: var(--wkg-font-weight-button-quinary-filled); box-shadow: var(--wkg-shadow-button-quinary-filled); }
.wkg-button--quinary.wkg-button--filled:hover { color: var(--wkg-color-button-quinary-filled-hover); background: var(--wkg-bg-color-button-quinary-filled-hover); border-color: var(--wkg-border-color-button-quinary-filled-hover); border-width: var(--wkg-border-width-button-quinary-filled-hover); }
.wkg-button--quinary.wkg-button--filled:hover .wkg-button__icon { color: var(--wkg-color-button-quinary-filled-hover); }
.wkg-button--quinary.wkg-button--filled:active { color: var(--wkg-color-button-quinary-filled); background: var(--wkg-bg-color-button-quinary-filled); border-color: var(--wkg-border-color-button-quinary-filled); border-width: var(--wkg-border-width-button-quinary-filled); box-shadow: var(--wkg-shadow-button-quinary-filled); }
.wkg-button--quinary.wkg-button--filled:active .wkg-button__icon { color: var(--wkg-color-button-quinary-filled); }
.wkg-button--quinary.wkg-button--filled:focus-visible { color: var(--wkg-color-button-quinary-filled-hover); background: var(--wkg-bg-color-button-quinary-filled-hover); border-color: var(--wkg-border-color-button-quinary-filled-hover); border-width: var(--wkg-border-width-button-quinary-filled-hover); }
.wkg-button--quinary.wkg-button--filled:focus .wkg-button__icon { color: var(--wkg-color-button-quinary-filled-hover); }
.wkg-button--quinary.wkg-button--filled:disabled { color: var(--wkg-color-button-quinary-filled-disabled); background: var(--wkg-bg-color-button-quinary-filled-disabled); border-color: var(--wkg-border-color-button-quinary-filled-disabled); border-style: var(--wkg-border-style-button-quinary-filled-disabled); border-width: var(--wkg-border-width-button-quinary-filled-disabled); box-shadow: var(--wkg-shadow-button-quinary-filled-disabled); }
.wkg-button--quinary.wkg-button--filled:disabled .wkg-button__icon { color: var(--wkg-color-button-quinary-filled-disabled); }
.wkg-button--quinary.wkg-button--filled.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-quinary-filled-hover-xs); }
.wkg-button--quinary.wkg-button--filled.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-quinary-filled-hover-sm); }
.wkg-button--quinary.wkg-button--filled.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-quinary-filled-hover-md); }
.wkg-button--quinary.wkg-button--filled.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-quinary-filled-hover-lg); }
.wkg-button--quinary.wkg-button--filled.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-quinary-filled-hover-xl); }
.wkg-button--quinary.wkg-button--filled.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-quinary-filled-hover-2xl); }
.device-desktop .wkg-button--quinary.wkg-button--filled, .device-large .wkg-button--quinary.wkg-button--filled { box-shadow: var(--wkg-shadow-button-quinary-filled-desktop); }
.device-desktop .wkg-button--quinary.wkg-button--filled:disabled, .device-large .wkg-button--quinary.wkg-button--filled:disabled { box-shadow: var(--wkg-shadow-button-quinary-filled-desktop-disabled); }
.device-desktop .wkg-button--quinary.wkg-button--filled.wkg-button--size-xs:hover, .device-large .wkg-button--quinary.wkg-button--filled.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-quinary-filled-hover-desktop-xs); }
.device-desktop .wkg-button--quinary.wkg-button--filled.wkg-button--size-sm:hover, .device-large .wkg-button--quinary.wkg-button--filled.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-quinary-filled-hover-desktop-sm); }
.device-desktop .wkg-button--quinary.wkg-button--filled.wkg-button--size-md:hover, .device-large .wkg-button--quinary.wkg-button--filled.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-quinary-filled-hover-desktop-md); }
.device-desktop .wkg-button--quinary.wkg-button--filled.wkg-button--size-lg:hover, .device-large .wkg-button--quinary.wkg-button--filled.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-quinary-filled-hover-desktop-lg); }
.device-desktop .wkg-button--quinary.wkg-button--filled.wkg-button--size-xl:hover, .device-large .wkg-button--quinary.wkg-button--filled.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-quinary-filled-hover-desktop-xl); }
.device-desktop .wkg-button--quinary.wkg-button--filled.wkg-button--size-xl2:hover, .device-large .wkg-button--quinary.wkg-button--filled.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-quinary-filled-hover-desktop-2xl); }
.wkg-button--quinary.wkg-button--outlined { color: var(--wkg-color-button-quinary-outlined); background: var(--wkg-bg-color-button-quinary-outlined); border-style: var(--wkg-border-style-button-quinary-outlined); border-color: var(--wkg-border-color-button-quinary-outlined); border-width: var(--wkg-border-width-button-quinary-outlined); font-weight: var(--wkg-font-weight-button-quinary-outlined); box-shadow: var(--wkg-shadow-button-quinary-outlined); }
.wkg-button--quinary.wkg-button--outlined:hover { color: var(--wkg-color-button-quinary-outlined-hover); background: var(--wkg-bg-color-button-quinary-outlined-hover); border-color: var(--wkg-border-color-button-quinary-outlined-hover); border-width: var(--wkg-border-width-button-quinary-outlined-hover); }
.wkg-button--quinary.wkg-button--outlined:hover .wkg-button__icon { color: var(--wkg-color-button-quinary-outlined-hover); }
.wkg-button--quinary.wkg-button--outlined:active { color: var(--wkg-color-button-quinary-outlined); background: var(--wkg-bg-color-button-quinary-outlined); border-color: var(--wkg-border-color-button-quinary-outlined); border-width: var(--wkg-border-width-button-quinary-outlined); box-shadow: var(--wkg-shadow-button-quinary-outlined); }
.wkg-button--quinary.wkg-button--outlined:active .wkg-button__icon { color: var(--wkg-color-button-quinary-outlined); }
.wkg-button--quinary.wkg-button--outlined:focus-visible { color: var(--wkg-color-button-quinary-outlined-hover); background: var(--wkg-bg-color-button-quinary-outlined-hover); border-color: var(--wkg-border-color-button-quinary-outlined-hover); border-width: var(--wkg-border-width-button-quinary-outlined-hover); }
.wkg-button--quinary.wkg-button--outlined:focus .wkg-button__icon { color: var(--wkg-color-button-quinary-outlined-hover); }
.wkg-button--quinary.wkg-button--outlined:disabled { color: var(--wkg-color-button-quinary-outlined-disabled); background: var(--wkg-bg-color-button-quinary-outlined-disabled); border-color: var(--wkg-border-color-button-quinary-outlined-disabled); border-style: var(--wkg-border-style-button-quinary-outlined-disabled); border-width: var(--wkg-border-width-button-quinary-outlined-disabled); box-shadow: var(--wkg-shadow-button-quinary-outlined-disabled); }
.wkg-button--quinary.wkg-button--outlined:disabled .wkg-button__icon { color: var(--wkg-color-button-quinary-outlined-disabled); }
.wkg-button--quinary.wkg-button--outlined.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-quinary-outlined-hover-xs); }
.wkg-button--quinary.wkg-button--outlined.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-quinary-outlined-hover-sm); }
.wkg-button--quinary.wkg-button--outlined.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-quinary-outlined-hover-md); }
.wkg-button--quinary.wkg-button--outlined.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-quinary-outlined-hover-lg); }
.wkg-button--quinary.wkg-button--outlined.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-quinary-outlined-hover-xl); }
.wkg-button--quinary.wkg-button--outlined.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-quinary-outlined-hover-2xl); }
.device-desktop .wkg-button--quinary.wkg-button--outlined, .device-large .wkg-button--quinary.wkg-button--outlined { box-shadow: var(--wkg-shadow-button-quinary-outlined-desktop); }
.device-desktop .wkg-button--quinary.wkg-button--outlined:disabled, .device-large .wkg-button--quinary.wkg-button--outlined:disabled { box-shadow: var(--wkg-shadow-button-quinary-outlined-desktop-disabled); }
.device-desktop .wkg-button--quinary.wkg-button--outlined.wkg-button--size-xs:hover, .device-large .wkg-button--quinary.wkg-button--outlined.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-quinary-outlined-hover-desktop-xs); }
.device-desktop .wkg-button--quinary.wkg-button--outlined.wkg-button--size-sm:hover, .device-large .wkg-button--quinary.wkg-button--outlined.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-quinary-outlined-hover-desktop-sm); }
.device-desktop .wkg-button--quinary.wkg-button--outlined.wkg-button--size-md:hover, .device-large .wkg-button--quinary.wkg-button--outlined.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-quinary-outlined-hover-desktop-md); }
.device-desktop .wkg-button--quinary.wkg-button--outlined.wkg-button--size-lg:hover, .device-large .wkg-button--quinary.wkg-button--outlined.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-quinary-outlined-hover-desktop-lg); }
.device-desktop .wkg-button--quinary.wkg-button--outlined.wkg-button--size-xl:hover, .device-large .wkg-button--quinary.wkg-button--outlined.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-quinary-outlined-hover-desktop-xl); }
.device-desktop .wkg-button--quinary.wkg-button--outlined.wkg-button--size-xl2:hover, .device-large .wkg-button--quinary.wkg-button--outlined.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-quinary-outlined-hover-desktop-2xl); }
.wkg-button--navPrimary { font-family: var(--wkg-font-family-button-nav-primary, sans-serif); font-style: var(--wkg-font-style-button-nav-primary); text-decoration: var(--wkg-text-decoration-button-nav-primary); text-transform: var(--wkg-text-transform-button-nav-primary); transition: var(--wkg-transition-button-nav-primary); margin: var(--wkg-margin-button-nav-primary); gap: var(--wkg-gap-button-nav-primary); color: var(--wkg-color-button-nav-primary); background: var(--wkg-bg-color-button-nav-primary); border-style: var(--wkg-border-style-button-nav-primary); border-color: var(--wkg-border-color-button-nav-primary); border-width: var(--wkg-border-width-button-nav-primary); font-weight: var(--wkg-font-weight-button-nav-primary); font-size: var(--wkg-font-size-button-nav-primary); line-height: var(--wkg-line-height-button-nav-primary); border-radius: var(--wkg-border-radius-button-nav-primary); padding: var(--wkg-padding-button-nav-primary); }
.wkg-button--navPrimary .wkg-button__icon { font-size: var(--wkg-font-size-icon-button-nav-primary); }
.wkg-button--navPrimary:hover { color: var(--wkg-color-button-nav-primary-hover); background: var(--wkg-bg-color-button-nav-primary-hover); border-color: var(--wkg-border-color-button-nav-primary-hover); border-width: var(--wkg-border-width-button-nav-primary-hover); text-decoration: var(--wkg-text-decoration-button-nav-primary-hover); box-shadow: var(--wkg-shadow-button-nav-primary-hover); }
.wkg-button--navPrimary:hover .wkg-button__icon { color: var(--wkg-color-icon-button-nav-primary-hover); }
.wkg-button--navPrimary.wkg-button--selected { color: var(--wkg-color-button-nav-primary-selected); background: var(--wkg-bg-color-button-nav-primary-selected); border-color: var(--wkg-border-color-button-nav-primary-selected); border-width: var(--wkg-border-width-button-nav-primary-selected); text-decoration: var(--wkg-text-decoration-button-nav-primary-selected); box-shadow: var(--wkg-shadow-button-nav-primary-selected); }
.wkg-button--navPrimary.wkg-button--selected .wkg-button__icon { color: var(--wkg-color-icon-button-nav-primary-selected); }
.device-desktop .wkg-button--navPrimary, .device-large .wkg-button--navPrimary { font-size: var(--wkg-font-size-button-nav-primary-desktop); border-radius: var(--wkg-border-radius-button-nav-primary-desktop); padding: var(--wkg-padding-button-nav-primary-desktop); gap: var(--wkg-gap-button-nav-primary-desktop); }
.device-desktop .wkg-button--navPrimary .wkg-button__icon, .device-large .wkg-button--navPrimary .wkg-button__icon { font-size: var(--wkg-font-size-icon-button-nav-primary-desktop); }
.device-desktop .wkg-button--navPrimary:hover, .device-large .wkg-button--navPrimary:hover { box-shadow: var(--wkg-shadow-button-nav-primary-hover-desktop); }
.device-desktop .wkg-button--navPrimary.wkg-button--selected, .device-large .wkg-button--navPrimary.wkg-button--selected { box-shadow: var(--wkg-shadow-button-nav-primary-selected-desktop); }
.wkg-button--navSecondary { font-family: var(--wkg-font-family-button-nav-secondary, sans-serif); font-style: var(--wkg-font-style-button-nav-secondary); text-decoration: var(--wkg-text-decoration-button-nav-secondary); text-transform: var(--wkg-text-transform-button-nav-secondary); transition: var(--wkg-transition-button-nav-secondary); margin: var(--wkg-margin-button-nav-secondary); gap: var(--wkg-gap-button-nav-secondary); color: var(--wkg-color-button-nav-secondary); background: var(--wkg-bg-color-button-nav-secondary); border-style: var(--wkg-border-style-button-nav-secondary); border-color: var(--wkg-border-color-button-nav-secondary); line-height: var(--wkg-line-height-button-nav-secondary); font-weight: var(--wkg-font-weight-button-nav-secondary); font-size: var(--wkg-font-size-button-nav-secondary); border-radius: var(--wkg-border-radius-button-nav-secondary); border-width: var(--wkg-border-width-button-nav-secondary); padding: var(--wkg-padding-button-nav-secondary); box-shadow: var(--wkg-shadow-button-nav-secondary); }
.wkg-button--navSecondary .wkg-button__icon { font-size: var(--wkg-font-size-icon-button-nav-secondary); }
.wkg-button--navSecondary:hover { color: var(--wkg-color-button-nav-secondary-hover); background: var(--wkg-bg-color-button-nav-secondary-hover); border-color: var(--wkg-border-color-button-nav-secondary-hover); text-decoration: var(--wkg-text-decoration-button-nav-secondary-hover); box-shadow: var(--wkg-shadow-button-nav-secondary-hover); }
.wkg-button--navSecondary:hover .wkg-button__icon { color: var(--wkg-color-icon-button-nav-secondary-hover); }
.wkg-button--navSecondary.wkg-button--selected { color: var(--wkg-color-button-nav-secondary-selected); background: var(--wkg-bg-color-button-nav-secondary-selected); border-color: var(--wkg-border-color-button-nav-secondary-selected); border-width: var(--wkg-border-width-button-nav-secondary-selected); text-decoration: var(--wkg-text-decoration-button-nav-secondary-selected); box-shadow: var(--wkg-shadow-button-nav-secondary-selected); }
.wkg-button--navSecondary.wkg-button--selected .wkg-button__icon { color: var(--wkg-color-icon-button-nav-secondary-selected); }
.device-desktop .wkg-button--navSecondary, .device-large .wkg-button--navSecondary { font-size: var(--wkg-font-size-button-nav-secondary-desktop); border-radius: var(--wkg-border-radius-button-nav-secondary-desktop); padding: var(--wkg-padding-button-nav-secondary-desktop); box-shadow: var(--wkg-shadow-button-nav-secondary-desktop); }
.device-desktop .wkg-button--navSecondary .wkg-button__icon, .device-large .wkg-button--navSecondary .wkg-button__icon { font-size: var(--wkg-font-size-icon-button-nav-secondary-desktop); }
.device-desktop .wkg-button--navSecondary:hover, .device-large .wkg-button--navSecondary:hover { box-shadow: var(--wkg-shadow-button-nav-secondary-hover-desktop); }
.device-desktop .wkg-button--navSecondary.wkg-button--selected, .device-large .wkg-button--navSecondary.wkg-button--selected { box-shadow: var(--wkg-shadow-button-nav-secondary-selected-desktop); }
.wkg-button--navTertiary { justify-content: flex-start; align-self: stretch; font-family: var(--wkg-font-family-button-nav-tertiary, sans-serif); font-style: var(--wkg-font-style-button-nav-tertiary); text-decoration: var(--wkg-text-decoration-button-nav-tertiary); text-transform: var(--wkg-text-transform-button-nav-tertiary); transition: var(--wkg-transition-button-nav-tertiary); margin: var(--wkg-margin-button-nav-tertiary); gap: var(--wkg-gap-button-nav-tertiary); color: var(--wkg-color-button-nav-tertiary); background: var(--wkg-bg-color-button-nav-tertiary); border-style: var(--wkg-border-style-button-nav-tertiary); border-color: var(--wkg-border-color-button-nav-tertiary); border-width: var(--wkg-border-width-button-nav-tertiary); font-weight: var(--wkg-font-weight-button-nav-tertiary); font-size: var(--wkg-font-size-button-nav-tertiary); line-height: var(--wkg-line-height-button-nav-tertiary); border-radius: var(--wkg-border-radius-button-nav-tertiary); padding: var(--wkg-padding-button-nav-tertiary); }
.wkg-button--navTertiary .wkg-button__icon { color: var(--wkg-color-icon-button-nav-tertiary); font-size: var(--wkg-font-size-icon-button-nav-tertiary); }
.wkg-button--navTertiary:hover { color: var(--wkg-color-button-nav-tertiary-hover); background: var(--wkg-bg-color-button-nav-tertiary-hover); border-color: var(--wkg-border-color-button-nav-tertiary-hover); border-width: var(--wkg-border-width-button-nav-tertiary-hover); text-decoration: var(--wkg-text-decoration-button-nav-tertiary-hover); box-shadow: var(--wkg-shadow-button-nav-tertiary-hover); }
.wkg-button--navTertiary:hover .wkg-button__icon { color: var(--wkg-color-icon-button-nav-tertiary-hover); }
.wkg-button--navTertiary.wkg-button--selected { color: var(--wkg-color-button-nav-tertiary-selected); background: var(--wkg-bg-color-button-nav-tertiary-selected); border-color: var(--wkg-border-color-button-nav-tertiary-selected); border-width: var(--wkg-border-width-button-nav-tertiary-selected); text-decoration: var(--wkg-text-decoration-button-nav-tertiary-selected); box-shadow: var(--wkg-shadow-button-nav-tertiary-selected); }
.wkg-button--navTertiary.wkg-button--selected .wkg-button__icon { color: var(--wkg-color-icon-button-nav-tertiary-selected); }
.device-desktop .wkg-button--navTertiary, .device-large .wkg-button--navTertiary { font-size: var(--wkg-font-size-button-nav-tertiary-desktop); border-radius: var(--wkg-border-radius-button-nav-tertiary-desktop); padding: var(--wkg-padding-button-nav-tertiary-desktop); gap: var(--wkg-gap-button-nav-tertiary-desktop); }
.device-desktop .wkg-button--navTertiary .wkg-button__icon, .device-large .wkg-button--navTertiary .wkg-button__icon { font-size: var(--wkg-font-size-icon-button-nav-tertiary-desktop); }
.device-desktop .wkg-button--navTertiary:hover, .device-large .wkg-button--navTertiary:hover { box-shadow: var(--wkg-shadow-button-nav-tertiary-hover-desktop); }
.device-desktop .wkg-button--navTertiary.wkg-button--selected, .device-large .wkg-button--navTertiary.wkg-button--selected { box-shadow: var(--wkg-shadow-button-nav-tertiary-selected-desktop); }
.wkg-button--link { font-family: var(--wkg-font-family-button-link-primary, sans-serif); font-style: var(--wkg-font-style-button-link-primary); text-decoration: var(--wkg-text-decoration-button-link-primary); text-transform: var(--wkg-text-transform-button-link-primary); color: var(--wkg-color-button-link-primary); transition: var(--wkg-transition-button-link-primary); }
.wkg-button--link:hover { text-decoration: var(--wkg-text-decoration-button-link-primary-hover); color: var(--wkg-color-button-link-primary-hover); }
.wkg-button--link:hover .wkg-button__icon { color: var(--wkg-color-button-link-primary-hover); }
.wkg-button--link:visited { text-decoration: var(--wkg-text-decoration-button-link-primary-visited); color: var(--wkg-color-button-link-primary-visited); background: var(--wkg-bg-color-button-link-primary-visited); }
.wkg-button--link:visited .wkg-button__icon { color: var(--wkg-color-button-link-primary-visited); }
.wkg-button--link:active { text-decoration: var(--wkg-text-decoration-button-link-primary); color: var(--wkg-color-button-link-primary); background: var(--wkg-bg-color-button-link-primary); }
.wkg-button--link:active .wkg-button__icon { color: var(--wkg-color-button-link-primary); }
.wkg-button--link:focus-visible { text-decoration: var(--wkg-text-decoration-button-link-primary-hover); color: var(--wkg-color-button-link-primary-hover); background: var(--wkg-bg-color-button-link-primary-hover); }
.wkg-button--link:focus-visible .wkg-button__icon { color: var(--wkg-color-button-link-primary-hover); }
.wkg-button--link:disabled { text-decoration: var(--wkg-text-decoration-button-link-primary-disabled); color: var(--wkg-color-button-link-primary-disabled); background: var(--wkg-bg-color-button-link-primary-disabled); cursor: not-allowed; }
.wkg-button--link:disabled .wkg-button__icon { color: var(--wkg-color-button-link-primary-disabled); }
.wkg-button--link.wkg-button--size-xs { font-size: var(--wkg-font-size-button-link-primary-xs); line-height: var(--wkg-line-height-button-link-primary-xs); font-weight: var(--wkg-font-weight-button-link-primary-xs); padding: var(--wkg-padding-button-link-primary-xs); margin: var(--wkg-margin-button-link-primary-xs); gap: var(--wkg-gap-button-link-primary-xs); }
.wkg-button--link.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-link-primary-xs); }
.wkg-button--link.wkg-button--size-sm { font-size: var(--wkg-font-size-button-link-primary-sm); line-height: var(--wkg-line-height-button-link-primary-sm); font-weight: var(--wkg-font-weight-button-link-primary-sm); padding: var(--wkg-padding-button-link-primary-sm); margin: var(--wkg-margin-button-link-primary-sm); gap: var(--wkg-gap-button-link-primary-sm); }
.wkg-button--link.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-link-primary-sm); }
.wkg-button--link.wkg-button--size-md { font-size: var(--wkg-font-size-button-link-primary-md); line-height: var(--wkg-line-height-button-link-primary-md); font-weight: var(--wkg-font-weight-button-link-primary-md); padding: var(--wkg-padding-button-link-primary-md); margin: var(--wkg-margin-button-link-primary-md); gap: var(--wkg-gap-button-link-primary-md); }
.wkg-button--link.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-link-primary-md); }
.wkg-button--link.wkg-button--size-lg { font-size: var(--wkg-font-size-button-link-primary-lg); line-height: var(--wkg-line-height-button-link-primary-lg); font-weight: var(--wkg-font-weight-button-link-primary-lg); padding: var(--wkg-padding-button-link-primary-lg); margin: var(--wkg-margin-button-link-primary-lg); gap: var(--wkg-gap-button-link-primary-lg); }
.wkg-button--link.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-link-primary-lg); }
.wkg-button--link.wkg-button--size-xl { font-size: var(--wkg-font-size-button-link-primary-xl); line-height: var(--wkg-line-height-button-link-primary-xl); font-weight: var(--wkg-font-weight-button-link-primary-xl); padding: var(--wkg-padding-button-link-primary-xl); margin: var(--wkg-margin-button-link-primary-xl); gap: var(--wkg-gap-button-link-primary-xl); }
.wkg-button--link.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-link-primary-xl); }
.wkg-button--link.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-link-primary-2xl); line-height: var(--wkg-line-height-button-link-primary-2xl); font-weight: var(--wkg-font-weight-button-link-primary-2xl); padding: var(--wkg-padding-button-link-primary-2xl); margin: var(--wkg-margin-button-link-primary-2xl); gap: var(--wkg-gap-button-link-primary-2xl); }
.wkg-button--link.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-link-primary-2xl); }
.device-desktop .wkg-button--link.wkg-button--size-xs, .device-large .wkg-button--link.wkg-button--size-xs { font-size: var(--wkg-font-size-button-link-primary-desktop-xs); line-height: var(--wkg-line-height-button-link-primary-desktop-xs); font-weight: var(--wkg-font-weight-button-link-primary-desktop-xs); padding: var(--wkg-padding-button-link-primary-desktop-xs); margin: var(--wkg-margin-button-link-primary-desktop-xs); gap: var(--wkg-gap-button-link-primary-desktop-xs); }
.device-desktop .wkg-button--link.wkg-button--size-xs .wkg-button__icon, .device-large .wkg-button--link.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-link-primary-desktop-xs); }
.device-desktop .wkg-button--link.wkg-button--size-sm, .device-large .wkg-button--link.wkg-button--size-sm { font-size: var(--wkg-font-size-button-link-primary-desktop-sm); line-height: var(--wkg-line-height-button-link-primary-desktop-sm); font-weight: var(--wkg-font-weight-button-link-primary-desktop-sm); padding: var(--wkg-padding-button-link-primary-desktop-sm); margin: var(--wkg-margin-button-link-primary-desktop-sm); gap: var(--wkg-gap-button-link-primary-desktop-sm); }
.device-desktop .wkg-button--link.wkg-button--size-sm .wkg-button__icon, .device-large .wkg-button--link.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-link-primary-desktop-sm); }
.device-desktop .wkg-button--link.wkg-button--size-md, .device-large .wkg-button--link.wkg-button--size-md { font-size: var(--wkg-font-size-button-link-primary-desktop-md); line-height: var(--wkg-line-height-button-link-primary-desktop-md); font-weight: var(--wkg-font-weight-button-link-primary-desktop-md); padding: var(--wkg-padding-button-link-primary-desktop-md); margin: var(--wkg-margin-button-link-primary-desktop-md); gap: var(--wkg-gap-button-link-primary-desktop-md); }
.device-desktop .wkg-button--link.wkg-button--size-md .wkg-button__icon, .device-large .wkg-button--link.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-link-primary-desktop-md); }
.device-desktop .wkg-button--link.wkg-button--size-lg, .device-large .wkg-button--link.wkg-button--size-lg { font-size: var(--wkg-font-size-button-link-primary-desktop-lg); line-height: var(--wkg-line-height-button-link-primary-desktop-lg); font-weight: var(--wkg-font-weight-button-link-primary-desktop-lg); padding: var(--wkg-padding-button-link-primary-desktop-lg); margin: var(--wkg-margin-button-link-primary-desktop-lg); gap: var(--wkg-gap-button-link-primary-desktop-lg); }
.device-desktop .wkg-button--link.wkg-button--size-lg .wkg-button__icon, .device-large .wkg-button--link.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-link-primary-desktop-lg); }
.device-desktop .wkg-button--link.wkg-button--size-xl, .device-large .wkg-button--link.wkg-button--size-xl { font-size: var(--wkg-font-size-button-link-primary-desktop-xl); line-height: var(--wkg-line-height-button-link-primary-desktop-xl); font-weight: var(--wkg-font-weight-button-link-primary-desktop-xl); padding: var(--wkg-padding-button-link-primary-desktop-xl); margin: var(--wkg-margin-button-link-primary-desktop-xl); gap: var(--wkg-gap-button-link-primary-desktop-xl); }
.device-desktop .wkg-button--link.wkg-button--size-xl .wkg-button__icon, .device-large .wkg-button--link.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-link-primary-desktop-xl); }
.device-desktop .wkg-button--link.wkg-button--size-xl2, .device-large .wkg-button--link.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-link-primary-desktop-2xl); line-height: var(--wkg-line-height-button-link-primary-desktop-2xl); font-weight: var(--wkg-font-weight-button-link-primary-desktop-2xl); padding: var(--wkg-padding-button-link-primary-desktop-2xl); margin: var(--wkg-margin-button-link-primary-desktop-2xl); gap: var(--wkg-gap-button-link-primary-desktop-2xl); }
.device-desktop .wkg-button--link.wkg-button--size-xl2 .wkg-button__icon, .device-large .wkg-button--link.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-link-primary-desktop-2xl); }
.wkg-button--linkSecondary { font-family: var(--wkg-font-family-button-link-secondary, sans-serif); font-style: var(--wkg-font-style-button-link-secondary); text-decoration: var(--wkg-text-decoration-button-link-secondary); text-transform: var(--wkg-text-transform-button-link-secondary); color: var(--wkg-color-button-link-secondary); transition: var(--wkg-transition-button-link-secondary); }
.wkg-button--linkSecondary:hover { text-decoration: var(--wkg-text-decoration-button-link-secondary-hover); color: var(--wkg-color-button-link-secondary-hover); }
.wkg-button--linkSecondary:hover .wkg-button__icon { color: var(--wkg-color-button-link-secondary-hover); }
.wkg-button--linkSecondary:visited { text-decoration: var(--wkg-text-decoration-button-link-secondary-visited); color: var(--wkg-color-button-link-secondary-visited); background: var(--wkg-bg-color-button-link-secondary-visited); }
.wkg-button--linkSecondary:visited .wkg-button__icon { color: var(--wkg-color-button-link-secondary-visited); }
.wkg-button--linkSecondary:active { text-decoration: var(--wkg-text-decoration-button-link-secondary); color: var(--wkg-color-button-link-secondary); background: var(--wkg-bg-color-button-link-secondary); }
.wkg-button--linkSecondary:active .wkg-button__icon { color: var(--wkg-color-button-link-secondary); }
.wkg-button--linkSecondary:focus-visible { text-decoration: var(--wkg-text-decoration-button-link-secondary-hover); color: var(--wkg-color-button-link-secondary-hover); background: var(--wkg-bg-color-button-link-secondary-hover); }
.wkg-button--linkSecondary:focus-visible .wkg-button__icon { color: var(--wkg-color-button-link-secondary-hover); }
.wkg-button--linkSecondary:disabled { text-decoration: var(--wkg-text-decoration-button-link-secondary-disabled); color: var(--wkg-color-button-link-secondary-disabled); background: var(--wkg-bg-color-button-link-secondary-disabled); cursor: not-allowed; }
.wkg-button--linkSecondary:disabled .wkg-button__icon { color: var(--wkg-color-button-link-secondary-disabled); }
.wkg-button--linkSecondary.wkg-button--size-xs { font-size: var(--wkg-font-size-button-link-secondary-xs); line-height: var(--wkg-line-height-button-link-secondary-xs); font-weight: var(--wkg-font-weight-button-link-secondary-xs); padding: var(--wkg-padding-button-link-secondary-xs); margin: var(--wkg-margin-button-link-secondary-xs); gap: var(--wkg-gap-button-link-secondary-xs); }
.wkg-button--linkSecondary.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-link-secondary-xs); }
.wkg-button--linkSecondary.wkg-button--size-sm { font-size: var(--wkg-font-size-button-link-secondary-sm); line-height: var(--wkg-line-height-button-link-secondary-sm); font-weight: var(--wkg-font-weight-button-link-secondary-sm); padding: var(--wkg-padding-button-link-secondary-sm); margin: var(--wkg-margin-button-link-secondary-sm); gap: var(--wkg-gap-button-link-secondary-sm); }
.wkg-button--linkSecondary.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-link-secondary-sm); }
.wkg-button--linkSecondary.wkg-button--size-md { font-size: var(--wkg-font-size-button-link-secondary-md); line-height: var(--wkg-line-height-button-link-secondary-md); font-weight: var(--wkg-font-weight-button-link-secondary-md); padding: var(--wkg-padding-button-link-secondary-md); margin: var(--wkg-margin-button-link-secondary-md); gap: var(--wkg-gap-button-link-secondary-md); }
.wkg-button--linkSecondary.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-link-secondary-md); }
.wkg-button--linkSecondary.wkg-button--size-lg { font-size: var(--wkg-font-size-button-link-secondary-lg); line-height: var(--wkg-line-height-button-link-secondary-lg); font-weight: var(--wkg-font-weight-button-link-secondary-lg); padding: var(--wkg-padding-button-link-secondary-lg); margin: var(--wkg-margin-button-link-secondary-lg); gap: var(--wkg-gap-button-link-secondary-lg); }
.wkg-button--linkSecondary.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-link-secondary-lg); }
.wkg-button--linkSecondary.wkg-button--size-xl { font-size: var(--wkg-font-size-button-link-secondary-xl); line-height: var(--wkg-line-height-button-link-secondary-xl); font-weight: var(--wkg-font-weight-button-link-secondary-xl); padding: var(--wkg-padding-button-link-secondary-xl); margin: var(--wkg-margin-button-link-secondary-xl); gap: var(--wkg-gap-button-link-secondary-xl); }
.wkg-button--linkSecondary.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-link-secondary-xl); }
.wkg-button--linkSecondary.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-link-secondary-2xl); line-height: var(--wkg-line-height-button-link-secondary-2xl); font-weight: var(--wkg-font-weight-button-link-secondary-2xl); padding: var(--wkg-padding-button-link-secondary-2xl); margin: var(--wkg-margin-button-link-secondary-2xl); gap: var(--wkg-gap-button-link-secondary-2xl); }
.wkg-button--linkSecondary.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-link-secondary-2xl); }
.device-desktop .wkg-button--linkSecondary.wkg-button--size-xs, .device-large .wkg-button--linkSecondary.wkg-button--size-xs { font-size: var(--wkg-font-size-button-link-secondary-desktop-xs); line-height: var(--wkg-line-height-button-link-secondary-desktop-xs); font-weight: var(--wkg-font-weight-button-link-secondary-desktop-xs); padding: var(--wkg-padding-button-link-secondary-desktop-xs); margin: var(--wkg-margin-button-link-secondary-desktop-xs); gap: var(--wkg-gap-button-link-secondary-desktop-xs); }
.device-desktop .wkg-button--linkSecondary.wkg-button--size-xs .wkg-button__icon, .device-large .wkg-button--linkSecondary.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-link-secondary-desktop-xs); }
.device-desktop .wkg-button--linkSecondary.wkg-button--size-sm, .device-large .wkg-button--linkSecondary.wkg-button--size-sm { font-size: var(--wkg-font-size-button-link-secondary-desktop-sm); line-height: var(--wkg-line-height-button-link-secondary-desktop-sm); font-weight: var(--wkg-font-weight-button-link-secondary-desktop-sm); padding: var(--wkg-padding-button-link-secondary-desktop-sm); margin: var(--wkg-margin-button-link-secondary-desktop-sm); gap: var(--wkg-gap-button-link-secondary-desktop-sm); }
.device-desktop .wkg-button--linkSecondary.wkg-button--size-sm .wkg-button__icon, .device-large .wkg-button--linkSecondary.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-link-secondary-desktop-sm); }
.device-desktop .wkg-button--linkSecondary.wkg-button--size-md, .device-large .wkg-button--linkSecondary.wkg-button--size-md { font-size: var(--wkg-font-size-button-link-secondary-desktop-md); line-height: var(--wkg-line-height-button-link-secondary-desktop-md); font-weight: var(--wkg-font-weight-button-link-secondary-desktop-md); padding: var(--wkg-padding-button-link-secondary-desktop-md); margin: var(--wkg-margin-button-link-secondary-desktop-md); gap: var(--wkg-gap-button-link-secondary-desktop-md); }
.device-desktop .wkg-button--linkSecondary.wkg-button--size-md .wkg-button__icon, .device-large .wkg-button--linkSecondary.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-link-secondary-desktop-md); }
.device-desktop .wkg-button--linkSecondary.wkg-button--size-lg, .device-large .wkg-button--linkSecondary.wkg-button--size-lg { font-size: var(--wkg-font-size-button-link-secondary-desktop-lg); line-height: var(--wkg-line-height-button-link-secondary-desktop-lg); font-weight: var(--wkg-font-weight-button-link-secondary-desktop-lg); padding: var(--wkg-padding-button-link-secondary-desktop-lg); margin: var(--wkg-margin-button-link-secondary-desktop-lg); gap: var(--wkg-gap-button-link-secondary-desktop-lg); }
.device-desktop .wkg-button--linkSecondary.wkg-button--size-lg .wkg-button__icon, .device-large .wkg-button--linkSecondary.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-link-secondary-desktop-lg); }
.device-desktop .wkg-button--linkSecondary.wkg-button--size-xl, .device-large .wkg-button--linkSecondary.wkg-button--size-xl { font-size: var(--wkg-font-size-button-link-secondary-desktop-xl); line-height: var(--wkg-line-height-button-link-secondary-desktop-xl); font-weight: var(--wkg-font-weight-button-link-secondary-desktop-xl); padding: var(--wkg-padding-button-link-secondary-desktop-xl); margin: var(--wkg-margin-button-link-secondary-desktop-xl); gap: var(--wkg-gap-button-link-secondary-desktop-xl); }
.device-desktop .wkg-button--linkSecondary.wkg-button--size-xl .wkg-button__icon, .device-large .wkg-button--linkSecondary.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-link-secondary-desktop-xl); }
.device-desktop .wkg-button--linkSecondary.wkg-button--size-xl2, .device-large .wkg-button--linkSecondary.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-link-secondary-desktop-2xl); line-height: var(--wkg-line-height-button-link-secondary-desktop-2xl); font-weight: var(--wkg-font-weight-button-link-secondary-desktop-2xl); padding: var(--wkg-padding-button-link-secondary-desktop-2xl); margin: var(--wkg-margin-button-link-secondary-desktop-2xl); gap: var(--wkg-gap-button-link-secondary-desktop-2xl); }
.device-desktop .wkg-button--linkSecondary.wkg-button--size-xl2 .wkg-button__icon, .device-large .wkg-button--linkSecondary.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-link-secondary-desktop-2xl); }
.wkg-button--iconPrimary { transition: var(--wkg-transition-button-icon-primary); margin: var(--wkg-margin-button-icon-primary); color: var(--wkg-color-button-icon-primary); background-color: var(--wkg-bg-color-button-icon-primary); border-color: var(--wkg-border-color-button-icon-primary); border-style: var(--wkg-border-style-button-icon-primary); border-width: var(--wkg-border-width-button-icon-primary); }
.wkg-button--iconPrimary:hover { color: var(--wkg-color-button-icon-primary-hover); background-color: var(--wkg-bg-color-button-icon-primary-hover); border-color: var(--wkg-border-color-button-icon-primary-hover); border-width: var(--wkg-border-width-button-icon-primary-hover); }
.wkg-button--iconPrimary:active { color: var(--wkg-color-button-icon-primary); background-color: var(--wkg-bg-color-button-icon-primary); border-color: var(--wkg-border-color-button-icon-primary); }
.wkg-button--iconPrimary:focus-visible { color: var(--wkg-color-button-icon-primary-hover); background-color: var(--wkg-bg-color-button-icon-primary-hover); border-color: var(--wkg-border-color-button-icon-primary-hover); }
.wkg-button--iconPrimary:disabled { color: var(--wkg-color-button-icon-primary-disabled); background-color: var(--wkg-bg-color-button-icon-primary-disabled); border-color: var(--wkg-border-color-button-icon-primary-disabled); border-style: var(--wkg-border-style-button-icon-primary); border-width: var(--wkg-border-width-button-icon-primary); cursor: not-allowed; }
.wkg-button--iconPrimary.wkg-button--size-xs { font-size: var(--wkg-font-size-button-icon-primary-xs); border-radius: var(--wkg-border-radius-button-icon-primary-xs); padding: var(--wkg-padding-button-icon-primary-xs); box-shadow: var(--wkg-shadow-button-icon-primary-); }
.wkg-button--iconPrimary.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-primary-xs); }
.wkg-button--iconPrimary.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-icon-primary-hover-xs); }
.wkg-button--iconPrimary.wkg-button--size-sm { font-size: var(--wkg-font-size-button-icon-primary-sm); border-radius: var(--wkg-border-radius-button-icon-primary-sm); padding: var(--wkg-padding-button-icon-primary-sm); box-shadow: var(--wkg-shadow-button-icon-primary-); }
.wkg-button--iconPrimary.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-primary-sm); }
.wkg-button--iconPrimary.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-icon-primary-hover-sm); }
.wkg-button--iconPrimary.wkg-button--size-md { font-size: var(--wkg-font-size-button-icon-primary-md); border-radius: var(--wkg-border-radius-button-icon-primary-md); padding: var(--wkg-padding-button-icon-primary-md); box-shadow: var(--wkg-shadow-button-icon-primary-); }
.wkg-button--iconPrimary.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-primary-md); }
.wkg-button--iconPrimary.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-icon-primary-hover-md); }
.wkg-button--iconPrimary.wkg-button--size-lg { font-size: var(--wkg-font-size-button-icon-primary-lg); border-radius: var(--wkg-border-radius-button-icon-primary-lg); padding: var(--wkg-padding-button-icon-primary-lg); box-shadow: var(--wkg-shadow-button-icon-primary-); }
.wkg-button--iconPrimary.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-primary-lg); }
.wkg-button--iconPrimary.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-icon-primary-hover-lg); }
.wkg-button--iconPrimary.wkg-button--size-xl { font-size: var(--wkg-font-size-button-icon-primary-xl); border-radius: var(--wkg-border-radius-button-icon-primary-xl); padding: var(--wkg-padding-button-icon-primary-xl); box-shadow: var(--wkg-shadow-button-icon-primary-); }
.wkg-button--iconPrimary.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-primary-xl); }
.wkg-button--iconPrimary.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-icon-primary-hover-xl); }
.wkg-button--iconPrimary.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-icon-primary-2xl); border-radius: var(--wkg-border-radius-button-icon-primary-2xl); padding: var(--wkg-padding-button-icon-primary-2xl); box-shadow: var(--wkg-shadow-button-icon-primary-); }
.wkg-button--iconPrimary.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-primary-2xl); }
.wkg-button--iconPrimary.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-icon-primary-hover-2xl); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-xs, .device-large .wkg-button--iconPrimary.wkg-button--size-xs { font-size: var(--wkg-font-size-button-icon-primary-desktop-xs); border-radius: var(--wkg-border-radius-button-icon-primary-desktop-xs); padding: var(--wkg-padding-button-icon-primary-desktop-xs); box-shadow: var(--wkg-shadow-button-icon-primary-desktop); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-xs .wkg-button__icon, .device-large .wkg-button--iconPrimary.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-primary-desktop-xs); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-xs:hover, .device-large .wkg-button--iconPrimary.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-icon-primary-hover-desktop-xs); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-sm, .device-large .wkg-button--iconPrimary.wkg-button--size-sm { font-size: var(--wkg-font-size-button-icon-primary-desktop-sm); border-radius: var(--wkg-border-radius-button-icon-primary-desktop-sm); padding: var(--wkg-padding-button-icon-primary-desktop-sm); box-shadow: var(--wkg-shadow-button-icon-primary-desktop); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-sm .wkg-button__icon, .device-large .wkg-button--iconPrimary.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-primary-desktop-sm); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-sm:hover, .device-large .wkg-button--iconPrimary.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-icon-primary-hover-desktop-sm); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-md, .device-large .wkg-button--iconPrimary.wkg-button--size-md { font-size: var(--wkg-font-size-button-icon-primary-desktop-md); border-radius: var(--wkg-border-radius-button-icon-primary-desktop-md); padding: var(--wkg-padding-button-icon-primary-desktop-md); box-shadow: var(--wkg-shadow-button-icon-primary-desktop); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-md .wkg-button__icon, .device-large .wkg-button--iconPrimary.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-primary-desktop-md); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-md:hover, .device-large .wkg-button--iconPrimary.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-icon-primary-hover-desktop-md); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-lg, .device-large .wkg-button--iconPrimary.wkg-button--size-lg { font-size: var(--wkg-font-size-button-icon-primary-desktop-lg); border-radius: var(--wkg-border-radius-button-icon-primary-desktop-lg); padding: var(--wkg-padding-button-icon-primary-desktop-lg); box-shadow: var(--wkg-shadow-button-icon-primary-desktop); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-lg .wkg-button__icon, .device-large .wkg-button--iconPrimary.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-primary-desktop-lg); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-lg:hover, .device-large .wkg-button--iconPrimary.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-icon-primary-hover-desktop-lg); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-xl, .device-large .wkg-button--iconPrimary.wkg-button--size-xl { font-size: var(--wkg-font-size-button-icon-primary-desktop-xl); border-radius: var(--wkg-border-radius-button-icon-primary-desktop-xl); padding: var(--wkg-padding-button-icon-primary-desktop-xl); box-shadow: var(--wkg-shadow-button-icon-primary-desktop); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-xl .wkg-button__icon, .device-large .wkg-button--iconPrimary.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-primary-desktop-xl); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-xl:hover, .device-large .wkg-button--iconPrimary.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-icon-primary-hover-desktop-xl); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-xl2, .device-large .wkg-button--iconPrimary.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-icon-primary-desktop-2xl); border-radius: var(--wkg-border-radius-button-icon-primary-desktop-2xl); padding: var(--wkg-padding-button-icon-primary-desktop-2xl); box-shadow: var(--wkg-shadow-button-icon-primary-desktop); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-xl2 .wkg-button__icon, .device-large .wkg-button--iconPrimary.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-primary-desktop-2xl); }
.device-desktop .wkg-button--iconPrimary.wkg-button--size-xl2:hover, .device-large .wkg-button--iconPrimary.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-icon-primary-hover-desktop-2xl); }
.wkg-button.wkg-button--iconPrimary.wkg-button-radius-none, .device-desktop .wkg-button.wkg-button--iconPrimary.wkg-button-radius-none, .device-large .wkg-button.wkg-button--iconPrimary.wkg-button-radius-none { border-radius: 0px; }
.wkg-button.wkg-button--iconPrimary.wkg-button-radius-xs, .device-desktop .wkg-button.wkg-button--iconPrimary.wkg-button-radius-xs, .device-large .wkg-button.wkg-button--iconPrimary.wkg-button-radius-xs { border-radius: var(--wkg-border-radius-button-icon-primary-xs); }
.wkg-button.wkg-button--iconPrimary.wkg-button-radius-sm, .device-desktop .wkg-button.wkg-button--iconPrimary.wkg-button-radius-sm, .device-large .wkg-button.wkg-button--iconPrimary.wkg-button-radius-sm { border-radius: var(--wkg-border-radius-button-icon-primary-sm); }
.wkg-button.wkg-button--iconPrimary.wkg-button-radius-md, .device-desktop .wkg-button.wkg-button--iconPrimary.wkg-button-radius-md, .device-large .wkg-button.wkg-button--iconPrimary.wkg-button-radius-md { border-radius: var(--wkg-border-radius-button-icon-primary-md); }
.wkg-button.wkg-button--iconPrimary.wkg-button-radius-lg, .device-desktop .wkg-button.wkg-button--iconPrimary.wkg-button-radius-lg, .device-large .wkg-button.wkg-button--iconPrimary.wkg-button-radius-lg { border-radius: var(--wkg-border-radius-button-icon-primary-lg); }
.wkg-button.wkg-button--iconPrimary.wkg-button-radius-xl, .device-desktop .wkg-button.wkg-button--iconPrimary.wkg-button-radius-xl, .device-large .wkg-button.wkg-button--iconPrimary.wkg-button-radius-xl { border-radius: var(--wkg-border-radius-button-icon-primary-xl); }
.wkg-button.wkg-button--iconPrimary.wkg-button-radius-xl2, .device-desktop .wkg-button.wkg-button--iconPrimary.wkg-button-radius-xl2, .device-large .wkg-button.wkg-button--iconPrimary.wkg-button-radius-xl2 { border-radius: var(--wkg-border-radius-button-icon-primary-2xl); }
.wkg-button--iconSecondary { transition: var(--wkg-transition-button-icon-secondary); margin: var(--wkg-margin-button-icon-secondary); color: var(--wkg-color-button-icon-secondary); background-color: var(--wkg-bg-color-button-icon-secondary); border-color: var(--wkg-border-color-button-icon-secondary); border-style: var(--wkg-border-style-button-icon-secondary); border-width: var(--wkg-border-width-button-icon-secondary); }
.wkg-button--iconSecondary:hover { color: var(--wkg-color-button-icon-secondary-hover); background-color: var(--wkg-bg-color-button-icon-secondary-hover); border-color: var(--wkg-border-color-button-icon-secondary-hover); border-width: var(--wkg-border-width-button-icon-secondary-hover); }
.wkg-button--iconSecondary:active { color: var(--wkg-color-button-icon-secondary); background-color: var(--wkg-bg-color-button-icon-secondary); border-color: var(--wkg-border-color-button-icon-secondary); }
.wkg-button--iconSecondary:focus-visible { color: var(--wkg-color-button-icon-secondary-hover); background-color: var(--wkg-bg-color-button-icon-secondary-hover); border-color: var(--wkg-border-color-button-icon-secondary-hover); }
.wkg-button--iconSecondary:disabled { color: var(--wkg-color-button-icon-secondary-disabled); background-color: var(--wkg-bg-color-button-icon-secondary-disabled); border-color: var(--wkg-border-color-button-icon-secondary-disabled); border-style: var(--wkg-border-style-button-icon-secondary); border-width: var(--wkg-border-width-button-icon-secondary); cursor: not-allowed; }
.wkg-button--iconSecondary.wkg-button--size-xs { font-size: var(--wkg-font-size-button-icon-secondary-xs); border-radius: var(--wkg-border-radius-button-icon-secondary-xs); padding: var(--wkg-padding-button-icon-secondary-xs); box-shadow: var(--wkg-shadow-button-icon-secondary-); }
.wkg-button--iconSecondary.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-secondary-xs); }
.wkg-button--iconSecondary.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-icon-secondary-hover-xs); }
.wkg-button--iconSecondary.wkg-button--size-sm { font-size: var(--wkg-font-size-button-icon-secondary-sm); border-radius: var(--wkg-border-radius-button-icon-secondary-sm); padding: var(--wkg-padding-button-icon-secondary-sm); box-shadow: var(--wkg-shadow-button-icon-secondary-); }
.wkg-button--iconSecondary.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-secondary-sm); }
.wkg-button--iconSecondary.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-icon-secondary-hover-sm); }
.wkg-button--iconSecondary.wkg-button--size-md { font-size: var(--wkg-font-size-button-icon-secondary-md); border-radius: var(--wkg-border-radius-button-icon-secondary-md); padding: var(--wkg-padding-button-icon-secondary-md); box-shadow: var(--wkg-shadow-button-icon-secondary-); }
.wkg-button--iconSecondary.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-secondary-md); }
.wkg-button--iconSecondary.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-icon-secondary-hover-md); }
.wkg-button--iconSecondary.wkg-button--size-lg { font-size: var(--wkg-font-size-button-icon-secondary-lg); border-radius: var(--wkg-border-radius-button-icon-secondary-lg); padding: var(--wkg-padding-button-icon-secondary-lg); box-shadow: var(--wkg-shadow-button-icon-secondary-); }
.wkg-button--iconSecondary.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-secondary-lg); }
.wkg-button--iconSecondary.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-icon-secondary-hover-lg); }
.wkg-button--iconSecondary.wkg-button--size-xl { font-size: var(--wkg-font-size-button-icon-secondary-xl); border-radius: var(--wkg-border-radius-button-icon-secondary-xl); padding: var(--wkg-padding-button-icon-secondary-xl); box-shadow: var(--wkg-shadow-button-icon-secondary-); }
.wkg-button--iconSecondary.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-secondary-xl); }
.wkg-button--iconSecondary.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-icon-secondary-hover-xl); }
.wkg-button--iconSecondary.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-icon-secondary-2xl); border-radius: var(--wkg-border-radius-button-icon-secondary-2xl); padding: var(--wkg-padding-button-icon-secondary-2xl); box-shadow: var(--wkg-shadow-button-icon-secondary-); }
.wkg-button--iconSecondary.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-secondary-2xl); }
.wkg-button--iconSecondary.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-icon-secondary-hover-2xl); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-xs, .device-large .wkg-button--iconSecondary.wkg-button--size-xs { font-size: var(--wkg-font-size-button-icon-secondary-desktop-xs); border-radius: var(--wkg-border-radius-button-icon-secondary-desktop-xs); padding: var(--wkg-padding-button-icon-secondary-desktop-xs); box-shadow: var(--wkg-shadow-button-icon-secondary-desktop); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-xs .wkg-button__icon, .device-large .wkg-button--iconSecondary.wkg-button--size-xs .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-secondary-desktop-xs); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-xs:hover, .device-large .wkg-button--iconSecondary.wkg-button--size-xs:hover { box-shadow: var(--wkg-shadow-button-icon-secondary-hover-desktop-xs); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-sm, .device-large .wkg-button--iconSecondary.wkg-button--size-sm { font-size: var(--wkg-font-size-button-icon-secondary-desktop-sm); border-radius: var(--wkg-border-radius-button-icon-secondary-desktop-sm); padding: var(--wkg-padding-button-icon-secondary-desktop-sm); box-shadow: var(--wkg-shadow-button-icon-secondary-desktop); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-sm .wkg-button__icon, .device-large .wkg-button--iconSecondary.wkg-button--size-sm .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-secondary-desktop-sm); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-sm:hover, .device-large .wkg-button--iconSecondary.wkg-button--size-sm:hover { box-shadow: var(--wkg-shadow-button-icon-secondary-hover-desktop-sm); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-md, .device-large .wkg-button--iconSecondary.wkg-button--size-md { font-size: var(--wkg-font-size-button-icon-secondary-desktop-md); border-radius: var(--wkg-border-radius-button-icon-secondary-desktop-md); padding: var(--wkg-padding-button-icon-secondary-desktop-md); box-shadow: var(--wkg-shadow-button-icon-secondary-desktop); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-md .wkg-button__icon, .device-large .wkg-button--iconSecondary.wkg-button--size-md .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-secondary-desktop-md); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-md:hover, .device-large .wkg-button--iconSecondary.wkg-button--size-md:hover { box-shadow: var(--wkg-shadow-button-icon-secondary-hover-desktop-md); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-lg, .device-large .wkg-button--iconSecondary.wkg-button--size-lg { font-size: var(--wkg-font-size-button-icon-secondary-desktop-lg); border-radius: var(--wkg-border-radius-button-icon-secondary-desktop-lg); padding: var(--wkg-padding-button-icon-secondary-desktop-lg); box-shadow: var(--wkg-shadow-button-icon-secondary-desktop); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-lg .wkg-button__icon, .device-large .wkg-button--iconSecondary.wkg-button--size-lg .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-secondary-desktop-lg); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-lg:hover, .device-large .wkg-button--iconSecondary.wkg-button--size-lg:hover { box-shadow: var(--wkg-shadow-button-icon-secondary-hover-desktop-lg); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-xl, .device-large .wkg-button--iconSecondary.wkg-button--size-xl { font-size: var(--wkg-font-size-button-icon-secondary-desktop-xl); border-radius: var(--wkg-border-radius-button-icon-secondary-desktop-xl); padding: var(--wkg-padding-button-icon-secondary-desktop-xl); box-shadow: var(--wkg-shadow-button-icon-secondary-desktop); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-xl .wkg-button__icon, .device-large .wkg-button--iconSecondary.wkg-button--size-xl .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-secondary-desktop-xl); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-xl:hover, .device-large .wkg-button--iconSecondary.wkg-button--size-xl:hover { box-shadow: var(--wkg-shadow-button-icon-secondary-hover-desktop-xl); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-xl2, .device-large .wkg-button--iconSecondary.wkg-button--size-xl2 { font-size: var(--wkg-font-size-button-icon-secondary-desktop-2xl); border-radius: var(--wkg-border-radius-button-icon-secondary-desktop-2xl); padding: var(--wkg-padding-button-icon-secondary-desktop-2xl); box-shadow: var(--wkg-shadow-button-icon-secondary-desktop); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-xl2 .wkg-button__icon, .device-large .wkg-button--iconSecondary.wkg-button--size-xl2 .wkg-button__icon { font-size: var(--wkg-font-size-button-icon-secondary-desktop-2xl); }
.device-desktop .wkg-button--iconSecondary.wkg-button--size-xl2:hover, .device-large .wkg-button--iconSecondary.wkg-button--size-xl2:hover { box-shadow: var(--wkg-shadow-button-icon-secondary-hover-desktop-2xl); }
.wkg-button.wkg-button--iconSecondary.wkg-button-radius-none, .device-desktop .wkg-button.wkg-button--iconSecondary.wkg-button-radius-none, .device-large .wkg-button.wkg-button--iconSecondary.wkg-button-radius-none { border-radius: 0px; }
.wkg-button.wkg-button--iconSecondary.wkg-button-radius-xs, .device-desktop .wkg-button.wkg-button--iconSecondary.wkg-button-radius-xs, .device-large .wkg-button.wkg-button--iconSecondary.wkg-button-radius-xs { border-radius: var(--wkg-border-radius-button-icon-secondary-xs); }
.wkg-button.wkg-button--iconSecondary.wkg-button-radius-sm, .device-desktop .wkg-button.wkg-button--iconSecondary.wkg-button-radius-sm, .device-large .wkg-button.wkg-button--iconSecondary.wkg-button-radius-sm { border-radius: var(--wkg-border-radius-button-icon-secondary-sm); }
.wkg-button.wkg-button--iconSecondary.wkg-button-radius-md, .device-desktop .wkg-button.wkg-button--iconSecondary.wkg-button-radius-md, .device-large .wkg-button.wkg-button--iconSecondary.wkg-button-radius-md { border-radius: var(--wkg-border-radius-button-icon-secondary-md); }
.wkg-button.wkg-button--iconSecondary.wkg-button-radius-lg, .device-desktop .wkg-button.wkg-button--iconSecondary.wkg-button-radius-lg, .device-large .wkg-button.wkg-button--iconSecondary.wkg-button-radius-lg { border-radius: var(--wkg-border-radius-button-icon-secondary-lg); }
.wkg-button.wkg-button--iconSecondary.wkg-button-radius-xl, .device-desktop .wkg-button.wkg-button--iconSecondary.wkg-button-radius-xl, .device-large .wkg-button.wkg-button--iconSecondary.wkg-button-radius-xl { border-radius: var(--wkg-border-radius-button-icon-secondary-xl); }
.wkg-button.wkg-button--iconSecondary.wkg-button-radius-xl2, .device-desktop .wkg-button.wkg-button--iconSecondary.wkg-button-radius-xl2, .device-large .wkg-button.wkg-button--iconSecondary.wkg-button-radius-xl2 { border-radius: var(--wkg-border-radius-button-icon-secondary-2xl); }
.wkg-badge p, .wkg-badge h1, .wkg-badge h2, .wkg-badge h3, .wkg-badge h4, .wkg-badge h5, .wkg-badge h6, .wkg-badge span, .wkg-badge em, .wkg-badge strong, .device-desktop .wkg-badge p, .device-desktop .wkg-badge h1, .device-desktop .wkg-badge h2, .device-desktop .wkg-badge h3, .device-desktop .wkg-badge h4, .device-desktop .wkg-badge h5, .device-desktop .wkg-badge h6, .device-desktop .wkg-badge span, .device-desktop .wkg-badge em, .device-desktop .wkg-badge strong, .device-large .wkg-badge p, .device-large .wkg-badge h1, .device-large .wkg-badge h2, .device-large .wkg-badge h3, .device-large .wkg-badge h4, .device-large .wkg-badge h5, .device-large .wkg-badge h6, .device-large .wkg-badge span, .device-large .wkg-badge em, .device-large .wkg-badge strong { font-family: inherit; font-style: inherit; font-size: inherit; text-decoration: inherit; text-transform: inherit; line-height: inherit; padding: 0px; margin: 0px; color: inherit; font-weight: inherit; }
.wkg-badge--primary { display: var(--wkg-display-badge-primary); font-family: var(--wkg-font-family-badge-primary, sans-serif); font-style: var(--wkg-font-style-badge-primary); text-decoration: var(--wkg-text-decoration-badge-primary); text-transform: var(--wkg-text-transform-badge-primary); transition: var(--wkg-transition-badge-primary); }
.wkg-badge--primary.wkg-badge--size-xs { font-size: var(--wkg-font-size-badge-primary-xs); line-height: var(--wkg-line-height-badge-primary-xs); font-weight: var(--wkg-font-weight-badge-primary-xs); border-radius: var(--wkg-border-radius-badge-primary-xs); padding: var(--wkg-padding-badge-primary-xs); margin: var(--wkg-margin-badge-primary-xs); gap: var(--wkg-gap-badge-primary-xs); }
.wkg-badge--primary.wkg-badge--size-xs .wkg-badge__icon { font-size: var(--wkg-font-size-badge-primary-xs); }
.wkg-badge--primary.wkg-badge--size-sm { font-size: var(--wkg-font-size-badge-primary-sm); line-height: var(--wkg-line-height-badge-primary-sm); font-weight: var(--wkg-font-weight-badge-primary-sm); border-radius: var(--wkg-border-radius-badge-primary-sm); padding: var(--wkg-padding-badge-primary-sm); margin: var(--wkg-margin-badge-primary-sm); gap: var(--wkg-gap-badge-primary-sm); }
.wkg-badge--primary.wkg-badge--size-sm .wkg-badge__icon { font-size: var(--wkg-font-size-badge-primary-sm); }
.wkg-badge--primary.wkg-badge--size-md { font-size: var(--wkg-font-size-badge-primary-md); line-height: var(--wkg-line-height-badge-primary-md); font-weight: var(--wkg-font-weight-badge-primary-md); border-radius: var(--wkg-border-radius-badge-primary-md); padding: var(--wkg-padding-badge-primary-md); margin: var(--wkg-margin-badge-primary-md); gap: var(--wkg-gap-badge-primary-md); }
.wkg-badge--primary.wkg-badge--size-md .wkg-badge__icon { font-size: var(--wkg-font-size-badge-primary-md); }
.wkg-badge--primary.wkg-badge--size-lg { font-size: var(--wkg-font-size-badge-primary-lg); line-height: var(--wkg-line-height-badge-primary-lg); font-weight: var(--wkg-font-weight-badge-primary-lg); border-radius: var(--wkg-border-radius-badge-primary-lg); padding: var(--wkg-padding-badge-primary-lg); margin: var(--wkg-margin-badge-primary-lg); gap: var(--wkg-gap-badge-primary-lg); }
.wkg-badge--primary.wkg-badge--size-lg .wkg-badge__icon { font-size: var(--wkg-font-size-badge-primary-lg); }
.wkg-badge--primary.wkg-badge--size-xl { font-size: var(--wkg-font-size-badge-primary-xl); line-height: var(--wkg-line-height-badge-primary-xl); font-weight: var(--wkg-font-weight-badge-primary-xl); border-radius: var(--wkg-border-radius-badge-primary-xl); padding: var(--wkg-padding-badge-primary-xl); margin: var(--wkg-margin-badge-primary-xl); gap: var(--wkg-gap-badge-primary-xl); }
.wkg-badge--primary.wkg-badge--size-xl .wkg-badge__icon { font-size: var(--wkg-font-size-badge-primary-xl); }
.wkg-badge--primary.wkg-badge--size-xl2 { font-size: var(--wkg-font-size-badge-primary-2xl); line-height: var(--wkg-line-height-badge-primary-2xl); font-weight: var(--wkg-font-weight-badge-primary-2xl); border-radius: var(--wkg-border-radius-badge-primary-2xl); padding: var(--wkg-padding-badge-primary-2xl); margin: var(--wkg-margin-badge-primary-2xl); gap: var(--wkg-gap-badge-primary-2xl); }
.wkg-badge--primary.wkg-badge--size-xl2 .wkg-badge__icon { font-size: var(--wkg-font-size-badge-primary-2xl); }
.device-desktop .wkg-badge--primary.wkg-badge--size-xs, .device-large .wkg-badge--primary.wkg-badge--size-xs { font-size: var(--wkg-font-size-badge-primary-desktop-xs); line-height: var(--wkg-line-height-badge-primary-desktop-xs); font-weight: var(--wkg-font-weight-badge-primary-desktop-xs); border-radius: var(--wkg-border-radius-badge-primary-desktop-xs); padding: var(--wkg-padding-badge-primary-desktop-xs); margin: var(--wkg-margin-badge-primary-desktop-xs); gap: var(--wkg-gap-badge-primary-desktop-xs); }
.device-desktop .wkg-badge--primary.wkg-badge--size-xs .wkg-badge__icon, .device-large .wkg-badge--primary.wkg-badge--size-xs .wkg-badge__icon { font-size: var(--wkg-font-size-badge-primary-desktop-xs); }
.device-desktop .wkg-badge--primary.wkg-badge--size-sm, .device-large .wkg-badge--primary.wkg-badge--size-sm { font-size: var(--wkg-font-size-badge-primary-desktop-sm); line-height: var(--wkg-line-height-badge-primary-desktop-sm); font-weight: var(--wkg-font-weight-badge-primary-desktop-sm); border-radius: var(--wkg-border-radius-badge-primary-desktop-sm); padding: var(--wkg-padding-badge-primary-desktop-sm); margin: var(--wkg-margin-badge-primary-desktop-sm); gap: var(--wkg-gap-badge-primary-desktop-sm); }
.device-desktop .wkg-badge--primary.wkg-badge--size-sm .wkg-badge__icon, .device-large .wkg-badge--primary.wkg-badge--size-sm .wkg-badge__icon { font-size: var(--wkg-font-size-badge-primary-desktop-sm); }
.device-desktop .wkg-badge--primary.wkg-badge--size-md, .device-large .wkg-badge--primary.wkg-badge--size-md { font-size: var(--wkg-font-size-badge-primary-desktop-md); line-height: var(--wkg-line-height-badge-primary-desktop-md); font-weight: var(--wkg-font-weight-badge-primary-desktop-md); border-radius: var(--wkg-border-radius-badge-primary-desktop-md); padding: var(--wkg-padding-badge-primary-desktop-md); margin: var(--wkg-margin-badge-primary-desktop-md); gap: var(--wkg-gap-badge-primary-desktop-md); }
.device-desktop .wkg-badge--primary.wkg-badge--size-md .wkg-badge__icon, .device-large .wkg-badge--primary.wkg-badge--size-md .wkg-badge__icon { font-size: var(--wkg-font-size-badge-primary-desktop-md); }
.device-desktop .wkg-badge--primary.wkg-badge--size-lg, .device-large .wkg-badge--primary.wkg-badge--size-lg { font-size: var(--wkg-font-size-badge-primary-desktop-lg); line-height: var(--wkg-line-height-badge-primary-desktop-lg); font-weight: var(--wkg-font-weight-badge-primary-desktop-lg); border-radius: var(--wkg-border-radius-badge-primary-desktop-lg); padding: var(--wkg-padding-badge-primary-desktop-lg); margin: var(--wkg-margin-badge-primary-desktop-lg); gap: var(--wkg-gap-badge-primary-desktop-lg); }
.device-desktop .wkg-badge--primary.wkg-badge--size-lg .wkg-badge__icon, .device-large .wkg-badge--primary.wkg-badge--size-lg .wkg-badge__icon { font-size: var(--wkg-font-size-badge-primary-desktop-lg); }
.device-desktop .wkg-badge--primary.wkg-badge--size-xl, .device-large .wkg-badge--primary.wkg-badge--size-xl { font-size: var(--wkg-font-size-badge-primary-desktop-xl); line-height: var(--wkg-line-height-badge-primary-desktop-xl); font-weight: var(--wkg-font-weight-badge-primary-desktop-xl); border-radius: var(--wkg-border-radius-badge-primary-desktop-xl); padding: var(--wkg-padding-badge-primary-desktop-xl); margin: var(--wkg-margin-badge-primary-desktop-xl); gap: var(--wkg-gap-badge-primary-desktop-xl); }
.device-desktop .wkg-badge--primary.wkg-badge--size-xl .wkg-badge__icon, .device-large .wkg-badge--primary.wkg-badge--size-xl .wkg-badge__icon { font-size: var(--wkg-font-size-badge-primary-desktop-xl); }
.device-desktop .wkg-badge--primary.wkg-badge--size-xl2 { font-size: var(--wkg-font-size-badge-primary-desktop-2xl); line-height: var(--wkg-line-height-badge-primary-desktop-2xl); font-weight: var(--wkg-font-weight-badge-primary-desktop-2xl); border-radius: var(--wkg-border-radius-badge-primary-desktop-2xl); padding: var(--wkg-padding-badge-primary-desktop-2xl); margin: var(--wkg-margin-badge-primary-desktop-2xl); gap: var(--wkg-gap-badge-primary-desktop-2xl); }
.device-desktop .wkg-badge--primary.wkg-badge--size-xl2 .wkg-badge__icon, .device-large .wkg-badge--primary.wkg-badge--size-xl2 .wkg-badge__icon { font-size: var(--wkg-font-size-badge-primary-desktop-2xl); }
.wkg-badge--primary.wkg-badge--filled { color: var(--wkg-color-badge-primary-filled); background: var(--wkg-bg-color-badge-primary-filled); border-color: var(--wkg-border-color-badge-primary-filled); border-style: var(--wkg-border-style-badge-primary-filled); border-width: var(--wkg-border-width-badge-primary-filled); }
.wkg-badge--primary.wkg-badge--outlined { color: var(--wkg-color-badge-primary-outlined); background: var(--wkg-bg-color-badge-primary-outlined); border-color: var(--wkg-border-color-badge-primary-outlined); border-style: var(--wkg-border-style-badge-primary-outlined); border-width: var(--wkg-border-width-badge-primary-outlined); }
.wkg-badge--secondary { display: var(--wkg-display-badge-secondary); font-family: var(--wkg-font-family-badge-secondary, sans-serif); font-style: var(--wkg-font-style-badge-secondary); text-decoration: var(--wkg-text-decoration-badge-secondary); text-transform: var(--wkg-text-transform-badge-secondary); transition: var(--wkg-transition-badge-secondary); }
.wkg-badge--secondary.wkg-badge--size-xs { font-size: var(--wkg-font-size-badge-secondary-xs); line-height: var(--wkg-line-height-badge-secondary-xs); font-weight: var(--wkg-font-weight-badge-secondary-xs); border-radius: var(--wkg-border-radius-badge-secondary-xs); padding: var(--wkg-padding-badge-secondary-xs); margin: var(--wkg-margin-badge-secondary-xs); gap: var(--wkg-gap-badge-secondary-xs); }
.wkg-badge--secondary.wkg-badge--size-xs .wkg-badge__icon { font-size: var(--wkg-font-size-badge-secondary-xs); }
.wkg-badge--secondary.wkg-badge--size-sm { font-size: var(--wkg-font-size-badge-secondary-sm); line-height: var(--wkg-line-height-badge-secondary-sm); font-weight: var(--wkg-font-weight-badge-secondary-sm); border-radius: var(--wkg-border-radius-badge-secondary-sm); padding: var(--wkg-padding-badge-secondary-sm); margin: var(--wkg-margin-badge-secondary-sm); gap: var(--wkg-gap-badge-secondary-sm); }
.wkg-badge--secondary.wkg-badge--size-sm .wkg-badge__icon { font-size: var(--wkg-font-size-badge-secondary-sm); }
.wkg-badge--secondary.wkg-badge--size-md { font-size: var(--wkg-font-size-badge-secondary-md); line-height: var(--wkg-line-height-badge-secondary-md); font-weight: var(--wkg-font-weight-badge-secondary-md); border-radius: var(--wkg-border-radius-badge-secondary-md); padding: var(--wkg-padding-badge-secondary-md); margin: var(--wkg-margin-badge-secondary-md); gap: var(--wkg-gap-badge-secondary-md); }
.wkg-badge--secondary.wkg-badge--size-md .wkg-badge__icon { font-size: var(--wkg-font-size-badge-secondary-md); }
.wkg-badge--secondary.wkg-badge--size-lg { font-size: var(--wkg-font-size-badge-secondary-lg); line-height: var(--wkg-line-height-badge-secondary-lg); font-weight: var(--wkg-font-weight-badge-secondary-lg); border-radius: var(--wkg-border-radius-badge-secondary-lg); padding: var(--wkg-padding-badge-secondary-lg); margin: var(--wkg-margin-badge-secondary-lg); gap: var(--wkg-gap-badge-secondary-lg); }
.wkg-badge--secondary.wkg-badge--size-lg .wkg-badge__icon { font-size: var(--wkg-font-size-badge-secondary-lg); }
.wkg-badge--secondary.wkg-badge--size-xl { font-size: var(--wkg-font-size-badge-secondary-xl); line-height: var(--wkg-line-height-badge-secondary-xl); font-weight: var(--wkg-font-weight-badge-secondary-xl); border-radius: var(--wkg-border-radius-badge-secondary-xl); padding: var(--wkg-padding-badge-secondary-xl); margin: var(--wkg-margin-badge-secondary-xl); gap: var(--wkg-gap-badge-secondary-xl); }
.wkg-badge--secondary.wkg-badge--size-xl .wkg-badge__icon { font-size: var(--wkg-font-size-badge-secondary-xl); }
.wkg-badge--secondary.wkg-badge--size-xl2 { font-size: var(--wkg-font-size-badge-secondary-2xl); line-height: var(--wkg-line-height-badge-secondary-2xl); font-weight: var(--wkg-font-weight-badge-secondary-2xl); border-radius: var(--wkg-border-radius-badge-secondary-2xl); padding: var(--wkg-padding-badge-secondary-2xl); margin: var(--wkg-margin-badge-secondary-2xl); gap: var(--wkg-gap-badge-secondary-2xl); }
.wkg-badge--secondary.wkg-badge--size-xl2 .wkg-badge__icon { font-size: var(--wkg-font-size-badge-secondary-2xl); }
.device-desktop .wkg-badge--secondary.wkg-badge--size-xs, .device-large .wkg-badge--secondary.wkg-badge--size-xs { font-size: var(--wkg-font-size-badge-secondary-desktop-xs); line-height: var(--wkg-line-height-badge-secondary-desktop-xs); font-weight: var(--wkg-font-weight-badge-secondary-desktop-xs); border-radius: var(--wkg-border-radius-badge-secondary-desktop-xs); padding: var(--wkg-padding-badge-secondary-desktop-xs); margin: var(--wkg-margin-badge-secondary-desktop-xs); gap: var(--wkg-gap-badge-secondary-desktop-xs); }
.device-desktop .wkg-badge--secondary.wkg-badge--size-xs .wkg-badge__icon, .device-large .wkg-badge--secondary.wkg-badge--size-xs .wkg-badge__icon { font-size: var(--wkg-font-size-badge-secondary-desktop-xs); }
.device-desktop .wkg-badge--secondary.wkg-badge--size-sm, .device-large .wkg-badge--secondary.wkg-badge--size-sm { font-size: var(--wkg-font-size-badge-secondary-desktop-sm); line-height: var(--wkg-line-height-badge-secondary-desktop-sm); font-weight: var(--wkg-font-weight-badge-secondary-desktop-sm); border-radius: var(--wkg-border-radius-badge-secondary-desktop-sm); padding: var(--wkg-padding-badge-secondary-desktop-sm); margin: var(--wkg-margin-badge-secondary-desktop-sm); gap: var(--wkg-gap-badge-secondary-desktop-sm); }
.device-desktop .wkg-badge--secondary.wkg-badge--size-sm .wkg-badge__icon, .device-large .wkg-badge--secondary.wkg-badge--size-sm .wkg-badge__icon { font-size: var(--wkg-font-size-badge-secondary-desktop-sm); }
.device-desktop .wkg-badge--secondary.wkg-badge--size-md, .device-large .wkg-badge--secondary.wkg-badge--size-md { font-size: var(--wkg-font-size-badge-secondary-desktop-md); line-height: var(--wkg-line-height-badge-secondary-desktop-md); font-weight: var(--wkg-font-weight-badge-secondary-desktop-md); border-radius: var(--wkg-border-radius-badge-secondary-desktop-md); padding: var(--wkg-padding-badge-secondary-desktop-md); margin: var(--wkg-margin-badge-secondary-desktop-md); gap: var(--wkg-gap-badge-secondary-desktop-md); }
.device-desktop .wkg-badge--secondary.wkg-badge--size-md .wkg-badge__icon, .device-large .wkg-badge--secondary.wkg-badge--size-md .wkg-badge__icon { font-size: var(--wkg-font-size-badge-secondary-desktop-md); }
.device-desktop .wkg-badge--secondary.wkg-badge--size-lg, .device-large .wkg-badge--secondary.wkg-badge--size-lg { font-size: var(--wkg-font-size-badge-secondary-desktop-lg); line-height: var(--wkg-line-height-badge-secondary-desktop-lg); font-weight: var(--wkg-font-weight-badge-secondary-desktop-lg); border-radius: var(--wkg-border-radius-badge-secondary-desktop-lg); padding: var(--wkg-padding-badge-secondary-desktop-lg); margin: var(--wkg-margin-badge-secondary-desktop-lg); gap: var(--wkg-gap-badge-secondary-desktop-lg); }
.device-desktop .wkg-badge--secondary.wkg-badge--size-lg .wkg-badge__icon, .device-large .wkg-badge--secondary.wkg-badge--size-lg .wkg-badge__icon { font-size: var(--wkg-font-size-badge-secondary-desktop-lg); }
.device-desktop .wkg-badge--secondary.wkg-badge--size-xl, .device-large .wkg-badge--secondary.wkg-badge--size-xl { font-size: var(--wkg-font-size-badge-secondary-desktop-xl); line-height: var(--wkg-line-height-badge-secondary-desktop-xl); font-weight: var(--wkg-font-weight-badge-secondary-desktop-xl); border-radius: var(--wkg-border-radius-badge-secondary-desktop-xl); padding: var(--wkg-padding-badge-secondary-desktop-xl); margin: var(--wkg-margin-badge-secondary-desktop-xl); gap: var(--wkg-gap-badge-secondary-desktop-xl); }
.device-desktop .wkg-badge--secondary.wkg-badge--size-xl .wkg-badge__icon, .device-large .wkg-badge--secondary.wkg-badge--size-xl .wkg-badge__icon { font-size: var(--wkg-font-size-badge-secondary-desktop-xl); }
.device-desktop .wkg-badge--secondary.wkg-badge--size-xl2, .device-large .wkg-badge--secondary.wkg-badge--size-xl2 { font-size: var(--wkg-font-size-badge-secondary-desktop-2xl); line-height: var(--wkg-line-height-badge-secondary-desktop-2xl); font-weight: var(--wkg-font-weight-badge-secondary-desktop-2xl); border-radius: var(--wkg-border-radius-badge-secondary-desktop-2xl); padding: var(--wkg-padding-badge-secondary-desktop-2xl); margin: var(--wkg-margin-badge-secondary-desktop-2xl); gap: var(--wkg-gap-badge-secondary-desktop-2xl); }
.device-desktop .wkg-badge--secondary.wkg-badge--size-xl2 .wkg-badge__icon, .device-large .wkg-badge--secondary.wkg-badge--size-xl2 .wkg-badge__icon { font-size: var(--wkg-font-size-badge-secondary-desktop-2xl); }
.wkg-badge--secondary.wkg-badge--filled { color: var(--wkg-color-badge-secondary-filled); background: var(--wkg-bg-color-badge-secondary-filled); border-color: var(--wkg-border-color-badge-secondary-filled); border-style: var(--wkg-border-style-badge-secondary-filled); border-width: var(--wkg-border-width-badge-secondary-filled); }
.wkg-badge--secondary.wkg-badge--outlined { color: var(--wkg-color-badge-secondary-outlined); background: var(--wkg-bg-color-badge-secondary-outlined); border-color: var(--wkg-border-color-badge-secondary-outlined); border-style: var(--wkg-border-style-badge-secondary-outlined); border-width: var(--wkg-border-width-badge-secondary-outlined); }
.wkg-badge--notificationPrimary { display: var(--wkg-display-badge-notification-primary); font-family: var(--wkg-font-family-badge-notification-primary, sans-serif); font-style: var(--wkg-font-style-badge-notification-primary); text-decoration: var(--wkg-text-decoration-badge-notification-primary); text-transform: var(--wkg-text-transform-badge-notification-primary); transition: var(--wkg-transition-badge-notification-primary); }
.wkg-badge--notificationPrimary.wkg-badge--size-xs { font-size: var(--wkg-font-size-badge-notification-primary-xs); line-height: var(--wkg-line-height-badge-notification-primary-xs); font-weight: var(--wkg-font-weight-badge-notification-primary-xs); border-radius: var(--wkg-border-radius-badge-notification-primary-xs); padding: var(--wkg-padding-badge-notification-primary-xs); margin: var(--wkg-margin-badge-notification-primary-xs); gap: var(--wkg-gap-badge-notification-primary-xs); }
.wkg-badge--notificationPrimary.wkg-badge--size-xs .wkg-badge__icon { font-size: var(--wkg-font-size-badge-notification-primary-xs); }
.wkg-badge--notificationPrimary.wkg-badge--size-sm { font-size: var(--wkg-font-size-badge-notification-primary-sm); line-height: var(--wkg-line-height-badge-notification-primary-sm); font-weight: var(--wkg-font-weight-badge-notification-primary-sm); border-radius: var(--wkg-border-radius-badge-notification-primary-sm); padding: var(--wkg-padding-badge-notification-primary-sm); margin: var(--wkg-margin-badge-notification-primary-sm); gap: var(--wkg-gap-badge-notification-primary-sm); }
.wkg-badge--notificationPrimary.wkg-badge--size-sm .wkg-badge__icon { font-size: var(--wkg-font-size-badge-notification-primary-sm); }
.wkg-badge--notificationPrimary.wkg-badge--size-md { font-size: var(--wkg-font-size-badge-notification-primary-md); line-height: var(--wkg-line-height-badge-notification-primary-md); font-weight: var(--wkg-font-weight-badge-notification-primary-md); border-radius: var(--wkg-border-radius-badge-notification-primary-md); padding: var(--wkg-padding-badge-notification-primary-md); margin: var(--wkg-margin-badge-notification-primary-md); gap: var(--wkg-gap-badge-notification-primary-md); }
.wkg-badge--notificationPrimary.wkg-badge--size-md .wkg-badge__icon { font-size: var(--wkg-font-size-badge-notification-primary-md); }
.wkg-badge--notificationPrimary.wkg-badge--size-lg { font-size: var(--wkg-font-size-badge-notification-primary-lg); line-height: var(--wkg-line-height-badge-notification-primary-lg); font-weight: var(--wkg-font-weight-badge-notification-primary-lg); border-radius: var(--wkg-border-radius-badge-notification-primary-lg); padding: var(--wkg-padding-badge-notification-primary-lg); margin: var(--wkg-margin-badge-notification-primary-lg); gap: var(--wkg-gap-badge-notification-primary-lg); }
.wkg-badge--notificationPrimary.wkg-badge--size-lg .wkg-badge__icon { font-size: var(--wkg-font-size-badge-notification-primary-lg); }
.wkg-badge--notificationPrimary.wkg-badge--size-xl { font-size: var(--wkg-font-size-badge-notification-primary-xl); line-height: var(--wkg-line-height-badge-notification-primary-xl); font-weight: var(--wkg-font-weight-badge-notification-primary-xl); border-radius: var(--wkg-border-radius-badge-notification-primary-xl); padding: var(--wkg-padding-badge-notification-primary-xl); margin: var(--wkg-margin-badge-notification-primary-xl); gap: var(--wkg-gap-badge-notification-primary-xl); }
.wkg-badge--notificationPrimary.wkg-badge--size-xl .wkg-badge__icon { font-size: var(--wkg-font-size-badge-notification-primary-xl); }
.wkg-badge--notificationPrimary.wkg-badge--size-xl2 { font-size: var(--wkg-font-size-badge-notification-primary-2xl); line-height: var(--wkg-line-height-badge-notification-primary-2xl); font-weight: var(--wkg-font-weight-badge-notification-primary-2xl); border-radius: var(--wkg-border-radius-badge-notification-primary-2xl); padding: var(--wkg-padding-badge-notification-primary-2xl); margin: var(--wkg-margin-badge-notification-primary-2xl); gap: var(--wkg-gap-badge-notification-primary-2xl); }
.wkg-badge--notificationPrimary.wkg-badge--size-xl2 .wkg-badge__icon { font-size: var(--wkg-font-size-badge-notification-primary-2xl); }
.device-desktop .wkg-badge--notificationPrimary.wkg-badge--size-xs, .device-large .wkg-badge--notificationPrimary.wkg-badge--size-xs { font-size: var(--wkg-font-size-badge-notification-primary-desktop-xs); line-height: var(--wkg-line-height-badge-notification-primary-desktop-xs); font-weight: var(--wkg-font-weight-badge-notification-primary-desktop-xs); border-radius: var(--wkg-border-radius-badge-notification-primary-desktop-xs); padding: var(--wkg-padding-badge-notification-primary-desktop-xs); margin: var(--wkg-margin-badge-notification-primary-desktop-xs); gap: var(--wkg-gap-badge-notification-primary-desktop-xs); }
.device-desktop .wkg-badge--notificationPrimary.wkg-badge--size-xs .wkg-badge__icon, .device-large .wkg-badge--notificationPrimary.wkg-badge--size-xs .wkg-badge__icon { font-size: var(--wkg-font-size-badge-notification-primary-desktop-xs); }
.device-desktop .wkg-badge--notificationPrimary.wkg-badge--size-sm, .device-large .wkg-badge--notificationPrimary.wkg-badge--size-sm { font-size: var(--wkg-font-size-badge-notification-primary-desktop-sm); line-height: var(--wkg-line-height-badge-notification-primary-desktop-sm); font-weight: var(--wkg-font-weight-badge-notification-primary-desktop-sm); border-radius: var(--wkg-border-radius-badge-notification-primary-desktop-sm); padding: var(--wkg-padding-badge-notification-primary-desktop-sm); margin: var(--wkg-margin-badge-notification-primary-desktop-sm); gap: var(--wkg-gap-badge-notification-primary-desktop-sm); }
.device-desktop .wkg-badge--notificationPrimary.wkg-badge--size-sm .wkg-badge__icon, .device-large .wkg-badge--notificationPrimary.wkg-badge--size-sm .wkg-badge__icon { font-size: var(--wkg-font-size-badge-notification-primary-desktop-sm); }
.device-desktop .wkg-badge--notificationPrimary.wkg-badge--size-md { font-size: var(--wkg-font-size-badge-notification-primary-desktop-md); line-height: var(--wkg-line-height-badge-notification-primary-desktop-md); font-weight: var(--wkg-font-weight-badge-notification-primary-desktop-md); border-radius: var(--wkg-border-radius-badge-notification-primary-desktop-md); padding: var(--wkg-padding-badge-notification-primary-desktop-md); margin: var(--wkg-margin-badge-notification-primary-desktop-md); gap: var(--wkg-gap-badge-notification-primary-desktop-md); }
.device-desktop .wkg-badge--notificationPrimary.wkg-badge--size-md .wkg-badge__icon { font-size: var(--wkg-font-size-badge-notification-primary-desktop-md); }
.device-desktop .wkg-badge--notificationPrimary.wkg-badge--size-lg, .device-large .wkg-badge--notificationPrimary.wkg-badge--size-lg { font-size: var(--wkg-font-size-badge-notification-primary-desktop-lg); line-height: var(--wkg-line-height-badge-notification-primary-desktop-lg); font-weight: var(--wkg-font-weight-badge-notification-primary-desktop-lg); border-radius: var(--wkg-border-radius-badge-notification-primary-desktop-lg); padding: var(--wkg-padding-badge-notification-primary-desktop-lg); margin: var(--wkg-margin-badge-notification-primary-desktop-lg); gap: var(--wkg-gap-badge-notification-primary-desktop-lg); }
.device-desktop .wkg-badge--notificationPrimary.wkg-badge--size-lg .wkg-badge__icon, .device-large .wkg-badge--notificationPrimary.wkg-badge--size-lg .wkg-badge__icon { font-size: var(--wkg-font-size-badge-notification-primary-desktop-lg); }
.device-desktop .wkg-badge--notificationPrimary.wkg-badge--size-xl, .device-large .wkg-badge--notificationPrimary.wkg-badge--size-xl { font-size: var(--wkg-font-size-badge-notification-primary-desktop-xl); line-height: var(--wkg-line-height-badge-notification-primary-desktop-xl); font-weight: var(--wkg-font-weight-badge-notification-primary-desktop-xl); border-radius: var(--wkg-border-radius-badge-notification-primary-desktop-xl); padding: var(--wkg-padding-badge-notification-primary-desktop-xl); margin: var(--wkg-margin-badge-notification-primary-desktop-xl); gap: var(--wkg-gap-badge-notification-primary-desktop-xl); }
.device-desktop .wkg-badge--notificationPrimary.wkg-badge--size-xl .wkg-badge__icon, .device-large .wkg-badge--notificationPrimary.wkg-badge--size-xl .wkg-badge__icon { font-size: var(--wkg-font-size-badge-notification-primary-desktop-xl); }
.device-desktop .wkg-badge--notificationPrimary.wkg-badge--size-xl2, .device-large .wkg-badge--notificationPrimary.wkg-badge--size-xl2 { font-size: var(--wkg-font-size-badge-notification-primary-desktop-2xl); line-height: var(--wkg-line-height-badge-notification-primary-desktop-2xl); font-weight: var(--wkg-font-weight-badge-notification-primary-desktop-2xl); border-radius: var(--wkg-border-radius-badge-notification-primary-desktop-2xl); padding: var(--wkg-padding-badge-notification-primary-desktop-2xl); margin: var(--wkg-margin-badge-notification-primary-desktop-2xl); gap: var(--wkg-gap-badge-notification-primary-desktop-2xl); }
.device-desktop .wkg-badge--notificationPrimary.wkg-badge--size-xl2 .wkg-badge__icon, .device-large .wkg-badge--notificationPrimary.wkg-badge--size-xl2 .wkg-badge__icon { font-size: var(--wkg-font-size-badge-notification-primary-desktop-2xl); }
.wkg-badge--notificationPrimary.wkg-badge--filled { color: var(--wkg-color-badge-notification-primary-filled); background: var(--wkg-bg-color-badge-notification-primary-filled); border-color: var(--wkg-border-color-badge-notification-primary-filled); border-style: var(--wkg-border-style-badge-notification-primary-filled); border-width: var(--wkg-border-width-badge-notification-primary-filled); }
.wkg-accordion { background: none; border: medium; padding: 0px; margin: 0px; list-style: none; width: 100%; }
.wkg-accordion__item { background: none; border: medium; padding: 0px; margin: 0px; list-style: none; }
.wkg-accordion__header { background: none; border: medium; padding: 0px; margin: 0px; text-decoration: none; cursor: pointer; outline: none; appearance: none; user-select: none; text-align: left; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.wkg-accordion__header:hover, .wkg-accordion__header:focus, .wkg-accordion__header:active { text-decoration: none; outline: none; }
.wkg-accordion__header:disabled { cursor: not-allowed; }
.wkg-accordion__header-content, .wkg-accordion__header-text { flex: 1 1 0%; display: flex; align-items: center; }
.wkg-accordion__content { background: none; border: medium; padding: 0px; margin: 0px; overflow: hidden; }
.wkg-accordion__content-wrapper { margin: 0px; }
.wkg-accordion { display: flex; flex-direction: column; gap: var(--wkg-spacing-xs); }
.wkg-accordion__item { border-style: solid; border-color: var(--wkg-color-white-10); border-width: 0px 0px 1px; background-color: transparent; overflow: hidden; transition: background-color 0.2s, border-color 0.2s; }
.wkg-accordion__item--expanded { background-color: transparent; }
.wkg-accordion__item--disabled { opacity: 0.5; cursor: not-allowed; }
.wkg-accordion__item--disabled .wkg-accordion__header { cursor: not-allowed; pointer-events: none; }
.wkg-accordion__header { color: var(--wkg-color-text-primary); background-color: transparent; text-decoration: none; transition: color 0.2s, background-color 0.2s; gap: var(--wkg-spacing-md); padding: var(--wkg-spacing-md) 0; }
.wkg-accordion__header--padding-xs { padding: var(--wkg-spacing-xs) 0; }
.wkg-accordion__header--padding-sm { padding: var(--wkg-spacing-sm) 0; }
.wkg-accordion__header--padding-md { padding: var(--wkg-spacing-md) 0; }
.wkg-accordion__header--padding-lg { padding: var(--wkg-spacing-lg) 0; }
.wkg-accordion__header--padding-xl { padding: var(--wkg-spacing-xl) 0; }
.wkg-accordion__header--padding-xl2 { padding: var(--wkg-spacing-2xl) 0; }
.wkg-accordion__header:hover { text-decoration: none; }
.wkg-accordion__header:disabled { color: var(--wkg-color-text-secondary); opacity: 0.5; }
.wkg-accordion__content-grid { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s linear; }
.wkg-accordion__content-grid--expanded { grid-template-rows: 1fr; }
.wkg-accordion__content-grid-inner { overflow: hidden; }
.wkg-accordion__content-wrapper--padding-xs { padding: var(--wkg-spacing-xs) 0 var(--wkg-spacing-lg) 0; }
.wkg-accordion__content-wrapper--padding-sm { padding: var(--wkg-spacing-sm) 0 var(--wkg-spacing-lg) 0; }
.wkg-accordion__content-wrapper--padding-md { padding: var(--wkg-spacing-md) 0 var(--wkg-spacing-xl) 0; }
.wkg-accordion__content-wrapper--padding-lg { padding: var(--wkg-spacing-lg) 0 var(--wkg-spacing-xl) 0; }
.wkg-accordion__content-wrapper--padding-xl { padding: var(--wkg-spacing-xl) 0 var(--wkg-spacing-2xl) 0; }
.wkg-accordion__content-wrapper--padding-xl2 { padding: var(--wkg-spacing-2xl) 0 var(--wkg-spacing-3xl) 0; }
.wkg-accordion__content-grid--speed-fast { transition-duration: 0.15s; }
.wkg-accordion__content-grid--speed-normal { transition-duration: 0.3s; }
.wkg-accordion__content-grid--speed-slow { transition-duration: 0.5s; }
.wkg-accordion__header--icon-left { flex-direction: row-reverse; }
.wkg-accordion__header--icon-right { flex-direction: row; }
.wkg-accordion__item--disabled .wkg-accordion__icon { opacity: 0.5; }
.wkg-accordion__icon { transition: transform 0.3s ease-in-out; }
.wkg-accordion__icon--speed-fast { transition-duration: 0.15s; }
.wkg-accordion__icon--speed-normal { transition-duration: 0.3s; }
.wkg-accordion__icon--speed-slow { transition-duration: 0.6s; }
.wkg-accordion__icon--animation-rotate180.wkg-accordion__icon--expanded { transform: rotate(180deg); }
.wkg-accordion__icon--animation-rotate90.wkg-accordion__icon--expanded { transform: rotate(90deg); }
.wkg-accordion__icon--animation-flip-vertical.wkg-accordion__icon--expanded { transform: scaleY(-1); }
.wkg-accordion__icon--animation-none { transition: none; transform: none; }
.wkg-accordion__icon--animation-none.wkg-accordion__icon--expanded { transform: none; }
.wkg-mt-none { margin-top: var(--wkg-spacing-none); }
.wkg-mt-xxs { margin-top: var(--wkg-spacing-xxs); }
.wkg-mt-xs { margin-top: var(--wkg-spacing-xs); }
.wkg-mt-sm { margin-top: var(--wkg-spacing-sm); }
.wkg-mt-md { margin-top: var(--wkg-spacing-md); }
.wkg-mt-lg { margin-top: var(--wkg-spacing-lg); }
.wkg-mt-xl { margin-top: var(--wkg-spacing-xl); }
.wkg-mt-2xl { margin-top: var(--wkg-spacing-2xl); }
.wkg-mt-3xl { margin-top: var(--wkg-spacing-3xl); }
.wkg-mt-4xl { margin-top: var(--wkg-spacing-4xl); }
.wkg-mb-none { margin-bottom: var(--wkg-spacing-none); }
.wkg-mb-xxs { margin-bottom: var(--wkg-spacing-xxs); }
.wkg-mb-xs { margin-bottom: var(--wkg-spacing-xs); }
.wkg-mb-sm { margin-bottom: var(--wkg-spacing-sm); }
.wkg-mb-md { margin-bottom: var(--wkg-spacing-md); }
.wkg-mb-lg { margin-bottom: var(--wkg-spacing-lg); }
.wkg-mb-xl { margin-bottom: var(--wkg-spacing-xl); }
.wkg-mb-2xl { margin-bottom: var(--wkg-spacing-2xl); }
.wkg-mb-3xl { margin-bottom: var(--wkg-spacing-3xl); }
.wkg-mb-4xl { margin-bottom: var(--wkg-spacing-4xl); }
.wkg-ml-none { margin-left: var(--wkg-spacing-none); }
.wkg-ml-xxs { margin-left: var(--wkg-spacing-xxs); }
.wkg-ml-xs { margin-left: var(--wkg-spacing-xs); }
.wkg-ml-sm { margin-left: var(--wkg-spacing-sm); }
.wkg-ml-md { margin-left: var(--wkg-spacing-md); }
.wkg-ml-lg { margin-left: var(--wkg-spacing-lg); }
.wkg-ml-xl { margin-left: var(--wkg-spacing-xl); }
.wkg-ml-2xl { margin-left: var(--wkg-spacing-2xl); }
.wkg-ml-3xl { margin-left: var(--wkg-spacing-3xl); }
.wkg-ml-4xl { margin-left: var(--wkg-spacing-4xl); }
.wkg-mr-none { margin-right: var(--wkg-spacing-none); }
.wkg-mr-xxs { margin-right: var(--wkg-spacing-xxs); }
.wkg-mr-xs { margin-right: var(--wkg-spacing-xs); }
.wkg-mr-sm { margin-right: var(--wkg-spacing-sm); }
.wkg-mr-md { margin-right: var(--wkg-spacing-md); }
.wkg-mr-lg { margin-right: var(--wkg-spacing-lg); }
.wkg-mr-xl { margin-right: var(--wkg-spacing-xl); }
.wkg-mr-2xl { margin-right: var(--wkg-spacing-2xl); }
.wkg-mr-3xl { margin-right: var(--wkg-spacing-3xl); }
.wkg-mr-4xl { margin-right: var(--wkg-spacing-4xl); }
.wkg-mx-none { margin-left: var(--wkg-spacing-none); margin-right: var(--wkg-spacing-none); }
.wkg-mx-xxs { margin-left: var(--wkg-spacing-xxs); margin-right: var(--wkg-spacing-xxs); }
.wkg-mx-xs { margin-left: var(--wkg-spacing-xs); margin-right: var(--wkg-spacing-xs); }
.wkg-mx-sm { margin-left: var(--wkg-spacing-sm); margin-right: var(--wkg-spacing-sm); }
.wkg-mx-md { margin-left: var(--wkg-spacing-md); margin-right: var(--wkg-spacing-md); }
.wkg-mx-lg { margin-left: var(--wkg-spacing-lg); margin-right: var(--wkg-spacing-lg); }
.wkg-mx-xl { margin-left: var(--wkg-spacing-xl); margin-right: var(--wkg-spacing-xl); }
.wkg-mx-2xl { margin-left: var(--wkg-spacing-2xl); margin-right: var(--wkg-spacing-2xl); }
.wkg-mx-3xl { margin-left: var(--wkg-spacing-3xl); margin-right: var(--wkg-spacing-3xl); }
.wkg-mx-4xl { margin-left: var(--wkg-spacing-4xl); margin-right: var(--wkg-spacing-4xl); }
.wkg-my-none { margin-top: var(--wkg-spacing-none); margin-bottom: var(--wkg-spacing-none); }
.wkg-my-xxs { margin-top: var(--wkg-spacing-xxs); margin-bottom: var(--wkg-spacing-xxs); }
.wkg-my-xs { margin-top: var(--wkg-spacing-xs); margin-bottom: var(--wkg-spacing-xs); }
.wkg-my-sm { margin-top: var(--wkg-spacing-sm); margin-bottom: var(--wkg-spacing-sm); }
.wkg-my-md { margin-top: var(--wkg-spacing-md); margin-bottom: var(--wkg-spacing-md); }
.wkg-my-lg { margin-top: var(--wkg-spacing-lg); margin-bottom: var(--wkg-spacing-lg); }
.wkg-my-xl { margin-top: var(--wkg-spacing-xl); margin-bottom: var(--wkg-spacing-xl); }
.wkg-my-2xl { margin-top: var(--wkg-spacing-2xl); margin-bottom: var(--wkg-spacing-2xl); }
.wkg-my-3xl { margin-top: var(--wkg-spacing-3xl); margin-bottom: var(--wkg-spacing-3xl); }
.wkg-my-4xl { margin-top: var(--wkg-spacing-4xl); margin-bottom: var(--wkg-spacing-4xl); }
.wkg-pt-none { padding-top: var(--wkg-spacing-none); }
.wkg-pt-xxs { padding-top: var(--wkg-spacing-xxs); }
.wkg-pt-xs { padding-top: var(--wkg-spacing-xs); }
.wkg-pt-sm { padding-top: var(--wkg-spacing-sm); }
.wkg-pt-md { padding-top: var(--wkg-spacing-md); }
.wkg-pt-lg { padding-top: var(--wkg-spacing-lg); }
.wkg-pt-xl { padding-top: var(--wkg-spacing-xl); }
.wkg-pt-2xl { padding-top: var(--wkg-spacing-2xl); }
.wkg-pt-3xl { padding-top: var(--wkg-spacing-3xl); }
.wkg-pt-4xl { padding-top: var(--wkg-spacing-4xl); }
.wkg-pb-none { padding-bottom: var(--wkg-spacing-none); }
.wkg-pb-xxs { padding-bottom: var(--wkg-spacing-xxs); }
.wkg-pb-xs { padding-bottom: var(--wkg-spacing-xs); }
.wkg-pb-sm { padding-bottom: var(--wkg-spacing-sm); }
.wkg-pb-md { padding-bottom: var(--wkg-spacing-md); }
.wkg-pb-lg { padding-bottom: var(--wkg-spacing-lg); }
.wkg-pb-xl { padding-bottom: var(--wkg-spacing-xl); }
.wkg-pb-2xl { padding-bottom: var(--wkg-spacing-2xl); }
.wkg-pb-3xl { padding-bottom: var(--wkg-spacing-3xl); }
.wkg-pb-4xl { padding-bottom: var(--wkg-spacing-4xl); }
.wkg-pl-none { padding-left: var(--wkg-spacing-none); }
.wkg-pl-xxs { padding-left: var(--wkg-spacing-xxs); }
.wkg-pl-xs { padding-left: var(--wkg-spacing-xs); }
.wkg-pl-sm { padding-left: var(--wkg-spacing-sm); }
.wkg-pl-md { padding-left: var(--wkg-spacing-md); }
.wkg-pl-lg { padding-left: var(--wkg-spacing-lg); }
.wkg-pl-xl { padding-left: var(--wkg-spacing-xl); }
.wkg-pl-2xl { padding-left: var(--wkg-spacing-2xl); }
.wkg-pl-3xl { padding-left: var(--wkg-spacing-3xl); }
.wkg-pl-4xl { padding-left: var(--wkg-spacing-4xl); }
.wkg-pr-none { padding-right: var(--wkg-spacing-none); }
.wkg-pr-xxs { padding-right: var(--wkg-spacing-xxs); }
.wkg-pr-xs { padding-right: var(--wkg-spacing-xs); }
.wkg-pr-sm { padding-right: var(--wkg-spacing-sm); }
.wkg-pr-md { padding-right: var(--wkg-spacing-md); }
.wkg-pr-lg { padding-right: var(--wkg-spacing-lg); }
.wkg-pr-xl { padding-right: var(--wkg-spacing-xl); }
.wkg-pr-2xl { padding-right: var(--wkg-spacing-2xl); }
.wkg-pr-3xl { padding-right: var(--wkg-spacing-3xl); }
.wkg-pr-4xl { padding-right: var(--wkg-spacing-4xl); }
.wkg-px-none { padding-left: var(--wkg-spacing-none); padding-right: var(--wkg-spacing-none); }
.wkg-px-xxs { padding-left: var(--wkg-spacing-xxs); padding-right: var(--wkg-spacing-xxs); }
.wkg-px-xs { padding-left: var(--wkg-spacing-xs); padding-right: var(--wkg-spacing-xs); }
.wkg-px-sm { padding-left: var(--wkg-spacing-sm); padding-right: var(--wkg-spacing-sm); }
.wkg-px-md { padding-left: var(--wkg-spacing-md); padding-right: var(--wkg-spacing-md); }
.wkg-px-lg { padding-left: var(--wkg-spacing-lg); padding-right: var(--wkg-spacing-lg); }
.wkg-px-xl { padding-left: var(--wkg-spacing-xl); padding-right: var(--wkg-spacing-xl); }
.wkg-px-2xl { padding-left: var(--wkg-spacing-2xl); padding-right: var(--wkg-spacing-2xl); }
.wkg-px-3xl { padding-left: var(--wkg-spacing-3xl); padding-right: var(--wkg-spacing-3xl); }
.wkg-px-4xl { padding-left: var(--wkg-spacing-4xl); padding-right: var(--wkg-spacing-4xl); }
.wkg-py-none { padding-top: var(--wkg-spacing-none); padding-bottom: var(--wkg-spacing-none); }
.wkg-py-xxs { padding-top: var(--wkg-spacing-xxs); padding-bottom: var(--wkg-spacing-xxs); }
.wkg-py-xs { padding-top: var(--wkg-spacing-xs); padding-bottom: var(--wkg-spacing-xs); }
.wkg-py-sm { padding-top: var(--wkg-spacing-sm); padding-bottom: var(--wkg-spacing-sm); }
.wkg-py-md { padding-top: var(--wkg-spacing-md); padding-bottom: var(--wkg-spacing-md); }
.wkg-py-lg { padding-top: var(--wkg-spacing-lg); padding-bottom: var(--wkg-spacing-lg); }
.wkg-py-xl { padding-top: var(--wkg-spacing-xl); padding-bottom: var(--wkg-spacing-xl); }
.wkg-py-2xl { padding-top: var(--wkg-spacing-2xl); padding-bottom: var(--wkg-spacing-2xl); }
.wkg-py-3xl { padding-top: var(--wkg-spacing-3xl); padding-bottom: var(--wkg-spacing-3xl); }
.wkg-py-4xl { padding-top: var(--wkg-spacing-4xl); padding-bottom: var(--wkg-spacing-4xl); }
.wkg-gap-none { gap: var(--wkg-spacing-none); }
.wkg-gap-xxs { gap: var(--wkg-spacing-xxs); }
.wkg-gap-xs { gap: var(--wkg-spacing-xs); }
.wkg-gap-sm { gap: var(--wkg-spacing-sm); }
.wkg-gap-md { gap: var(--wkg-spacing-md); }
.wkg-gap-lg { gap: var(--wkg-spacing-lg); }
.wkg-gap-xl { gap: var(--wkg-spacing-xl); }
.wkg-gap-2xl { gap: var(--wkg-spacing-2xl); }
.wkg-gap-3xl { gap: var(--wkg-spacing-3xl); }
.wkg-gap-4xl { gap: var(--wkg-spacing-4xl); }
.wkg-section--mt-none { margin-top: var(--wkg-section-margin-none); }
.wkg-section--mt-xs { margin-top: var(--wkg-section-margin-xs); }
.wkg-section--mt-sm { margin-top: var(--wkg-section-margin-sm); }
.wkg-section--mt-md { margin-top: var(--wkg-section-margin-md); }
.wkg-section--mt-lg { margin-top: var(--wkg-section-margin-lg); }
.wkg-section--mt-xl { margin-top: var(--wkg-section-margin-xl); }
.wkg-section--mt-xl2 { margin-top: var(--wkg-section-margin-2xl); }
.wkg-section--mt-xl3 { margin-top: var(--wkg-section-margin-3xl); }
.wkg-section--mt-xl4 { margin-top: var(--wkg-section-margin-4xl); }
.wkg-section--mt-xl5 { margin-top: var(--wkg-section-margin-5xl); }
.wkg-section--mb-none { margin-bottom: var(--wkg-section-margin-none); }
.wkg-section--mb-xs { margin-bottom: var(--wkg-section-margin-xs); }
.wkg-section--mb-sm { margin-bottom: var(--wkg-section-margin-sm); }
.wkg-section--mb-md { margin-bottom: var(--wkg-section-margin-md); }
.wkg-section--mb-lg { margin-bottom: var(--wkg-section-margin-lg); }
.wkg-section--mb-xl { margin-bottom: var(--wkg-section-margin-xl); }
.wkg-section--mb-xl2 { margin-bottom: var(--wkg-section-margin-2xl); }
.wkg-section--mb-xl3 { margin-bottom: var(--wkg-section-margin-3xl); }
.wkg-section--mb-xl4 { margin-bottom: var(--wkg-section-margin-4xl); }
.wkg-section--mb-xl5 { margin-bottom: var(--wkg-section-margin-5xl); }
.wkg-section--px-none { padding-left: var(--wkg-section-padding-none); padding-right: var(--wkg-section-padding-none); }
.wkg-section--px-xs { padding-left: var(--wkg-section-padding-xs); padding-right: var(--wkg-section-padding-xs); }
.wkg-section--px-sm { padding-left: var(--wkg-section-padding-sm); padding-right: var(--wkg-section-padding-sm); }
.wkg-section--px-md { padding-left: var(--wkg-section-padding-md); padding-right: var(--wkg-section-padding-md); }
.wkg-section--px-lg { padding-left: var(--wkg-section-padding-lg); padding-right: var(--wkg-section-padding-lg); }
.wkg-section--px-xl { padding-left: var(--wkg-section-padding-xl); padding-right: var(--wkg-section-padding-xl); }
.wkg-section--px-xl2 { padding-left: var(--wkg-section-padding-2xl); padding-right: var(--wkg-section-padding-2xl); }
.wkg-section--px-xl3 { padding-left: var(--wkg-section-padding-3xl); padding-right: var(--wkg-section-padding-3xl); }
.wkg-section--px-xl4 { padding-left: var(--wkg-section-padding-4xl); padding-right: var(--wkg-section-padding-4xl); }
.wkg-section--px-xl5 { padding-left: var(--wkg-section-padding-5xl); padding-right: var(--wkg-section-padding-5xl); }
.wkg-section--py-none { padding-top: var(--wkg-section-padding-none); padding-bottom: var(--wkg-section-padding-none); }
.wkg-section--py-xs { padding-top: var(--wkg-section-padding-xs); padding-bottom: var(--wkg-section-padding-xs); }
.wkg-section--py-sm { padding-top: var(--wkg-section-padding-sm); padding-bottom: var(--wkg-section-padding-sm); }
.wkg-section--py-md { padding-top: var(--wkg-section-padding-md); padding-bottom: var(--wkg-section-padding-md); }
.wkg-section--py-lg { padding-top: var(--wkg-section-padding-lg); padding-bottom: var(--wkg-section-padding-lg); }
.wkg-section--py-xl { padding-top: var(--wkg-section-padding-xl); padding-bottom: var(--wkg-section-padding-xl); }
.wkg-section--py-xl2 { padding-top: var(--wkg-section-padding-2xl); padding-bottom: var(--wkg-section-padding-2xl); }
.wkg-section--py-xl3 { padding-top: var(--wkg-section-padding-3xl); padding-bottom: var(--wkg-section-padding-3xl); }
.wkg-section--py-xl4 { padding-top: var(--wkg-section-padding-4xl); padding-bottom: var(--wkg-section-padding-4xl); }
.wkg-section--py-xl5 { padding-top: var(--wkg-section-padding-5xl); padding-bottom: var(--wkg-section-padding-5xl); }
.wkg-section--max-width-none { max-width: var(--wkg-section-max-width-none); }
.wkg-section--max-width-xs { max-width: var(--wkg-section-max-width-xs); }
.wkg-section--max-width-sm { max-width: var(--wkg-section-max-width-sm); }
.wkg-section--max-width-md { max-width: var(--wkg-section-max-width-md); }
.wkg-section--max-width-lg { max-width: var(--wkg-section-max-width-lg); }
.wkg-section--max-width-xl { max-width: var(--wkg-section-max-width-xl); }
.wkg-color-icon-primary, .wkg-html-text.wkg-color-icon-primary .wkg-icon-svg svg, .wkg-html-text .wkg-color-icon-primary.wkg-icon-svg svg { color: var(--wkg-color-icon-primary); }
.wkg-color-icon-secondary, .wkg-html-text.wkg-color-icon-secondary .wkg-icon-svg svg, .wkg-html-text .wkg-color-icon-secondary.wkg-icon-svg svg { color: var(--wkg-color-icon-secondary); }
.wkg-color-icon-tertiary, .wkg-html-text.wkg-color-icon-tertiary.wkg-icon-svg svg, .wkg-html-text .wkg-color-icon-tertiary.wkg-icon-svg svg { color: var(--wkg-color-icon-tertiary); }
.wkg-color-icon-warning, .wkg-html-text.wkg-color-icon-warning.wkg-icon-svg svg, .wkg-html-text .wkg-color-icon-warning.wkg-icon-svg svg { color: var(--wkg-color-icon-warning); }
.wkg-color-icon-error, .wkg-html-text.wkg-color-icon-error.wkg-icon-svg svg, .wkg-html-text .wkg-color-icon-error.wkg-icon-svg svg { color: var(--wkg-color-icon-error); }
.wkg-icon-size-xs, .wkg-html-text .wkg-icon-svg.wkg-icon-size-xs svg, .wkg-html-text.wkg-icon-size-xs .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-xs); }
.wkg-icon-size-sm, .wkg-html-text .wkg-icon-svg.wkg-icon-size-sm svg, .wkg-html-text.wkg-icon-size-sm .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-sm); }
.wkg-icon-size-md, .wkg-html-text .wkg-icon-svg.wkg-icon-size-md svg, .wkg-html-text.wkg-icon-size-md .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-md); }
.wkg-icon-size-lg, .wkg-html-text .wkg-icon-svg.wkg-icon-size-lg svg, .wkg-html-text.wkg-icon-size-lg .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-lg); }
.wkg-icon-size-xl, .wkg-html-text .wkg-icon-svg.wkg-icon-size-xl svg, .wkg-html-text.wkg-icon-size-xl .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-xl); }
.wkg-icon-size-2xl, .wkg-html-text .wkg-icon-svg.wkg-icon-size-2xl svg, .wkg-html-text.wkg-icon-size-2xl .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-2xl); }
.wkg-icon-size-3xl, .wkg-html-text .wkg-icon-svg.wkg-icon-size-3xl svg, .wkg-html-text.wkg-icon-size-3xl .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-3xl); }
.wkg-icon-size-4xl, .wkg-html-text .wkg-icon-svg.wkg-icon-size-4xl svg, .wkg-html-text.wkg-icon-size-4xl .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-4xl); }
.device-desktop .wkg-icon-size-xs-desktop, .device-desktop .wkg-html-text .wkg-icon-svg.wkg-icon-size-xs-desktop svg, .device-desktop .wkg-html-text.wkg-icon-size-xs-desktop .wkg-icon-svg svg, .device-large .wkg-icon-size-xs-desktop, .device-large .wkg-html-text .wkg-icon-svg.wkg-icon-size-xs-desktop svg, .device-large .wkg-html-text.wkg-icon-size-xs-desktop .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-desktop-xs); }
.device-desktop .wkg-icon-size-sm-desktop, .device-desktop .wkg-html-text .wkg-icon-svg.wkg-icon-size-sm-desktop svg, .device-desktop .wkg-html-text.wkg-icon-size-sm-desktop .wkg-icon-svg svg, .device-large .wkg-icon-size-sm-desktop, .device-large .wkg-html-text .wkg-icon-svg.wkg-icon-size-sm-desktop svg, .device-large .wkg-html-text.wkg-icon-size-sm-desktop .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-desktop-sm); }
.device-desktop .wkg-icon-size-md-desktop, .device-desktop .wkg-html-text .wkg-icon-svg.wkg-icon-size-md-desktop svg, .device-desktop .wkg-html-text.wkg-icon-size-md-desktop .wkg-icon-svg svg, .device-large .wkg-icon-size-md-desktop, .device-large .wkg-html-text .wkg-icon-svg.wkg-icon-size-md-desktop svg, .device-large .wkg-html-text.wkg-icon-size-md-desktop .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-desktop-md); }
.device-desktop .wkg-icon-size-lg-desktop, .device-desktop .wkg-html-text .wkg-icon-svg.wkg-icon-size-lg-desktop svg, .device-desktop .wkg-html-text.wkg-icon-size-lg-desktop .wkg-icon-svg svg, .device-large .wkg-icon-size-lg-desktop, .device-large .wkg-html-text .wkg-icon-svg.wkg-icon-size-lg-desktop svg, .device-large .wkg-html-text.wkg-icon-size-lg-desktop .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-desktop-lg); }
.device-desktop .wkg-icon-size-xl-desktop, .device-desktop .wkg-html-text .wkg-icon-svg.wkg-icon-size-xl-desktop svg, .device-desktop .wkg-html-text.wkg-icon-size-xl-desktop .wkg-icon-svg svg, .device-large .wkg-icon-size-xl-desktop, .device-large .wkg-html-text .wkg-icon-svg.wkg-icon-size-xl-desktop svg, .device-large .wkg-html-text.wkg-icon-size-xl-desktop .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-desktop-xl); }
.device-desktop .wkg-icon-size-2xl-desktop, .device-desktop .wkg-html-text .wkg-icon-svg.wkg-icon-size-2xl-desktop svg, .device-desktop .wkg-html-text.wkg-icon-size-2xl-desktop .wkg-icon-svg svg, .device-large .wkg-icon-size-2xl-desktop, .device-large .wkg-html-text .wkg-icon-svg.wkg-icon-size-2xl-desktop svg, .device-large .wkg-html-text.wkg-icon-size-2xl-desktop .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-desktop-2xl); }
.device-desktop .wkg-icon-size-3xl-desktop, .device-desktop .wkg-html-text .wkg-icon-svg.wkg-icon-size-3xl-desktop svg, .device-desktop .wkg-html-text.wkg-icon-size-3xl-desktop .wkg-icon-svg svg, .device-large .wkg-icon-size-3xl-desktop, .device-large .wkg-html-text .wkg-icon-svg.wkg-icon-size-3xl-desktop svg, .device-large .wkg-html-text.wkg-icon-size-3xl-desktop .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-desktop-3xl); }
.device-desktop .wkg-icon-size-4xl-desktop, .device-desktop .wkg-html-text .wkg-icon-svg.wkg-icon-size-4xl-desktop svg, .device-desktop .wkg-html-text.wkg-icon-size-4xl-desktop .wkg-icon-svg svg, .device-large .wkg-icon-size-4xl-desktop, .device-large .wkg-html-text .wkg-icon-svg.wkg-icon-size-4xl-desktop svg, .device-large .wkg-html-text.wkg-icon-size-4xl-desktop .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-desktop-4xl); }
.device-desktop .wkg-icon-size-5xl-desktop, .device-desktop .wkg-html-text .wkg-icon-svg.wkg-icon-size-5xl-desktop svg, .device-desktop .wkg-html-text.wkg-icon-size-5xl-desktop .wkg-icon-svg svg, .device-large .wkg-icon-size-5xl-desktop, .device-large .wkg-html-text .wkg-icon-svg.wkg-icon-size-5xl-desktop svg, .device-large .wkg-html-text.wkg-icon-size-5xl-desktop .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-desktop-5xl); }
.device-desktop .wkg-icon-size-6xl-desktop, .device-desktop .wkg-html-text .wkg-icon-svg.wkg-icon-size-6xl-desktop svg, .device-desktop .wkg-html-text.wkg-icon-size-6xl-desktop .wkg-icon-svg svg, .device-large .wkg-icon-size-6xl-desktop, .device-large .wkg-html-text .wkg-icon-svg.wkg-icon-size-6xl-desktop svg, .device-large .wkg-html-text.wkg-icon-size-6xl-desktop .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-desktop-6xl); }
.device-desktop .wkg-icon-size-7xl-desktop, .device-desktop .wkg-html-text .wkg-icon-svg.wkg-icon-size-7xl-desktop svg, .device-desktop .wkg-html-text.wkg-icon-size-7xl-desktop .wkg-icon-svg svg, .device-large .wkg-icon-size-7xl-desktop, .device-large .wkg-html-text .wkg-icon-svg.wkg-icon-size-7xl-desktop svg, .device-large .wkg-html-text.wkg-icon-size-7xl-desktop .wkg-icon-svg svg { font-size: var(--wkg-font-size-icon-desktop-7xl); }
.wkg-border-b-none { border-bottom-width: 0px; }
.wkg-border-t-none { border-top-width: 0px; }
.wkg-border-l-none { border-left-width: 0px; }
.wkg-border-r-none { border-right-width: 0px; }
.wkg-border-b-xs, .wkg-html-text.wkg-border-b-xs { border-bottom-width: var(--wkg-border-width-xs); }
.wkg-border-b-sm, .wkg-html-text.wkg-border-b-sm { border-bottom-width: var(--wkg-border-width-sm); }
.wkg-border-b-md, .wkg-html-text.wkg-border-b-md { border-bottom-width: var(--wkg-border-width-md); }
.wkg-border-b-lg, .wkg-html-text.wkg-border-b-lg { border-bottom-width: var(--wkg-border-width-lg); }
.wkg-border-t-xs, .wkg-html-text.wkg-border-t-xs { border-top-width: var(--wkg-border-width-xs); }
.wkg-border-t-sm, .wkg-html-text.wkg-border-t-sm { border-top-width: var(--wkg-border-width-sm); }
.wkg-border-t-md, .wkg-html-text.wkg-border-t-md { border-top-width: var(--wkg-border-width-md); }
.wkg-border-t-lg, .wkg-html-text.wkg-border-t-lg { border-top-width: var(--wkg-border-width-lg); }
.wkg-border-l-xs, .wkg-html-text.wkg-border-l-xs { border-left-width: var(--wkg-border-width-xs); }
.wkg-border-l-sm, .wkg-html-text.wkg-border-l-sm { border-left-width: var(--wkg-border-width-sm); }
.wkg-border-l-md, .wkg-html-text.wkg-border-l-md { border-left-width: var(--wkg-border-width-md); }
.wkg-border-l-lg, .wkg-html-text.wkg-border-l-lg { border-left-width: var(--wkg-border-width-lg); }
.wkg-border-r-xs, .wkg-html-text.wkg-border-r-xs { border-right-width: var(--wkg-border-width-xs); }
.wkg-border-r-sm, .wkg-html-text.wkg-border-r-sm { border-right-width: var(--wkg-border-width-sm); }
.wkg-border-r-md, .wkg-html-text.wkg-border-r-md { border-right-width: var(--wkg-border-width-md); }
.wkg-border-r-lg, .wkg-html-text.wkg-border-r-lg { border-right-width: var(--wkg-border-width-lg); }
.wkg-border-radius-none, .wkg-html-text.wkg-border-radius-none { border-radius: var(--wkg-border-radius-none); }
.wkg-border-radius-xs, .wkg-html-text.wkg-border-radius-xs { border-radius: var(--wkg-border-radius-xs); }
.wkg-border-radius-sm, .wkg-html-text.wkg-border-radius-sm { border-radius: var(--wkg-border-radius-sm); }
.wkg-border-radius-md, .wkg-html-text.wkg-border-radius-md { border-radius: var(--wkg-border-radius-md); }
.wkg-border-radius-lg, .wkg-html-text.wkg-border-radius-lg { border-radius: var(--wkg-border-radius-lg); }
.wkg-border-radius-xl, .wkg-html-text.wkg-border-radius-xl { border-radius: var(--wkg-border-radius-xl); }
.wkg-border-radius-xl2, .wkg-html-text.wkg-border-radius-xl2 { border-radius: var(--wkg-border-radius-2xl); }
.wkg-border-radius-xl3, .wkg-html-text.wkg-border-radius-xl3 { border-radius: var(--wkg-border-radius-3xl); }
.wkg-border-radius-xl4, .wkg-html-text.wkg-border-radius-xl4 { border-radius: var(--wkg-border-radius-4xl); }
.wkg-border-radius-xl5, .wkg-html-text.wkg-border-radius-xl5 { border-radius: var(--wkg-border-radius-5xl); }
.wkg-border-radius-xl6, .wkg-html-text.wkg-border-radius-xl6 { border-radius: var(--wkg-border-radius-6xl); }
.wkg-border-radius-xl7, .wkg-html-text.wkg-border-radius-xl7 { border-radius: var(--wkg-border-radius-7xl); }
.wkg-border-radius-xl8, .wkg-html-text.wkg-border-radius-xl8 { border-radius: var(--wkg-border-radius-8xl); }
.wkg-border-solid, .wkg-html-text.wkg-border-solid { border-style: solid; }
.wkg-border-b-solid { border-bottom-style: solid; }
.wkg-border-t-solid { border-top-style: solid; }
.wkg-border-l-solid { border-left-style: solid; }
.wkg-border-r-solid { border-right-style: solid; }
.wkg-overlay-modal { --modal-animation-duration: .3s; position: fixed; inset: 0px; z-index: 100001 !important; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--wkg-spacing-md, 1rem); }
.wkg-overlay-backdrop { position: fixed; inset: 0px; z-index: 0; pointer-events: none; opacity: 0; background-color: var(--wkg-overlay-backdrop-color, rgba(0, 0, 0, .55)); backdrop-filter: blur(0px); transition: opacity var(--drawer-animation-duration, var(--modal-animation-duration, .3s)) cubic-bezier(.4,0,.2,1),backdrop-filter var(--drawer-animation-duration, var(--modal-animation-duration, .3s)) cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter var(--drawer-animation-duration, var(--modal-animation-duration, .3s)) cubic-bezier(.4,0,.2,1); }
.wkg-overlay-backdrop--visible { pointer-events: auto; opacity: 1; backdrop-filter: blur(var(--wkg-overlay-backdrop-blur, 20px)); }
.wkg-overlay-backdrop--closing { opacity: 0; backdrop-filter: blur(0px); }
.wkg-overlay-modal__container { transition: transform var(--modal-animation-duration, .3s) ease-out,opacity var(--modal-animation-duration, .3s) ease-out; }
.wkg-overlay-modal--speed-fast { --modal-animation-duration: .15s; }
.wkg-overlay-modal--speed-normal { --modal-animation-duration: .3s; }
.wkg-overlay-modal--speed-slow { --modal-animation-duration: .6s; }
.wkg-overlay-modal--animation-fade .wkg-overlay-modal__container { transform: none; opacity: 0; transition: opacity var(--modal-animation-duration, .3s) ease-out; }
.wkg-overlay-modal--animation-fade.wkg-overlay-modal--content-visible .wkg-overlay-modal__container { opacity: 1; }
.wkg-overlay-modal--animation-fade.wkg-overlay-modal--closing .wkg-overlay-modal__container { opacity: 0; }
.wkg-overlay-modal--animation-bounce .wkg-overlay-modal__container { transform: scale(0.3); opacity: 0; transition: transform var(--modal-animation-duration, .3s) cubic-bezier(.34,1.56,.64,1),opacity var(--modal-animation-duration, .3s) ease-out; }
.wkg-overlay-modal--animation-bounce.wkg-overlay-modal--content-visible .wkg-overlay-modal__container { transform: scale(1); opacity: 1; }
.wkg-overlay-modal--animation-bounce.wkg-overlay-modal--closing .wkg-overlay-modal__container { transform: scale(0.3); opacity: 0; transition: transform var(--modal-animation-duration, .3s) ease-in,opacity var(--modal-animation-duration, .3s) ease-in; }
.wkg-overlay-modal--animation-fromLeft .wkg-overlay-modal__container { transform: translate(-100%); opacity: 0; transition: transform var(--modal-animation-duration, .3s) ease-out,opacity var(--modal-animation-duration, .3s) ease-out; }
.wkg-overlay-modal--animation-fromLeft.wkg-overlay-modal--content-visible .wkg-overlay-modal__container { transform: translate(0px); opacity: 1; }
.wkg-overlay-modal--animation-fromLeft.wkg-overlay-modal--closing .wkg-overlay-modal__container { transform: translate(-100%); opacity: 0; }
.wkg-overlay-modal--animation-fromRight .wkg-overlay-modal__container { transform: translate(100%); opacity: 0; transition: transform var(--modal-animation-duration, .3s) ease-out,opacity var(--modal-animation-duration, .3s) ease-out; }
.wkg-overlay-modal--animation-fromRight.wkg-overlay-modal--content-visible .wkg-overlay-modal__container { transform: translate(0px); opacity: 1; }
.wkg-overlay-modal--animation-fromRight.wkg-overlay-modal--closing .wkg-overlay-modal__container { transform: translate(100%); opacity: 0; }
.wkg-overlay-drawer { --drawer-size: 33%; position: fixed; inset: 0px; z-index: 100001 !important; display: flex; pointer-events: none; }
.wkg-overlay-drawer--visible { pointer-events: auto; }
.wkg-overlay-drawer--speed-fast { --drawer-animation-duration: .15s; }
.wkg-overlay-drawer--speed-normal { --drawer-animation-duration: var(--wkg-overlay-animation-duration, .3s); }
.wkg-overlay-drawer--speed-slow { --drawer-animation-duration: .6s; }
@media print {
  .wkg-overlay-drawer { display: none !important; }
}
.wkg-overlay-drawer__container { position: absolute; z-index: 1; display: flex; flex-direction: column; overflow: hidden; background-color: var(--wkg-overlay-container-bg); border: var(--wkg-overlay-container-border); color: var(--wkg-color-text-primary); transition: transform var(--drawer-animation-duration, var(--wkg-overlay-animation-duration, .3s)) cubic-bezier(.25,.1,.25,1),box-shadow var(--drawer-animation-duration, var(--wkg-overlay-animation-duration, .3s)) cubic-bezier(.25,.1,.25,1); box-shadow: rgba(0, 0, 0, 0) 0px 0px; }
.wkg-overlay-drawer--content-visible .wkg-overlay-drawer__container { box-shadow: var(--wkg-shadow-drawer, 0 -4px 32px rgba(0, 0, 0, .15)); }
.wkg-overlay-drawer--closing .wkg-overlay-drawer__container { transition: transform var(--drawer-animation-duration, var(--wkg-overlay-animation-duration, .3s)) cubic-bezier(.4,0,.6,1),box-shadow var(--drawer-animation-duration, var(--wkg-overlay-animation-duration, .3s)) cubic-bezier(.4,0,.6,1); box-shadow: rgba(0, 0, 0, 0) 0px 0px; }
.wkg-overlay-drawer--size-sm { --drawer-size: 25%; }
.wkg-overlay-drawer--size-md { --drawer-size: 33%; }
.wkg-overlay-drawer--size-lg { --drawer-size: 50%; }
.wkg-overlay-drawer--size-xl { --drawer-size: 75%; }
.wkg-overlay-drawer--size-full { --drawer-size: 100%; }
.wkg-overlay-drawer__container { --keyboard-offset: 0px; }
:is(.device-phablet, .device-tablet, .device-desktop, .device-large) :is(.betjordan-drawer-layout1-theme1, .betjordan-promotion-ovl-layout1-theme1, .yyy-promotion-ovl-layout1-theme1):is(.wkg-overlay-drawer--position-left, .wkg-overlay-drawer--position-right) .wkg-overlay-drawer__container { max-width: var(--wkg-overlay-drawer-max-width); min-width: var(--wkg-overlay-drawer-min-width); }
.wkg-overlay-drawer--position-bottom { flex-direction: column; justify-content: flex-end; align-items: center; }
.wkg-overlay-drawer--position-bottom .wkg-overlay-drawer__container { bottom: 0px; left: 0px; right: 0px; height: var(--drawer-size); max-height: 100%; transform: translateY(100%); }
.wkg-overlay-drawer--position-bottom.wkg-overlay-drawer--content-visible .wkg-overlay-drawer__container { transform: translateY(calc(-1 * var(--keyboard-offset, 0px))); }
.wkg-overlay-drawer--position-bottom.wkg-overlay-drawer--closing .wkg-overlay-drawer__container { transform: translateY(100%); }
.wkg-overlay-drawer--position-top { flex-direction: column; justify-content: flex-start; align-items: center; }
.wkg-overlay-drawer--position-top .wkg-overlay-drawer__container { top: 0px; left: 0px; right: 0px; height: var(--drawer-size); max-height: 100%; transform: translateY(-100%); }
.wkg-overlay-drawer--position-top.wkg-overlay-drawer--content-visible .wkg-overlay-drawer__container { transform: translateY(0px); }
.wkg-overlay-drawer--position-top.wkg-overlay-drawer--closing .wkg-overlay-drawer__container { transform: translateY(-100%); }
.wkg-overlay-drawer--position-right { flex-direction: row; justify-content: flex-end; align-items: stretch; }
.wkg-overlay-drawer--position-right .wkg-overlay-drawer__container { top: 0px; right: 0px; bottom: 0px; width: var(--drawer-size); max-width: 100%; transform: translate(100%); }
.wkg-overlay-drawer--position-right.wkg-overlay-drawer--content-visible .wkg-overlay-drawer__container { transform: translate(0px); }
.wkg-overlay-drawer--position-right.wkg-overlay-drawer--closing .wkg-overlay-drawer__container { transform: translate(100%); }
.wkg-overlay-drawer--position-left { flex-direction: row; justify-content: flex-start; align-items: stretch; }
.wkg-overlay-drawer--position-left .wkg-overlay-drawer__container { top: 0px; left: 0px; bottom: 0px; width: var(--drawer-size); max-width: 100%; transform: translate(-100%); }
.wkg-overlay-drawer--position-left.wkg-overlay-drawer--content-visible .wkg-overlay-drawer__container { transform: translate(0px); }
.wkg-overlay-drawer--position-left.wkg-overlay-drawer--closing .wkg-overlay-drawer__container { transform: translate(-100%); }
.wkg-overlay-drawer--position-center { flex-direction: column; justify-content: center; align-items: center; }
.wkg-overlay-drawer--position-center .wkg-overlay-drawer__container { position: relative; inset: auto; width: min(var(--drawer-width, 824px),100% - var(--wkg-spacing-xl) * 2); min-width: min(var(--drawer-min-width, 320px),100% - var(--wkg-spacing-xl) * 2); max-width: calc(100% - var(--wkg-spacing-xl) * 2); max-height: min(var(--drawer-max-height, 900px),100% - var(--wkg-spacing-xl) * 2); transform: scale(0.92); opacity: 0; transition: transform var(--drawer-animation-duration, .3s) cubic-bezier(.25,.1,.25,1),opacity var(--drawer-animation-duration, .3s) cubic-bezier(.25,.1,.25,1),box-shadow var(--drawer-animation-duration, .3s) cubic-bezier(.25,.1,.25,1); }
.wkg-overlay-drawer--position-center.wkg-overlay-drawer--content-visible .wkg-overlay-drawer__container { transform: scale(1); opacity: 1; }
.wkg-overlay-drawer--position-center.wkg-overlay-drawer--closing .wkg-overlay-drawer__container { transform: scale(0.96); opacity: 0; }
.wkg-overlay-drawer--position-bottom .wkg-overlay-drawer__container { border-radius: var(--wkg-border-radius-xl) var(--wkg-border-radius-xl) 0 0; }
.wkg-overlay-drawer--position-top .wkg-overlay-drawer__container { border-radius: 0 0 var(--wkg-border-radius-xl) var(--wkg-border-radius-xl); }
.wkg-overlay-drawer--position-right .wkg-overlay-drawer__container { border-radius: var(--wkg-border-radius-xl) 0 0 var(--wkg-border-radius-xl); }
.wkg-overlay-drawer--position-left .wkg-overlay-drawer__container { border-radius: 0 var(--wkg-border-radius-xl) var(--wkg-border-radius-xl) 0; }
.wkg-overlay-drawer--position-center .wkg-overlay-drawer__container { border-radius: var(--wkg-border-radius-overlay, var(--wkg-border-radius-xl)); }
.wkg-overlay-drawer--size-full.wkg-overlay-drawer--position-bottom .wkg-overlay-drawer__container, .wkg-overlay-drawer--size-full.wkg-overlay-drawer--position-top .wkg-overlay-drawer__container { height: calc(100% - var(--wkg-spacing-md)); }
.wkg-overlay-drawer--size-full.wkg-overlay-drawer--position-left .wkg-overlay-drawer__container, .wkg-overlay-drawer--size-full.wkg-overlay-drawer--position-right .wkg-overlay-drawer__container { width: calc(100% - var(--wkg-spacing-md)); }
.device-mobile .wkg-overlay-drawer--position-left .wkg-overlay-drawer__container, .device-mobile .wkg-overlay-drawer--position-right .wkg-overlay-drawer__container, .device-phablet .wkg-overlay-drawer--position-left .wkg-overlay-drawer__container, .device-phablet .wkg-overlay-drawer--position-right .wkg-overlay-drawer__container { min-width: 80%; }
.device-mobile .wkg-overlay-drawer--position-bottom:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__close-button, .device-mobile .wkg-overlay-drawer--position-top:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__close-button, .device-phablet .wkg-overlay-drawer--position-bottom:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__close-button, .device-phablet .wkg-overlay-drawer--position-top:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__close-button, .device-tablet .wkg-overlay-drawer--position-bottom:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__close-button, .device-tablet .wkg-overlay-drawer--position-top:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__close-button { display: none; }
.wkg-overlay-drawer__close-button--visible { display: flex !important; }
.wkg-overlay-drawer__close-button--hidden { display: none !important; }
.wkg-overlay-drawer__drag-handle { display: none; position: absolute; z-index: 10; left: 0px; right: 0px; height: 3rem; touch-action: none; user-select: none; background: transparent; pointer-events: none; }
.wkg-overlay-drawer--position-bottom .wkg-overlay-drawer__drag-handle { top: 0px; }
.wkg-overlay-drawer--position-top .wkg-overlay-drawer__drag-handle { bottom: 0px; }
.device-mobile .wkg-overlay-drawer--position-bottom:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__drag-handle, .device-mobile .wkg-overlay-drawer--position-top:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__drag-handle, .device-phablet .wkg-overlay-drawer--position-bottom:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__drag-handle, .device-phablet .wkg-overlay-drawer--position-top:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__drag-handle, .device-tablet .wkg-overlay-drawer--position-bottom:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__drag-handle, .device-tablet .wkg-overlay-drawer--position-top:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__drag-handle { display: flex; align-items: center; justify-content: center; pointer-events: auto; }
.wkg-overlay-drawer__drag-handle--visible { display: flex !important; align-items: center; justify-content: center; pointer-events: auto; }
.wkg-overlay-drawer__drag-handle--hidden { display: none !important; }
.wkg-overlay-drawer__topbar { touch-action: none; user-select: none; }
.device-mobile .wkg-overlay-drawer--position-bottom:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__topbar, .device-phablet .wkg-overlay-drawer--position-bottom:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__topbar, .device-tablet .wkg-overlay-drawer--position-bottom:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__topbar { padding-top: 2.5rem; }
.device-mobile .wkg-overlay-drawer--position-top:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__topbar, .device-phablet .wkg-overlay-drawer--position-top:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__topbar, .device-tablet .wkg-overlay-drawer--position-top:not(.wkg-overlay-drawer--size-full) .wkg-overlay-drawer__topbar { padding-bottom: 2.5rem; }
.wkg-overlay-drawer__body { touch-action: pan-y; opacity: 0; transform: translateY(var(--wkg-spacing-xs, 8px)); transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: calc(var(--drawer-animation-duration, var(--wkg-overlay-animation-duration, .3s)) * .15); }
.wkg-overlay-drawer--content-visible .wkg-overlay-drawer__body { opacity: 1; transform: translateY(0px); }
.wkg-overlay-drawer--closing .wkg-overlay-drawer__body { opacity: 0; transform: translateY(var(--wkg-spacing-xxs, 4px)); transition-delay: 0ms; }
.wkg-overlay-drawer__topbar { opacity: 0; transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: calc(var(--drawer-animation-duration, var(--wkg-overlay-animation-duration, .3s)) * .1); }
.wkg-overlay-drawer--content-visible .wkg-overlay-drawer__topbar { opacity: 1; }
.wkg-overlay-drawer--closing .wkg-overlay-drawer__topbar { opacity: 0; transition-delay: 0ms; }
#root.wkg-overlay-drawer-scale-ready { transition: transform var(--drawer-animation-duration, .3s) cubic-bezier(.25,.1,.25,1),border-radius var(--drawer-animation-duration, .3s) cubic-bezier(.25,.1,.25,1),filter var(--drawer-animation-duration, .3s) cubic-bezier(.25,.1,.25,1); transform-origin: center top 0px; will-change: transform, border-radius, filter; }
#root.wkg-overlay-drawer-scale-active { transform: scale(var(--wkg-drawer-scale-min, .94)) translateY(var(--wkg-drawer-scale-translate-y, .75rem)); border-radius: var(--wkg-drawer-scale-radius, 1rem); overflow: hidden; filter: brightness(0.92); }
#root.wkg-overlay-drawer-card-active { border-radius: var(--wkg-drawer-scale-radius, 1rem); overflow: hidden; }
.device-mobile #root.wkg-overlay-drawer-scale-active, .device-phablet #root.wkg-overlay-drawer-scale-active { margin-top: env(safe-area-inset-top,0px); }
@media (prefers-reduced-motion: reduce) {
  .wkg-overlay-drawer { --drawer-animation-duration: 0ms  !important; }
  .wkg-overlay-drawer__container, .wkg-overlay-backdrop, #root.wkg-overlay-drawer-scale-ready { transition: none !important; }
  #root.wkg-overlay-drawer-scale-active { transform: none !important; border-radius: 0px !important; }
}
.wkg-sidebar-drawer .wkg-overlay-drawer__container { border: 1px solid var(--wkg-border-color-secondary); color: var(--wkg-color-text-primary); box-shadow: var(--wkg-shadow-drawer); }
.wkg-sidebar-drawer.wkg-overlay-drawer--position-left .wkg-overlay-drawer__container { border-radius: 0px; border-left: medium; }
.wkg-sidebar-drawer.wkg-overlay-drawer--position-right .wkg-overlay-drawer__container { border-radius: 0px; border-right: medium; }
.wkg-sidebar-drawer .wkg-overlay-drawer__body { opacity: 0; transform: translate(-8px); transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: calc(var(--drawer-animation-duration, .3s) * .15); }
.wkg-sidebar-drawer.wkg-overlay-drawer--content-visible .wkg-overlay-drawer__body { opacity: 1; transform: translate(0px); }
.wkg-sidebar-drawer.wkg-overlay-drawer--closing .wkg-overlay-drawer__body { opacity: 0; transform: translate(-4px); transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: 0ms; }
.wkg-sidebar-drawer .wkg-overlay-drawer__close-button, .wkg-sidebar-drawer .wkg-overlay-drawer__drag-handle, .wkg-sidebar-drawer .wkg-overlay-drawer__topbar { display: none; }
.wkg-sidebar-drawer .wkg-overlay-drawer__body { flex: 1 1 0%; min-height: 0px; overflow: hidden auto; overscroll-behavior: contain; }
.wkg-sidebar-drawer .wkg-overlay-drawer__content { display: flex; flex-direction: column; height: 100%; padding: 0px; }
.device-phablet .wkg-sidebar-drawer.wkg-overlay-drawer--position-left, .device-tablet .wkg-sidebar-drawer.wkg-overlay-drawer--position-left, .device-desktop .wkg-sidebar-drawer.wkg-overlay-drawer--position-left, .device-large .wkg-sidebar-drawer.wkg-overlay-drawer--position-left, .device-phablet .wkg-sidebar-drawer.wkg-overlay-drawer--position-right, .device-tablet .wkg-sidebar-drawer.wkg-overlay-drawer--position-right, .device-desktop .wkg-sidebar-drawer.wkg-overlay-drawer--position-right, .device-large .wkg-sidebar-drawer.wkg-overlay-drawer--position-right { --drawer-size: 17rem; }
.device-phablet .wkg-sidebar-drawer.wkg-overlay-drawer--position-left .wkg-overlay-drawer__container, .device-tablet .wkg-sidebar-drawer.wkg-overlay-drawer--position-left .wkg-overlay-drawer__container, .device-desktop .wkg-sidebar-drawer.wkg-overlay-drawer--position-left .wkg-overlay-drawer__container, .device-large .wkg-sidebar-drawer.wkg-overlay-drawer--position-left .wkg-overlay-drawer__container, .device-phablet .wkg-sidebar-drawer.wkg-overlay-drawer--position-right .wkg-overlay-drawer__container, .device-tablet .wkg-sidebar-drawer.wkg-overlay-drawer--position-right .wkg-overlay-drawer__container, .device-desktop .wkg-sidebar-drawer.wkg-overlay-drawer--position-right .wkg-overlay-drawer__container, .device-large .wkg-sidebar-drawer.wkg-overlay-drawer--position-right .wkg-overlay-drawer__container { min-width: auto; }
.device-mobile .wkg-sidebar-drawer.wkg-overlay-drawer--position-left .wkg-overlay-drawer__container, .device-phablet .wkg-sidebar-drawer.wkg-overlay-drawer--position-left .wkg-overlay-drawer__container { padding-left: env(safe-area-inset-left,0px); }
.device-mobile .wkg-sidebar-drawer.wkg-overlay-drawer--position-right .wkg-overlay-drawer__container, .device-phablet .wkg-sidebar-drawer.wkg-overlay-drawer--position-right .wkg-overlay-drawer__container { padding-right: env(safe-area-inset-right,0px); }
.wkg-sidebar { display: flex; flex-direction: column; height: 100%; padding: 0 var(--wkg-spacing-md) var(--wkg-spacing-md); overflow: hidden auto; overscroll-behavior: contain; container: sidebar / inline-size; }
.wkg-sidebar .wkg-sidebar__close-icon { width: 1.25rem; height: 1.25rem; filter: brightness(0) invert(1); }
.dropdown-portal-backdrop.dropdown-portal-backdrop { z-index: 100002; }
.dropdown-portal.dropdown-portal { z-index: 100003; }
.wkg-form-field { position: relative; display: flex; flex-direction: column; width: 100%; }
.wkg-form-field--disabled { opacity: 0.6; pointer-events: none; }
.wkg-form-field--floating { --wkg-form-field-gap: 0; }
.wkg-form-field--floating .wkg-form-control { position: relative; }
.wkg-form-field--floating .wkg-form-label { position: absolute; top: 50%; left: var(--wkg-form-input-padding-x, 1rem); z-index: 1; transform: translateY(-50%); transform-origin: left center 0px; pointer-events: none; transition: transform 0.2s, font-size 0.2s, color 0.2s; }
.wkg-form-field--floating .wkg-form-label--active, .wkg-form-field--floating .wkg-form-input:focus ~ .wkg-form-label, .wkg-form-field--floating .wkg-form-input:not(:placeholder-shown) ~ .wkg-form-label { transform: translateY(-130%); font-size: var(--wkg-form-label-font-size-floating, var(--wkg-font-size-xs)); }
.wkg-form-field--floating .wkg-form-input { padding-top: var(--wkg-form-input-padding-top-floating, 1.5rem); padding-bottom: var(--wkg-form-input-padding-bottom-floating, .5rem); }
.wkg-form-field--floating .wkg-form-input::placeholder { opacity: 0; transition: opacity 0.2s; }
.wkg-form-field--floating .wkg-form-input:focus::placeholder { opacity: 1; }
.wkg-form-label { display: flex; align-items: center; gap: 0.25rem; font-size: var(--wkg-form-label-font-size, var(--wkg-font-size-sm)); font-weight: var(--wkg-form-label-font-weight, 500); color: var(--wkg-form-label-color, var(--wkg-color-text-primary)); line-height: 1.4; }
.wkg-form-label--disabled { color: var(--wkg-form-label-color-disabled, var(--wkg-color-grey-300)); }
.wkg-form-label__required { color: var(--wkg-form-required-color, var(--wkg-color-red-400)); }
.wkg-form-input-wrapper { position: relative; display: flex; align-items: center; width: 100%; }
.wkg-form-input { width: 100%; padding: var(--wkg-form-input-padding-y, .875rem) var(--wkg-form-input-padding-x, 1rem); font-size: var(--wkg-form-input-font-size, var(--wkg-font-size-sm)); font-family: var(--wkg-font-family-primary); line-height: 1.5; color: var(--wkg-form-input-color, var(--wkg-color-text-primary)); background-color: var(--wkg-form-input-bg, transparent); border: 1px solid var(--wkg-form-input-border-color, var(--wkg-color-grey-400)); border-radius: var(--wkg-form-input-border-radius, .75rem); outline: none; transition: border-color 0.2s, background-color 0.2s; }
.wkg-form-input::placeholder { color: var(--wkg-form-input-placeholder-color, var(--wkg-color-grey-300)); }
.wkg-form-input:focus { border-color: var(--wkg-form-input-border-color-focus, var(--wkg-color-grey-400)); }
.wkg-form-input:disabled { cursor: not-allowed; opacity: 0.6; }
.wkg-form-input--with-leading { padding-left: 3rem; }
.wkg-form-input--with-trailing { padding-right: 3rem; }
.wkg-form-input__leading, .wkg-form-input__trailing { position: absolute; display: flex; align-items: center; justify-content: center; height: 100%; color: var(--wkg-form-input-icon-color, var(--wkg-color-grey-300)); }
.wkg-form-input__leading { left: 1rem; }
.wkg-form-input__trailing { right: 0.75rem; gap: 0.5rem; }
.wkg-form-input__clear { display: flex; align-items: center; justify-content: center; padding: 0.25rem; background: none; border: medium; cursor: pointer; color: var(--wkg-form-input-icon-color, var(--wkg-color-grey-300)); transition: color 0.15s; }
.wkg-form-input__clear:hover { color: var(--wkg-color-text-primary); }
.wkg-form-password-toggle { display: flex; align-items: center; justify-content: center; padding: 0.25rem; background: none; border: medium; cursor: pointer; color: var(--wkg-form-input-icon-color, var(--wkg-color-grey-300)); transition: color 0.15s; }
.wkg-form-password-toggle:hover { color: var(--wkg-color-text-primary); }
.wkg-form-adornment-container { display: flex; flex-direction: column; justify-content: stretch; height: 100%; }
.wkg-form-adornment-upper { display: flex; align-items: center; justify-content: flex-end; gap: 0.5rem; height: var(--wkg-form-adornment-upper-height, 1.25rem); }
.wkg-form-adornment-lower { display: flex; align-items: center; justify-content: flex-end; gap: 0.5rem; flex: 1 1 0%; }
.wkg-form-validation-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.wkg-form-validation-icon--loading { color: var(--wkg-color-grey-300); }
.wkg-form-validation-icon--loading .wkg-form-validation-icon__spinner { animation: 1s linear infinite wkg-spin; }
.wkg-form-validation-icon--valid { color: var(--wkg-color-success, var(--wkg-color-green-200)); }
.wkg-form-validation-icon--error { color: var(--wkg-color-error, var(--wkg-color-red-400)); }
.wkg-form-validation-icon--info { color: var(--wkg-color-info, var(--wkg-color-grey-300)); }
.wkg-form-inline-message { display: inline-block; max-width: var(--wkg-form-inline-message-max-width, none); font-size: var(--wkg-font-size-sm); white-space: var(--wkg-form-inline-message-white-space, nowrap); text-align: right; line-height: 1.3; }
.wkg-form-inline-message--error { color: var(--wkg-color-error, var(--wkg-color-red-400)); }
.wkg-form-inline-message--info { color: var(--wkg-color-text-secondary); }
.wkg-form-select-wrapper { position: relative; display: flex; align-items: center; width: 100%; }
.wkg-form-select { width: 100%; padding-top: ; padding-bottom: ; padding-left: ; padding-right: 2.5rem; font-size: var(--wkg-form-input-font-size, var(--wkg-font-size-sm)); font-family: var(--wkg-font-family-primary); line-height: 1.5; color: var(--wkg-form-input-color, var(--wkg-color-text-primary)); background-color: var(--wkg-form-input-bg, transparent); border: 1px solid var(--wkg-form-input-border-color, var(--wkg-color-grey-400)); border-radius: var(--wkg-form-input-border-radius, .75rem); outline: none; cursor: pointer; appearance: none; transition: border-color 0.2s, background-color 0.2s; }
.wkg-form-select:focus { border-color: var(--wkg-form-input-border-color-focus, var(--wkg-color-primary)); }
.wkg-form-select:disabled { cursor: not-allowed; opacity: 0.6; }
.wkg-form-select--error { border-color: var(--wkg-form-input-border-color-error, var(--wkg-color-red-400)); }
.wkg-form-select--with-leading { padding-left: 3rem; }
.wkg-form-select__leading { position: absolute; left: 1rem; display: flex; align-items: center; pointer-events: none; }
.wkg-form-select__icon { position: absolute; right: 1rem; display: flex; align-items: center; pointer-events: none; color: var(--wkg-form-input-icon-color, var(--wkg-color-grey-300)); }
.wkg-form-select--s { padding: 0.5rem 2.5rem 0.5rem 0.75rem; font-size: var(--wkg-font-size-xs); }
.wkg-form-select--m { padding: 0.875rem 2.5rem 0.875rem 1rem; font-size: var(--wkg-font-size-sm); }
.wkg-form-select--l { padding: 1rem 2.5rem 1rem 1.25rem; font-size: var(--wkg-font-size-md); }
.wkg-form-select-trigger { display: flex; align-items: center; width: 100%; padding: var(--wkg-form-input-padding-y, .875rem) var(--wkg-form-input-padding-x, 1rem); font-size: var(--wkg-form-input-font-size, var(--wkg-font-size-sm)); font-family: var(--wkg-font-family-primary); color: var(--wkg-form-input-color, var(--wkg-color-text-primary)); text-align: left; background-color: var(--wkg-form-input-bg, transparent); border: 1px solid var(--wkg-form-input-border-color, var(--wkg-color-grey-400)); border-radius: var(--wkg-form-input-border-radius, .75rem); cursor: pointer; transition: border-color 0.2s, background-color 0.2s; }
.wkg-form-select-trigger:focus { outline: none; border-color: var(--wkg-form-input-border-color-focus, var(--wkg-color-primary)); }
.wkg-form-select-trigger--disabled { cursor: not-allowed; opacity: 0.6; }
.wkg-form-select-trigger__leading { display: flex; align-items: center; margin-right: 0.75rem; font-size: 1.25rem; line-height: 1; }
.wkg-form-select-trigger__content { display: flex; flex-direction: column; flex: 1 1 0%; min-width: 0px; }
.wkg-form-select-trigger__label { display: block; }
.wkg-form-select-trigger__value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wkg-form-select-trigger__value--placeholder { color: var(--wkg-form-input-placeholder-color, var(--wkg-color-grey-300)); }
.wkg-form-select-trigger__selected-icon { display: flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; flex-shrink: 0; overflow: hidden; border-radius: 50%; }
.wkg-form-select-trigger__chevron { display: flex; align-items: center; justify-content: center; margin-left: 0.5rem; color: var(--wkg-form-input-icon-color, var(--wkg-color-grey-300)); }
.wkg-form-select-trigger__chevron .icon, .wkg-form-select-trigger__chevron .icon > div { display: flex; align-items: center; justify-content: center; width: 1.125rem; height: 1.125rem; }
.wkg-form-select-trigger__chevron svg { width: 1.125rem; height: 1.125rem; transition: transform 0.2s; }
.wkg-form-select-trigger__chevron--open svg { transform: rotate(180deg); }
.wkg-form-select-dropdown { position: absolute; top: calc(100% + 0.25rem); left: 0px; right: 0px; z-index: 100; max-height: 18rem; margin: 0px; padding: 0.5rem 0px; list-style: none; background-color: var(--wkg-form-dropdown-bg, var(--wkg-color-grey-500)); border: 1px solid var(--wkg-form-input-border-color, var(--wkg-color-grey-400)); border-radius: var(--wkg-form-input-border-radius, .75rem); box-shadow: var(--wkg-shadow-dropdown, 0 4px 16px rgba(0, 0, 0, .2)); overflow-y: auto; }
.wkg-form-select-dropdown__option { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; cursor: pointer; transition: background-color 0.15s; }
.wkg-form-select-dropdown__option:hover { background-color: var(--wkg-form-dropdown-item-bg-hover, var(--wkg-color-grey-400)); }
.wkg-form-select-dropdown__option--selected { background-color: var(--wkg-form-dropdown-item-bg-selected, transparent); }
.wkg-form-select-dropdown__option--disabled { cursor: not-allowed; opacity: 0.5; }
.wkg-form-select-dropdown__option-icon { display: flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; flex-shrink: 0; border-radius: 50%; overflow: hidden; }
.wkg-form-select-dropdown__option-label { flex: 1 1 0%; color: var(--wkg-color-text-primary); }
.wkg-form-select-dropdown__option-indicator { width: 1.25rem; height: 1.25rem; border: 2px solid var(--wkg-color-grey-300); border-radius: 50%; transition: border-color 0.15s, background-color 0.15s; }
.wkg-form-select-dropdown__option--selected .wkg-form-select-dropdown__option-indicator { border-color: var(--wkg-color-green-200); background-color: var(--wkg-color-green-200); box-shadow: inset 0 0 0 3px var(--wkg-form-dropdown-bg, var(--wkg-color-grey-500)); }
.wkg-form-select-trigger--search { gap: 0.75rem; }
.wkg-form-select-trigger__search-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--wkg-form-input-icon-color, var(--wkg-color-grey-300)); }
.wkg-form-select-trigger__search-icon .icon, .wkg-form-select-trigger__search-icon .icon > div, .wkg-form-select-trigger__search-icon svg { width: 1.125rem; height: 1.125rem; }
.wkg-form-select-trigger__search-input { flex: 1 1 0%; min-width: 0px; padding: 0px; font-size: var(--wkg-form-input-font-size, var(--wkg-font-size-sm)); font-family: var(--wkg-font-family-primary); color: var(--wkg-form-input-color, var(--wkg-color-text-primary)); background: transparent; border: medium; outline: none; }
.wkg-form-select-trigger__search-input::placeholder { color: var(--wkg-form-input-placeholder-color, var(--wkg-color-grey-300)); }
.wkg-form-select-dropdown__empty { padding: 1rem; text-align: center; color: var(--wkg-form-input-placeholder-color, var(--wkg-color-grey-300)); font-size: var(--wkg-font-size-sm); }
.wkg-form-phone-wrapper { display: flex; width: 100%; gap: 0px; }
.wkg-form-phone-country { position: relative; flex-shrink: 0; }
.wkg-form-phone-input-container { flex: 1 1 0%; }
.wkg-form-phone-country__trigger { display: flex; align-items: center; gap: 0.5rem; width: 6.5rem; padding: var(--wkg-form-input-padding-y, .875rem) .75rem; font-size: var(--wkg-form-input-font-size, var(--wkg-font-size-sm)); font-family: var(--wkg-font-family-primary); color: var(--wkg-form-input-color, var(--wkg-color-text-primary)); background-color: var(--wkg-form-phone-country-bg, var(--wkg-color-grey-500)); border-top-width: ; border-top-style: ; border-top-color: ; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; border-left-width: ; border-left-style: ; border-left-color: ; border-image-outset: ; border-image-repeat: ; border-image-slice: ; border-image-source: ; border-image-width: ; border-right: medium; border-radius: var(--wkg-form-input-border-radius, .75rem) 0 0 var(--wkg-form-input-border-radius, .75rem); cursor: pointer; transition: background-color 0.15s, width 0.2s; }
.wkg-form-phone-country__trigger:hover { background-color: var(--wkg-form-phone-country-bg-hover, var(--wkg-color-grey-400)); }
.wkg-form-phone-country__trigger:disabled { cursor: not-allowed; opacity: 0.6; }
.wkg-form-phone-country__flag { font-size: 1.25rem; line-height: 1; }
.wkg-form-phone-country__code { font-weight: 500; }
.wkg-form-phone-country__dropdown { position: absolute; top: 100%; left: 0px; z-index: 100; width: 100%; max-width: 100%; max-height: 240px; margin: 0px; padding: 0.5rem 0px; list-style: none; background-color: var(--wkg-form-dropdown-bg, var(--wkg-color-grey-500)); border: 1px solid var(--wkg-form-input-border-color, var(--wkg-color-grey-400)); border-radius: var(--wkg-form-input-border-radius, .75rem); box-shadow: var(--wkg-shadow-dropdown, 0 4px 16px rgba(0, 0, 0, .2)); overflow: hidden auto; }
.wkg-form-phone-country__option { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; min-width: 0px; cursor: pointer; transition: background-color 0.15s; }
.wkg-form-phone-country__option-label { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wkg-form-phone-country__option:hover { background-color: var(--wkg-form-dropdown-item-bg-hover, var(--wkg-color-grey-400)); }
.wkg-form-phone-country__option--selected { background-color: var(--wkg-form-dropdown-item-bg-selected, var(--wkg-color-grey-400)); }
.wkg-form-phone-input { flex: 1 1 0%; border-radius: 0 var(--wkg-form-input-border-radius, .75rem) var(--wkg-form-input-border-radius, .75rem) 0; }
.wkg-form-phone-country--open { flex: 1 1 0%; }
.device-mobile .wkg-form-phone-wrapper--open .wkg-form-phone-input-container, .device-tablet .wkg-form-phone-wrapper--open .wkg-form-phone-input-container { display: none !important; }
.wkg-form-phone-country__trigger--search { gap: 0.75rem; width: 100%; border-radius: var(--wkg-form-input-border-radius, .75rem); border-right: 1px solid var(--wkg-form-input-border-color, var(--wkg-color-grey-400)); }
.wkg-form-phone-country__search-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--wkg-form-input-icon-color, var(--wkg-color-grey-300)); }
.wkg-form-phone-country__search-icon .icon, .wkg-form-phone-country__search-icon .icon > div, .wkg-form-phone-country__search-icon svg { width: 1.125rem; height: 1.125rem; }
.wkg-form-phone-country__search-input { flex: 1 1 0%; min-width: 0px; padding: 0px; font-size: var(--wkg-form-input-font-size, var(--wkg-font-size-sm)); font-family: var(--wkg-font-family-primary); color: var(--wkg-form-input-color, var(--wkg-color-text-primary)); background: transparent; border: medium; outline: none; }
.wkg-form-phone-country__search-input::placeholder { color: var(--wkg-form-input-placeholder-color, var(--wkg-color-grey-300)); }
.wkg-form-phone-country__empty { padding: 1rem; text-align: center; color: var(--wkg-form-input-placeholder-color, var(--wkg-color-grey-300)); font-size: var(--wkg-font-size-sm); }
.wkg-form-phone-country__trigger--search .wkg-form-phone-country__chevron { cursor: pointer; }
.wkg-form-message { display: block; font-size: var(--wkg-form-message-font-size, var(--wkg-font-size-xs)); line-height: 1.4; }
.wkg-form-message--error { color: var(--wkg-form-message-color-error, var(--wkg-color-red-400)); }
.wkg-form-message--success { color: var(--wkg-form-message-color-success, var(--wkg-color-green-200)); }
.wkg-form-message--warning { color: var(--wkg-form-message-color-warning, var(--wkg-color-orange-400)); }
.wkg-form-message--info { color: var(--wkg-form-message-color-info, var(--wkg-color-grey-200)); }
.wkg-form-message--animate { animation: 0.2s ease-out wkg-form-message-enter; }
@keyframes wkg-form-message-enter {
0% { opacity: 0; transform: translateY(-4px); }
100% { opacity: 1; transform: translateY(0px); }
}
.wkg-form-description { display: block; font-size: var(--wkg-form-description-font-size, var(--wkg-font-size-xs)); color: var(--wkg-form-description-color, var(--wkg-color-grey-200)); line-height: 1.4; }
.wkg-game-tag { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; padding: var(--wkg-padding-game-tag); border-radius: var(--wkg-border-radius-game-tag); font-family: var(--wkg-font-family-game-tag, sans-serif); font-weight: var(--wkg-font-weight-game-tag); font-size: var(--wkg-font-size-game-tag); background: var(--wkg-bgColor-game-tag-default); color: var(--wkg-textColor-game-tag); box-shadow: var(--wkg-box-shadow-game-tag); text-transform: var(--wkg-text-transform-game-tag); }
.wkg-game-tag--new { background: var(--wkg-bgColor-game-tag-new); }
.wkg-game-tag--popular { background: var(--wkg-bgColor-game-tag-popular); }
.wkg-game-tag--exclusive { background: var(--wkg-bgColor-game-tag-exclusive); }
.wkg-game-tag--gotw { background: var(--wkg-bgColor-game-tag-gotw); }
.wkg-game-tag--top { background: var(--wkg-bgColor-game-tag-top); }
.wkg-games-groups { display: flex; flex-direction: column; gap: var(--wkg-games-groups__gap, var(--wkg-section-margin-md)); }
.wkg-games-groups__slot { min-width: 0px; min-height: 12.5rem; }
.wkg-games-groups__slot--hidden { display: none; }
.wkg-games-list__slot-skeleton, .wkg-games-list__slot, .wkg-games-groups__skeleton { min-height: 12.5rem; }
.wkg-games-list__slot-skeleton { display: flex; }
.wkg-games-list__slot-skeleton > .cms-skeleton { flex: 1 1 0%; }
.cta-button .wkg-button--primary.wkg-button--filled, .see-all-button-wrapper .cta-button.wkg-button--primary.wkg-button--filled, .betjordan-gamesList-layout1-theme1 .wkg-games-list__see-all, .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button .wkg-button--primary.wkg-button--filled, html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button .wkg-button--primary.wkg-button--filled, html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__see-all { display: inline-flex; align-items: center; justify-content: center; gap: var(--wkg-spacing-xs); padding: 0.625rem 1.25rem; border: medium; border-radius: var(--wkg-border-radius-button-secondary-xs); background: var(--wkg-color-white-10); color: var(--wkg-color-white); font-family: var(--wkg-font-family-primary); font-style: normal; font-weight: var(--wkg-font-weight-400); font-size: var(--wkg-font-size-sm); line-height: var(--wkg-line-height-xxs); text-transform: none; text-decoration: none; white-space: nowrap; box-shadow: none; transition: background-color 0.2s; cursor: pointer; }
.cta-button .wkg-button--primary.wkg-button--filled:hover, .see-all-button-wrapper .cta-button.wkg-button--primary.wkg-button--filled:hover, .betjordan-gamesList-layout1-theme1 .wkg-games-list__see-all:hover, .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button .wkg-button--primary.wkg-button--filled:hover, html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button .wkg-button--primary.wkg-button--filled:hover, html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__see-all:hover, .cta-button .wkg-button--primary.wkg-button--filled:focus-visible, .see-all-button-wrapper .cta-button.wkg-button--primary.wkg-button--filled:focus-visible, .betjordan-gamesList-layout1-theme1 .wkg-games-list__see-all:focus-visible, .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button .wkg-button--primary.wkg-button--filled:focus-visible, html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button .wkg-button--primary.wkg-button--filled:focus-visible, html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__see-all:focus-visible { color: var(--wkg-color-white); background: var(--wkg-color-white-20); }
.cta-button .wkg-button--primary.wkg-button--filled:active, .see-all-button-wrapper .cta-button.wkg-button--primary.wkg-button--filled:active, .betjordan-gamesList-layout1-theme1 .wkg-games-list__see-all:active, .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button .wkg-button--primary.wkg-button--filled:active, html[data-theme="betjordan"] .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button .wkg-button--primary.wkg-button--filled:active, html[data-theme="betjordan"] .betjordan-gamesList-layout1-theme1 .wkg-games-list__see-all:active { color: var(--wkg-color-white); background: var(--wkg-color-white-10); }
.betjordan-hero-layout2-theme1 { display: flex; justify-content: center; align-items: center; }
.betjordan-hero-layout2-theme1 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
.betjordan-hero-layout2-theme1 .wkg-responsive-image { border-radius: 0.75rem; overflow: hidden; width: 100%; height: 100%; }
.betjordan-hero-layout2-theme1 .wkg-responsive-image picture, .betjordan-hero-layout2-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
.betjordan-hero-layout2-theme1 .wkg-badge { position: absolute; top: -0.75rem; right: 0.75rem; }
.betjordan-hero-layout2-theme1 .wkg-hero__contents-wrapper { padding: 1rem; position: absolute; inset: 0px; z-index: 1; display: flex; flex-direction: column; justify-content: center; }
.betjordan-hero-layout2-theme1 .wkg-html-text h1, .betjordan-hero-layout2-theme1 .wkg-html-text h2, .betjordan-hero-layout2-theme1 .wkg-html-text h3, .betjordan-hero-layout2-theme1 .wkg-html-text h4, .betjordan-hero-layout2-theme1 .wkg-html-text h5, .betjordan-hero-layout2-theme1 .wkg-html-text h6 { font-family: var(--wkg-font-family-secondary); margin-bottom: var(--wkg-spacing-none); }
.betjordan-hero-layout2-theme1 .wkg-html-text p { color: var(--wkg-color-p-primary-secondary); }
.device-desktop .betjordan-hero-layout2-theme1 .wkg-hero__contents-wrapper { padding: 2rem; }
.device-desktop .betjordan-hero-layout2-theme1 .wkg-responsive-image { border-radius: 1.5rem; }
.betjordan-hero-layout2-theme2 { display: flex; justify-content: center; align-items: center; }
.betjordan-hero-layout2-theme2 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
.betjordan-hero-layout2-theme2 .wkg-responsive-image { border-radius: 0.75rem; overflow: hidden; width: 100%; height: 100%; }
.betjordan-hero-layout2-theme2 .wkg-responsive-image picture, .betjordan-hero-layout2-theme2 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
.betjordan-hero-layout2-theme2 .wkg-hero__contents-wrapper { padding: 2rem 3.5rem; position: absolute; inset: 0px; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; }
.betjordan-hero-layout2-theme2 .wkg-html-text h1, .betjordan-hero-layout2-theme2 .wkg-html-text h2, .betjordan-hero-layout2-theme2 .wkg-html-text h3, .betjordan-hero-layout2-theme2 .wkg-html-text h4, .betjordan-hero-layout2-theme2 .wkg-html-text h5, .betjordan-hero-layout2-theme2 .wkg-html-text h6 { font-family: var(--wkg-font-family-secondary); margin-bottom: var(--wkg-spacing-none); font-weight: var(--wkg-font-weight-400); text-transform: uppercase; }
.betjordan-hero-layout2-theme2 .wkg-html-text p { color: var(--wkg-color-p-primary-secondary); font-size: var(--wkg-font-size-xl); margin: 0px; text-transform: uppercase; }
.device-desktop .betjordan-hero-layout2-theme2 .wkg-hero__contents-wrapper { padding: 2rem; }
.device-desktop .betjordan-hero-layout2-theme2 .wkg-responsive-image { border-radius: 1.5rem; }
.betjordan-hero-layout2-theme2 .wkg-buttons-group { margin-top: 2rem; }
.betjordan-hero-layout2-theme4 { display: flex; justify-content: center; align-items: center; }
.betjordan-hero-layout2-theme4 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
.betjordan-hero-layout2-theme4 .wkg-responsive-image { border-radius: 0.75rem; overflow: hidden; width: 100%; height: 100%; }
.betjordan-hero-layout2-theme4 .wkg-responsive-image picture, .betjordan-hero-layout2-theme4 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
.betjordan-hero-layout2-theme4 .wkg-hero__contents-wrapper { padding: 1rem 3.5rem; position: absolute; inset: 0px; z-index: 1; display: flex; flex-direction: column; justify-content: center; }
.betjordan-hero-layout2-theme4 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { color: var(--wkg-color-red-300); font-family: var(--wkg-font-family-secondary); font-size: var(--wkg-font-size-18xl); font-weight: var(--wkg-font-weight-500); margin-bottom: var(--wkg-spacing-none); line-height: var(--wkg-line-height-xxs); text-transform: uppercase; }
.betjordan-hero-layout2-theme4 .wkg-html-text p { color: var(--wkg-color-white); font-size: var(--wkg-font-size-xl); font-weight: var(--wkg-font-weight-600); margin-bottom: var(--wkg-spacing-none); }
.betjordan-hero-layout2-theme4 .wkg-buttons-group { margin-top: 2rem; height: 2.5rem; text-transform: uppercase; }
.betjordan-hero-layout2-theme4 .wkg-button--primary.wkg-button--size-md { font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-800); padding: 0px 1.25rem; }
html[dir="rtl"] .betjordan-hero-layout2-theme4 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-24xl); font-weight: var(--wkg-font-weight-600); }
html[dir="rtl"] .betjordan-hero-layout2-theme4 .wkg-html-text p { font-size: var(--wkg-font-size-3xl); padding-top: 0.625rem; }
.betjordan-hero-layout2-theme5 { display: flex; justify-content: center; align-items: center; }
.betjordan-hero-layout2-theme5 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
.betjordan-hero-layout2-theme5 .wkg-responsive-image { overflow: hidden; width: 100%; height: 100%; }
.betjordan-hero-layout2-theme5 .wkg-responsive-image picture, .betjordan-hero-layout2-theme5 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
.betjordan-hero-layout2-theme5 .wkg-hero__contents-wrapper { position: absolute; inset: 0px; z-index: 1; padding: 2rem 3.5rem; display: flex; flex-direction: column; justify-content: flex-end; }
.betjordan-hero-layout2-theme5 .wkg-html-text h1, .betjordan-hero-layout2-theme5 .wkg-html-text h2, .betjordan-hero-layout2-theme5 .wkg-html-text h3, .betjordan-hero-layout2-theme5 .wkg-html-text h4, .betjordan-hero-layout2-theme5 .wkg-html-text h5, .betjordan-hero-layout2-theme5 .wkg-html-text h6 { margin-bottom: var(--wkg-spacing-none); }
.betjordan-hero-layout2-theme5 .social-bar { display: none; }
.betjordan-hero-layout2-theme5 .social-bar button { border-radius: 100%; background-color: var(--wkg-color-grey-400); width: 2.5rem; height: 2.5rem; }
.betjordan-hero-layout2-theme5 .wkg-hero__contents-wrapper .wkg-html-text + .wkg-html-text { display: none; }
.betjordan-hero-layout2-theme5 .wkg-hero__contents-wrapper .wkg-html-text + .wkg-html-text p { display: flex; gap: var(--wkg-spacing-xs); }
.betjordan-hero-layout2-theme5 .cta-button { position: relative; width: 18.75rem; height: 8.125rem; border-radius: var(--wkg-border-radius-md); border: 1px solid var(--wkg-color-grey-400); overflow: hidden; isolation: isolate; }
.betjordan-hero-layout2-theme5 .cta-button .wkg-icon { position: absolute; inset: 0px; width: 100%; height: 100%; z-index: -1; }
.betjordan-hero-layout2-theme5 .cta-button .wkg-icon img { width: 100%; height: 100%; object-fit: cover; display: block; }
.betjordan-hero-layout2-theme5 .cta-button.wkg-button--link.wkg-button { font-size: var(--wkg-font-size-3xl); font-weight: var(--wkg-font-weight-600); color: var(--wkg-color-white); }
.device-desktop .betjordan-hero-layout2-theme5 .wkg-hero__contents-wrapper { padding: var(--wkg-spacing-xl); }
.wkg-buttons-group.social-bar path { stroke: none; }
@media (max-width: 1200px) {
  .betjordan-hero-layout2-theme5 .cta-button { width: 13.3rem; height: 8.125rem; }
}
.betjordan-hero-layout2-theme6 { display: flex; justify-content: center; align-items: center; }
.betjordan-hero-layout2-theme6 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
.betjordan-hero-layout2-theme6 .wkg-responsive-image { overflow: hidden; width: 100%; height: 100%; }
.betjordan-hero-layout2-theme6 .wkg-responsive-image picture, .betjordan-hero-layout2-theme6 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
.betjordan-hero-layout2-theme6 .wkg-badge { position: absolute; top: -0.75rem; right: 0.75rem; }
.betjordan-hero-layout2-theme6 .wkg-hero__contents-wrapper { padding: 4rem 1rem; position: absolute; inset: 0px; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; }
.betjordan-hero-layout2-theme6 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { color: var(--wkg-color-red-300); font-family: var(--wkg-font-family-secondary); font-size: var(--wkg-font-size-9xl); font-weight: var(--wkg-font-weight-600); margin-bottom: var(--wkg-spacing-none); line-height: var(--wkg-line-height-xxs); text-transform: uppercase; }
.betjordan-hero-layout2-theme6 .wkg-html-text p { color: var(--wkg-color-white); font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-600); margin-bottom: var(--wkg-spacing-none); }
.device-desktop .betjordan-hero-layout2-theme6 .wkg-hero__contents-wrapper { padding: 2rem; }
.device-desktop .betjordan-hero-layout2-theme6 .wkg-responsive-image { border-radius: 1.5rem; }
.device-mobile .betjordan-hero-layout2-theme6 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-5xl); }
.betjordan-hero-layout2-theme6 .wkg-buttons-group { margin: 1rem 0px 0px; text-transform: uppercase; }
.betjordan-hero-layout2-theme7 { display: flex; justify-content: center; align-items: center; width: 100%; margin: 5rem auto 0px; }
.betjordan-hero-layout2-theme7 .wkg-hero__wrapper { position: relative; width: 100vw; }
.betjordan-hero-layout2-theme7 .wkg-responsive-image { position: absolute; inset: 0px; z-index: 0; }
.betjordan-hero-layout2-theme7 .wkg-hero__contents-wrapper { position: relative; z-index: 1; display: flex; }
.betjordan-hero-layout2-theme7 .wkg-hero__contents-wrapper > .wkg-html-text { display: flex; flex-direction: row; align-items: stretch; gap: var(--wkg-spacing-md); width: 100%; }
.betjordan-hero-layout2-theme7 .join-now-cta { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--wkg-spacing-md); max-width: 31.25rem; }
.betjordan-hero-layout2-theme7 .join-now-cta p { margin: 0px; padding: 0px; display: block; color: var(--wkg-color-white); font-size: var(--wkg-font-size-15xl); font-weight: var(--wkg-font-weight-600); line-height: var(--wkg-line-height-md); letter-spacing: -0.03125rem; }
.betjordan-hero-layout2-theme7 .casino-cta, .betjordan-hero-layout2-theme7 .sports-cta { flex: 1 1 0%; height: 11.875rem; align-self: flex-end; border: var(--wkg-border-width-xs) solid var(--wkg-color-red-400); border-radius: var(--wkg-border-radius-4xl); overflow: hidden; display: grid; grid-template-columns: auto auto 1fr; grid-template-rows: 1fr auto; }
.betjordan-hero-layout2-theme7 .casino-cta > p:first-child, .betjordan-hero-layout2-theme7 .sports-cta > p:first-child { grid-area: 1 / 1 / -1 / -1; position: relative; margin: 0px; padding: 0px; }
.betjordan-hero-layout2-theme7 .casino-cta .wkg-button--hit, .betjordan-hero-layout2-theme7 .sports-cta .wkg-button--hit { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; padding: 0px; }
.betjordan-hero-layout2-theme7 .casino-cta .wkg-button__icon, .betjordan-hero-layout2-theme7 .sports-cta .wkg-button__icon { display: block; position: relative; width: 100%; height: 100%; }
.betjordan-hero-layout2-theme7 .casino-cta .wkg-button__icon img, .betjordan-hero-layout2-theme7 .sports-cta .wkg-button__icon img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
.betjordan-hero-layout2-theme7 .casino-cta h6:not(:last-of-type), .betjordan-hero-layout2-theme7 .sports-cta h6:not(:last-of-type) { display: none; }
.betjordan-hero-layout2-theme7 .casino-cta > .wkg-icon-svg, .betjordan-hero-layout2-theme7 .sports-cta > .wkg-icon-svg { grid-area: 2 / 1; position: relative; display: flex; align-items: center; padding: var(--wkg-spacing-xxs) 0 var(--wkg-spacing-xxs) var(--wkg-spacing-md); }
.betjordan-hero-layout2-theme7 .casino-cta h6:last-of-type, .betjordan-hero-layout2-theme7 .sports-cta h6:last-of-type { grid-area: 2 / 2; position: relative; display: flex; align-items: center; margin: 0px; padding: var(--wkg-spacing-xxs) var(--wkg-spacing-xs); color: var(--wkg-color-white); font-size: var(--wkg-font-size-5xl); font-weight: var(--wkg-font-weight-600); }
.betjordan-hero-layout2-theme7 .casino-cta > p:not(:first-child), .betjordan-hero-layout2-theme7 .sports-cta > p:not(:first-child) { grid-area: 2 / 3; position: relative; display: flex; align-items: center; justify-content: flex-end; margin: 0px; padding: var(--wkg-spacing-xxs) var(--wkg-spacing-md); color: var(--wkg-color-grey-100); font-size: var(--wkg-font-size-sm); }
@media (max-width: 1180px) {
  .betjordan-hero-layout2-theme7 .wkg-hero__contents-wrapper > .wkg-html-text { gap: var(--wkg-spacing-md); }
  .betjordan-hero-layout2-theme7 .join-now-cta { width: auto; }
  .betjordan-hero-layout2-theme7 .join-now-cta p { font-size: var(--wkg-font-size-7xl); }
}
html[data-theme="betjordan"][dir="rtl"] .betjordan-hero-layout2-theme7 .casino-cta > .wkg-icon-svg, html[data-theme="betjordan"][dir="rtl"] .betjordan-hero-layout2-theme7 .sports-cta > .wkg-icon-svg { padding-left: 0px; padding-right: var(--wkg-spacing-md); padding-top: 0px; }
.betjordan-hero-layout4-theme4 { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 8.75rem; height: 11.5rem; }
.device-mobile .betjordan-hero-layout4-theme4 { width: 6.75rem; height: 8.875rem; }
.betjordan-hero-layout4-theme4 .wkg-hero__wrapper { position: relative; width: 100%; height: 100%; border-radius: var(--wkg-border-radius-lg); overflow: hidden; box-shadow: rgba(16, 17, 25, 0.5) 0px 9px 8.5px; }
.betjordan-hero-layout4-theme4 .wkg-hero__layout-wrapper { width: 100%; height: 100%; }
.betjordan-hero-layout4-theme4 .wkg-hero__image-wrapper { position: absolute; inset: 0px; width: 100%; height: 100%; }
.betjordan-hero-layout4-theme4 .wkg-responsive-image, .betjordan-hero-layout4-theme4 .wkg-responsive-image picture, .betjordan-hero-layout4-theme4 .wkg-responsive-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.betjordan-hero-layout4-theme4 .wkg-hero__contents-wrapper { position: absolute; inset: 0px; display: flex; align-items: flex-end; justify-content: center; padding: 0.5rem; pointer-events: none; }
.betjordan-hero-layout4-theme4 .wkg-hero__contents-wrapper .wkg-button--hit { pointer-events: auto; }
.betjordan-hero-layout4-theme4 .wkg-html-text p { margin: 0px; width: 100%; color: var(--wkg-color-red-300); font-weight: var(--wkg-font-weight-600); text-align: center; text-transform: uppercase; }
.betjordan-hero-layout4-theme5 { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 8.75rem; height: 11.5rem; }
.device-mobile .betjordan-hero-layout4-theme5 { width: 6.75rem; height: 8.875rem; }
.betjordan-hero-layout4-theme5 .wkg-hero__wrapper { position: relative; width: 100%; height: 100%; }
.betjordan-hero-layout4-theme5 .wkg-hero__layout-wrapper { width: 100%; height: 100%; }
.betjordan-hero-layout4-theme5 .wkg-hero__image-wrapper { display: none; }
.betjordan-hero-layout4-theme5 .wkg-hero__contents-wrapper { position: relative; width: 100%; height: 100%; padding: 0.25rem; background-color: var(--wkg-color-grey-500); border-radius: var(--wkg-border-radius-lg); overflow: hidden; box-sizing: border-box; }
.betjordan-hero-layout4-theme5 .wkg-html-text p { margin: 0px; }
.betjordan-hero-layout4-theme5 .wkg-button.wkg-button--hit { gap: var(--wkg-spacing-xs); font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-700); color: var(--wkg-color-white); white-space: nowrap; }
.device-mobile .betjordan-hero-layout4-theme5 .wkg-button.wkg-button--hit { gap: 0.375rem; font-size: var(--wkg-font-size-xs); }
.betjordan-hero-layout4-theme5 .wkg-button__icon { width: 0.875rem; height: 0.875rem; }
.betjordan-hero-layout4-theme5 .wkg-button__icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.betjordan-hero-layout5-theme1 .wkg-responsive-image { width: 100%; margin-bottom: 0.5rem; border-radius: 0.75rem; overflow: hidden; }
.betjordan-hero-layout5-theme1 .wkg-responsive-image picture, .betjordan-hero-layout5-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
.betjordan-hero-layout5-theme1 .wkg-hero__contents-wrapper { display: flex; gap: 1rem; }
.betjordan-hero-layout5-theme1 .wkg-html-text p { color: var(--wkg-color-p-primary-secondary); }
.betjordan-hero-layout7-theme1 { display: flex; justify-content: center; align-items: center; }
.betjordan-hero-layout7-theme1 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
.betjordan-hero-layout7-theme1 .wkg-responsive-image { border-radius: 0.75rem; overflow: hidden; width: 100%; height: 100%; }
.betjordan-hero-layout7-theme1 .wkg-responsive-image picture, .betjordan-hero-layout7-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
.betjordan-hero-layout7-theme1 .wkg-hero__contents-wrapper { padding: 0px 1rem 1.5rem; position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.betjordan-hero-layout7-theme1 .wkg-html-text h1, .betjordan-hero-layout7-theme1 .wkg-html-text h2, .betjordan-hero-layout7-theme1 .wkg-html-text h3, .betjordan-hero-layout7-theme1 .wkg-html-text h4, .betjordan-hero-layout7-theme1 .wkg-html-text h5, .betjordan-hero-layout7-theme1 .wkg-html-text h6 { font-family: var(--wkg-font-family-secondary); margin-bottom: var(--wkg-spacing-none); font-weight: var(--wkg-font-weight-400); text-transform: uppercase; line-height: 120%; }
.betjordan-hero-layout7-theme1 .wkg-html-text p { color: var(--wkg-color-p-primary-secondary); font-size: var(--wkg-font-size-xl); margin: 0px; text-transform: uppercase; }
.betjordan-hero-layout7-theme1 .wkg-buttons-group { margin-top: 0.625rem; }
.betjordan-hero-layout7-theme2 .wkg-hero__wrapper { position: relative; width: 100%; height: 26rem; }
.betjordan-hero-layout7-theme2 .wkg-responsive-image picture, .betjordan-hero-layout7-theme2 .wkg-responsive-image img { width: 1px; }
.betjordan-hero-layout7-theme2 .wkg-hero__contents-wrapper { position: absolute; inset: 0px; display: flex; }
.betjordan-hero-layout7-theme2 .wkg-hero__contents-wrapper > .wkg-html-text { display: grid; grid-template-columns: 1fr 1fr; align-content: end; gap: var(--wkg-spacing-lg) var(--wkg-spacing-md); width: 100%; }
.betjordan-hero-layout7-theme2 .wkg-hero__contents-wrapper > .wkg-html-text > p { display: none; }
.betjordan-hero-layout7-theme2 .join-now-cta { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; gap: var(--wkg-spacing-md); }
.betjordan-hero-layout7-theme2 .join-now-cta p { margin: 0px; padding: 0px; }
.betjordan-hero-layout7-theme2 .join-now-cta p:first-child { color: var(--wkg-color-white); font-size: var(--wkg-font-size-7xl); font-weight: var(--wkg-font-weight-600); text-align: center; }
.betjordan-hero-layout7-theme2 .casino-cta, .betjordan-hero-layout7-theme2 .sports-cta { height: 11.875rem; border: var(--wkg-border-width-xs) solid var(--wkg-color-red-400); border-radius: var(--wkg-border-radius-4xl); overflow: hidden; display: grid; grid-template-columns: 1fr auto auto; grid-template-rows: 1fr auto auto; column-gap: var(--wkg-spacing-xxs); }
.betjordan-hero-layout7-theme2 .casino-cta > p:first-child, .betjordan-hero-layout7-theme2 .sports-cta > p:first-child { grid-area: 1 / 1 / -1 / -1; position: relative; margin: 0px; padding: 0px; }
.betjordan-hero-layout7-theme2 .casino-cta > p:first-child::after, .betjordan-hero-layout7-theme2 .sports-cta > p:first-child::after { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 3.25rem; background: var(--wkg-color-gradient-red-400); backdrop-filter: blur(2px); }
.betjordan-hero-layout7-theme2 .casino-cta .wkg-button--hit, .betjordan-hero-layout7-theme2 .sports-cta .wkg-button--hit { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; padding: 0px; }
.betjordan-hero-layout7-theme2 .casino-cta .wkg-button__icon, .betjordan-hero-layout7-theme2 .sports-cta .wkg-button__icon { display: block; position: relative; width: 100%; height: 100%; }
.betjordan-hero-layout7-theme2 .casino-cta .wkg-button__icon::after, .betjordan-hero-layout7-theme2 .sports-cta .wkg-button__icon::after { content: ""; position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.2); }
.betjordan-hero-layout7-theme2 .casino-cta .wkg-button__icon img, .betjordan-hero-layout7-theme2 .sports-cta .wkg-button__icon img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
.betjordan-hero-layout7-theme2 .casino-cta h6:not(:last-of-type), .betjordan-hero-layout7-theme2 .sports-cta h6:not(:last-of-type) { display: none; }
.betjordan-hero-layout7-theme2 .casino-cta > .wkg-icon-svg, .betjordan-hero-layout7-theme2 .sports-cta > .wkg-icon-svg { grid-area: 2 / 2; align-self: center; position: relative; display: flex; align-items: center; width: 1.25rem; height: 1.25rem; }
.betjordan-hero-layout7-theme2 .casino-cta h6:last-of-type, .betjordan-hero-layout7-theme2 .sports-cta h6:last-of-type { grid-area: 2 / 3; position: relative; display: flex; align-items: center; margin: 0px; padding: var(--wkg-spacing-xxs) var(--wkg-spacing-xs) 0 0; color: var(--wkg-color-white); font-size: var(--wkg-font-size-xl); font-weight: var(--wkg-font-weight-600); }
.betjordan-hero-layout7-theme2 .casino-cta > p:not(:first-child), .betjordan-hero-layout7-theme2 .sports-cta > p:not(:first-child) { grid-area: 3 / 1 / auto / -1; position: relative; margin: 0px; padding: 0 var(--wkg-spacing-xs) var(--wkg-spacing-xxs); color: var(--wkg-color-grey-100); font-size: var(--wkg-font-size-sm); text-align: right; }
html[data-theme="betjordan"][dir="rtl"] .betjordan-hero-layout7-theme2 .casino-cta h6:last-of-type, html[data-theme="betjordan"][dir="rtl"] .betjordan-hero-layout7-theme2 .sports-cta h6:last-of-type { padding-right: 0px; padding-left: var(--wkg-spacing-xs); }
html[data-theme="betjordan"][dir="rtl"] .betjordan-hero-layout7-theme2 .casino-cta > p:not(:first-child), html[data-theme="betjordan"][dir="rtl"] .betjordan-hero-layout7-theme2 .sports-cta > p:not(:first-child) { text-align: left; }
.betjordan-hero-layout8-theme1 .wkg-responsive-image { width: 100%; margin-bottom: 0.5rem; }
.betjordan-hero-layout8-theme1 .wkg-responsive-image picture, .betjordan-hero-layout8-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
.betjordan-hero-layout8-theme1 .wkg-html-text p { color: var(--wkg-color-p-primary-secondary); }
.betjordan-hero-layout8-theme2 { display: flex; justify-content: center; align-items: center; }
.betjordan-hero-layout8-theme2 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
.betjordan-hero-layout8-theme2 .wkg-responsive-image { overflow: hidden; width: 100%; height: 100%; }
.betjordan-hero-layout8-theme2 .wkg-responsive-image picture, .betjordan-hero-layout8-theme2 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
.betjordan-hero-layout8-theme2 .wkg-hero__contents-wrapper { position: static; padding: var(--wkg-spacing-xs) var(--wkg-spacing-md) var(--wkg-spacing-2xl); display: flex; flex-direction: column; align-items: center; justify-content: flex-end; }
.betjordan-hero-layout8-theme2 .wkg-hero__contents-wrapper .wkg-html-text { width: 100%; text-align: center; }
.betjordan-hero-layout8-theme2 .wkg-html-text h1, .betjordan-hero-layout8-theme2 .wkg-html-text h2, .betjordan-hero-layout8-theme2 .wkg-html-text h3, .betjordan-hero-layout8-theme2 .wkg-html-text h4, .betjordan-hero-layout8-theme2 .wkg-html-text h5, .betjordan-hero-layout8-theme2 .wkg-html-text h6 { margin-bottom: var(--wkg-spacing-none); letter-spacing: -0.03rem; text-align: center !important; font-size: 2rem; line-height: 2.8rem; }
.betjordan-hero-layout8-theme2 .wkg-hero__contents-wrapper .wkg-html-text + .wkg-html-text { display: flex; gap: var(--wkg-spacing-xs); width: 100%; padding-top: var(--wkg-spacing-lg); text-align: left; }
.betjordan-hero-layout8-theme2 .wkg-hero__contents-wrapper .wkg-html-text + .wkg-html-text html[dir="rtl"] { text-align: right; }
.betjordan-hero-layout8-theme2 .wkg-hero__contents-wrapper .wkg-html-text + .wkg-html-text p { display: flex; gap: var(--wkg-spacing-xs); width: 100%; }
.betjordan-hero-layout8-theme2 .cta-button { position: relative; flex: 1 0 0px; height: 8.125rem; border-radius: var(--wkg-border-radius-md); border: 1px solid var(--wkg-color-grey-400); overflow: hidden; isolation: isolate; }
.betjordan-hero-layout8-theme2 .cta-button .wkg-icon { position: absolute; inset: 0px; width: 100%; height: 100%; z-index: -1; }
.betjordan-hero-layout8-theme2 .cta-button .wkg-icon img { width: 100%; height: 100%; object-fit: cover; display: block; }
.betjordan-hero-layout8-theme2 .cta-button.wkg-button--link.wkg-button { font-size: var(--wkg-font-size-lg); font-weight: var(--wkg-font-weight-600); color: var(--wkg-color-white); }
.betjordan-hero-layout8-theme2 .social-bar { display: none; }
@media (max-width: 635px) {
  .betjordan-hero-layout8-theme2 .cta-button { height: 5.625rem; }
}
.betjordan-hero-layout9-theme1 { --wkg-hero-layout9-border-radius: .75rem; --wkg-hero-layout9-min-height: 21.875rem; --wkg-hero-layout9-min-height-mobile: 12rem; --wkg-hero-layout9-overlay-color: rgba(7, 37, 61, .3); --wkg-hero-layout9-padding: var(--wkg-spacing-3xl); --wkg-hero-layout9-padding-mobile: var(--wkg-spacing-lg); position: relative; }
.betjordan-hero-layout9-theme1 .wkg-hero__wrapper { border-radius: var(--wkg-hero-layout9-border-radius); overflow: hidden; position: relative; cursor: pointer; min-height: var(--wkg-hero-layout9-min-height); }
.betjordan-hero-layout9-theme1 .wkg-hero__wrapper::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: var(--wkg-hero-layout9-overlay-color); pointer-events: none; z-index: 0; }
.betjordan-hero-layout9-theme1 .wkg-responsive-image { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: var(--wkg-hero-layout9-border-radius); overflow: hidden; transform: scale(1.08); transition: transform 0.5s; }
.betjordan-hero-layout9-theme1 .wkg-responsive-image picture, .betjordan-hero-layout9-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.betjordan-hero-layout9-theme1 .wkg-hero__wrapper:hover .wkg-responsive-image { transform: scale(1); }
.betjordan-hero-layout9-theme1 .wkg-badge { position: absolute; top: var(--wkg-hero-layout9-padding); left: var(--wkg-hero-layout9-padding); width: fit-content; z-index: 1; transition: transform 0.5s; }
.betjordan-hero-layout9-theme1 .wkg-badge html[dir="rtl"] { right: var(--wkg-hero-layout9-padding); left: auto; }
.betjordan-hero-layout9-theme1 .wkg-hero__wrapper:hover .wkg-badge { transform: translateY(calc(-1 * var(--wkg-spacing-xs))); }
.betjordan-hero-layout9-theme1 .wkg-hero__contents-wrapper { position: absolute; left: 0px; top: 0px; width: 70%; height: 100%; z-index: 1; padding-right: ; padding-bottom: ; padding-left: ; padding-top: calc(var(--wkg-hero-layout9-padding) + var(--wkg-spacing-xl)); display: flex; flex-direction: column; box-sizing: border-box; pointer-events: none; }
.betjordan-hero-layout9-theme1 .wkg-hero__contents-wrapper html[dir="rtl"] { right: 0px; left: auto; }
.betjordan-hero-layout9-theme1 .wkg-html-header { transition: transform 0.5s 0.1s; }
.betjordan-hero-layout9-theme1 .wkg-hero__wrapper:hover .wkg-html-header { transform: translateY(calc(-1 * var(--wkg-spacing-xs))); }
.betjordan-hero-layout9-theme1 .wkg-html-text:not(.wkg-badge) > p:not(:has(.wkg-button)) { transition: transform 0.5s 0.15s; }
.betjordan-hero-layout9-theme1 .wkg-hero__wrapper:hover .wkg-html-text:not(.wkg-badge) > p:not(:has(.wkg-button)) { transform: translateY(calc(-1 * var(--wkg-spacing-xs))); }
.betjordan-hero-layout9-theme1 .wkg-html-footer { margin-top: auto; }
.betjordan-hero-layout9-theme1 .wkg-buttons-group { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; }
.betjordan-hero-layout9-theme1 .wkg-buttons-group html[dir="rtl"] { right: 0px; left: auto; }
.betjordan-hero-layout9-theme1 .wkg-buttons-group .wkg-button:not(.wkg-button--hit) { position: absolute; top: var(--wkg-spacing-md); right: var(--wkg-spacing-md); z-index: 4; pointer-events: auto; }
.betjordan-hero-layout9-theme1 .wkg-button--hit { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; pointer-events: auto; }
.betjordan-hero-layout9-theme1 .wkg-button--hit html[dir="rtl"] { right: 0px; left: auto; }
.betjordan-hero-layout9-theme1 .wkg-html-footer { position: relative; z-index: 2; pointer-events: auto; }
.betjordan-hero-layout9-theme1 .wkg-promotion-info-button { position: absolute; z-index: 4; top: var(--wkg-spacing-md); right: var(--wkg-spacing-md); pointer-events: auto; }
html[dir="rtl"] .betjordan-hero-layout9-theme1 .wkg-promotion-info-button { right: auto; left: var(--wkg-spacing-md); }
.device-mobile .betjordan-hero-layout9-theme1 { --wkg-hero-layout9-padding: var(--wkg-hero-layout9-padding-mobile); }
.device-mobile .betjordan-hero-layout9-theme1 .wkg-hero__wrapper { min-height: var(--wkg-hero-layout9-min-height-mobile); }
.device-mobile .betjordan-hero-layout9-theme1 .wkg-hero__contents-wrapper { position: relative; width: 100%; height: auto; }
.device-mobile .betjordan-hero-layout9-theme1 .wkg-html-footer { margin-top: var(--wkg-spacing-md); }
.device-phablet .betjordan-hero-layout9-theme1 .wkg-hero__contents-wrapper { width: 95%; }
.betjordan-hero-layout10-theme1 .wkg-hero__layout-wrapper { position: relative; background: var(--wkg-color-grey-500); border-radius: var(--wkg-border-radius-md); padding: 0px; display: grid; grid-template-columns: 40% 60%; gap: var(--wkg-spacing-xs); align-items: stretch; overflow: hidden; cursor: pointer; }
.betjordan-hero-layout10-theme1 .wkg-hero__layout-wrapper:not(:has(.wkg-responsive-image)) { grid-template-columns: 1fr; gap: 0px; }
:is(.device-phablet, .device-tablet, .device-desktop, .device-large) .betjordan-hero-layout10-theme1 .wkg-hero__layout-wrapper { min-height: 84px; }
.betjordan-hero-layout10-theme1 .wkg-responsive-image { position: relative; width: 100%; height: 100%; min-height: 0px; border-radius: 0px; overflow: hidden; margin-bottom: 0px; }
.betjordan-hero-layout10-theme1 .wkg-responsive-image picture, .betjordan-hero-layout10-theme1 .wkg-responsive-image img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.betjordan-hero-layout10-theme1 .wkg-hero__contents-wrapper { display: grid; grid-template-columns: auto auto 1fr; align-items: center; column-gap: var(--wkg-spacing-xs); row-gap: var(--wkg-spacing-xxs); min-width: 0px; padding: var(--wkg-spacing-xs) var(--wkg-spacing-md); }
.betjordan-hero-layout10-theme1 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) { display: contents; }
.betjordan-hero-layout10-theme1 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) :is(h1, h2, h3, h4, h5, h6) { grid-area: 1 / 1; font-family: var(--wkg-font-family-secondary); font-weight: var(--wkg-font-weight-900); font-style: italic; margin: 0px; padding-inline-end: 0.25em; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.betjordan-hero-layout10-theme1 .wkg-badge { grid-area: 1 / 2; place-self: center start; position: static; }
:is(.device-mobile, .device-phablet) .betjordan-hero-layout10-theme1 .wkg-hero__contents-wrapper { grid-template-columns: 1fr; }
:is(.device-mobile, .device-phablet) .betjordan-hero-layout10-theme1 .wkg-badge { grid-area: 1 / 1; }
:is(.device-mobile, .device-phablet) .betjordan-hero-layout10-theme1 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) :is(h1, h2, h3, h4, h5, h6) { grid-area: 2 / 1; }
:is(.device-mobile, .device-phablet) .betjordan-hero-layout10-theme1 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) p { grid-area: 3 / 1; }
.betjordan-hero-layout10-theme1 .wkg-badge--primary.wkg-badge--filled { padding: var(--wkg-spacing-xxs) var(--wkg-spacing-xs); width: fit-content; margin: 0px; font-size: var(--wkg-font-size-badge-primary-sm); line-height: var(--wkg-line-height-badge-primary-sm); font-weight: var(--wkg-font-weight-badge-primary-sm); border-radius: var(--wkg-border-radius-badge-primary-sm); }
:is(.device-desktop, .device-large) .betjordan-hero-layout10-theme1 .wkg-badge--primary.wkg-badge--filled { font-size: var(--wkg-font-size-badge-primary-desktop-sm); line-height: var(--wkg-line-height-badge-primary-desktop-sm); font-weight: var(--wkg-font-weight-badge-primary-desktop-sm); border-radius: var(--wkg-border-radius-badge-primary-desktop-sm); }
.betjordan-hero-layout10-theme1 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) p { grid-area: 2 / 1 / auto / -1; margin: 0px; }
.betjordan-hero-layout1-theme1 .wkg-hero__layout-wrapper { background: var(--wkg-color-grey-500); border-radius: var(--wkg-border-radius-xl); display: grid; grid-template-columns: auto minmax(0px, 1fr); position: relative; min-height: 10.875rem; overflow: hidden; }
.betjordan-hero-layout1-theme1 .wkg-hero__image-wrapper { position: relative; z-index: 1; border-radius: var(--wkg-border-radius-xl); overflow: hidden; box-sizing: border-box; height: 100%; aspect-ratio: 1 / 1; }
.betjordan-hero-layout1-theme1 .wkg-responsive-image { position: absolute; inset: 0px; height: 100%; width: 100%; }
.betjordan-hero-layout1-theme1 .wkg-responsive-image picture, .betjordan-hero-layout1-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper { padding: var(--wkg-spacing-md) var(--wkg-spacing-lg); display: flex; flex-direction: column; justify-content: flex-start; height: 10.875rem; box-sizing: border-box; }
.device-mobile .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper, .device-tablet .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper { padding: var(--wkg-spacing-md); }
.betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper .wkg-html-text h1, .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper .wkg-html-text h2, .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper .wkg-html-text h3, .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper .wkg-html-text h4, .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper .wkg-html-text h5, .betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper .wkg-html-text h6 { font-family: var(--wkg-font-family-primary); color: var(--wkg-color-white); font-weight: var(--wkg-font-weight-500); margin-bottom: var(--wkg-spacing-xs); font-size: var(--wkg-font-size-lg); display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
.betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper .wkg-html-text p:last-child { margin-bottom: 0px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -moz-box-orient: vertical; }
.betjordan-hero-layout1-theme1 .wkg-buttons-group { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; }
.betjordan-hero-layout1-theme1 .wkg-buttons-group html[dir="rtl"] { right: 0px; left: auto; }
.betjordan-hero-layout1-theme1 .wkg-buttons-group .wkg-button:not(.wkg-button--hit) { position: absolute; top: 0px; right: 0px; z-index: 4; pointer-events: auto; }
.betjordan-hero-layout1-theme1 .wkg-hero__contents-wrapper .wkg-buttons-group { display: none; }
.betjordan-hero-layout1-theme1 .wkg-button--hit { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; pointer-events: auto; }
.betjordan-hero-layout1-theme1 .wkg-button--hit html[dir="rtl"] { right: 0px; left: auto; }
.betjordan-hero-layout1-theme1 .wkg-hero__hit-area { position: absolute; inset: 0px; z-index: 2; pointer-events: none; }
.betjordan-hero-layout1-theme1 .wkg-hero__hit-area .wkg-button { pointer-events: auto; }
.betjordan-hero-layout1-theme1 .wkg-hero__hit-area:empty { display: none; }
.betjordan-hero-layout1-theme1 .wkg-buttons-group .wkg-button--iconPrimary { border-radius: 0 var(--wkg-border-radius-2xl); }
.betjordan-hero-layout1-theme1 .wkg-badge--primary.wkg-badge--filled { padding: var(--wkg-spacing-xxs) var(--wkg-spacing-xs); width: fit-content; margin-bottom: var(--wkg-spacing-xs); }
.betjordan-hero-layout1-theme1 .wkg-buttons-group .wkg-button__icon { font-size: var(--wkg-font-size-3xl); width: var(--wkg-font-size-icon-desktop-7xl); height: var(--wkg-font-size-icon-desktop-7xl); }
.betjordan-hero-layout1-theme1 .wkg-buttons-group .wkg-button__icon svg { width: var(--wkg-font-size-icon-xl); height: var(--wkg-font-size-icon-xl); }
.betjordan-hero-layout1-theme1 .wkg-buttons-group .wkg-button__icon svg path { stroke: var(--wkg-color-white); }
.betjordan-hero-layout1-theme1 .wkg-promotion-info-button { position: absolute; z-index: 4; top: 0px; right: 0px; border-radius: 0 var(--wkg-border-radius-2xl); pointer-events: auto; }
html[dir="rtl"] .betjordan-hero-layout1-theme1 .wkg-promotion-info-button { right: auto; left: 0px; }
.betjordan-hero-layout1-theme1 .wkg-promotion-info-button .wkg-button__icon { width: var(--wkg-font-size-icon-desktop-7xl); height: var(--wkg-font-size-icon-desktop-7xl); font-size: var(--wkg-font-size-3xl); }
.betjordan-hero-layout1-theme1 .wkg-promotion-info-button .wkg-button__icon svg { width: var(--wkg-font-size-icon-xl); height: var(--wkg-font-size-icon-xl); }
.betjordan-hero-layout1-theme1 .wkg-promotion-info-button .wkg-button__icon svg path { stroke: var(--wkg-color-white); }
.betjordan-hero-layout1-theme2 .wkg-hero__layout-wrapper { display: flex; position: relative; flex-direction: column; justify-content: flex-end; overflow: hidden; border-radius: var(--wkg-border-radius-6xl); background: var(--wkg-color-grey-500); aspect-ratio: 488 / 637; }
.device-tablet .betjordan-hero-layout1-theme2 .wkg-hero__layout-wrapper, .device-desktop .betjordan-hero-layout1-theme2 .wkg-hero__layout-wrapper, .device-large .betjordan-hero-layout1-theme2 .wkg-hero__layout-wrapper { min-height: 38.6875rem; aspect-ratio: auto; }
.betjordan-hero-layout1-theme2 .wkg-hero__image-wrapper { position: absolute; inset: 0px; z-index: 1; }
.betjordan-hero-layout1-theme2 .wkg-responsive-image { position: absolute; width: 100%; height: 100%; inset: 0px; transition: transform 0.5s; }
.betjordan-hero-layout1-theme2 .wkg-hero__layout-wrapper:hover .wkg-responsive-image { transform: scale(1.05); }
.betjordan-hero-layout1-theme2 .wkg-responsive-image picture, .betjordan-hero-layout1-theme2 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper { display: flex; position: relative; z-index: 4; flex-direction: column; align-items: flex-start; padding: var(--wkg-spacing-xl); background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.75) 70%); pointer-events: none; }
.betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-button, .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper a { pointer-events: auto; }
.betjordan-hero-layout1-theme2 .wkg-badge { margin-bottom: var(--wkg-spacing-md); }
.betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) h1, .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) h2, .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) h3, .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) h4, .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) h5, .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) h6 { margin-bottom: var(--wkg-spacing-xs); font-size: var(--wkg-font-size-7xl); }
.betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) p { margin-bottom: 0px; color: var(--wkg-color-text-secondary); font-size: var(--wkg-font-size-lg); }
.betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-buttons-group { margin-top: var(--wkg-spacing-lg); }
.betjordan-hero-layout1-theme2 .wkg-hero__hit-area { position: absolute; inset: 0px; z-index: 3; pointer-events: none; }
.betjordan-hero-layout1-theme2 .wkg-hero__hit-area .wkg-button { pointer-events: auto; }
.betjordan-hero-layout1-theme2 .wkg-hero__hit-area:empty { display: none; }
.betjordan-hero-layout1-theme2 .wkg-button--hit { position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: auto; }
.betjordan-hero-layout1-theme2 .wkg-promotion-info-button { position: absolute; z-index: 4; top: 0px; right: 0px; border-radius: 0 var(--wkg-border-radius-6xl); pointer-events: auto; }
html[dir="rtl"] .betjordan-hero-layout1-theme2 .wkg-promotion-info-button { right: auto; left: 0px; }
.device-mobile .betjordan-hero-layout1-theme2 .wkg-hero__layout-wrapper, .device-phablet .betjordan-hero-layout1-theme2 .wkg-hero__layout-wrapper { min-height: 21.875rem; aspect-ratio: auto; }
.device-mobile .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper, .device-phablet .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper { flex: 1 1 auto; justify-content: flex-start; padding: var(--wkg-spacing-lg); background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.8)); }
.device-mobile .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-buttons-group, .device-phablet .betjordan-hero-layout1-theme2 .wkg-hero__contents-wrapper .wkg-buttons-group { margin-top: auto; padding-top: var(--wkg-spacing-lg); }
.betjordan-hero-layout11-theme1 .wkg-hero__layout-wrapper { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: min(55vw, 18.75rem); overflow: hidden; background: var(--wkg-color-black); z-index: 0; }
.betjordan-hero-layout11-theme1 .wkg-hero__image-wrapper { position: absolute; inset: 0px; z-index: 0; }
.betjordan-hero-layout11-theme1 .wkg-hero__image-wrapper picture, .betjordan-hero-layout11-theme1 .wkg-hero__image-wrapper img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; user-select: none; pointer-events: none; animation: linear both betjordan-hero-layout11-theme1-parallax; }
@keyframes betjordan-hero-layout11-theme1-parallax {
0% { transform: scale(1) translateY(0px); }
100% { transform: scale(1.05) translateY(-6%); }
}
.betjordan-hero-layout11-theme1 .wkg-hero__contents-wrapper { position: relative; margin-left: var(--wkg-spacing-md); margin-right: var(--wkg-spacing-md); background: linear-gradient(180deg,color-mix(in srgb,var(--wkg-color-black) 70%,transparent) 0%,var(--wkg-color-black) 100%); backdrop-filter: blur(var(--wkg-overlay-backdrop-blur)); border-radius: var(--wkg-border-radius-xl) var(--wkg-border-radius-xl) 0 0; text-align: center; z-index: 1; }
.betjordan-hero-layout11-theme1 .wkg-hero__badge-wrapper { display: flex; justify-content: center; align-items: center; height: 0px; overflow: visible; transform: translateY(-50%); }
.betjordan-hero-layout11-theme1 .wkg-hero__text-wrapper .wkg-html-text h1, .betjordan-hero-layout11-theme1 .wkg-hero__text-wrapper .wkg-html-text h2, .betjordan-hero-layout11-theme1 .wkg-hero__text-wrapper .wkg-html-text h3, .betjordan-hero-layout11-theme1 .wkg-hero__text-wrapper .wkg-html-text h4, .betjordan-hero-layout11-theme1 .wkg-hero__text-wrapper .wkg-html-text h5, .betjordan-hero-layout11-theme1 .wkg-hero__text-wrapper .wkg-html-text h6 { font-weight: var(--wkg-font-weight-900); margin: 0 0 var(--wkg-spacing-xxs); }
.betjordan-hero-layout11-theme1 .wkg-hero__text-wrapper .wkg-html-text p { color: var(--wkg-color-text-secondary); margin: 0px; font-size: var(--wkg-font-size-sm); }
.betjordan-hero-layout12-theme1 .wkg-hero__layout-wrapper { background: var(--wkg-color-grey-500); border-radius: var(--wkg-border-radius-2xl); display: flex; flex-direction: column; overflow: hidden; cursor: pointer; position: relative; width: 8.875rem; height: 16.25rem; }
.betjordan-hero-layout12-theme1 .wkg-hero__image-wrapper { position: relative; aspect-ratio: 1 / 1; border-radius: var(--wkg-border-radius-2xl); overflow: hidden; }
.betjordan-hero-layout12-theme1 .wkg-responsive-image { width: 100%; height: 100%; }
.betjordan-hero-layout12-theme1 .wkg-responsive-image picture, .betjordan-hero-layout12-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.betjordan-hero-layout12-theme1 .wkg-badge { position: absolute; top: 0px; transform: translateY(-50%); z-index: 1; max-width: 80%; }
.betjordan-hero-layout12-theme1 .wkg-badge--primary.wkg-badge--filled { padding: var(--wkg-spacing-xxs) var(--wkg-spacing-xs); width: fit-content; border-radius: var(--wkg-border-radius-xl); font-size: var(--wkg-font-size-xxs); text-transform: uppercase; font-weight: var(--wkg-font-weight-700); }
.betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper { padding-top: ; padding-right: ; padding-left: ; padding-bottom: var(--wkg-spacing-md); display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0px; position: relative; }
.betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h1, .betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h2, .betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h3, .betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h4, .betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h5, .betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h6 { font-family: var(--wkg-font-family-primary); color: var(--wkg-color-white); font-weight: var(--wkg-font-weight-500); font-size: var(--wkg-font-size-md); margin-bottom: var(--wkg-spacing-xs); display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
.betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text p { color: var(--wkg-color-grey-200); font-size: var(--wkg-font-size-xs); line-height: 1.4; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -moz-box-orient: vertical; margin-bottom: 0px; }
.betjordan-hero-layout12-theme1 .wkg-buttons-group { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; }
.betjordan-hero-layout12-theme1 .wkg-buttons-group html[dir="rtl"] { right: 0px; left: auto; }
.betjordan-hero-layout12-theme1 .wkg-buttons-group .wkg-button:not(.wkg-button--hit) { position: absolute; top: 0px; right: 0px; z-index: 4; pointer-events: auto; }
.betjordan-hero-layout12-theme1 .wkg-button--hit { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; pointer-events: auto; }
.betjordan-hero-layout12-theme1 .wkg-button--hit html[dir="rtl"] { right: 0px; left: auto; }
.betjordan-hero-layout12-theme1 .wkg-buttons-group .wkg-button--iconPrimary { border-radius: 0 var(--wkg-border-radius-md) 0 var(--wkg-border-radius-md); }
.betjordan-hero-layout12-theme1 .wkg-buttons-group .wkg-button { background-color: transparent; }
.betjordan-hero-layout12-theme1 .wkg-buttons-group .wkg-button__icon { font-size: var(--wkg-font-size-xl); width: var(--wkg-font-size-icon-xl); height: var(--wkg-font-size-icon-xl); margin: var(--wkg-spacing-xs); }
.betjordan-hero-layout12-theme1 .wkg-buttons-group .wkg-button__icon svg { width: var(--wkg-font-size-icon-xl); height: var(--wkg-font-size-icon-xl); }
.betjordan-hero-layout12-theme1 .wkg-buttons-group .wkg-button__icon svg path { stroke: var(--wkg-color-grey-200); }
.betjordan-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text.wkg-badge p { color: var(--wkg-color-white); font-size: var(--wkg-font-size-xxxs); display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: unset; -moz-box-orient: unset; }
.betjordan-hero-layout12-theme1 .wkg-promotion-info-button { position: absolute; z-index: 4; top: 0px; right: 0px; border-radius: 0 var(--wkg-border-radius-md) 0 var(--wkg-border-radius-md); background-color: transparent; pointer-events: auto; }
html[dir="rtl"] .betjordan-hero-layout12-theme1 .wkg-promotion-info-button { right: auto; left: 0px; }
.betjordan-hero-layout12-theme1 .wkg-promotion-info-button .wkg-button__icon { width: var(--wkg-font-size-icon-xl); height: var(--wkg-font-size-icon-xl); margin: var(--wkg-spacing-xs); font-size: var(--wkg-font-size-xl); }
.betjordan-hero-layout12-theme1 .wkg-promotion-info-button .wkg-button__icon svg { width: var(--wkg-font-size-icon-xl); height: var(--wkg-font-size-icon-xl); }
.betjordan-hero-layout12-theme1 .wkg-promotion-info-button .wkg-button__icon svg path { stroke: var(--wkg-color-grey-200); }
.betjordan-accordion-theme1 .wkg-accordion__item { border-style: solid; border-color: var(--wkg-color-white-10); border-width: 0px 0px 1px; }
.betjordan-accordion-theme1 .wkg-accordion__item:last-child { border-bottom: medium; }
.betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text, .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text p, .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h1, .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h2, .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h3, .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h4, .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h5, .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h6 { padding: 0px; margin: 0px; line-height: inherit; }
.betjordan-accordion-theme1 .wkg-accordion__header, .betjordan-accordion-theme1 .wkg-accordion__header-text, .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text, .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text p, .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h1, .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h2, .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h3, .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h4, .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h5, .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h6 { color: var(--wkg-color-text-primary); font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-400); }
.betjordan-accordion-theme1 .wkg-accordion__content-wrapper p, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h1, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h2, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h3, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h4, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h5, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h6 { margin: 0px; }
.betjordan-accordion-theme1 .wkg-accordion__content-wrapper p + p, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper p + h1, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper p + h2, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper p + h3, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper p + h4, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper p + h5, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper p + h6, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h1 + p, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h2 + p, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h3 + p, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h4 + p, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h5 + p, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper h6 + p { margin-top: var(--wkg-spacing-sm); }
.betjordan-accordion-theme1 .wkg-accordion__content, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper .wkg-html-text, .betjordan-accordion-theme1 .wkg-accordion__content-wrapper .wkg-html-text p { color: var(--wkg-color-text-secondary); font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-300); }
.betjordan-accordion-theme1 .wkg-accordion__content-wrapper { padding: 0 0 var(--wkg-spacing-lg) 0; }
.betjordan-accordion-theme1 .wkg-accordion__header { padding: var(--wkg-spacing-lg) 0; }
.device-desktop .betjordan-accordion-theme1 .wkg-accordion__header, .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text, .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text, .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text p, .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h1, .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h2, .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h3, .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h4, .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h5, .device-desktop .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h6, .device-large .betjordan-accordion-theme1 .wkg-accordion__header, .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text, .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text, .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text p, .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h1, .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h2, .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h3, .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h4, .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h5, .device-large .betjordan-accordion-theme1 .wkg-accordion__header-text .wkg-html-text h6 { font-size: var(--wkg-font-size-xl); font-weight: var(--wkg-font-weight-400); }
.device-desktop .betjordan-accordion-theme1 .wkg-accordion__content, .device-desktop .betjordan-accordion-theme1 .wkg-accordion__content-wrapper, .device-desktop .betjordan-accordion-theme1 .wkg-accordion__content-wrapper .wkg-html-text, .device-desktop .betjordan-accordion-theme1 .wkg-accordion__content-wrapper .wkg-html-text p, .device-large .betjordan-accordion-theme1 .wkg-accordion__content, .device-large .betjordan-accordion-theme1 .wkg-accordion__content-wrapper, .device-large .betjordan-accordion-theme1 .wkg-accordion__content-wrapper .wkg-html-text, .device-large .betjordan-accordion-theme1 .wkg-accordion__content-wrapper .wkg-html-text p { font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-300); }
.device-desktop .betjordan-accordion-theme1 .wkg-accordion__content-wrapper, .device-large .betjordan-accordion-theme1 .wkg-accordion__content-wrapper { padding: 0 0 var(--wkg-spacing-xl) 0; }
.betjordan-modal-layout1-theme1 { --modal-animation-duration: .3s; position: fixed; inset: 0px; z-index: 100001; display: flex; flex-direction: column; align-items: center; padding: var(--wkg-spacing-md, 1rem); opacity: 0; visibility: hidden; transition: opacity var(--modal-animation-duration) ease-out,visibility var(--modal-animation-duration) ease-out; }
.betjordan-modal-layout1-theme1.wkg-overlay-modal--visible { opacity: 1; visibility: visible; }
.betjordan-modal-layout1-theme1.wkg-overlay-modal--closing { opacity: 0; }
.betjordan-modal-layout1-theme1 .wkg-overlay-backdrop { position: fixed; inset: 0px; z-index: 0; pointer-events: none; opacity: 0; background-color: var(--wkg-overlay-backdrop-color, rgba(0, 0, 0, .55)); backdrop-filter: blur(var(--wkg-overlay-backdrop-blur, 20px)); transition: opacity var(--modal-animation-duration, .3s) ease-out; }
.betjordan-modal-layout1-theme1 .wkg-overlay-backdrop--visible { pointer-events: auto; opacity: 1; }
.betjordan-modal-layout1-theme1 .wkg-overlay-backdrop--closing { opacity: 0; }
.betjordan-modal-layout1-theme1 .wkg-overlay-modal__container { position: relative; z-index: 1; display: flex; flex-direction: column; max-width: min(90vw, 30rem); max-height: 85dvh; overflow: hidden; background-color: var(--wkg-overlay-container-bg); border: var(--wkg-overlay-container-border); border-radius: var(--wkg-border-radius-8xl, 1.5rem); box-shadow: var(--wkg-shadow-modal, 0 25px 50px -12px rgba(0, 0, 0, .25)); min-width: 20rem; margin: auto; }
.betjordan-modal-layout1-theme1 .wkg-overlay-modal__topbar { display: flex; flex-shrink: 0; gap: var(--wkg-spacing-md, 1rem); justify-content: space-between; align-items: center; padding: var(--wkg-spacing-lg, 1.5rem) var(--wkg-spacing-md, 1rem); background: transparent; }
.betjordan-modal-layout1-theme1 .wkg-overlay-modal__topbar .wkg-button { color: var(--wkg-color-text-primary); }
.betjordan-modal-layout1-theme1 .wkg-overlay-modal__contents-header { flex: 1 1 0%; min-width: 0px; }
.betjordan-modal-layout1-theme1 .wkg-overlay-modal__contents-header h1, .betjordan-modal-layout1-theme1 .wkg-overlay-modal__contents-header h2, .betjordan-modal-layout1-theme1 .wkg-overlay-modal__contents-header h3, .betjordan-modal-layout1-theme1 .wkg-overlay-modal__contents-header h4, .betjordan-modal-layout1-theme1 .wkg-overlay-modal__contents-header h5, .betjordan-modal-layout1-theme1 .wkg-overlay-modal__contents-header h6, .betjordan-modal-layout1-theme1 .wkg-overlay-modal__contents-header p { margin-bottom: 0px; }
.betjordan-modal-layout1-theme1 .wkg-overlay-modal__content-wrapper { position: relative; display: flex; flex-direction: column; min-height: 0px; flex: 1 1 0%; padding: 0 var(--wkg-spacing-md, 1rem) var(--wkg-spacing-lg, 1.5rem); }
.betjordan-modal-layout1-theme1 .wkg-overlay-modal__content { flex: 1 1 0%; min-height: 0px; overflow: auto; }
.betjordan-modal-layout1-theme1 .wkg-overlay-modal__scroll-fade { position: absolute; left: 0px; right: 0px; height: 5rem; pointer-events: none; opacity: 0; transition: opacity 0.3s ease-out; z-index: 10; }
.betjordan-modal-layout1-theme1 .wkg-overlay-modal__scroll-fade--top { top: 0px; background: linear-gradient(to bottom,var(--wkg-overlay-container-bg) 0%,transparent 100%); }
.betjordan-modal-layout1-theme1 .wkg-overlay-modal__scroll-fade--bottom { bottom: var(--wkg-spacing-lg, 1.5rem); background: linear-gradient(to top,var(--wkg-overlay-container-bg) 0%,transparent 100%); }
.betjordan-modal-layout1-theme1 .wkg-overlay-modal__scroll-fade--visible { opacity: 1; }
.betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-bottom .wkg-overlay-drawer__container { border-radius: var(--wkg-drawer-border-radius, 1rem) var(--wkg-drawer-border-radius, 1rem) 0 0; }
.betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-top .wkg-overlay-drawer__container { border-radius: 0 0 var(--wkg-drawer-border-radius, 1rem) var(--wkg-drawer-border-radius, 1rem); }
.betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-right .wkg-overlay-drawer__container { border-radius: var(--wkg-drawer-border-radius, 1rem) 0 0 var(--wkg-drawer-border-radius, 1rem); }
.betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-left .wkg-overlay-drawer__container { border-radius: 0 var(--wkg-drawer-border-radius, 1rem) var(--wkg-drawer-border-radius, 1rem) 0; }
.betjordan-drawer-layout1-theme1.wkg-overlay-drawer--size-full .wkg-overlay-drawer__container { border-radius: 0px; }
.device-mobile .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-bottom .wkg-overlay-drawer__container, .device-phablet .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-bottom .wkg-overlay-drawer__container { border-radius: 1.25rem 1.25rem 0px 0px; }
.betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__topbar { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--wkg-spacing-md, 1rem); padding: var(--wkg-spacing-sm, .5rem) var(--wkg-spacing-md, 1rem); min-height: 3rem; }
.betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header { flex: 1 1 0%; min-width: 0px; }
.betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header h1, .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header h2, .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header h3, .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header h4, .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header h5, .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header h6, .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__header p { margin-bottom: 0px; }
.betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__close-button { flex-shrink: 0; margin-left: auto; width: 2.5rem; height: 2.5rem; border-radius: 50%; transition: background-color 0.15s; }
.betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__close-button:hover { background-color: var(--wkg-color-grey-700); }
.betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__close-button:focus-visible { outline: 2px solid var(--wkg-color-primary); outline-offset: 2px; }
.betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__drag-handle { position: relative; }
.betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__drag-handle::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scaleX(1); width: 2.25rem; height: 0.25rem; background-color: var(--wkg-color-grey-400); border-radius: 9999px; transition: transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.2s; }
.betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__drag-handle:active::before { transform: translate(-50%, -50%) scaleX(1.15); background-color: var(--wkg-color-grey-300); }
.betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__body { flex: 1 1 0%; min-height: 0px; overflow: hidden auto; overscroll-behavior: contain; }
.betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__content { display: flex; flex-direction: column; height: 100%; padding: var(--wkg-spacing-md, 1rem); }
.betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__content:has(.signup-form), .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__content:has(.login-form), .betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__content:has(.forgot-password) { padding: 0px; }
.betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__content--auth-form { padding: 0px; }
.betjordan-drawer-layout1-theme1 .wkg-overlay-drawer__footer { flex-shrink: 0; padding: var(--wkg-spacing-md, 1rem); border-top: 1px solid var(--wkg-color-grey-700, #374151); }
.device-mobile .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-bottom .wkg-overlay-drawer__footer, .device-phablet .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-bottom .wkg-overlay-drawer__footer { padding-bottom: calc(var(--wkg-spacing-md, 1rem) + env(safe-area-inset-bottom,0px)); }
.device-mobile .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-top .wkg-overlay-drawer__controls, .device-phablet .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-top .wkg-overlay-drawer__controls { padding-top: env(safe-area-inset-top,0px); }
.device-mobile .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-left .wkg-overlay-drawer__container, .device-phablet .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-left .wkg-overlay-drawer__container { padding-left: env(safe-area-inset-left,0px); }
.device-mobile .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-right .wkg-overlay-drawer__container, .device-phablet .betjordan-drawer-layout1-theme1.wkg-overlay-drawer--position-right .wkg-overlay-drawer__container { padding-right: env(safe-area-inset-right,0px); }
.scroll-gradient-wrapper::before { background: linear-gradient(270deg,rgba(37,37,44,0) 0%,var(--wkg-color-black) 100%); }
.scroll-gradient-wrapper::after { background: linear-gradient(90deg,rgba(37,37,44,0) 0%,var(--wkg-color-black) 100%); }
.login-form, .signup-form, .forgot-password { --wkg-auth-fields-gap: .5rem; }
.auth-drawer-header { display: flex; flex-direction: column; gap: 0.25rem; }
.auth-drawer-header:has(.auth-drawer-header__back-arrow), .auth-drawer-header:has(.auth-drawer-header__back-button), .auth-drawer-header--with-back { flex-direction: row; align-items: center; gap: var(--wkg-spacing-xxs); }
.wkg-overlay-drawer--position-center .auth-drawer-header { flex-direction: row; align-items: center; gap: var(--wkg-spacing-md); }
.wkg-overlay-drawer--position-center .auth-drawer-header .auth-drawer-header__subtitle { margin-inline-start: auto; }
.auth-drawer-header__back-arrow, .auth-drawer-header__back-button { display: flex; padding: 0px; color: var(--wkg-color-text-primary); background: none; border: medium; border-radius: var(--wkg-border-radius-sm, .25rem); cursor: pointer; transition: opacity 0.15s; }
.auth-drawer-header__back-arrow:hover, .auth-drawer-header__back-button:hover { opacity: 0.7; }
.auth-drawer-header__back-arrow:focus-visible, .auth-drawer-header__back-button:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
.auth-drawer-header__back-arrow .icon, .auth-drawer-header__back-arrow div, .auth-drawer-header__back-arrow svg, .auth-drawer-header__back-button .icon, .auth-drawer-header__back-button div, .auth-drawer-header__back-button svg { width: 1.25rem; height: 1.25rem; }
.auth-drawer-header__back-arrow svg, .auth-drawer-header__back-button svg { transform: rotate(90deg); }
.auth-drawer-header__title { margin: 0px; font-size: var(--wkg-font-size-lg); font-weight: 600; color: var(--wkg-color-text-primary); }
.auth-drawer-header__subtitle { display: flex; align-items: center; gap: 0.375rem; padding: 0px; font-family: inherit; font-size: 0.75rem; font-weight: 500; color: var(--wkg-color-grey-200); text-align: left; text-decoration: none; background: none; border: medium; border-radius: var(--wkg-border-radius-sm, .25rem); cursor: pointer; transition: color 0.15s; }
.auth-drawer-header__subtitle:hover { color: var(--wkg-color-text-primary); }
.auth-drawer-header__subtitle:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
.auth-drawer-header__arrow { display: flex; flex-shrink: 0; }
.auth-drawer-header__arrow div, .auth-drawer-header__arrow svg { width: 0.875rem; height: 0.875rem; }
.auth-form, .forgot-password-form, .signup-form, .login-form, html[data-theme="betjordan"] .login-form, html[data-theme="betjordan"] .signup-form, html[data-theme="betjordan"] .forgot-password-form { display: flex; flex-direction: column; height: 100%; }
.auth-form__body, .forgot-password-form__body, .signup-form__body, .login-form__body, html[data-theme="betjordan"] .login-form__body, html[data-theme="betjordan"] .signup-form__body, html[data-theme="betjordan"] .forgot-password-form__body { display: flex; flex-direction: column; flex: 1 1 0%; overflow-y: auto; padding: var(--wkg-spacing-md) var(--wkg-spacing-lg); }
.auth-form__fields, .forgot-password-form__fields, .signup-form__fields, .login-form__fields, html[data-theme="betjordan"] .login-form__fields, html[data-theme="betjordan"] .signup-form__fields, html[data-theme="betjordan"] .forgot-password-form__fields { display: flex; flex-direction: column; gap: var(--wkg-auth-fields-gap, .5rem); }
.auth-form__footer, .forgot-password-form__footer, .signup-form__footer, .login-form__footer, html[data-theme="betjordan"] .login-form__footer, html[data-theme="betjordan"] .signup-form__footer, html[data-theme="betjordan"] .forgot-password-form__footer { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; padding: 1rem 1.5rem 1.5rem; background-color: var(--wkg-color-grey-500); border-top: 1px solid var(--wkg-color-grey-400); }
.auth-form__submit-button, .forgot-password-form__submit-button, .signup-form__submit-button, .login-form__submit-button, html[data-theme="betjordan"] .login-form__submit-button, html[data-theme="betjordan"] .signup-form__submit-button, html[data-theme="betjordan"] .forgot-password-form__submit-button { width: 100%; gap: var(--wkg-spacing-xs); font-family: var(--wkg-font-family-cta); font-size: var(--wkg-font-size-xl); font-weight: 400; text-transform: uppercase; }
.auth-form__submit-button:focus-visible, .forgot-password-form__submit-button:focus-visible, .signup-form__submit-button:focus-visible, .login-form__submit-button:focus-visible, html[data-theme="betjordan"] .login-form__submit-button:focus-visible, html[data-theme="betjordan"] .signup-form__submit-button:focus-visible, html[data-theme="betjordan"] .forgot-password-form__submit-button:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
.auth-form__submit-button .button__icon, .forgot-password-form__submit-button .button__icon, .signup-form__submit-button .button__icon, .login-form__submit-button .button__icon, html[data-theme="betjordan"] .login-form__submit-button .button__icon, html[data-theme="betjordan"] .signup-form__submit-button .button__icon, html[data-theme="betjordan"] .forgot-password-form__submit-button .button__icon { display: flex; align-items: center; }
.auth-form__submit-button .button__icon div, .forgot-password-form__submit-button .button__icon div, .signup-form__submit-button .button__icon div, .login-form__submit-button .button__icon div, .auth-form__submit-button .button__icon svg, .forgot-password-form__submit-button .button__icon svg, .signup-form__submit-button .button__icon svg, .login-form__submit-button .button__icon svg { width: 1.5rem; height: 1.5rem; }
.auth-form__submit-button .button__icon svg path, .forgot-password-form__submit-button .button__icon svg path, .signup-form__submit-button .button__icon svg path, .login-form__submit-button .button__icon svg path { stroke-width: 2px; }
.auth-form__footer-promo, .signup-form__footer-promo, .login-form__footer-promo, html[data-theme="betjordan"] .login-form__footer-promo, html[data-theme="betjordan"] .signup-form__footer-promo { margin: 0px; font-size: var(--wkg-font-size-xs); color: var(--wkg-color-grey-300); text-align: center; }
.auth-form__error, .forgot-password-form__error, .login-form__error, html[data-theme="betjordan"] .login-form__error, html[data-theme="betjordan"] .forgot-password-form__error { display: flex; align-items: center; justify-content: flex-end; gap: var(--wkg-spacing-xs); margin-top: var(--wkg-auth-fields-gap, .5rem); font-size: var(--wkg-font-size-xxs); color: var(--wkg-color-error, var(--wkg-color-red-400)); text-align: right; }
.auth-form__error .icon, .forgot-password-form__error .icon, .login-form__error .icon, html[data-theme="betjordan"] .login-form__error .icon, html[data-theme="betjordan"] .forgot-password-form__error .icon { display: flex; flex-shrink: 0; }
.auth-form__error .icon div, .forgot-password-form__error .icon div, .login-form__error .icon div, .auth-form__error .icon svg, .forgot-password-form__error .icon svg, .login-form__error .icon svg { width: 1rem; height: 1rem; }
.auth-form__error .wkg-icon, .forgot-password-form__error .wkg-icon, .login-form__error .wkg-icon, html[data-theme="betjordan"] .login-form__error .wkg-icon, html[data-theme="betjordan"] .forgot-password-form__error .wkg-icon { font-size: 1rem; }
.auth-form__section, .signup-form__section, html[data-theme="betjordan"] .signup-form__section { display: flex; align-items: center; gap: 0.75rem; margin-bottom: var(--wkg-spacing-xs); }
.auth-form__section-number { display: flex; align-items: center; justify-content: center; width: 0.875rem; height: 0.875rem; font-size: var(--wkg-font-size-xxxs); font-weight: 600; color: var(--wkg-color-text-primary); background: var(--wkg-bg-color-badge-primary-filled); border-radius: 50%; }
.auth-form__section-title, .signup-form__section-title, html[data-theme="betjordan"] .signup-form__section-title { font-size: var(--wkg-font-size-xs); font-weight: 500; color: var(--wkg-color-grey-200); }
@keyframes onAutoFillStart {
0% { opacity: 1; }
100% { opacity: 1; }
}
.login-form__fields input:autofill { animation-name: onAutoFillStart; }
.login-form__hero { width: 100%; height: 7.5rem; margin-bottom: var(--wkg-spacing-md); object-fit: cover; border-radius: 12px; }
.login-form__forgot-password { align-self: flex-end; margin-top: var(--wkg-spacing-md); padding: 0px; font-family: inherit; font-size: var(--wkg-font-size-xs); font-weight: 500; color: var(--wkg-color-text-secondary); text-decoration: none; background: none; border: medium; border-radius: var(--wkg-border-radius-sm, .25rem); cursor: pointer; transition: color 0.15s; }
.login-form__forgot-password:hover { color: var(--wkg-color-text-primary); }
.login-form__forgot-password:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
.signup-form__section-number { display: flex; align-items: center; justify-content: center; width: 0.875rem; height: 0.875rem; font-size: var(--wkg-font-size-xxxs); font-weight: 600; color: var(--wkg-color-text-primary); background: var(--wkg-bg-color-badge-primary-filled); border-radius: 50%; }
.signup-form__hero { width: 100%; height: 7.5rem; margin-bottom: var(--wkg-spacing-md); object-fit: cover; border-radius: 12px; }
.signup-form__bonus-list { margin-bottom: var(--wkg-spacing-lg); }
.signup-form__email-country-row { display: flex; flex-direction: column; gap: var(--wkg-auth-fields-gap, .5rem); }
.signup-form__footer-terms { margin: 0px; font-size: var(--wkg-font-size-xs); color: var(--wkg-color-grey-200); text-align: left; align-self: flex-start; }
.signup-form__footer-link { color: var(--wkg-color-text-secondary); text-decoration: underline; border-radius: var(--wkg-border-radius-sm, .25rem); }
.signup-form__footer-link:hover { color: var(--wkg-color-text-primary); }
.signup-form__footer-link:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
.signup-form__username-wrapper { display: flex; flex-direction: column; }
.signup-form__username-suggestions { padding: 1rem 0px; }
.signup-form__username-suggestions-label { margin: 0px 0px 0.5rem; font-size: var(--wkg-font-size-xs); font-weight: 600; color: var(--wkg-color-text-primary); }
.signup-form__username-suggestions-list { display: flex; flex-direction: column; gap: 0.5rem; margin: 0px; padding: 0px 0px 0px 1rem; list-style: none; }
.signup-form__username-suggestions-list li { display: flex; align-items: center; gap: 0.5rem; color: var(--wkg-color-grey-200); }
.signup-form__username-suggestions-list li::before { content: ""; width: 0.25rem; height: 0.25rem; background: var(--wkg-color-grey-200); border-radius: 50%; flex-shrink: 0; }
.signup-form__username-suggestion { padding: 0px; font-family: inherit; font-size: var(--wkg-font-size-xs); font-weight: 400; color: var(--wkg-color-grey-200); background: none; border: medium; border-radius: var(--wkg-border-radius-sm, .25rem); cursor: pointer; transition: color 0.15s; }
.signup-form__username-suggestion:hover { color: var(--wkg-color-text-primary); }
.signup-form__username-suggestion:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
.forgot-password { display: flex; flex-direction: column; height: 100%; }
.forgot-password-form__footer { padding: 1rem 1.5rem; }
.forgot-password-form__step-indicator { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.25rem; }
.forgot-password-form__step-number { display: flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 0.875rem; width: 0.875rem; height: 0.875rem; font-size: var(--wkg-font-size-xxxs); font-weight: 600; color: var(--wkg-color-text-primary); background: var(--wkg-bg-color-badge-primary-filled); border-radius: 50%; }
.forgot-password-form__step-text { margin: 0px; font-size: var(--wkg-font-size-xs); font-weight: 500; color: var(--wkg-color-grey-200); }
.forgot-password-form__step-text strong { color: var(--wkg-color-text-primary); }
.forgot-password-form__tabs { position: relative; margin-bottom: var(--wkg-spacing-md); background-color: var(--wkg-color-grey-600); border: 1px solid var(--wkg-color-grey-400); border-radius: var(--wkg-border-radius-full, 9999px); padding: 0.25rem; }
.forgot-password-form__tabs-inner { display: flex; position: relative; }
.forgot-password-form__tab-indicator { position: absolute; top: 0px; bottom: 0px; background-color: var(--wkg-color-grey-500); border-radius: var(--wkg-border-radius-full, 9999px); z-index: 0; pointer-events: none; will-change: left, width; }
.forgot-password-form__tab { flex: 1 1 0%; position: relative; z-index: 1; padding: 0.625rem 1rem; font-family: var(--wkg-font-family-secondary); font-size: var(--wkg-font-size-sm); font-weight: 600; color: var(--wkg-color-grey-300); text-transform: uppercase; background: none; border: medium; border-radius: var(--wkg-border-radius-full, 9999px); cursor: pointer; transition: color 0.2s; }
.forgot-password-form__tab--active { color: var(--wkg-color-text-primary); }
.forgot-password-form__tab:hover:not(.forgot-password-form__tab--active) { color: var(--wkg-color-text-primary); }
.forgot-password-form__tab:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: -2px; }
.forgot-password-form__signup-link { display: flex; align-items: center; justify-content: center; gap: var(--wkg-spacing-xs); padding: var(--wkg-spacing-md) 0 0; font-family: inherit; font-size: var(--wkg-font-size-xs); font-weight: 500; color: var(--wkg-color-grey-200); text-align: center; background: none; border: medium; border-radius: var(--wkg-border-radius-sm, .25rem); cursor: pointer; transition: color 0.15s; }
.forgot-password-form__signup-link:hover { color: var(--wkg-color-text-primary); }
.forgot-password-form__signup-link:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
.forgot-password-form__signup-arrow { display: flex; flex-shrink: 0; }
.forgot-password-form__signup-arrow div, .forgot-password-form__signup-arrow svg { width: 0.875rem; height: 0.875rem; }
.forgot-password-form__otp-section { display: flex; flex-direction: column; gap: var(--wkg-spacing-sm); margin-bottom: var(--wkg-spacing-lg); }
.forgot-password-form__otp-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--wkg-spacing-sm); }
.forgot-password-form__otp-error { display: flex; align-items: center; gap: var(--wkg-spacing-xs); margin-left: auto; font-size: var(--wkg-font-size-xxs); color: var(--wkg-color-error, var(--wkg-color-red-400)); text-align: right; }
.forgot-password-form__otp-error .icon { display: flex; flex-shrink: 0; }
.forgot-password-form__otp-error .icon div, .forgot-password-form__otp-error .icon svg { width: 1rem; height: 1rem; }
.forgot-password-form__otp-error .wkg-icon { font-size: 1rem; }
.forgot-password-form__resend-button { display: flex; align-items: center; flex-shrink: 0; gap: 0.375rem; padding: 0px; font-family: inherit; font-size: var(--wkg-font-size-xs); font-weight: 500; white-space: nowrap; color: var(--wkg-color-text-secondary); background: none; border: medium; border-radius: var(--wkg-border-radius-sm, .25rem); cursor: pointer; transition: color 0.15s; }
.forgot-password-form__resend-button:hover:not(:disabled) { color: var(--wkg-color-text-primary); }
.forgot-password-form__resend-button:disabled { cursor: default; opacity: 0.7; }
.forgot-password-form__resend-button:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
.forgot-password-form__resend-icon { display: flex; flex-shrink: 0; width: 0.875rem; height: 0.875rem; }
.forgot-password-form__resend-icon div, .forgot-password-form__resend-icon svg { width: 0.875rem; height: 0.875rem; }
.forgot-password__support { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; width: 100%; }
.forgot-password__support-text { margin: 0px; font-size: var(--wkg-font-size-xs); color: var(--wkg-color-grey-300); display: flex; align-items: center; width: 100%; }
.forgot-password__support-text::before, .forgot-password__support-text::after { content: ""; flex: 1 1 0%; height: 1px; background-color: var(--wkg-color-grey-400); }
.forgot-password__support-text::before { margin-right: var(--wkg-spacing-sm); }
.forgot-password__support-text::after { margin-left: var(--wkg-spacing-sm); }
.forgot-password__support-buttons { display: flex; gap: var(--wkg-spacing-sm); width: 100%; }
.forgot-password__support-button { flex: 1 1 0%; }
.forgot-password__support-button .button__content { color: var(--wkg-color-text-primary); text-transform: capitalize; }
.forgot-password__support-button:hover { background-color: var(--wkg-color-grey-400); }
.forgot-password__support-button:hover .button__content { color: var(--bejo-white); }
.forgot-password__support-button:focus-visible { outline: 2px solid var(--wkg-color-focus, var(--wkg-color-text-primary)); outline-offset: 2px; }
.forgot-password__support-button .button__icon { width: 1rem; height: 1rem; margin-left: var(--wkg-spacing-xxs); }
.forgot-password__support-button .button__icon .react-svg-wrapper, .forgot-password__support-button .button__icon div, .forgot-password__support-button .button__icon svg { width: 1rem; height: 1rem; }
.auth-form-skeleton__fields { display: flex; flex-direction: column; gap: var(--wkg-form-fields-gap, .25rem); }
.auth-form-skeleton__field { display: flex; flex-direction: column; justify-content: center; gap: var(--wkg-form-label-input-gap, .375rem); height: var(--wkg-form-field-max-height, 3.75rem); padding: var(--wkg-form-input-padding-y, .5rem) var(--wkg-form-input-padding-x, 1rem); background-color: var(--wkg-form-input-bg, var(--wkg-color-grey-500)); border-radius: var(--wkg-form-input-border-radius, 1rem); box-sizing: border-box; }
.wkg-overlay-drawer--position-center .signup-form__email-country-row { display: flex; flex-direction: row; gap: var(--wkg-auth-fields-gap, .5rem); align-items: flex-start; }
.wkg-overlay-drawer--position-center .signup-form__email-country-row > * { flex: 1 1 0%; min-width: 0px; }
.wkg-overlay-drawer--position-center :is(.login-form__footer, .signup-form__footer, .forgot-password-form__footer) { display: contents; }
.wkg-overlay-drawer--position-center .wkg-overlay-drawer__container { padding: 24px 40px; }
.wkg-overlay-drawer--position-center :is(.login-form__submit-button, .signup-form__submit-button, .forgot-password-form__submit-button) { width: auto; align-self: center; margin-top: 0.75rem; }
.wkg-overlay-drawer--position-center :is(.login-form__footer-promo, .signup-form__footer-promo, .forgot-password-form__footer-promo) { margin-top: 0.75rem; }
.wkg-overlay-drawer--position-center .signup-form__footer-terms { margin-top: 0.75rem; text-align: center; align-self: center; }
.wkg-overlay-drawer--position-center .forgot-password__support { margin-top: 0.75rem; }
:is(.device-mobile, .device-phablet) :is(.login-form__footer, .signup-form__footer, .forgot-password-form__footer) { background-color: transparent; border-top: medium; }
:is(.device-mobile, .device-phablet) :is(.login-form__body, .signup-form__body, .forgot-password-form__body) { flex: 0 0 auto; overflow: visible; }
:is(.device-mobile, .device-phablet) :is(.login-form__submit-button, .signup-form__submit-button, .forgot-password-form__submit-button) { width: auto; align-self: center; }
[dir="rtl"] :is(.login-form, .signup-form, .forgot-password, .forgot-password-form) .wkg-select__indicators { right: auto; left: var(--wkg-field-control-padding-x, 1rem); }
[dir="rtl"] :is(.login-form, .signup-form, .forgot-password, .forgot-password-form) .wkg-select__trigger { padding-right: 0px; padding-left: 2.5rem; text-align: right; }
.betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__prev-bt, .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__next-bt { background-color: transparent; border-radius: 50%; padding: 0.25rem; transition: background-color 0.3s; color: var(--wkg-color-grey-100); }
.betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__prev-bt:hover, .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__next-bt:hover { background-color: var(--wkg-color-grey-300); }
.betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__prev-bt--disabled, .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__next-bt--disabled { opacity: 0.5; }
.betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__prev-bt, .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__prev-bt .wkg-button__icon, .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__next-bt, .betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__next-bt .wkg-button__icon { font-size: var(--wkg-font-size-7xl); }
.betjordan-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__fraction-wrapper { font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-xs); color: var(--wkg-color-grey-100); gap: 0.25rem; display: flex; }
.betjordan-slider-layout1-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot { background-color: transparent; padding: 0.5rem 0.25rem; border: medium; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.betjordan-slider-layout1-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot::after { content: ""; display: block; width: 8px; height: 4px; background-color: var(--wkg-color-grey-300); border-radius: var(--wkg-border-radius-xs); transition: 0.3s; }
.betjordan-slider-layout1-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot:hover::after { background-color: var(--wkg-color-white); }
.betjordan-slider-layout1-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot.wkg-slider-dot--active::after { background-color: var(--wkg-color-white); width: 24px; }
.betjordan-slider-layout1-theme1 .wkg-slider__pagination--numberedDots { gap: 0.25rem; }
.betjordan-slider-layout1-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot { display: flex; align-items: center; justify-content: center; border-radius: 50%; border: medium; font-size: var(--wkg-font-size-xxxs); background-color: var(--wkg-color-grey-300); color: var(--wkg-color-white); width: 12px; height: 12px; }
.betjordan-slider-layout1-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot.wkg-slider-dot--active { background-color: var(--wkg-color-white); color: var(--wkg-color-grey-300); }
.betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__prev-bt, .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__next-bt { background-color: transparent; border-radius: 50%; padding: 0.25rem; transition: background-color 0.3s; color: var(--wkg-color-grey-100); }
.betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__prev-bt:hover, .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__next-bt:hover { background-color: var(--wkg-color-grey-300); }
.betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__prev-bt--disabled, .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__next-bt--disabled { opacity: 0.5; }
.betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__prev-bt, .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__prev-bt .wkg-button__icon, .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__next-bt, .betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__next-bt .wkg-button__icon { font-size: var(--wkg-font-size-7xl); }
.betjordan-slider-layout2-theme1 .wkg-slider-layout-2 .wkg-slider__fraction-wrapper { font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-xs); color: var(--wkg-color-grey-100); gap: 0.25rem; display: flex; }
.betjordan-slider-layout2-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot { background-color: transparent; padding: 0.5rem 0.25rem; border: medium; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.betjordan-slider-layout2-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot::after { content: ""; display: block; width: 8px; height: 4px; background-color: var(--wkg-color-grey-300); border-radius: var(--wkg-border-radius-xs); transition: 0.3s; }
.betjordan-slider-layout2-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot:hover::after { background-color: var(--wkg-color-white); }
.betjordan-slider-layout2-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot.wkg-slider-dot--active::after { background-color: var(--wkg-color-white); width: 24px; }
.betjordan-slider-layout2-theme1 .wkg-slider__pagination--numberedDots { gap: 0.25rem; }
.betjordan-slider-layout2-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot { display: flex; align-items: center; justify-content: center; border-radius: 50%; border: medium; font-size: var(--wkg-font-size-xxxs); background-color: var(--wkg-color-grey-300); color: var(--wkg-color-white); width: 12px; height: 12px; }
.betjordan-slider-layout2-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot.wkg-slider-dot--active { background-color: var(--wkg-color-white); color: var(--wkg-color-grey-300); }
.betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__prev-bt, .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__next-bt { background-color: transparent; border-radius: 50%; padding: 0.25rem; transition: background-color 0.3s; color: var(--wkg-color-grey-100); }
.betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__prev-bt:hover, .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__next-bt:hover { background-color: var(--wkg-color-grey-300); }
.betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__prev-bt--disabled, .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__next-bt--disabled { opacity: 0.5; }
.betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__prev-bt, .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__prev-bt .wkg-button__icon, .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__next-bt, .betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__next-bt .wkg-button__icon { font-size: var(--wkg-font-size-7xl); }
.betjordan-slider-layout3-theme1 .wkg-slider-layout-3 .wkg-slider__fraction-wrapper { font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-xs); color: var(--wkg-color-grey-100); gap: 0.25rem; display: flex; }
.betjordan-slider-layout3-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot { background-color: transparent; padding: 0.5rem 0.25rem; border: medium; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.betjordan-slider-layout3-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot::after { content: ""; display: block; width: 8px; height: 4px; background-color: var(--wkg-color-grey-300); border-radius: var(--wkg-border-radius-xs); transition: 0.3s; }
.betjordan-slider-layout3-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot:hover::after { background-color: var(--wkg-color-white); }
.betjordan-slider-layout3-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot.wkg-slider-dot--active::after { background-color: var(--wkg-color-white); width: 24px; }
.betjordan-slider-layout3-theme1 .wkg-slider__pagination--numberedDots { gap: 0.25rem; }
.betjordan-slider-layout3-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot { display: flex; align-items: center; justify-content: center; border-radius: 50%; border: medium; font-size: var(--wkg-font-size-xxxs); background-color: var(--wkg-color-grey-300); color: var(--wkg-color-white); width: 12px; height: 12px; }
.betjordan-slider-layout3-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot.wkg-slider-dot--active { background-color: var(--wkg-color-white); color: var(--wkg-color-grey-300); }
.betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header { margin-bottom: var(--wkg-spacing-sm); gap: var(--wkg-spacing-lg); }
.betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-title { gap: var(--wkg-spacing-xs); min-width: 0px; }
.betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-icon { flex-shrink: 0; width: 2.5rem; height: 2.5rem; }
.betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-icon .wkg-icon { width: 100%; height: 100%; }
.betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-icon .wkg-icon img, .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-icon .wkg-icon svg { width: 100%; height: 100%; object-fit: contain; }
.betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-text { gap: 0.125rem; font-family: var(--wkg-font-family-primary); }
.betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-text .wkg-html-text p { font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-600); line-height: 1.4; margin: 0px; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; }
.device-mobile .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-text .wkg-html-text p { font-size: var(--wkg-font-size-sm); }
.betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-xl); font-weight: var(--wkg-font-weight-600); line-height: 1.2; margin: 0px; }
.device-desktop .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6), .device-large .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-3xl); }
.betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button { display: flex; align-items: center; }
.device-mobile .betjordan-slider-layout5-theme1 .wkg-slider-layout-5__header-button .wkg-button--primary.wkg-button--filled { font-size: var(--wkg-font-size-xs); }
.betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__prev-bt, .betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__next-bt { background-color: transparent; border-radius: 50%; padding: 0.25rem; transition: background-color 0.3s; color: var(--wkg-color-grey-100); }
.betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__prev-bt:hover, .betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__next-bt:hover { background-color: var(--wkg-color-grey-300); }
.betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__prev-bt--disabled, .betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__next-bt--disabled { opacity: 0.5; }
.betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__prev-bt, .betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__prev-bt .wkg-button__icon, .betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__next-bt, .betjordan-slider-layout5-theme1 .wkg-slider-layout-5 .wkg-slider__next-bt .wkg-button__icon { font-size: var(--wkg-font-size-7xl); }
.betjordan-top-cta-layout1-theme1 { display: flex; justify-content: center; align-items: center; z-index: var(--wkg-top-cta-z-index); width: 100%; top: 0px; height: var(--wkg-top-cta-height); transition: transform 0.2s; will-change: transform; }
.betjordan-top-cta-layout1-theme1 .wkg-top-cta__wrapper { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.betjordan-top-cta-layout1-theme1 .wkg-top-cta__inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: var(--wkg-top-cta-bg); }
.betjordan-top-cta-layout1-theme1 .wkg-top-cta__icon { flex-shrink: 0; }
.betjordan-top-cta-layout1-theme1 .wkg-button__icon { margin-inline-start: var(--wkg-spacing-xxs); }
.betjordan-top-cta-layout1-theme1 .wkg-buttons-group { margin-inline-start: var(--wkg-spacing-lg); }
.betjordan-top-cta-layout1-theme1 .wkg-top-cta__title { font-size: var(--wkg-font-size-sm); font-weight: 600; display: flex; align-items: center; margin: 0 var(--wkg-spacing-xxs); }
.betjordan-top-cta-layout1-theme1 .wkg-top-cta__main { color: var(--wkg-top-cta-title-color); }
.betjordan-top-cta-layout1-theme1 .wkg-top-cta__subtitle { color: var(--wkg-top-cta-subtitle-color); margin-inline-start: var(--wkg-spacing-xxs); }
.betjordan-top-cta-layout1-theme1.wkg-top-cta--hidden { transform: translateY(-100%); pointer-events: none; }
body.device-mobile .betjordan-top-cta-layout1-theme1, body.device-tablet .betjordan-top-cta-layout1-theme1 { padding-top: env(safe-area-inset-top); }
body.device-mobile .betjordan-top-cta-layout1-theme1 .wkg-top-cta__title, body.device-tablet .betjordan-top-cta-layout1-theme1 .wkg-top-cta__title { font-size: var(--wkg-font-size-xs); margin: 0 var(--wkg-spacing-xxs); }
[dir="rtl"] .betjordan-top-cta-layout1-theme1 .wkg-button-blocks img { transform: rotate(180deg); }
.betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__container { overflow: hidden; border: medium; box-shadow: none; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__topbar { position: absolute; top: 0px; right: 0px; z-index: 10; background: none; padding: var(--wkg-spacing-sm); pointer-events: none; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__topbar > * { pointer-events: auto; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__close-button { color: var(--wkg-color-text-primary); background: transparent; backdrop-filter: blur(var(--wkg-overlay-backdrop-blur)); border-radius: 50%; width: var(--wkg-spacing-xl); height: var(--wkg-spacing-xl); font-size: var(--wkg-font-size-lg); display: flex; align-items: center; justify-content: center; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__body { flex: 1 1 0%; min-height: 0px; overflow: hidden auto; overscroll-behavior: none; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__content { padding: 0px; overflow: visible; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__footer-wrapper { flex-shrink: 0; background: var(--wkg-overlay-footer-bg); padding: var(--wkg-spacing-md) var(--wkg-spacing-md) var(--wkg-spacing-xl); }
.betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__footer-wrapper .wkg-promotion-overlay__footer { padding: 0px; margin: 0px; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__footer-wrapper .wkg-html-text { padding: 0px !important; margin: 0px; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__footer-wrapper p { margin: 0px; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-hero { width: 100%; margin: 0px; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-hero__image-wrapper, .betjordan-promotion-ovl-layout1-theme1 .wkg-hero__image-wrapper .wkg-responsive-image, .betjordan-promotion-ovl-layout1-theme1 .wkg-hero__image-wrapper picture { height: 100%; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-hero img { width: 100%; height: 100%; display: block; object-fit: cover; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-table-lb-value { padding: var(--wkg-spacing-md) var(--wkg-spacing-lg); }
.betjordan-promotion-ovl-layout1-theme1 .wkg-table-lb-value__row { display: flex; justify-content: space-between; align-items: center; padding: var(--wkg-spacing-sm) 0; border-bottom: 1px solid var(--wkg-border-color-primary); }
.betjordan-promotion-ovl-layout1-theme1 .wkg-table-lb-value__row:last-child { border-bottom: medium; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-table-lb-value__label { font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-500); color: var(--wkg-color-text-primary); }
.betjordan-promotion-ovl-layout1-theme1 .wkg-table-lb-value__value { font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-700); color: var(--wkg-color-text-primary); text-align: right; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-table-lb-value__value .wkg-html-text { padding: 0px !important; color: var(--wkg-color-text-primary) !important; font-size: var(--wkg-font-size-md) !important; font-weight: var(--wkg-font-weight-700) !important; line-height: inherit; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-table-lb-value__value .wkg-html-text p { margin: 0px; color: inherit; font-weight: inherit; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-collapsible-block { padding: var(--wkg-spacing-md) var(--wkg-spacing-lg); }
.betjordan-promotion-ovl-layout1-theme1 .wkg-collapsible-block__visible { color: var(--wkg-color-text-secondary); font-size: var(--wkg-font-size-sm); line-height: var(--wkg-line-height-xl); }
.betjordan-promotion-ovl-layout1-theme1 .wkg-collapsible-block .wkg-collapsible-block__visible .wkg-html-text, .betjordan-promotion-ovl-layout1-theme1 .wkg-collapsible-block .wkg-collapsible-block__expandable .wkg-html-text { padding: 0px; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-collapsible-block__toggle { display: inline-flex; align-items: center; gap: var(--wkg-spacing-xxs); margin-top: var(--wkg-spacing-xs); padding: 0px; font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-600); color: var(--wkg-color-text-primary); background: none; border: medium; cursor: pointer; }
.betjordan-promotion-ovl-layout1-theme1 .wkg-collapsible-block__toggle:hover { color: var(--wkg-color-text-quinary); }
.betjordan-promotion-ovl-layout1-theme1 .wkg-collapsible-block__expandable { color: var(--wkg-color-text-secondary); font-size: var(--wkg-font-size-sm); line-height: var(--wkg-line-height-xl); margin-top: var(--wkg-spacing-sm); }
.betjordan-promotion-ovl-layout1-theme1 .wkg-html-text:not(.wkg-badge) { padding: var(--wkg-spacing-md) var(--wkg-spacing-lg); color: var(--wkg-color-text-primary); font-size: var(--wkg-font-size-md); line-height: var(--wkg-line-height-lg); }
.betjordan-promotion-ovl-layout1-theme1 .wkg-button-blocks { padding: 0 var(--wkg-spacing-lg) var(--wkg-spacing-md); }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__wrapper { padding: var(--wkg-spacing-lg) 0; }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--wkg-spacing-lg); margin-bottom: var(--wkg-spacing-md); padding: 0 var(--wkg-spacing-md); }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header > div:first-child { display: flex; align-items: center; gap: var(--wkg-spacing-xs); flex: 1 1 0%; min-width: 0px; }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-icon { flex-shrink: 0; width: var(--wkg-spacing-lg); height: var(--wkg-spacing-lg); }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-icon .wkg-icon svg { width: var(--wkg-spacing-lg); height: var(--wkg-spacing-lg); }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-text { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: calc(var(--wkg-spacing-xxs) / 2); justify-content: center; }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-text .wkg-html-text p:first-child { color: var(--wkg-color-red-400); font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-600); line-height: 1.4; margin: 0px; }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-text .wkg-html-text h1, .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-text .wkg-html-text h2, .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-text .wkg-html-text h3, .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-text .wkg-html-text h4, .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-text .wkg-html-text h5, .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-text .wkg-html-text h6 { color: var(--wkg-color-white); font-size: var(--wkg-font-size-lg); font-weight: var(--wkg-font-weight-600); line-height: var(--wkg-line-height-sm); margin: 0px; }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-actions { display: flex; align-items: center; gap: var(--wkg-spacing-xs); flex-shrink: 0; }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header-actions .wkg-button { background: var(--wkg-color-white-10); border: medium; border-radius: 6.25rem; padding: .59375rem calc(var(--wkg-spacing-md) + var(--wkg-spacing-xxs)); color: var(--wkg-color-white); font-size: var(--wkg-font-size-xs); font-weight: var(--wkg-font-weight-400); line-height: 1.4; cursor: pointer; font-family: var(--wkg-font-family-primary); }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__nav-btns { display: flex; align-items: center; gap: var(--wkg-spacing-xxs); }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__nav-btn { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0px; border: 1px solid var(--wkg-border-color-primary); border-radius: 50%; background: transparent; color: var(--wkg-color-text-primary); cursor: pointer; transition: background-color 0.2s, border-color 0.2s; }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__nav-btn:hover { background-color: var(--wkg-color-white-10); border-color: var(--wkg-color-grey-300); }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__nav-btn .wkg-icon { display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__nav-btn .wkg-icon img, .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__nav-btn .wkg-icon svg { width: 100%; height: 100%; object-fit: contain; }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items { display: flex; gap: var(--wkg-spacing-md); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-left: var(--wkg-spacing-md); scroll-padding-left: var(--wkg-spacing-md); }
html[dir="rtl"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items { padding-left: 0px; scroll-padding-left: 0px; padding-right: var(--wkg-spacing-md); scroll-padding-right: var(--wkg-spacing-md); }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items-container { position: relative; width: 100vw; overflow: hidden; mask-image: linear-gradient(to left, transparent 0%, black 6.25rem); }
html[dir="rtl"] .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items-container { mask-image: linear-gradient(to right, transparent 0%, black 6.25rem); }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items::after { content: ""; flex-shrink: 0; width: var(--wkg-spacing-xs); }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items::-webkit-scrollbar { display: none; }
.betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__item { flex-shrink: 0; scroll-snap-align: start; }
.device-desktop .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__wrapper { padding: var(--wkg-spacing-xl) 0; }
.device-desktop .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__header { padding: 0 var(--wkg-spacing-lg); }
.device-desktop .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items { padding-left: var(--wkg-spacing-lg); scroll-padding-left: var(--wkg-spacing-lg); }
html[dir="rtl"] .device-desktop .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items { padding-left: 0px; scroll-padding-left: 0px; padding-right: var(--wkg-spacing-lg); scroll-padding-right: var(--wkg-spacing-lg); }
.device-desktop .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__items::after { width: var(--wkg-spacing-lg); }
.device-desktop .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__nav-btn { width: 2.5rem; height: 2.5rem; }
.device-desktop .betjordan-promotion-list-layout1-theme1 .wkg-promotions-list__nav-btn .wkg-icon { width: 1.25rem; height: 1.25rem; }
.wkg-promotions-list.betjordan-promotion-list-layout3-theme1 { padding: var(--wkg-section-padding-xl) var(--wkg-section-padding-xl); }
.betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__wrapper { padding: var(--wkg-spacing-lg) var(--wkg-spacing-md); }
.betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__header { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: var(--wkg-spacing-md); }
.betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__header-text .wkg-html-text p { margin: 0px; color: var(--wkg-color-text-secondary); }
.betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__grid { display: grid; grid-template-columns: 1fr; gap: var(--wkg-spacing-md); }
.device-tablet .betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__grid, .device-desktop .betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__grid { grid-template-columns: repeat(2, 1fr); }
.device-large .betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__grid { grid-template-columns: repeat(3, 1fr); }
.betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__load-more { display: flex; justify-content: center; margin-top: var(--wkg-spacing-lg); }
.betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__load-more-btn { padding: var(--wkg-spacing-xs) var(--wkg-spacing-lg); border: medium; border-radius: var(--wkg-spacing-xs); background: var(--wkg-color-grey-400); color: var(--wkg-color-text-primary); font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-sm); font-weight: 600; cursor: pointer; transition: background-color 0.2s; }
.betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__load-more-btn:hover:not(:disabled) { background: var(--wkg-color-grey-300); }
.betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__load-more-btn:disabled { opacity: 0.6; cursor: wait; }
.device-desktop .betjordan-promotion-list-layout2-theme1 .wkg-promotions-list__wrapper { padding: var(--wkg-spacing-xl) var(--wkg-spacing-lg); }
.betjordan-hero-layout1-theme1 .wkg-hero__image-wrapper { height: 100%; aspect-ratio: 1 / 1; flex: 0 0 auto; }
.betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__wrapper { padding: var(--wkg-spacing-lg) var(--wkg-spacing-md); }
.betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--wkg-spacing-lg); margin-bottom: var(--wkg-spacing-md); }
.betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-icon { flex-shrink: 0; width: var(--wkg-spacing-2xl); height: var(--wkg-spacing-2xl); align-self: center; }
.betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-icon .wkg-icon svg { width: var(--wkg-spacing-2xl); height: var(--wkg-spacing-2xl); }
.betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-text { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: calc(var(--wkg-spacing-xxs) / 2); justify-content: center; }
.betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-text .wkg-html-text p:first-child { background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-600); line-height: 1.4; margin: 0px; }
.betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-text .wkg-html-text h1, .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-text .wkg-html-text h2, .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-text .wkg-html-text h3, .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-text .wkg-html-text h4, .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-text .wkg-html-text h5, .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-text .wkg-html-text h6 { color: var(--wkg-color-white); font-size: var(--wkg-font-size-3xl); font-weight: var(--wkg-font-weight-600); line-height: var(--wkg-line-height-sm); margin: 0px; }
.betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-actions { display: flex; align-items: center; gap: var(--wkg-spacing-xs); flex-shrink: 0; }
.betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__header-actions .wkg-button { background: var(--wkg-color-white-10); border: medium; border-radius: 6.25rem; padding: .59375rem calc(var(--wkg-spacing-md) + var(--wkg-spacing-xxs)); color: var(--wkg-color-white); font-size: var(--wkg-font-size-xs); font-weight: var(--wkg-font-weight-400); line-height: 1.4; cursor: pointer; font-family: var(--wkg-font-family-primary); }
.betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(437px, 1fr)); grid-template-rows: repeat(2, auto); gap: var(--wkg-spacing-md); }
.device-desktop .betjordan-promotion-list-layout3-theme1 .wkg-promotions-list__wrapper { padding: var(--wkg-spacing-xl) var(--wkg-spacing-lg); }
.betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__header, .betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__no-records { display: none; }
.betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__grid { display: grid; grid-template-columns: 1fr; }
.betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__skeleton { border-radius: var(--wkg-border-radius-6xl); aspect-ratio: 488 / 637; }
.device-tablet .betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__skeleton, .device-desktop .betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__skeleton, .device-large .betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__skeleton { height: 38.6875rem; aspect-ratio: auto; }
.device-mobile .betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__skeleton, .device-phablet .betjordan-promotion-list-layout3-theme2 .wkg-promotions-list__skeleton { height: 21.875rem; aspect-ratio: auto; }
.betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__nav-btns { display: flex; align-items: center; gap: var(--wkg-spacing-xxs); margin-bottom: var(--wkg-spacing-sm); }
.betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__nav-btn { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0px; border: 1px solid var(--wkg-border-color-primary); border-radius: 50%; background: transparent; color: var(--wkg-color-text-primary); cursor: pointer; transition: background-color 0.2s, border-color 0.2s; }
.betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__nav-btn:hover { background-color: var(--wkg-color-white-10); border-color: var(--wkg-color-grey-300); }
.betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__nav-btn .wkg-icon { display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; }
.betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__nav-btn .wkg-icon img, .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__nav-btn .wkg-icon svg { width: 100%; height: 100%; object-fit: contain; }
.betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__items { display: flex; align-items: stretch; gap: var(--wkg-spacing-xxs); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__items::-webkit-scrollbar { display: none; }
.betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item { flex-shrink: 0; scroll-snap-align: start; position: relative; overflow: hidden; border: 1px solid transparent; border-radius: var(--wkg-border-radius-md); cursor: pointer; transition: border-color 0.2s; width: 6.875rem; max-width: 6.875rem; }
.betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__wrapper, .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__layout-wrapper { height: 100%; }
.betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text h1, .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text h2, .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text h3, .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text h4, .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text h5, .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text h6 { font-size: var(--wkg-font-size-md); }
.betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text p { font-size: var(--wkg-font-size-xs); margin-bottom: 0px; }
.betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item .wkg-hero { height: 100%; }
.betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item:hover, .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__item--selected { border-color: var(--bejo-primary-green); transition: border-color 0.2s; }
.device-desktop .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__nav-btn { width: 2.5rem; height: 2.5rem; }
.device-desktop .betjordan-promotion-list-layout4-theme1 .wkg-promotions-list__nav-btn .wkg-icon { width: 1.25rem; height: 1.25rem; }
.betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__wrapper { padding: 0px; }
.betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__nav-btns { display: none; }
.betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__items { display: flex; flex-direction: column; align-items: stretch; gap: var(--wkg-spacing-xs); overflow: visible; scroll-snap-type: none; }
.betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item { flex-shrink: 0; width: 100%; max-width: 100%; position: relative; overflow: hidden; border: 1px solid transparent; border-radius: var(--wkg-border-radius-md); cursor: pointer; transition: border-color 0.2s; }
:is(.device-tablet, .device-desktop, .device-large) .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item { height: 86px; }
:is(.device-mobile, .device-phablet) .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item { height: 96px; }
.betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-hero__contents-wrapper { align-content: center; }
.betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-hero, .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-hero__wrapper, .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-hero__layout-wrapper { height: 100%; }
.betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-hero__layout-wrapper { min-height: 0px; align-items: stretch; grid-auto-rows: minmax(0px, 1fr); }
.betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-responsive-image { height: 100%; max-height: 100%; min-height: 0px; align-self: stretch; overflow: hidden; }
.betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-sm); line-height: 1.15; display: -webkit-box; -webkit-line-clamp: 1; -moz-box-orient: vertical; overflow: hidden; }
.device-desktop .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-md); }
.betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item .wkg-hero__contents-wrapper .wkg-html-text:not(.wkg-badge) p { display: -webkit-box; -webkit-line-clamp: 2; -moz-box-orient: vertical; overflow: hidden; }
.betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item:hover, .betjordan-promotion-list-layout4-theme2 .wkg-promotions-list__item--selected { border-color: var(--bejo-primary-green); transition: border-color 0.2s; }
.betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__prev-bt, .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__next-bt { background-color: transparent; border-radius: 50%; padding: 0.25rem; transition: background-color 0.3s; color: var(--wkg-color-grey-100); }
.betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__prev-bt:hover, .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__next-bt:hover { background-color: var(--wkg-color-grey-300); }
.betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__prev-bt--disabled, .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__next-bt--disabled { opacity: 0.5; }
.betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__prev-bt, .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__prev-bt .wkg-button__icon, .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__next-bt, .betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__next-bt .wkg-button__icon { font-size: var(--wkg-font-size-7xl); }
.betjordan-slider-layout4-theme1 .wkg-slider-layout-4 .wkg-slider__fraction-wrapper { font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-xs); color: var(--wkg-color-grey-100); gap: 0.25rem; display: flex; }
.betjordan-slider-layout4-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot { background-color: transparent; padding: 0.5rem 0.25rem; border: medium; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.betjordan-slider-layout4-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot::after { content: ""; display: block; width: 8px; height: 4px; background-color: var(--wkg-color-grey-300); border-radius: var(--wkg-border-radius-xs); transition: 0.3s; }
.betjordan-slider-layout4-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot:hover::after { background-color: var(--wkg-color-white); }
.betjordan-slider-layout4-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot.wkg-slider-dot--active::after { background-color: var(--wkg-color-white); width: 24px; }
.betjordan-slider-layout4-theme1 .wkg-slider__pagination--numberedDots { gap: 0.25rem; }
.betjordan-slider-layout4-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot { display: flex; align-items: center; justify-content: center; border-radius: 50%; border: medium; font-size: var(--wkg-font-size-xxxs); background-color: var(--wkg-color-grey-300); color: var(--wkg-color-white); width: 12px; height: 12px; }
.betjordan-slider-layout4-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot.wkg-slider-dot--active { background-color: var(--wkg-color-white); color: var(--wkg-color-grey-300); }
.wkg-sidebar-drawer .wkg-overlay-drawer__container { background: rgba(30, 27, 33, 0.7); backdrop-filter: blur(40px); }
.betjordan-sidebar-layout1-theme1 { gap: var(--wkg-spacing-lg); }
.betjordan-sidebar-layout1-theme1 .wkg-sidebar__header { align-items: center; justify-content: space-between; gap: var(--wkg-spacing-md); }
.betjordan-sidebar-layout1-theme1 .wkg-sidebar__header.wkg-sidebar__header--scrolled { background: linear-gradient(rgb(30, 27, 33) 50%, rgba(30, 27, 33, 0.7)); backdrop-filter: blur(8px); }
.betjordan-sidebar-layout1-theme1 .wkg-sidebar__close-btn { color: var(--wkg-color-text-primary); background: transparent; border: medium; padding: 0px; }
.betjordan-sidebar-layout1-theme1 .wkg-button-badge-wrapper .wkg-button__icon { width: 1.5rem; height: 1.5rem; flex-shrink: 0; }
.betjordan-sidebar-layout1-theme1 .wkg-button-badge-wrapper .wkg-button__icon svg { width: 100%; height: 100%; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__wrapper { padding: 0px; min-width: 0px; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__layout1 { min-width: 0px; overflow: hidden; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__header { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: var(--wkg-spacing-sm); margin-bottom: var(--wkg-spacing-sm); }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__header > div:first-child { display: flex; align-items: center; gap: var(--wkg-spacing-xxs); min-width: 0px; flex: 1 1 0%; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__header-icon { flex-shrink: 0; width: 1.5rem; height: 1.5rem; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__header-icon .wkg-icon { width: 100%; height: 100%; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__header-icon .wkg-icon img, .betjordan-gamesList-layout1-theme1 .wkg-games-list__header-icon .wkg-icon svg { width: 100%; height: 100%; object-fit: contain; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__header-text { flex: 1 1 0%; min-width: 0px; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 0px; font-size: var(--wkg-font-size-xl); }
.device-desktop .betjordan-gamesList-layout1-theme1 .wkg-games-list__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6), .device-large .betjordan-gamesList-layout1-theme1 .wkg-games-list__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-7xl); }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__header-text .wkg-html-text p { margin-bottom: 0px; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__header-actions { display: flex; align-items: center; gap: var(--wkg-spacing-sm); flex-shrink: 0; min-height: 2.25rem; }
.device-mobile .betjordan-gamesList-layout1-theme1 .wkg-games-list__see-all { font-size: var(--wkg-font-size-xs); }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__nav-btns { display: flex; align-items: center; gap: var(--wkg-spacing-xxs); }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__nav-btn { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0px; border: 1px solid var(--wkg-border-color-primary); border-radius: 50%; background: transparent; color: var(--wkg-color-text-primary); cursor: pointer; transition: background-color 0.2s, border-color 0.2s; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__nav-btn:hover { background-color: var(--wkg-color-white-10); border-color: var(--wkg-color-grey-300); }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__nav-btn .wkg-icon { display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__nav-btn .wkg-icon img, .betjordan-gamesList-layout1-theme1 .wkg-games-list__nav-btn .wkg-icon svg { width: 100%; height: 100%; object-fit: contain; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__items { display: flex; gap: var(--wkg-spacing-xs); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__items::-webkit-scrollbar { display: none; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__items > :not(.wkg-games-list__sentinel) { flex-shrink: 0; scroll-snap-align: start; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__sentinel { width: 1px; flex-shrink: 0; scroll-snap-align: none; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__load-more { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: var(--wkg-spacing-md); padding: var(--wkg-spacing-sm) var(--wkg-spacing-md); border-radius: var(--wkg-border-radius-button-primary-md); background-color: var(--wkg-color-white-10); border: medium; color: var(--wkg-color-white); font-family: var(--wkg-font-family-primary); font-weight: var(--wkg-font-weight-600); font-size: var(--wkg-font-size-xs); cursor: pointer; transition: background-color 0.2s; }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__load-more:hover { background-color: var(--wkg-color-white-20); }
.betjordan-gamesList-layout1-theme1 .wkg-games-list__loading { text-align: center; padding: var(--wkg-spacing-md); color: var(--wkg-color-grey-300); font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-xs); }
.device-desktop .betjordan-gamesList-layout1-theme1 .wkg-games-list__nav-btn { width: 2.5rem; height: 2.5rem; }
.device-desktop .betjordan-gamesList-layout1-theme1 .wkg-games-list__nav-btn .wkg-icon { width: 1.25rem; height: 1.25rem; }
.betjordan-gamesList-layout2-theme1 .wkg-games-list__wrapper { padding: 0px; min-width: 0px; }
.betjordan-gamesList-layout2-theme1 .wkg-games-list__layout2 { min-width: 0px; }
.betjordan-gamesList-layout2-theme1 .wkg-games-list__header { display: flex; align-items: flex-start; flex-wrap: wrap; gap: var(--wkg-spacing-sm); margin-bottom: var(--wkg-spacing-xs); }
.betjordan-gamesList-layout2-theme1 .wkg-games-list__header > div:first-child { display: flex; align-items: flex-start; gap: var(--wkg-spacing-xxs); min-width: 0px; flex: 1 1 0%; }
.betjordan-gamesList-layout2-theme1 .wkg-games-list__header-icon { flex-shrink: 0; font-size: var(--wkg-font-size-3xl); line-height: 1; }
.betjordan-gamesList-layout2-theme1 .wkg-games-list__header-icon--back { cursor: pointer; }
.betjordan-gamesList-layout2-theme1 .wkg-games-list__header-icon .wkg-icon { width: 1em; height: 1em; }
.betjordan-gamesList-layout2-theme1 .wkg-games-list__header-icon .wkg-icon img, .betjordan-gamesList-layout2-theme1 .wkg-games-list__header-icon .wkg-icon svg { width: 100%; height: 100%; object-fit: contain; }
.device-desktop .betjordan-gamesList-layout2-theme1 .wkg-games-list__header-icon, .device-large .betjordan-gamesList-layout2-theme1 .wkg-games-list__header-icon { font-size: var(--wkg-font-size-7xl); }
.betjordan-gamesList-layout2-theme1 .wkg-games-list__header-text { flex: 1 1 0%; min-width: 0px; }
.betjordan-gamesList-layout2-theme1 .wkg-games-list__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 0px; }
.betjordan-gamesList-layout2-theme1 .wkg-games-list__header-text .wkg-html-text p { margin-bottom: 0px; }
.betjordan-gamesList-layout2-theme1 .wkg-games-list__grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(var(--wkg-games-list-item-min-width, 6.75rem),1fr)); gap: var(--wkg-spacing-sm); min-width: 0px; }
.betjordan-gamesList-layout2-theme1 .wkg-games-list__sentinel { grid-column: 1 / -1; width: 100%; height: 1px; }
.betjordan-gamesList-layout2-theme1 .wkg-games-list__load-more { display: flex; align-items: center; justify-content: center; margin: var(--wkg-spacing-md) auto 0; padding: var(--wkg-padding-button-secondary-xs); border-radius: var(--wkg-border-radius-button-secondary-xs); border-style: var(--wkg-border-style-button-secondary-outlined); border-width: var(--wkg-border-width-button-secondary-outlined); border-color: var(--wkg-border-color-button-secondary-outlined); background: var(--wkg-bg-color-button-secondary-outlined); color: var(--wkg-color-button-secondary-outlined); font-family: var(--wkg-font-family-button-secondary, sans-serif); font-weight: var(--wkg-font-weight-button-secondary-outlined); font-size: var(--wkg-font-size-button-secondary-xs); line-height: var(--wkg-line-height-button-secondary); text-transform: var(--wkg-text-transform-button-secondary); transition: var(--wkg-transition-button-secondary); box-shadow: var(--wkg-shadow-button-secondary-outlined); cursor: pointer; }
.betjordan-gamesList-layout2-theme1 .wkg-games-list__load-more:hover { background: var(--wkg-bg-color-button-secondary-outlined-hover); color: var(--wkg-color-button-secondary-outlined-hover); border-color: var(--wkg-border-color-button-secondary-outlined-hover); border-width: var(--wkg-border-width-button-secondary-outlined-hover); box-shadow: var(--wkg-shadow-button-secondary-outlined-hover); }
.betjordan-gamesList-layout2-theme1 .wkg-games-list__loading { text-align: center; padding: var(--wkg-spacing-md); color: var(--wkg-color-grey-300); font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-xs); }
.device-desktop .betjordan-gamesList-layout2-theme1 .wkg-games-list__wrapper { padding-top: ; padding-right: ; padding-left: ; padding-bottom: var(--wkg-spacing-xxl); }
.device-desktop .betjordan-gamesList-layout2-theme1 .wkg-games-list__grid { gap: var(--wkg-spacing-md); grid-template-columns: repeat(auto-fill,minmax(var(--wkg-games-list-item-min-width-desktop, 9rem),1fr)); }
.betjordan-gameItem-layout1-theme1 { width: 6.75rem; flex-shrink: 0; overflow: hidden; border-radius: 0.5rem; box-shadow: rgba(16, 17, 25, 0.5) 0px 0.5625rem 1.0625rem; }
.betjordan-gameItem-layout1-theme1 .wkg-game-item__layout1 { display: flex; flex-direction: column; }
.betjordan-gameItem-layout1-theme1 .wkg-game-item__image-container { position: relative; width: 100%; height: 8.875rem; border-radius: 0.5rem; overflow: hidden; }
.betjordan-gameItem-layout1-theme1 .wkg-game-item__image { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0.5rem; }
.betjordan-gameItem-layout1-theme1 .wkg-game-item__tags { position: absolute; top: 0.25rem; left: 0.25rem; display: flex; flex-wrap: wrap; gap: 2px; justify-content: flex-start; z-index: 1; }
.betjordan-gameItem-layout1-theme1 .wkg-game-item__overlay { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--wkg-spacing-xs); padding: 0.25rem; background: rgba(0, 0, 0, 0.5); border-radius: 0.5rem; opacity: 0; transition: opacity 0.2s; z-index: 2; }
.betjordan-gameItem-layout1-theme1 .wkg-game-item__image-container:hover .wkg-game-item__overlay { opacity: 1; }
.betjordan-gameItem-layout1-theme1 .wkg-game-item__play-btn, .betjordan-gameItem-layout1-theme1 .wkg-game-item__demo-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--wkg-gap-button-primary); padding: var(--wkg-padding-button-primary-xs); border-radius: var(--wkg-border-radius-button-primary-xs); border-style: var(--wkg-border-style-button-primary-filled); border-width: var(--wkg-border-width-button-primary-filled); border-color: var(--wkg-border-color-button-primary-filled); background: var(--wkg-bg-color-button-primary-filled); color: var(--wkg-color-button-primary-filled); font-family: var(--wkg-font-family-button-primary, sans-serif); font-weight: var(--wkg-font-weight-button-primary-filled); font-size: var(--wkg-font-size-button-primary-xs); line-height: var(--wkg-line-height-button-primary); text-transform: uppercase; cursor: pointer; max-width: 100%; white-space: normal; text-align: center; overflow-wrap: break-word; }
.betjordan-gameItem-layout1-theme1 .wkg-game-item__play-btn:hover, .betjordan-gameItem-layout1-theme1 .wkg-game-item__demo-btn:hover { background: var(--wkg-bg-color-button-primary-filled-hover); color: var(--wkg-color-button-primary-filled-hover); border-color: var(--wkg-border-color-button-primary-filled-hover); }
.betjordan-gameItem-layout1-theme1 .wkg-game-item__producer { padding-top: 0.5rem; font-family: var(--wkg-font-family-primary); font-weight: var(--wkg-font-weight-400); font-size: var(--wkg-font-size-xs); line-height: 1; color: var(--wkg-color-grey-300); text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.betjordan-gameItem-layout1-theme1 .wkg-game-item__jackpot { display: inline-flex; align-items: center; align-self: flex-start; max-width: 100%; margin-top: 0.375rem; padding: 0px 0.45rem; border-radius: 999px; font-family: var(--wkg-font-family-primary); font-weight: var(--wkg-font-weight-700); font-size: var(--wkg-font-size-2xs, .625rem); line-height: 1.6; color: rgb(28, 18, 0); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: linear-gradient(rgb(255, 224, 122), rgb(244, 169, 50)); }
.device-desktop .betjordan-gameItem-layout1-theme1 { width: 9rem; }
.device-desktop .betjordan-gameItem-layout1-theme1 .wkg-game-item__image-container { height: 12rem; }
.betjordan-logos-list-layout1-theme1 .wkg-logos-list__wrapper { overflow: hidden; border-bottom: .0625rem solid var(--wkg-border-color-primary); }
.betjordan-logos-list-layout1-theme1 .wkg-logos-list__layout1 { overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; padding: var(--wkg-spacing-xs) 0; }
.betjordan-logos-list-layout1-theme1 .wkg-logos-list__layout1::-webkit-scrollbar { display: none; }
.betjordan-logos-list-layout1-theme1 .wkg-logos-list__items { display: flex; gap: var(--wkg-spacing-xs); min-width: max-content; align-items: center; }
.betjordan-logos-list-layout1-theme1 .wkg-logos-list__item { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.betjordan-logos-list-layout1-theme1 .wkg-logos-list__item .wkg-icon img, .betjordan-logos-list-layout1-theme1 .wkg-logos-list__item .wkg-icon svg, .betjordan-logos-list-layout1-theme1 .wkg-logos-list__item > svg { max-height: 2.25rem; height: auto; width: auto; display: block; pointer-events: none; user-select: none; }
.device-desktop .betjordan-logos-list-layout1-theme1 .wkg-logos-list__items, .device-large .betjordan-logos-list-layout1-theme1 .wkg-logos-list__items { justify-content: space-between; min-width: 0px; width: 100%; flex-wrap: nowrap; }
.betjordan-logos-list-layout2-theme1 .wkg-logos-list__wrapper { width: 100%; overflow: hidden; border-bottom: .0625rem solid var(--wkg-border-color-primary); }
.betjordan-logos-list-layout2-theme1 .wkg-logos-list__layout2 { width: 100%; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; padding: var(--wkg-spacing-xs) 0; }
.betjordan-logos-list-layout2-theme1 .wkg-logos-list__layout2::-webkit-scrollbar { display: none; }
.betjordan-logos-list-layout2-theme1 .wkg-logos-list__items { display: flex; flex-direction: column; gap: var(--wkg-spacing-sm); width: max-content; }
.betjordan-logos-list-layout2-theme1 .wkg-logos-list__row { display: flex; flex-direction: row; gap: var(--wkg-spacing-md); align-items: center; justify-content: flex-start; }
.betjordan-logos-list-layout2-theme1 .wkg-logos-list__item { display: flex; align-items: center; justify-content: flex-start; flex-shrink: 0; }
.betjordan-logos-list-layout2-theme1 .wkg-logos-list__item .wkg-icon img, .betjordan-logos-list-layout2-theme1 .wkg-logos-list__item .wkg-icon svg, .betjordan-logos-list-layout2-theme1 .wkg-logos-list__item > svg { max-height: 2.25rem; height: auto; width: auto; display: block; }
.yyy-top-cta-layout1-theme1 { display: flex; justify-content: center; align-items: center; z-index: var(--wkg-top-cta-z-index); width: 100%; top: 0px; height: var(--wkg-top-cta-height); transition: transform 0.2s; will-change: transform; }
.yyy-top-cta-layout1-theme1 .wkg-top-cta__wrapper { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.yyy-top-cta-layout1-theme1 .wkg-top-cta__inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: var(--wkg-top-cta-bg); }
.yyy-top-cta-layout1-theme1 .wkg-top-cta__icon { flex-shrink: 0; }
.yyy-top-cta-layout1-theme1 .wkg-button__icon { margin-inline-start: var(--wkg-spacing-xxs); }
.yyy-top-cta-layout1-theme1 .wkg-buttons-group { margin-inline-start: var(--wkg-spacing-md); }
.yyy-top-cta-layout1-theme1 .wkg-top-cta__title { font-size: var(--wkg-font-size-sm); font-weight: 700; display: flex; align-items: center; margin: 0 var(--wkg-spacing-xxs); }
.yyy-top-cta-layout1-theme1 .wkg-top-cta__main { color: var(--wkg-top-cta-title-color); }
.yyy-top-cta-layout1-theme1 .wkg-top-cta__subtitle { color: var(--wkg-top-cta-subtitle-color); margin-inline-start: var(--wkg-spacing-xxs); }
.yyy-top-cta-layout1-theme1.wkg-top-cta--hidden { transform: translateY(-100%); pointer-events: none; }
body.device-mobile .yyy-top-cta-layout1-theme1, body.device-tablet .yyy-top-cta-layout1-theme1 { padding-top: env(safe-area-inset-top); }
body.device-mobile .yyy-top-cta-layout1-theme1 .wkg-top-cta__title, body.device-tablet .yyy-top-cta-layout1-theme1 .wkg-top-cta__title { font-size: var(--wkg-font-size-xs); margin: 0 var(--wkg-spacing-xxs); }
[dir="rtl"] .yyy-top-cta-layout1-theme1 .wkg-button-blocks img { transform: rotate(180deg); }
.yyy-hero-layout2-theme1 { display: flex; justify-content: center; align-items: center; }
.yyy-hero-layout2-theme1 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
.yyy-hero-layout2-theme1 .wkg-responsive-image { border-radius: 0.75rem; overflow: hidden; width: 100%; height: 100%; }
.yyy-hero-layout2-theme1 .wkg-responsive-image picture, .yyy-hero-layout2-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
.yyy-hero-layout2-theme1 .wkg-hero__contents-wrapper { padding: 0px 6.7rem; position: absolute; inset: 0px; z-index: 1; display: flex; flex-direction: column; justify-content: center; }
.yyy-hero-layout2-theme1 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-family: var(--wkg-font-family-secondary); margin-bottom: var(--wkg-spacing-none); font-weight: var(--wkg-font-weight-800); background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; }
.yyy-hero-layout2-theme1 .wkg-html-text p { color: var(--wkg-color-p-primary-secondary); font-size: var(--wkg-font-size-3xl); font-weight: var(--wkg-font-weight-500); margin: 0px; }
.device-desktop .yyy-hero-layout2-theme1 .wkg-hero__contents-wrapper { padding: 2rem; }
.device-desktop .yyy-hero-layout2-theme1 .wkg-responsive-image { border-radius: 1.5rem; }
.yyy-hero-layout2-theme1 .wkg-buttons-group { margin-top: 2.5rem; }
.yyy-hero-layout2-theme2 { display: flex; justify-content: center; align-items: center; }
.yyy-hero-layout2-theme2 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
.yyy-hero-layout2-theme2 .wkg-responsive-image { border-radius: 0.75rem; overflow: hidden; width: 100%; height: 100%; }
.yyy-hero-layout2-theme2 .wkg-responsive-image picture, .yyy-hero-layout2-theme2 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
.yyy-hero-layout2-theme2 .wkg-hero__wrapper::after { content: ""; position: absolute; inset: 0px; border-radius: 0.75rem; background: linear-gradient(to right, rgba(28, 30, 39, 0.8), rgba(28, 30, 39, 0)); z-index: 0; }
.yyy-hero-layout2-theme2 .wkg-hero__contents-wrapper { padding: 0px; position: absolute; inset: 0px; z-index: 1; display: flex; flex-direction: column; justify-content: center; }
.yyy-hero-layout2-theme2 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-family: var(--wkg-font-family-secondary); margin-bottom: var(--wkg-spacing-none); font-weight: var(--wkg-font-weight-500); color: var(--wkg-color-light-gold-100); }
.yyy-hero-layout2-theme2 .wkg-html-text p { color: var(--wkg-color-p-primary-secondary); font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-400); margin: 0px; }
.device-desktop .yyy-hero-layout2-theme2 .wkg-hero__contents-wrapper { padding: 2rem; }
.device-desktop .yyy-hero-layout2-theme2 .wkg-responsive-image { border-radius: 1.5rem; }
.yyy-hero-layout2-theme3 { display: flex; justify-content: center; align-items: center; }
.yyy-hero-layout2-theme3 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
.yyy-hero-layout2-theme3 .wkg-responsive-image picture, .yyy-hero-layout2-theme3 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; }
.yyy-hero-layout2-theme3 .wkg-hero__contents-wrapper { max-width: 55rem; padding: 3.5rem; position: absolute; inset: 0px; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; }
.yyy-hero-layout2-theme3 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-19xl); font-weight: var(--wkg-font-weight-800); }
.yyy-hero-layout2-theme3 .wkg-html-text p { color: var(--wkg-color-yellow-400); font-size: var(--wkg-font-size-lg); font-weight: var(--wkg-font-weight-500); margin: 0.5rem 0px 0px; }
.yyy-hero-layout2-theme3 .wkg-buttons-group { margin-top: 1.5rem; }
.yyy-hero-layout2-theme3 .wkg-buttons-group .wkg-button--size-lg { padding: 0.875rem 1.875rem; font-size: var(--wkg-font-size-lg); }
.yyy-hero-layout3-theme1 { display: flex; justify-content: center; align-items: center; }
.yyy-hero-layout3-theme1 .wkg-hero__wrapper { width: 100%; }
.yyy-hero-layout3-theme1 .wkg-hero__wrapper { width: 100%; padding: 0px; }
.yyy-hero-layout3-theme1 .wkg-hero__contents-wrapper { max-width: 31rem; flex: 0 0 31rem; }
.yyy-hero-layout3-theme1 .wkg-hero__layout-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 2rem; width: 100%; }
.yyy-hero-layout3-theme1 .wkg-hero__image-wrapper { flex-shrink: 0; width: 27.25rem; height: 13.625rem; }
.yyy-hero-layout3-theme1 .wkg-responsive-image, .yyy-hero-layout3-theme1 .wkg-responsive-image picture, .yyy-hero-layout3-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yyy-hero-layout3-theme1 .wkg-html-text { display: grid; gap: 10px; }
.yyy-hero-layout3-theme1 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-weight: var(--wkg-font-weight-700); background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; }
.yyy-hero-layout3-theme1 .wkg-html-text p { color: var(--wkg-color-p-primary-secondary); }
.yyy-hero-layout3-theme2 { display: flex; justify-content: center; align-items: center; }
.yyy-hero-layout3-theme2 .wkg-hero__wrapper { width: 100%; background-color: var(--wkg-color-grey-400); border-radius: 1.5rem; padding: 2rem 3rem; overflow: hidden; }
.yyy-hero-layout3-theme2 .wkg-hero__layout-wrapper { display: flex; flex-direction: row; align-items: center; gap: 3.5rem; width: 100%; }
.yyy-hero-layout3-theme2 .wkg-hero__contents-wrapper { flex: 1 0 0px; min-width: 0px; }
.yyy-hero-layout3-theme2 .wkg-hero__image-wrapper { flex-shrink: 0; width: 25rem; height: 19.964rem; position: relative; }
.yyy-hero-layout3-theme2 .wkg-responsive-image { position: absolute; width: 33rem; height: 26rem; left: -4rem; }
.yyy-hero-layout3-theme2 .wkg-responsive-image picture, .yyy-hero-layout3-theme2 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yyy-hero-layout3-theme2 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-family: var(--wkg-font-family-secondary); font-weight: var(--wkg-font-weight-700); color: var(--wkg-color-light-gold-100); }
.yyy-hero-layout3-theme2 .wkg-html-text p { color: var(--wkg-color-white); }
.yyy-hero-layout3-theme2 .wkg-buttons-group { padding-top: 1.5rem; }
.yyy-hero-layout3-theme3 { display: flex; justify-content: center; align-items: stretch; flex: 1 0 0px; min-width: 0px; margin-right: -1rem; z-index: 2; position: relative; }
.yyy-hero-layout3-theme3 .wkg-hero__wrapper { width: 100%; }
.yyy-hero-layout3-theme3 .wkg-hero__layout-wrapper { display: flex; flex-direction: column; align-items: flex-end; height: 100%; position: relative; }
.yyy-hero-layout3-theme3 .wkg-hero__image-wrapper { position: absolute; top: -5rem; right: 2rem; overflow: visible; z-index: 2; }
.yyy-hero-layout3-theme3 .wkg-responsive-image { width: 100%; height: 100%; overflow: visible; }
.yyy-hero-layout3-theme3 .wkg-responsive-image picture, .yyy-hero-layout3-theme3 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: contain; display: block; }
.yyy-hero-layout3-theme3 .wkg-hero__contents-wrapper { order: 0; flex: 1 1 0%; width: 100%; box-sizing: border-box; padding: 3rem 6.5rem 2.5rem 3rem; background-color: var(--wkg-color-grey-400); border-radius: 1.5rem; z-index: 1; }
.yyy-hero-layout3-theme3 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-weight: var(--wkg-font-weight-700); color: var(--wkg-color-light-gold-100); }
[dir="rtl"] .yyy-hero-layout3-theme3 { margin-right: 0px; }
[dir="rtl"] .yyy-hero-layout3-theme3 .wkg-hero__contents-wrapper { padding: 3rem 3rem 2.5rem 6.5rem; }
[dir="rtl"] .yyy-hero-layout3-theme3 .wkg-hero__image-wrapper { right: auto; left: 0rem; }
.yyy-hero-layout3-theme4 { display: flex; justify-content: center; align-items: stretch; flex: 1 0 0px; min-width: 0px; z-index: 1; position: relative; }
.yyy-hero-layout3-theme4 .wkg-hero__wrapper { width: 100%; }
.yyy-hero-layout3-theme4 .wkg-hero__layout-wrapper { display: flex; flex-direction: column; align-items: flex-end; height: 100%; position: relative; }
.yyy-hero-layout3-theme4 .wkg-hero__image-wrapper { position: absolute; bottom: -4rem; width: 18rem; height: 10.6875rem; overflow: visible; z-index: 2; }
.yyy-hero-layout3-theme4 .wkg-responsive-image { width: 100%; height: 100%; overflow: visible; }
.yyy-hero-layout3-theme4 .wkg-responsive-image picture, .yyy-hero-layout3-theme4 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: contain; display: block; }
.yyy-hero-layout3-theme4 .wkg-hero__contents-wrapper { order: 0; flex: 1 1 0%; width: 100%; box-sizing: border-box; padding: 3rem 6.5rem 2.5rem 3rem; background-color: var(--wkg-color-grey-500); filter: drop-shadow(rgba(19, 20, 29, 0.4) -5px 4px 5.45px); border-radius: 0px 1.5rem 1.5rem 0px; z-index: 1; }
.yyy-hero-layout3-theme4 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-weight: var(--wkg-font-weight-700); color: var(--wkg-color-light-gold-100); }
[dir="rtl"] .yyy-hero-layout3-theme4 { margin-right: -1rem; }
[dir="rtl"] .yyy-hero-layout3-theme4 .wkg-hero__contents-wrapper { padding: 3rem 3rem 2.5rem 6.5rem; border-radius: 1.5rem 0px 0px 1.5rem; }
[dir="rtl"] .yyy-hero-layout3-theme4 .wkg-hero__image-wrapper { left: 0rem; right: auto; }
.yyy-hero-layout4-theme1 { display: flex; justify-content: center; align-items: center; }
.yyy-hero-layout4-theme1 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
.yyy-hero-layout4-theme1 .wkg-responsive-image { overflow: hidden; width: 100%; height: 100%; }
.yyy-hero-layout4-theme1 .wkg-responsive-image picture, .yyy-hero-layout4-theme1 .wkg-responsive-image img { width: 100%; height: auto; object-fit: cover; }
.yyy-hero-layout4-theme1 .wkg-hero__contents-wrapper { position: absolute; inset: 0px; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding-bottom: 2.5rem; gap: 2.5rem; }
.yyy-hero-layout4-theme1 .wkg-html-text { display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; }
.yyy-hero-layout4-theme1 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-family: var(--wkg-font-family-secondary); margin-bottom: var(--wkg-spacing-none); font-weight: var(--wkg-font-weight-800); background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; }
.yyy-hero-layout4-theme1 .wkg-html-text p { color: var(--wkg-color-p-primary-secondary); font-size: var(--wkg-font-size-3xl); font-weight: var(--wkg-font-weight-500); margin: 0px; text-align: center; }
.yyy-hero-layout4-theme1 .wkg-buttons-group { display: flex; justify-content: center; }
.yyy-hero-layout4-theme2 { display: flex; justify-content: center; align-items: center; }
.yyy-hero-layout4-theme2 .wkg-hero__wrapper { position: relative; height: auto; overflow: hidden; border-radius: 0.75rem; width: 100%; }
.yyy-hero-layout4-theme2 .wkg-responsive-image { overflow: hidden; width: 100%; height: 100%; border-radius: 0.75rem; }
.yyy-hero-layout4-theme2 .wkg-responsive-image picture, .yyy-hero-layout4-theme2 .wkg-responsive-image img { width: 100%; height: auto; object-fit: cover; }
.yyy-hero-layout4-theme2 .wkg-hero__wrapper::after { content: ""; position: absolute; inset: 0px; border-radius: 0.75rem; background: linear-gradient(rgba(28, 30, 39, 0), rgb(28, 30, 39)); z-index: 0; }
.yyy-hero-layout4-theme2 .wkg-hero__contents-wrapper { position: absolute; inset: 0px; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 0px 1.5rem 1.5rem 1rem; gap: 1rem; }
.yyy-hero-layout4-theme2 .wkg-html-text { display: flex; flex-direction: column; align-items: flex-start; text-align: left; width: 100%; }
.yyy-hero-layout4-theme2 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-family: var(--wkg-font-family-secondary); margin-bottom: var(--wkg-spacing-none); font-weight: var(--wkg-font-weight-500); color: var(--wkg-color-light-gold-100); font-size: var(--wkg-font-size-7xl); }
.yyy-hero-layout4-theme2 .wkg-html-text p { color: var(--wkg-color-p-primary-secondary); font-weight: var(--wkg-font-weight-400); margin: 0px; text-align: left; }
.yyy-hero-layout4-theme3 { display: flex; justify-content: center; align-items: center; }
.yyy-hero-layout4-theme3 .wkg-hero__wrapper { position: relative; padding: 0px; width: 100%; height: 100%; }
.device-mobile .yyy-hero-layout4-theme3 .wkg-hero__wrapper { padding: 0px 1rem; }
.yyy-hero-layout4-theme3 .wkg-responsive-image { overflow: hidden; width: 100%; height: 100%; }
.yyy-hero-layout4-theme3 .wkg-responsive-image picture, .yyy-hero-layout4-theme3 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yyy-hero-layout4-theme3 .wkg-hero__contents-wrapper { position: absolute; inset: 0px; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.5rem; padding: 0px 1rem; }
.device-mobile .yyy-hero-layout4-theme3 .wkg-hero__contents-wrapper { padding: 0px 2rem; }
.yyy-hero-layout4-theme3 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-weight: var(--wkg-font-weight-300); font-size: var(--wkg-font-size-41xl); text-align: center; text-transform: uppercase; letter-spacing: 0.25rem; }
.device-mobile .yyy-hero-layout4-theme3 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-3xl); }
.yyy-hero-layout4-theme3 .wkg-button { background: var(--wkg-color-gradient-gold-300); color: var(--wkg-color-grey-400); }
.yyy-hero-layout4-theme4 { display: flex; justify-content: center; align-items: center; padding: 2.5rem 1rem; }
.yyy-hero-layout4-theme4 .wkg-hero__wrapper { background-color: var(--wkg-color-grey-400); border-radius: 1rem; overflow: hidden; width: 100%; padding: 1.5rem 1.5rem 0px; }
.yyy-hero-layout4-theme4 .wkg-hero__layout-wrapper { display: flex; flex-direction: column; gap: 1rem; width: 100%; }
.yyy-hero-layout4-theme4 .wkg-hero__contents-wrapper { order: 0; display: flex; flex-direction: column; gap: 1rem; width: 100%; }
.yyy-hero-layout4-theme4 .wkg-hero__image-wrapper { order: 1; position: relative; height: 13.875rem; width: 100%; }
.yyy-hero-layout4-theme4 .wkg-responsive-image { position: absolute; width: 20rem; height: 16rem; left: 50%; transform: translate(-50%); overflow: visible; }
.yyy-hero-layout4-theme4 .wkg-responsive-image picture, .yyy-hero-layout4-theme4 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yyy-hero-layout4-theme4 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-weight: var(--wkg-font-weight-700); font-size: 1.5rem; color: var(--wkg-color-light-gold-100); }
.yyy-hero-layout4-theme4 .wkg-html-text p { color: var(--wkg-color-white); }
.yyy-hero-layout4-theme5 { display: flex; justify-content: center; align-items: center; }
.yyy-hero-layout4-theme5 .wkg-hero__wrapper { position: relative; height: auto; width: 100%; }
.yyy-hero-layout4-theme5 .wkg-responsive-image { overflow: hidden; width: 100%; height: 100%; }
.yyy-hero-layout4-theme5 .wkg-responsive-image picture, .yyy-hero-layout4-theme5 .wkg-responsive-image img { width: 100%; height: auto; object-fit: cover; }
.yyy-hero-layout4-theme5 .wkg-hero__contents-wrapper { position: absolute; inset: 0px; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding: 1rem 0.5rem 2.5rem; }
.yyy-hero-layout4-theme5 .wkg-html-text { display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; }
.yyy-hero-layout4-theme5 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-5xl); font-weight: var(--wkg-font-weight-800); line-height: var(--wkg-line-height-xs); margin-bottom: var(--wkg-spacing-none); }
.yyy-hero-layout4-theme5 .wkg-html-text p { color: var(--wkg-color-yellow-400); font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-500); line-height: var(--wkg-line-height-sm); margin: 0.5rem 0px 0px; }
.yyy-hero-layout4-theme5 .wkg-buttons-group { margin-top: 0.75rem; }
.yyy-hero-layout4-theme5 .wkg-buttons-group .wkg-button { padding: 0.625rem 1.25rem; font-size: var(--wkg-font-size-sm); }
.yyy-hero-layout7-theme1 { display: flex; justify-content: center; align-items: center; padding: 0px 1rem; }
.yyy-hero-layout7-theme1 .wkg-hero__wrapper { display: flex; flex-direction: column; gap: 1rem; }
.yyy-hero-layout7-theme1 .wkg-responsive-image picture, .yyy-hero-layout7-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yyy-hero-layout7-theme1 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-weight: var(--wkg-font-weight-700); color: var(--wkg-color-light-gold-100); }
.yyy-hero-layout7-theme1 .wkg-html-text p { color: var(--wkg-color-white); }
.yyy-hero-layout7-theme2 { display: flex; justify-content: center; align-items: center; padding: 0px 1rem; flex: 1 0 0px; min-width: 0px; margin-top: 0px; }
.yyy-hero-layout7-theme2 .wkg-hero__wrapper { display: flex; flex-direction: column; align-items: flex-end; position: relative; width: 100%; }
.yyy-hero-layout7-theme2 .wkg-responsive-image { position: absolute; top: -5rem; right: 0px; width: 9.375rem; overflow: visible; z-index: 2; }
.yyy-hero-layout7-theme2 .wkg-responsive-image picture, .yyy-hero-layout7-theme2 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: contain; display: block; }
.yyy-hero-layout7-theme2 .wkg-hero__contents-wrapper { gap: 1rem; width: 100%; box-sizing: border-box; padding: 2.5rem 1.5rem; background-color: var(--wkg-color-grey-400); border-radius: 1rem; position: relative; z-index: 1; }
.yyy-hero-layout7-theme2 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-weight: var(--wkg-font-weight-700); font-size: 1.5rem; color: var(--wkg-color-light-gold-100); }
.yyy-hero-layout7-theme2 .wkg-html-text p strong { color: var(--wkg-color-white); }
[dir="rtl"] .yyy-hero-layout7-theme2 .wkg-responsive-image { right: auto; left: 0px; }
.yyy-hero-layout7-theme3 { display: flex; justify-content: center; align-items: center; padding: 0px 1rem; flex: 1 0 0px; min-width: 0px; margin-top: 0px; }
.yyy-hero-layout7-theme3 .wkg-hero__wrapper { display: flex; flex-direction: column; align-items: flex-end; position: relative; width: 100%; }
.yyy-hero-layout7-theme3 .wkg-responsive-image { position: absolute; bottom: -4rem; right: 0px; width: 16rem; height: 10rem; overflow: visible; z-index: 2; }
.yyy-hero-layout7-theme3 .wkg-responsive-image picture, .yyy-hero-layout7-theme3 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: contain; object-position: right bottom; display: block; }
.yyy-hero-layout7-theme3 .wkg-hero__contents-wrapper { gap: 1rem; width: 100%; box-sizing: border-box; padding: 3.5rem 1.5rem 6rem; background-color: var(--wkg-color-grey-500); border-radius: 1rem; filter: drop-shadow(rgba(19, 20, 29, 0.4) -5px 4px 5.45px); position: relative; z-index: 1; }
.yyy-hero-layout7-theme3 .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-weight: var(--wkg-font-weight-700); font-size: 1.5rem; color: var(--wkg-color-light-gold-100); }
.yyy-hero-layout7-theme3 .wkg-html-text p strong { color: var(--wkg-color-white); }
.yyy-hero-layout11-theme1 .wkg-hero__layout-wrapper { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: min(55vw, 18.75rem); overflow: hidden; background: var(--wkg-color-black); z-index: 0; }
.yyy-hero-layout11-theme1 .wkg-hero__image-wrapper { position: absolute; inset: 0px; z-index: 0; }
.yyy-hero-layout11-theme1 .wkg-hero__image-wrapper picture, .yyy-hero-layout11-theme1 .wkg-hero__image-wrapper img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; user-select: none; pointer-events: none; animation: linear both yyy-hero-layout11-theme1-parallax; }
@keyframes yyy-hero-layout11-theme1-parallax {
0% { transform: scale(1) translateY(0px); }
100% { transform: scale(1.05) translateY(-6%); }
}
.yyy-hero-layout11-theme1 .wkg-hero__contents-wrapper { position: relative; margin-left: var(--wkg-spacing-md); margin-right: var(--wkg-spacing-md); background: linear-gradient(180deg,color-mix(in srgb,var(--wkg-color-grey-500) 70%,transparent) 0%,var(--wkg-color-grey-500) 100%); backdrop-filter: blur(var(--wkg-overlay-backdrop-blur)); border-radius: var(--wkg-border-radius-xl) var(--wkg-border-radius-xl) 0 0; text-align: center; z-index: 1; }
.yyy-hero-layout11-theme1 .wkg-hero__badge-wrapper { display: flex; justify-content: center; align-items: center; height: 0px; overflow: visible; transform: translateY(-50%); }
.yyy-hero-layout11-theme1 .wkg-hero__text-wrapper .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-family: var(--wkg-font-family-secondary); color: var(--wkg-color-text-primary); font-weight: var(--wkg-font-weight-700); font-size: var(--wkg-font-size-xl); margin: 0 0 var(--wkg-spacing-xxs); }
.yyy-hero-layout11-theme1 .wkg-hero__text-wrapper .wkg-html-text p { color: var(--wkg-color-text-secondary); margin: 0px; font-size: var(--wkg-font-size-sm); }
.yyy-hero-layout12-theme1 .wkg-hero__layout-wrapper { background: var(--wkg-color-grey-400); border-radius: var(--wkg-border-radius-2xl); display: flex; flex-direction: column; overflow: hidden; cursor: pointer; position: relative; width: 8.875rem; height: 16.25rem; }
.yyy-hero-layout12-theme1 .wkg-hero__image-wrapper { position: relative; aspect-ratio: 1 / 1; border-radius: var(--wkg-border-radius-2xl); overflow: hidden; }
.yyy-hero-layout12-theme1 .wkg-responsive-image { width: 100%; height: 100%; }
.yyy-hero-layout12-theme1 .wkg-responsive-image picture, .yyy-hero-layout12-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.yyy-hero-layout12-theme1 .wkg-badge { position: absolute; top: 0px; transform: translateY(-50%); z-index: 1; max-width: 80%; }
.yyy-hero-layout12-theme1 .wkg-badge--primary.wkg-badge--filled { padding: var(--wkg-spacing-xxs) var(--wkg-spacing-xs); width: fit-content; border-radius: var(--wkg-border-radius-xl); font-size: var(--wkg-font-size-xxs); text-transform: uppercase; font-weight: var(--wkg-font-weight-700); }
.yyy-hero-layout12-theme1 .wkg-hero__contents-wrapper { padding-top: ; padding-right: ; padding-left: ; padding-bottom: var(--wkg-spacing-md); display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0px; position: relative; }
.yyy-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h1, .yyy-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h2, .yyy-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h3, .yyy-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h4, .yyy-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h5, .yyy-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text h6 { font-family: var(--wkg-font-family-primary); color: var(--wkg-color-white); font-weight: var(--wkg-font-weight-700); font-size: var(--wkg-font-size-sm); margin-bottom: var(--wkg-spacing-xs); display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
.yyy-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text p { color: var(--wkg-color-grey-200); font-size: var(--wkg-font-size-xs); line-height: 1.4; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -moz-box-orient: vertical; margin-bottom: 0px; }
.yyy-hero-layout12-theme1 .wkg-buttons-group .wkg-button:not(.wkg-button--hit) { position: absolute; top: 0px; right: 0px; z-index: 4; pointer-events: auto; }
.yyy-hero-layout12-theme1 .wkg-button--hit { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; pointer-events: auto; }
.yyy-hero-layout12-theme1 .wkg-buttons-group .wkg-button--iconPrimary { border-radius: 0 var(--wkg-border-radius-md) 0 var(--wkg-border-radius-md); }
.yyy-hero-layout12-theme1 .wkg-buttons-group .wkg-button { background-color: transparent; }
.yyy-hero-layout12-theme1 .wkg-buttons-group .wkg-button__icon { font-size: var(--wkg-font-size-xl); width: var(--wkg-font-size-icon-xl); height: var(--wkg-font-size-icon-xl); margin: var(--wkg-spacing-xs); backdrop-filter: blur(10px); border-radius: 50%; }
.yyy-hero-layout12-theme1 .wkg-buttons-group .wkg-button__icon svg { width: var(--wkg-font-size-icon-xs); height: var(--wkg-font-size-icon-xs); }
.yyy-hero-layout12-theme1 .wkg-buttons-group .wkg-button__icon svg path { stroke: var(--wkg-color-grey-200); }
.yyy-hero-layout12-theme1 .wkg-hero__contents-wrapper .wkg-html-text.wkg-badge p { color: var(--wkg-color-black); font-size: var(--wkg-font-size-xxxs); display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: unset; -moz-box-orient: unset; }
.yyy-hero-layout12-theme1 .wkg-buttons-group > :nth-child(2).wkg-button:not(.wkg-button--hit), .yyy-hero-layout12-theme1 .wkg-buttons-group > :nth-child(2) .wkg-button:not(.wkg-button--hit) { display: none; }
.yyy-hero-layout12-theme1 .wkg-hero__hit-area { position: absolute; inset: 0px; z-index: 2; pointer-events: none; }
.yyy-hero-layout12-theme1 .wkg-hero__hit-area .wkg-button { pointer-events: auto; }
.yyy-hero-layout12-theme1 .wkg-hero__hit-area:empty { display: none; }
.yyy-hero-layout13-theme1 .wkg-hero__layout-wrapper { position: relative; display: block; width: 100%; min-height: 18.75rem; background: var(--wkg-color-grey-500); border-radius: var(--wkg-border-radius-xl); overflow: hidden; cursor: pointer; }
.yyy-hero-layout13-theme1 .wkg-hero__image-wrapper { position: absolute; inset: 0px; z-index: 0; }
.yyy-hero-layout13-theme1 .wkg-hero__image-wrapper .wkg-responsive-image, .yyy-hero-layout13-theme1 .wkg-hero__image-wrapper picture { display: block; width: 100%; height: 100%; }
.yyy-hero-layout13-theme1 .wkg-hero__image-wrapper img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; user-select: none; pointer-events: none; transform: scale(1); transition: transform 0.5s; }
.yyy-hero-layout13-theme1 .wkg-hero__layout-wrapper:hover .wkg-hero__image-wrapper img { transform: scale(1.08); }
.yyy-hero-layout13-theme1 .wkg-hero__bottom-bar { position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 3; min-height: 5rem; max-height: 12rem; padding: 1.5rem var(--wkg-spacing-md) var(--wkg-spacing-md); border-radius: 1rem 1rem 0px 0px; pointer-events: none; display: flex; flex-direction: row; align-items: stretch; gap: var(--wkg-spacing-md); }
.yyy-hero-layout13-theme1 .wkg-hero__bottom-bar::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: linear-gradient(180deg,color-mix(in srgb,var(--wkg-color-grey-400) 70%,transparent) 0%,var(--wkg-color-grey-400) 100%); backdrop-filter: blur(0.375rem); pointer-events: none; }
.yyy-hero-layout13-theme1 .wkg-hero__text-stack { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; }
.yyy-hero-layout13-theme1 .wkg-hero__header-wrapper + .wkg-hero__text-wrapper { margin-top: var(--wkg-spacing-xs); }
.yyy-hero-layout13-theme1 .wkg-hero__header-wrapper:empty, .yyy-hero-layout13-theme1 .wkg-hero__text-wrapper:empty { display: none; }
.yyy-hero-layout13-theme1 .wkg-hero__text-wrapper .wkg-html-text p { margin-bottom: 0px; }
.yyy-hero-layout13-theme1 .wkg-hero__badge-wrapper { position: absolute; top: 0px; inset-inline-start: var(--wkg-spacing-md); transform: translateY(-50%); z-index: 3; }
.yyy-hero-layout13-theme1 .wkg-hero__badge-wrapper:empty { display: none; }
.yyy-hero-layout13-theme1 .wkg-hero__badge-wrapper .wkg-badge--primary { font-size: var(--wkg-font-size-badge-primary-sm); line-height: var(--wkg-line-height-badge-primary-sm); font-weight: var(--wkg-font-weight-badge-primary-sm); border-radius: var(--wkg-border-radius-badge-primary-sm); padding: var(--wkg-padding-badge-primary-sm); margin: var(--wkg-margin-badge-primary-sm); gap: var(--wkg-gap-badge-primary-sm); }
:is(.device-desktop, .device-large) .yyy-hero-layout13-theme1 .wkg-hero__badge-wrapper .wkg-badge--primary { font-size: var(--wkg-font-size-badge-primary-desktop-sm); line-height: var(--wkg-line-height-badge-primary-desktop-sm); font-weight: var(--wkg-font-weight-badge-primary-desktop-sm); border-radius: var(--wkg-border-radius-badge-primary-desktop-sm); padding: var(--wkg-padding-badge-primary-desktop-sm); margin: var(--wkg-margin-badge-primary-desktop-sm); gap: var(--wkg-gap-badge-primary-desktop-sm); }
.yyy-hero-layout13-theme1 .wkg-hero__buttons-wrapper { position: relative; flex: 0 0 auto; align-self: stretch; z-index: 3; pointer-events: auto; }
.yyy-hero-layout13-theme1 .wkg-hero__buttons-wrapper .wkg-buttons-group { margin: 0px; padding: 0px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; height: 100%; }
.yyy-hero-layout13-theme1 .wkg-hero__buttons-wrapper .wkg-promotion-info-button { display: inline-flex; position: absolute; top: -1.5rem; inset-inline-end: 0px; box-sizing: border-box; align-items: center; justify-content: center; width: 1.75rem; min-width: 0px; height: 1.75rem; min-height: 0px; padding: 0px; transform: translateY(-50%); transition: background-color 0.2s; border-radius: 999px; background: color-mix(in srgb,var(--wkg-color-grey-200) 30%,transparent); backdrop-filter: blur(0.625rem); }
.device-desktop .yyy-hero-layout13-theme1 .wkg-hero__buttons-wrapper .wkg-promotion-info-button, .device-large .yyy-hero-layout13-theme1 .wkg-hero__buttons-wrapper .wkg-promotion-info-button { width: 2rem; height: 2rem; }
.yyy-hero-layout13-theme1 .wkg-hero__buttons-wrapper .wkg-promotion-info-button:hover { background: color-mix(in srgb,var(--wkg-color-grey-200) 50%,transparent); }
.yyy-hero-layout13-theme1 .wkg-hero__buttons-wrapper .wkg-promotion-info-button .wkg-button__icon { display: inline-flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; }
.yyy-hero-layout13-theme1 .wkg-hero__buttons-wrapper .wkg-promotion-info-button .wkg-button__icon svg { display: block; width: 1rem; height: 1rem; shape-rendering: geometricprecision; }
.device-desktop .yyy-hero-layout13-theme1 .wkg-hero__buttons-wrapper .wkg-promotion-info-button .wkg-button__icon, .device-large .yyy-hero-layout13-theme1 .wkg-hero__buttons-wrapper .wkg-promotion-info-button .wkg-button__icon { width: 1.125rem; height: 1.125rem; }
.device-desktop .yyy-hero-layout13-theme1 .wkg-hero__buttons-wrapper .wkg-promotion-info-button .wkg-button__icon svg, .device-large .yyy-hero-layout13-theme1 .wkg-hero__buttons-wrapper .wkg-promotion-info-button .wkg-button__icon svg { width: 1.125rem; height: 1.125rem; }
.yyy-hero-layout13-theme1 .wkg-hero__buttons-wrapper:empty { display: none; }
.yyy-hero-layout13-theme1 .wkg-hero__hit-area { position: absolute; inset: 0px; z-index: 2; pointer-events: none; }
.yyy-hero-layout13-theme1 .wkg-button--secondary:hover { color: var(--wkg-color-primary); }
.yyy-hero-layout13-theme1 .wkg-hero__hit-area .wkg-button { pointer-events: auto; }
.yyy-hero-layout13-theme1 .wkg-hero__hit-area:empty { display: none; }
.yyy-hero-layout14-theme1 { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; }
.yyy-hero-layout14-theme1 .wkg-hero__wrapper { position: relative; width: 100%; border-radius: var(--wkg-border-radius-2xl); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 0px; }
.yyy-hero-layout14-theme1 .wkg-responsive-image { position: absolute; inset: 0px; width: 100%; height: 100%; z-index: 0; border-radius: var(--wkg-border-radius-2xl); overflow: hidden; }
.yyy-hero-layout14-theme1 .wkg-responsive-image picture, .yyy-hero-layout14-theme1 .wkg-responsive-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yyy-hero-layout14-theme1 .wkg-hero__contents-wrapper { position: relative; z-index: 2; width: 100%; box-sizing: border-box; border: 2px solid var(--wkg-color-green-200); border-radius: var(--wkg-border-radius-2xl); padding: 1.25rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin: 0px; }
.yyy-hero-layout14-theme1 .wkg-hero__contents-wrapper .wkg-badge { position: absolute; top: 0px; inset-inline-end: var(--wkg-border-radius-xl); transform: translateY(-50%); z-index: 3; }
.yyy-hero-layout14-theme1 .wkg-hero__contents-wrapper .wkg-badge, .yyy-hero-layout14-theme1 .wkg-hero__contents-wrapper .wkg-badge * { color: var(--wkg-color-blue-900); font-weight: var(--wkg-font-weight-800); }
.yyy-hero-layout14-theme1 .wkg-html-text h1, .yyy-hero-layout14-theme1 .wkg-html-text h2, .yyy-hero-layout14-theme1 .wkg-html-text h3, .yyy-hero-layout14-theme1 .wkg-html-text h4, .yyy-hero-layout14-theme1 .wkg-html-text h5, .yyy-hero-layout14-theme1 .wkg-html-text h6 { margin: 0 0 var(--wkg-spacing-xs); font-family: var(--wkg-font-family-secondary); font-size: var(--wkg-font-size-16xl); font-weight: var(--wkg-font-weight-700); line-height: var(--wkg-line-height-xxs); background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; }
.yyy-hero-layout14-theme1 .wkg-html-text p { margin: 0px; color: var(--wkg-color-white); font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-400); line-height: 1.375; }
.yyy-hero-layout14-theme1 .wkg-buttons-group { margin: var(--wkg-spacing-md) 0 0; padding: 0px; display: flex; gap: var(--wkg-spacing-sm); }
.yyy-hero-layout14-theme1 .wkg-buttons-group .wkg-button { border-radius: var(--wkg-border-radius-md); text-transform: none; }
.device-desktop .yyy-hero-layout14-theme1 .wkg-hero__wrapper, .device-large .yyy-hero-layout14-theme1 .wkg-hero__wrapper, .device-tablet .yyy-hero-layout14-theme1 .wkg-hero__wrapper { width: 80%; margin: 0px auto; display: flex; justify-content: center; align-items: center; min-height: 20rem; }
.device-desktop .yyy-hero-layout14-theme1 .wkg-hero__contents-wrapper, .device-large .yyy-hero-layout14-theme1 .wkg-hero__contents-wrapper, .device-tablet .yyy-hero-layout14-theme1 .wkg-hero__contents-wrapper { width: 70%; max-width: 43.75rem; }
.device-desktop .yyy-hero-layout14-theme1 .wkg-buttons-group, .device-large .yyy-hero-layout14-theme1 .wkg-buttons-group { margin-top: var(--wkg-spacing-2xl); }
.device-desktop .yyy-hero-layout14-theme1 .wkg-html-text p, .device-large .yyy-hero-layout14-theme1 .wkg-html-text p { font-size: var(--wkg-font-size-lg); line-height: var(--wkg-line-height-sm); }
.device-large .yyy-hero-layout14-theme1 .wkg-html-text.wkg-badge p, .device-desktop .yyy-hero-layout14-theme1 .wkg-html-text.wkg-badge p { font-size: var(--wkg-font-size-xxs); }
.device-large .yyy-hero-layout14-theme1, .device-desktop .yyy-hero-layout14-theme1 { min-height: 20rem; }
.device-large .yyy-hero-layout14-theme1 .wkg-responsive-image picture, .device-large .yyy-hero-layout14-theme1 .wkg-responsive-image img, .device-desktop .yyy-hero-layout14-theme1 .wkg-responsive-image picture, .device-desktop .yyy-hero-layout14-theme1 .wkg-responsive-image img { object-fit: contain; }
.yyy-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__prev-bt, .yyy-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__next-bt { background-color: transparent; border-radius: 50%; padding: 0.25rem; transition: background-color 0.3s; color: var(--wkg-color-grey-100); }
.yyy-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__prev-bt:hover, .yyy-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__next-bt:hover { background-color: var(--wkg-color-grey-300); }
.yyy-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__prev-bt--disabled, .yyy-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__next-bt--disabled { opacity: 0.5; }
.yyy-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__prev-bt, .yyy-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__prev-bt .wkg-button__icon, .yyy-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__next-bt, .yyy-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__next-bt .wkg-button__icon { font-size: var(--wkg-font-size-7xl); }
.yyy-slider-layout1-theme1 .wkg-slider-layout-1 .wkg-slider__fraction-wrapper { font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-xs); color: var(--wkg-color-grey-100); gap: 0.25rem; display: flex; }
.yyy-slider-layout1-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot { background-color: transparent; padding: 0.5rem 0.25rem; border: medium; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.yyy-slider-layout1-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot::after { content: ""; display: block; width: 8px; height: 4px; background-color: var(--wkg-color-grey-300); border-radius: var(--wkg-border-radius-xs); transition: 0.3s; }
.yyy-slider-layout1-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot:hover::after { background-color: var(--wkg-color-white); }
.yyy-slider-layout1-theme1 .wkg-slider__pagination--shapedDots .wkg-slider-dot.wkg-slider-dot--active::after { background-color: var(--wkg-color-white); width: 24px; }
.yyy-slider-layout1-theme1 .wkg-slider__pagination--numberedDots { gap: 0.25rem; }
.yyy-slider-layout1-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot { display: flex; align-items: center; justify-content: center; border-radius: 50%; border: medium; font-size: var(--wkg-font-size-xxxs); background-color: var(--wkg-color-grey-300); color: var(--wkg-color-white); width: 12px; height: 12px; }
.yyy-slider-layout1-theme1 .wkg-slider__pagination--numberedDots .wkg-slider-dot.wkg-slider-dot--active { background-color: var(--wkg-color-white); color: var(--wkg-color-grey-300); }
.wkg-sidebar-drawer .wkg-overlay-drawer__container { background: rgba(50, 55, 70, 0.7); backdrop-filter: blur(13.59px); }
.yyy-sidebar-layout1-theme1 { gap: 0px; }
.yyy-sidebar-layout1-theme1 .wkg-sidebar__header { flex-direction: column; align-items: flex-start; gap: 1.5rem; padding-bottom: 2rem; }
.yyy-sidebar-layout1-theme1 .wkg-sidebar__header.wkg-sidebar__header--scrolled { background: linear-gradient(rgb(50, 55, 70) 50%, rgba(50, 55, 70, 0.7)); backdrop-filter: blur(13.59px); }
.yyy-sidebar-layout1-theme1 .wkg-sidebar__close-btn { color: var(--wkg-color-button-icon-primary); background-color: transparent; border: 1px solid var(--wkg-color-grey-300); border-radius: var(--wkg-border-radius-lg); width: 2.25rem; height: 2.25rem; padding: 0px; display: flex; align-items: center; justify-content: center; transition: var(--wkg-transition-button-icon-primary); }
.yyy-sidebar-layout1-theme1 .wkg-sidebar__close-btn:hover { color: var(--wkg-color-button-icon-primary-hover); background-color: var(--wkg-bg-color-button-icon-primary); }
.yyy-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__container { overflow: hidden; border: medium; box-shadow: none; background: var(--wkg-color-grey-500); }
.yyy-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__topbar { position: absolute; top: 0px; right: 0px; z-index: 10; background: none; padding: var(--wkg-spacing-sm); pointer-events: none; }
.yyy-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__topbar > * { pointer-events: auto; }
.yyy-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__close-button { color: var(--wkg-color-text-primary); background: transparent; backdrop-filter: blur(var(--wkg-overlay-backdrop-blur)); border-radius: 50%; width: var(--wkg-spacing-xl); height: var(--wkg-spacing-xl); font-size: var(--wkg-font-size-lg); display: flex; align-items: center; justify-content: center; }
.yyy-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__body { flex: 1 1 0%; min-height: 0px; overflow: hidden auto; overscroll-behavior: none; }
.yyy-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__content { padding: 0px; overflow: visible; }
.yyy-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__footer-wrapper { flex-shrink: 0; background: var(--wkg-overlay-footer-bg); padding: var(--wkg-spacing-md) var(--wkg-spacing-md) var(--wkg-spacing-xl); }
.yyy-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__footer-wrapper .wkg-promotion-overlay__footer { padding: 0px; margin: 0px; }
.yyy-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__footer-wrapper .wkg-html-text { padding: 0px !important; margin: 0px; }
.yyy-promotion-ovl-layout1-theme1 .wkg-overlay-drawer__footer-wrapper p { margin: 0px; }
.yyy-promotion-ovl-layout1-theme1 .wkg-hero { width: 100%; margin: 0px; }
.yyy-promotion-ovl-layout1-theme1 .wkg-hero__image-wrapper, .yyy-promotion-ovl-layout1-theme1 .wkg-hero__image-wrapper .wkg-responsive-image, .yyy-promotion-ovl-layout1-theme1 .wkg-hero__image-wrapper picture { height: 100%; }
.yyy-promotion-ovl-layout1-theme1 .wkg-hero img { width: 100%; height: 100%; display: block; object-fit: cover; }
.yyy-promotion-ovl-layout1-theme1 .wkg-table-lb-value { padding: var(--wkg-spacing-md) var(--wkg-spacing-lg); }
.device-desktop .yyy-promotion-ovl-layout1-theme1 .wkg-table-lb-value, .device-large .yyy-promotion-ovl-layout1-theme1 .wkg-table-lb-value { background: var(--wkg-color-black); border-radius: 1rem; margin: 2.5rem var(--wkg-spacing-lg) 0; }
.yyy-promotion-ovl-layout1-theme1 .wkg-table-lb-value__row { display: flex; justify-content: space-between; align-items: center; padding: var(--wkg-spacing-sm) 0; border-bottom: 1px solid var(--wkg-border-color-primary); }
.yyy-promotion-ovl-layout1-theme1 .wkg-table-lb-value__row:last-child { border-bottom: medium; }
.yyy-promotion-ovl-layout1-theme1 .wkg-table-lb-value__label { font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-500); color: var(--wkg-color-text-primary); }
.yyy-promotion-ovl-layout1-theme1 .wkg-table-lb-value__value { font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-700); color: var(--wkg-color-text-primary); text-align: right; }
.yyy-promotion-ovl-layout1-theme1 .wkg-table-lb-value__value .wkg-html-text { padding: 0px !important; color: var(--wkg-color-text-primary) !important; font-size: var(--wkg-font-size-md) !important; font-weight: var(--wkg-font-weight-700) !important; line-height: inherit; }
.yyy-promotion-ovl-layout1-theme1 .wkg-table-lb-value__value .wkg-html-text p { margin: 0px; color: inherit; font-weight: inherit; }
.yyy-promotion-ovl-layout1-theme1 .wkg-collapsible-block { padding: var(--wkg-spacing-md) var(--wkg-spacing-lg); }
.yyy-promotion-ovl-layout1-theme1 .wkg-collapsible-block__visible { color: var(--wkg-color-text-secondary); font-size: var(--wkg-font-size-sm); line-height: var(--wkg-line-height-xl); }
.yyy-promotion-ovl-layout1-theme1 .wkg-collapsible-block .wkg-collapsible-block__visible .wkg-html-text, .yyy-promotion-ovl-layout1-theme1 .wkg-collapsible-block .wkg-collapsible-block__expandable .wkg-html-text { padding: 0px; }
.yyy-promotion-ovl-layout1-theme1 .wkg-collapsible-block__toggle { display: inline-flex; align-items: center; gap: var(--wkg-spacing-xxs); margin-top: var(--wkg-spacing-xs); padding: 0px; font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-600); color: var(--wkg-color-text-primary); background: none; border: medium; cursor: pointer; }
.yyy-promotion-ovl-layout1-theme1 .wkg-collapsible-block__toggle:hover { color: var(--wkg-color-text-quinary); }
.yyy-promotion-ovl-layout1-theme1 .wkg-collapsible-block__expandable { color: var(--wkg-color-text-secondary); font-size: var(--wkg-font-size-sm); line-height: var(--wkg-line-height-xl); margin-top: var(--wkg-spacing-sm); }
.yyy-promotion-ovl-layout1-theme1 .wkg-html-text:not(.wkg-badge) { padding: var(--wkg-spacing-md) var(--wkg-spacing-lg); color: var(--wkg-color-text-primary); font-size: var(--wkg-font-size-md); line-height: var(--wkg-line-height-lg); }
.yyy-promotion-ovl-layout1-theme1 .wkg-button-blocks { padding: 0 var(--wkg-spacing-lg) var(--wkg-spacing-md); }
.yyy-promotion-list-layout2-theme1 .wkg-promotions-list__grid { display: grid; grid-template-columns: 1fr; gap: var(--wkg-spacing-md); }
.device-tablet .yyy-promotion-list-layout2-theme1 .wkg-promotions-list__grid, .device-desktop .yyy-promotion-list-layout2-theme1 .wkg-promotions-list__grid, .device-large .yyy-promotion-list-layout2-theme1 .wkg-promotions-list__grid { grid-template-columns: repeat(2, 1fr); }
.yyy-promotion-list-layout2-theme1 .wkg-promotions-list__load-more { display: flex; justify-content: center; margin-top: var(--wkg-spacing-lg); }
.yyy-promotion-list-layout2-theme1 .wkg-promotions-list__load-more-btn { padding: var(--wkg-spacing-xs) var(--wkg-spacing-lg); border: medium; border-radius: var(--wkg-spacing-xs); background: var(--wkg-color-grey-400); color: var(--wkg-color-text-primary); font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-sm); font-weight: 600; cursor: pointer; transition: background-color 0.2s; }
.yyy-promotion-list-layout2-theme1 .wkg-promotions-list__load-more-btn:hover:not(:disabled) { background: var(--wkg-color-grey-300); }
.yyy-promotion-list-layout2-theme1 .wkg-promotions-list__load-more-btn:disabled { opacity: 0.6; cursor: wait; }
.yyy-promotion-list-layout2-theme1 .wkg-promotions-list__header { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: var(--wkg-spacing-sm); margin-bottom: var(--wkg-spacing-md); }
.yyy-promotion-list-layout2-theme1 .wkg-promotions-list__header-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 2rem; height: 2rem; color: var(--wkg-color-grey-200); }
.yyy-promotion-list-layout2-theme1 .wkg-promotions-list__header-icon svg, .yyy-promotion-list-layout2-theme1 .wkg-promotions-list__header-icon img { width: 2rem; height: 2rem; display: block; }
.yyy-promotion-list-layout2-theme1 .wkg-promotions-list__header-text .wkg-html-text, .yyy-promotion-list-layout2-theme1 .wkg-promotions-list__header-text .wkg-html-text h1, .yyy-promotion-list-layout2-theme1 .wkg-promotions-list__header-text .wkg-html-text h2, .yyy-promotion-list-layout2-theme1 .wkg-promotions-list__header-text .wkg-html-text h3, .yyy-promotion-list-layout2-theme1 .wkg-promotions-list__header-text .wkg-html-text h4, .yyy-promotion-list-layout2-theme1 .wkg-promotions-list__header-text .wkg-html-text h5, .yyy-promotion-list-layout2-theme1 .wkg-promotions-list__header-text .wkg-html-text h6, .yyy-promotion-list-layout2-theme1 .wkg-promotions-list__header-text .wkg-html-text p { margin: 0px; padding: 0px; font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-lg); font-weight: var(--wkg-font-weight-700); font-style: normal; line-height: normal; color: var(--wkg-color-grey-200); text-align: center; text-transform: uppercase; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__wrapper { padding: 0 var(--wkg-spacing-md); min-width: 0px; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__layout1 { min-width: 0px; overflow: hidden; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__header { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: var(--wkg-spacing-sm); margin-bottom: var(--wkg-spacing-sm); }
.yyy-gamesList-layout1-theme1 .wkg-games-list__header > div:first-child { display: flex; align-items: center; gap: var(--wkg-spacing-xxs); min-width: 0px; flex: 1 1 0%; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__header-icon { flex-shrink: 0; width: 1.5rem; height: 1.5rem; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__header-icon .wkg-icon { width: 100%; height: 100%; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__header-icon .wkg-icon img, .yyy-gamesList-layout1-theme1 .wkg-games-list__header-icon .wkg-icon svg { width: 100%; height: 100%; object-fit: contain; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__header-text { flex: 1 1 0%; min-width: 0px; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 0px; font-size: var(--wkg-font-size-xl); font-weight: var(--wkg-font-weight-700); color: var(--wkg-color-white); }
.device-desktop .yyy-gamesList-layout1-theme1 .wkg-games-list__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6), .device-large .yyy-gamesList-layout1-theme1 .wkg-games-list__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-6xl); }
.yyy-gamesList-layout1-theme1 .wkg-games-list__header-text p { font-weight: var(--wkg-font-weight-500); font-size: var(--wkg-font-size-xs); line-height: 1.4; color: var(--wkg-color-grey-200); margin: 0px; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__header-text .wkg-html-text + p { margin-top: 0.125rem; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__header-actions { display: flex; align-items: center; gap: var(--wkg-spacing-sm); flex-shrink: 0; min-height: 2.25rem; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__see-all { display: inline-flex; align-items: center; justify-content: center; gap: var(--wkg-spacing-xs); padding: 0.625rem 1.25rem; border: 1px solid var(--wkg-color-white-20); border-radius: var(--wkg-border-radius-full, 9999px); background: transparent; color: var(--wkg-color-white); font-family: var(--wkg-font-family-primary); font-style: normal; font-weight: var(--wkg-font-weight-600); font-size: var(--wkg-font-size-sm); line-height: var(--wkg-line-height-xxs); text-decoration: none; white-space: nowrap; transition: background-color 0.2s; cursor: pointer; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__see-all:hover { background: var(--wkg-color-white-10); }
.device-mobile .yyy-gamesList-layout1-theme1 .wkg-games-list__see-all { font-size: var(--wkg-font-size-xs); }
.yyy-gamesList-layout1-theme1 .wkg-games-list__nav-btns { display: flex; align-items: center; gap: var(--wkg-spacing-xxs); }
.yyy-gamesList-layout1-theme1 .wkg-games-list__nav-btn { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0px; border: 1px solid var(--wkg-border-color-primary); border-radius: 50%; background: transparent; color: var(--wkg-color-text-primary); cursor: pointer; transition: background-color 0.2s, border-color 0.2s; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__nav-btn:hover { background-color: var(--wkg-color-white-10); border-color: var(--wkg-color-grey-300); }
.yyy-gamesList-layout1-theme1 .wkg-games-list__nav-btn .wkg-icon { display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__nav-btn .wkg-icon img, .yyy-gamesList-layout1-theme1 .wkg-games-list__nav-btn .wkg-icon svg { width: 100%; height: 100%; object-fit: contain; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__items { display: flex; gap: var(--wkg-spacing-xs); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__items::-webkit-scrollbar { display: none; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__items > :not(.wkg-games-list__sentinel) { flex-shrink: 0; scroll-snap-align: start; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__sentinel { width: 1px; flex-shrink: 0; scroll-snap-align: none; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__load-more { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: var(--wkg-spacing-md); padding: var(--wkg-spacing-sm) var(--wkg-spacing-md); border-radius: var(--wkg-border-radius-button-primary-md); background-color: var(--wkg-color-white-10); border: medium; color: var(--wkg-color-white); font-family: var(--wkg-font-family-primary); font-weight: var(--wkg-font-weight-600); font-size: var(--wkg-font-size-xs); cursor: pointer; transition: background-color 0.2s; }
.yyy-gamesList-layout1-theme1 .wkg-games-list__load-more:hover { background-color: var(--wkg-color-white-20); }
.yyy-gamesList-layout1-theme1 .wkg-games-list__loading { text-align: center; padding: var(--wkg-spacing-md); color: var(--wkg-color-grey-300); font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-xs); }
.device-desktop .yyy-gamesList-layout1-theme1 .wkg-games-list__wrapper { padding: 0 var(--wkg-spacing-lg); }
.device-desktop .yyy-gamesList-layout1-theme1 .wkg-games-list__header, .device-large .yyy-gamesList-layout1-theme1 .wkg-games-list__header { margin-bottom: var(--wkg-spacing-lg); }
.device-desktop .yyy-gamesList-layout1-theme1 .wkg-games-list__nav-btn { width: 2.5rem; height: 2.5rem; }
.device-desktop .yyy-gamesList-layout1-theme1 .wkg-games-list__nav-btn .wkg-icon { width: 1.25rem; height: 1.25rem; }
.yyy-gamesList-layout2-theme1 .wkg-games-list__wrapper { padding: 0 var(--wkg-spacing-md); min-width: 0px; }
.yyy-gamesList-layout2-theme1 .wkg-games-list__layout2 { min-width: 0px; }
.yyy-gamesList-layout2-theme1 .wkg-games-list__header { display: flex; align-items: flex-start; flex-wrap: wrap; gap: var(--wkg-spacing-sm); margin-bottom: 1.25rem; }
.yyy-gamesList-layout2-theme1 .wkg-games-list__header > div:first-child { display: flex; align-items: flex-start; gap: var(--wkg-spacing-xxs); min-width: 0px; flex: 1 1 0%; }
.yyy-gamesList-layout2-theme1 .wkg-games-list__header-icon { flex-shrink: 0; font-size: var(--wkg-font-size-3xl); line-height: 1; }
.yyy-gamesList-layout2-theme1 .wkg-games-list__header-icon--back { cursor: pointer; }
.yyy-gamesList-layout2-theme1 .wkg-games-list__header-icon .wkg-icon { width: 1em; height: 1em; }
.yyy-gamesList-layout2-theme1 .wkg-games-list__header-icon .wkg-icon img, .yyy-gamesList-layout2-theme1 .wkg-games-list__header-icon .wkg-icon svg { width: 100%; height: 100%; object-fit: contain; }
.device-desktop .yyy-gamesList-layout2-theme1 .wkg-games-list__header-icon, .device-large .yyy-gamesList-layout2-theme1 .wkg-games-list__header-icon { font-size: var(--wkg-font-size-7xl); }
.yyy-gamesList-layout2-theme1 .wkg-games-list__header-text { flex: 1 1 0%; min-width: 0px; }
.yyy-gamesList-layout2-theme1 .wkg-games-list__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 0px; font-size: var(--wkg-font-size-xl); font-weight: var(--wkg-font-weight-700); color: var(--wkg-color-white); }
.device-desktop .yyy-gamesList-layout2-theme1 .wkg-games-list__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6), .device-large .yyy-gamesList-layout2-theme1 .wkg-games-list__header-text .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-6xl); }
.yyy-gamesList-layout2-theme1 .wkg-games-list__header-text p { font-weight: var(--wkg-font-weight-500); font-size: var(--wkg-font-size-xs); line-height: 1.4; color: var(--wkg-color-grey-200); margin: 0px; }
.yyy-gamesList-layout2-theme1 .wkg-games-list__header-text .wkg-html-text + p { margin-top: 0.125rem; }
.yyy-gamesList-layout2-theme1 .wkg-games-list__grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(var(--wkg-games-list-item-min-width, 6.75rem),1fr)); gap: var(--wkg-spacing-sm); min-width: 0px; }
.yyy-gamesList-layout2-theme1 .wkg-games-list__sentinel { grid-column: 1 / -1; width: 100%; height: 1px; }
.yyy-gamesList-layout2-theme1 .wkg-games-list__load-more { display: flex; align-items: center; justify-content: center; margin: var(--wkg-spacing-md) auto 0; padding: var(--wkg-padding-button-secondary-xs); border-radius: var(--wkg-border-radius-button-secondary-xs); border-style: var(--wkg-border-style-button-secondary-outlined); border-width: var(--wkg-border-width-button-secondary-outlined); border-color: var(--wkg-border-color-button-secondary-outlined); background: var(--wkg-bg-color-button-secondary-outlined); color: var(--wkg-color-button-secondary-outlined); font-family: var(--wkg-font-family-button-secondary, sans-serif); font-weight: var(--wkg-font-weight-button-secondary-outlined); font-size: var(--wkg-font-size-button-secondary-xs); line-height: var(--wkg-line-height-button-secondary); text-transform: var(--wkg-text-transform-button-secondary); transition: var(--wkg-transition-button-secondary); box-shadow: var(--wkg-shadow-button-secondary-outlined); cursor: pointer; }
.yyy-gamesList-layout2-theme1 .wkg-games-list__load-more:hover { background: var(--wkg-bg-color-button-secondary-outlined-hover); color: var(--wkg-color-button-secondary-outlined-hover); border-color: var(--wkg-border-color-button-secondary-outlined-hover); border-width: var(--wkg-border-width-button-secondary-outlined-hover); box-shadow: var(--wkg-shadow-button-secondary-outlined-hover); }
.yyy-gamesList-layout2-theme1 .wkg-games-list__loading { text-align: center; padding: var(--wkg-spacing-md); color: var(--wkg-color-grey-300); font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-xs); }
.device-desktop .yyy-gamesList-layout2-theme1 .wkg-games-list__wrapper { padding: 0 var(--wkg-spacing-lg); }
.device-desktop .yyy-gamesList-layout2-theme1 .wkg-games-list__header, .device-large .yyy-gamesList-layout2-theme1 .wkg-games-list__header { margin-bottom: var(--wkg-spacing-lg); }
.device-desktop .yyy-gamesList-layout2-theme1 .wkg-games-list__grid { gap: var(--wkg-spacing-md); grid-template-columns: repeat(auto-fill,minmax(var(--wkg-games-list-item-min-width-desktop, 9rem),1fr)); }
.yyy-gameItem-layout1-theme1 { width: 6.75rem; flex-shrink: 0; overflow: hidden; border-radius: 0.5rem; box-shadow: rgba(16, 17, 25, 0.5) 0px 0.5625rem 0.53rem; }
.yyy-gameItem-layout1-theme1 .wkg-game-item__layout1 { display: flex; flex-direction: column; position: relative; }
.yyy-gameItem-layout1-theme1 .wkg-game-item__image-container { position: relative; width: 100%; height: 8.875rem; border: 1px solid var(--wkg-color-white-10); border-radius: 0.5rem; overflow: hidden; }
.yyy-gameItem-layout1-theme1 .wkg-game-item__image { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0.5rem; }
.yyy-gameItem-layout1-theme1 .wkg-game-item__tags { position: absolute; top: 0.25rem; left: 0.25rem; display: flex; flex-wrap: wrap; gap: 2px; justify-content: flex-start; z-index: 1; }
.yyy-gameItem-layout1-theme1 .wkg-game-item__overlay { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--wkg-spacing-xs); padding: 0.25rem; background: rgba(0, 0, 0, 0.5); border-radius: 0.5rem; opacity: 0; transition: opacity 0.2s; z-index: 2; }
.yyy-gameItem-layout1-theme1 .wkg-game-item__image-container:hover .wkg-game-item__overlay { opacity: 1; }
.yyy-gameItem-layout1-theme1 .wkg-game-item__play-btn, .yyy-gameItem-layout1-theme1 .wkg-game-item__demo-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--wkg-gap-button-primary); padding: var(--wkg-padding-button-primary-xs); border-radius: var(--wkg-border-radius-button-primary-xs); border-style: var(--wkg-border-style-button-primary-filled); border-width: var(--wkg-border-width-button-primary-filled); border-color: var(--wkg-border-color-button-primary-filled); background: var(--wkg-bg-color-button-primary-filled); color: var(--wkg-color-button-primary-filled); font-family: var(--wkg-font-family-button-primary, sans-serif); font-weight: var(--wkg-font-weight-button-primary-filled); font-size: var(--wkg-font-size-button-primary-xs); line-height: var(--wkg-line-height-button-primary); text-transform: var(--wkg-text-transform-button-primary); transition: var(--wkg-transition-button-primary); cursor: pointer; max-width: 100%; white-space: normal; text-align: center; overflow-wrap: break-word; }
.yyy-gameItem-layout1-theme1 .wkg-game-item__play-btn:hover, .yyy-gameItem-layout1-theme1 .wkg-game-item__demo-btn:hover { background: var(--wkg-bg-color-button-primary-filled-hover); color: var(--wkg-color-button-primary-filled-hover); border-color: var(--wkg-border-color-button-primary-filled-hover); }
.yyy-gameItem-layout1-theme1 .wkg-game-item__producer { padding-top: 0.5rem; font-family: var(--wkg-font-family-primary); font-weight: var(--wkg-font-weight-600); font-size: var(--wkg-font-size-xs); line-height: 1; color: var(--wkg-color-grey-200); text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yyy-gameItem-layout1-theme1 .wkg-game-item__jackpot { display: inline-flex; align-items: center; align-self: flex-start; max-width: 100%; margin-top: 0.375rem; padding: 0px 0.45rem; border-radius: 999px; font-family: var(--wkg-font-family-primary); font-weight: var(--wkg-font-weight-700); font-size: var(--wkg-font-size-2xs, .625rem); line-height: 1.6; color: rgb(28, 18, 0); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: linear-gradient(rgb(255, 224, 122), rgb(244, 169, 50)); }
.device-desktop .yyy-gameItem-layout1-theme1 { width: 9rem; }
.device-desktop .yyy-gameItem-layout1-theme1 .wkg-game-item__image-container { height: 12rem; }
.yyy-logos-list-layout1-theme1 .wkg-logos-list__wrapper { overflow: hidden; }
.yyy-logos-list-layout1-theme1 .wkg-logos-list__layout1 { overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; padding: var(--wkg-spacing-xs) 0; }
.yyy-logos-list-layout1-theme1 .wkg-logos-list__layout1::-webkit-scrollbar { display: none; }
.yyy-logos-list-layout1-theme1 .wkg-logos-list__items { display: flex; gap: var(--wkg-spacing-xs); min-width: max-content; align-items: center; }
.yyy-logos-list-layout1-theme1 .wkg-logos-list__item { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.yyy-logos-list-layout1-theme1 .wkg-logos-list__item .wkg-icon img, .yyy-logos-list-layout1-theme1 .wkg-logos-list__item .wkg-icon svg, .yyy-logos-list-layout1-theme1 .wkg-logos-list__item > svg { max-height: 2.25rem; height: auto; width: auto; display: block; pointer-events: none; user-select: none; }
.device-desktop .yyy-logos-list-layout1-theme1 .wkg-logos-list__items, .device-large .yyy-logos-list-layout1-theme1 .wkg-logos-list__items { justify-content: space-between; min-width: 0px; width: 100%; flex-wrap: nowrap; }
.yyy-logos-list-layout2-theme1 .wkg-logos-list__wrapper { width: 100%; overflow: hidden; }
.yyy-logos-list-layout2-theme1 .wkg-logos-list__layout2 { width: 100%; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; padding: var(--wkg-spacing-xs) 0; }
.yyy-logos-list-layout2-theme1 .wkg-logos-list__layout2::-webkit-scrollbar { display: none; }
.yyy-logos-list-layout2-theme1 .wkg-logos-list__items { display: flex; flex-direction: column; gap: var(--wkg-spacing-sm); width: max-content; }
.yyy-logos-list-layout2-theme1 .wkg-logos-list__row { display: flex; flex-direction: row; gap: var(--wkg-spacing-md); align-items: center; justify-content: flex-start; }
.yyy-logos-list-layout2-theme1 .wkg-logos-list__item { display: flex; align-items: center; justify-content: flex-start; flex-shrink: 0; }
.yyy-logos-list-layout2-theme1 .wkg-logos-list__item .wkg-icon img, .yyy-logos-list-layout2-theme1 .wkg-logos-list__item .wkg-icon svg, .yyy-logos-list-layout2-theme1 .wkg-logos-list__item > svg { max-height: 2.25rem; height: auto; width: auto; display: block; }
.wkg-slider-layout-1 { position: relative; width: 100%; overflow: hidden; }
.wkg-slider-layout-1 .wkg-slider__track { display: flex; height: 100%; }
.wkg-slider-layout-1 .wkg-slider__slide { width: 100%; flex-shrink: 0; height: 100%; }
.wkg-slider-layout-1 .wkg-slider__prev-bt, .wkg-slider-layout-1 .wkg-slider__next-bt { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); border: medium; cursor: pointer; }
.wkg-slider-layout-1 .wkg-slider__prev-bt { left: 0.25rem; }
.wkg-slider-layout-1 .wkg-slider__next-bt { right: 0.25rem; }
.wkg-slider-layout-1 .wkg-slider__prev-bt--disabled, .wkg-slider-layout-1 .wkg-slider__next-bt--disabled { cursor: not-allowed; pointer-events: none; }
.wkg-slider-layout-1 .wkg-slider__pagination { position: absolute; bottom: 0.25rem; left: 0px; right: 0px; display: flex; justify-content: center; align-items: center; z-index: 10; }
.wkg-slider-layout-2 { position: relative; width: 100%; display: flex; flex-direction: column; }
.wkg-slider-layout-2 .wkg-slider__main { position: relative; width: 100%; overflow: hidden; }
.wkg-slider-layout-2 .wkg-slider__track { display: flex; width: 100%; }
.wkg-slider-layout-2 .wkg-slider__slide { width: 100%; flex-shrink: 0; }
.wkg-slider-layout-2 .wkg-slider__prev-bt, .wkg-slider-layout-2 .wkg-slider__next-bt { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); border: medium; cursor: pointer; z-index: 10; }
.wkg-slider-layout-2 .wkg-slider__prev-bt { left: 0.25rem; }
.wkg-slider-layout-2 .wkg-slider__next-bt { right: 0.25rem; }
.wkg-slider-layout-2 .wkg-slider__prev-bt--disabled, .wkg-slider-layout-2 .wkg-slider__next-bt--disabled { cursor: not-allowed; pointer-events: none; }
.wkg-slider-layout-2 .wkg-slider__pagination { position: relative; margin-top: 0.5rem; display: flex; justify-content: center; align-items: center; z-index: 10; }
.wkg-slider-layout-3 { position: relative; width: 100%; display: flex; flex-direction: column; }
.wkg-slider-layout-3 .wkg-slider__main { position: relative; width: 100%; }
.wkg-slider-layout-3 .wkg-slider__track { display: flex; width: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.wkg-slider-layout-3 .wkg-slider__track::-webkit-scrollbar { display: none; }
.wkg-slider-layout-3 .wkg-slider__slide { flex-shrink: 0; scroll-snap-align: center; margin-right: 1rem; }
.wkg-slider-layout-3 .wkg-slider__slide:last-child { margin-right: 0px; }
.wkg-slider-layout-3 .wkg-slider__prev-bt, .wkg-slider-layout-3 .wkg-slider__next-bt { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); border: medium; cursor: pointer; z-index: 10; }
.wkg-slider-layout-3 .wkg-slider__prev-bt { left: 0.25rem; }
.wkg-slider-layout-3 .wkg-slider__next-bt { right: 0.25rem; }
.wkg-slider-layout-3 .wkg-slider__prev-bt--disabled, .wkg-slider-layout-3 .wkg-slider__next-bt--disabled { cursor: not-allowed; pointer-events: none; }
.wkg-slider-layout-3 .wkg-slider__pagination { position: relative; margin-top: 0.5rem; display: flex; justify-content: center; align-items: center; z-index: 10; }
.wkg-slider-layout-4 { position: relative; width: 100%; display: flex; flex-direction: column; }
.wkg-slider-layout-4 .wkg-slider__main { position: relative; width: 100%; }
.wkg-slider-layout-4 .wkg-slider__track { display: flex; width: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.wkg-slider-layout-4 .wkg-slider__track::-webkit-scrollbar { display: none; }
.wkg-slider-layout-4 .wkg-slider__slide { flex-shrink: 0; scroll-snap-align: center; margin-right: 1rem; }
.wkg-slider-layout-4 .wkg-slider__slide:last-child { margin-right: 0px; }
.wkg-slider-layout-4 .wkg-slider__prev-bt, .wkg-slider-layout-4 .wkg-slider__next-bt { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); border: medium; cursor: pointer; z-index: 10; }
.wkg-slider-layout-4 .wkg-slider__prev-bt { left: 0.25rem; }
.wkg-slider-layout-4 .wkg-slider__next-bt { right: 0.25rem; }
.wkg-slider-layout-4 .wkg-slider__prev-bt--disabled, .wkg-slider-layout-4 .wkg-slider__next-bt--disabled { cursor: not-allowed; pointer-events: none; }
.wkg-slider-layout-4 .wkg-slider__pagination { position: absolute; bottom: 0.25rem; left: 0px; right: 0px; display: flex; justify-content: center; align-items: center; z-index: 10; }
.wkg-slider-layout-5 { position: relative; width: 100%; display: flex; flex-direction: column; }
.wkg-slider-layout-5 .wkg-slider-layout-5__header { display: flex; align-items: flex-end; justify-content: space-between; }
.wkg-slider-layout-5 .wkg-slider-layout-5__header-title { display: flex; align-items: center; flex: 1 0 0px; min-width: 0px; }
.wkg-slider-layout-5 .wkg-slider-layout-5__header-icon { flex-shrink: 0; display: flex; }
.wkg-slider-layout-5 .wkg-slider-layout-5__header-text { display: flex; flex-direction: column; min-width: 0px; }
.wkg-slider-layout-5 .wkg-slider-layout-5__header-button { flex-shrink: 0; }
.wkg-slider-layout-5 .wkg-slider__main { position: relative; width: 100%; }
.wkg-slider-layout-5 .wkg-slider__main--fade-left::before, .wkg-slider-layout-5 .wkg-slider__main--fade-right::after { content: ""; position: absolute; top: 0px; bottom: 0px; width: 5.75rem; pointer-events: none; z-index: 5; }
.wkg-slider-layout-5 .wkg-slider__main--fade-left::before { left: 0px; }
.wkg-slider-layout-5 .wkg-slider__main--fade-right::after { right: 0px; }
.wkg-slider-layout-5 .wkg-slider__track { display: flex; width: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.wkg-slider-layout-5 .wkg-slider__track::-webkit-scrollbar { display: none; }
.wkg-slider-layout-5 .wkg-slider__slide { position: relative; flex-shrink: 0; scroll-snap-align: center; margin-right: 1rem; }
.wkg-slider-layout-5 .wkg-slider__slide:last-child { margin-right: 0px; }
.device-mobile .wkg-slider-layout-5 .wkg-slider__slide { margin-right: 0.5rem; }
[dir="rtl"] .wkg-slider-layout-5 .wkg-slider__slide { margin-right: 0px; margin-left: 1rem; }
[dir="rtl"] .wkg-slider-layout-5 .wkg-slider__slide:last-child { margin-left: 0px; }
[dir="rtl"] .device-mobile .wkg-slider-layout-5 .wkg-slider__slide { margin-left: 0.5rem; }
.wkg-slider-layout-5 .wkg-slider__prev-bt, .wkg-slider-layout-5 .wkg-slider__next-bt { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); border: medium; cursor: pointer; z-index: 10; }
.wkg-slider-layout-5 .wkg-slider__prev-bt { left: 0.25rem; }
.wkg-slider-layout-5 .wkg-slider__next-bt { right: 0.25rem; }
.wkg-slider-layout-5 .wkg-slider__prev-bt--disabled, .wkg-slider-layout-5 .wkg-slider__next-bt--disabled { cursor: not-allowed; pointer-events: none; }
.wkg-sidebar .wkg-sidebar__layout1 { display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0px; }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-sidebar__header { position: sticky; top: 0px; z-index: 1; display: flex; padding: var(--wkg-spacing-md); margin: 0 calc(-1 * var(--wkg-spacing-md)); background: transparent; transition: background-color 0.2s; }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-sidebar__logo { display: flex; align-items: center; line-height: 0; }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-sidebar__logo a { display: flex; outline: none; }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-sidebar__logo .default-logo-wrapper { width: 6.625rem; height: auto; display: flex; align-items: center; }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-sidebar__logo svg { display: block; width: 100%; height: auto; }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-sidebar__contents { flex: 1 1 0%; min-height: 0px; }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-contents-block { display: flex; flex-direction: column; align-items: stretch; gap: 0px; }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-button-badge-wrapper { display: flex; align-items: center; gap: 8px; padding: var(--wkg-padding-button-nav-tertiary); cursor: pointer; }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-button-badge-wrapper .wkg-button { padding: 0px; pointer-events: none; }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-button-badge-wrapper:hover .wkg-button { color: var(--wkg-color-button-nav-tertiary-hover); }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-button-badge-wrapper:hover .wkg-button .wkg-button__icon { color: var(--wkg-color-icon-button-nav-tertiary-hover); }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-button-badge-wrapper .wkg-badge { flex-shrink: 0; pointer-events: none; }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-button.wkg-text-color-secondary { color: var(--wkg-color-text-secondary); }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-button.wkg-text-color-secondary:hover { color: var(--wkg-color-text-primary); }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-divider { height: 1px; background-color: var(--wkg-color-grey-400); margin: 0 0 var(--wkg-spacing-sm) 0; border: medium; }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-buttons-group { margin-top: auto; gap: var(--wkg-buttons-group-gap-xs); flex-wrap: wrap; }
.wkg-sidebar .wkg-sidebar__layout1 .wkg-buttons-group .wkg-button { flex: 1 1 auto; min-width: 0px; white-space: nowrap; }
.wkg-sidebar .wkg-sidebar__layout1 .language-dropdown { width: 100%; max-width: 100%; }
.wkg-sidebar .wkg-sidebar__layout1 .language-dropdown .dropdown__list { width: 100%; }
@container sidebar (max-width: 14rem) {
  .wkg-sidebar .wkg-sidebar__layout1 .wkg-buttons-group { flex-direction: column; }
  .wkg-sidebar .wkg-sidebar__layout1 .wkg-buttons-group .wkg-button { flex: 0 0 auto; width: 100%; }
}
.wkg-feedback-message.global-no-records .wkg-html-text { display: flex; flex-direction: column; align-items: center; text-align: center; }
.wkg-feedback-message.global-no-records .wkg-html-text .wkg-icon { font-size: var(--wkg-font-size-15xl); margin-bottom: var(--wkg-spacing-xs); }
.device-desktop .wkg-feedback-message.global-no-records .wkg-html-text .wkg-icon, .device-large .wkg-feedback-message.global-no-records .wkg-html-text .wkg-icon { font-size: var(--wkg-font-size-22xl); }
.wkg-feedback-message.global-no-records .wkg-html-text :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 0px; }
@font-face { font-family: Impact; src: url("Impact.ttf"); }
@font-face { font-family: yyy-icons; src: url("yyy-icons.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: block; }
.yyy-icon, [dir="rtl"] .yyy-icon { font-family: yyy-icons !important; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -moz-osx-font-smoothing: grayscale; }
.yyy-icon--coin::before { content: ""; }
html, body, div { scrollbar-width: thin; scrollbar-color: var(--grey12) var(--greyDark2); }
@media (min-width: 220px) and (max-width: 576px) {
  html, body, div { }
}
html:not([data-theme="betjordan"]) body { font-family: var(--yyy-font-primary) !important; }
html:not([data-theme="betjordan"]) button, html:not([data-theme="betjordan"]) input { font-family: var(--yyy-font-primary) !important; }
body { margin: 0px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; background-color: var(--bodyBgBlack); background-image: var(--bodyBgImage); background-repeat: no-repeat; overflow: hidden auto; }
[dir="rtl"] *, [dir="rtl"] * button, [dir="rtl"] * input { font-family: Tajawal, sans-serif !important; }
#root, #AppContentContainer { min-height: 10dvh; padding-bottom: 1.5625rem; }
::-webkit-scrollbar { background-color: var(--greyDark2); width: 12px; height: 6px; }
::-webkit-scrollbar-track { background-color: var(--greyDark2); }
::-webkit-scrollbar-thumb { background-color: var(--grey12); border-radius: 8px; border: 2px solid var(--greyDark2); }
::-webkit-scrollbar-button { display: none; }
.inputFormContainer input, .inputFormContainer textarea { outline-style: none !important; }
.inputFormContainer input:focus, .inputFormContainer textarea:focus { box-shadow: 0 0px 2px var(--inputBgColor); }
.codeInputRow .codeInputItem input, .codeInputRow .codeInputItem textarea { outline-style: none !important; }
.codeInputRow .codeInputItem input:focus, .codeInputRow .codeInputItem textarea:focus { box-shadow: 0 0px 2px var(--inputBgColor); }
.MuiBackdrop-root { background-color: rgba(0, 0, 0, 0.55) !important; backdrop-filter: blur(20px); }
.flex { flex: 1 1 0%; }
.Backdrop { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: transparent; z-index: 1000; }
a:hover { cursor: pointer; }
button { cursor: pointer; user-select: none; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
input[type="number"] { appearance: textfield; }
.WhatsappMsgPlaceholder { display: inline; font-weight: 700; color: var(--whatsAppColor); }
.lineMessengerButton { position: fixed; right: 30px; bottom: 30px; z-index: 999; }
.lineMessengerButton img { width: 50px; height: 50px; }
button[disabled], button:disabled { opacity: 0.5; cursor: not-allowed !important; }
.display-none { display: none; }
.slick-prev { font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0px; transform: translateY(-50%); cursor: pointer; color: transparent; border: medium; outline: none; background: transparent; left: -25px; }
.slick-prev:hover { color: transparent; outline: none; background: transparent; }
.slick-prev:hover::before { opacity: 1; }
.slick-prev:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:focus::before { opacity: 1; }
.slick-prev::before { font-size: 20px; line-height: 1; opacity: 0.75; color: rgb(255, 255, 255); -moz-osx-font-smoothing: grayscale; content: "←"; }
.slick-next { font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0px; transform: translateY(-50%); cursor: pointer; color: transparent; border: medium; outline: none; background: transparent; right: -25px; }
.slick-next:hover { color: transparent; outline: none; background: transparent; }
.slick-next:hover::before { opacity: 1; }
.slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-next:focus::before { opacity: 1; }
.slick-next::before { font-size: 20px; line-height: 1; opacity: 0.75; color: rgb(255, 255, 255); -moz-osx-font-smoothing: grayscale; content: "→"; }
.slick-prev.slick-disabled::before { opacity: 0.25; }
.slick-next.slick-disabled::before { opacity: 0.25; }
[dir="rtl"] .slick-prev { right: -25px; left: auto; }
[dir="rtl"] .slick-prev::before { content: "→"; }
[dir="rtl"] .slick-next { right: auto; left: -25px; }
[dir="rtl"] .slick-next::before { content: "←"; }
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; z-index: 10; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0px; outline: none; background: transparent; }
.slick-dots li button:hover { outline: none; }
.slick-dots li button:hover::before { opacity: 1; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:focus::before { opacity: 1; }
.slick-dots li button::before { font-size: 6px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 6px; height: 6px; border-radius: 6px; content: ""; text-align: center; opacity: 0.25; background-color: rgb(98, 104, 122); -moz-osx-font-smoothing: grayscale; transition-duration: 0.1s; }
.slick-dots li.slick-active button::before { opacity: 0.75; width: 6px; height: 6px; border-radius: 6px; background-color: rgb(120, 126, 142); }
.lp-page-header-container h1, .lp-sub-title-container--title h3 { background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.NewsItem { display: flex; flex-direction: column; width: 295px; height: 320px; background-color: var(--black3); position: relative; overflow: hidden; border-radius: 6px; }
.NewsItem-Tag { position: absolute; border-radius: 4px; padding: 2px 7.5px; text-transform: uppercase; font-size: 10px; font-weight: 800; top: 6px; right: 6px; color: var(--white); }
.NewsItem-Image { height: 165px; min-height: 165px; background-position: center center; background-size: cover; }
.NewsItem-Content { padding: 20px; }
.NewsItem-Content h3 { font-size: 16px; font-weight: 700; color: var(--white); margin: 0px 0px 10px; max-height: 60px; overflow: hidden; }
.NewsItem-Content p { opacity: 0.7; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--grey9); margin: 0px; height: 35px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: pre-wrap; -moz-box-orient: vertical; -webkit-line-clamp: 3; }
.LatestNews { margin-top: 40px; }
.LatestNews .slick-slide > div { align-items: center; justify-content: center; display: flex; }
.NewsDetails { padding: 110px 24px 0px; }
.NewsDetails-Title { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 40px; }
@media (min-width: 576px) and (max-width: 992px) {
  .NewsDetails-Title { flex-direction: column; align-items: center; justify-content: center; }
  .NewsDetails-Title h3 { max-width: 100% !important; margin-bottom: 24px !important; text-align: center; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .NewsDetails-Title { flex-direction: column; align-items: center; justify-content: center; }
  .NewsDetails-Title h3 { max-width: 100% !important; margin-bottom: 24px !important; text-align: center; }
}
.NewsDetails-Title h3 { font-size: 30px; font-weight: 600; color: var(--white); margin: 0px; max-width: 80%; }
@media (min-width: 576px) and (max-width: 992px) {
  .NewsDetails-Title h3 { font-size: 24px; }
}
.NewsDetails-Image { justify-content: center; display: flex; }
.NewsDetails-Image img { max-width: 100%; }
.NewsDetails-Content { padding: 34px 0px; }
.NewsDetails-Content p { font-size: 14px; font-weight: 500; line-height: 1.71; letter-spacing: normal; color: var(--grey9); }
.NewsDetails-Content p a { color: var(--azure); text-decoration: underline; }
.NewsDetails-Content p .titleChildList, .NewsDetails-Content p .titleHeader { font-weight: 700; margin: 8px 0px 34px; color: var(--white); text-transform: uppercase; }
.NewsDetails-Footer { align-items: flex-start; justify-content: flex-start; display: flex; }
.NewsDetails-container { padding: 20px 113px; background-image: linear-gradient(to top, rgb(28, 30, 39), rgb(33, 38, 51)); border-radius: 6px; }
@media (min-width: 220px) and (max-width: 576px) {
  .NewsDetails-container { padding: 20px 15px; }
}
.NewsDetails-container a.newsActionButton { border-radius: 10px; box-shadow: rgba(47, 117, 188, 0.8) 0px 0px 20px; background-color: var(--azure); background-image: linear-gradient(232deg,var(--darkTurquoise),var(--azure)); color: var(--white); text-transform: uppercase; font-weight: 700; padding: 15px 30px; text-decoration: none; }
@media (min-width: 576px) and (max-width: 992px) {
  .NewsDetails-container a.newsActionButton { font-size: 14px; padding: 10px; }
}
.OnlineTracker { position: fixed; z-index: 10000; background-color: var(--pink2); top: 0px; left: 0px; width: 100%; height: var(--headerHeight); text-align: center; color: var(--white); display: flex; align-items: center; justify-content: center; }
.OnlineTracker p { text-align: center; margin: 0px; display: flex; align-items: center; }
.OnlineTracker p span { margin: 10px; }
.OnlineTracker + .Backdrop { background-color: var(--greyText3); }
.OnlineTracker .CheckNow { cursor: pointer; text-decoration: underline; margin: 0px 10px; }
.inputFormContainer { display: flex; flex-direction: column; position: relative; width: 100%; margin: 0px; padding-bottom: 1rem; }
.inputFormContainer-inputContainer { position: relative; }
.inputFormContainer.hasError input { border-color: var(--coral) !important; color: var(--coral) !important; }
.inputFormContainer.hasError input:focus { box-shadow: 0 0 2px var(--coral); }
.inputFormContainer.hasError input::placeholder { color: var(--coral); }
.inputFormContainer.hasError .inputFormContainer-inputVanilla { margin-bottom: 0px; }
.inputFormContainer.hasError span.extraError { margin: 0px; }
.inputFormContainer input { width: 100%; box-sizing: border-box; border: 1px solid var(--inputGreyBorder); border-radius: var(--borderRadius); font-size: 14px; font-weight: 700; color: var(--black2); appearance: none; padding: 14px 10px; }
.inputFormContainer input::placeholder { color: var(--grey9); font-weight: 500; }
.inputFormContainer input:autofill, .inputFormContainer input:autofill:hover, .inputFormContainer input:autofill:focus { border: 1px solid var(--inputGreyBorder); -webkit-text-fill-color: var(--black2); box-shadow: transparent 0px 0px 0px 1000px inset; transition: background-color 5000s ease-in-out; }
.inputFormContainer-inputVanilla { margin-bottom: 10px; }
.inputFormContainer .react-inputs-validation__msg_identifier { color: var(--coral); font-size: 12px; text-align: justify; }
.inputFormContainer label { font-size: 12px; line-height: 140%; color: var(--goldText); margin-bottom: 3px; }
.selectField__placeholder { line-height: 17px; }
.SelectField > div { border-color: var(--inputGreyBorder); font-size: 12px; color: var(--grey) !important; line-height: 34px; }
.SelectField label { font-size: 12px; line-height: 140%; color: var(--grey); margin-bottom: 3px; display: block; }
.SelectField .selectField__indicator-separator { display: none; }
.PhoneInputContainer { display: flex; align-items: center; position: relative; }
.PhoneInputContainer .inputFormContainer { padding-left: 40px; }
.PhoneInputContainer .phoneCode { font-size: 14px; color: var(--goldText); padding-right: 12px; position: absolute; top: 14px; }
.MuiButton-contained { box-shadow: none; background-color: rgb(224, 224, 224); background-image: linear-gradient(270deg,var(--orange) 0%,var(--fontYellow) 100%); }
.MuiButton-contained .MuiButton-label { color: var(--white); line-height: 18px; }
.MuiButton-outlined { padding: 5px 15px; }
.extraError { font-size: 0.75rem; color: var(--coral); text-align: left; animation: 0.5s fadeIn; }
.extraError.__error { display: block; margin-bottom: 10px; }
.Select-CountryFlag { background-color: var(--greyLight1); padding: 0px 11px; height: 46px; display: flex; }
.Select-CountryFlag-Code { padding-left: 5px; }
.Select-CountryFlag._noValue { background-color: transparent; }
.Select-Control > div { display: flex; justify-content: flex-start; min-height: 46px; box-shadow: none !important; border-color: var(--inputGreyBorder); }
.Select-SearchInput input { max-width: 40px; box-shadow: none !important; border: medium; }
.Select-OptionItem span { font-size: 1em; color: var(--grey2); cursor: pointer; margin: 0px 5px; }
.Countries-Dropdown { height: 100%; position: relative; }
.Countries-Dropdown-Pointer { display: flex; background-color: var(--greyLight1, #f5f5f5); justify-content: center; align-items: center; flex: 1 1 0%; height: 100%; padding: 0px 10px; gap: 0.5rem; border-top-left-radius: var(--borderRadius); border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: var(--borderRadius); }
.Countries-Dropdown-List { position: absolute; background-color: var(--white); min-width: 120px; top: 45px; left: 0px; z-index: 9999; max-height: 150px; overflow: auto; border-width: 0px 1px 1px; border-color: var(--inputGreyBorder); border-style: solid; padding: 10px; box-sizing: border-box; }
.Countries-Dropdown-List::-webkit-scrollbar-track { background-color: var(--greyLight1); }
.Countries-Dropdown-List::-webkit-scrollbar-thumb { background-color: var(--grey9); border: 1px solid var(--greyLight1); }
.Countries-Dropdown-List .Country-Item { margin-bottom: 2px; display: flex; align-items: center; }
.Countries-Dropdown-List .Country-Item .Country-Code { color: var(--grey2); cursor: pointer; }
.Countries-Dropdown .flag-placeholder { border: 1px var(--inputGreyBorder) solid; }
.Country-Code { position: relative; width: 65px; }
.Country-Code-Input { position: relative; border: medium !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; font-weight: 600 !important; padding-left: 20px !important; }
.Country-Code-Input:focus { box-shadow: none !important; }
.Country-Code-Input + .Plus { font-size: 14px; font-weight: 600; position: absolute; top: 0px; left: 0px; height: 100%; align-items: center; justify-content: center; display: flex; padding: 0px 10px; }
.SignUpDialogContainer ::-webkit-scrollbar-track { background-color: var(--greyLight1); }
.SignUpDialogContainer ::-webkit-scrollbar-thumb { background-color: var(--grey9); border: 1px solid var(--greyLight1); }
@media screen and (max-width: 992px) and (orientation: landscape) {
  .SignUpDialogContainer { overflow-y: auto; scrollbar-width: none; }
  .SignUpDialogContainer::-webkit-scrollbar { display: none; }
}
.SignUpDialogContainer .ui-dialog__content { max-width: 400px; overflow: visible; border-radius: 14px 14px 12px 12px; }
.SignUpDialogContainer .signUpContainer { overflow: visible; }
.SignUpDialogContainer .signUpContainer .MuiButton-label { padding: 10px 0px; }
.SignUpDialogContainer .signUpContainer .datePicker { margin-bottom: 15px; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .signUpLoader { position: absolute; height: 100%; width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; z-index: 9; background: rgb(255, 255, 255); }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer { padding: 20px; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body, .SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__actions { padding: 0px; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .backBtn { border-color: var(--inputGreyBorder); color: var(--azure); margin-right: 10px; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ActionAria { width: 100%; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ActionAria .backBtn { background: transparent; font-size: 16px; font-weight: 700; line-height: 18px; letter-spacing: 1.35px; text-transform: uppercase; border: 1px solid var(--grey); box-shadow: none; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ActionAria .backBtn span { color: var(--inputBgColor); }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .suggestedNameContainer { display: flex; flex-direction: column; margin-bottom: 10px; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .suggestedNameContainer div { margin-bottom: 5px; font-size: 12px; cursor: pointer; color: rgb(10, 50, 109); text-decoration: underline; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body { overflow-y: visible !important; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body .names { display: flex; justify-content: space-between; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body .names div { flex: 0 0 48%; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body .countryWrap { display: flex; margin-bottom: 10px; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body .countryWrap .countryFieldWrap { flex: 1 1 auto; min-width: 0px; will-change: flex; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body .countryWrap .SelectField { margin-bottom: 0px; z-index: 9; box-sizing: border-box; border: 1px solid var(--inputGreyBorder); border-radius: var(--borderRadius); color: var(--black2); font-size: 14px; font-weight: 700; cursor: pointer; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body .countryWrap .SelectField .selectField__control { height: 46px; padding: 0px; border: medium; border-radius: var(--borderRadius); box-shadow: none; background: transparent; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body .countryWrap .SelectField .selectField__control:hover, .SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body .countryWrap .SelectField .selectField__control--is-focused { border: medium; box-shadow: none; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body .countryWrap .SelectField .selectField__value-container { padding: 0px 0px 0px 12px; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body .countryWrap .SelectField .selectField__single-value { font-size: 14px; font-weight: 700; line-height: 2.14; color: var(--black2); text-overflow: ellipsis; width: 100%; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body .countryWrap .SelectField .selectField__dropdown-indicator { position: absolute; right: 5px; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body .countryWrap .SelectField .selectField__dropdown-indicator svg { width: 14px; height: 14px; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body .countryWrap .SelectField .selectField__indicator-separator { display: none; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol-title { background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-origin: ; background-clip: ; background-size: cover; height: 190px; border-radius: 12px; overflow: hidden; justify-content: center; align-items: center; display: flex; flex-direction: column; text-align: center; padding-top: 20px; padding-bottom: 16px; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol-title .signupBonusInfo h1 { font-size: 3.5625rem; line-height: 1; color: var(--yyy-primary-yellow, #ffc800); text-align: center; font-style: normal; font-weight: 900; margin: 0px; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol-title .signupBonusInfo h2 { font-size: 1rem; line-height: 1.5; color: var(--yyy-dark-blue-lvl-1, #323746); text-align: center; font-style: normal; font-weight: 700; text-transform: uppercase; margin: 0px; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol-title .registeredLoginLink { font-size: 0.875rem; line-height: 2.1429; color: var(--yyy-ui-dark-grey, #9698a1); font-weight: 500; margin: 0px 0px 1.5rem; width: 100%; display: flex; justify-content: center; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol-title .registeredLoginLink span { font-size: 0.875rem; cursor: pointer; padding: 0px 0.375rem; color: var(--azure, #3498fd); font-weight: 600; }
.SignUpDialogContainer .signUpContainer .signUpContainerCol-title ._title { font-weight: 700; font-size: 22px; text-align: center; margin-top: 0px; margin-bottom: 3px; color: rgb(28, 30, 39); }
.SignUpDialogContainer .signUpContainer .SuccessSignUp { display: flex; flex-direction: column; align-items: center; text-align: center; color: var(--goldText); padding: 110px 27px 0px; }
.SignUpDialogContainer .signUpContainer .SuccessSignUp img { width: 48px; height: 48px; }
.SignUpDialogContainer .signUpContainer .SuccessSignUp h1 { margin: 40px 0px 4px; font-size: 26px; }
.SignUpDialogContainer .signUpContainer .SuccessSignUp h3 { margin: 21px 0px 0px; font-size: 16px; }
.SignUpDialogContainer .closeButton .closeBtn { position: fixed !important; z-index: 1; right: 40px; top: 40px; padding: 6px; background-color: transparent !important; border: 1px solid rgba(var(--grey9),.5); border-radius: var(--borderRadius); }
.SignUpDialogContainer .closeButton .closeBtn svg { color: var(--grey9); }
.SignUpDialogContainer .logoBlockSignUp { position: fixed; top: 3%; left: 50%; transform: translate(-50%); text-align: center; }
.SignUpDialogContainer .logoBlockSignUp .subTitleForm { font-size: 14px; font-weight: 500; color: var(--goldLight); margin-bottom: 5px; }
.SignUpDialogContainer .logoBlockSignUp .titleForm img { width: 143px; margin: 0px auto; }
@media (max-width: 1200px) {
  .SignUpDialogContainer .logoBlockSignUp { display: none; }
}
@media (max-width: 768px) {
  .SignUpDialogContainer .ui-dialog__content { overflow: visible; }
  .SignUpDialogContainer .signUpContainer { display: flex; flex-direction: column; background-image: var(--white); position: relative; }
  .SignUpDialogContainer .signUpContainer .signUpContainerCol { flex: 1 1 100%; background-size: cover; position: relative; }
  .SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body { padding: 0px !important; overflow-y: visible !important; background: var(--white); }
  .SignUpDialogContainer .signUpContainer .SuccessSignUp { display: flex; flex-direction: column; align-items: center; text-align: center; color: var(--violetLight); padding: 110px 27px 0px; }
  .SignUpDialogContainer .signUpContainer .SuccessSignUp img { width: 48px; height: 48px; }
  .SignUpDialogContainer .signUpContainer .SuccessSignUp h1 { margin: 40px 0px 4px; font-size: 26px; }
  .SignUpDialogContainer .signUpContainer .SuccessSignUp h3 { margin: 21px 0px 0px; font-size: 16px; }
  .SignUpDialogContainer .closeButton .closeBtn { right: 20px; top: 20px; }
}
@media (max-height: 730px) {
  .SignUpDialogContainer .ui-dialog__content { max-height: 100% !important; overflow: scroll !important; background-color: transparent; }
  .SignUpDialogContainer .ui-dialog__content::-webkit-scrollbar { display: none; }
  .SignUpDialogContainer .ui-dialog__content .QuickSignUp-Container, .SignUpDialogContainer .ui-dialog__content .signUpContainer { background-color: var(--white); border-radius: 12px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .SignUpDialogContainer .ui-dialog--max-width-xs { max-width: 100%; }
  .SignUpDialogContainer .ui-dialog__content { margin: 32px 15px !important; width: 100%; overflow: visible; }
  .SignUpDialogContainer .signUpContainer { display: flex; flex-direction: column; background-image: var(--white); }
  .SignUpDialogContainer .signUpContainer .signUpContainerCol { flex: 1 1 100%; background-size: cover; position: relative; }
  .SignUpDialogContainer .signUpContainer .signUpContainerCol .formContainer .ui-dialog__body { padding: 0px !important; overflow-y: visible !important; background: var(--white); }
  .SignUpDialogContainer .signUpContainer .SuccessSignUp { display: flex; flex-direction: column; align-items: center; text-align: center; color: var(--violetLight); padding: 110px 27px 0px; }
  .SignUpDialogContainer .signUpContainer .SuccessSignUp img { width: 48px; height: 48px; }
  .SignUpDialogContainer .signUpContainer .SuccessSignUp h1 { margin: 40px 0px 4px; font-size: 26px; }
  .SignUpDialogContainer .signUpContainer .SuccessSignUp h3 { margin: 21px 0px 0px; font-size: 16px; }
  .SignUpDialogContainer .closeButton { position: relative !important; height: 0px; }
  .SignUpDialogContainer .closeButton .closeBtn { position: relative !important; right: -100%; top: 10px; transform: translate(-130%); border: medium; }
}
.currencyWrap, .countryWrap { z-index: var(--yyy-ui-z-index-dropdown); }
.currencyWrap .selectField__single-value, .currencyWrap .selectField__placeholder, .countryWrap .selectField__single-value, .countryWrap .selectField__placeholder { font-weight: 700; color: var(--black) !important; }
.currencyWrap .selectField__option--is-selected, .countryWrap .selectField__option--is-selected { color: var(--white); background-color: var(--grey2) !important; }
.currencyWrap .selectField__control, .countryWrap .selectField__control { height: 48px; }
.Mask { width: 155px; height: 40px; margin: 20px 4.5px 0px 26px; padding: 11px 41px; border-radius: 6px; box-shadow: rgba(255, 165, 18, 0.4) 0px 0px 20px, rgb(255, 228, 125) 0px 0px 5px inset; background-image: linear-gradient(184deg, rgb(255, 217, 16) 134%, rgb(255, 165, 18) 12%); }
.btn { box-shadow: transparent 0px 0px 0px; border-radius: var(--borderRadius); width: 100%; position: relative; overflow: hidden; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; background: transparent; border: 0px solid transparent; text-shadow: transparent 0px 0px 0px; font-size: 16px; font-weight: 700; text-transform: uppercase; transition-duration: 0.3s; text-decoration: none; }
.btn:hover { box-shadow: transparent 0px 0px 0px; border: 0px solid transparent; text-shadow: transparent 0px 0px 0px; }
.btn:active { outline: none; border: medium; }
.btn:focus { outline: 0px; }
.btn.colored { padding: 6px 16px; color: var(--white); }
.btn--primary { color: var(--white); border: medium; background-color: var(--azure); background-image: linear-gradient(206deg,var(--darkTurquoise, #15d6c9),var(--azure, #3498fd) 47%); border-radius: 100px; }
.btn--primary:hover { box-shadow: 0 0 1rem 0 var(--yyy-primary-blue); }
.btn--primary:hover:not(:disabled) { background-image: linear-gradient(206deg,var(--yyy-primary-blue, #15d6c9),var(--yyy-primary-blue, #3498fd) 47%); }
.btn.primary { color: var(--white); border: medium; background-color: var(--azure); background-image: linear-gradient(252deg,var(--darkTurquoise),var(--azure) 83.33%); }
.btn.primary:hover { box-shadow: 0 0 1rem 0 var(--yyy-primary-blue); }
.btn.primary--v2 { background-image: linear-gradient(206deg,var(--darkTurquoise, #15d6c9),var(--azure, #3498fd) 47%); border-radius: 100px; }
.btn.primary--v2:hover:not(:disabled) { background-image: linear-gradient(206deg,var(--yyy-primary-blue, #15d6c9),var(--yyy-primary-blue, #3498fd) 47%); }
.btn.bronze { color: var(--white); border: medium; background-image: linear-gradient(90deg,#e37e19,var(--azure) 47%); }
.btn.bronze:hover { box-shadow: 0 0 1rem 0 var(--yyy-primary-blue); }
.btn.silver { color: var(--white); border: medium; background-image: linear-gradient(90deg,#c5c5c5,var(--azure) 47%); }
.btn.silver:hover { box-shadow: 0 0 1rem 0 var(--yyy-primary-blue); }
.btn.gold { color: var(--white); border: medium; background-image: linear-gradient(90deg,#ffc800,var(--azure) 47%); }
.btn.gold:hover { box-shadow: 0 0 1rem 0 var(--yyy-primary-blue); }
.btn.platinum { color: var(--white); border: medium; background-image: linear-gradient(90deg,#e5e4e2,var(--azure) 47%); }
.btn.platinum:hover { box-shadow: 0 0 1rem 0 var(--yyy-primary-blue); }
.btn.diamond { color: var(--white); border: medium; background-image: linear-gradient(90deg,#ffffff,var(--azure) 47%); }
.btn.diamond:hover { box-shadow: 0 0 1rem 0 var(--yyy-primary-blue); }
.btn.convert { box-shadow: rgba(255, 217, 16, 0.3) 0px 0px 15px, rgb(255, 217, 16) 0px 0px 5px inset; background-image: url("star.png"), linear-gradient(0deg, rgb(255, 165, 18), rgb(255, 217, 16)); background-repeat: repeat-x; background-size: contain; text-shadow: rgb(255, 217, 101) 0px 1px 2px; border: medium; color: rgb(104, 68, 0); }
.btn.convert span { font-family: Montserrat Bold, sans-serif; font-size: 14px; }
.btn.convert:hover { box-shadow: rgba(255, 165, 18, 0.4) 0px 0px 20px, rgb(255, 228, 125) 0px 0px 5px inset; }
.btn.outline { color: inherit; border: 1px solid; }
.btn.fab span { display: flex; justify-content: center; align-items: center; }
.btn.icon { background: transparent; border: medium; }
.btn:disabled { opacity: 0.5; }
.btn.transparent { background: none; }
.fullWidth { width: 100%; }
.react-ripples { justify-content: center; width: 100%; }
.toggleIconBtn { position: absolute; right: 12px; top: 0px; cursor: pointer; height: 48px; display: flex; align-items: center; }
.toggleIconBtn svg { color: var(--grey9); }
.toggleIconBtn .wkg-icon { font-size: 1.5rem; }
.button { --button-primary-bg-color: var(--yyy-cta-blue-gradient); --button-primary-border: var(--yyy-primary-blue); --button-primary-hover-color: var(--yyy-primary-blue); --button-primary-hover-shadow: 0 0 .9375rem 0 #2f75bc; --button-primary-active-color: var(--yyy-primary-blue); --button-primary-text-color: var(--yyy-white); --button-primary-outlined-text-color: var(--yyy-white); --button-secondary-bg: transparent; --button-secondary-color: var(--yyy-white); --button-secondary-hover-color: var(--yyy-dark-blue-lvl-1); --button-secondary-border: var(--yyy-white); --button-secondary-hover-bg: var(--yyy-white); --button-secondary-active-bg: var(--yyy-white); --button-link-color: var(--yyy-dark-blue-lvl-1); --button-link-hover-color: var(--yyy-ui-medium-grey); --button-link-active-color: var(--yyy-ui-medium-grey); --button-destructive-bg: var(--yyy-red-lvl-1); --button-destructive-text-color: var(--yyy-red); --button-destructive-hover-bg: var(--yyy-red-lvl-2); --button-destructive-hover-shadow: 0 0 .9375rem 0 rgba(222, 73, 64, .4); --button-destructive-border: transparent; --button-l-height: 4rem; --button-l-padding: 1.125rem 2rem; --button-l-font-size: 1.125rem; --button-l-icon-size: 1.25rem; --button-m-height: 2.5rem; --button-m-padding: .6875rem 1.25rem; --button-m-font-size: .875rem; --button-m-icon-size: 1.125rem; --button-s-height: 2.1875rem; --button-s-padding: .625rem 1.25rem; --button-s-font-size: .875rem; --button-s-icon-size: 16px; --button-icon-spacing: .625rem; --button-border-radius: 3.75rem; --button-transition: all .2s ease-out; --button-disabled-background: var(--yyy-ui-light-grey); --button-disabled-border-color: var(--yyy-ui-light-grey); --button-disabled-opacity: 1; --button-disabled-color: var(--yyy-ui-medium-grey); --button-font-primary: var(--yyy-font-primary); --button-font-cta: var(--yyy-font-cta); --button-font-weight: 500; }
.SignInDialog .inputFormContainer, .SignUpDialogContainer .inputFormContainer { margin: 0px; padding-bottom: 1rem; }
.SignInDialog .inputFormContainer input, .SignUpDialogContainer .inputFormContainer input { font-size: 0.875rem; line-height: 2.1429; padding: 0.4375rem 0.5rem; color: rgb(28, 30, 39); font-weight: 600; }
.SignInDialog .inputFormContainer.hasError span.extraError, .SignUpDialogContainer .inputFormContainer.hasError span.extraError { margin: 0px; }
.SignInDialog .Dialog-ActionAria, .SignUpDialogContainer .Dialog-ActionAria { margin-top: 0.5rem; display: flex; justify-content: space-between; align-items: center; gap: 0.375rem; }
.SignInDialog .Dialog-ActionAria.Asian button span, .SignUpDialogContainer .Dialog-ActionAria.Asian button span { color: var(--violetDarker); text-decoration: underline; }
.SignInDialog .Dialog-ActionAria button.primary, .SignUpDialogContainer .Dialog-ActionAria button.primary { padding: 1.125rem 2rem; border-radius: 6.25rem; background: linear-gradient(206.57deg,var(--darkTurquoise) 0%,var(--azure) 83.33%); width: auto; }
.SignInDialog .Dialog-ActionAria button.primary[disabled], .SignUpDialogContainer .Dialog-ActionAria button.primary[disabled] { background-color: var(--yyy-ui-light-grey, #f3f3f3); background-image: none !important; }
.SignInDialog .Dialog-ActionAria button.primary[disabled] span, .SignUpDialogContainer .Dialog-ActionAria button.primary[disabled] span { color: var(--yyy-ui-dark-grey, #9698a1); font-size: 18px; font-weight: 800; text-transform: uppercase; }
.SignInDialog .Dialog-ActionAria button.primary[disabled]:hover, .SignUpDialogContainer .Dialog-ActionAria button.primary[disabled]:hover { box-shadow: none; }
.SignInDialog .Dialog-ActionAria button.secondary, .SignUpDialogContainer .Dialog-ActionAria button.secondary { justify-content: flex-start; margin: 0px; padding: 0px; }
.SignInDialog .Dialog-ActionAria button.secondary span, .SignUpDialogContainer .Dialog-ActionAria button.secondary span { font-size: 0.875rem; line-height: 2.1429; color: var(--greyDark2, #323746); font-weight: 600; text-decoration-line: underline; text-decoration-style: solid; text-transform: capitalize; }
.SignInDialog .Dialog-ActionAria button > span, .SignUpDialogContainer .Dialog-ActionAria button > span { overflow-wrap: normal; text-wrap: nowrap; }
.SignInDialog .Dialog-CloseButton, .SignUpDialogContainer .Dialog-CloseButton { position: absolute; right: 1rem; top: 1rem; z-index: 1; }
.SignInDialog .Dialog-CloseButton button, .SignUpDialogContainer .Dialog-CloseButton button { padding: 0px; }
.SignInDialog .Dialog-CloseButton button svg, .SignUpDialogContainer .Dialog-CloseButton button svg { color: var(--bodyBgBlack, #1c1e27); }
.SignInDialog-Form, .SignUpDialogContainer-Form { padding: 1.25rem; }
.SignInDialog.SignInConfirmation-Content .ui-dialog__body { padding: 0px; }
@media screen and (max-width: 992px) and (orientation: landscape) {
  .SignInDialog { overflow-y: auto; scrollbar-width: none; }
  .SignInDialog::-webkit-scrollbar { display: none; }
  .SignInDialog .ui-dialog__body { overflow-y: visible; }
}
.SignInDialog .ui-dialog__content { max-width: 400px; width: 100%; border-radius: 12px; }
.SignInDialog .ui-dialog__content .SignInConfirmation-Content { padding: 0px; }
.SignInDialog .ui-dialog__content .SignInConfirmation-Content ._title { font-size: 22px; font-weight: 700; text-align: center; color: var(--black2); margin-bottom: 0px; }
.SignInDialog .ui-dialog__content .SignInConfirmation-Content .codeInputItem input { width: 44px; height: 44px; font-size: 18px; padding: 6px !important; }
@media (min-width: 220px) and (max-width: 576px) {
  .SignInDialog .ui-dialog__content .SignInConfirmation-Content .codeInputItem input { width: 33px; height: 33px; padding: 0px !important; }
}
.SignInDialog .ui-dialog__content .SignInConfirmation-Content .verifyErrorFailedMessage { min-height: 160px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.SignInDialog .ui-dialog__content .SignInConfirmation-Content .verifyErrorFailedMessage-Wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.SignInDialog .ui-dialog__content .SignInConfirmation-Content .verifyErrorFailedMessage-Wrapper .ErrorText { font-size: 14px; font-weight: 600; text-align: center; color: var(--grey9); }
.SignInDialog .ui-dialog__content .SignInConfirmation-Content .verifyErrorFailedMessage .resendTimerCallButton { margin: 15px 0px; }
.SignInDialog .ui-dialog__content .SignInDialog-Form { position: relative; }
.SignInDialog .ui-dialog__content .SignInDialog-Form .codeInputItem input { width: 44px; height: 44px; padding: 6px; }
@media (min-width: 220px) and (max-width: 576px) {
  .SignInDialog .ui-dialog__content .SignInDialog-Form .codeInputItem input { width: 33px; height: 33px; padding: 0px; }
}
.SignInDialog .ui-dialog__content .SignInDialog-Form input { border-color: var(--inputGreyBorder); font-size: 14px; color: var(--grey); }
.SignInDialog .ui-dialog__content .SignInDialog-Form .ActionAria { margin-top: 20px !important; }
.SignInDialog .ui-dialog__content .SignInDialog-Form .ActionAria .loginButton span { font-size: 16px; font-weight: 700; }
.SignInDialog-Title { font-size: 1.375rem; color: var(--bodyBgBlack, #1c1e27); text-align: center; font-weight: 700; margin: 0px; }
.SignInDialog-Text { font-size: 0.875rem; line-height: 2.1429; margin: 0px 0px 2rem; font-weight: 400; position: relative; display: flex; justify-content: center; align-items: center; color: var(--grey9); }
.SignInDialog-Text.Arabian { margin: 0px 0px 1rem; }
.SignInDialog-Text a { cursor: pointer; color: var(--azure); font-weight: 700; line-height: 30px; font-size: 14px; padding: 0px 6px; }
@media (min-width: 220px) and (max-width: 576px) {
  .SignInDialog-Text { font-size: 12px; }
}
.SignInDialog-LinkSection { text-align: center; padding-top: 18px; }
.SignInDialog-LinkSection * { font-size: 14px; }
.SignInDialog-LinkSection a { cursor: pointer; color: var(--azure); font-weight: 700; line-height: 2.14; }
.SignInDialog .closeButton .closeBtn { position: fixed; z-index: 1; right: 40px; top: 40px; padding: 6px; background-color: transparent !important; border: 1px solid rgba(var(--grey9),.5); border-radius: var(--borderRadius); }
.SignInDialog .closeButton .closeBtn svg { color: var(--grey9); }
@media (min-width: 220px) and (max-width: 576px) {
  .SignInDialog .closeButton .closeBtn { position: absolute; top: 10px; right: 10px; border: medium; padding: 0px; }
}
.SignInDialog .logoBlockSignUp { position: fixed; top: 12%; left: 50%; transform: translate(-50%); text-align: center; }
.SignInDialog .logoBlockSignUp .subTitleForm { font-size: 14px; font-weight: 500; color: var(--grey9); margin-bottom: 5px; }
.SignInDialog .logoBlockSignUp .titleForm img { width: 143px; margin: 0px auto; }
@media (max-width: 1200px) {
  .SignInDialog .logoBlockSignUp { display: none; }
}
.stepperContainer { display: flex; justify-content: space-around; position: relative; min-height: 20px; margin: 0px; padding: 0px; z-index: 1; }
.stepperContainer li { list-style-type: none; }
.stepperContainer li::after { content: " "; display: block; position: absolute; top: 0px; z-index: 3; width: 20px; height: 20px; background-color: var(--white); border: 2px solid var(--grey); box-sizing: border-box; border-radius: 50%; }
.stepperContainer li ._line { height: 2px; background: var(--grey); z-index: 2; position: absolute; top: 10px; }
.stepperContainer li.active::after { background-color: var(--orange); border-color: var(--orange); }
.stepperContainer li.active ._line { display: block; background-color: var(--orange); }
.stepperContainer li:last-child ._line { display: none; }
.page-slider { width: 100%; overflow-x: auto; display: flex; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; padding-top: 5rem; }
.page-slider::-webkit-scrollbar { display: none; }
.page-slider__container { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; }
.page-slider__container[dir="rtl"] { direction: rtl; }
.page-slider__container[dir="rtl"] .page-slider__gradient--left { left: auto; right: 0px; background: linear-gradient(270deg, rgb(28, 30, 39), rgba(28, 30, 39, 0)); }
.page-slider__container[dir="rtl"] .page-slider__gradient--right { right: auto; left: 0px; background: linear-gradient(90deg, rgb(28, 30, 39), rgba(28, 30, 39, 0)); }
.page-slider__wrapper { position: relative; width: 100%; overflow: hidden; }
.page-slider__gradient { position: absolute; top: 0px; height: 100%; width: 3.75rem; pointer-events: none; z-index: 1; }
.page-slider__gradient--left { left: -0.0625rem; background: linear-gradient(90deg,var(--yyy-dark-blue-lvl-3) 0%,rgba(28,30,39,0) 100%); }
.page-slider__gradient--right { right: -0.0625rem; background: linear-gradient(270deg,var(--yyy-dark-blue-lvl-3) 0%,rgba(28,30,39,0) 100%); }
.page-slider__item { scroll-snap-align: start; scroll-snap-stop: always; box-sizing: border-box; }
.page-slider__buttons-container { display: flex; justify-content: right; gap: 0.625rem; margin-top: 0.9375rem; width: 100%; }
.page-slider__nav-button { border: .0625rem solid var(--border-color); width: 1.875rem; height: 1.875rem; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-origin: ; background-clip: ; background-size: 1.25rem 1.25rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; border-radius: 0.25rem; }
.page-slider__nav-button--disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.page-slider__nav-button--prev { transform: rotate(-180deg); }
.page-slider__nav-button--next { transform: rotate(0deg); }
.codeInputRow { display: flex; flex-direction: row; margin-bottom: 22px; justify-content: center; }
.codeInputRow .codeInputItem { display: flex; flex-direction: column; margin-right: 4px; }
.codeInputRow .codeInputItem:last-of-type { margin-right: 0px; }
.codeInputRow .codeInputItem input { padding: 14px 4px; width: 50px; text-align: center; box-sizing: border-box; border: 1px solid var(--inputGreyBorder); border-radius: 4px; color: var(--goldText); font-weight: 600; }
.codeInputRow .codeInputItem input::placeholder { color: var(--goldText); }
.codeInputRow .codeInputItem input:focus { box-shadow: none; }
@media (min-width: 220px) and (max-width: 576px) {
  .codeInputRow .codeInputItem { margin-right: 4px; }
  .codeInputRow .codeInputItem input { width: 45px; height: 45px; padding: 8px 12px !important; }
}
.codeInputRow { display: flex; justify-content: space-between; margin-bottom: 0px; }
.codeInputRow .error input { border-radius: 6px !important; border: 1px solid var(--red2) !important; }
.codeInputRow .codeInputItem input { padding: 7px 12px; border-radius: 6px; border: 1px solid var(--inputGreyBorder); outline: none; font-size: 20px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: var(--black2); max-width: 52px; }
.codeInputRow .codeInputItem input::-webkit-input-placeholder { color: var(--inputGreyBorder); font-size: 1.5rem; }
.codeInputRow .codeInputItem input::placeholder { color: var(--inputGreyBorder); font-size: 1.5rem; }
.codeInputRow .codeInputItem input::placeholder { color: var(--inputGreyBorder); font-size: 1.5rem; }
html[dir="rtl"] .DatePicker .DatePickerSelect { flex: 0 0 33.333%; box-sizing: border-box; border: 1px solid var(--inputGreyBorder); border-radius: var(--borderRadius); color: var(--black2); font-size: 14px; font-weight: 700; cursor: pointer; }
html[dir="rtl"] .DatePicker .DatePickerSelect:first-child { order: 1; border-start-end-radius: 0px; border-end-end-radius: 0px; }
html[dir="rtl"] .DatePicker .DatePickerSelect:nth-child(2) { border-radius: 0px; border-left: medium; border-right: medium; order: 2; }
html[dir="rtl"] .DatePicker .DatePickerSelect:nth-child(3) { order: 3; border-start-start-radius: 0px; border-end-start-radius: 0px; }
html[dir="rtl"] .phoneInput-Container, html[dir="rtl"] .phoneInput-Container * { direction: ltr; }
html[dir="rtl"] .SignUpDialogContainer .signUpContainer .formContainer .inputFormContainer #username, html[dir="rtl"] .SignUpDialogContainer .signUpContainer .formContainer .inputFormContainer #email { direction: rtl !important; text-align: right !important; }
.DatePicker { position: relative; max-width: 100%; z-index: var(--yyy-ui-z-index-dropdown); }
.DatePicker-Inner { display: flex; flex-direction: row; direction: ltr; margin-bottom: 10px; }
.DatePicker-Inner.withError { margin-bottom: 5px; }
.DatePicker-Inner .DatePickerSelect { flex: 0 0 33.333%; box-sizing: border-box; border: 1px solid var(--inputGreyBorder); border-radius: var(--borderRadius); color: var(--black2); font-size: 14px; font-weight: 700; cursor: pointer; }
.DatePicker-Inner .DatePickerSelect.Disabled > * { opacity: 0.3; }
.DatePicker-Inner .DatePickerSelect:first-child { order: 3; border-start-start-radius: 0px; border-start-end-radius: 6px; border-end-start-radius: 0px; border-end-end-radius: 6px; }
.DatePicker-Inner .DatePickerSelect:nth-child(2) { border-radius: 0px; border-left: medium; border-right: medium; order: 2; }
.DatePicker-Inner .DatePickerSelect:nth-child(3) { order: 1; border-start-start-radius: 6px; border-start-end-radius: 0px; border-end-start-radius: 6px; border-end-end-radius: 0px; }
.DatePicker-Inner .DatePickerSelect input { width: 100%; height: 100%; padding: 0px; margin: 0px; }
.DatePicker-Inner .DatePickerSelect__control { height: 46px; padding: 0px; }
.DatePicker-Inner .DatePickerSelect__dropdown-indicator { position: absolute; right: 5px; }
.DatePicker-Inner .DatePickerSelect__dropdown-indicator svg { width: 14px; height: 14px; }
.DatePicker-Inner .DatePickerSelect__option { color: var(--grey); }
.DatePicker-Inner .DatePickerSelect__option--is-selected { color: var(--white); background: var(--grey2); }
.DatePicker-Inner .DatePickerSelect__option::before { background: green; }
.DatePicker-Inner .DatePickerSelect__menu-list { position: absolute; left: -1px; bottom: -55px; border: 1px solid rgba(var(--grey2),.3); width: 100%; max-height: 230px; overflow: auto; z-index: 3; padding: 0px; margin: 0px; background: var(--white); border-radius: var(--borderRadius); }
.DatePicker-Inner .DatePickerSelect__value-container { position: relative; align-items: center; padding: 0px 0px 0px 12px; display: flex; }
.DatePicker-Inner .DatePickerSelect__single-value { text-overflow: ellipsis; width: 100%; }
.DatePicker-Inner .DatePickerSelect:last-of-type { margin: 0px; }
.DatePicker label { font-size: 12px; line-height: 140%; color: var(--grey); margin-bottom: 3px; }
.DatePicker .extraError { display: inline-flex; flex: 0 0 100%; color: var(--coral); font-size: 12px; height: 17px; margin-bottom: 5px; }
.RangeSlider { width: 100%; position: relative; }
.RangeSlider .points { position: absolute; width: 22px; height: 22px; border: 5px solid var(--black2); box-sizing: border-box; z-index: 999; opacity: 1; top: 9px; background-color: var(--greyDark2); border-radius: 22px; }
.RangeSlider .points span { position: absolute; font-size: 13px; font-weight: 700; top: -25px; color: var(--greyText7); }
.RangeSlider .points.min { left: 0px; background: linear-gradient(222deg,var(--darkTurquoise) 4%,var(--azure) 100%); }
.RangeSlider .points.max { right: 0px; }
.RangeSlider .pointerValue-container { margin: 0px 11px; position: relative; display: flex; width: calc(100% - 22px); box-sizing: border-box; }
.RangeSlider .pointerValue { position: absolute; font-size: 13px; font-weight: 700; top: -15px; margin: 0px !important; color: var(--white); z-index: 999; }
.RangeSlider .range-value { height: 7px; background: linear-gradient(222deg,var(--darkTurquoise) 4%,var(--azure) 100%); display: block; position: absolute; top: 16px; left: 0px; z-index: 9; opacity: 1; border-radius: 6px; }
.RangeSlider [type="range"] { appearance: none; background: transparent; margin: 11px 0px; width: 100%; height: 17px; position: relative; }
.RangeSlider [type="range"]::-webkit-slider-runnable-track { cursor: default; height: 6px; transition: 0.2s; width: 100%; background: rgb(28, 30, 39); border-radius: 5px; }
.RangeSlider [type="range"]::-webkit-slider-thumb { background: linear-gradient(222deg,var(--darkTurquoise) 4%,var(--azure) 100%); border: 5px solid var(--black2); box-sizing: border-box; border-radius: 22px; cursor: default; height: 22px; width: 22px; z-index: 999; position: relative; top: 12px; appearance: none; margin-top: -20px; }
.RangeSlider [type="range"]::-moz-range-track { cursor: default; transition: 0.2s; width: 100%; background: rgb(28, 30, 39); border-radius: 5px; height: 3px; }
.RangeSlider [type="range"]::-moz-range-thumb { background: linear-gradient(222deg,var(--darkTurquoise) 4%,var(--azure) 100%); border: 5px solid var(--black2); box-sizing: border-box; border-radius: 22px; cursor: default; height: 22px; width: 22px; z-index: 999; position: relative; top: 12px; }
.OneTimePopup { padding: 2rem 1rem 1.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 21.5rem; }
.OneTimePopup-Dialog .MuiPaper-rounded { border-radius: 0.75rem; }
.OneTimePopup img { max-width: 7.5rem; margin-bottom: 0.5rem; }
.OneTimePopup h3 { font-size: 1.25rem; line-height: 1.1; color: var(--bodyBgBlack); text-align: center; font-weight: 700; max-width: 60%; margin: 0px 0px 0.5rem; white-space: pre-wrap; }
.OneTimePopup .subTitle, .OneTimePopup .description { color: var(--grey9, #9698a1); text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; }
.OneTimePopup .description { font-weight: 700; }
.OneTimePopup .description a { color: var(--grey9, #9698a1); text-decoration: underline; }
.OneTimePopup .description span { direction: ltr; display: inline-block; }
.OneTimePopup .SupportChatMessage { margin-top: 1.5rem; }
.OneTimePopup .SupportChatMessage button { padding: 0.875rem 1.875rem; font-size: 1.125rem; border-radius: 0.375rem; border: medium; background: var(--yyy-cta-blue-gradient, linear-gradient(207deg, var(--darkTurquoise, #15d6c9) 0%, var(--azure, #3498fd) 83.33%)); box-shadow: rgba(47, 117, 188, 0.8) 0px 0px 1.25rem; color: var(--white, #fff); text-align: center; font-weight: 800; text-transform: uppercase; }
.OneTimePopup button.ConfirmButton { font-size: 1rem; color: var(--bodyBgBlack, #1c1e27); text-align: center; font-weight: 600; text-decoration-line: underline; background: transparent; border: medium; margin-top: 1rem; }
.form-password-checker { --form-password-checker-invalid: var(--yyy-ui-medium-grey); --form-password-checker-hint-color: var(--yyy-dark-blue); --form-password-checker-text-color: var(--yyy-ui-medium-grey); }
@keyframes alertFadeIn {
0% { opacity: 0.8; transform: translateY(-6.25rem); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes alertFadeOut {
0% { opacity: 1; transform: translateY(0px); }
100% { opacity: 0.8; transform: translateY(-6.25rem); }
}
.alert { background-color: var(--grey4); padding: 13px; max-width: 500px; width: 100%; border: 1.5px solid transparent; border-radius: var(--borderRadius); position: relative; display: flex; align-items: center; justify-content: space-between; }
.alert-enter { animation: 0.1s ease-out forwards alertFadeIn; }
.alert-exit { animation: 0.1s ease-in forwards alertFadeOut; }
.alert-icon { display: flex; }
.alert-content { width: 100%; padding-left: 50px; }
.alert-title { font-size: 16px; line-height: 140%; margin: 0px; text-transform: capitalize; }
.alert-message { font-size: 12px; line-height: 119%; margin: 0px; width: 100%; text-align: justify; }
.alert-close { background: none; outline: none; border: medium; display: inline-block; opacity: 0.6; }
.alert-close:hover { opacity: 1; }
.alert--success svg, .alert--info svg, .alert--warning svg, .alert--error svg { vertical-align: middle; width: 1.3125rem; aspect-ratio: 1 / 1; font-size: 2.5rem; }
.alert--error { border-color: var(--yyy-red); }
.alert--error > svg { color: var(--yyy-red); }
.alert--info { border-color: var(--yyy-primary-yellow); }
.alert--info > svg { color: var(--yyy-primary-yellow); }
.alert--warning { border-color: var(--yyy-orange); }
.alert--warning > svg { color: var(--yyy-orange); }
.alert--success { border-color: var(--yyy-green); }
.alert--success > svg { color: var(--yyy-green); }
@media (min-width: 220px) and (max-width: 576px) {
  .alert { width: auto; max-width: 290px; min-width: 280px; margin: 0px auto; }
  .alert-content { padding-left: 20px; }
  .alert-title { display: none; }
}
.AlertNext-Confetti { position: absolute; }
.AlertNext .MuiPaper-root { overflow: hidden; }
.AlertNext-Container { overflow: hidden; display: flex; flex-direction: column; place-content: center; padding: 20px; text-align: center; }
.AlertNext-Container-Icon { padding-top: 10px; padding-bottom: 10px; font-size: 76px; line-height: 1; }
.AlertNext-Container h3 { font-size: 22px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: var(--black2); margin-top: 0px; margin-bottom: 10px; }
.AlertNext-Container p { font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: var(--grey9); margin-bottom: 30px; }
.AlertNext-Container button { border-radius: 6px; padding-top: 15px; padding-bottom: 15px; font-size: 16px; font-weight: 700; }
@keyframes fadeInUp {
0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes glowtext {
0% { text-shadow: rgba(255, 255, 255, 0) 0px 0px 15px; }
50% { text-shadow: rgba(254, 252, 193, 0.8) 0px 0px 15px; }
100% { text-shadow: rgba(255, 255, 255, 0) 0px 0px 15px; }
}
@keyframes swing {
0% { transform: rotate(0deg); }
10% { transform: rotate(10deg); }
30% { transform: rotate(-10deg); }
50% { transform: rotate(6deg); }
70% { transform: rotate(-6deg); }
90% { transform: rotate(3deg); }
100% { transform: rotate(0deg); }
}
@keyframes fadeInUp {
0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
100% { opacity: 1; transform: none; }
}
.LoyaltyPointsContainer { background-color: var(--greyDark2); background-position: center 0px; background-repeat: no-repeat; background-size: contain; position: relative; padding-bottom: 60px; }
.LoyaltyPointsContainer--v2 { background-color: transparent; }
.LoyaltyPointsContainer .RangeSlider { animation: 0.5s fadeInUp; direction: ltr; }
.LoyaltyPointsContainer.Conversion-Enabled { background-color: var(--darkGreyBg1); }
.LoyaltyPointsContainer.Conversion-Enabled .LoyaltyPointsContainer-victoryCupBlock { display: flex; background-image: url("bg_web.png"); animation: 0.5s fadeInUp; }
.LoyaltyPointsContainer.Conversion-Enabled .closeBtn { position: absolute; top: 10px; right: 10px; z-index: 999; border: 1px solid var(--grey9); border-radius: 6px; padding: 5px; }
.LoyaltyPointsContainer.Conversion-Enabled .closeBtn svg { color: var(--grey9); }
.LoyaltyPointsContainer-ProgressBar { display: flex; flex-direction: column; flex: 0 0 27%; }
.LoyaltyPointsContainer-ProgressBar .Points { display: flex; flex-direction: row; font-size: 14px; color: var(--white); font-weight: 600; }
.LoyaltyPointsContainer-ProgressBar .Bar { height: 4px; background: var(--grey5); mix-blend-mode: normal; position: relative; margin: 5px 0px; overflow: hidden; border-radius: 3px; }
.LoyaltyPointsContainer-ProgressBar .Bar .value { background: linear-gradient(222deg,var(--darkTurquoise) 4%,var(--azure) 100%); display: block; position: absolute; height: 100%; left: 0px; top: 0px; transition-property: width, background-color; transition-duration: 0.5s, 0.5s; transition-timing-function: ease, ease; transition-behavior: normal, normal; transition-delay: 0.5s; border-radius: 3px; }
.LoyaltyPointsContainer-ProgressBar .Labels { display: flex; justify-content: space-between; }
.LoyaltyPointsContainer-ProgressBar .Labels > span { font-size: 12px; line-height: 14px; color: rgb(255, 255, 255); mix-blend-mode: normal; opacity: 0.6; max-width: 100px; display: block; }
.LoyaltyPointsContainer-ProgressBar .Labels .current { text-align: left; }
.LoyaltyPointsContainer-ProgressBar .Labels .total { text-align: right; }
.LoyaltyPointsContainer-background { background-image: url("bg_web.png"); margin-bottom: -20px; width: 240px; height: 220px; background-size: contain; background-position: 0px 28px; position: relative; background-repeat: no-repeat; }
.LoyaltyPointsContainer-progressContainer { width: 55%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.LoyaltyPointsContainer-victoryCupBlock { display: flex; align-items: center; flex-direction: column; background-size: cover; background-position: center center; justify-content: flex-end; position: relative; min-height: 200px; animation: 0.5s fadeInUp; }
@media (min-width: 992px) {
  .LoyaltyPointsContainer-victoryCupBlock { padding: 0px 0px 25px; }
}
.LoyaltyPointsContainer-victoryCupBlock .image { height: 100px; position: absolute; top: 42%; left: 50%; transform: translate(-50%, -50%); }
.LoyaltyPointsContainer-victoryCupBlock-status { font-size: 0.75rem; text-transform: uppercase; color: var(--grey9); font-weight: 600; margin: 0px; z-index: 1; }
.LoyaltyPointsContainer-victoryCupBlock-loyalty { font-size: 1.125rem; text-transform: uppercase; color: var(--goldText); font-weight: 600; margin: 0px; }
.LoyaltyPointsContainer-advanceBlock { padding: 0px 20px; }
.LoyaltyPointsContainer-advanceBlock-nextLevel { font-size: 12px; color: var(--grey9); animation: 0.5s fadeInUp; }
.LoyaltyPointsContainer-advanceBlock-nextLevel .Level { margin: 0px; display: inline; text-transform: capitalize; padding: 0px 5px; font-weight: 700; font-size: 14px; line-height: 14px; }
.LoyaltyPointsContainer-advanceBlock-progress { animation: 0.5s fadeInUp; }
.LoyaltyPointsContainer-advanceBlock-button { padding-top: 23px; text-align: center; }
.LoyaltyPointsContainer-advanceBlock-button button { width: 100%; height: 36px; background: transparent; border: 1px solid var(--azure); text-transform: uppercase; color: var(--white); font-size: 12px; font-weight: 600; border-radius: var(--borderRadius); animation: 0.5s fadeInUp; }
.LoyaltyPointsContainer-advanceBlock-button button:last-child { animation: 0.5s fadeInUp; }
.LoyaltyPointsContainer-advanceBlock-button button:hover { border: 1px solid var(--azure); }
.LoyaltyPointsContainer-advanceBlock-button button.convert { background-image: linear-gradient(to right, rgb(255, 165, 18), rgb(255, 217, 16)); border: medium; text-shadow: rgb(255, 217, 101) 0px 1px 2px; }
.LoyaltyPointsContainer-advanceBlock-button button.convert:hover { box-shadow: rgba(255, 165, 18, 0.4) 0px 0px 20px; }
.LoyaltyPointsContainer-advanceBlock-button button.outline { border-color: rgba(255, 255, 255, 0.16); color: var(--white); }
.LoyaltyPointsContainer-advanceBlock-title { font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 10px; text-align: center; text-transform: uppercase; }
.LoyaltyPointsContainer .currentLevel { display: flex; align-items: center; flex: 0 0 25%; }
.LoyaltyPointsContainer .currentLevel-Icon { max-height: 100px; max-width: 100px; }
.LoyaltyPointsContainer .currentLevel-Icon img { max-height: 100%; }
.LoyaltyPointsContainer .currentLevel-Text { padding: 0px 6px; color: var(--grey9); }
.LoyaltyPointsContainer .currentLevel-Text > * { margin: 0px; }
.LoyaltyPointsContainer .currentLevel-Text h5 { font-weight: 700; font-size: 16px; line-height: 22px; text-transform: uppercase; }
.LoyaltyPointsContainer .currentLevel-Text h6 { font-size: 12px; line-height: 14px; color: var(--white); opacity: 0.6; }
.LoyaltyPointsContainer .currentLPBalance { display: flex; flex-direction: column; align-items: center; flex: 0 0 19%; }
.LoyaltyPointsContainer .currentLPBalance .balance { font-style: normal; font-weight: 700; font-size: 20px; line-height: 27px; color: rgb(255, 214, 16); }
.LoyaltyPointsContainer .currentLPBalance .label { font-size: 12px; line-height: 14px; color: rgba(255, 255, 255, 0.5); mix-blend-mode: normal; opacity: 0.6; }
.LoyaltyPointsContainer-ConvertForm { flex: 0 0 25%; }
.LoyaltyPointsContainer-ConvertForm .InputButton-Container { box-sizing: border-box; border-radius: 8px; position: relative; width: 100%; }
.LoyaltyPointsContainer-ConvertForm .InputButton-Container .inputFormContainer { flex-direction: unset; }
.LoyaltyPointsContainer-ConvertForm .InputButton-Container .inputFormContainer input { background-color: rgb(0, 45, 109); border: 1px solid var(--bgYellow); color: var(--white); font-weight: 700; font-size: 16px; line-height: 22px; height: 48px; outline: none; border-radius: 8px; box-shadow: none; width: 100%; padding-right: 50px; appearance: textfield; }
.LoyaltyPointsContainer-ConvertForm .InputButton-Container .inputFormContainer input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
.LoyaltyPointsContainer-ConvertForm .InputButton-Container .inputFormContainer input:focus { border-color: var(--fontYellow); }
.LoyaltyPointsContainer-ConvertForm .InputButton-Container button { position: absolute; height: 32px; width: auto; font-size: 14px; line-height: 19px; top: 8px; right: 8px; min-width: 90px; }
.LoyaltyPointsContainer-ConvertForm span { mix-blend-mode: normal; font-size: 10px; line-height: 12px; }
.LoyaltyPointsContainer-ConvertForm-Actions { display: flex; flex-direction: row; justify-content: space-between; padding-top: 20px; animation: 0.5s fadeInUp; }
.LoyaltyPointsContainer-ConvertForm-Actions .Button { flex: 1 1 0%; padding-left: 10px; }
@media (min-width: 768px) and (max-width: 992px) {
  .LoyaltyPointsContainer-ConvertForm-Actions .Button { justify-content: flex-end; flex: 0 1 0%; }
}
.LoyaltyPointsContainer-ConvertForm-Actions .Button button { border-radius: 6px !important; padding: 12px 0px; flex: 1 1 0%; }
@media (min-width: 768px) and (max-width: 992px) {
  .LoyaltyPointsContainer-ConvertForm-Actions .Button button { width: 130px; }
}
.LoyaltyPointsContainer-ConvertForm-Actions .Button button span { font-size: 14px; font-weight: 600; }
.LoyaltyPointsContainer-ConvertForm-Actions .YouWillReceive { display: flex; flex-direction: column; align-items: flex-start; }
.LoyaltyPointsContainer-ConvertForm-Actions .YouWillReceive .Label { font-size: 10px; font-weight: 700; color: var(--grey9); text-transform: uppercase; }
.LoyaltyPointsContainer-ConvertForm-Actions .YouWillReceive .Amount > span { padding-top: 5px; background-image: linear-gradient(255deg,var(--green2) 81%,var(--greenBlue1)); background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; white-space: nowrap; color: var(--white); font-size: 20px; line-height: 20px; animation: 2s infinite glowtext; }
.LoyaltyPointsContainer-ConvertForm .NoPoints-wrapper { position: relative; }
@media (min-width: 1200px) {
  .LoyaltyPointsContainer-ConvertForm .NoPoints-wrapper { margin-top: -50px; }
}
.LoyaltyPointsContainer-ConvertForm .NoPoints-wrapper h3 { font-size: 14px; font-weight: 700; text-align: center; color: var(--white); margin-bottom: 4px; }
.LoyaltyPointsContainer-ConvertForm .NoPoints-wrapper h5 { font-size: 12px; font-weight: 500; text-align: center; color: var(--grey9); margin-top: 0px; }
.LoyaltyPointsContainer-ConvertForm .NoPoints-wrapper .goToLoyaltyPageBtn { border-radius: var(--borderRadius); border: 1px solid rgba(255, 255, 255, 0.16); font-size: 12px; font-weight: 700; text-align: center; color: var(--white); margin-top: 16px; padding: 10px 42px; }
.LoyaltyPointsContainer-ConvertForm .NoPoints { padding: 22px 20px; text-align: center; background-color: var(--black3); border-radius: 6px; }
.LoyaltyPointsContainer-ConvertForm .NoPoints span { opacity: 0.6; font-size: 14px; font-weight: 700; text-transform: uppercase; color: var(--grey9); }
@media (min-width: 220px) and (max-width: 576px) {
  .LoyaltyPointsContainer { width: 100%; padding-bottom: 20px; border-radius: 6px; }
  .LoyaltyPointsContainer-victoryCupBlock { border-radius: 6px 6px 0px 0px; }
}
.LoyaltyPointsContainer .Mobile .Inner { display: flex; flex-direction: row; justify-content: space-between; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; }
.LoyaltyPointsContainer .Mobile .Inner .LoyaltyPointsContainer-victoryCupBlock { min-width: 150px; justify-content: flex-start; background-size: 155px; background-repeat: no-repeat; background-position: center top; padding-top: 24px; height: auto; min-height: auto; }
.LoyaltyPointsContainer .Mobile .Inner .image { width: 80px; height: auto; position: relative; }
.LoyaltyPointsContainer .Mobile .Inner-nextLevel { margin-bottom: 24px; }
.LoyaltyPointsContainer .Mobile .Inner .Progress { padding: 24px 20px 0px; flex: 1 1 0%; }
.LoyaltyPointsContainer .Mobile .Inner .Progress button { width: 100%; height: 36px; background: transparent; border: 1px solid var(--azure); text-transform: uppercase; color: var(--white); font-size: 12px; font-weight: 600; border-radius: var(--borderRadius); animation: 0.5s fadeInUp; }
.LoyaltyPointsContainer .Mobile .Inner .Progress button:last-child { animation: 0.5s fadeInUp; }
.LoyaltyPointsContainer .Mobile .Inner .Progress button:hover { border: 1px solid var(--azure); }
.LoyaltyPointsContainer .Mobile .Inner .LoyaltyPointsContainer-ProgressBar .Bar { height: 6px; }
.LoyaltyPointsContainer .Mobile .Converter { border-top: 1px solid var(--bodyBgBlack); padding: 0px 20px; background-color: var(--darkGreyBg1); }
.LoyaltyPointsContainer .Mobile .Converter .LoyaltyPointsContainer-ConvertForm-Actions { padding-top: 24px; }
.LoyaltyPointsContainer .Mobile .Mobile-Titles { margin: 20px 0px; }
.LoyaltyPointsContainer .Mobile .Mobile-Titles h3, .LoyaltyPointsContainer .Mobile .Mobile-Titles h5 { margin: 0px; text-align: center; }
.LoyaltyPointsContainer .Mobile .Mobile-Titles h3 { font-size: 14px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 4px; }
.LoyaltyPointsContainer .Mobile .Mobile-Titles h5 { font-size: 12px; font-weight: 500; color: var(--grey9); }
.LoyaltyPointsContainer .tropy-animate { width: 120px; height: 120px; animation-name: swing; animation-duration: 2.5s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: 1; }
.LoyaltyPointsContainer .image-container { height: 120px; width: 120px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.LoyaltyPointsContainer .point-level-group { display: flex; align-items: center; justify-content: space-around; width: 75%; }
@media (min-width: 992px) {
  .LoyaltyPointsContainer .point-level-group { justify-content: center; position: absolute; top: 38%; width: 100%; }
}
.LoyaltyPointsContainer .point-level-group.last-level { width: unset; right: 2rem; top: 50%; transform: translateY(-50%); }
.LoyaltyPointsContainer .point-level-container { white-space: nowrap; text-align: center; font-size: 12px; font-weight: 700; margin-bottom: 1rem; z-index: 1; flex: 1 1 0%; }
@media (min-width: 992px) {
  .LoyaltyPointsContainer .point-level-container-left { margin-right: 120px; }
}
.LoyaltyPointsContainer .point-level-container-label { color: rgb(150, 152, 161); font-size: 10px; text-transform: uppercase; }
.LoyaltyPointsContainer .point-level-container-id { color: rgb(255, 255, 255); text-transform: uppercase; }
.LoyaltyPointsContainer-programLink { text-decoration: none; }
html[dir="rtl"] .Mobile .Inner { flex-direction: row-reverse; }
html[dir="rtl"] .Mobile .Inner .Progress { flex: 0.8 1 0%; }
html[dir="rtl"] .Mobile .Converter { border-top: 1px solid var(--bodyBgBlack); padding: 0px 20px; background-color: var(--darkGreyBg1); }
html[dir="rtl"] .Mobile .Converter .LoyaltyPointsContainer-ConvertForm-Actions { padding-top: 24px; }
.noWithdrawableBalance { text-align: center; width: 100%; }
.noWithdrawableBalance svg { color: rgba(var(--azure),.8); font-size: 45px; }
.noWithdrawableBalance h3 { color: var(--white); }
.ConfirmationDialog .MuiPaper-root { background: transparent; }
.ConfirmationDialog-Content { background: var(--white); text-align: center; padding: 29px 20px 20px; border-radius: var(--borderRadius); }
.ConfirmationDialog-Content-Img { margin-bottom: 10px; }
.ConfirmationDialog-Content p { max-width: 295px; font-size: 18px; font-weight: 700; color: var(--black2); line-height: 1.2; margin: 0px auto 42px; }
@media (max-width: 320px) {
  .ConfirmationDialog-Content p { font-size: 16px; }
}
.ConfirmationDialog-Actions { display: flex; justify-content: center !important; }
.ConfirmationDialog-Actions .MuiButton-root, .ConfirmationDialog-Actions .MuiButton-text { padding: 0px; }
.ConfirmationDialog-Actions button { padding: 15px 30px; }
@media (max-width: 320px) {
  .ConfirmationDialog-Actions button { padding: 10px 20px; }
}
.ConfirmationDialog-Actions button span { text-transform: uppercase; }
@media (max-width: 320px) {
  .ConfirmationDialog-Actions button span { font-size: 14px; }
}
.ConfirmationDialog-Actions-Cancel { margin-right: 10px; border: 1px solid var(--inputGreyBorder) !important; }
.ConfirmationDialog-Actions-Cancel span { color: var(--azure); }
.gameWrap { height: 100%; padding-top: 2.5rem; padding-bottom: 0px; background-size: 100px; background-repeat: repeat-x; background-position: center bottom; }
.gameWrap .gameContainer { max-width: 1280px; margin: 0px auto; height: 100%; }
.gameWrap .gameContainer .gameContainer { position: relative; }
.gameWrap .gameContainer .gameContainer .game { padding: 16px; background: var(--black3); border-radius: var(--borderRadius); }
.gameWrap .gameContainer .gameContainer .game .gameHeader { display: flex; justify-content: space-between; align-items: center; padding-bottom: 18px; }
.gameWrap .gameContainer .gameContainer .game .gameHeader .gameHeaderTitle { font-size: 22px; color: var(--white); font-weight: 700; margin: 0px; }
.gameWrap .gameContainer .gameContainer .game .gameHeaderButtons { display: flex; align-items: center; }
.gameWrap .gameContainer .gameContainer .game .gameHeaderButtons .ControlButton { border-radius: 6px; border: solid 1px var(--grey7); display: flex; align-items: center; justify-content: center; height: 36px; width: 36px; background-color: transparent; cursor: pointer; }
.gameWrap .gameContainer .gameContainer .game .gameHeaderButtons .ControlButton:first-child { margin: 0px 10px; }
.gameWrap .gameContainer .gameContainer .game .gameHeaderButtons .ControlButton svg { color: var(--grey7); display: flex; }
.gameWrap .gameContainer .gameContainer .game .gameHeaderButtons .ControlButton svg path { fill: var(--grey7); }
.gameWrap .gameContainer .gameContainer .game .gameHeaderButtons .ControlButton:hover { background-color: var(--black3); }
.gameWrap .gameContainer .gameContainer .game .gameLoader { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.gameWrap .Loader { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 4; }
.gameIframe { position: relative; z-index: 9; }
.frameContainer { width: 100%; height: 75vh; }
.resendTimer { color: var(--grey9); text-align: center; margin-bottom: 20px; }
.resendTimer .resendTimerResentButton { width: 100%; background: transparent; border-radius: var(--borderRadius); border: 1px solid var(--inputGreyBorder); font-size: 14px; line-height: 2.14; margin: 15px 0px; padding: 7px 10px; cursor: pointer; text-transform: none; }
.resendTimer .resendTimerResentButton.active { border-color: var(--azure); font-weight: 700; color: var(--azure); text-transform: uppercase; }
.resendTimer .resendTimerResentButton.colored { background-color: var(--azure); background-image: linear-gradient(252deg,var(--darkTurquoise),var(--azure) 47%); border: medium; color: var(--white); }
.resendTimer .resendTimerResentButton.colored:hover { box-shadow: rgba(47, 117, 188, 0.8) 0px 0px 20px; }
.resendTimer .resendTimerResentButton:disabled { opacity: 1; }
.resendTimer .resendTimerCallButton { text-transform: uppercase; }
.resendTimerCallButton, .logoutBtn { border: medium; cursor: pointer; display: inline-block; background: none; outline: none; color: var(--azure); font-weight: 700; font-size: 14px; }
.logout { display: block; margin: 15px auto 20px; }
.content { position: relative; display: flex; justify-content: space-between; margin: 15px auto 0px; }
@media (min-width: 992px) {
  .content { width: 90%; }
}
.content::after { position: absolute; top: 0px; left: 50%; content: ""; width: 1px; height: 28px; background-color: var(--inputGreyBorder); }
.content .supportBtn { max-width: 100px; border: medium; }
.content .supportBtn.line { display: flex; flex-direction: row; align-items: center; }
.content .supportBtn.line img { width: 24px; height: 24px; margin: 0px 8px; }
.content .supportBtn.line span { font-size: 12px; color: var(--grey9); font-weight: 700; }
.content .supportBtn.telegram { display: flex; gap: 0.3125rem; align-items: center; }
.content .supportBtn.telegram span { font-size: 0.75rem; color: var(--grey9); font-weight: 700; }
.content .supportBtn img { max-height: 1.5rem; }
.content .supportBtn .whatsAppIcon, .content .supportBtn .liveChatIcon { height: 24px; }
.verificationCodeText { font-size: 14px; font-weight: 500; text-align: center; color: var(--grey9); }
.verificationCodeText .userPhone, .verificationCodeText b { color: var(--black2); font-weight: 600; display: contents; }
.verificationCodeText .userPhoneNumber { font-size: 16px; font-weight: 700; line-height: 1.88; text-align: center; color: var(--black2); direction: ltr !important; display: inline-block; }
.loginButton { min-height: 48px; }
.EmailConfirmation .MuiDialog-paper { border-radius: var(--borderRadius); }
@media (min-width: 220px) and (max-width: 576px) {
  .EmailConfirmation .codeInputItem input { width: 33px; height: 33px; padding: 0px !important; }
}
.EmailConfirmation-Content { position: relative; min-width: 250px; max-width: 335px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 20px 23px !important; }
@media (max-width: 320px) {
  .EmailConfirmation-Content { min-width: auto; }
}
.EmailConfirmation-Content .resendTimer { width: 100%; margin-bottom: 0px; }
.EmailConfirmation-Content .resendTimer .resendTimerResentButton { margin-bottom: 20px; }
@media (min-width: 220px) and (max-width: 576px) {
  .EmailConfirmation-Content .resendTimer .resendTimerResentButton span { font-size: 12px; }
}
.EmailConfirmation-Content .content { width: 80%; margin: 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  .EmailConfirmation-Content .content { width: 100%; }
}
.EmailConfirmation-Content h1 { font-size: 22px; font-weight: 700; text-align: center; color: var(--bodyBgBlack); margin-bottom: 13px; margin-top: 0px; }
.EmailConfirmation-Content h3 { font-size: 14px; font-weight: 500; text-align: center; color: var(--grey9); margin-top: 0px; margin-bottom: 28px; }
.EmailConfirmation-Content h3 strong { font-weight: 700; color: var(--bodyBgBlack); display: block; }
@media (min-width: 220px) and (max-width: 576px) {
  .EmailConfirmation-Content h3 { font-size: 12px; }
}
.EmailConfirmation-Content .formFooter { display: flex; flex-direction: column; width: 100%; }
.EmailConfirmation-Content .formFooter button { padding: 15px 0px; }
.sportbook-maintenence { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; width: 100vw; box-sizing: border-box; padding: calc(var(--headerHeight) + 1.25rem) 1.25rem 1.25rem; }
.sportbook-maintenence svg { color: var(--yyy-white); width: 5.3125rem; height: 5.3125rem; margin-bottom: 0.625rem; }
.sportbook-maintenence a, .sportbook-maintenence p, .sportbook-maintenence span { font-size: 1rem; }
.sportbook-maintenence p { color: var(--yyy-white); text-align: center; margin-bottom: 1rem; margin-top: 0px; }
.sportbook-maintenence__suggestion { display: inline-flex; color: var(--yyy-white); white-space: pre; }
.sportbook-maintenence__suggestion a { color: var(--yyy-white); text-decoration: underline; display: inline-block; font-weight: 600; }
.dialog-popup { outline: none; border: medium; width: 100%; max-width: 100%; max-height: unset; position: fixed; top: auto; bottom: 0px; left: 0px; box-sizing: border-box; padding: 40px; margin: 0px; }
.dialog-popup::backdrop { opacity: 0.7; background: var(--yyy-dark-blue); }
.dialog-popup-inner { width: 100%; max-width: 1280px; margin: auto; }
.dialog-popup-inner--title { font-size: 3.125rem; margin: 0px 0px 20px; color: var(--yyy-vip-dark-gold); font-weight: 500; line-height: 54px; max-width: 800px; }
@media (min-width: 220px) and (max-width: 576px) {
  .dialog-popup-inner--title { font-size: 1.5rem; line-height: 120%; padding-inline-end: 50px; }
}
.dialog-popup-inner--text { font-size: 1.25rem; color: var(----yyy-dark-blue); font-weight: 400; line-height: 140%; white-space: pre-wrap; max-width: 800px; }
@media (min-width: 220px) and (max-width: 576px) {
  .dialog-popup-inner--text { font-size: 1.125rem; }
}
.dialog-popup--mainBtn { width: fit-content; }
.dialog-popup--closeBtn { height: 30px; width: 30px; position: absolute; top: 40px; inset-inline-end: 40px; cursor: pointer; }
@media (min-width: 220px) and (max-width: 576px) {
  .dialog-popup--closeBtn { top: 16px; inset-inline-end: 16px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .dialog-popup { padding: 16px; }
}
.app-header { --app-header-height: 3.5rem; --app-header-background-sticky: var(--yyy-dark-blue-lvl-3); }
html[dir="rtl"] .app-header__menu { margin-right: 0px; margin-left: 0.625rem; }
.app-header .app-header__logo { margin-top: 0.375rem; }
@media (min-width: 1200px) {
  .app-header .app-header__logo { margin-top: -0.5625rem; }
}
.app-header .app-header__container { gap: 0px; min-width: 5rem; }
.app-header .app-header__logo-container { gap: 0px; min-width: 3.125rem; }
.app-header .app-header__logo-container, .app-header .app-header__logo, .app-header .app-header__logo > .default-logo-wrapper { min-width: 5rem; }
.app-header .HeaderSignInUpButtons .Buttons { gap: 0.0625rem; }
.app-header .HeaderSignInUpButtons .Buttons button { font-size: 0.75rem; }
.header-user-menu { --header-user-menu-border-radius: var(--borderRadius); --header-user-menu-background-color: var(--yyy-dark-blue-lvl-1); --header-user-menu-box-shadow-color: var(--yyy-dark-blue-lvl-3); --header-user-menu-divider-color: var(--yyy-dark-blue-lvl-2); --header-user-menu-username-text-color: var(--yyy-ui-dark-grey); --header-user-menu-balance-text-color: var(--yyy-primary-yellow); --header-user-menu-link-icon-color: var(--yyy-ui-dark-grey); --header-user-menu-link-text-color: var(--yyy-white); --header-user-menu-logout-text-color: var(--yyy-ui-dark-grey); --header-user-menu-vip-balance-text-color: var(--yyy-vip-light-gold); --header-user-menu-vip-icon-color: var(--yyy-vip-light-gold); }
html[dir="rtl"] .header-user-menu { margin-right: 0px; margin-left: -1rem; }
html[dir="rtl"] .header-user-menu .header-user-menu__data { align-items: flex-end; }
.HeaderGameFilter { --filtersContainerTopSpace: var(--app-header-height); z-index: 999; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-image: linear-gradient(to right,var(--black2),var(--greyDark2) 15%,var(--greyDark2) 86%,var(--black2)); box-shadow: 0 10px 30px var(--black2); border-radius: 0px; margin: 0px; transition: transform 0.2s; will-change: transform; }
.HeaderGameFilter--static, .HeaderGameFilter--sticky { position: relative; top: auto; }
.HeaderGameFilter--auto-hide { position: sticky; top: var(--filtersContainerTopSpace); }
.HeaderGameFilter--auto-hide.HeaderGameFilter--isCtaEnabled { top: calc(var(--filtersContainerTopSpace) + var(--topCtaHeight)); }
.HeaderGameFilter--hidden { transform: translateY(-250%); pointer-events: none; }
.HeaderGameFilter .Menu-Item { display: flex; justify-content: center; flex-direction: column; width: 80px; padding: 18px 0px; text-decoration: none; }
.HeaderGameFilter .Menu-Item #input-with-icon-textfield img { padding: 8px; }
.HeaderGameFilter .HeaderGameFilter-InnerContainer { display: flex; width: 100%; box-sizing: inherit; align-items: center; }
@media (min-width: 768px) {
  .HeaderGameFilter .HeaderGameFilter-InnerContainer { justify-content: space-between; }
}
.HeaderGameFilter .HeaderGameFilter-InnerContainer .MuiToolbar-regular { min-height: 76px; }
.HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List { display: flex; padding-left: 0px; }
@media (min-width: 768px) {
  .HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List { margin-right: 58px; }
}
.HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item { width: 80px; position: relative; display: flex; flex-direction: column; justify-content: center; justify-items: center; text-align: center; border-radius: var(--borderRadius); cursor: pointer; overflow: hidden; padding: 11px 0px 7px; }
.HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item:hover { background-color: rgba(33, 38, 51, 0.3); }
.HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item:hover .LinkTitle { color: var(--white); }
.HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item:hover svg { transform: translateY(-3px); transition: all .34s var(--transitionTimingFunction); }
.HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item.Active { background-color: var(--azure); background-image: linear-gradient(211deg,var(--darkTurquoise) 10%,var(--azure) 70%); }
.HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item.Active span.LinkTitle, .HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item.Active svg { color: var(--white); }
.HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item .LinkIcon { color: var(--azure); min-height: 29px; }
.HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item .LinkIcon svg { width: 34px; transition: all .34s var(--transitionTimingFunction); }
.HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item .LinkTitle { font-size: 12px; line-height: 14px; display: flex; align-items: center; text-align: center; letter-spacing: 0.5px; text-transform: uppercase; font-weight: 700; color: var(--grey9); justify-content: center; margin-top: 5px; }
.HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List ul { padding-top: 0px; padding-bottom: 0px; }
@media (max-width: 1200px) {
  .HeaderGameFilter .Menu-Item { font-size: 10px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .HeaderGameFilter { overflow: scroll hidden; scrollbar-width: none; }
  .HeaderGameFilter::-webkit-scrollbar { display: none; }
  .HeaderGameFilter::-webkit-scrollbar-track { display: none; }
  .HeaderGameFilter::-webkit-scrollbar-thumb { display: none; }
  .HeaderGameFilter::-webkit-scrollbar-button { display: none; }
  .HeaderGameFilter .HeaderGameFilter-InnerContainer { height: 100%; }
  .HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List { padding: 0.5rem 0.75rem; display: flex; height: 100%; }
  .HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item { width: 61px; padding-bottom: 8px; margin-right: 0px; padding-left: 15px !important; padding-right: 15px !important; display: flex; align-items: center; }
  .HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item .link { width: 40px; height: 47px; }
  .HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item .link .LinkIcon { margin-top: 2px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; }
  .HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item .link .LinkIcon svg { max-width: 100%; }
  .HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item .link .gameName { margin-top: 0px; padding-top: 3px; font-size: 10px; }
  .HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item { width: 50px !important; }
  .HeaderGameFilter .HeaderGameFilter-InnerContainer .Categories-List .Menu-Item :last-child { margin-right: 0px; }
}
.GamesSearch { height: 42px; display: flex; align-items: center; border-radius: var(--borderRadius); background-color: var(--black3); padding: 0px 6px; }
@media (min-width: 1200px) {
  .GamesSearch { width: 335px; }
}
.GamesSearch.HideProviders .ProvidersDropdown { display: none; }
.GamesSearch.HideProviders .searchBox .searchInput { color: var(--white); border-radius: var(--borderRadius); }
.GamesSearch.HideProviders .searchBox .searchInput::placeholder { color: var(--grey9); }
.GamesSearch .ProvidersDropdown { height: 36px; display: flex; align-items: center; background-color: var(--greyDark2); border-radius: var(--borderRadius); padding-right: 6px; padding-left: 12px; cursor: pointer; }
.GamesSearch .ProvidersDropdown .Title { color: var(--grey9); font-size: 12px; white-space: nowrap; text-transform: uppercase; font-weight: 700; }
.GamesSearch .ProvidersDropdown .Title.HasProviders { color: var(--white); }
.GamesSearch .ProvidersDropdown .dropDownArrow svg { transform: rotate(180deg); margin-top: 5px; margin-left: 3px; }
.GamesSearch .ProvidersDropdown .dropDownArrow.active svg { transform: rotate(0deg); margin-top: 3px; }
.GamesSearch .ProvidersDropdown svg { color: var(--brown2); width: 18px; height: 18px; }
.GamesSearch .searchBox { position: relative; }
@media (min-width: 220px) and (max-width: 576px) {
  .GamesSearch .searchBox { min-width: 170px; width: 100%; }
}
.GamesSearch .searchBox .searchIcon { position: absolute; top: 13px; height: 18px; width: 18px; left: 15px; background-position: center center; background-image: url("search-icon.svg"); }
.GamesSearch .searchBox .checkSearchIcon svg path { fill: var(--grey9); transition: all .34s var(--transitionTimingFunction); }
.GamesSearch .searchBox .clearIcon { width: 24px; height: 24px; position: absolute; top: 12px; right: 10px; background: rgba(var(--grey9),.18); border-radius: var(--borderRadius); cursor: pointer; }
.GamesSearch .searchBox svg { color: var(--greyText5); fill: var(--grey9); }
.GamesSearch .searchBox .searchInput { width: 100%; height: 42px; background: transparent; box-sizing: border-box; border: medium; outline: none; cursor: pointer; color: var(--white); font-size: 14px; font-weight: 600; padding-left: 45px; padding-right: 10px; transition: 0.3s; }
.GamesSearch .searchBox .searchInput::placeholder, .GamesSearch .searchBox .searchInput::-webkit-input-placeholder { color: var(--grey9); font-weight: 500; opacity: 0.7; }
@media (min-width: 220px) and (max-width: 576px) {
  .GamesSearch .searchBox .searchInput { max-width: calc(100% - 10px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; padding-right: 10px; padding-left: 10px; }
}
.GamesSearch .searchBox .searchInput:autofill, .GamesSearch .searchBox .searchInput:autofill:hover, .GamesSearch .searchBox .searchInput:autofill:focus { -webkit-text-fill-color: var(--white); box-shadow: transparent 0px 0px 0px 1000px inset; transition: background-color 5000s ease-in-out; }
.GamesSearch._OnMainPage { display: none; }
.GamesSearch-Mobile { position: relative; padding: 0px 20px; }
.GamesSearch-Mobile.isMainPage { top: 0px; padding-bottom: 0px; }
.ProvidersContainer { position: absolute; top: calc(100% + 4px); left: 50%; transform: translate(-50%); width: 69%; z-index: 1001; background-color: rgba(50, 55, 70, 0.8); backdrop-filter: blur(10px); box-shadow: 0 10px 30px 0 var(--black2); border-radius: var(--borderRadius); padding-top: 20px; padding-left: 20px; }
@media (max-width: 1150px) {
  .ProvidersContainer { width: calc(100% - 70px); }
}
.ProvidersContainer-Header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; font-size: 18px; font-weight: 700; color: var(--grey9); }
@media (max-width: 767px) {
  .ProvidersContainer-Header { font-size: 16px; }
}
.ProvidersContainer-Header-Buttons { display: inline-flex; }
.ProvidersContainer-Header-Buttons .ProvidersClearFilterButton, .ProvidersContainer-Header-Buttons .ProvidersCloseButton { height: 36px; border-radius: var(--borderRadius); border: 1px solid rgba(var(--grey9),.3); color: var(--grey9); margin-right: 10px; }
.ProvidersContainer-Header-Buttons .ProvidersClearFilterButton { font-size: 12px; font-weight: 700; text-align: center; padding: 0px 20px; animation: 0.2s fadeIn; }
@media (max-width: 767px) {
  .ProvidersContainer-Header-Buttons .ProvidersClearFilterButton { padding-right: 8px; padding-left: 8px; }
}
.ProvidersContainer-Header-Buttons .ProvidersCloseButton { width: 36px; }
.ProvidersContainer-Header-Buttons .ProvidersCloseButton .MuiSvgIcon-root { fill: var(--grey9); }
.ProvidersContainer-Section { border-radius: 4px; display: grid; grid-template-columns: repeat(7, 1fr); column-gap: 10px; }
@media (max-width: 1150px) {
  .ProvidersContainer-Section { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 767px) {
  .ProvidersContainer-Section { grid-template-columns: repeat(2, 1fr); }
}
.ProvidersContainer-Section .ProviderItem { position: relative; margin-bottom: 18px; display: flex; line-height: 24px; align-items: center; cursor: pointer; }
.ProvidersContainer-Section .ProviderItem-Name { padding-left: 40px; font-size: 12px; font-weight: 700; color: var(--grey9); text-transform: capitalize; }
.ProvidersContainer-Section .ProviderItem.Selected .ProviderItem-Name { color: var(--white); }
.ProvidersContainer-Section .ProviderItem.Selected::before { background: url("check-icon-copy-2.svg") no-repeat center,linear-gradient(207deg,var(--darkTurquoise),var(--azure)); }
.ProvidersContainer-Section .ProviderItem:hover { cursor: pointer; }
.ProvidersContainer-Section .ProviderItem:hover .ProviderItem-Name { color: var(--white); }
.ProvidersContainer-Section .ProviderItem::before { width: 20px; height: 20px; position: absolute; left: 0px; display: block; content: ""; border-radius: var(--borderRadius); border: 1px solid transparent; background-color: var(--black3); }
.Providers.isMainPage { padding-top: 20px; }
@media (min-width: 220px) and (max-width: 576px) {
  .Providers > .GamesSearch { margin-top: 1rem; }
}
.Providers-Container { --sidePadding: 57px; padding: 25px var(--sidePadding); position: relative; }
.Providers-Container .Scroll-Indicator { background: transparent; position: absolute; top: 0px; width: 50px; height: 100%; }
@media (min-width: 220px) and (max-width: 576px) {
  .Providers-Container .Scroll-Indicator { display: none; }
}
.Providers-Container .Scroll-Indicator.Left { left: var(--sidePadding); background: linear-gradient(90deg, rgb(28, 30, 39), rgba(0, 0, 0, 0)); }
.Providers-Container .Scroll-Indicator.Right { right: var(--sidePadding); background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(28, 30, 39)); }
.Providers-Container .providers-batch { scroll-snap-type: x mandatory; scrollbar-width: none; scroll-snap-align: center; scroll-behavior: smooth; overflow-x: auto; transition-duration: 0.5s; }
.Providers-Container .providers-batch.IsExpanded { display: grid; grid-template-columns: repeat(var(--gridTemplateColumns),1fr); gap: 10px 30px; grid-auto-columns: minmax(100px, auto); }
@media (min-width: 220px) and (max-width: 576px) {
  .Providers-Container .providers-batch.IsExpanded { gap: 10px; }
}
.Providers-Container .providers-batch.Center { justify-content: center; }
.Providers-Container .providers-batch.OneLine { display: flex; flex-direction: row; gap: 10px; }
.Providers-Container .providers-batch::-webkit-scrollbar { display: none; }
.Providers-Container .providers-batch .Provider-Item { min-width: 148px; height: 54px; align-items: center; justify-content: center; display: flex; border: 1px solid transparent; border-radius: 6px; color: var(--greyText6); position: relative; scroll-snap-align: center; }
@media (min-width: 220px) and (max-width: 576px) {
  .Providers-Container .providers-batch .Provider-Item { width: 124px; min-width: 124px; height: 54px; }
}
.Providers-Container .providers-batch .Provider-Item:hover { cursor: pointer; background-color: var(--greyDark2); color: var(--white); }
.Providers-Container .providers-batch .Provider-Item img { height: 40px; }
.Providers-Container .providers-batch .Provider-Item.Selected { color: var(--white); border-color: var(--azure); background-color: var(--greyDark2); }
.Providers-Container .providers-batch .Provider-Item.Selected::before { content: ""; border-radius: 5px; position: absolute; width: 100%; height: 100%; left: 0px; padding: 2px; box-sizing: border-box; border: 2px solid var(--black3); box-shadow: rgba(52, 152, 253, 0.2) 0px 0px 10px inset; }
.Providers-Container .providers-batch-skeleton { width: 16.6666%; }
.Providers-Container .providers-batch-skeleton--mobile { width: 33.3333%; }
.Providers-Container .Expand { position: absolute; background: linear-gradient(90deg,rgba(0,0,0,0) 0%,var(--greyMid2) 50%,rgba(0,0,0,0) 100%); width: 100%; height: 2px; bottom: 0px; left: 0px; display: flex; justify-content: center; align-items: center; }
.Providers-Container .Expand button { width: 60px; height: 26px; padding: 4px 23px 3px; border-radius: 20px; background-color: var(--greyMid2); outline: none; border: medium; }
.Providers-Container .Expand button img { transition-duration: 0.5s; transform: rotate(180deg); }
.Providers-Container .Expand button.IsExpanded img { transform: rotate(0deg); }
.Providers-Container .Expand button:hover { cursor: pointer; scale: 1.05; }
@media (min-width: 220px) and (max-width: 576px) {
  .Providers-Container { padding: 10px 0px 25px; }
}
.Providers-Container-Navigation { background: transparent; width: 40px; height: 40px; border-radius: 8px; border: solid 1px var(--grey10); align-items: center; justify-content: center; position: absolute; top: 50%; display: flex; transform: translateY(-50%); }
.Providers-Container-Navigation.rtl { transform: translateY(-50%) rotate(180deg); }
.Providers-Container-Navigation.rtl.Prev { right: 0px; left: auto; }
.Providers-Container-Navigation.rtl.Next { left: 0px; right: auto; }
.Providers-Container-Navigation.Prev { left: 0px; }
.Providers-Container-Navigation.Prev .icon { transform: scaleX(-1); }
.Providers-Container-Navigation.Next { right: 0px; }
.Providers-Container-Navigation .icon { display: flex; }
.Providers-Container-Navigation .icon div, .Providers-Container-Navigation .icon svg { width: 1.25rem; height: 1.25rem; color: var(--grey10); }
@media (min-width: 220px) and (max-width: 576px) {
  .Providers { padding-left: 0px; padding-right: 0px; }
  .Providers .GamesSearch { border-radius: 20px; }
  .Providers .GamesSearch-Mobile.NoProviders { padding-bottom: 20px; }
}
.HeaderSlider { max-width: 1440px; height: max(430px, min(580px, 100vh)); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.HeaderSlider .slick-slider, .HeaderSlider .slick-list { overflow: hidden; }
.HeaderSlider .slick-slide.slick-active { visibility: visible; }
.HeaderSlider + .games-filters { margin-top: 1.5rem; }
.HeaderSlider:not(.topCtaVisible) { margin: auto; }
.HeaderSlider.topCtaVisible { margin: 1.875rem auto; }
.HeaderSlider-Item { position: relative; height: max(430px, min(580px, 100vh)); background-image: var(--mobile-img); background-size: cover; background-repeat: no-repeat; background-position: center center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .HeaderSlider-Item { background-image: var(--desktop-img) !important; }
}
@media (min-width: 992px) {
  .HeaderSlider-Item { background-image: var(--desktop-img); }
}
.HeaderSlider-Item img { position: relative; max-width: 100vw; max-height: 100vh; }
.HeaderSlider-Item button { position: relative; margin-top: 1.6rem; }
.HeaderSlider .slick-dots { position: absolute; bottom: 0px; }
.HeaderSlider .slick-dots li { margin: 0px; }
.HeaderSlider .slick-dots li button::before { color: rgb(98, 104, 122); font-size: 6px; }
.HeaderSlider .slick-dots li.slick-active button::before { color: rgb(120, 126, 142); font-size: 8px; }
.PaymentsMethods { position: relative; display: flex; justify-content: space-around; flex-wrap: wrap; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: var(--borderRadius); margin-top: 32px; margin-bottom: 0px; padding: 10px; }
@media (min-width: 220px) and (max-width: 576px) {
  .PaymentsMethods { padding-right: 5px; padding-left: 5px; }
}
@media (max-width: 320px) {
  .PaymentsMethods { padding-right: 0px; padding-left: 0px; }
}
.PaymentsMethods .Title { position: absolute; top: -20px; background-color: rgb(28, 30, 39); font-size: 12px; font-weight: 700; color: var(--grey9); text-transform: uppercase; padding: 0px 8px; }
.PaymentsMethods .Methods { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }
.banner { cursor: pointer; border: medium; border-radius: 4px; margin-top: 72px; display: flex; background-position: center center; background-size: cover; height: 124px; }
.banner .bannerWrap { display: flex; justify-content: flex-end; align-items: center; width: 100%; }
.banner .bannerWrap .bannerTextContainer { padding-right: 20px; }
.banner .bannerWrap .bannerTextContainer .topText { color: var(--white); text-align: left; font-size: 20px; text-transform: uppercase; font-weight: 600; line-height: 1.5; margin: 0px; }
.banner .bannerWrap .bannerTextContainer .goldText { font-size: 22px; line-height: 26px; align-items: center; text-align: left; font-weight: 600; background-image: linear-gradient(to right,var(--yellowLight),var(--yellowDark)); background-clip: text; -webkit-text-fill-color: transparent; margin: 4px 0px 0px; }
.banner .bannerWrap .buttonContainer .depositButton { width: 170px; height: 42px; border-radius: 4px; margin-right: 41px; box-shadow: rgba(48, 43, 44, 0.9) 0px 10px 30px; background-image: linear-gradient(to right,var(--yellowLight),var(--yellowDark)); border: medium; font-size: 16px; font-weight: 600; color: var(--white); text-align: center; cursor: pointer; }
@media (min-width: 576px) and (max-width: 992px) {
  .banner { background-position: center center; background-size: cover; height: 130px; }
  .banner .bannerWrap { flex-wrap: wrap; }
  .banner .bannerWrap .bannerTextContainer { max-width: 300px; padding-right: 26px; }
  .banner .bannerWrap .bannerTextContainer .topText { font-size: 16px; line-height: normal; width: 100%; }
  .banner .bannerWrap .bannerTextContainer .goldText { font-size: 18px; line-height: normal; width: 100%; }
  .banner .bannerWrap .bannerTextContainer .buttonContainer { width: 100%; }
}
@media (max-width: 768px) {
  .banner { background-position: center center; background-size: cover; }
  .banner .bannerWrap .buttonContainer .depositButton { display: none; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .banner { height: 315px; background-size: cover; background-position: center center; display: flex; align-items: flex-end; }
  .banner .bannerWrap { display: block; text-align: center; bottom: 1.5rem; position: relative; }
  .banner .bannerWrap .bannerTextContainer { padding: 0px; }
  .banner .bannerWrap .bannerTextContainer .goldText { text-align: center; padding: 0px 20px; font-size: 18px; width: 60%; margin: 0px auto !important; }
  .banner .bannerWrap .bannerTextContainer .topText { text-align: center; padding: 0px 20px; font-size: 18px; }
  .banner .bannerWrap .buttonContainer .depositButton { display: block; margin: 21px auto 0px; }
}
.AppFooterContainer .banner { cursor: pointer; border: medium; border-radius: 4px; margin-top: 72px; display: flex; background-position: center center; background-size: cover; height: 124px; }
.AppFooterContainer .banner .bannerWrap { display: flex; justify-content: flex-end; align-items: center; width: 100%; }
.AppFooterContainer .banner .bannerWrap .bannerTextContainer { padding-right: 20px; }
.AppFooterContainer .banner .bannerWrap .bannerTextContainer .topText { color: var(--white); text-align: left; font-size: 20px; text-transform: uppercase; font-weight: 600; line-height: 1.5; margin: 0px; }
.AppFooterContainer .banner .bannerWrap .bannerTextContainer .goldText { font-size: 22px; line-height: 26px; align-items: center; text-align: left; font-weight: 600; background-image: linear-gradient(to right,var(--yellowLight),var(--yellowDark)); background-clip: text; -webkit-text-fill-color: transparent; margin: 4px 0px 0px; }
.AppFooterContainer .banner .bannerWrap .buttonContainer .depositButton { width: 170px; height: 42px; border-radius: 4px; margin-right: 41px; box-shadow: rgba(48, 43, 44, 0.9) 0px 10px 30px; background-image: linear-gradient(to right,var(--yellowLight),var(--yellowDark)); border: medium; font-size: 16px; font-weight: 600; color: var(--white); text-align: center; cursor: pointer; }
@media (min-width: 576px) and (max-width: 992px) {
  .AppFooterContainer .banner { background-position: center center; background-size: cover; height: 130px; }
  .AppFooterContainer .banner .bannerWrap { flex-wrap: wrap; }
  .AppFooterContainer .banner .bannerWrap .bannerTextContainer { max-width: 300px; padding-right: 26px; }
  .AppFooterContainer .banner .bannerWrap .bannerTextContainer .topText { font-size: 16px; line-height: normal; width: 100%; }
  .AppFooterContainer .banner .bannerWrap .bannerTextContainer .goldText { font-size: 18px; line-height: normal; width: 100%; }
  .AppFooterContainer .banner .bannerWrap .bannerTextContainer .buttonContainer { width: 100%; }
}
@media (max-width: 768px) {
  .AppFooterContainer .banner { background-position: center center; background-size: cover; }
  .AppFooterContainer .banner .bannerWrap .buttonContainer .depositButton { display: none; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .AppFooterContainer .banner { height: 315px; background-size: cover; background-position: center center; display: flex; align-items: flex-end; }
  .AppFooterContainer .banner .bannerWrap { display: block; text-align: center; bottom: 1.5rem; position: relative; }
  .AppFooterContainer .banner .bannerWrap .bannerTextContainer { padding: 0px; }
  .AppFooterContainer .banner .bannerWrap .bannerTextContainer .goldText { text-align: center; padding: 0px 20px; font-size: 18px; width: 60%; margin: 0px auto !important; }
  .AppFooterContainer .banner .bannerWrap .bannerTextContainer .topText { text-align: center; padding: 0px 20px; font-size: 18px; }
  .AppFooterContainer .banner .bannerWrap .buttonContainer .depositButton { display: block; margin: 21px auto 0px; }
}
.banner2 { border: medium; border-radius: 4px; margin-top: 72px; display: flex; height: 124px; position: relative; cursor: pointer; background-size: cover; background-position: center center; }
.banner2 .containerText { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; display: flex; align-items: center; width: 100%; justify-content: flex-end; }
.banner2 .containerText .textGoldBlock { display: flex; align-items: center; max-width: 530px; }
.banner2 .containerText .textGoldBlock .goldsBlock { display: flex; align-items: center; justify-content: center; }
.banner2 .containerText .textGoldBlock .goldsBlock .goldsImg { background: rgba(87, 82, 54, 0.4); margin-right: 18px; }
.banner2 .containerText .textGoldBlock .goldsBlock .goldsImg .goldsImgWeb { display: block; }
.banner2 .containerText .textGoldBlock .goldsBlock .goldsImg .goldsImgMobile { display: none; }
.banner2 .containerText .textGoldBlock .goldsBlock .goldsText { font-size: 22px; font-weight: 700; color: var(--white); text-transform: uppercase; }
.banner2 .containerText .depositButton { width: 170px; height: 42px; border-radius: 4px; margin-right: 41px; box-shadow: rgba(48, 43, 44, 0.9) 0px 10px 30px; background-image: linear-gradient(to right,var(--yellowLight),var(--yellowDark)); border: medium; font-size: 16px; font-weight: 600; color: var(--white); text-align: center; cursor: pointer; }
@media (min-width: 576px) and (max-width: 992px) {
  .banner2 { height: 130px; background-size: cover; background-position: center center; }
  .banner2 .containerText .textGoldBlock { max-width: 330px; }
  .banner2 .containerText .textGoldBlock .goldsBlock { display: block; }
  .banner2 .containerText .textGoldBlock .goldsBlock .goldsImg { background: transparent; margin-bottom: 6px; }
  .banner2 .containerText .textGoldBlock .goldsBlock .goldsImg .goldsImgWeb { display: none; }
  .banner2 .containerText .textGoldBlock .goldsBlock .goldsImg .goldsImgMobile { display: block; }
  .banner2 .containerText .textGoldBlock .goldsBlock .goldsText { font-size: 18px; margin-right: 33px; }
}
@media (max-width: 768px) {
  .banner2 { background-position: left center; }
  .banner2 .containerText .depositButton { display: none; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .banner2 { height: 240px; background-size: cover; background-position: center top; }
  .banner2 .containerText { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; display: block; text-align: center; }
  .banner2 .containerText .textGoldBlock { max-width: 360px; margin: 0px auto; }
  .banner2 .containerText .textGoldBlock .goldsBlock { display: block; text-align: center; margin-bottom: 10px; }
  .banner2 .containerText .textGoldBlock .goldsBlock .goldsText { margin: 0px auto; font-size: 18px; }
  .banner2 .containerText .textGoldBlock .goldsBlock .goldsImg { display: flex; justify-content: center; margin-bottom: 9px; }
  .banner2 .containerText .textGoldBlock .goldsBlock .goldsImg .goldsImgWeb { display: none; }
  .banner2 .containerText .textGoldBlock .goldsBlock .goldsImg .goldsImgMobile { display: block; }
  .banner2 .containerText .depositButton { margin: 0px auto; display: block; }
}
.FooterMenu { width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 80px 0px 30px; }
.FooterMenu a { font-size: 12px; display: flex; align-items: center; margin: 10px 30px; cursor: pointer; text-decoration: none; font-weight: 700; text-transform: uppercase; color: var(--grey9); transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
.FooterMenu a:active, .FooterMenu a:hover { color: var(--white); transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
@media (min-width: 220px) and (max-width: 576px) {
  .FooterMenu { flex-flow: column wrap; }
  .FooterMenu > div { width: 100%; }
  .FooterMenu a { margin: 10px 20px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .FooterMenu { border: medium; height: auto; margin: 30px 0px; padding: 0px; }
  .FooterMenu a { width: 100%; border-bottom: 1px solid var(--greyDark2); font-size: 12px; text-transform: capitalize; padding: 17px 0px; margin: 0px; position: relative; }
  .FooterMenu a::after { content: ""; width: 16px; height: 16px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%) rotate(90deg); opacity: 0.5; }
  .FooterMenu a:first-child { border-top: 1px solid var(--greyDark2); }
}
.FooterPartners { margin-top: 32px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.FooterPartners._ar img { opacity: 0.8; filter: grayscale(1); }
.FooterPartners img { filter: brightness(0) invert(1); height: 40px; margin-bottom: 14px; margin-right: 14px; opacity: 0.6; }
.FooterPartners img svg, .FooterPartners img path { color: var(--grey9) !important; }
.FooterPartners img svg * { fill: currentcolor; }
@media (min-width: 220px) and (max-width: 576px) {
  .FooterPartners { text-align: center; justify-content: center; }
}
.footer-license-info { --license-text-color: var(--yyy-ui-dark-grey); --license-link-color: var(--yyy-primary-blue); }
#chat-widget-container { bottom: 0px !important; z-index: 1000 !important; left: 5px; opacity: 0; }
@media (min-width: 220px) and (max-width: 576px) {
  #chat-widget-container.loggedIn { bottom: 60px !important; }
  #chat-widget-container.loggedIn > iframe#chat-widget { height: calc(100% - 60px) !important; top: 60px !important; }
}
#chat-widget-container.deposit-page-chat { opacity: 0 !important; }
#chat-widget-container.chat-minimized-once, #chat-widget-container.chat-minimized-once.deposit-page-chat, #chat-widget-container.askhelp-clicked-once, #chat-widget-container.no-chat-bubble.deposit-page-chat { opacity: 1 !important; }
@media (min-width: 220px) and (max-width: 576px) {
  #chat-widget-container.loggedIn.deposit-page-chat, #chat-widget-container.deposit-page-chat { bottom: 1rem !important; }
  [dir="rtl"] #chat-widget-container.loggedIn.deposit-page-chat, [dir="rtl"] #chat-widget-container.deposit-page-chat { right: auto !important; left: -0.3125rem !important; }
  [dir="rtl"] #chat-widget-container.loggedIn.deposit-page-chat.chat-open, [dir="rtl"] #chat-widget-container.deposit-page-chat.chat-open { left: 0px !important; }
  #chat-widget-container.loggedIn, #chat-widget-container { right: -0.3125rem !important; left: auto !important; }
  [dir="rtl"] #chat-widget-container.loggedIn, [dir="rtl"] #chat-widget-container { right: auto !important; left: -0.3125rem !important; }
  [dir="rtl"] #chat-widget-container.loggedIn.chat-open, [dir="rtl"] #chat-widget-container.chat-open { left: 0px !important; }
  #chat-widget-container.loggedIn.chat-open, #chat-widget-container.chat-open { bottom: 0px !important; }
}
#chat-widget-container.chat-open { opacity: 1 !important; }
@media (min-width: 220px) and (max-width: 576px) {
  #chat-widget-container.chat-open { right: 0px !important; bottom: 0px !important; }
  #chat-widget-container.chat-open > iframe#chat-widget { height: 100% !important; top: 0px !important; }
}
.RootCopyright { display: flex; align-items: center; margin-top: 2rem; justify-content: space-between; border-top: 1px solid var(--greyDark2); padding-top: 1.0625rem; padding-bottom: 1.5rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .RootCopyright { margin-bottom: 3.75rem; }
}
.RootCopyright .copyright { font-size: 12px; color: var(--grey9); margin: 0px; opacity: 0.6; }
.RootCopyright .ageLimit { display: flex; align-items: center; cursor: pointer; text-decoration: none; }
.RootCopyright .ageLimit .copyright { opacity: 1; }
.RootCopyright .ageLimit .img > div { display: flex; align-items: center; }
.RootCopyright .ageLimit svg { width: 24px; height: 24px; fill: var(--grey9); }
.RootCopyright .ageLimit p { padding-left: 0.5rem; color: var(--grey9); text-transform: uppercase; font-size: 10px; font-weight: 700; }
.RootCopyright .support-container { display: flex; flex-direction: column; cursor: pointer; }
.RootCopyright .support-container.line { display: flex; flex-direction: row; align-items: center; }
.RootCopyright .support-container.line svg { width: 30px; height: 30px; margin: 0px 0.5rem; }
.RootCopyright .support-container.line span { margin: 0px; font-size: 12px; }
.RootCopyright .support-container.telegram { display: flex; flex-direction: row; align-items: center; }
.RootCopyright .support-container svg { height: 24px; width: 103px; margin: 0px auto; }
.RootCopyright .support-container span { color: var(--white); font-weight: 700; font-size: 12px; margin-top: 0.1875rem; white-space: nowrap; }
@media (min-width: 576px) and (max-width: 992px) {
  .RootCopyright { margin-top: 0px; text-align: center; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .RootCopyright { flex-direction: column; text-align: center; }
  .RootCopyright .copyright { width: auto; }
  .RootCopyright .whatsapp { order: -1; margin-bottom: 1.875rem; }
  .RootCopyright .ageLimit { display: flex; justify-content: center; margin-bottom: 0.625rem; }
}
.MobileFooterFloatMenuContainer { --float-menu-bottom-background-color: var(--greyDark2); --float-menu-item-indicator-background-color: linear-gradient(218.51deg, var(--darkTurquois2) 9.05%, var(--darkTurquois3) 100%); --float-menu-item-active-background-color: var(--yyy-primary-blue); --float-menu-item-indicator-text-color: var(--greyDark2); --float-menu-item-active-icon-color: var(--yyy-primary-blue); --float-menu-item-inactive-icon-color: var(--yyy-primary-blue); --float-menu-item-title-text-color: var(--yyy-ui-light-grey); --float-menu-cta-text-color: var(--yyy-ui-dark-grey); --float-menu-cta-background-color: var(--yyy-white); --float-menu-cta-icon-color: var(--yyy-primary-blue); --float-menu-badge-text-color: var(--yyy-black); }
[dir="rtl"] .MobileFooterFloatMenuContainer .item-indicator { right: auto !important; left: 0rem; }
.CabinetContainer ::-webkit-scrollbar { background-color: var(--grey4); width: 12px; }
.CabinetContainer ::-webkit-scrollbar-track { background-color: var(--grey3); }
.CabinetContainer ::-webkit-scrollbar-thumb { background-color: var(--grey); border-radius: 16px; border: 3px solid var(--grey); }
.CabinetContainer ::-webkit-scrollbar-button { display: none; }
.CabinetContainer .amountError { color: var(--red); font-size: 12px; display: block; }
.CabinetContainer .minMaxLimit { padding: 16px 0px; display: flex; }
.CabinetContainer .minMaxLimit.vertical { flex-direction: column; }
.CabinetContainer .minMaxLimit div, .CabinetContainer .minMaxLimit span { display: flex; font-size: 12px; line-height: 120%; letter-spacing: 0.25px; text-transform: uppercase; font-weight: 700; margin-right: 16px; align-items: center; }
.CabinetContainer .minMaxLimit .min { font-size: 12px !important; font-weight: 700; }
.CabinetContainer .minMaxLimit .min b { color: var(--SecondBlue); margin-right: 5px; }
.CabinetContainer .minMaxLimit .max { font-size: 12px; font-weight: 700; }
.CabinetContainer .minMaxLimit .max b { color: var(--pink); margin-right: 5px; }
.CabinetContainer .minMaxLimit .yourBalance { display: block; margin-bottom: 15px; }
.CabinetContainer .minMaxLimit .yourBalance b { color: var(--fontYellow); margin-right: 5px; }
.CabinetContainer .paymentIframeLoader { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.CabinetContainer .MuiDialog-paperFullScreen { height: 84vh !important; max-width: 1080px !important; background: var(--grey4); border-radius: var(--borderRadius); }
.CabinetContainer .MuiDialog-paperFullScreen .wrap { flex-grow: 1; width: 100%; background-color: var(--grey4); background-repeat: no-repeat; background-position-y: 65px; padding-bottom: 30px; background-size: contain; display: block !important; border: medium !important; padding-top: 0px !important; margin-top: 0px !important; position: relative; border-top-left-radius: var(--borderRadius); border-top-right-radius: var(--borderRadius); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiPaper-root { background: var(--bgBlue2) !important; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiTabs-scrollable { overflow: visible; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiTabs-scrollable .MuiTabs-flexContainer { flex-wrap: wrap; justify-content: center; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root { padding: 20px 50px; margin: 0px !important; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .cabinet-tab-header { padding-top: 41px; padding-bottom: 32px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .cabinet-tab-header__title { font-weight: 700; font-size: 36px; line-height: 140%; letter-spacing: 0.25px; color: var(--white); margin: 0px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .cabinet-tab-header__subtitle { font-size: 14px; line-height: 140%; letter-spacing: 0.4px; color: var(--grey9); margin: 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .cabinet-tab-header { padding-top: 32px; padding-bottom: 32px; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .cabinet-tab-header .title { font-size: 28px; text-align: center; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .cabinet-tab-header .subTitle, .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .cabinet-tab-header .OneTimePopup .description, .OneTimePopup .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .cabinet-tab-header .description { text-align: center; }
}
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .noBorder { border: medium !important; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .containerTabl { margin-bottom: 42px; }
@media (min-width: 220px) and (max-width: 576px) {
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root { padding: 20px 15px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .CabinetContainer .MuiDialog-paperFullScreen { height: 87vh !important; overflow-x: hidden; }
}
.CabinetContainer-TabBar { padding-left: 32px; padding-right: 60px; height: 65px; background-color: var(--grey5); }
.CabinetContainer-TabBar .closeBtn { background: transparent; border: 1px solid var(--grey2); border-radius: var(--borderRadius); height: 32px; width: 32px; position: absolute !important; right: 16px; top: 15px; }
.CabinetContainer-TabBar .closeBtn .MuiIconButton-label { position: absolute; }
.CabinetContainer-TabBar .closeBtn svg { color: var(--goldLight); height: 20px; }
.CabinetContainer-TabBar .closeBtn:hover { opacity: 0.8; }
.CabinetContainer-TabBar .CabinetTabBarInner { display: flex; overflow: auto; height: 100%; }
.CabinetContainer-TabBar .CabinetTabBarInner::-webkit-scrollbar { display: none; }
.CabinetContainer-TabBar .CabinetTabBarInner::-webkit-scrollbar-track { display: none; }
.CabinetContainer-TabBar .CabinetTabBarInner::-webkit-scrollbar-thumb { display: none; }
.CabinetContainer-TabBar .CabinetTabBarInner::-webkit-scrollbar-button { display: none; }
.CabinetContainer-TabBar .CabinetTab { color: var(--colorTabsCabinet); display: flex; text-transform: uppercase; margin-right: 40px; cursor: pointer; font-size: 12px; align-items: center; border-bottom: 2px solid transparent; position: relative; font-weight: 700; }
.CabinetContainer-TabBar .CabinetTab.active { color: var(--orange); }
.CabinetContainer-TabBar .CabinetTab.active::after { content: " "; display: block; position: absolute; width: 100%; height: 2px; background: var(--orange); bottom: -2px; box-shadow: 0px 0 14px var(--orange); border-top-left-radius: var(--borderRadius); border-top-right-radius: var(--borderRadius); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.CabinetContainer-TabBar .CabinetTab-Icon { margin-right: 9px; height: 24px; width: 24px; }
.CabinetContainer-TabBar .CabinetTab-Title { margin: 0px 9px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .headerContainer { display: flex; justify-content: space-between; align-items: center; padding-left: 15px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .headerContainer .cabinet-tab-header { padding-top: 41px; padding-bottom: 32px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .headerContainer .cabinet-tab-header__title { font-weight: 700; font-size: 36px; line-height: 140%; letter-spacing: 0.25px; color: var(--white); }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .headerContainer .cabinet-tab-header__subtitle { font-size: 13px; line-height: 140%; letter-spacing: 0.4px; color: var(--goldText); }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .headerContainer .headerImg { padding-top: 1px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .headerContainer .headerImg .balanceBlockContainer { display: flex; justify-content: space-between; align-items: center; border-radius: 4px; height: 20px; padding: 14px 16px; background: var(--grey2); font-weight: 700; font-size: 16px; color: var(--white); }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .headerContainer .headerImg .balanceBlockContainer .btn { height: 32px; min-height: 32px; width: 32px; border-radius: 4px; margin-left: 12px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .headerContainer .headerImg .balanceBlockContainer .btn svg { color: rgb(255, 255, 255); }
@media (min-width: 220px) and (max-width: 576px) {
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .headerContainer { margin-bottom: 25px; flex-wrap: wrap; padding-left: 0px; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .headerContainer .cabinet-tab-header { padding-bottom: 23px; margin: auto; text-align: center; width: 100%; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .headerContainer .headerImg { margin: auto; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .headerContainer .headerImg .balanceBlockContainer { padding: 18px 27px; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .headerContainer .headerImg .balanceBlockContainer .cabinet-tab-header__subtitle { width: 200px; }
}
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .freeBonusesUsagesContainer { display: flex; justify-content: space-between; flex-wrap: wrap; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer { display: flex; padding: 15px; border: 1px solid var(--grey); box-sizing: border-box; border-radius: 4px; width: 48%; margin-bottom: 16px; justify-content: space-between; align-items: center; height: 112px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer img { width: 64px; height: 64px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer .freeBonusesTitle { width: 290px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer .freeBonusesTitle .bonusesTitle { font-size: 18px; color: var(--white); margin: 0px 10px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer .bonusChart { position: relative; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer .percentageValue { font-size: 12px; font-weight: 700; color: var(--white); text-align: center; line-height: 85px; position: absolute; top: 0px; left: 50%; transform: translate(-50%); }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .freeBonusesUsagesContainer .moreBonusesPlaceholder { display: flex; padding: 15px; border: 1px solid var(--grey2); box-sizing: border-box; border-radius: 4px; width: 48%; margin-bottom: 16px; justify-content: center; align-items: center; height: 112px; opacity: 0.5; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .freeBonusesUsagesContainer .moreBonusesPlaceholder img { width: 64px; height: 64px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .freeBonusesUsagesContainer .moreBonusesPlaceholder .bonusesLeftTitle { color: var(--white); }
@media (min-width: 576px) and (max-width: 992px) {
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer, .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .freeBonusesUsagesContainer .moreBonusesPlaceholder { width: 100%; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer { width: 100%; height: auto; padding: 10px; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer img { display: none; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .freeBonusesUsagesContainer .moreBonusesPlaceholder { width: 100%; }
}
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .bonusWrap .bonusHeaderContainer { display: flex; justify-content: space-between; align-items: center; padding-left: 15px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .bonusWrap .bonusHeaderContainer .balanceBlockContainer { display: flex; justify-content: space-between; align-items: center; border-radius: 4px; height: 20px; padding: 14px 16px; background: var(--grey2); font-weight: 700; letter-spacing: 0.25px; font-size: 16px; color: var(--white); }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .bonusWrap .bonusHeaderContainer .balanceBlockContainer .btn { height: 32px; min-height: 32px; width: 32px; border-radius: 4px; margin-left: 12px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .bonusWrap .bonusHeaderContainer .balanceBlockContainer .btn svg { color: rgb(255, 255, 255); }
@media (min-width: 576px) and (max-width: 992px) {
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .bonusWrap .bonusHeaderContainer { display: flex; justify-content: space-between; align-items: center; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .bonusWrap .bonusHeaderContainer { margin-bottom: 25px; flex-wrap: wrap; padding-left: 0px; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .bonusWrap .bonusHeaderContainer .cabinet-tab-header { padding-bottom: 23px; margin: auto; text-align: center; width: 100%; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .bonusWrap .bonusHeaderContainer .headerImg { margin: auto; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .bonusWrap .bonusHeaderContainer .headerImg .balanceBlockContainer { padding: 18px 27px; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .bonusWrap .bonusHeaderContainer .headerImg .balanceBlockContainer .cabinet-tab-header__subtitle { width: 200px; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .bonusWrap .bonusHeaderContainer .balanceBlockContainer { margin: auto; padding: 18px 27px; }
}
.overviewBlock { display: flex; background-color: var(--greyDark2); border-radius: 0px 0px 8px 8px; overflow: hidden; }
@media (min-width: 220px) and (max-width: 576px) {
  .overviewBlock { background-color: var(--bodyBgBlack); }
}
.overviewBlock--v2 { background-color: transparent; }
.overviewBlock--v2 > .overviewBlock-otherBlock { background-color: var(--greyDark2); border-bottom-right-radius: 8px; }
.overviewBlock-otherBlock { border-right: 1px solid var(--grey5); width: 100%; }
@media (min-width: 576px) {
  .overviewBlock-otherBlock { min-width: 420px; }
}
.overviewBlock-otherBlock.__fullWidth { width: 100%; }
.overviewBlock-otherBlock .balanceMaineBlock { display: grid; border-bottom: 1px solid var(--grey5); padding: 40px; grid-template-rows: repeat(1, 1fr); grid-template-columns: repeat(4, 1fr); align-items: center; }
.overviewBlock-otherBlock .balanceMaineBlock-currentValue { grid-area: 1 / 1 / 2 / 1; }
.overviewBlock-otherBlock .balanceMaineBlock-currentValue-title { font-size: 10px; color: var(--grey9); font-weight: 700; text-transform: uppercase; }
.overviewBlock-otherBlock .balanceMaineBlock-currentValue-value { background-image: linear-gradient(255deg,var(--green2) 81%,var(--greenBlue1)); background-clip: text; -webkit-text-fill-color: transparent; font-size: 18px; font-weight: 700; white-space: nowrap; color: var(--white); }
.overviewBlock-otherBlock .balanceMaineBlock-description { grid-area: 1 / 2 / 2 / 4; font-size: 12px; color: var(--grey9); font-weight: 500; display: flex; align-items: center; }
.overviewBlock-otherBlock .balanceMaineBlock-button { grid-area: 1 / 4 / 2 / 4; justify-self: end; }
.overviewBlock-otherBlock .balanceMaineBlock-button a { text-decoration: none; }
.overviewBlock-otherBlock .balanceMaineBlock-button button { width: 130px; height: 36px; font-size: 12px; font-weight: 600; }
.overviewBlock-otherBlock .balanceMaineBlock-button button.outline { border-color: var(--azure); color: var(--white); }
.overviewBlock-otherBlock .balanceMaineBlock:last-child { border-bottom: medium; }
@media (min-width: 576px) and (max-width: 992px) {
  .overviewBlock .overviewBlock-otherBlock .balanceMaineBlock, .overviewBlock .overviewBlock-otherBlock .withdrawalMaineBlock, .overviewBlock .overviewBlock-otherBlock .bonusBalanceMaineBlock { grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(4, 1fr); position: relative; padding: 30px; }
  .overviewBlock .overviewBlock-otherBlock .balanceMaineBlock-currentValue, .overviewBlock .overviewBlock-otherBlock .withdrawalMaineBlock-currentValue, .overviewBlock .overviewBlock-otherBlock .bonusBalanceMaineBlock-currentValue { grid-area: 1 / 1 / 1 / 3; }
  .overviewBlock .overviewBlock-otherBlock .balanceMaineBlock-description, .overviewBlock .overviewBlock-otherBlock .withdrawalMaineBlock-description, .overviewBlock .overviewBlock-otherBlock .bonusBalanceMaineBlock-description { grid-area: 2 / 1 / 2 / 3; justify-content: start; padding: 0px; }
  .overviewBlock .overviewBlock-otherBlock .balanceMaineBlock-button, .overviewBlock .overviewBlock-otherBlock .withdrawalMaineBlock-button, .overviewBlock .overviewBlock-otherBlock .bonusBalanceMaineBlock-button { grid-area: 1 / 4 / 2 / 4; }
}
.overviewBlock .pendingWithdrawals { background-color: var(--greyDark2); border-radius: 6px; }
.overviewBlock .pendingWithdrawals .WithdrawalCancellation { width: 22px; height: 22px; }
.overviewBlock .pendingWithdrawals .WithdrawalCancellation .btn svg rect { fill: url("#a") !important; }
.overviewBlock .pendingWithdrawals .rdt_TableHeadRow { border-top: medium !important; padding: 0px 40px; }
.overviewBlock .pendingWithdrawals .rdt_TableBody { padding: 0px 40px; }
.overviewBlock .pendingWithdrawals .rdt_TableCell:first-child { justify-content: center; }
@media (min-width: 220px) and (max-width: 576px) {
  .overviewBlock .pendingWithdrawals .rdt_TableBody { padding: 0px 5px; }
}
@media (min-width: 576px) and (max-width: 992px) {
  .overviewBlock .pendingWithdrawals .rdt_TableBody { padding: 0px 17px; }
}
@media (max-width: 576px) {
  .overviewBlock { flex-direction: column; padding-left: 20px; padding-right: 20px; }
  .overviewBlock .LoyaltyPointsContainer { order: 0; width: 100%; margin-bottom: 20px; margin-top: 11px; border-radius: 6px; }
  .overviewBlock .LoyaltyPointsContainer--v2 { margin-top: 0px; }
  .overviewBlock .LoyaltyPointsContainer .Converter { padding-bottom: 20px; border-radius: 0px 0px 6px 6px; }
  .overviewBlock .overviewBlock-otherBlock { order: 1; width: 100%; background-color: var(--greyDark2); border-radius: 6px; }
  .overviewBlock .overviewBlock-otherBlock > div { padding: 25px 20px; display: flex; justify-content: space-between; }
  .overviewBlock .overviewBlock-otherBlock > div div[class$="-description"] { display: none; }
}
.overviewBlock.PendingWithdrawals { margin-top: 31px; flex-direction: column; }
.overviewBlock.PendingWithdrawals .Title { background-color: var(--bodyBgBlack); padding-bottom: 21px; }
@media (min-width: 220px) and (max-width: 576px) {
  .overviewBlock.PendingWithdrawals .Title { text-align: center; }
}
.overviewBlock.PendingWithdrawals .Title h3, .overviewBlock.PendingWithdrawals .Title h5 { margin: 0px; }
.overviewBlock.PendingWithdrawals .Title h3 { font-size: 22px; font-weight: 700; color: var(--white); margin-bottom: 3px; padding: 20px 0px 10px; }
.overviewBlock.PendingWithdrawals .Title h5 { font-size: 14px; font-weight: 500; color: var(--grey9); }
.overviewBlock.PendingWithdrawals .pendingWithdrawals { background-color: var(--greyDark2); border-radius: 6px; }
.overviewBlock.PendingWithdrawals .DataTable { border-radius: 6px; }
.overviewBlock.PendingWithdrawals .DataTable-Pagination { display: none; }
.overviewBlock.PendingWithdrawals .DataTable-Header-Container { padding: 13px 0px; border-bottom: 1px solid var(--black); }
.overviewBlock.PendingWithdrawals .DataTable-Header-Container .DataTable-Header { border: medium; margin: 0px; }
.overviewBlock.PendingWithdrawals .DataTable-Header { border-radius: 6px 6px 0px 0px; border-top: medium; }
.overviewBlock.PendingWithdrawals .DataTable-Header-Item { padding: 0px 20px; }
.overviewBlock.PendingWithdrawals .DataTable-Header .Title { color: var(--grey9); padding: 0px; }
.overviewBlock.PendingWithdrawals .DataTable-Rows { padding-top: 17px; padding-bottom: 12px; }
.overviewBlock.PendingWithdrawals .DataTable-Rows-Item { min-height: 40px; border-radius: var(--borderRadius); width: 100%; }
.overviewBlock.PendingWithdrawals .DataTable-Rows-Item-Outer { padding: 0px 40px; }
.overviewBlock.PendingWithdrawals .DataTable-Rows-Item-Outer:nth-child(2n+1) { background-color: var(--darkGreyBg1); }
.overviewBlock.PendingWithdrawals .DataTable-Rows-Item p, .overviewBlock.PendingWithdrawals .DataTable-Header p { margin: 0px; }
.overviewBlock.PendingWithdrawals .DataTable-Rows-Item .Amount, .overviewBlock.PendingWithdrawals .DataTable-Header .Amount { color: var(--white); }
.overviewBlock.PendingWithdrawals .DataTable-Rows-Item .Data-Cell, .overviewBlock.PendingWithdrawals .DataTable-Header .Data-Cell { align-self: center; font-size: 12px; }
.overviewBlock.PendingWithdrawals .DataTable-Rows-Item .Data-Cell.action, .overviewBlock.PendingWithdrawals .DataTable-Header .Data-Cell.action { padding: 0px; height: 100%; align-items: center; display: flex; justify-content: center; }
.overviewBlock.PendingWithdrawals .DataTable-Rows-Item .CancelWithdrawal, .overviewBlock.PendingWithdrawals .DataTable-Header .CancelWithdrawal { display: flex; }
.overviewBlock.PendingWithdrawals .DataTable-Rows-Item .actionHeader, .overviewBlock.PendingWithdrawals .DataTable-Header .actionHeader { width: 100%; height: 100%; padding: 0px; display: flex; }
.overviewBlock.PendingWithdrawals .DataTable-Rows-Item .PaymentStatus, .overviewBlock.PendingWithdrawals .DataTable-Header .PaymentStatus { display: flex; align-items: center; justify-content: space-between; }
.overviewBlock.PendingWithdrawals .DataTable-Rows-Item .PaymentStatus button, .overviewBlock.PendingWithdrawals .DataTable-Header .PaymentStatus button { background: none; padding: 0px; outline: none; border: medium; }
.overviewBlock.PendingWithdrawals .DataTable-Rows-Item-Item .Title, .overviewBlock.PendingWithdrawals .DataTable-Header-Item .Title { background-color: transparent; border-top: medium; }
.overviewBlock.PendingWithdrawals .DataTable .WithdrawalCancellation { display: flex; align-items: center; }
.overviewBlock.PendingWithdrawals .DataTable .WithdrawalCancellation button { height: 35px; width: 35px; }
@media (min-width: 220px) and (max-width: 576px) {
  .overviewBlock.PendingWithdrawals .DataTable .DataTable-Header-Container { padding: 13px 0px; }
  .overviewBlock.PendingWithdrawals .DataTable-Header { grid-template-columns: 10fr 0.5fr 1fr 0.25fr; border-top: medium; }
  .overviewBlock.PendingWithdrawals .DataTable-Header-Item { padding: 0px 20px; }
  .overviewBlock.PendingWithdrawals .DataTable-Header .Title { color: var(--grey9); padding: 0px; font-size: 10px; text-align: left; }
  .overviewBlock.PendingWithdrawals .DataTable-Rows { padding-top: 0px; }
  .overviewBlock.PendingWithdrawals .DataTable-Rows-Item { grid-template-columns: 10fr 0.5fr 1fr 0.25fr; margin: 0px; gap: 0px; }
  .overviewBlock.PendingWithdrawals .DataTable .NoMobile { display: none; }
}
.MobileOnly { display: none; }
@media (min-width: 220px) and (max-width: 576px) {
  .MobileOnly { display: flex; }
}
.DepositContainer { display: flex; }
@media (min-width: 220px) and (max-width: 576px) {
  .DepositContainer { flex-direction: column; }
}
.DepositContainer-Inner-Header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 1rem; }
.DepositContainer-Inner-Header ._hint { color: var(--white); opacity: 0.6; font-size: 12px; font-weight: 500; }
@media (min-width: 220px) and (max-width: 576px) {
  .DepositContainer-Inner-Header { flex-direction: column; align-items: flex-start; }
  .DepositContainer-Inner-Header ._hint { margin-top: 10px; }
}
.DepositContainer-Method-Info { flex: 1 1 35%; padding-left: 24px; display: flex; flex-direction: column; }
@media (min-width: 220px) and (max-width: 576px) {
  .DepositContainer-Method-Info { padding-left: 0px; padding-top: 24px; }
}
.DepositContainer-Method-Info .title { font-size: 14px; text-align: center; margin: 0px; color: var(--greyText8); }
.DepositContainer-Method-Info .Info { font-size: 12px; text-align: center; max-width: 70%; margin: 20px auto; font-weight: 600; white-space: pre-line; color: var(--greyText4); }
.DepositContainer-Method-Info .OneTime-Limits { padding: 15px 0px; display: flex; justify-content: center; border: 1px solid var(--borderBrown); margin: 30px auto; border-radius: var(--borderRadius); }
@media (min-width: 220px) and (max-width: 576px) {
  .DepositContainer-Method-Info .OneTime-Limits { margin: 0px !important; }
}
.DepositContainer-Method-Info .OneTime-Limits-Item { display: flex; align-items: center; flex-direction: column; padding: 0px 15px; }
.DepositContainer-Method-Info .OneTime-Limits-Item .Label { font-size: 12px; font-weight: 600; color: var(--greyText4); }
.DepositContainer-Method-Info .OneTime-Limits-Item .Value { font-size: 12px; font-weight: 700; margin: 5px 0px; color: var(--greyText9); }
.DepositContainer-Method-Info .OneTime-Limits-Item:last-child { border-left: 1px solid var(--borderBrown); }
.DepositContainer .Section { margin-bottom: 23px; }
.DepositContainer .Section-Title { font-size: 14px; font-weight: 600; color: var(--greyText4); margin: 0px 0px 10px; }
.DepositContainer .PaymentMethods-List { display: grid; grid-template-columns: repeat(4, 126px); gap: 12px; }
.DepositContainer .PaymentMethods-List-Item { background-color: rgba(var(--grey),.3); padding: 10px 18px; align-items: center; text-align: center; display: flex; flex-direction: column; justify-content: flex-end; opacity: 0.7; border: 1px solid transparent; border-radius: var(--borderRadius); transition-duration: 0.2s; cursor: pointer; }
.DepositContainer .PaymentMethods-List-Item div { position: relative; }
.DepositContainer .PaymentMethods-List-Item-MinimumDeposit { font-size: var(--wkg-font-size-xxxs); color: var(--yyy-dark-blue); position: absolute; bottom: 0.3125rem; left: 50%; transform: translate(-50%); }
.DepositContainer .PaymentMethods-List-Item.Active { opacity: 1; border: 1px solid var(--goldLight); }
.DepositContainer .PaymentMethods-List-Item h5 { margin: 0px; padding-top: 5px; font-size: 12px; color: var(--greyText8); text-transform: capitalize; }
.DepositContainer .PaymentMethods-List-Item--v2.Active { background: linear-gradient(206.57deg,var(--darkTurquoise, #15d6c9) 0%,var(--yyy-primary-blue, #3498fd) 83.33%); }
.DepositContainer .Buttons-Container { display: flex; }
@media (min-width: 220px) and (max-width: 576px) {
  .DepositContainer .Buttons-Container { flex-direction: column; }
  .DepositContainer .Buttons-Container .ToggleBonusModalButton { margin: 10px 0px !important; }
}
.DepositContainer .Buttons-Container button { width: auto; padding: 10px 30px; font-size: 12px; }
.DepositContainer .Buttons-Container button.ToggleBonusModalButton { margin: 0px 10px; color: var(--greyText8); border-color: var(--goldLight); border-width: 2px; }
.Coinspaid-Container { padding-bottom: 33px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.Coinspaid-Container h3.Title { color: var(--white); font-size: 22px; text-align: center; margin: 0px; }
.Coinspaid-Container-Dropdown { max-width: 500px; padding: 25px 0px; width: 100%; box-sizing: border-box; }
.Coinspaid-Container-Inner { display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 6px; border: solid 1px rgba(var(--goldLight),.2); padding: 14px; max-width: 500px; box-sizing: border-box; }
.Coinspaid-Container-Inner h5 { background: var(--greyDark2); margin-top: -22px; padding-left: 12px; padding-right: 12px; color: rgb(255, 255, 255); margin-bottom: 27px; }
.Coinspaid-Container-Inner .Qr { padding: 12px; background-color: rgb(255, 255, 255); border-radius: 6px; }
.Coinspaid-Container-Inner .Qr--hidden svg { visibility: hidden; }
.Coinspaid-Container-Inner .WalletAddress-Container { margin: 12px 0px; max-width: 100%; width: 100%; }
.Coinspaid-Container-Inner .WalletAddress-Container .WalletAddress-Label { opacity: 0.6; font-size: 10px; font-weight: 700; color: var(--grey9); text-transform: uppercase; margin-bottom: 5px; display: flex; }
.Coinspaid-Container-Inner .WalletAddress-Container .WalletAddress-Label-Sub { opacity: 0.7; font-size: 10px; font-weight: 700; color: var(--white); margin-bottom: 5px; display: block; }
.Coinspaid-Container-Inner .WalletAddress-Container .WalletAddress { background-color: var(--black3); padding: 15px; height: 48px; box-sizing: border-box; position: relative; align-items: center; display: flex; max-width: 100%; border-radius: 6px; }
.Coinspaid-Container-Inner .WalletAddress-Container .WalletAddress .Value { font-size: 14px; font-weight: 700; color: var(--white); max-width: calc(100% - 50px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Coinspaid-Container-Inner .WalletAddress-Container .WalletAddress-CopyIcon { width: 36px; height: 36px; padding: 10px; box-sizing: border-box; border-radius: 6px; position: absolute; top: 6px; right: 6px; font-size: 16px; }
.Coinspaid-Container-Inner .WalletAddress-Container .WalletAddress-CopyIcon * { display: flex; }
.Coinspaid-Container-Inner .Explanation { font-size: 11px; color: var(--grey9); text-align: center; }
@media (min-width: 220px) and (max-width: 576px) {
  .Coinspaid-Container { padding: 0px 20px; }
  .Coinspaid-Container-Mobile { max-width: 100%; background-color: var(--greyDark2); padding: 20px 10px; box-sizing: border-box; border-radius: 6px; }
}
@media (min-width: 220px) and (max-width: 576px) and (min-width: 220px) and (max-width: 576px) {
  .Coinspaid-Container-Mobile .Coinspaid-Container-Inner { max-width: 100%; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .Coinspaid-Container-Mobile .WalletAddress { max-width: 100%; }
}
.CryptoDropdown { flex: 1 1 0%; position: relative; }
.CryptoDropdown-Item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 9px 16px; background-color: var(--black3); position: relative; }
.CryptoDropdown-Item img { width: 30px; height: 30px; }
.CryptoDropdown-Item-Details { display: flex; flex-direction: column; padding-left: 15px; padding-right: 15px; }
.CryptoDropdown-Item-Details h3 { margin: 0px; font-size: 14px; color: var(--white); }
.CryptoDropdown-Item-Details p { margin: 0px; color: var(--grey9); font-size: 12px; }
.CryptoDropdown-Item.Selected { border-radius: 6px; border: 1px solid var(--azure); }
.CryptoDropdown-Item .Caret { position: absolute; width: 15px; height: 15px; right: 16px; transform: rotate(180deg); }
.CryptoDropdown-List { position: absolute; width: 100%; height: auto; overflow: auto; z-index: 9; background: rgb(50, 55, 70); }
.CryptoDropdown--loading { pointer-events: none; opacity: 0.7; }
.BankTransferForm { padding: 20px 0px; position: relative; z-index: 2; }
.BankTransferForm h1 { font-size: 14px; font-weight: 700; text-align: center; color: var(--grey9); }
.BankTransferForm .__field, .BankTransferForm .Fields .Field-Value, .BankTransferForm .Selected-Item { padding: 0px 6px 0px 15px; border-radius: 6px; background-color: var(--selectBackgroundColor); border: 1px solid var(--selectBackgroundColor); height: 40px; box-sizing: border-box; }
.BankTransferForm .__label, .BankTransferForm .Your-Bank-Details > span, .BankTransferForm .Fields .Field-Label { opacity: 0.4; font-size: 10px; color: var(--white); text-transform: uppercase; padding-bottom: 5px; }
.BankTransferForm .Selected-Item.Opened { border-color: var(--azure); }
.BankTransferForm .Selected-Item svg { color: var(--white); opacity: 0.7; }
.BankTransferForm .Selected-Item div[class$="-control"], .BankTransferForm .Selected-Item span[class$="-control"] { height: 100%; }
.BankTransferForm .Selected-Item div[class$="-control"] > div:first-child, .BankTransferForm .Selected-Item span[class$="-control"] > div:first-child { display: flex; }
.BankTransferForm .Selected-Item div[class$="-ValueContainer"], .BankTransferForm .Selected-Item span[class$="-ValueContainer"] { display: flex; align-items: center; }
.BankTransferForm .Selected-Item div[class$="-singleValue"], .BankTransferForm .Selected-Item span[class$="-singleValue"] { color: var(--white); opacity: 0.9; font-size: 14px; font-weight: 600; }
.BankTransferForm .Selected-Item div[class$="-indicatorSeparator"], .BankTransferForm .Selected-Item span[class$="-indicatorSeparator"] { background: var(--greyDark2); margin: 5px 3px 0px; height: 30px; }
.BankTransferForm .Dropdown-Menu { background-color: var(--black3); }
.BankTransferForm .Dropdown-Menu div[class$="-menu"] { border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 30px; border: solid 1px var(--selectBackgroundColor); background-color: var(--black3); margin-top: 5px; overflow: hidden; }
.BankTransferForm .Dropdown-Menu div[class$="-option"] { color: var(--white); font-size: 12px; font-weight: 600; line-height: 3.33; overflow: hidden; text-wrap: nowrap; text-overflow: ellipsis; }
.BankTransferForm .Dropdown-Menu .Option { padding: 3px 12px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 40px; box-sizing: border-box; }
.BankTransferForm .Dropdown-Menu .Option .__SelectOptionAction, .BankTransferForm .Dropdown-Menu .Option button, .BankTransferForm .Dropdown-Menu .Option.Selected span { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; }
.BankTransferForm .Dropdown-Menu .Option.Selected { background: linear-gradient(90deg,var(--azure) 50%,var(--darkTurquoise) 100%); }
.BankTransferForm .Dropdown-Menu .Option.Selected span svg { color: var(--white); width: 12px; height: 12px; }
.BankTransferForm .Dropdown-Menu .Option button { margin-bottom: 0px !important; padding: 0px; background: transparent; }
.BankTransferForm .Dropdown-Menu .Option button svg { color: var(--white05); }
.BankTransferForm .CopyIcon { width: 16px; height: 16px; margin: 0px 13px; opacity: 0.5; cursor: pointer; }
.BankTransferForm .CopyIcon:hover svg, .BankTransferForm .CopyIcon:hover svg g { color: var(--azure); stroke: var(--azure); }
.BankTransferForm .Fields { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 12px 5px; font-family: Montserrat, sans-serif; }
@media (min-width: 220px) and (max-width: 576px) {
  .BankTransferForm .Fields { display: flex; flex-direction: column; }
}
.BankTransferForm .Fields .Field { display: flex; flex-direction: column; }
.BankTransferForm .Fields .Field-Value { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.BankTransferForm .Fields .Field-Value > span { opacity: 0.9; font-size: 14px; font-weight: 600; color: var(--white); }
.BankTransferForm .Fields .Field.iban { grid-area: 1 / 1 / 2 / 3; }
.BankTransferForm .Fields .Field.name { grid-area: 2 / 1 / 3 / 2; }
.BankTransferForm .Fields .Field.details { grid-area: 2 / 2 / 3 / 3; }
.BankTransferForm .Upload-Section { padding-top: 30px; }
.BankTransferForm .Upload-Section-Inner { padding: 11px 0px; margin: 20px 0px 30px; border-radius: 6px; border: 1.5px dashed rgba(255, 255, 255, 0.3); position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.BankTransferForm .Upload-Section-Inner svg { color: rgba(255, 255, 255, 0.5); transform: rotate(-45deg); }
.BankTransferForm .Upload-Section-Inner .Placeholder-Label { margin: 0px 0px 0px 10px; opacity: 0.8; font-size: 14px; font-weight: 600; color: var(--white); }
.BankTransferForm .Upload-Section-Inner input[type="file"] { opacity: 0; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; cursor: pointer; background: none; }
.BankTransferForm .Upload-Section-Inner.Disabled { opacity: 0.5; transition-duration: 0.3s; }
.BankTransferForm .Upload-Section-Inner.Disabled:hover { cursor: not-allowed; }
.BankTransferForm .Upload-Section-Inner.Disabled input[type="file"] { display: none; }
.BankTransferForm .Upload-Section .FilesList { padding-bottom: 20px; }
.BankTransferForm .Upload-Section .FilesList .FileItem { background: var(--selectBackgroundColor); border-radius: 6px; margin-bottom: 5px; padding: 11px 15px; display: flex; justify-content: space-between; align-items: center; height: 40px; box-sizing: border-box; }
.BankTransferForm .Upload-Section .FilesList .FileItem .Details { display: flex; flex-direction: row; justify-content: flex-start; max-width: 90%; }
.BankTransferForm .Upload-Section .FilesList .FileItem .Details span { opacity: 0.9; font-size: 12px; font-weight: 600; color: var(--white); padding: 0px 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.BankTransferForm .Upload-Section .FilesList .FileItem button { background: none; outline: none; border: medium; margin: 0px; padding: 0px; cursor: pointer; }
.BankTransferForm .Upload-Section .FilesList .FileItem button:hover svg { color: var(--red); }
.BankTransferForm .Upload-Section .FilesList .FileItem button svg { font-size: 1.5rem; }
.BankTransferForm .Your-Bank-Details { border-top: 1px solid var(--black3); margin-left: -50px; margin-right: -50px; padding: 20px 50px; }
.BankTransferForm .Your-Bank-Details .Your-Accounts-Container { border-radius: 6px; background-color: var(--black3); position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 2px; color: var(--grey9); }
.BankTransferForm .Your-Bank-Details .Your-Accounts-Container div[class$="-IndicatorsContainer"] { opacity: 0; }
@media (min-width: 220px) and (max-width: 576px) {
  .BankTransferForm .Your-Bank-Details .Your-Accounts-Container { flex-direction: column; background: transparent; }
  .BankTransferForm .Your-Bank-Details .Your-Accounts-Container div[class$="-container"] { border-radius: 6px; background-color: var(--black3); margin-bottom: 10px; width: 100%; }
  .BankTransferForm .Your-Bank-Details .Your-Accounts-Container button { background-color: transparent !important; border: 1px solid var(--greyDark2) !important; width: 100%; overflow: hidden; display: inline-block; }
}
.BankTransferForm .Your-Bank-Details .Your-Accounts-Container div[class$="-container"] { flex: 1 1 0%; padding: 0px 15px; }
.BankTransferForm .Your-Bank-Details .Your-Accounts-Container .Dropdown-Menu { margin-left: -15px; }
.BankTransferForm .Your-Bank-Details .Your-Accounts-Container div[class$="-singleValue"] { font-size: 14px; font-weight: 600; }
.BankTransferForm .Your-Bank-Details .Your-Accounts-Container .Inner-Container { width: 100%; display: flex; align-items: center; font-family: Montserrat, sans-serif; }
.BankTransferForm .Your-Bank-Details .Your-Accounts-Container .Inner-Container button { width: auto; border: medium !important; margin-bottom: 10px; }
.BankTransferForm .Your-Bank-Details .Your-Accounts-Container .Actions { display: flex; justify-content: center; align-items: center; }
@media (min-width: 220px) and (max-width: 576px) {
  .BankTransferForm .Your-Bank-Details .Your-Accounts-Container .Actions { width: 100%; }
}
.BankTransferForm .Your-Bank-Details .Your-Accounts-Container .Actions button { height: calc(100% - 4px); outline: none; border: medium; cursor: pointer; text-align: center; text-wrap: nowrap; }
.BankTransferForm .Your-Bank-Details .Your-Accounts-Container .Actions button.manage { padding: 10px 12px; border-radius: 6px; font-size: 12px; font-weight: 700; color: var(--grey9); text-transform: uppercase; background-color: var(--greyDark2); }
@media (min-width: 220px) and (max-width: 576px) {
  .BankTransferForm .Your-Bank-Details .Your-Accounts-Container .Actions button.manage { width: 100%; }
}
.BankTransferForm-Action { display: flex; justify-content: flex-start; align-items: center; }
.BankTransferForm-Action button { width: auto; padding: 15px; }
.BankTransferForm-Action button span::before { content: " "; display: inline-block; padding-left: 6px; }
.BankTransferForm-SuccessResult { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px 0px; }
.BankTransferForm-SuccessResult img { width: 36px; height: 36px; animation: 2s zoom-in-zoom-out; }
.BankTransferForm-SuccessResult h2, .BankTransferForm-SuccessResult h3 { text-align: center; }
.BankTransferForm-SuccessResult h2 { font-size: 16px; font-weight: 700; text-align: center; color: var(--white); margin: 15px 0px 10px; }
.BankTransferForm-SuccessResult h3 { font-size: 12px; font-weight: 600; text-align: center; color: var(--grey9); margin: 0px; }
.BankTransferForm .Loader { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.BankTransferForm .deposit-button__text { margin-inline-start: 0.625rem; }
.BankTransferForm .deposit-button__amount { display: block; margin-inline-start: 0.25em; }
.BankTransferForm .deposit-button__icon { color: var(--black, #000); }
.BankTransferForm .deposit-button__icon div { line-height: 0; }
.BankTransferForm .deposit-button--v2 { padding: 0.6875rem 2rem; font-size: 1.125rem; border-radius: 6.25rem; }
.BankTransferForm .deposit-button--v2 span { display: flex; justify-content: center; align-items: center; }
@media (min-width: 220px) and (max-width: 576px) {
  .BankTransferForm .deposit-button--v2 { width: auto; }
}
.BankTransferForm .deposit-button--v2:disabled { color: var(--yyy-ui-dark-grey, #9698a1); border: 1px solid var(--yyy-ui-dark-grey, #9698a1); box-shadow: none; background: transparent; }
.BankTransferForm .deposit-button--v2:disabled .deposit-button__icon { color: var(--yyy-ui-dark-grey, #9698a1); }
@media (min-width: 220px) and (max-width: 576px) {
  .BankTransferForm { padding: 1rem; }
}
.AddNewAccountPopup .MuiDialog-paper { margin: 0px 15px; }
.AddNewAccountPopup .MuiDialogContent-root { padding: 20px; }
.AddNewAccountPopup-Container { width: 335px; }
@media (min-width: 220px) and (max-width: 576px) {
  .AddNewAccountPopup-Container { width: auto; }
}
.AddNewAccountPopup-Header { display: flex; justify-content: center; }
.AddNewAccountPopup-Header h1 { font-size: 1.375rem; line-height: 1.091; text-align: center; font-weight: 400; color: var(--bodyBgBlack); margin-bottom: 1.5rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .AddNewAccountPopup-Header h1 { width: 80%; }
}
.AddNewAccountPopup-Close-Button { position: absolute; right: 20px; top: 20px; font-size: 16px; color: rgb(149, 152, 161); background: transparent; border: medium; outline: none; font-weight: 700; cursor: pointer; }
.AddNewAccountPopup-Form { display: flex; flex-direction: column; }
.AddNewAccountPopup-Form .form-field { display: flex; flex-direction: column; margin-bottom: 0.625rem; }
.AddNewAccountPopup-Form .form-field label { font-size: 0.875rem; line-height: 1.1429; color: var(--grey9); margin-bottom: 0px; }
.AddNewAccountPopup-Form .form-field input { font-size: 0.875rem; line-height: 1.1429; padding: 0.4375rem 0.625rem; border-radius: 0.375rem; border: solid 1px var(--inputGreyBorder); margin-bottom: 0px; box-sizing: border-box; width: 100%; height: 2.875rem; }
.AddNewAccountPopup-Form .form-field input.error { border-color: var(--red); }
.AddNewAccountPopup-Form button { width: 100%; }
@keyframes zoom-in-zoom-out {
0% { transform: scale(1); }
50% { transform: scale(1.5); }
100% { transform: scale(1); }
}
.hpf { --headerBgStart: rgba(52, 152, 253, 1); --headerBgEnd: rgba(21, 214, 201, 1); --labelColor: #9698a1; --formBorderColor: #595e68; }
.hpf .hpfView { margin-bottom: 1.25rem; }
.hpf .hpfView-title { font-size: 22px; font-weight: 700; text-align: center; color: rgb(255, 255, 255); }
.hpf .hpfView-view { font-size: 16px; line-height: 1; position: relative; border-radius: 6px; }
.hpf .hpfView-Loader { position: absolute; inset: 0px; width: 100%; height: 100%; z-index: 2; display: flex; align-items: center; justify-content: center; background-color: transparent; }
.hpf .hpfView-form-container { width: 100%; max-width: 550px; margin: 50px auto; background-color: rgb(255, 255, 255); padding: 30px; box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 8px; border-radius: 8px; position: relative; min-height: 350px; }
.hpf .hpfView-form { border-radius: 20px; box-shadow: rgb(33, 38, 51) 0px 25px 50px; border: solid 4px var(--formBorderColor); background-color: rgb(255, 255, 255); position: relative; }
.hpf .hpfView-form-header { border-radius: 15px 15px 0px 0px; padding: 25px 35px; background: linear-gradient(90deg,var(--headerBgStart) 0%,var(--headerBgEnd) 100%); }
.hpf .hpfView-form-header h5 { opacity: 0.8; font-size: 14px; color: rgb(255, 255, 255); margin: 0px; text-transform: uppercase; font-weight: 700; }
.hpf .hpfView-form-container { display: flex; flex-direction: column; gap: 0.25rem; }
.hpf .hpfView-form-fields-container { padding: 35px; display: grid; grid-template-columns: 70% 30%; grid-template-rows: 75px 75px; gap: 30px 20px; }
.hpf .hpfView-form-fields-container .input-item { position: relative; }
.hpf .hpfView-form-fields-container .input-item .Dropdown-Icon { position: absolute; height: 48px; right: 5px; top: 15px; display: flex; justify-content: center; align-items: center; }
.hpf .hpfView-form-fields-container label { font-size: 10px; font-weight: 700; text-transform: uppercase; color: var(--labelColor); display: flex; margin-bottom: 5px; }
.hpf .hpfView-form-fields-container iframe { width: 100%; }
.hpf .hpfView-form-fields-container .card-input-container { order: 0; }
.hpf .hpfView-form-fields-container .exp { order: 1; }
.hpf .hpfView-form-fields-container .card_holder, .hpf .hpfView-form-fields-container .cvv { order: 2; }
@media (min-width: 220px) and (max-width: 576px) {
  .hpf .hpfView-form-fields-container { display: flex; flex-flow: wrap; gap: 0px 10px; padding: 20px; }
  .hpf .hpfView-form-fields-container .input-item { height: 75px; order: unset; width: 100%; }
  .hpf .hpfView-form-fields-container .exp, .hpf .hpfView-form-fields-container .cvv { flex: 1 1 100px; }
}
.hpf .hpfView + .Buttons-Container { display: flex; justify-content: center; align-items: center; padding: 50px 0px 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  .hpf .hpfView + .Buttons-Container { padding: 20px 35px; }
}
.hpf .backBtn { margin: 0px !important; }
.hpf .CreditCards { position: absolute; background: var(--white); border-radius: 8px; box-shadow: rgb(33, 38, 51) 0px 2px 20px -5px; border: 1px solid rgba(89, 94, 104, 0.19); z-index: 1001; width: 100%; top: 48px; max-height: 200px; overflow: auto; }
.hpf .CreditCards-Item { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 10px 15px; cursor: pointer; }
.hpf .CreditCards-Item-CardNumber { font-size: 14px; font-weight: 500; color: rgb(150, 152, 161); }
.hpf .CreditCards-Item-Exp { font-size: 12px; font-weight: 300; opacity: 0.6; }
#webpack-dev-server-client-overlay { display: none; }
.depositLimitContainer .MuiDialogContent-root { padding-right: 0px; padding-bottom: 0px; padding-left: 0px; padding-top: 0px !important; min-width: 100%; width: 100%; background: var(--grey4); }
.depositLimitContainer .dialogContent { overflow: hidden; }
.depositLimitContainer .dialogContent .dialogTitle { display: flex; align-items: center; padding: 16px 10px; background: var(--grey5); color: var(--white); text-transform: uppercase; border-bottom: 1px solid var(--grey2); justify-content: space-between; }
.depositLimitContainer .dialogContent .dialogTitle .closeBtn { padding: 0px !important; }
.depositLimitContainer .dialogContent .dialogTitle .closeBtn .MuiIconButton-label { padding: 4px; border: 1px solid var(--grey2); border-radius: var(--borderRadius); }
.depositLimitContainer .dialogContent .dialogTitle .closeBtn .MuiIconButton-label svg { fill: var(--goldLight); border: medium; }
.depositLimitContainer .dialogContent .dialogTitle h6 { font-size: 12px; font-weight: 600; line-height: 120%; display: flex; align-items: center; }
.depositLimitContainer .dialogContent .dialogTitle h6 svg { color: var(--grey); }
.depositLimitContainer .dialogContent .dialogTitle img { margin-right: 8px; }
.depositLimitContainer .dialogContent .dialogContent { padding: 20px 32px; display: block; flex-direction: column; align-items: center; }
.depositLimitContainer .dialogContent .dialogContent .subTitle, .depositLimitContainer .dialogContent .dialogContent .OneTimePopup .description, .OneTimePopup .depositLimitContainer .dialogContent .dialogContent .description { font-size: 16px; line-height: 140%; text-align: center; letter-spacing: 0.1px; color: var(--white); font-weight: 700; }
.depositLimitContainer .dialogContent .dialogContent .subTitleDesc { font-size: 10px; line-height: 160%; display: flex; align-items: center; text-align: center; letter-spacing: 0.4px; color: var(--goldText); margin-top: 16px; }
.depositLimitContainer .dialogContent .paymentLimitBlock { margin-top: 12px; display: flex; width: 100%; align-items: center; padding: 0px 10px; }
.depositLimitContainer .dialogContent .paymentLimitBlock .paymentLimitTitle { color: var(--white); font-size: 16px; line-height: 160%; font-weight: 700; letter-spacing: 0.1px; padding-left: 12px; }
.depositLimitContainer .dialogContent .generalLimits { display: flex; flex-direction: column; width: 100%; margin-top: 16px; margin-bottom: 16px; }
.depositLimitContainer .dialogContent .generalLimits .minMaxLimit { margin-top: 16px; display: flex; flex-direction: row; width: 100%; justify-content: space-between; }
.depositLimitContainer .dialogContent .generalLimits .minMaxLimit .generalLimitText { font-weight: 700; font-size: 12px; letter-spacing: 0.25px; text-transform: uppercase; color: var(--white); }
.depositLimitContainer .dialogContent .generalLimits .minMaxLimit .min { color: var(--SecondBlue); }
.depositLimitContainer .dialogContent .generalLimits .minMaxLimit .max { color: var(--pink); }
.depositLimitContainer .dialogContent .limitsTableContainer { width: 100%; }
.depositLimitContainer .dialogContent .limitsTableContainer .limitsTable { border-color: var(--borderBrown); border-width: 1px; border-style: solid; width: 100%; display: flex; flex-direction: column; border-radius: 4px; }
.depositLimitContainer .dialogContent .limitsTableContainer .limitsTable .limitTableRow { display: flex; flex-direction: row; justify-content: space-around; border-bottom: 1px solid var(--borderBrown); }
.depositLimitContainer .dialogContent .limitsTableContainer .limitsTable .limitTableRow div { width: 50%; text-align: center; padding: 12px 0px; }
.depositLimitContainer .dialogContent .limitsTableContainer .limitsTable .limitTableRow .borderLimit { border-right: 1px solid var(--borderBrown) !important; }
.depositLimitContainer .dialogContent .limitsTableContainer .limitsTable .limitTableRow .borderLimit .limitTableHeadText { color: var(--goldLight); font-size: 16px; font-weight: 700; text-transform: uppercase; opacity: 0.6; }
.depositLimitContainer .dialogContent .limitsTableContainer .limitsTable .limitTableRow .borderLimit { border-right: 1px solid var(--grey2); }
.depositLimitContainer .dialogContent .limitsTableContainer .limitsTable .limitTableRow .borderLimit .limitTableValueText { display: flex; flex-direction: row; color: var(--white); font-size: 16px; justify-content: center; font-weight: 700; }
.depositLimitContainer .dialogActions { background: var(--grey4); display: flex; justify-content: center; padding-bottom: 20px; }
.depositLimitContainer .dialogActions .modalActionBtn { width: 242px; height: 48px; }
.depositLimitContainer .dialogActions .modalActionBtn .Mui-disabled { background: var(--goldLight); opacity: 0.8; }
.depositLimitContainer .dialogActions .modalActionBtn .submitBtnText { text-transform: uppercase; font-weight: 700; }
@media (min-width: 220px) and (max-width: 576px) {
  .depositLimitContainer .MuiDialog-paperWidthSm { overflow-x: hidden; }
  .depositLimitContainer .MuiDialog-paperWidthSm .dialogContent { padding: 0px; overflow-x: hidden; }
  .depositLimitContainer .MuiDialog-paperWidthSm .dialogContent .dialogContent { margin-top: 10px; }
  .depositLimitContainer .MuiDialog-paperWidthSm .dialogContent .dialogContent .subTitle, .depositLimitContainer .MuiDialog-paperWidthSm .dialogContent .dialogContent .OneTimePopup .description, .OneTimePopup .depositLimitContainer .MuiDialog-paperWidthSm .dialogContent .dialogContent .description { font-size: 16px; line-height: 140%; text-align: center; letter-spacing: 0.1px; font-weight: 700; }
  .depositLimitContainer .MuiDialog-paperWidthSm .dialogContent .dialogContent .subTitleDesc { width: 80%; margin: 10px auto; }
  .depositLimitContainer .MuiDialog-paperWidthSm .dialogContent .paymentLimitBlock .paymentLimitTitle { font-size: 16px; line-height: 160%; font-weight: 700; letter-spacing: 0.1px; padding-left: 12px; }
  .depositLimitContainer .MuiDialog-paperWidthSm .dialogContent .generalLimits { margin-top: 8px; margin-bottom: 8px; }
  .depositLimitContainer .MuiDialog-paperWidthSm .dialogContent .generalLimits .minMaxLimit .generalLimitText { padding: 0px 20px; }
  .depositLimitContainer .MuiDialog-paperWidthSm .dialogContent .limitsTableContainer { width: 100%; }
  .depositLimitContainer .MuiDialog-paperWidthSm .dialogContent .limitsTableContainer .limitsTable .limitTableRow div { width: 50%; text-align: center; padding: 12px 0px; }
  .depositLimitContainer .MuiDialog-paperWidthSm .dialogContent .limitsTableContainer .limitsTable .limitTableRow .limitTableValueText { display: flex; flex-direction: row; font-size: 16px; justify-content: center; font-weight: 700; }
  .depositLimitContainer .MuiDialog-paperWidthSm .dialogActions { display: flex; align-items: center; justify-content: center; padding: 0px; height: 75px; }
}
.pending-container__inner { padding: 2rem; }
.pending-container__inner h5 { color: var(--white); font-size: 1.25rem; margin-bottom: 1rem; margin-top: 0px; }
@media (min-width: 220px) {
  .pending-container__inner { padding: 1rem 1rem 2.5rem; }
}
@media (min-width: 768px) {
  .pending-container__content { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: flex-start; }
}
.pending-container__steps-wrapper { margin-bottom: 1.5rem; }
@media (min-width: 220px) {
  .pending-container__steps-wrapper { margin-bottom: 2.5rem; }
}
.pending-container__steps { list-style-position: outside; padding-left: 1.5rem; margin: 0px; }
.pending-container__step { color: var(--grey9); margin-bottom: 0.5rem; font-size: 0.875rem; }
@media (min-width: 768px) {
  .pending-container__step { margin-bottom: 0.75rem; }
}
.pending-container__step strong { color: var(--white); font-weight: 600; }
.pending-container__code-wrapper { border-radius: 0.5rem; }
.pending-container__code-wrapper .pending-container__code { background: var(--black3); border-radius: 0.5rem; padding: 0.75rem; }
@media (min-width: 768px) {
  .pending-container__code-wrapper .pending-container__code { padding: 1rem; }
}
.pending-container__label { display: block; color: var(--grey9); font-size: 0.75rem; font-weight: 600; text-transform: uppercase; margin-bottom: 0.5rem; }
.pending-container__code { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.pending-container__value { color: var(--white); font-size: 1rem; font-weight: 600; flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pending-container__copyicon { flex-shrink: 0; width: 2.25rem; height: 2.25rem; padding: 0.5rem; border-radius: 0.375rem; background: transparent; transition: background-color 0.2s; }
.pending-container__copyicon svg { font-size: 1rem; }
.pending-container__copyicon.copied { background: rgba(0, 255, 0, 0.1) !important; }
.pending-container__copyicon.copied svg { color: var(--white); }
#PaymentContainer.has-pending-payment { background: var(--greyDark2); }
.processing-container { width: 100%; text-align: center; padding-bottom: 2.0625rem; }
.processing-container__inner { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.processing-container__icon { margin-bottom: 1.5rem; width: 5.5rem; height: 5.5rem; display: flex; align-items: center; justify-content: center; }
.processing-container__icon svg { width: 100%; height: 100%; font-size: 5.8125rem; }
.processing-container h5 { color: var(--white, #fff); font-size: 1.5rem; font-weight: 600; margin: 0px 0px 0.75rem; line-height: 1.4; }
.processing-container__message { color: var(--yyy-ui-dark-grey, #9698a1); font-size: 1rem; line-height: 1.5; margin-bottom: 0.75rem; max-width: 28rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .processing-container__message { max-width: 19.375rem; font-size: 0.875rem; }
}
.processing-container__links { color: var(--yyy-ui-dark-grey, #9698a1); font-size: 1rem; line-height: 1.4; max-width: 28rem; }
.processing-container__links a { color: var(--yyy-ui-dark-grey, #9698a1); text-decoration: underline; font-weight: 600; }
@media (min-width: 220px) and (max-width: 576px) {
  .processing-container__links { max-width: 19.375rem; font-size: 0.875rem; }
}
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap { width: 100%; color: var(--white); height: 80%; display: flex; flex-direction: row; padding-top: 92px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer { height: auto; display: flex; flex-direction: column; justify-content: space-between; flex: 0.75 1 0%; padding: 0px; margin: 0px auto; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .paymentMethodTitleWithdrawal { font-weight: 700; font-size: 20px; color: var(--white); margin-bottom: 20px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .paymentContainerWithdrawal { display: flex; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .paymentContainerWithdrawal .paymentMethod { width: 176px; height: 112px; background: var(--grey2); border: 1px solid var(--grey); border-radius: 4px; display: flex; justify-content: center; padding: 16px 0px; margin-bottom: 32px; align-items: center; margin-right: 35px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .paymentContainerWithdrawal .paymentMethod._active { background-color: var(--grey2); border-color: var(--bgBlue4); }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .paymentContainerWithdrawal .paymentMethod img { width: 75px; height: 51px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .wrapperAmount { background: var(--grey3); border: 1px solid var(--grey2); border-radius: 4px; padding: 32px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .wrapperAmount .toggleContainer { display: flex; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .wrapperAmount .toggleContainer .toggleButtonGroup { display: flex; flex-direction: row; justify-content: left; flex: 1 1 0%; background: var(--grey2); }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .wrapperAmount .toggleContainer .toggleButtonGroup .toggleButton { flex: 1 1 0%; font-size: 16px; line-height: 20px; text-align: center; letter-spacing: 0.25px; color: var(--white); font-weight: 700; padding-top: 19px; padding-bottom: 19px; border: 1px solid var(--grey2); height: 56px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .wrapperAmount .toggleContainer .toggleButtonGroup .Mui-selected { color: var(--goldText) !important; background: var(--grey2); }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .wrapperAmount div .AmountStepInput { background: var(--grey2); border: 1px solid var(--grey2); box-sizing: border-box; border-radius: 4px; padding: 12px 17px; margin-top: 24px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .wrapperAmount div .AmountStepInput .MuiInput-underline::before { display: none; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .wrapperAmount div .AmountStepInput .MuiInput-underline::after { display: none; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .wrapperAmount div .AmountStepInput .MuiInput-underline input { color: var(--white); font-weight: 700; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .buttons { display: flex; width: 100%; margin-top: 0px; justify-content: space-between; padding-top: 25px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .buttons .backBtn { width: 200px; border: 1px solid var(--grey) !important; background: transparent !important; letter-spacing: 1.35px; padding: 15px 32px; color: var(--white); font-size: 16px; font-weight: 700; line-height: 18px; text-transform: uppercase; margin-right: 25px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .buttons .backBtn span { color: var(--fontGray) !important; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .buttons .buttonNext { margin-top: 0px; letter-spacing: 1.35px; padding: 15px 32px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; line-height: 18px; text-transform: uppercase; width: 200px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .wrapperToggleContainer { margin-bottom: 30px; }
.CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .wrapperToggleContainer .toggleContainer { display: flex; justify-content: space-around; position: relative; background-color: var(--grey4); }
@media (min-width: 220px) and (max-width: 576px) {
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap { padding-top: 26px; flex-direction: column; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer { height: auto; flex: 1 1 0%; padding-right: 0px; padding-top: 32px; margin: 0px; justify-content: center; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .buttons { margin-top: 32px; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .paymentMethodTitleWithdrawal { font-size: 20px; text-align: center; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .paymentContainerWithdrawal { justify-content: center; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .paymentContainerWithdrawal .paymentMethod { width: 100% !important; display: flex; justify-content: center; margin: 0px 16px 32px; max-width: 300px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .wrapperAmount div .AmountStepInput { margin-top: 0px; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .wrapperAmount .toggleContainer { display: none; }
  .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .buttons .backBtn, .CabinetContainer .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .buttons .buttonNext { font-size: 12px; padding: 15px 20px; }
}
.userChangePasswordContainer .userSettingsFormContainer { display: flex; justify-content: space-between; }
.userChangePasswordContainer .userSettingsFormContainer .settingsFormContainer { flex: 0 0 70%; }
.userChangePasswordContainer .userSettingsFormContainer .settingsForm { display: flex; justify-content: space-between; }
.userChangePasswordContainer .userSettingsFormContainer .settingsForm div { flex: 0 0 75%; padding: 0px !important; }
.userChangePasswordContainer .userSettingsFormContainer .settingsForm div .inputFormContainer { margin-left: 0px; margin-right: 0px; }
.userChangePasswordContainer .userSettingsFormContainer .settingsForm div input { background-color: var(--grey3); color: var(--goldText); }
.userChangePasswordContainer .userSettingsFormContainer .settingsForm div .SelectField > div { background-color: var(--bgBlue2); border-color: var(--inputGreyBorder); }
.userChangePasswordContainer .userSettingsFormContainer .settingsForm div .SelectField > div * { color: var(--fontBlue) !important; }
.userChangePasswordContainer .userSettingsFormContainer .settingsSupport { flex: 0 0 30%; padding-top: 0px; }
.userChangePasswordContainer .userSettingsFormContainer .settingsSupport .supportInnerContainer { background: var(--grey3); border: 1px solid var(--grey2); border-radius: 4px; padding: 55px 20px; display: flex; align-items: center; flex-direction: column; text-align: center; }
.userChangePasswordContainer .userSettingsFormContainer .settingsSupport .supportInnerContainer h3 { font-weight: 700; font-size: 16px; line-height: 140%; letter-spacing: 0.1px; margin-top: 33px; margin-bottom: 22px; color: var(--white); }
.userChangePasswordContainer .userSettingsFormContainer .settingsSupport .supportInnerContainer h4 { font-size: 13px; line-height: 140%; color: var(--goldText); margin: 0px; }
.userChangePasswordContainer .userSettingsFormContainer .settingsSupport .supportInnerContainer button { border: 1px solid var(--white); border-radius: 4px; padding: 12px; font-weight: 500; font-size: 10px; line-height: 14px; text-transform: uppercase; color: var(--white); width: 100%; background: transparent; text-align: center; margin-top: 16px; cursor: pointer; }
.userChangePasswordContainer .userSettingsFormContainer .settingsSupport .supportInnerContainer img { width: 48px; height: 48px; }
@media (min-width: 576px) and (max-width: 992px) {
  .userChangePasswordContainer .userSettingsFormContainer { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .userChangePasswordContainer .userSettingsFormContainer .settingsFormContainer { flex: 0 0 100%; }
  .userChangePasswordContainer .userSettingsFormContainer .settingsForm { display: flex; justify-content: space-between; }
  .userChangePasswordContainer .userSettingsFormContainer .settingsForm div { flex: 0 0 100%; }
  .userChangePasswordContainer .userSettingsFormContainer .settingsForm div .inputFormContainer { margin-left: 0px; margin-right: 0px; padding-top: 0px; }
  .userChangePasswordContainer .userSettingsFormContainer .settingsSupport { flex: 0 0 80%; padding-top: 0px; margin: 25px auto auto; }
  .userChangePasswordContainer .userSettingsFormContainer .settingsSupport .supportInnerContainer { padding: 20px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .userChangePasswordContainer .userSettingsFormContainer { flex-wrap: wrap; }
  .userChangePasswordContainer .userSettingsFormContainer .settingsFormContainer { flex: 0 0 100%; }
  .userChangePasswordContainer .userSettingsFormContainer .settingsForm { display: flex; justify-content: space-between; }
  .userChangePasswordContainer .userSettingsFormContainer .settingsForm div { flex: 0 0 100%; }
  .userChangePasswordContainer .userSettingsFormContainer .settingsSupport { flex: 0 0 100%; padding-top: 0px; margin: 25px auto auto; }
  .userChangePasswordContainer .userSettingsFormContainer .settingsSupport .supportInnerContainer { padding: 20px; }
}
.userChangePasswordContainer .saveButton { min-height: 48px; padding: 6px 16px; font-weight: 700; font-size: 16px; line-height: 22px; text-transform: uppercase; color: var(--white); margin-top: 40px; }
@media (min-width: 576px) and (max-width: 992px) {
  .userChangePasswordContainer .saveButton { display: block; margin: 40px auto 0px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .userChangePasswordContainer .saveButton { display: block; margin: 40px auto 0px; padding: 0px; width: 100%; }
}
.rdt_Table { overflow: hidden; background-color: var(--darkGreyBg1) !important; border-radius: var(--borderRadius),var(--borderRadius),0,0; }
.rdt_Table .hmdeEe { border-radius: var(--borderRadius); }
.rdt_Table .cAEUs { background: var(--black3) !important; }
.rdt_Table div .table_empty { background-color: var(--black3); color: var(--grey9); font-size: 18px; text-transform: uppercase; height: 80px; border: 1px solid var(--black3); display: flex; align-items: center; justify-content: center; width: 100%; border-radius: var(--borderRadius); }
@media (min-width: 220px) and (max-width: 576px) {
  .rdt_Table div .table_empty { font-size: 14px; font-weight: 600; }
}
.rdt_Table .rdt_TableHead { overflow: hidden; }
.rdt_Table .rdt_TableHead .rdt_TableHeadRow { background-color: var(--darkGreyBg1); border-bottom: 1px solid var(--grey3); }
.rdt_Table .rdt_TableHead .rdt_TableHeadRow .rdt_TableCol { border: medium !important; color: var(--grey9); font-weight: 600; text-transform: uppercase; }
.rdt_Table .rdt_TableHead .rdt_TableHeadRow .rdt_TableCol .rdt_TableCol_Sortable:focus, .rdt_Table .rdt_TableHead .rdt_TableHeadRow .rdt_TableCol .rdt_TableCol_Sortable:hover { color: var(--grey9); }
.rdt_Table .rdt_TableBody { border: medium !important; outline: none; overflow: auto; }
.rdt_Table .rdt_TableBody .rdt_TableRow:nth-child(2n) { background: var(--black3); }
.rdt_Table .rdt_TableBody .rdt_TableRow { background: var(--darkGreyBg1); color: var(--greyText6); overflow: hidden; border-radius: var(--borderRadius); }
.rdt_Table .rdt_TableBody .rdt_TableRow .paymentMethod, .rdt_Table .rdt_TableBody .rdt_TableRow .tableType { color: var(--grey9); }
.rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell { font-weight: 600; border-radius: 0px; border-right: 1px solid var(--grey4) !important; padding: 0px 8px; }
@media (min-width: 220px) and (max-width: 576px) {
  .rdt_Table { font-size: 11px !important; }
  .rdt_Table .rdt_TableHead .rdt_TableHeadRow .rdt_TableCol { padding: 0px 2px !important; }
}
div .rdt_Pagination { direction: ltr; background: var(--darkGreyBg1); color: var(--white); margin-top: 20px; border-top: 1px solid var(--grey3); }
div .rdt_Pagination button { fill: var(--white); background: rgba(var(--grey9),.8); margin: 0px 3px; }
div .rdt_Pagination button:hover:not(:disabled), div .rdt_Pagination button:focus { fill: var(--white); background: var(--grey9); }
div .rdt_Pagination button:disabled { fill: var(--grey9) !important; background: transparent; border: 1px solid var(--grey9); }
div .rdt_Pagination button svg [fill="none"] { fill: transparent; }
.rdt_TableCol { min-width: 50px !important; }
.status.CANCELLED { color: var(--red2); }
.status.FAILED { color: var(--red); }
.status.PENDING { color: var(--yellowDark); }
.status.COMPLETED { color: var(--green3); }
.balancesBlockWrapper { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; }
.balancesBlockWrapper > .balanceContainer { flex: 0 0 48%; }
@media (min-width: 576px) and (max-width: 992px) {
  .balancesBlockWrapper > .balanceContainer { flex: 0 0 100%; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .balancesBlockWrapper > .balanceContainer { flex: 0 0 100%; flex-direction: column; align-items: center; text-align: center; }
  .balancesBlockWrapper > .balanceContainer .balanceBlockContainer { margin-top: 15px; }
}
.balanceContainer { border: 1px solid var(--borderBrown); box-sizing: border-box; border-radius: 4px; padding: 24px; display: flex; justify-content: space-between; margin-bottom: 32px; }
.balanceContainer.noBorder { border-color: transparent; padding-left: 0px; padding-right: 0px; }
.balanceContainer .titleContainer h3 { font-style: normal; font-weight: 700; font-size: 22px; line-height: 140%; letter-spacing: 0.15px; color: var(--white); margin: 0px 0px 4px; }
.balanceContainer .titleContainer h5 { font-size: 12px; line-height: 140%; letter-spacing: 0.4px; color: rgba(255, 255, 255, 0.5); margin: 0px; }
.balanceContainer .noPendingWithdrawalsFound_container { display: flex; align-items: center; }
.balanceContainer .noPendingWithdrawalsFound_container img { width: 20px; height: 20px; margin: 0px 10px; }
.balanceContainer .noPendingWithdrawalsFound_container span { font-size: 12px; line-height: 140%; letter-spacing: 0.4px; color: rgba(255, 255, 255, 0.5); }
.balanceContainer .balanceBlockContainer { display: flex; align-items: center; background: var(--grey2); border-radius: 4px; padding: 8px; max-height: 48px; }
.balanceContainer .balanceBlockContainer span.balance { font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: 0.25px; color: var(--white); margin: 0px 12px; }
.balanceContainer .balanceBlockContainer button { height: 32px; width: 32px; }
.userSettingsContainer .userSettingsFormContainer { display: flex; justify-content: space-between; }
.userSettingsContainer .userSettingsFormContainer .settingsFormContainer { flex: 0 0 70%; overflow: hidden; }
.userSettingsContainer .userSettingsFormContainer .settingsForm { display: flex; justify-content: space-between; }
.userSettingsContainer .userSettingsFormContainer .settingsForm > div { flex: 0 0 48%; }
.userSettingsContainer .userSettingsFormContainer .settingsForm > div input { background-color: var(--grey3); color: var(--goldLight); }
.userSettingsContainer .userSettingsFormContainer .settingsForm > div input:disabled { cursor: not-allowed; }
.userSettingsContainer .userSettingsFormContainer .settingsForm > div .SelectField > div { background-color: var(--bgBlue2); border-color: var(--grey2); }
.userSettingsContainer .userSettingsFormContainer .settingsForm > div .SelectField > div * { color: var(--fontBlue) !important; }
.userSettingsContainer .userSettingsFormContainer .settingsSupport { flex: 0 0 26%; padding-top: 20px; }
.userSettingsContainer .userSettingsFormContainer .settingsSupport .supportInnerContainer { background: var(--grey3); border: 1px solid var(--grey2); border-radius: 4px; padding: 55px 20px; display: flex; align-items: center; flex-direction: column; text-align: center; }
.userSettingsContainer .userSettingsFormContainer .settingsSupport .supportInnerContainer h3 { font-weight: 700; font-size: 16px; line-height: 140%; letter-spacing: 0.1px; margin-top: 33px; margin-bottom: 22px; color: var(--white); }
.userSettingsContainer .userSettingsFormContainer .settingsSupport .supportInnerContainer h4 { font-size: 13px; line-height: 140%; color: var(--goldText); margin: 0px; }
.userSettingsContainer .userSettingsFormContainer .settingsSupport .supportInnerContainer button { border: 1px solid var(--white); border-radius: 4px; padding: 12px; font-weight: 500; font-size: 10px; line-height: 14px; text-transform: uppercase; color: var(--white); width: 100%; background: transparent; text-align: center; margin-top: 16px; cursor: pointer; }
.userSettingsContainer .userSettingsFormContainer .settingsSupport .supportInnerContainer img { width: 48px; height: 48px; }
@media (min-width: 576px) and (max-width: 992px) {
  .userSettingsContainer .userSettingsFormContainer { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .userSettingsContainer .userSettingsFormContainer .settingsFormContainer { flex: 0 0 100%; }
  .userSettingsContainer .userSettingsFormContainer .settingsForm { margin-bottom: 20px; }
  .userSettingsContainer .userSettingsFormContainer .settingsSupport { flex: 0 0 60%; padding-top: 20px; margin: auto; }
  .userSettingsContainer .userSettingsFormContainer .settingsSupport .supportInnerContainer { padding: 34px 20px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .userSettingsContainer .userSettingsFormContainer { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .userSettingsContainer .userSettingsFormContainer .settingsFormContainer { flex: 0 0 100%; }
  .userSettingsContainer .userSettingsFormContainer .settingsForm { flex-wrap: wrap; }
  .userSettingsContainer .userSettingsFormContainer .settingsForm > div { flex: 0 0 100%; }
  .userSettingsContainer .userSettingsFormContainer .settingsSupport { flex: 0 0 100%; padding-top: 20px; }
  .userSettingsContainer .userSettingsFormContainer .settingsSupport .supportInnerContainer { padding: 20px; }
}
.BonusInfoModal .MuiPaper-root { border-radius: 24px; }
.BonusInfoModal .MuiDialog-paper { min-width: 300px; }
@media (min-width: 360px) {
  .BonusInfoModal .ui-dialog__content { width: 21.25rem; }
}
.BonusInfoModal-CloseButton { max-width: 50px; position: absolute !important; top: 0px; right: 0px; z-index: 999; border-radius: 0px; }
.BonusInfoModal-CloseButton svg { color: var(--goldLight); }
.BonusInfoModal-CloseButton:hover { background: transparent !important; }
.BonusInfoModal-Content { max-width: 300px; padding: 10px 35px !important; }
.BonusInfoModal-Content-Heading { text-align: center; }
.BonusInfoModal-Content-Heading h3 { font-size: 14px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: var(--goldLight); margin-top: 30px; margin-bottom: 4px; }
.BonusInfoModal-Content-Heading h4 { font-size: 16px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: rgb(61, 61, 61); margin-top: 0px; margin-bottom: 10px; }
.BonusInfoModal-Item { justify-content: space-between !important; font-size: 14px; margin: 5px 0px; padding-left: 0px !important; padding-right: 0px !important; }
.BonusInfoModal-Item span { font-weight: 700; color: rgb(61, 61, 61); }
.BonusInfoModal-Item span:first-child { font-weight: 500; color: rgba(61, 61, 61, 0.7); }
.BonusInfoModal-Item:not(:last-child) { border-bottom: 1px solid var(--yyy-ui-light-grey); }
.DepositBlockModal .MuiPaper-root { border-radius: 12px; }
.DepositBlockModal .MuiDialog-paper { min-width: 300px; }
.DepositBlockModal-CloseButton { position: absolute !important; right: 0px; top: 0px; z-index: 1; }
.DepositBlockModal-CloseButton:hover { background: transparent !important; }
.DepositBlockModal-Container { padding: 24px !important; }
.DepositBlockModal-Container-Heading { text-align: center; }
.DepositBlockModal-Container-Heading h2 { font-size: 22px; font-weight: 700; color: var(--black2); margin-top: 20px; margin-bottom: 12px; }
.DepositBlockModal-Item { text-align: center; }
.DepositBlockModal-Item p { font-size: 14px; font-weight: 600; color: var(--grey9); margin: 0px auto 30px; }
.DepositBlockModal-Button { min-height: 48px; text-transform: uppercase; }
.EgyptConversionWarningModal .MuiPaper-root { border-radius: 12px; }
.EgyptConversionWarningModal .MuiDialog-paper { min-width: 300px; }
.EgyptConversionWarningModal-CloseButton { position: absolute !important; right: 0px; top: 0px; z-index: 1; }
.EgyptConversionWarningModal-CloseButton:hover { background: transparent !important; }
.EgyptConversionWarningModal-Container { padding: 24px !important; }
.EgyptConversionWarningModal-Container-Heading { text-align: center; }
.EgyptConversionWarningModal-Container-Heading h2 { font-size: 22px; font-weight: 700; color: var(--black2); margin-top: 20px; margin-bottom: 12px; }
.EgyptConversionWarningModal-Item { text-align: center; }
.EgyptConversionWarningModal-Item p { font-size: 14px; font-weight: 600; color: var(--grey9); margin: 20px auto 30px; }
.EgyptConversionWarningModal-Button { min-height: 48px; text-transform: uppercase; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-calendar .wkg-calendar__cell--selected { background-color: var(--wkg-color-grey-100); color: var(--wkg-color-text-quaternary); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-calendar .wkg-calendar__cell--today { border-color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-calendar :is(.wkg-calendar__month-select, .wkg-calendar__year-select, .wkg-calendar__today-button) { background-color: var(--wkg-color-grey-300); border-color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-calendar__content { border-color: var(--wkg-color-grey-300); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-calendar__content--smooth-corners { outline-color: var(--wkg-color-grey-300); }
html[dir="rtl"]:is([data-theme="ywin"], [data-theme="arabic"]) .wkg-calendar__nav-button svg { transform: scaleX(-1); }
html:is([data-theme="ywin"], [data-theme="arabic"]) .additional-details-form :is(.wkg-field__control, .wkg-field__control--smooth-corners) { background-color: transparent; border-top: medium; border-right: medium; border-left: medium; border-image: none; border-bottom: 1px solid var(--wkg-color-grey-200); border-radius: 0px; outline: none; padding-inline: 0px; --wkg-field-control-bg: transparent; --wkg-field-control-border-color: transparent; --wkg-field-control-border-radius: 0; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .additional-details-form .wkg-field__control--smooth-corners::before, html:is([data-theme="ywin"], [data-theme="arabic"]) .additional-details-form .wkg-field__control--smooth-corners::after { background-color: transparent; content: none; display: none; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .additional-details-form .wkg-field__input { background-color: transparent; padding-inline: 0px; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .additional-details-form .wkg-field__control:focus-within { border-bottom-color: var(--wkg-color-text-primary); outline: none; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .additional-details-form :is(.wkg-field__control--error, .wkg-field__control--smooth-corners.wkg-field__control--error) { border-bottom-color: var(--wkg-color-red-400); outline: none; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .additional-details-form :is(.wkg-field__control--error, .wkg-field__control--smooth-corners.wkg-field__control--error):focus-within { border-bottom-color: var(--wkg-color-red-400); outline: none; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .additional-details-form .wkg-date-field__field-wrapper .wkg-select__indicators { right: auto; inset-inline-end: 0px; }
html:is([data-theme="ywin"], [data-theme="arabic"]) .additional-details-form .wkg-select__trigger { padding-right: 0px; padding-inline-end: 2.5rem; text-align: start; }
.staticPageContainer { flex-grow: 1; padding: 90px 24px; color: var(--white); }
.staticPageContainer .titleList { font-size: 16px; color: var(--white); font-weight: 600; text-transform: uppercase; }
.staticPageContainer .textDescription { font-size: 14px; color: rgb(255, 255, 255); padding-top: 10px; line-height: 24px; }
.staticPageContainer .titleWrap { text-align: center; margin: 50px auto 60px; }
.staticPageContainer .titleWrap .titleStaticPage { text-align: center; font-size: 24px; color: var(--white); margin: 0px 0px 10px; font-weight: 700; }
.staticPageContainer .titleWrap .subTitle, .staticPageContainer .titleWrap .OneTimePopup .description, .OneTimePopup .staticPageContainer .titleWrap .description { color: var(--grey9); font-size: 14px; line-height: 1.43; }
@media (min-width: 1200px) {
  .staticPageContainer .titleWrap .subTitle, .staticPageContainer .titleWrap .OneTimePopup .description, .OneTimePopup .staticPageContainer .titleWrap .description { max-width: 70%; margin: 0px auto; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .staticPageContainer .titleWrap { margin: 20px auto 40px; }
}
.staticPageContainer--v2 { padding-top: 7.1875rem; }
.staticPageContainer.loyaltyprogram .titleWrap { display: none; }
.wrapNotFoundPage { height: 100%; }
.wrapNotFoundPage .btn { cursor: pointer; }
.wrapNotFoundPage .btn a { display: flex; color: var(--white); text-decoration: none; text-transform: uppercase; }
.wrapNotFoundPage .container { display: flex; align-items: center; flex-direction: column; }
.wrapNotFoundPage .container .image { padding-top: 104px; padding-bottom: 64px; width: 50%; height: 50%; }
.wrapNotFoundPage .container .title { color: var(--fontYellow); font-size: 26px; font-weight: 600; line-height: 1.334; letter-spacing: 0em; margin-bottom: 16px; }
.wrapNotFoundPage .container .text { color: var(--white); max-width: 450px; font-size: 16px; line-height: 140%; display: flex; align-items: center; text-align: center; margin-bottom: 24px; }
.wrapNotFoundPage .container .btn { height: 48px; width: 238px; }
.MobileSideBar .MuiBackdrop-root { background-color: rgba(28, 30, 39, 0.5) !important; }
.MobileSideBar .MuiPaper-root { width: 75%; }
.MobileSideBar .closeButton { position: absolute; top: 24px; left: 24px; z-index: 1300; width: 36px; height: 36px; border-radius: var(--borderRadius); border: 1px solid rgba(150, 152, 161, 0.3); padding: 0.625rem; }
.MobileSideBar .closeButton .MuiSvgIcon-root { fill: var(--white); }
.MobileBar { height: 100%; position: relative; display: flex; flex-direction: column; justify-content: left; backdrop-filter: blur(10px); padding: 1.5rem 1.5rem 0px; }
.MobileBar .YYYLogo { text-align: center; }
.MobileBar .YYYLogo img { width: 110px; }
.MobileBar .MobileMainNav { margin: 1.25rem 0px 0px; }
.MobileBar .MobileMainNav a { font-weight: 700; font-size: 1rem; display: flex; align-items: center; text-transform: uppercase; color: var(--white); margin: 0px 0px 20px; text-decoration: none; justify-content: center; }
.MobileBar .MobileMainNav a .__icon { padding: 0px 6px; height: 1.75rem; width: 1.75rem; }
.MobileBar .MobileMainNav a .__icon g, .MobileBar .MobileMainNav a .__icon path { stroke: var(--white) !important; }
.MobileBar .MobileMainNav a span.withBadge { display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: center; gap: 0.5rem; }
.MobileBar .MobileMainNav .btn { padding: 0.625rem 0px; margin: 0px 0px 1.25rem; }
.MobileBar .MobileMainNav .btn a { margin: 0px; }
.MobileBar .Buttons { display: flex; flex-direction: column-reverse; margin: 0px 0px 20px; }
.MobileBar .Buttons .signInButton { border-radius: var(--borderRadius); border: 1px solid rgba(150, 152, 161, 0.3); font-size: 14px; font-weight: 700; color: var(--white); padding: 14px 0px; }
.MobileBar .Buttons .signUpButton { background-image: linear-gradient(251deg,var(--darkTurquoise),var(--azure) 20%); font-size: 0.875rem; line-height: 1.2858; font-weight: 700; color: var(--white); letter-spacing: 0.084375rem; text-transform: uppercase; margin: 0px 0px 0.625rem; padding: 0.875rem 0px; }
.MobileBar .Buttons button { width: 100%; }
.MobileBar .FooterMenu { margin: 0px; display: block; border: medium; padding: 8% 0px 10%; }
.MobileBar .FooterMenu a { display: flex; justify-content: center; color: var(--grey13); font-size: 0.875rem; font-weight: 500; text-transform: capitalize; margin: 0px; width: 100%; }
@media (min-width: 220px) and (max-width: 576px) {
  .MobileBar .FooterMenu { border: medium; padding-top: 0px; }
  .MobileBar .FooterMenu a { border: medium; margin: 0px; padding: 0.625rem 0px; }
  .MobileBar .FooterMenu a::after { display: none; }
}
.MobileBar .LogOut { bottom: 0px; right: 0px; display: flex; align-items: center; justify-content: center; padding: 1.25rem 1.875rem; }
.MobileBar .LogOut svg { color: var(--greyText3); }
.MobileBar .LogOut span { color: var(--white); text-transform: uppercase; font-size: 14px; font-weight: 700; margin: 0px 10px; }
.MobileBar .LanguageSwitchContainer .selectMenu { background: var(--black3); font-weight: 700; padding: 0.125rem; margin: 0px 0px 0.625rem; justify-content: center; display: flex; flex-direction: row; border-radius: var(--borderRadius); }
.MobileBar .LanguageSwitchContainer .selectMenu div { display: flex; flex: 1 1 0%; height: auto; padding: 0.625rem 1.9375rem; }
.MobileBar .LanguageSwitchContainer .selectMenu div.active { height: auto; }
.MobileBar-SportbookListWrapper .__Header, .MobileBar-LanguageSwitcher .__Header { border-bottom: 1px solid var(--black3); display: flex; padding: 0.75rem 0px; flex-direction: row; align-items: center; }
.MobileBar-SportbookListWrapper .__Header .Back-Outline-Button, .MobileBar-LanguageSwitcher .__Header .Back-Outline-Button { display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.125); width: 36px; height: 36px; border-radius: 4px; }
.MobileBar-SportbookListWrapper .__Header .Back-Outline-Button svg, .MobileBar-SportbookListWrapper .__Header .Back-Outline-Button path, .MobileBar-LanguageSwitcher .__Header .Back-Outline-Button svg, .MobileBar-LanguageSwitcher .__Header .Back-Outline-Button path { fill: rgb(150, 152, 161); }
.MobileBar-SportbookListWrapper .__Header p, .MobileBar-LanguageSwitcher .__Header p { font-size: 18px; font-weight: 700; text-align: center; color: rgb(255, 255, 255); margin: 0px 0.625rem; }
.MobileBar-SportbookListWrapper .supportedLanguages, .MobileBar-LanguageSwitcher .supportedLanguages { display: flex; flex-direction: column; margin: 0.625rem 0px; }
.MobileBar-SportbookListWrapper .supportedLanguages .AvailableLanguages-Item, .MobileBar-LanguageSwitcher .supportedLanguages .AvailableLanguages-Item { align-items: center; padding: 0.75rem; display: flex; border-radius: 6px; }
.MobileBar-SportbookListWrapper .supportedLanguages .AvailableLanguages-Item.Active, .MobileBar-LanguageSwitcher .supportedLanguages .AvailableLanguages-Item.Active { background-color: var(--black3); }
.MobileBar-SportbookListWrapper .supportedLanguages .AvailableLanguages-Item img, .MobileBar-LanguageSwitcher .supportedLanguages .AvailableLanguages-Item img { width: 23px; height: 16px; margin: 0px 0.46875rem; }
.MobileBar-SportbookListWrapper .supportedLanguages .AvailableLanguages-Item span, .MobileBar-LanguageSwitcher .supportedLanguages .AvailableLanguages-Item span { color: var(--grey9); font-weight: 700; font-size: 0.875rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.MobileBar-SportbookListWrapper .__Header { display: flex; justify-content: space-between; }
.MobileBar-SportbookListWrapper .__Header .TitleGroup { display: flex; flex: 1 1 0%; align-items: center; justify-content: center; gap: 2px; }
.MobileBar-SportbookListWrapper .__Header .TitleGroup-Title { text-transform: uppercase; margin: 0px; }
.MobileBar-SportbookListWrapper .__Header .TitleGroup-Logo { width: 30px; height: 30px; }
.MobileBar-SportbookListWrapper .SportbookList { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 1.25rem 0px 0px; }
.MobileBar-SportbookListWrapper .SportbookList .Sportbook { background-color: var(--ctaButtonBorder); width: 100%; height: 70px; border-radius: 10px; display: flex; flex-direction: column; box-sizing: border-box; position: relative; border: solid 1px var(--ctaButtonBorder); }
.MobileBar-SportbookListWrapper .SportbookList .Sportbook::before { content: ""; position: absolute; inset: 0px; z-index: -1; margin: -0.125rem; border-radius: inherit; background: transparent; }
.MobileBar-SportbookListWrapper .SportbookList .SportbookImage { box-sizing: border-box; border-top-right-radius: inherit; border-top-left-radius: inherit; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }
.MobileBar-SportbookListWrapper .SportbookList .SportbookImage img { width: 100%; height: 100%; object-fit: cover; border-top-right-radius: inherit; border-top-left-radius: inherit; }
.MobileBar-SportbookListWrapper .SportbookList .SportbookTitle { text-align: center; opacity: 0.5; font-size: 8px; width: 100%; font-weight: 700; color: var(--white); background-color: var(--grey11); margin: 0px; padding: 0.1875rem 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-transform: uppercase; }
.MobileBar-SportbookListWrapper .SportbookList .Sportbook:focus-within::before { background: linear-gradient(227deg,var(--darkTurquoise) -17%,var(--azure) 47%); box-shadow: rgba(16, 17, 25, 0.5) 0px 10px 20px, rgba(47, 117, 188, 0.8) 0px 0px 20px; }
.MobileBar-SportbookListWrapper .SportbookList .Sportbook:focus-within .SportbookTitle { opacity: 1; background-color: transparent; }
.MobileBar .SportbookNone { display: none; }
.MobileBar-SelectedLanguage { display: flex; flex-direction: row; align-items: center; padding: 0.75rem; background-color: var(--black3); margin: 0px 0px 1.25rem; border-radius: 6px; }
.MobileBar-SelectedLanguage span { color: rgb(255, 255, 255); font-weight: 700; font-size: 12px; margin: 0px 0.71875rem; }
.MobileBar-SelectedLanguage img { width: 23px; height: 16px; margin: 0px 0.46875rem; }
.MobileBar-SelectedLanguage svg, .MobileBar-SelectedLanguage path { fill: rgb(150, 152, 161); }
.MobileBar-Balance { display: flex; justify-content: space-between; align-items: center; background-color: var(--bodyBgBlack); margin: 0px 0px 13%; border-radius: var(--borderRadius); min-height: 36px; }
.MobileBar-Balance .Balance-Value { color: var(--white); font-weight: 700; padding: 0.4375rem 0.8125rem; font-size: 14px; display: flex; align-items: center; }
.MobileBar-Balance button { padding: 0.5625rem 1.625rem; font-size: 14px; width: auto; min-width: 115px; }
.MuiDrawer-paper { background-color: var(--burgerBgColor) !important; }
.ForgotPasswordDialog { max-width: 28.125rem; margin: 0px auto; }
.ForgotPasswordDialog ::-webkit-scrollbar-track { background-color: var(--greyLight1); }
.ForgotPasswordDialog ::-webkit-scrollbar-thumb { background-color: var(--grey9); border: .0625rem solid var(--greyLight1); }
@media screen and (max-width: 992px) and (orientation: landscape) {
  .ForgotPasswordDialog { overflow-y: auto; scrollbar-width: none; padding: 1.875rem 1.25rem; }
  .ForgotPasswordDialog::-webkit-scrollbar { display: none; }
  .ForgotPasswordDialog .MuiDialog-container { height: auto; }
  .ForgotPasswordDialog .MuiDialogContent-root { overflow-y: visible; }
}
.ForgotPasswordDialog .MuiDialog-paper { border-radius: 0.75rem; margin: 0px 1.25rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .ForgotPasswordDialog .MuiDialog-paper { max-width: 100%; }
}
.ForgotPasswordDialog .MuiDialogContent-root { padding: 1.25rem; overflow: hidden; }
.ForgotPasswordDialog .MuiDialogContent-root .datePicker { display: flex; flex-direction: row; width: 100%; flex: 1 1 0%; justify-content: space-between; margin-bottom: 0.9375rem; }
.ForgotPasswordDialog .MuiDialogContent-root .datePicker .datePick { box-sizing: border-box; flex: 0 0 50%; max-width: 50%; }
.ForgotPasswordDialog .MuiDialogContent-root .datePicker .datePick:first-child, .ForgotPasswordDialog .MuiDialogContent-root .datePicker .datePick:nth-child(3) { flex: 0 0 25%; max-width: 25%; }
.ForgotPasswordDialog .MuiDialogContent-root .loginButton { margin-top: 0.9375rem; }
.ForgotPasswordDialog .support { position: relative; display: flex; justify-content: space-between; align-items: center; margin-top: 1.25rem; padding: 0px 1.25rem; cursor: pointer; }
.ForgotPasswordDialog .support .separator { width: 0.0625rem; height: 1.75rem; background-color: var(--inputGreyBorder); }
.ForgotPasswordDialog .support .supportButton { width: auto; border: medium; padding: 0px; flex: 0 0 40%; }
.ForgotPasswordDialog .support .supportButton.line { display: flex; flex-direction: row; align-items: center; }
.ForgotPasswordDialog .support .supportButton.line img { width: 1.5rem; height: 1.5rem; margin: 0px 0.5rem; }
.ForgotPasswordDialog .support .supportButton.line span { font-size: 0.75rem; color: var(--grey9); font-weight: 700; }
.ForgotPasswordDialog .support .supportButton.telegram { display: flex; gap: 0.3125rem; align-items: center; }
.ForgotPasswordDialog .support .supportButton.telegram span { font-size: 0.75rem; color: var(--grey9); font-weight: 700; }
.ForgotPasswordDialog .support .supportButton .supportButtonIcon { max-width: 5.875rem; border-radius: 0.25rem; height: 1.5rem; }
.ForgotPasswordDialog .support .supportButton img { max-height: 1.5rem; }
.ForgotPasswordDialog .passwordInput { width: 20.75rem; max-width: 100%; }
@media (min-width: 220px) and (max-width: 576px) {
  .ForgotPasswordDialog .codeInputItem input { height: 1.4375rem !important; width: 1.4375rem !important; }
}
.ForgotPasswordDialog .codeInputItem input { width: 1.8125rem; padding: 0.3125rem !important; box-sizing: content-box !important; }
.ForgotPasswordDialog .flag-dropdown { border-color: rgba(var(--grey2),.3) !important; }
.ForgotPasswordDialog-Container { position: relative; max-width: 24.0625rem; padding: 1rem; }
.ForgotPasswordDialog-Container .closeButton .closeBtn { position: fixed !important; z-index: 1; right: 2.5rem; top: 2.5rem; background-color: transparent !important; border: .0625rem solid rgba(var(--grey9),.8); height: 2.25rem; width: 2.25rem; border-radius: var(--borderRadius); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.ForgotPasswordDialog-Container .closeButton .closeBtn span { color: var(--grey9); }
@media (min-width: 220px) and (max-width: 576px) {
  .ForgotPasswordDialog-Container .closeButton .closeBtn { position: absolute !important; right: 0.625rem; top: 0.625rem; border: medium; }
}
.ForgotPasswordDialog-Container .closeButton svg { color: var(--grey9); }
.ForgotPasswordDialog-Container .popupTitle { font-size: 1.375rem; text-align: center; font-weight: 700; color: var(--black2); padding: 0px 0px 0.9375rem; margin: 0px; }
.ForgotPasswordDialog-Container .tip { position: relative; border-radius: var(--borderRadius); background-color: rgba(150, 152, 161, 0.1); font-size: 0.75rem; font-weight: 500; line-height: 1.33; color: var(--grey9); margin-bottom: 0.3125rem; padding: 0.5rem 1.1875rem 0.625rem 2.75rem; }
.ForgotPasswordDialog-Container .tip .icon { position: absolute; left: 0.3125rem; top: 50%; transform: translateY(-50%); color: var(--grey9); }
.ForgotPasswordDialog-Container .resetType { display: flex; margin-bottom: 1.875rem; }
.ForgotPasswordDialog-Container .resetType .resetTypeTab { font-size: 0.875rem; width: auto; flex: 0 0 50%; font-weight: 700; text-align: center; color: var(--grey9); background: transparent; box-shadow: none; padding: 0.3125rem 3.125rem; border-width: medium medium 0.0625rem; border-style: none none solid; border-color: currentcolor currentcolor rgb(221, 221, 221); border-image: none; border-radius: 0px; }
.ForgotPasswordDialog-Container .resetType .resetTypeTab.active { border-bottom: .1875rem solid var(--azure); color: var(--azure); }
.ForgotPasswordDialog-Container .postMessage { font-size: 0.875rem; line-height: 1.71; text-align: center; color: var(--grey9); padding-bottom: 1.25rem; }
.ForgotPasswordDialog-Container .postMessage span { font-size: 1rem; font-weight: 700; display: block; color: var(--black2); }
.ForgotPasswordDialog-Container .toggleIconBtn svg { color: rgb(180, 183, 191); }
.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); text-align: center; align-items: center; display: flex; justify-content: center; z-index: 99999; transition-duration: 0.2s; }
.small-dots-loader { position: relative; left: 0px; top: 0px; width: 100%; height: 100%; min-height: 100vh; background: rgba(0, 0, 0, 0.2); text-align: center; align-items: center; display: flex; justify-content: center; z-index: 99999; transition-duration: 0.2s; }
.checkoxContainer { display: flex; align-items: center; padding-bottom: 17px; }
.checkoxContainer .checkboxLabel { flex-shrink: 0; color: var(--white); cursor: pointer; font-size: 13px; display: flex; align-items: center; justify-content: center; max-width: 100%; text-align: left; }
.checkoxContainer .checkboxInput { position: relative; flex-shrink: 0; width: 16px; height: 16px; appearance: none; outline: none; background: transparent; cursor: pointer; border: 1px solid var(--orange); border-radius: 4px; }
.checkoxContainer .checkboxInput::before { content: " "; position: absolute; inset: 50%; transition: 0.1s; background: var(--orange); }
.checkoxContainer .checkboxInput:checked, .checkoxContainer .checkboxInput:indeterminate { border: 1px solid var(--orange); background: var(--orange); }
.checkoxContainer .checkboxInput:checked::before, .checkoxContainer .checkboxInput:indeterminate::before { border-radius: 4px; background: transparent; inset: 2px; }
.checkoxContainer .checkboxInput:checked + .checkboxСheckMark { position: relative; right: 14px; display: block; }
.checkoxContainer .checkboxInput:checked + .checkboxСheckMark::before { content: ""; position: absolute; top: 1px; left: -1px; width: 5px; height: 1px; background: var(--white); transform: rotate(40deg); border-radius: 1px; }
.checkoxContainer .checkboxInput:checked + .checkboxСheckMark::after { content: ""; position: absolute; left: 2px; width: 6px; height: 1px; background: var(--white); transform: rotate(-60deg); border-radius: 1px; }
.checkbox { display: flex; align-items: center; cursor: pointer; }
.checkbox__input { position: absolute; width: 0px; height: 0px; opacity: 0; pointer-events: none; }
.checkbox__box { position: relative; flex-shrink: 0; box-sizing: border-box; width: 16px; height: 16px; padding: 0px; border: 1.5px solid var(--grey9); border-radius: 3px; background: transparent; transition: 0.15s; }
.checkbox__box::after { content: ""; position: absolute; top: 1px; left: 4px; width: 4px; height: 8px; border-top-style: ; border-top-color: ; border-right-style: ; border-right-color: ; border-bottom-style: ; border-bottom-color: ; border-left-style: ; border-left-color: ; border-image-outset: ; border-image-repeat: ; border-image-slice: ; border-image-source: ; border-image-width: ; border-width: 0px 1.5px 1.5px 0px; transform: rotate(45deg); opacity: 0; transition: opacity 0.15s; }
.checkbox__box--checked { background: var(--yyy-cta-blue-gradient); border-color: transparent; }
.checkbox__box--checked::after { opacity: 1; }
.checkbox__label { padding: 0px 10px; }
.CookieConsent { display: flex; font-size: 13px !important; justify-content: center !important; align-items: center !important; background: var(--grey); color: var(--grey); max-width: 100%; left: auto !important; }
.CookieConsent .declineWrap { display: none; }
.CookieConsent .agreeWrap { background: transparent !important; color: var(--white) !important; font-size: 14px; margin: 9px !important; }
.CookieConsent .cookiesWrap { color: var(--grey); text-align: center; max-width: 1000px; }
.CookieConsent .cookiesWrap .cookiesLink { color: var(--grey); }
@media (min-width: 220px) and (max-width: 576px) {
  .CookieConsent .cookiesWrap { margin: 9px !important; }
}
.faqWrap .wrap .faqs { width: 100%; margin: 0px auto; }
.faqWrap .wrap .faqs .listContainer { margin-bottom: 15px; padding: 0px; border-radius: 8px; }
.faqWrap .wrap .faqs .listContainer .faq-question { position: relative; font-size: 16px; padding-left: 35px; color: var(--white); font-weight: 600; cursor: pointer; user-select: none; }
.faqWrap .wrap .faqs .listContainer .faq-question::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 18px; height: 18px; background-position: center center; background-size: contain; background-repeat: no-repeat; }
.faqWrap .wrap .faqs .listContainer .faq-answer { display: none; max-height: 0px; overflow-y: hidden; font-size: 16px; text-align: justify; padding-right: 20px; }
.faqWrap .wrap .faqs .listContainer.active .faq-question { margin-bottom: 15px; }
.faqWrap .wrap .faqs .listContainer.active .faq-question::before { display: block; }
.faqWrap .wrap .faqs .listContainer.active .faq-answer { max-height: 1000px; display: block; color: var(--grey9); padding-left: 35px; line-height: 24px; margin-bottom: 45px; }
.promotionWrap .content { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 16px; }
.promotionWrap .content::after { content: none; }
@media (max-width: 768px) {
  .promotionWrap .content { grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(4, 1fr); }
}
.affiliatesWrap .wrap .wrapContent .questionContent { font-size: 16px; font-weight: 700; color: var(--white); margin-bottom: 10px; }
.affiliatesWrap .wrap .wrapContent .answerContent { font-size: 14px; color: var(--grey9); margin-bottom: 30px; text-align: justify; }
.affiliatesWrap .wrap .wrapContent .affiletFormRegistration { display: flex; justify-content: center; margin: 30px auto auto; padding: 30px 0px; }
.affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm .SupportForm { width: 560px; margin: 0px auto; }
@media (min-width: 220px) and (max-width: 576px) {
  .affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm .SupportForm { width: 100%; }
}
.affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm .titleForm { font-size: 25px; margin-bottom: 15px; text-align: center; font-weight: 600; }
.affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm .subTitleForm { font-size: 18px; margin-bottom: 20px; text-align: center; color: var(--grey9); }
.affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm form { text-align: center; }
.affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm form textarea { resize: none; width: 100%; height: 48px; border: medium; background: var(--greyDark2); padding-left: 11px; color: var(--white); border-radius: var(--borderRadius); box-sizing: border-box; }
.affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm form textarea::placeholder { color: var(--grey9); font-size: 14px; font-weight: 600; opacity: 0.6; }
.affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm form textarea { height: 195px; max-height: 195px; padding-top: 12px; resize: none; }
.affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm form .inputFormContainer input { width: 100%; height: 48px; border: medium; background: var(--greyDark2); padding-left: 11px; color: var(--white); border-radius: var(--borderRadius); }
.affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm form .inputFormContainer input::placeholder { color: var(--grey9); font-size: 14px; font-weight: 600; opacity: 0.6; }
.affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm form .bottomItem { width: 100%; }
.affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm form .bottomItem .button { height: 44px; width: 100%; font-size: 15px; border: medium; border-radius: 4px; text-transform: uppercase; color: var(--white); opacity: 1; background-image: linear-gradient(245deg,var(--darkTurquoise) 14%,var(--azure) 45%); }
.affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm form .bottomItem .button:hover, .affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm form .bottomItem .button:active { box-shadow: rgba(47, 117, 188, 0.8) 0px 0px 20px; }
.affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm form .bottomItem button:disabled { opacity: 1 !important; }
@media (min-width: 220px) and (max-width: 576px) {
  .affiliatesWrap .wrap .wrapContent .questionContent, .affiliatesWrap .wrap .wrapContent .answerContent { text-align: center; }
}
.payments .wrap .wrapPaymentCard { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 1200px) {
  .payments .wrap .wrapPaymentCard { display: flex; flex-wrap: wrap; justify-content: space-between; }
}
.payments .wrap .wrapPaymentCard .itemCard { background-color: var(--darkGreyBg1); border-radius: var(--borderRadius); padding: 2em 1.7em 3.8em; text-align: center; }
@media (max-width: 1200px) {
  .payments .wrap .wrapPaymentCard .itemCard { width: 27%; margin-bottom: 30px; }
}
.payments .wrap .wrapPaymentCard .itemCard .itemCard__imgContainer { width: 140px; height: 80px; border-radius: var(--borderRadius); margin: auto; background: var(--white); display: flex; align-items: center; justify-content: center; }
.payments .wrap .wrapPaymentCard .itemCard .itemCard__imgContainer img { max-height: 80%; max-width: 100px; }
.payments .wrap .wrapPaymentCard .itemCard .itemCard__currency_title { font-size: 16px; font-weight: 700; margin-top: 30px; }
.payments .wrap .wrapPaymentCard .itemCard .itemCard__currency { font-size: 14px; margin-top: 10px; color: var(--grey9); }
@media (min-width: 576px) and (max-width: 992px) {
  .payments .wrap .wrapPaymentCard { justify-content: space-around; }
  .payments .wrap .wrapPaymentCard .itemCard { width: 40%; padding: 1.5em 1em 2.3em 1.5em; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .payments .wrap .wrapPaymentCard .itemCard { width: 100%; margin: auto auto 25px; }
  .payments .wrap .wrapPaymentCard .itemCard .itemCard__imgConteiner { margin: auto; display: flex; align-items: center; justify-content: center; }
  .payments .wrap .wrapPaymentCard .itemCard .itemCard__imgConteiner img { max-width: 100px; }
  .payments .wrap .wrapPaymentCard .itemCard .itemCard__currency { font-size: 18px; }
}
.termsWrap .wrap { text-align: justify; margin-bottom: 52px; }
.termsWrap .wrap .titleHeader { font-size: 16px; color: var(--white); font-weight: 600; }
.termsWrap .wrap .textDescription { font-size: 14px; color: var(--grey9); padding-top: 10px; line-height: 24px; }
.termsWrap .wrap .titleList { font-size: 16px; color: var(--white); padding-top: 40px; font-weight: 600; text-transform: uppercase; }
.termsWrap .wrap .contentList { font-size: 14px; color: var(--grey9); line-height: 24px; padding-top: 10px; }
.termsWrap .wrap .titleChildList { font-size: 14px; color: var(--white); padding: 40px 40px 10px; font-weight: 600; }
@media (min-width: 220px) and (max-width: 576px) {
  .termsWrap .wrap .titleChildList { padding: 40px 20px 10px; }
}
.termsWrap .wrap .contentChildList { font-size: 16px; color: var(--grey9); line-height: 24px; padding: 10px 0px 0px 40px; list-style-type: none; }
@media (min-width: 220px) and (max-width: 576px) {
  .termsWrap .wrap .contentChildList { padding: 10px 0px 0px 20px; }
}
.StaticSEOContent { padding: 25px 0px; }
.StaticSEOContent .title, .StaticSEOContent .titleHeader { font-weight: 700; margin: 15px 0px; color: rgb(255, 255, 255); }
.StaticSEOContent .contentList { color: rgba(255, 255, 255, 0.44); margin-bottom: 10px; font-size: 12px; }
.AboutUsWrap { box-sizing: border-box; width: 100%; text-align: justify; }
.AboutUsWrap .contentAboutUs .textHeader { font-size: 16px; color: var(--white); text-align: justify; font-weight: 600; margin-bottom: 30px; }
@media (min-width: 220px) and (max-width: 576px) {
  .AboutUsWrap .contentAboutUs .textHeader { text-align: center; }
}
.AboutUsWrap .contentAboutUs .textBody { font-size: 14px; color: var(--grey9); line-height: 24px; margin-bottom: 30px; }
.AboutUsWrap .contentAboutUs .listContainer { margin: 0px 0px 30px; font-size: 14px; color: var(--grey9); line-height: 24px; }
.AboutUsWrap .contentAboutUs .listContainer .listItem::marker { color: var(--azure); left: 50%; transform: translate(-50%); }
.AboutUsWrap .textColor { font-size: 14px; color: var(--white); line-height: 24px; margin-bottom: 30px; }
.AboutUsWrap .tabContainer .flexContainer { display: flex; flex-direction: row; align-content: center; color: var(--white); background-color: var(--black3); border-top-left-radius: var(--borderRadius); border-top-right-radius: var(--borderRadius); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.AboutUsWrap .tabContainer .flexContainer .flexItemChild { height: 64px; font-size: 12px; font-weight: 600; width: 100%; }
.AboutUsWrap .tabContainer .flexContainer .flexItemChild .item { display: flex; align-items: center; color: var(--grey9); cursor: pointer; height: inherit; }
.AboutUsWrap .tabContainer .flexContainer .flexItemChild .item .itemBlock { display: flex; align-items: center; padding: 0px 15px; }
.AboutUsWrap .tabContainer .flexContainer .flexItemChild .item .itemBlock-img { width: 24px; height: 24px; }
.AboutUsWrap .tabContainer .flexContainer .flexItemChild .item .itemBlock-title { padding: 0px 20px; width: 100%; text-align: left; text-transform: uppercase; }
.AboutUsWrap .tabContainer .flexContainer .flexItemChild .activeItem { display: flex; align-items: center; color: var(--white); position: relative; height: inherit; }
.AboutUsWrap .tabContainer .flexContainer .flexItemChild .activeItem::after { content: ""; width: 100%; height: 2px; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-size: ; background-origin: ; background-clip: ; background-image: linear-gradient(269deg,var(--darkTurquoise) 3%,var(--azure) 50%); position: absolute; bottom: 0px; box-shadow: 0 0 14px var(--azure); }
.AboutUsWrap .tabContainer .flexContainer .flexItemChild .activeItem::before { content: ""; width: 100%; height: 30px; position: absolute; bottom: 0px; opacity: 0.5; background-image: linear-gradient(to top,var(--azure) 154%,rgba(30,195,216,0)); filter: blur(1rem); }
.AboutUsWrap .tabContainer .flexContainer .flexItemChild .activeItem .itemBlock { display: flex; align-items: center; padding: 0px 15px; }
.AboutUsWrap .tabContainer .flexContainer .flexItemChild .activeItem .itemBlock-img { width: 24px; height: 24px; }
.AboutUsWrap .tabContainer .flexContainer .flexItemChild .activeItem .itemBlock-title { padding: 0px 20px; width: 100%; text-transform: uppercase; text-align: left; }
.AboutUsWrap .tabContainer .tabsContent { display: none; background-color: var(--greyDark2); }
.AboutUsWrap .tabContainer .tabsContent .tabsContentActive { padding: 40px; font-size: 14px; font-weight: 500; line-height: 1.71; color: var(--grey9); }
.AboutUsWrap .tabContainer .tabsContent.active { display: block; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: var(--borderRadius); border-bottom-left-radius: var(--borderRadius); }
@media (min-width: 220px) and (max-width: 576px) {
  .AboutUsWrap .tabContainer .flexContainer { flex-flow: column wrap; width: 100%; }
  .AboutUsWrap .tabContainer .flexContainer .flexItemChild { width: 100%; }
  .AboutUsWrap .tabContainer .tabsContent { padding: 0px; }
  .AboutUsWrap .tabContainer .tabsContent .tabsContentActive { padding: 32px; }
}
.loyalty-program-page__bottom-cta-tip-text { font-size: 1.25rem; line-height: 1.6; color: var(--yyy-white); text-align: center; font-style: normal; font-weight: 500; max-width: 50%; margin-top: 3.25rem; justify-self: center; }
@media (min-width: 220px) and (max-width: 576px) {
  .loyalty-program-page__bottom-cta-tip-text { font-size: 1rem; line-height: 1.5; max-width: 100%; }
}
.loyalty-card { width: 17.1875rem; background-color: var(--yyy-dark-blue-lvl-2); border-radius: 0.375rem; box-shadow: rgba(0, 0, 0, 0.5) 0px 0.625rem 1.875rem; position: relative; }
@media (min-width: 220px) and (max-width: 576px) {
  .loyalty-card__outer .page-slider__item { width: 66.67%; flex: 0 0 66.67%; }
}
.loyalty-card__header { position: absolute; top: -4rem; width: 100%; left: 50%; transform: translate(-50%); display: flex; flex-direction: column; align-items: center; }
@media (min-width: 220px) and (max-width: 576px) {
  .loyalty-card__header { top: -3.4375rem; }
}
.loyalty-card__trophy { width: 11.25rem; height: 11.25rem; }
.loyalty-card__trophy img { width: 100%; height: 100%; object-fit: contain; }
.loyalty-card__title { font-size: 1.875rem; line-height: 1.2334; font-weight: 800; text-align: center; color: var(--yyy-vip-light-gold); width: 100%; margin: -1.5625rem 0px 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  .loyalty-card__title { margin: -0.5rem 0px 0px; }
}
.loyalty-card__benefits { display: flex; flex-direction: column; gap: 1.5rem; width: 100%; padding: 10rem 1.5rem 2.5rem; box-sizing: border-box; }
@media (max-width: 768px) {
  .loyalty-card { width: 100%; }
  .loyalty-card__header .loyalty-card__trophy { width: 8.75rem; height: 8.75rem; }
  .loyalty-card__header .loyalty-card__title { font-size: 1.5rem; line-height: 1.25; }
  .loyalty-card__benefits { gap: 1.25rem; }
  .loyalty-card__benefits .benefit__text { font-size: 1rem; line-height: 1.25; }
}
.loyalty-card.loyalty-card--is-vip { background: var(--yyy-vip-gold-gradient); }
.loyalty-card.loyalty-card--is-vip .benefit__text { color: var(--yyy-dark-black); }
.loyalty-card.loyalty-card--is-vip svg, .loyalty-card.loyalty-card--is-vip .benefit__icon--cashback { color: var(--yyy-white); }
.loyalty-card.loyalty-card--is-vip .loyalty-card__title { color: var(--yyy-dark-blue); }
.loyalty-card svg { color: var(--yyy-vip-light-gold); }
.benefit { display: flex; position: relative; min-height: 1.875rem; justify-content: flex-start; gap: 1.25rem; }
.benefit .__align-react-svg, .benefit .benefit__icon div, .benefit__icon .benefit div, .benefit .benefit__icon { display: flex; align-items: center; flex-direction: column; justify-content: center; }
.benefit__icon { width: 3.125rem; min-width: 3.125rem; position: relative; }
.benefit__icon img { max-width: 1.875rem; max-height: 1.875rem; }
.benefit__icon--cashback { font-size: 1.125rem; color: var(--yyy-vip-light-gold); font-weight: 700; position: absolute; display: flex; }
.benefit__icon--cashback--symbol { display: inline-block; }
.benefit__text { font-size: 1.125rem; line-height: 1.2223; font-weight: 400; color: var(--yyy-ui-dark-grey); }
.benefit__highlight { color: var(--yyy-loyalty-light-gold); font-weight: 700; }
.benefit.invitationOnly .benefit__text { font-weight: 600; }
.lp-sub-title-container { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-bottom: 2.0625rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .lp-sub-title-container { flex-direction: column; }
  .lp-sub-title-container img { max-width: 100%; order: 0; }
}
.lp-sub-title-container--title { flex-direction: column; place-content: flex-start; max-width: 40%; flex: 0 0 40%; gap: 1rem; display: flex; }
@media (min-width: 220px) and (max-width: 576px) {
  .lp-sub-title-container--title { max-width: 100%; flex: 0 0 100%; order: 1; }
}
.lp-sub-title-container--title h3, .lp-sub-title-container--title p { margin: 0px; }
.lp-sub-title-container--title h3 { font-size: 2rem; font-weight: 500; }
.lp-sub-title-container--title p { font-size: 1.125rem; color: var(--yyy-white); font-weight: 300; }
.lp-sub-title-container .lp-sub-title--image { max-height: 13.625rem; }
.lp-page-header-container { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; min-height: 37.5rem; background-size: cover; background-position: left center; background-repeat: no-repeat; position: relative; margin-bottom: 3.125rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .lp-page-header-container { min-height: 28.5rem; justify-content: flex-end; background-position: center center; background-size: 550%; }
}
.lp-page-header-container h1, .lp-page-header-container p { margin: 0px; flex: 0 0 50%; max-width: 50%; position: relative; z-index: 10; }
@media (min-width: 220px) and (max-width: 576px) {
  .lp-page-header-container h1, .lp-page-header-container p { flex: 0 0 100%; max-width: 100%; }
}
.lp-page-header-container h1 { font-size: 4.375rem; line-height: 1.0572; font-weight: 500; }
@media (min-width: 220px) and (max-width: 576px) {
  .lp-page-header-container h1 { font-size: 2.25rem; line-height: 1.1112; }
}
.lp-page-header-container p { color: var(----yyy-white); font-size: 1.5rem; font-weight: 300; }
@media (min-width: 220px) and (max-width: 576px) {
  .lp-page-header-container p { font-size: 1rem; }
}
.lp-page-header-container__gradient { position: absolute; top: 0px; height: 100%; width: 25%; pointer-events: none; z-index: 1; }
.lp-page-header-container__gradient--left { left: -1px; background: linear-gradient(90deg,var(--yyy-dark-blue-lvl-3) 0%,rgba(28,30,39,0) 100%); }
.lp-page-header-container__gradient--right { right: -1px; background: linear-gradient(270deg,var(--yyy-dark-blue-lvl-3) 0%,rgba(28,30,39,0) 100%); }
.lp-page-header-container__gradient--bottom { bottom: -1px; top: auto; width: 100%; height: 2.5rem; background: linear-gradient(0,var(--yyy-dark-blue-lvl-3) 0%,rgba(28,30,39,0) 100%); }
@media (min-width: 220px) and (max-width: 576px) {
  .lp-page-header-container__gradient--bottom { height: 11.25rem; }
}
.lp-page-bottom-cta { height: 37.0625rem; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; gap: 1rem; }
.lp-page-bottom-cta h1 { font-size: 6.25rem; margin: 0px; color: var(--yyy-white); text-align: center; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 0.375rem; text-transform: uppercase; z-index: 99; }
@media (min-width: 220px) and (max-width: 576px) {
  .lp-page-bottom-cta h1 { font-size: 2.5rem; letter-spacing: 0.25rem; }
}
.lp-page-bottom-cta button { font-size: 0.875rem; outline: none; border: medium; border-radius: 6.25rem; background: var(--yyy-vip-button-gradient-gold); display: flex; height: 3rem; padding: 0.6875rem 1.25rem; justify-content: center; align-items: center; color: var(--yyy-dark-blue-lvl-1); text-align: center; font-weight: 800; text-transform: uppercase; }
.responsibleGaming .wrap .wrapContent .titleResponsible { text-align: justify; font-size: 16px; font-weight: 600; margin-bottom: 10px; }
@media (min-width: 1200px) {
  .responsibleGaming .wrap .wrapContent .titleResponsible { font-size: 22px; }
}
.responsibleGaming .wrap .wrapContent .contentResponsible { color: var(--grey9); font-size: 14px; margin-bottom: 30px; text-align: justify; line-height: 1.71; }
.responsibleGaming .wrap .wrapContent .contentResponsible p { margin: 0px; }
.Promotion-wrapper { position: relative; }
.Promotion-wrapper .bonusDetailsButton { width: 40px; height: 40px; position: absolute; top: 20px; right: 20px; z-index: 1; background-color: rgba(150, 152, 161, 0.3); border-radius: 6px; backdrop-filter: blur(10px); font-size: 12px; font-weight: 700; color: var(--white); padding: 0px; }
.Promotion-wrapper .bonusDetailsButton svg { width: 18px; height: 18px; opacity: 0.5; }
.Promotion-wrapper .bonusDetailsButton:hover { background-color: rgba(150, 152, 161, 0.5); }
@media (min-width: 220px) and (max-width: 576px) {
  .Promotion-wrapper .bonusDetailsButton { padding: 2px 7px; }
}
.Promotion-wrapper .Promotion-Item { border-radius: var(--borderRadius); overflow: hidden; position: relative; cursor: pointer; min-height: 350px; }
.Promotion-wrapper .Promotion-Item::after { width: 100%; height: 100%; position: absolute; content: ""; background: rgba(7, 37, 61, 0.3); }
@media (max-width: 768px) {
  .Promotion-wrapper .Promotion-Item { height: 250px; min-height: 250px; }
}
.Promotion-wrapper .Promotion-Item-Bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-position: center top; background-repeat: no-repeat; transform: scale(1.08); transition: all .5s var(--transitionTimingFunction); }
.Promotion-wrapper .Promotion-Item-Inner { padding: 40px 54px; display: flex; flex-direction: column; height: 100%; box-sizing: border-box; position: absolute; left: 0px; top: 0px; width: 80%; z-index: 1; }
@media (min-width: 220px) and (max-width: 576px) {
  .Promotion-wrapper .Promotion-Item-Inner { width: 80%; padding: 45px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .Promotion-wrapper .Promotion-Item-Inner { padding: 25px; }
}
@media (max-width: 320px) {
  .Promotion-wrapper .Promotion-Item-Inner { width: 95%; }
}
.Promotion-wrapper .Promotion-Item .bonus-badge, .Promotion-wrapper .Promotion-Item .titleItem, .Promotion-wrapper .Promotion-Item .subTitleContent { transition: all .5s var(--transitionTimingFunction); }
.Promotion-wrapper .Promotion-Item .titleItem { font-size: 30px; font-weight: 700; color: var(--white); margin: 0px 0px 10px; position: relative; transform: translateY(0px); }
@media (max-width: 768px) {
  .Promotion-wrapper .Promotion-Item .titleItem { font-size: 18px; }
}
.Promotion-wrapper .Promotion-Item .subTitleContent { max-width: 230px; position: relative; font-size: 16px; opacity: 0.9; color: var(--white); line-height: 1.25; margin: 0px 0px 30px; transform: translateY(0px); }
@media (max-width: 768px) {
  .Promotion-wrapper .Promotion-Item .subTitleContent { font-size: 12px; }
}
.Promotion-wrapper .Promotion-Item .buttonGetBonus { font-size: 14px; font-weight: 700; color: var(--white); background: transparent; border: 1px solid var(--grey9); border-radius: var(--borderRadius); text-transform: uppercase; display: flex; justify-content: center; align-items: center; position: relative; transition: all .34s var(--transitionTimingFunction); padding: 11px 21px; }
.Promotion-wrapper .Promotion-Item:hover .Promotion-Item-Bg { transform: scale(1); transition: all .5s var(--transitionTimingFunction); }
.Promotion-wrapper .Promotion-Item:hover .bonus-badge { transform: translateY(-10px); }
.Promotion-wrapper .Promotion-Item:hover .titleItem { transform: translateY(-10px); transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: 0.1s; }
.Promotion-wrapper .Promotion-Item:hover .subTitleContent { transform: translateY(-10px); transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: 0.15s; }
.Promotion-wrapper .Promotion-Item:hover .buttonGetBonus { background-color: var(--azure); background-image: linear-gradient(252deg,var(--darkTurquoise),var(--azure) 47%); border-color: transparent; transform: translateY(-10px); outline: none; cursor: pointer; transition: all .34s var(--transitionTimingFunction); }
.Promotion-wrapper .Promotion-Item:hover .buttonGetBonus:hover { box-shadow: rgba(47, 117, 188, 0.8) 0px 0px 20px !important; }
@media (max-width: 1200px) {
  .Promotion-wrapper .Promotion-Item .Promotion-Item-Bg, .Promotion-wrapper .Promotion-Item:hover .Promotion-Item-Bg { background-size: cover; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .Promotion-wrapper .Promotion-Item .subTitleContent { margin: 14px 0px; }
  .Promotion-wrapper .Promotion-Item .buttonGetBonus { padding: 11px 13px; }
}
.PromotionSlider .Promotion-Item { margin-right: 16px; min-height: 320px; }
.PromotionSlider .Promotion-Item-Inner { position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; padding: 50px 40px; }
@media (min-width: 220px) and (max-width: 576px) {
  .PromotionSlider .Promotion-Item-Inner { width: 70%; }
}
.PromotionSlider .Promotion-Item-Inner .titleItem { margin: 18px 0px 0px; font-size: 22px; }
.PromotionSlider .Promotion-Item-Inner .subTitleContent { margin: 8px 0px 0px; }
.PromotionSlider .Promotion-Item-Bg { background-size: cover; }
.MainPage-Container.IsLoggedIn:not(.MainPage-Container--isBejo):not(.MainPage-Container--casinov2) { padding-top: calc(var(--headerHeight) - 20px); }
.MainPage-Container .MainTitle { font-size: 30px; font-weight: 700; text-align: center; color: var(--white); margin-top: 70px; margin-bottom: 5px; }
@media (min-width: 220px) and (max-width: 576px) {
  .MainPage-Container .MainTitle { font-size: 25px; margin: 0px; }
}
.MainPage-Container .MainSubTitle { font-size: 14px; font-weight: 500; text-align: center; color: var(--grey9); margin-top: 0px; margin-bottom: 40px; }
@media (min-width: 220px) and (max-width: 576px) {
  .MainPage-Container .MainSubTitle { margin-bottom: 30px; }
}
.MainPage-Container .wkg-games-groups { margin-bottom: 4rem; }
.MainPage-Container-Promotions-Container { position: relative; overflow: hidden; padding-bottom: 1.5625rem; max-width: var(--wkg-section-max-width-sm); margin: 0px auto; }
@media (min-width: 220px) and (max-width: 576px) {
  .MainPage-Container-Promotions-Container { margin-top: 0px; }
}
.Game-Card__wrapper { width: 100%; max-width: 190px; position: relative; }
.Game-Card__wrapper:hover { cursor: pointer; }
@media (min-width: 220px) and (max-width: 576px) {
  .Game-Card__wrapper { max-width: 163px; }
}
@media (max-width: 320px) {
  .Game-Card__wrapper { max-width: 140px; }
}
.Game-Card__wrapper .Game-Card { width: 100%; height: 270px; margin-right: 16px; cursor: pointer; transition: 0.1ms linear; }
@media (min-width: 576px) and (max-width: 992px) {
  .Game-Card__wrapper .Game-Card { height: 240px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .Game-Card__wrapper .Game-Card { width: 163px; height: 214px; margin-right: 10px; }
}
@media (max-width: 320px) {
  .Game-Card__wrapper .Game-Card { max-width: 99%; width: 140px; height: 184px; }
}
.Game-Card__wrapper .Game-Card-Item { border-radius: 12px !important; position: relative; display: flex; flex-direction: column; background-color: var(--greyDark2); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center top; overflow: hidden; opacity: 1; transition-duration: 0.4s; }
.Game-Card__wrapper .Game-Card-Item .Promotion-Item-Bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-position: center top; background-repeat: no-repeat; transform: scale(1); border-radius: 12px; }
.Game-Card__wrapper .Game-Card-Item.Lg { height: 340px; }
@media (min-width: 220px) and (max-width: 576px) {
  .Game-Card__wrapper .Game-Card-Item.Lg { height: 270px; }
}
.Game-Card__wrapper .Game-Card-Item-Details { transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: var(--borderRadius); border-bottom-left-radius: var(--borderRadius); position: absolute; bottom: 0px; padding: 10px; width: calc(100% - 20px); height: 100%; background-color: transparent; }
.Game-Card__wrapper .Game-Card-Item-Details-Block { padding-top: 6px; }
.Game-Card__wrapper .Game-Card-Item-Details-Block h3, .Game-Card__wrapper .Game-Card-Item-Details-Block h5 { margin: 0px; }
.Game-Card__wrapper .Game-Card-Item-Details-Block h3 { font-size: 12px; color: var(--white); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 2px; }
@media (min-width: 220px) and (max-width: 576px) {
  .Game-Card__wrapper .Game-Card-Item-Details-Block h3 { max-width: calc(100% - 10px); }
}
.Game-Card__wrapper .Game-Card-Item-Details-Block h5 { font-size: 10px; color: var(--azure); text-transform: capitalize; }
.Game-Card__wrapper .Game-Card-Item-Details .demoModeButton { display: none; opacity: 0; position: absolute; bottom: 20px; left: 50%; transform: translate(-50%); color: var(--white); text-transform: uppercase; font-size: 12px; font-weight: 600; padding: 12px 0px; width: 80%; background-color: var(--grey9); border: medium; transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); }
.Game-Card__wrapper .Game-Card-Item-Details .hoverContent { display: none; opacity: 0; position: absolute; top: 50%; left: 50%; width: 80%; transform: translate(-50%, -50%); text-transform: uppercase; transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); }
.Game-Card__wrapper .Game-Card-Item-Details .hoverContent > span { display: flex; justify-content: center; }
.Game-Card__wrapper .Game-Card-Item-Details .hoverContent > span svg { margin: 0px 5px; }
.Game-Card__wrapper .Game-Card-Item-Details .hoverContent > span div { align-items: center; display: flex; }
.Game-Card__wrapper .Game-Card-Labels { position: absolute; right: 2.5px; top: 5px; display: flex; z-index: 5; gap: 0.125rem; }
.Game-Card__wrapper .Game-Card-Labels-Item { font-size: 10px; font-weight: 800; color: var(--white); padding: 2px 6px; margin: 0px 2.5px; text-transform: uppercase; }
.Game-Card__wrapper .Game-Card-Labels-Item.isPopular { background-color: var(--pink2); }
.Game-Card__wrapper .Game-Card-Labels-Item.isNew { background-color: var(--greenBg); }
.Game-Card__wrapper .Game-Card:hover .Game-Card-Item-Details { background-color: var(--grey5Lighter); transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
.Game-Card__wrapper .Game-Card:hover .Game-Card-Item-Details::after { width: 50px; height: 50px; top: 50%; box-shadow: rgba(47, 117, 188, 0.8) 0px 0px 20px; border-radius: 50%; opacity: 1; }
.Game-Card__wrapper .Game-Card:hover .Game-Card-Item-Details-Block { background: transparent; }
.Game-Card__wrapper .Game-Card:hover .Game-Card-Item-Details .demoModeButton { display: block; opacity: 1; transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0.15s; }
@media (min-width: 220px) and (max-width: 576px) {
  .Game-Card__wrapper .Game-Card:hover .Game-Card-Item-Details .demoModeButton { padding: 5px; }
  .Game-Card__wrapper .Game-Card:hover .Game-Card-Item-Details .demoModeButton span { font-size: 10px; }
}
.Game-Card__wrapper .Game-Card:hover .Game-Card-Item-Details .hoverContent { display: block; opacity: 1; transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0.15s; }
.Game-Card__wrapper--new { max-width: none !important; scroll-snap-align: center; }
.Game-Card__wrapper--new .Game-Card { width: 100%; height: 100%; margin-right: 0px; }
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .GamesSlider-1-Items .slick-active:nth-child(1) .Game-Card, .GamesSlider-1-Items .slick-active:last-child .Game-Card { padding-left: 5px; }
}
@media (max-width: 320px) {
  .GamesSlider-1-Items .slick-active:nth-child(1) .Game-Card__wrapper, .GamesSlider-1-Items .slick-active:last-child .Game-Card__wrapper { padding-left: 5px; }
  .GamesSlider-1-Items .slick-active:nth-child(1) .Game-Card, .GamesSlider-1-Items .slick-active:last-child .Game-Card { padding-left: 0px; }
}
@media (max-width: 320px) {
  .GamesSlider-1-Items .slick-active:nth-child(2n+1) .Game-Card__wrapper { padding-right: 5px; }
}
.GamesSlider-1-Items[dir="rtl"] .slick-active:nth-child(1) .Game-Card, .GamesSlider-1-Items[dir="rtl"] .slick-active:last-child .Game-Card { padding-right: 8px; padding-left: 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  .GamesSlider-2-Items .slick-active:nth-child(2) .Game-Card, .GamesSlider-2-Items .slick-active:last-child .Game-Card { padding-left: 5px; }
}
@media (max-width: 320px) {
  .GamesSlider-2-Items .slick-active:nth-child(2) .Game-Card__wrapper, .GamesSlider-2-Items .slick-active:last-child .Game-Card__wrapper { padding-left: 5px; }
  .GamesSlider-2-Items .slick-active:nth-child(2) .Game-Card, .GamesSlider-2-Items .slick-active:last-child .Game-Card { padding-left: 0px; }
}
@media (max-width: 320px) {
  .GamesSlider-2-Items .slick-active:nth-child(2n+1) .Game-Card__wrapper { padding-right: 5px; }
}
.GamesSlider-2-Items[dir="rtl"] .slick-active:nth-child(2) .Game-Card, .GamesSlider-2-Items[dir="rtl"] .slick-active:last-child .Game-Card { padding-right: 8px; padding-left: 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  .GamesSlider-3-Items .slick-active:nth-child(3) .Game-Card, .GamesSlider-3-Items .slick-active:last-child .Game-Card { padding-left: 5px; }
}
@media (max-width: 320px) {
  .GamesSlider-3-Items .slick-active:nth-child(3) .Game-Card__wrapper, .GamesSlider-3-Items .slick-active:last-child .Game-Card__wrapper { padding-left: 5px; }
  .GamesSlider-3-Items .slick-active:nth-child(3) .Game-Card, .GamesSlider-3-Items .slick-active:last-child .Game-Card { padding-left: 0px; }
}
@media (max-width: 320px) {
  .GamesSlider-3-Items .slick-active:nth-child(2n+1) .Game-Card__wrapper { padding-right: 5px; }
}
.GamesSlider-3-Items[dir="rtl"] .slick-active:nth-child(3) .Game-Card, .GamesSlider-3-Items[dir="rtl"] .slick-active:last-child .Game-Card { padding-right: 8px; padding-left: 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  .GamesSlider-4-Items .slick-active:nth-child(4) .Game-Card, .GamesSlider-4-Items .slick-active:last-child .Game-Card { padding-left: 5px; }
}
@media (max-width: 320px) {
  .GamesSlider-4-Items .slick-active:nth-child(4) .Game-Card__wrapper, .GamesSlider-4-Items .slick-active:last-child .Game-Card__wrapper { padding-left: 5px; }
  .GamesSlider-4-Items .slick-active:nth-child(4) .Game-Card, .GamesSlider-4-Items .slick-active:last-child .Game-Card { padding-left: 0px; }
}
@media (max-width: 320px) {
  .GamesSlider-4-Items .slick-active:nth-child(2n+1) .Game-Card__wrapper { padding-right: 5px; }
}
.GamesSlider-4-Items[dir="rtl"] .slick-active:nth-child(4) .Game-Card, .GamesSlider-4-Items[dir="rtl"] .slick-active:last-child .Game-Card { padding-right: 8px; padding-left: 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  .GamesSlider-5-Items .slick-active:nth-child(5) .Game-Card, .GamesSlider-5-Items .slick-active:last-child .Game-Card { padding-left: 5px; }
}
@media (max-width: 320px) {
  .GamesSlider-5-Items .slick-active:nth-child(5) .Game-Card__wrapper, .GamesSlider-5-Items .slick-active:last-child .Game-Card__wrapper { padding-left: 5px; }
  .GamesSlider-5-Items .slick-active:nth-child(5) .Game-Card, .GamesSlider-5-Items .slick-active:last-child .Game-Card { padding-left: 0px; }
}
@media (max-width: 320px) {
  .GamesSlider-5-Items .slick-active:nth-child(2n+1) .Game-Card__wrapper { padding-right: 5px; }
}
.GamesSlider-5-Items[dir="rtl"] .slick-active:nth-child(5) .Game-Card, .GamesSlider-5-Items[dir="rtl"] .slick-active:last-child .Game-Card { padding-right: 8px; padding-left: 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  .GamesSlider-6-Items .slick-active:nth-child(6) .Game-Card, .GamesSlider-6-Items .slick-active:last-child .Game-Card { padding-left: 5px; }
}
@media (max-width: 320px) {
  .GamesSlider-6-Items .slick-active:nth-child(6) .Game-Card__wrapper, .GamesSlider-6-Items .slick-active:last-child .Game-Card__wrapper { padding-left: 5px; }
  .GamesSlider-6-Items .slick-active:nth-child(6) .Game-Card, .GamesSlider-6-Items .slick-active:last-child .Game-Card { padding-left: 0px; }
}
@media (max-width: 320px) {
  .GamesSlider-6-Items .slick-active:nth-child(2n+1) .Game-Card__wrapper { padding-right: 5px; }
}
.GamesSlider-6-Items[dir="rtl"] .slick-active:nth-child(6) .Game-Card, .GamesSlider-6-Items[dir="rtl"] .slick-active:last-child .Game-Card { padding-right: 8px; padding-left: 0px; }
.GamesPage-Container { padding-top: 1rem; min-height: 100vh; }
.GamesPage-Container-Title { padding-bottom: 39px; text-align: center; }
.GamesPage-Container-Title h3, .GamesPage-Container-Title h5 { margin: 0px; }
.GamesPage-Container-Title h3 { color: var(--white); font-size: 30px; font-weight: 700; margin-bottom: 6px; text-transform: capitalize; }
.GamesPage-Container-Title h5 { color: var(--grey9); font-size: 14px; font-weight: 500; line-height: 14px; }
.GamesPage-Container-Title h5:empty { height: 18px; }
@media (min-width: 220px) and (max-width: 576px) {
  .GamesPage-Container-Title { padding-bottom: 33px; }
}
.GamesPage-Container .suggestionGamesBlock { display: flex; flex-direction: column; align-items: center; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .GamesPage-Container .suggestionGamesBlock { margin-top: 100px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .GamesPage-Container .suggestionGamesBlock { margin-top: 100px; }
}
@media (max-width: 320px) {
  .GamesPage-Container .suggestionGamesBlock { margin-top: 0px; }
}
.GamesPage-Container .suggestionGamesBlock-Title { font-size: 20px; font-weight: 700; color: var(--white); margin-bottom: 20px; }
.GamesPage-Container .suggestionGamesBlock-List { width: 100%; display: flex; flex-wrap: nowrap; overflow-x: auto; justify-content: center; }
@media (max-width: 1200px) {
  .GamesPage-Container .suggestionGamesBlock-List { width: calc(100% + 50px); max-width: 100vw; }
}
.GamesPage-Container .suggestionGamesBlock-List::-webkit-scrollbar { display: none; width: 0px; }
.GamesPage-Container .suggestionGamesBlock-List::-webkit-scrollbar-track { display: none; }
.GamesPage-Container .suggestionGamesBlock-List::-webkit-scrollbar-thumb { display: none; }
.GamesPage-Container .suggestionGamesBlock-List::-webkit-scrollbar-button { display: none; }
.GamesPage-Container .suggestionGamesBlock .GamesPage-Container-List { grid-template-columns: repeat(5, 1fr); padding: 0px 20px; }
@media (min-width: 220px) and (max-width: 576px) {
  .GamesPage-Container .suggestionGamesBlock .GamesPage-Container-List { column-gap: 10px; }
}
.GamesPage-Container .suggestionGamesBlock .seeMoreBtn { display: flex; max-width: 336px; border-radius: var(--borderRadius); border: 1px solid var(--grey10); color: var(--grey9); font-size: 12px; font-weight: 600; margin-top: 20px; padding: 12px 0px; }
.GamesPage-Container .suggestionGamesBlock .seeMoreBtn:hover { background-color: rgba(150, 152, 161, 0.3); transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
.GamesPage-Container .GamesNotFound { width: 100%; text-align: center; color: var(--greyText5); }
.GamesPage-Container-List { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 16px; justify-content: space-around; justify-items: center; }
@media (max-width: 1024px) {
  .GamesPage-Container-List { grid-template-columns: repeat(4, 190px); }
}
@media (min-width: 220px) and (max-width: 576px) {
  .GamesPage-Container-List { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 220px) and (max-width: 576px) {
  .GamesPage-Container-List { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 992px) {
  .GamesPage-Container-List { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
@media (max-width: 768px) {
  .GamesPage-Container-List { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (max-width: 576px) {
  .GamesPage-Container-List { grid-template-columns: repeat(2, 163px); }
}
@media (max-width: 320px) {
  .GamesPage-Container-List { grid-template-columns: repeat(2, 140px); }
}
.GamesPage-Container-List .Game-Card { margin-right: 0px; }
.GamesPage-Container .LoadMore-Button-Container { text-align: center; padding-top: 3.75rem; }
.GamesPage-Container .NoGamesFound { padding-top: 150px; }
.GamesRedirect-Container + div { display: none; }
.GamesPageSlider .NoGamesFound, .GamesPage-Container .NoGamesFound { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.GamesPageSlider .NoGamesFound-Icon, .GamesPage-Container .NoGamesFound-Icon { padding-bottom: 30px; }
.GamesPageSlider .NoGamesFound-Icon svg, .GamesPage-Container .NoGamesFound-Icon svg { width: 64px; height: 64px; }
.GamesPageSlider .NoGamesFound-Icon svg path, .GamesPage-Container .NoGamesFound-Icon svg path { fill: var(--grey9); }
.GamesPageSlider .NoGamesFound h3, .GamesPage-Container .NoGamesFound h3 { font-size: 14px; font-weight: 700; color: var(--grey9); text-transform: uppercase; margin: 0px 30px; text-align: center; }
.GamesPage-GameNotFound { align-items: center; justify-content: center; }
@media (min-width: 220px) and (max-width: 576px) {
  .GamesPage-GameNotFound .GamesPage-Container-List { display: grid; gap: 20px; }
}
.GamesPage-GameNotFound .GamesPage-Container-List .Game-Card__wrapper { --cardWidth: 163.5px; --cardHeight: 214px; width: var(--cardWidth); }
.GamesPage-GameNotFound .GamesPage-Container-List .Game-Card__wrapper .Game-Card { width: var(--cardWidth); height: var(--cardHeight); }
.GamesPage-GameNotFound .GamesPage-Container-List .Game-Card__wrapper .Game-Card h3, .GamesPage-GameNotFound .GamesPage-Container-List .Game-Card__wrapper .Game-Card h5 { text-overflow: ellipsis; overflow: hidden; width: var(--cardWidth); height: 1.2em; white-space: nowrap; }
.goldLightText { color: var(--goldLight); }
.tabs-container { display: flex; align-items: center; overflow-x: auto; padding: 0px 24px; background: var(--black3); border-top-left-radius: var(--borderRadius); border-top-right-radius: var(--borderRadius); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; scrollbar-width: none; }
.tabs-container::-webkit-scrollbar { display: none; }
.tabs-container__tab { color: var(--grey9); font-weight: 600; font-size: 12px; text-transform: uppercase; padding: 25px 26px; cursor: pointer; text-decoration: none; white-space: nowrap; position: relative; }
.tabs-container__tab::before { content: "  "; display: none; position: absolute; width: 100%; opacity: 0.7; background-image: linear-gradient(to top,var(--azure) 29%,rgba(30,195,216,0)); height: 50%; left: 0px; bottom: 0px; border-radius: 10px 10px 0px 0px; filter: blur(1rem); }
.tabs-container__tab--active { color: var(--white); }
.tabs-container__tab--active::before { display: block; }
.tabs-container__tab--active::after { content: ""; position: absolute; top: 62px; left: 0px; width: 100%; height: 2px; background: linear-gradient(90deg,var(--azure) 0%,var(--darkTurquoise) 100%); border-top-left-radius: var(--borderRadius); border-top-right-radius: var(--borderRadius); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; box-shadow: 4px 0 14px var(--orange); }
.tabs-container--v2 { width: 100%; }
.tab-content { background-color: var(--greyDark2); border-top: 1px solid var(--black2); }
.tab-content.overview { background-color: transparent; border-radius: 0px !important; }
.new_DepositContainer { min-height: inherit; display: flex; }
.new_DepositContainer .wrapperToggleContainer { flex: 1 1 0%; }
.new_DepositContainer .coins-paid .DepositContainer-Inner-Header { position: static; padding: 25px 18px; }
.new_DepositContainer .backBtn { width: auto; border-color: var(--grey9); font-size: 12px; font-weight: 500; color: rgb(150, 152, 161); padding: 6px 12px 6px 6px; background-color: var(--greyDark2); }
.new_DepositContainer .backBtn::before { content: " "; background: url("drop-icon.svg") left center no-repeat; display: block; width: 15px; height: 15px; transform: rotate(-90deg); }
.new_DepositContainer .backBtn:hover { background: rgba(150, 152, 161, 0.3); color: var(--greyText8); }
@media (min-width: 220px) and (max-width: 576px) {
  .new_DepositContainer .backBtn { max-width: calc(100% - 36px); }
}
.new_DepositContainer-Inner { flex: 1 1 60%; padding: 24px 50px; min-width: 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  .new_DepositContainer-Inner { padding-top: 0px !important; width: calc(100% - 30px); border-radius: 6px; margin: 10px 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow: hidden; }
  .new_DepositContainer-Inner .AmountPicker, .new_DepositContainer-Inner .OpenBucks { margin-bottom: var(--marginBottom) !important; }
}
.new_DepositContainer-Inner--v2 { background-color: var(--yyy-ui-base-skeleton-color, #323746); border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; padding-left: 2rem; padding-right: 2rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .new_DepositContainer-Inner--v2 { margin-top: 0px; padding: 0px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .new_DepositContainer .InfoBlock { padding-left: 20px; padding-right: 20px; }
}
.new_DepositContainer .InfoBlock-Message { display: inline-flex; align-items: center; font-size: 14px; font-weight: 600; color: var(--orange2); }
.new_DepositContainer .InfoBlock-Message-Icon { margin-inline-end: 10px; font-size: 1.875rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .new_DepositContainer .InfoBlock-Message-Icon { font-size: 1.625rem; }
}
.new_DepositContainer-Method-Info { flex: 1 1 40%; padding: 24px 0px; display: flex; flex-direction: column; border-left: 1px solid var(--grey5); }
@media (min-width: 220px) and (max-width: 576px) {
  .new_DepositContainer-Method-Info { padding-left: 0px; padding-top: 24px; }
}
.new_DepositContainer-Method-Info .title { font-size: 10px; font-weight: 700; color: var(--grey9); text-align: center; text-transform: uppercase; margin: 0px; }
.new_DepositContainer-Method-Info .CurrentValueBalance { background-image: linear-gradient(256deg, rgb(142, 234, 104) 35%, rgb(14, 213, 207) 65%); background-clip: text; -webkit-text-fill-color: transparent; font-size: 20px; font-weight: 700; color: var(--white); text-align: center; }
.new_DepositContainer-Method-Info .Description { display: flex; margin: 23px 0px 50px; justify-content: space-around; align-items: center; position: relative; }
.new_DepositContainer-Method-Info .Description-withdrowable::after { content: ""; height: 30px; width: 0.031rem; background: rgb(150, 152, 161); position: absolute; right: 50%; top: 0px; transform: translate(-50%); }
.new_DepositContainer-Method-Info .Description-withdrowable .title, .new_DepositContainer-Method-Info .Description-bonusBalance .title { font-size: 10px; font-weight: 700; color: var(--grey9); text-transform: uppercase; }
.new_DepositContainer-Method-Info .Description-withdrowable .currentValue, .new_DepositContainer-Method-Info .Description-bonusBalance .currentValue { background-image: linear-gradient(256deg, rgb(142, 234, 104) 35%, rgb(14, 213, 207) 65%); background-clip: text; -webkit-text-fill-color: transparent; font-size: 14px; color: var(--white); font-weight: 600; text-align: center; }
.new_DepositContainer-Method-Info .Title_Information { font-size: 14px; color: var(--white); font-weight: 700; text-align: center; margin-bottom: 4px; }
.new_DepositContainer-Method-Info .Info { font-size: 12px; color: var(--grey9); text-align: center; max-width: 70%; font-weight: 600; margin: 0px auto 20px; white-space: pre-line; }
@media (min-width: 220px) and (max-width: 576px) {
  .new_DepositContainer-Method-Info .Info { font-weight: 500; white-space: initial; }
}
.new_DepositContainer-Method-Info--v2 { padding-top: 0px; }
.new_DepositContainer-Method-Info--v2 .deposit-method-balance-container { margin: 0px 2.5rem; display: none; }
@media (min-width: 768px) {
  .new_DepositContainer-Method-Info--v2 .deposit-method-balance-container { display: block; }
}
@media (min-width: 768px) {
  .new_DepositContainer-Method-Info--v2 .title { text-align: start; }
}
.new_DepositContainer-Method-Info--v2 .Description { justify-content: space-between; margin-bottom: 2.5rem; }
.new_DepositContainer-Method-Info--v2 .Title_Information { font-weight: 600; }
@media (min-width: 768px) {
  .new_DepositContainer-Method-Info--v2 .Title_Information { text-align: start; }
}
.new_DepositContainer-Method-Info--v2 .OneTime-Limits { margin: 0px; }
.new_DepositContainer-Method-Info--v2 .OneTime-Limits .Label { text-transform: none; }
.new_DepositContainer-Method-Info--v2 .Info { max-width: unset; margin: 0px 0px 1rem; white-space: unset; }
@media (min-width: 768px) {
  .new_DepositContainer-Method-Info--v2 .Info { text-align: start; }
}
.new_DepositContainer-Method-Info--v2 .InformationWrapper { margin: 0px 2.5rem; }
@media (min-width: 220px) {
  .new_DepositContainer-Method-Info--v2 .InformationWrapper { margin: 0px 1rem; }
}
.new_DepositContainer-Method-Info--v2 .CurrentValueBalance, .new_DepositContainer-Method-Info--v2 .Description-withdrowable .currentValue, .new_DepositContainer-Method-Info--v2 .Description-bonusBalance .currentValue { color: var(--white, #fff); background-color: rgba(0, 0, 0, 0); background-position: 0% 0%; background-repeat: repeat; background-attachment: scroll; background-image: none; background-size: auto; background-origin: padding-box; background-clip: initial; -webkit-text-fill-color: unset; text-align: start; }
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
.new_DepositContainer .Bonuses { background-color: var(--black3); padding: 0.875rem 0px; border-radius: 0.375rem; animation: 0.6s fadeIn; }
.new_DepositContainer .Bonuses .Section-Title { text-align: center; }
@media (min-width: 220px) and (max-width: 576px) {
  .new_DepositContainer .Bonuses { padding: 20px 0px; margin-bottom: 0px; background-color: var(--greyDark2); border-top-left-radius: 0px; border-top-right-radius: 0px; }
  .new_DepositContainer .Bonuses .Section-Title { margin-left: 17px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .new_DepositContainer { flex-direction: column; padding: 0px 40px; }
  .new_DepositContainer .new_DepositContainer-Method-Info { flex: 1 1 0%; width: 70%; margin: 0px auto; border: medium; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .new_DepositContainer { padding: 0px 0px 150px; }
  .new_DepositContainer .new_DepositContainer-Inner { flex: unset !important; }
  .new_DepositContainer .new_DepositContainer-Method-Info { width: 100%; padding-top: 0px !important; }
  .new_DepositContainer .new_DepositContainer-Method-Info .Description { margin-bottom: 0px; }
  .new_DepositContainer .new_DepositContainer-Method-Info .Title_Information { padding-top: 40px; }
}
html[dir="rtl"] .WalletAddress-Container .WalletAddress-CopyIcon { left: 6px; right: auto; }
html[dir="rtl"] .CryptoDropdown-Item .Caret { left: 16px; right: auto; }
.CoinspaidPaymentConfirmationModal { min-width: 335px; }
.CoinspaidPaymentConfirmationModal .MuiBackdrop-root { background-color: rgba(28, 30, 39, 0.7) !important; backdrop-filter: none; }
@media (min-width: 1200px) {
  .CoinspaidPaymentConfirmationModal .MuiDialog-paperScrollPaper { max-height: 100%; }
}
.CoinspaidPaymentConfirmationModal .MuiDialog-paperWidthXs { max-width: 335px; }
.CoinspaidPaymentConfirmationModal .MuiPaper-rounded { border-radius: var(--borderRadius); }
.CoinspaidPaymentConfirmationModal-Content { padding: 20px 23px !important; margin: 0px auto; text-align: center; }
.CoinspaidPaymentConfirmationModal-Content-Title { font-size: 22px; font-weight: 700; color: var(--black2); margin: 0px 10px; }
.CoinspaidPaymentConfirmationModal-Content-Description { max-width: 295px; font-size: 14px; font-weight: 600; color: var(--grey9); margin: 20px auto; }
.CoinspaidPaymentConfirmationModal-Content-Button { min-height: 48px; text-transform: uppercase; margin-top: 20px; }
.CoinspaidPaymentConfirmationModal-Content-Button.forceCheckConvertToCurrency { background-image: linear-gradient(229deg, rgb(59, 183, 255), rgb(253, 59, 52) 60%) !important; }
.CoinspaidPaymentConfirmationModal-Content .wkg-icon-svg { font-size: 4.75rem; line-height: 1; }
.OneTime-Limits { position: relative; display: flex; justify-content: space-around; border: 1px solid rgba(255, 255, 255, 0.16); padding: 15px 0px; margin: 0px 10px; border-radius: var(--borderRadius); }
.OneTime-Limits::after { content: ""; height: 30px; width: 0.031rem; background: rgb(150, 152, 161); position: absolute; right: 50%; top: 50%; transform: translate(-50%, -50%); }
@media (min-width: 220px) and (max-width: 576px) {
  .OneTime-Limits { margin: 0px 30px !important; padding-right: 20px; padding-left: 20px; }
}
.OneTime-Limits-Item { display: flex; align-items: center; flex-direction: column; padding: 0px 10px; }
.OneTime-Limits-Item .Label { font-size: 10px; font-weight: 600; color: var(--grey9); text-transform: uppercase; text-align: center; }
.OneTime-Limits-Item .Value { font-size: 12px; font-weight: 700; margin: 5px 0px; text-align: center; color: var(--white); }
.Section { margin-bottom: 23px; }
.Section--v2 { max-width: 100%; }
@media (min-width: 1200px) {
  .Section { min-width: 640px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .Section { background: var(--greyDark2); padding: 1rem 0px; margin-bottom: 0px; }
  .Section:last-child { margin-bottom: 0px; }
}
.Section-Title { font-size: 10px; font-weight: 800; color: var(--grey9); text-transform: uppercase; margin: 0px 0px 10px; }
@media (min-width: 220px) and (max-width: 576px) {
  .Section-Title { text-align: center; }
}
.buttons-container { display: flex; align-items: center; position: relative; width: 100%; }
@media (min-width: 220px) and (max-width: 576px) {
  .buttons-container { display: flex; flex-direction: column; align-items: center; justify-content: center; position: fixed; width: 100%; bottom: 0px; padding: 20px 35px; box-shadow: rgba(16, 17, 25, 0.4) 0px -10px 20px; background-color: var(--greyDark2); z-index: 99; box-sizing: border-box; left: 0px; border-top-left-radius: 12px; border-top-right-radius: 12px; }
  .buttons-container .ToggleBonusModalButton { margin: 10px 0px !important; }
}
.buttons-container button:not(.withdrawal-button):not(.deposit-button--structure-changes-v2) { width: auto; height: 48px; padding: 15px; font-size: 16px; font-weight: 600; border: medium; }
.buttons-container button:not(.withdrawal-button):not(.deposit-button--structure-changes-v2):hover { box-shadow: rgba(47, 117, 188, 0.8) 0px 0px 20px; }
.buttons-container button:not(.withdrawal-button):not(.deposit-button--structure-changes-v2):disabled { background: transparent; border: 1px solid var(--azure); cursor: not-allowed; }
.buttons-container button:not(.withdrawal-button):not(.deposit-button--structure-changes-v2).isDisabled { background: none !important; border: 1px solid var(--azure); color: var(--grey9); cursor: not-allowed; opacity: 0.5; }
.buttons-container button:not(.withdrawal-button):not(.deposit-button--structure-changes-v2).isDisabled:hover { box-shadow: none; }
.buttons-container button:not(.withdrawal-button):not(.deposit-button--structure-changes-v2).ToggleBonusModalButton { color: var(--greyText8); margin: 0px 10px; border-color: var(--goldLight); border-width: 2px; }
@media (min-width: 220px) and (max-width: 576px) {
  .buttons-container button:not(.withdrawal-button):not(.deposit-button--structure-changes-v2) { width: 100%; font-size: 12px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .buttons-container button:not(.withdrawal-button):not(.deposit-button--structure-changes-v2) { min-height: 48px; padding: 15px 0px; width: 100%; }
}
.buttons-container .deposit-button__text { margin-inline-start: 0.6em; }
.buttons-container .deposit-button__amount { display: block; margin-inline-start: 0.25em; }
.buttons-container .deposit-button__icon { color: var(--black, #000); }
.buttons-container .deposit-button__icon div { line-height: 0; }
.buttons-container .deposit-button--v2 { padding: 0.9375rem 2rem; font-size: 1.125rem; border-radius: 6.25rem; }
.buttons-container .deposit-button--v2 span { display: flex; justify-content: center; align-items: center; }
.buttons-container .deposit-button--v2 span div { line-height: 0; }
@media (min-width: 220px) and (max-width: 576px) {
  .buttons-container .deposit-button--v2 { width: auto; }
}
.buttons-container .deposit-button--v2:disabled { color: var(--yyy-ui-dark-grey, #9698a1); border-color: var(--yyy-ui-dark-grey, #9698a1); box-shadow: none; }
.buttons-container .deposit-button--v2:disabled .deposit-button__icon { color: var(--yyy-ui-dark-grey, #9698a1); }
.buttons-container.ToggleBonusModalButton { color: var(--greyText8); margin: 0px 10px; border-color: var(--goldLight); border-width: 2px; }
@media (min-width: 220px) and (max-width: 576px) {
  .buttons-container { min-height: 48px; padding: 15px 0px; width: 100%; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .buttons-container { width: 100%; font-size: 12px; }
}
.deposit-safe-payment { font-size: 0.75rem; color: var(--grey9, #9698a1); margin: 0px 1rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .deposit-safe-payment { margin-top: 0.25rem; }
}
.deposit-ask-help-container { border-top-width: ; border-top-style: ; border-top-color: ; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; border-left-width: ; border-left-style: ; border-left-color: ; border-image-outset: ; border-image-repeat: ; border-image-slice: ; border-image-source: ; border-image-width: ; border-right: 0px; position: absolute; right: 0px; top: 50%; transform: translate(2rem, -50%); padding: 0.5rem 0.5rem 0.5rem 0.875rem; border-top-left-radius: 1.625rem; border-bottom-left-radius: 1.625rem; cursor: pointer; z-index: 100; }
.deposit-ask-help-container__icon { font-size: 1.75rem; }
[dir="rtl"] .deposit-ask-help-container { right: auto; left: 0px; transform: translate(-2rem, -50%); border-right: 2px solid var(--yyy-primary-blue); border-radius: 0px 1.625rem 1.625rem 0px; border-left: 0px; padding: 0.5rem 0.875rem 0.5rem 0.5rem; }
[dir="rtl"] .deposit-ask-help-container__icon { transform: scaleX(-1); }
@media (min-width: 220px) and (max-width: 576px) {
  .deposit-ask-help-container, [dir="rtl"] .deposit-ask-help-container { transform: translateY(-100%); }
}
.PaymentInfo { display: flex; align-items: center; margin: 0px 2rem; gap: 0.25rem; color: var(--grey9); font-size: 0.75rem; }
.PaymentInfo .Logos { display: flex; gap: 0.25rem; justify-content: center; padding: 0.25rem 0.125rem; }
.PaymentInfo .Logos svg { width: 3rem; height: 3rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .PaymentInfo .Logos svg { width: 2rem; height: 2rem; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .PaymentInfo { justify-content: center; margin: 0.5rem 0px 0px; }
  .PaymentInfo p { max-width: 9.375rem; margin: 0px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .PaymentMethods .Section-Title { display: none; }
}
.PaymentMethods-List { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 5px; }
@media (min-width: 576px) {
  .PaymentMethods-List { grid-template-columns: repeat(3, minmax(120px, 1fr)); }
}
@media (min-width: 992px) {
  .PaymentMethods-List { grid-template-columns: repeat(4, minmax(120px, 1fr)); }
}
@media (min-width: 1200px) {
  .PaymentMethods-List { grid-template-columns: repeat(5, minmax(120px, 1fr)); }
}
@media (min-width: 220px) and (max-width: 576px) {
  .PaymentMethods-List { padding: 0px 17px; }
  .PaymentMethods-List.PaymentMethods-List--v2 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (max-width: 576px) {
  .PaymentMethods-List:not(.PaymentMethods-List--v2) { display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .PaymentMethods-List:not(.PaymentMethods-List--v2)::-webkit-scrollbar { display: none; }
}
.PaymentMethods-List-Item { max-width: 90%; height: 76px; display: flex; justify-content: center; align-items: center; border: 2px solid transparent; text-align: center; border-radius: 14px; cursor: pointer; overflow: hidden; }
@media (max-width: 576px) {
  .PaymentMethods-List-Item { min-width: 126px; }
}
.PaymentMethods-List-Item--disabled { cursor: not-allowed; pointer-events: none; }
.PaymentMethods-List-Item--v2 { height: 4.1875rem; padding: 0px; border: medium; max-width: 100%; }
.PaymentMethods-List-Item--v2 div { position: relative; border-radius: 0.75rem; }
@media (max-width: 576px) {
  .PaymentMethods-List-Item--v2 { width: 100%; min-width: unset; }
}
.PaymentMethods-List-Item-MinimumDeposit { font-size: var(--wkg-font-size-xxxs); position: absolute; left: 50%; transform: translate(-50%); white-space: nowrap; font-weight: var(--wkg-font-weight-600); color: var(--wkg-color-grey-400); bottom: 0.3125rem; }
.PaymentMethods-List-Item.Active { opacity: 1; border: 2px solid var(--azure); position: relative; }
.PaymentMethods-List-Item.Active div { opacity: 1; }
.PaymentMethods-List-Item.Active::after { position: absolute; top: -2px; right: -1px; content: ""; width: 24px; height: 24px; background-image: url("select.svg"); }
.PaymentMethods-List-Item.Active .PaymentCode { color: var(--black3); }
.PaymentMethods-List-Item.Active--v2 { border: medium; }
.PaymentMethods-List-Item.Active--v2::after { position: absolute; top: unset; bottom: 0px; right: 0px; content: ""; width: 20px; height: 20px; background-image: url("select-tick-1.svg"); }
[dir="rtl"] .PaymentMethods-List-Item.Active--v2::after { right: unset; left: 0px; background-image: url("select-tick-ar.svg"); }
.PaymentMethods-List-Item.Active--v2 div { background: linear-gradient(206.57deg,var(--darkTurquoise, #15d6c9) 0%,var(--yyy-primary-blue, #3498fd) 83.33%); overflow: hidden; }
.PaymentMethods-List-Item div { position: relative; display: inline-flex; justify-content: center; align-items: center; background: var(--white); height: 100%; width: 100%; opacity: 0.7; border-radius: 11px; overflow: hidden; padding-bottom: 0.3125rem; }
.PaymentMethods-List-Item div:hover { opacity: 1; }
.PaymentMethods-List-Item div img { max-width: 90%; max-height: 90%; object-fit: contain; }
.PaymentMethods-List-Item div .PaymentCode { color: var(--greyText8); font-size: 12px; font-weight: 700; word-break: normal; overflow-wrap: anywhere; padding: 5px; }
.PaymentMethods-List--v2 { gap: 0.5rem; overflow-x: hidden; }
.AmountPicker-Preset { display: flex; justify-content: space-between; }
.AmountPicker-Preset--v2 { justify-content: flex-start; gap: 0.5rem; }
.AmountPicker-Preset--v2 .AmountPicker-Preset-Item { border-radius: 6px; flex: 1 1 0px; padding: 0px; background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.2); max-width: 100%; }
.AmountPicker-Preset--v2 .AmountPicker-Preset-Item-Value:hover { border-radius: 4px; background-color: var(--yyy-ui-medium-grey); }
.AmountPicker-Preset--v2 .AmountPicker-Preset-Item-Value.activeItem { border-radius: 4px; background-color: var(--yyy-white); color: var(--yyy-dark-blue-lvl-1); }
.AmountPicker-Preset:focus { background: rgb(10, 50, 109); }
.AmountPicker-Preset-Item { background-color: var(--grey11); border-radius: var(--borderRadius); color: var(--white); cursor: pointer; text-align: center; width: 18%; }
.AmountPicker-Preset-Item-Value { font-size: 14px; font-weight: 700; opacity: 0.5; padding: 11px 0px; }
.AmountPicker-Preset-Item-Value.activeItem, .AmountPicker-Preset-Item-Value:hover { opacity: 1; }
.AmountPicker-Preset-Item-Value.Disabled { opacity: 0.5; cursor: not-allowed; }
@media (min-width: 220px) and (max-width: 576px) {
  .AmountPicker-Preset { display: none; }
}
.AmountPicker-Validation { margin-top: 10px; }
.AmountPicker-Validation .Error { color: var(--pink2); font-size: 12px; font-weight: 500; margin: 0px; }
.AmountPicker-Input { background-color: var(--black3); border-radius: var(--borderRadius); direction: ltr; display: flex; flex: 1 1 75%; position: relative; }
.AmountPicker-Input input { background-color: transparent; border: medium; color: var(--white); font-size: 16px; font-weight: 700; line-height: 48px; outline: none; padding-left: 15px; width: 100%; }
.AmountPicker-Input .Currency { align-items: center; color: var(--grey9); display: flex; font-size: 16px; font-weight: 700; height: 100%; line-height: 40px; position: absolute; right: 15px; top: 0px; }
.AmountPicker .AmountPickerBlock { flex-direction: column; margin: 10px auto 20px; }
.AmountPicker .AmountPickerBlock--v2 .Error { color: var(--yyy-primary-yellow); }
@media (min-width: 220px) and (max-width: 576px) {
  .AmountPicker .AmountPickerBlock { padding: 0px 20px; margin-bottom: 0px; }
}
.AmountPicker .AmountPickerBlock .bonusBalance { flex: 1 1 0%; width: 100%; min-width: 100%; padding: 0px; margin-top: 10px; }
.AmountPicker .AmountPickerBlock .bonusBalance .bonusInput { width: 100%; min-width: 100%; overflow: hidden; }
.AmountPicker .AmountPickerBlock .bonusBalance .bonusInput .bonusInputContainer { width: 100%; }
.AmountPicker .AmountPickerBlock .bonusBalance .bonusInput .bonusInputContainer .bonusInput { width: 100%; min-width: 100%; }
.new_WithdrawalContainer { min-height: inherit; display: flex; }
@media (min-width: 220px) and (max-width: 576px) {
  .new_WithdrawalContainer { flex-direction: column; }
}
.new_WithdrawalContainer .wrapperToggleContainer { padding: 0px 20px; width: 100%; }
@media (min-width: 220px) and (max-width: 576px) {
  .new_WithdrawalContainer .wrapperToggleContainer { padding: 0px; }
}
.new_WithdrawalContainer .wrapperToggleContainer .backBtn { max-width: 200px; border-color: var(--grey9); font-size: 14px; color: var(--grey9); margin: 20px 18px; padding: 12px 47px; }
.new_WithdrawalContainer .wrapperToggleContainer .backBtn:hover { background: rgba(150, 152, 161, 0.3); color: var(--greyText8); }
.new_WithdrawalContainer-Inner { flex: 1 1 60%; padding: 24px 50px; }
.new_WithdrawalContainer-Inner--v2 { background-color: var(--yyy-ui-base-skeleton-color); border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .new_WithdrawalContainer-Inner { flex: unset; }
}
.new_WithdrawalContainer-Method-Info { flex: 1 1 40%; padding: 24px 0px; display: flex; flex-direction: column; border-left: 1px solid var(--grey5); }
.new_WithdrawalContainer-Method-Info--v2 { padding-top: 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  .new_WithdrawalContainer-Method-Info { padding-left: 0px; padding-top: 24px; }
  .new_WithdrawalContainer-Method-Info .bonusBalanceInfo { width: calc(100% - 30px); border-radius: 6px; margin: 10px 15px; padding: 20px 0px; }
  .new_WithdrawalContainer-Method-Info .bonusBalanceInfo .Description { margin-bottom: 0px; padding-right: 50px; padding-left: 50px; }
}
.new_WithdrawalContainer-Method-Info .Title { font-size: 10px; font-weight: 700; color: var(--grey9); text-align: center; text-transform: uppercase; margin: 0px; }
.new_WithdrawalContainer-Method-Info .CurrentValueBalance { background-image: linear-gradient(256deg, rgb(142, 234, 104) 35%, rgb(14, 213, 207) 65%); background-clip: text; -webkit-text-fill-color: transparent; font-size: 20px; font-weight: 700; color: var(--white); text-align: center; }
.new_WithdrawalContainer-Method-Info .Description { display: flex; margin: 23px 0px 50px; justify-content: space-around; align-items: center; position: relative; }
.new_WithdrawalContainer-Method-Info .Description-withdrowable::after { content: ""; height: 30px; width: 0.031rem; background: var(--grey9); position: absolute; right: 50%; top: 0px; transform: translate(-50%); }
.new_WithdrawalContainer-Method-Info .Description-withdrowable .title, .new_WithdrawalContainer-Method-Info .Description-bonusBalance .title { font-size: 10px; font-weight: 700; color: var(--grey9); text-transform: uppercase; }
.new_WithdrawalContainer-Method-Info .Description-withdrowable .currentValue, .new_WithdrawalContainer-Method-Info .Description-bonusBalance .currentValue { background-image: linear-gradient(256deg, rgb(142, 234, 104) 35%, rgb(14, 213, 207) 65%); background-clip: text; -webkit-text-fill-color: transparent; font-size: 14px; color: var(--white); font-weight: 600; text-align: center; }
.new_WithdrawalContainer-Method-Info .Title_Information { font-size: 14px; font-weight: 600; color: var(--greyText8); text-align: center; margin-bottom: 4px; }
.new_WithdrawalContainer-Method-Info .Info { font-size: 12px; color: var(--grey9); text-align: center; max-width: 70%; font-weight: 600; margin: 0px auto 20px; white-space: pre-line; }
.new_WithdrawalContainer .InfoBlock-Message { display: inline-flex; align-items: center; font-size: 14px; font-weight: 600; color: var(--orange2); }
.new_WithdrawalContainer .InfoBlock-Message-Icon { margin-right: 10px; font-size: 1.875rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .new_WithdrawalContainer .InfoBlock-Message-Icon { font-size: 1.625rem; }
}
.new_WithdrawalContainer .buttons-container-You-Will-Get { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin-right: 50px; }
@media (min-width: 220px) and (max-width: 576px) {
  .new_WithdrawalContainer .buttons-container-You-Will-Get { margin-right: 0px; align-items: center; margin-bottom: 12px; }
}
.new_WithdrawalContainer .buttons-container-You-Will-Get .Label { font-size: 10px; color: var(--grey9); text-transform: uppercase; font-weight: 700; margin: 0px; }
.new_WithdrawalContainer .buttons-container-You-Will-Get .Value { background-image: linear-gradient(254deg,var(--green2) 51%,var(--greenBlue1)); font-size: 20px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; background-clip: text; -webkit-text-fill-color: transparent; margin: 0px; }
.new_WithdrawalContainer .noWithdrawableBalance { width: 100%; flex-direction: column; display: flex; justify-content: center; align-items: center; min-height: 370px; }
@media (min-width: 220px) and (max-width: 576px) {
  .new_WithdrawalContainer { flex-direction: column; padding: 0px 40px; }
  .new_WithdrawalContainer .new_WithdrawalContainer-Method-Info { flex: 1 1 0%; width: 70%; margin: 0px auto; border: medium; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .new_WithdrawalContainer { padding: 0px; }
  .new_WithdrawalContainer-Inner { width: calc(100% - 30px); border-radius: 6px; margin: 10px 15px; padding: 0px; overflow: hidden; }
  .new_WithdrawalContainer-Inner--v2 { margin-top: 0px; }
  .new_WithdrawalContainer .new_WithdrawalContainer-Method-Info { width: 100%; padding-top: 0px !important; }
  .new_WithdrawalContainer .new_WithdrawalContainer-Method-Info .Title_Information { padding-top: 40px; }
}
.WithdrawalConfirmationModal-Container { display: flex; flex-direction: column; padding: 20px; align-items: center; }
.WithdrawalConfirmationModal-Container .CloseBtn { display: flex; width: 100%; flex-direction: row; justify-content: flex-end; }
.WithdrawalConfirmationModal-Container .ExplanationText { max-width: 100%; color: var(--grey9); font-size: 13px; text-align: center; margin: 30px 0px; overflow-wrap: break-word; }
.WithdrawalConfirmationModal-Container .ExplanationText h1 { color: var(--black2); font-size: 22px; margin: 0px 0px 10px; }
.WithdrawalConfirmationModal-Container .ExplanationText p { color: var(--grey9); margin: 0px; }
.WithdrawalConfirmationModal-Container .Buttons { width: 100%; }
.WithdrawalConfirmationModal-Container .Buttons button { padding: 15px 0px; }
.WithdrawalConfirmationModal-Container .Buttons button._Cancel { border-color: var(--inputGreyBorder); color: var(--azure); margin-top: 10px; }
.WithdrawalConfirmationModal-Container-Icon { font-size: 5.8125rem; line-height: 1; }
.___Disabled { opacity: 0.5; cursor: not-allowed; }
.___Disabled :hover { cursor: not-allowed; }
.MBOmega { margin-bottom: 24px; position: relative; }
@media (min-width: 220px) and (max-width: 576px) {
  .MBOmega { padding: 20px 20px 0px; }
}
.MBOmega-Container .Method-Input-Container { display: flex; flex-direction: column; position: relative; margin-bottom: 30px; }
.MBOmega-Container .Method-Input-Container-Inner { position: relative; display: flex; align-items: center; margin-bottom: 10px; }
.MBOmega-Container .Method-Input-Container-Title { font-size: 10px; font-weight: 700; color: var(--grey9); margin-bottom: 15px; padding-left: 30px; }
.MBOmega-Container .Method-Input-Container input[type="text"], .MBOmega-Container .Method-Input-Container .phoneInput-Container-number, .MBOmega-Container .Method-Input-Container .Country-Code-Input, .MBOmega-Container .Method-Input-Container .Countries-Dropdown-Pointer, .MBOmega-Container .Method-Input-Container .phoneInput-Container-CountryCode { background-color: var(--black3); border-color: var(--black3); color: var(--white); margin-bottom: 0px; }
.MBOmega-Container .Method-Input-Container input[type="text"]:autofill, .MBOmega-Container .Method-Input-Container input[type="text"]:autofill:hover, .MBOmega-Container .Method-Input-Container input[type="text"]:autofill:focus, .MBOmega-Container .Method-Input-Container .phoneInput-Container-number:autofill, .MBOmega-Container .Method-Input-Container .phoneInput-Container-number:autofill:hover, .MBOmega-Container .Method-Input-Container .phoneInput-Container-number:autofill:focus, .MBOmega-Container .Method-Input-Container .Country-Code-Input:autofill, .MBOmega-Container .Method-Input-Container .Country-Code-Input:autofill:hover, .MBOmega-Container .Method-Input-Container .Country-Code-Input:autofill:focus, .MBOmega-Container .Method-Input-Container .Countries-Dropdown-Pointer:autofill, .MBOmega-Container .Method-Input-Container .Countries-Dropdown-Pointer:autofill:hover, .MBOmega-Container .Method-Input-Container .Countries-Dropdown-Pointer:autofill:focus, .MBOmega-Container .Method-Input-Container .phoneInput-Container-CountryCode:autofill, .MBOmega-Container .Method-Input-Container .phoneInput-Container-CountryCode:autofill:hover, .MBOmega-Container .Method-Input-Container .phoneInput-Container-CountryCode:autofill:focus { border: medium; -webkit-text-fill-color: var(--white); box-shadow: transparent 0px 0px 0px 1000px inset; transition: background-color 5000s ease-in-out; }
.MBOmega-Container .Method-Input-Container .phoneInput-Container-CountryCode::after { background-color: var(--black3); }
.MBOmega-Container .Method-Input-Container label { display: flex; align-items: center; font-size: 12px; font-weight: 500; line-height: 1.17; color: var(--grey9); padding-left: 30px; }
.MBOmega-Container .Method-Input-Container label span:not(.checkbox__box) { padding: 0px 10px; }
.MBOmega-Container-Available-Details-Title { font-size: 10px; font-weight: 700; color: var(--grey9); margin-bottom: 15px; padding-left: 30px; }
.MBOmega .MBOmegaMethodSelector { width: 10px; height: 10px; border-radius: 100%; border-width: 5px; border-style: solid; border-color: var(--black3); background-color: var(--black3); display: block; margin-right: 10px; }
.MBOmega .MBOmegaMethodSelector.Active { background-image: linear-gradient(207deg,var(--darkTurquoise) 122%,var(--azure) 17%); background-color: var(--darkTurquoise); }
.MBOmega .MBOmegaRecordItem { display: flex; flex-direction: row; align-items: center; margin-bottom: 10px; }
.MBOmega .MBOmegaRecordItem-Inner { display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: rgb(74, 79, 94); border-color: rgb(74, 79, 94); border-style: solid; border-width: 1px; color: var(--white); margin-bottom: 0px; flex: 1 1 0%; padding: 5px 5px 5px 13px; border-radius: 6px; }
.MBOmega .MBOmegaRecordItem-Inner span { opacity: 0.6; font-size: 12px; font-weight: 700; color: var(--white); flex: 1 1 0%; }
.MBOmega .MBOmegaRecordItem-Inner-Remove-Button { padding: 5px; border-radius: 6px; border: 1px solid transparent; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 999; }
.MBOmega .MBOmegaRecordItem-Inner-Remove-Button:hover { border: 1px solid rgba(255, 80, 80, 0.2); background-color: rgba(255, 80, 80, 0.15); transition-duration: 0.1s; }
.MBOmega .MBOmegaRecordItem-Inner-Remove-Button:hover * { color: rgba(255, 80, 80, 0.8); }
.MBOmega .MBOmegaRecordItem-Inner-Remove-Button .wkg-icon { font-size: 1.5rem; }
.MBOmega .MBOmegaRecordItem.Active .MBOmegaRecordItem-Inner { border-color: var(--azure); }
.MBOmega .MBOmegaRecordItem.Active span { opacity: 1; }
.MBOmega-Success-Header { display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 30px; }
.MBOmega-Success-Header h2 { font-size: 22px; color: rgb(150, 152, 161); margin: 12px 0px; }
.MBOmega-Success-Header h3 { text-align: center; color: rgb(255, 255, 255); font-size: 14px; width: 50%; }
.MBOmega-Success-Details { display: flex; flex-direction: row; align-items: center; justify-content: center; background-color: rgb(45, 49, 64); padding: 26px; border-radius: 6px; width: 75%; margin-top: 30px; }
.MBOmega-Success-Details .titles { flex-direction: column; justify-content: flex-start; align-items: flex-end; display: flex; padding: 0px 5px; flex: 0 1 50%; }
.MBOmega-Success-Details .values { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 0px 5px; flex: 0 1 50%; }
@media (min-width: 220px) and (max-width: 576px) {
  .MBOmega-Success-Details .values { flex: 0 1 100%; }
}
.MBOmega-Success-Details .ttl { font-size: 14px; line-height: 36px; color: rgb(255, 255, 255); font-weight: 700; opacity: 0.6; }
@media (min-width: 220px) and (max-width: 576px) {
  .MBOmega-Success-Details .ttl { line-height: 24px; }
}
.MBOmega-Success-Details .vl { font-size: 14px; line-height: 36px; color: rgb(255, 255, 255); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 220px) and (max-width: 576px) {
  .MBOmega-Success-Details .vl { display: flex; flex-direction: column; margin-bottom: 5px; line-height: 24px; }
}
.MBOmega-Success-Details .vl.spec { background-image: linear-gradient(255deg, rgb(142, 234, 104) 81%, rgb(14, 213, 207)); background-clip: text; -webkit-text-fill-color: transparent; color: var(--white); }
.MBOmega-Success .backBtn { width: auto; border-color: var(--grey9); font-size: 12px; font-weight: 500; color: rgb(150, 152, 161); margin: 20px 18px 0px; padding: 6px 12px 6px 6px; }
.MBOmega-Success .backBtn::before { content: " "; display: block; width: 15px; height: 15px; transform: rotate(-180deg); }
.MBOmega-Success .backBtn span { font-size: 12px; font-weight: 700; text-align: center; color: var(--grey9); }
html[dir="rtl"] .Buttons-Container-You-Will-Get { margin-right: 0px; margin-left: 40px; }
html[dir="rtl"] .new_WithdrawalContainer .InfoBlock-Message-Icon { margin-right: 0px; margin-left: 10px; }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .new_WithdrawalContainer .PaymentMethods .Section-Title { padding-right: 17px; }
}
html[dir="rtl"] .new_WithdrawalContainer-Method-Info { border-right: 1px solid var(--grey5); border-left: medium; }
.DataTableComponent-Container { overflow: visible; padding: 0px 40px; }
.DataTableComponent-Container .WithdrawalCancellation { width: 22px; height: 22px; }
.DataTableComponent-Container .WithdrawalCancellation .btn svg rect { fill: transparent !important; }
.DataTableComponent-Container .PaymentStatus { display: flex; justify-content: space-between; align-items: center; padding-right: 15px; }
.DataTableComponent-Container .PaymentStatus button { margin-left: 12px; padding: 0px; font-size: 1.375rem; }
.DataTableComponent-Container .rdrDefinedRangesWrapper { display: none; }
.DataTableComponent-Container .rdrCalendarWrapper { direction: ltr; }
@media (min-width: 220px) and (max-width: 576px) {
  .DataTableComponent-Container .rdrCalendarWrapper { font-size: 10px; }
}
.DataTableComponent-Container p { margin: 0px; font-weight: 600; }
.DataTableComponent-Container .Amount { color: var(--white); font-weight: 700; }
.DataTableComponent-Container .Type { text-transform: uppercase; font-weight: 700; }
.DataTableComponent-Container .Method { font-weight: 700; }
.DataTableComponent-Container .headerTitle { display: flex; justify-content: space-between; align-items: center; }
@media (max-width: 992px) {
  .DataTableComponent-Container .headerTitle { flex-direction: column; padding-top: 20px; }
  .DataTableComponent-Container .headerTitle .cabinet-tab-header { text-align: center; }
  .DataTableComponent-Container .headerTitle .DateRangePicker { justify-content: center; align-items: flex-start; }
  .DataTableComponent-Container .headerTitle .DateRangePicker .RangesPlaceholder { width: 100%; }
  .DataTableComponent-Container .headerTitle .DateRangePicker .RangesPlaceholder-From, .DataTableComponent-Container .headerTitle .DateRangePicker .RangesPlaceholder-To { flex: 1 1 0%; font-size: 14px; padding: 8px 16px; }
}
.DataTableComponent-Container .DateRangePicker { position: relative; align-items: flex-end; justify-content: flex-end; flex-direction: column; display: flex; padding: 32px 0px; }
.DataTableComponent-Container .DateRangePicker .RangesPlaceholder { display: flex; align-items: center; position: relative; }
.DataTableComponent-Container .DateRangePicker .RangesPlaceholder > div:hover { cursor: pointer; }
.DataTableComponent-Container .DateRangePicker .RangesPlaceholder > div.Arrow { border: medium; display: flex; margin: 0px 5px; }
.DataTableComponent-Container .DateRangePicker .RangesPlaceholder > div.Arrow svg { width: 16px; height: 16px; color: var(--grey9); opacity: 0.4; }
@media (max-width: 1024px) {
  .DataTableComponent-Container .DateRangePicker .RangesPlaceholder > div.Arrow svg { width: 14px; height: 14px; }
}
.DataTableComponent-Container .DateRangePicker .RangesPlaceholder-From, .DataTableComponent-Container .DateRangePicker .RangesPlaceholder-To { border: 1px solid transparent; padding: 8px 14px; border-radius: 6px; color: var(--white); display: flex; align-items: center; background-color: var(--black3); white-space: nowrap; }
.DataTableComponent-Container .DateRangePicker .RangesPlaceholder-From .__icon, .DataTableComponent-Container .DateRangePicker .RangesPlaceholder-To .__icon { display: flex; }
.DataTableComponent-Container .DateRangePicker .RangesPlaceholder-From .__icon svg, .DataTableComponent-Container .DateRangePicker .RangesPlaceholder-To .__icon svg { color: var(--grey); margin-left: 10px; }
.DataTableComponent-Container .DateRangePicker-Container { position: absolute; right: 0px; top: 45px; z-index: 9; outline: none; background: var(--black2); border-radius: var(--borderRadius); padding: 55px 10px 10px; }
@media (min-width: 220px) and (max-width: 576px) {
  .DataTableComponent-Container .DateRangePicker-Container { padding-right: 0px; padding-left: 0px; padding-bottom: 5px; }
}
.DataTableComponent-Container .DateRangePicker-Container .rdrDateRangeWrapper { background-color: var(--black3); }
.DataTableComponent-Container .DateRangePicker-Container .rdrDateRangeWrapper .rdrDateDisplayWrapper { background-color: var(--greyDark2); }
.DataTableComponent-Container .DateRangePicker-Container .rdrDateRangeWrapper .rdrDateDisplayWrapper .rdrDateDisplayItem { border: medium; background-color: var(--black3); }
.DataTableComponent-Container .DateRangePicker-Container .rdrDateRangeWrapper .rdrNextPrevButton { background-color: var(--greyDark2); }
.DataTableComponent-Container .DateRangePicker-Container .rdrDateRangeWrapper .rdrNextPrevButton i { border-color: transparent var(--white) transparent transparent; }
.DataTableComponent-Container .DateRangePicker-Container .rdrDateRangeWrapper .rdrNextPrevButton.rdrNextButton i { border-color: transparent transparent transparent var(--white); }
.DataTableComponent-Container .DateRangePicker-Container .rdrDateRangeWrapper .rdrDay span { color: var(--white); }
.DataTableComponent-Container .DateRangePicker-Container .rdrDateRangeWrapper .rdrDay span.rdrInRange, .DataTableComponent-Container .DateRangePicker-Container .rdrDateRangeWrapper .rdrDay span.rdrStartEdge, .DataTableComponent-Container .DateRangePicker-Container .rdrDateRangeWrapper .rdrDay span.rdrEndEdge { background-color: var(--azure); }
.DataTableComponent-Container .DateRangePicker-Container .rdrDateRangeWrapper .rdrDay.rdrDayDisabled { background-color: var(--greyMid); opacity: 0.3; }
.DataTableComponent-Container .DateRangePicker-Container .DateRangePickerCloseBtn { position: absolute; top: 0.5rem; right: 10px; padding: 0px; border: medium; }
.DataTableComponent-Container .DateRangePicker-Container .DateRangePickerCloseBtn:hover { background: transparent; }
.DataTableComponent-Container .DateRangePicker-Container .DateRangePickerCloseBtn .MuiSvgIcon-colorSecondary { color: var(--grey9); }
.DataTableComponent-Container .paymentMethod { font-weight: 700; }
.DataTableComponent-Container .Amount { color: var(--white); }
.DataTableComponent-Container .MobileOnly { display: none; }
@media (min-width: 220px) and (max-width: 576px) {
  .DataTableComponent-Container { padding: 24px 17px; }
  .DataTableComponent-Container .DataTable-Header-Item { display: flex; align-items: center; }
  .DataTableComponent-Container .DataTable-Header-Item .Title { padding: 10px; }
  .DataTableComponent-Container .DataTable-Header-Item.withFilter { padding: 0px !important; }
  .DataTableComponent-Container .MobileOnly { display: block; font-size: 10px !important; }
  .DataTableComponent-Container .DataTable-Rows-Item .Data-Cell { display: flex; align-items: center; padding: 10px 20px; }
  .DataTableComponent-Container .status, .DataTableComponent-Container .type, .DataTableComponent-Container .paymentMethod { font-size: 10px; }
  .DataTableComponent-Container .ProcessData { font-size: 10px; opacity: 0.6; }
  .DataTableComponent-Container .NoMobile { display: none !important; }
  .DataTableComponent-Container .DataTable-Rows-Item, .DataTableComponent-Container .DataTable-Header { grid-template-columns: 1fr 0.5fr 1fr !important; }
  .DataTableComponent-Container .DataTable-Rows-Item .Title, .DataTableComponent-Container .DataTable-Header .Title { font-size: 10px !important; }
}
@media (max-width: 320px) {
  .DataTableComponent-Container .DataTable-Rows-Item, .DataTableComponent-Container .DataTable-Header { grid-template-columns: 78px 84px auto !important; }
}
.DataTableComponent-Container .DataTable { overflow: visible; position: relative; }
.DataTableComponent-Container .DataTable-Header { position: relative; width: 100%; display: inline-grid; gap: 2px; border: medium !important; margin-bottom: 20px; }
@media (min-width: 220px) and (max-width: 576px) {
  .DataTableComponent-Container .DataTable-Header { background: var(--greyDark2); border-bottom: 1px solid var(--black3) !important; border-top-left-radius: var(--borderRadius); border-top-right-radius: var(--borderRadius); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin-bottom: 0px; }
}
.DataTableComponent-Container .DataTable-Header::after { display: block; height: 1px; width: calc(100% + 80px); transform: translate(-40px); content: ""; position: absolute; bottom: 0px; background: var(--black3); }
@media (min-width: 220px) and (max-width: 576px) {
  .DataTableComponent-Container .DataTable-Header::after { display: none; }
}
.DataTableComponent-Container .DataTable-Header .Title { font-size: 10px; font-weight: 700; color: var(--grey12); text-transform: uppercase; padding: 15px 20px; }
@media (min-width: 220px) and (max-width: 576px) {
  .DataTableComponent-Container .DataTable-Header .Title { padding: 15px; }
}
.DataTableComponent-Container .DataTable-Header-Filter-Dropdown { position: relative; }
.DataTableComponent-Container .DataTable-Header-Filter-Dropdown-Container { border-radius: 6px; box-shadow: rgba(14, 10, 48, 0.4) 0px 15px 20px; border: 1px solid rgba(var(--grey9),.6); background-color: var(--black3); position: absolute; width: auto; top: 0px; right: 0px; max-height: 165px; overflow: auto; z-index: 1; }
.DataTableComponent-Container .DataTable-Header-Filter-Dropdown-Container .Dropdown-Item { padding: 8px 20px 8px 30px; position: relative; width: auto; }
.DataTableComponent-Container .DataTable-Header-Filter-Dropdown-Container .Dropdown-Item-Title { font-size: 12px; font-weight: 700; color: var(--greyText6); text-transform: none; white-space: nowrap; }
.DataTableComponent-Container .DataTable-Header-Filter-Dropdown-Container .Dropdown-Item .CheckIcon { display: none; position: absolute; left: 8px; top: 7px; }
.DataTableComponent-Container .DataTable-Header-Filter-Dropdown-Container .Dropdown-Item .CheckIcon svg { font-size: 1rem; width: 15px; color: var(--white); }
.DataTableComponent-Container .DataTable-Header-Filter-Dropdown-Container .Dropdown-Item.Selected .Dropdown-Item-Title { color: var(--white); }
.DataTableComponent-Container .DataTable-Header-Filter-Dropdown-Container .Dropdown-Item.Selected .CheckIcon { display: block; }
.DataTableComponent-Container .DataTable-Header-Filter-Dropdown-Container .Dropdown-Item:hover { background-color: var(--darkGreyBg1); transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
.DataTableComponent-Container .DataTable-Header-Filter-Dropdown-Container .Dropdown-Item:hover .Dropdown-Item-Title { color: var(--white); }
.DataTableComponent-Container .DataTable-Header-Item.withFilter { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
.DataTableComponent-Container .DataTable-Header-Item.withFilter .Title { display: inline-flex; padding: 5px 10px; border-radius: 6px; }
.DataTableComponent-Container .DataTable-Header-Item.withFilter .Title:hover { cursor: pointer; background-color: var(--darkGreyBg1); color: var(--greyText6); transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
.DataTableComponent-Container .DataTable-Header-Item.withFilter .Title:hover .Filter-Title-Icon svg { transform: rotate(0deg); }
.DataTableComponent-Container .DataTable-Header-Item.withFilter .Title:hover .Filter-Title-Icon svg path { stroke: var(--greyText6); }
.DataTableComponent-Container .DataTable-Header-Item.withFilter .Filter-Title { display: inline-flex; align-items: center; }
.DataTableComponent-Container .DataTable-Header-Item.withFilter .Filter-Title-Icon { display: flex; }
.DataTableComponent-Container .DataTable-Header-Item.withFilter .Filter-Title-Icon svg { height: 14px; width: 14px; transform: rotate(-180deg); margin-left: 2px; }
.DataTableComponent-Container .DataTable-Header-Item.withFilter .Filter-Title-Icon svg path { stroke: rgba(var(--grey9),.5); }
.DataTableComponent-Container .DataTable-Rows { display: grid; overflow: auto; }
@media (min-width: 220px) and (max-width: 576px) {
  .DataTableComponent-Container .DataTable-Rows { max-height: none; }
}
.DataTableComponent-Container .DataTable-Rows::-webkit-scrollbar { display: block !important; border-radius: var(--borderRadius); }
.DataTableComponent-Container .DataTable-Rows::-webkit-scrollbar-track { display: block !important; background: var(--black3) !important; border-radius: 5px; }
.DataTableComponent-Container .DataTable-Rows::-webkit-scrollbar-thumb { display: block !important; background: var(--grey9) !important; border: medium !important; border-radius: 5px; }
.DataTableComponent-Container .DataTable-Rows-Item { display: inline-grid; gap: 0px; width: 100%; background: transparent !important; }
.DataTableComponent-Container .DataTable-Rows-Item:last-child .Data-Cell:first-child { border-bottom-left-radius: 5px; }
.DataTableComponent-Container .DataTable-Rows-Item:last-child .Data-Cell:last-child { border-bottom-right-radius: 5px; }
@media (min-width: 220px) and (max-width: 576px) {
  .DataTableComponent-Container .DataTable-Rows-Item:nth-child(2n) .Data-Cell { background-color: var(--greyDark2); }
}
.DataTableComponent-Container .DataTable-Rows-Item .Data-Cell { color: var(--greyText6); font-size: 12px; }
.DataTableComponent-Container .DataTable-Rows-Item .Data-Cell:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
@media (min-width: 220px) and (max-width: 576px) {
  .DataTableComponent-Container .DataTable-Rows-Item .Data-Cell:first-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
}
.DataTableComponent-Container .DataTable-Rows-Item .Data-Cell:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
@media (min-width: 220px) and (max-width: 576px) {
  .DataTableComponent-Container .DataTable-Rows-Item .Data-Cell:last-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
}
.DataTableComponent-Container .DataTable-NoResults { padding-top: 40px; padding-bottom: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--greyText6); }
.DataTableComponent-Container .DataTable-NoResults h3 { font-size: 16px; margin-top: 10px; }
.DataTableComponent-Container .DataTable-NoResults svg { height: 41px; width: 41px; }
.DataTableComponent-Container .DataTable-Pagination { display: flex; padding: 20px 0px; justify-content: center; position: relative; min-height: 44px; }
.DataTableComponent-Container .DataTable-Pagination-LoadMore { align-content: flex-end; }
.DataTableComponent-Container .DataTable-Pagination-LoadMore button.btn { border-color: rgba(255, 255, 255, 0.16); font-size: 12px; color: var(--grey9); padding: 10px 50px; }
.DataTableComponent-Container .DataTable-Pagination-LoadMore button.btn:disabled { opacity: 0; }
.DataTableComponent-Container .DataTable-Pagination-LoadMore button.btn:hover { background-color: rgba(150, 152, 161, 0.3); color: var(--greyText8); transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
.DataTableComponent-Container--v2 { background-color: var(--yyy-ui-base-skeleton-color); border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
.rows_1 { grid-template-columns: repeat(1, 1fr); }
.rows_2 { grid-template-columns: repeat(2, 1fr); }
.rows_3 { grid-template-columns: repeat(3, 1fr); }
.rows_4 { grid-template-columns: repeat(4, 1fr); }
.rows_5 { grid-template-columns: repeat(5, 1fr); }
.rows_6 { grid-template-columns: repeat(6, 1fr); }
.rows_7 { grid-template-columns: repeat(7, 1fr); }
.rows_8 { grid-template-columns: repeat(8, 1fr); }
.rows_9 { grid-template-columns: repeat(9, 1fr); }
.rows_10 { grid-template-columns: repeat(10, 1fr); }
.status { font-weight: 700; }
.status.CANCELLED, .status.CANCELED { color: var(--red2); }
.status.FAILED, .status.REJECTED { color: var(--red); }
.status.PENDING, .status.EXPIRED { color: var(--yellowDark); }
.status.COMPLETED, .status.SPENT, .status.RELEASED { color: var(--green3); }
html[dir="rtl"] .PaymentStatus { padding-left: 15px; padding-right: 0px; }
html[dir="rtl"] .PaymentStatus button { margin-left: 0px; margin-right: 12px; }
.cabinet-tab-header__title { font-size: 22px; color: var(--white); font-weight: 700; margin: 0px; }
.cabinet-tab-header__subtitle { font-size: 14px; margin: 0px; color: var(--grey9); min-height: 36px; }
@media (min-width: 220px) and (max-width: 576px) {
  .cabinet-tab-header { text-align: center; }
}
.new_userSettingsContainer .cabinet-tab-header, .new_userChangePasswordContainer .cabinet-tab-header { padding-bottom: 20px; }
@media (max-width: 768px) {
  .new_userSettingsContainer, .new_userChangePasswordContainer { text-align: center; }
}
.personal-settings { position: relative; z-index: 1; display: flex; flex-direction: row; padding: 40px 40px 0px; }
.personal-settings .cabinet-tab-header { padding-bottom: 20px; }
.personal-settings__timezone-password { flex: 1 1 50%; }
@media (min-width: 220px) and (max-width: 576px) {
  .personal-settings__timezone-password { order: 1; }
}
.personal-settings .personal-settings__password-checker .form-password-checker__content .form-password-checker__title { color: var(--yyy-ui-light-grey); }
@media (min-width: 220px) and (max-width: 576px) {
  .personal-settings { background-color: var(--black2); }
  .personal-settings__timezone, .personal-settings__security, .personal-settings__user { border-radius: 6px; background-color: var(--yyy-dark-blue-lvl-1); padding: 20px !important; }
}
.personal-settings__user { flex: 1 1 50%; padding-left: 40px; }
.personal-settings__user .personal-settings__form-wrapper .personal-settings__form { flex: 0 0 48%; }
.personal-settings__user .personal-settings__form-wrapper .personal-settings__form input { background-color: var(--yyy-dark-grey); border-radius: var(--borderRadius); border: medium; color: var(--yyy-ui-medium-grey); }
.personal-settings__user .personal-settings__form-wrapper .personal-settings__form input::placeholder { font-weight: 600; color: var(--yyy-ui-medium-grey); text-transform: capitalize; }
.personal-settings__user .personal-settings__form-wrapper .personal-settings__form input:disabled { cursor: not-allowed; }
.personal-settings__user .personal-settings__form-wrapper .personal-settings__form .personal-settings__row { display: flex; flex-direction: column; }
@media (min-width: 1200px) {
  .personal-settings__user .personal-settings__form-wrapper .personal-settings__form .personal-settings__row { flex-direction: row; gap: 0.625rem; }
}
.personal-settings__user .personal-settings__form-wrapper .personal-settings__form .personal-settings__birth-date { display: flex; align-items: flex-end; gap: 0.625rem; padding-bottom: 1rem; }
.personal-settings__user .personal-settings__form-wrapper .personal-settings__form .personal-settings__birth-date .personal-settings__birth-date-field { flex: 1 1 0%; min-width: 0px; --wkg-field-control-bg: var(--yyy-dark-grey); --wkg-field-control-border-color: transparent; --wkg-field-control-border-radius: var(--borderRadius); --wkg-field-control-height: 45px; --wkg-field-input-color: var(--yyy-ui-medium-grey); --wkg-field-input-font-weight: var(--wkg-font-weight-600, 600); --wkg-field-input-placeholder-color: var(--yyy-ui-medium-grey); --wkg-field-icon-color: var(--yyy-ui-medium-grey); }
.personal-settings__user .personal-settings__form-wrapper .personal-settings__form .personal-settings__birth-date .personal-settings__save-button { flex: 0 1 auto; max-width: 40%; height: 45px; overflow: hidden; text-overflow: ellipsis; border: 1px solid rgba(255, 255, 255, 0.16); font-size: 12px; font-weight: 700; color: var(--yyy-ui-medium-grey); text-transform: uppercase; padding: 0px 16px; white-space: nowrap; }
@media (min-width: 576px) and (max-width: 992px) {
  .personal-settings__user .personal-settings__form-wrapper .personal-settings__form-wrapper { flex: 0 0 100%; }
  .personal-settings__user .personal-settings__form-wrapper .personal-settings__form { margin-bottom: 20px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .personal-settings__user .personal-settings__form-wrapper .personal-settings__form-wrapper { flex: 0 0 100%; }
  .personal-settings__user .personal-settings__form-wrapper .personal-settings__form { flex-wrap: wrap; flex: 0 0 100%; }
}
.personal-settings__security { margin-bottom: 30px; }
.personal-settings__security .personal-settings__form-wrapper .personal-settings__form { display: flex; flex-direction: column; gap: 1rem; flex: 0 0 70%; }
.personal-settings__security .personal-settings__form-wrapper .personal-settings__form { flex: 0 0 75%; }
.personal-settings__security .personal-settings__form-wrapper .personal-settings__form .inputFormContainer { margin-left: 0px; margin-right: 0px; padding-bottom: 0px; }
.personal-settings__security .personal-settings__form-wrapper .personal-settings__form .inputFormContainer .hasError input { margin-bottom: 0px; }
.personal-settings__security .personal-settings__form-wrapper .personal-settings__form input { background-color: var(--yyy-dark-grey); border-radius: var(--borderRadius); border: medium; font-weight: 600; margin-bottom: 0px; color: var(--yyy-ui-medium-grey); }
.personal-settings__security .personal-settings__form-wrapper .personal-settings__form input::placeholder { font-weight: 600; color: var(--yyy-ui-medium-grey); text-transform: capitalize; }
.personal-settings__security .personal-settings__form-wrapper .personal-settings__form input:autofill, .personal-settings__security .personal-settings__form-wrapper .personal-settings__form input:autofill:hover, .personal-settings__security .personal-settings__form-wrapper .personal-settings__form input:autofill:focus { -webkit-text-fill-color: var(--yyy-ui-medium-grey); box-shadow: transparent 0px 0px 0px 1000px inset; transition: background-color 5000s ease-in-out; }
.personal-settings__security .personal-settings__form-wrapper .personal-settings__save-button { border: 1px solid rgba(255, 255, 255, 0.16); font-size: 12px; font-weight: 700; color: var(--yyy-ui-medium-grey); text-transform: uppercase; padding: 14px 0px; }
@media (min-width: 576px) and (max-width: 992px) {
  .personal-settings__security .personal-settings__form-wrapper .personal-settings__form-wrapper, .personal-settings__security .personal-settings__form-wrapper .personal-settings__form { flex: 0 0 100%; }
  .personal-settings__security .personal-settings__form-wrapper .personal-settings__form .inputFormContainer { margin-left: 0px; margin-right: 0px; padding-top: 0px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .personal-settings__security .personal-settings__form-wrapper .personal-settings__form-wrapper { flex: 0 0 100%; }
  .personal-settings__security .personal-settings__form-wrapper .personal-settings__form { display: flex; justify-content: space-between; flex: 0 0 100%; }
}
.personal-settings__timezone { margin-bottom: 30px; }
.personal-settings__timezone .personal-settings__timezone-settings .personal-settings__settings-form-container .personal-settings__settings-form .personal-settings__save-button { border: 1px solid rgba(255, 255, 255, 0.16); font-size: 12px; font-weight: 700; color: var(--yyy-ui-medium-grey); text-transform: uppercase; padding: 14px 0px; }
.personal-settings__timezone .personal-settings__timezone-settings .personal-settings__settings-form-container .personal-settings__settings-form .personal-settings__select-wrapper .personal-settings__select { z-index: var(--yyy-ui-z-index-dropdown); margin-bottom: 10px; }
.personal-settings__timezone .personal-settings__timezone-settings .personal-settings__settings-form-container .personal-settings__settings-form .personal-settings__select-wrapper .personal-settings__select__control { border-radius: var(--borderRadius); height: 44px; background-color: var(--yyy-dark-blue-lvl-2); border: medium; }
.personal-settings__timezone .personal-settings__timezone-settings .personal-settings__settings-form-container .personal-settings__settings-form .personal-settings__select-wrapper .personal-settings__select__control--is-focused { border: medium; }
.personal-settings__timezone .personal-settings__timezone-settings .personal-settings__settings-form-container .personal-settings__settings-form .personal-settings__select-wrapper .personal-settings__select__value-container { padding-left: 15px; padding-right: 10px; }
.personal-settings__timezone .personal-settings__timezone-settings .personal-settings__settings-form-container .personal-settings__settings-form .personal-settings__select-wrapper .personal-settings__select__single-value { font-size: 14px; font-weight: 600; color: var(--yyy-ui-medium-grey); }
.personal-settings__timezone .personal-settings__timezone-settings .personal-settings__settings-form-container .personal-settings__settings-form .personal-settings__select-wrapper .personal-settings__select__indicator { color: var(--yyy-ui-medium-grey); cursor: pointer; }
.personal-settings__timezone .personal-settings__timezone-settings .personal-settings__settings-form-container .personal-settings__settings-form .personal-settings__select-wrapper .personal-settings__select__indicator svg { width: 14px; height: 14px; }
.personal-settings__timezone .personal-settings__timezone-settings .personal-settings__settings-form-container .personal-settings__settings-form .personal-settings__select-wrapper .personal-settings__select__indicator-separator { display: none; }
.personal-settings__timezone .personal-settings__timezone-settings .personal-settings__settings-form-container .personal-settings__settings-form .personal-settings__select-wrapper .personal-settings__select__menu { border-radius: var(--borderRadius); box-shadow: 0 10px 30px 0 var(--yyy-dark-blue-lvl-3); background-color: var(--yyy-dark-grey); }
.personal-settings__timezone .personal-settings__timezone-settings .personal-settings__settings-form-container .personal-settings__settings-form .personal-settings__select-wrapper .personal-settings__select__option { font-size: 14px; font-weight: 600; color: var(--yyy-ui-medium-grey); }
.personal-settings__timezone .personal-settings__timezone-settings .personal-settings__settings-form-container .personal-settings__settings-form .personal-settings__select-wrapper .personal-settings__select__option--is-focused { background-color: rgb(138, 160, 181); background-image: var(--yyy-primary-gradient-blue); color: var(--yyy-white); cursor: pointer; }
@media (max-width: 768px) {
  .personal-settings { flex-direction: column; padding: 17px; }
  .personal-settings__user { order: 2; padding-left: 0px; }
  .personal-settings__security { margin-bottom: 20px; }
  .personal-settings__security .personal-settings__save-button { margin: 0px; }
}
.personal-settings--v2 { padding-top: 0px; }
@media (min-width: 768px) {
  .personal-settings--v2 { padding: 40px 40px 0px; }
}
html[dir="rtl"] .personal-settings__user { padding-left: 0px; padding-right: 40px; }
@media (max-width: 768px) {
  html[dir="rtl"] .personal-settings__user { padding-right: 0px; }
}
[data-testid="datepicker:birthDate:content"] { --wkg-color-grey-100: #e0dde2; --wkg-color-grey-200: #9698a1; --wkg-color-grey-400: #323746; --wkg-color-grey-500: #212633; --wkg-dropdown-bg: var(--yyy-dark-grey); --wkg-dropdown-option-bg-hover: #323746; --wkg-field-input-color: #9698a1; --wkg-field-input-placeholder-color: #9698a1; }
.new_bonusWrap .bonusHeaderContainer { display: flex; justify-content: space-between; align-items: flex-start; padding: 20px 40px; }
.new_bonusWrap .bonusHeaderContainer .balanceBlockContainer { display: flex; justify-content: space-between; align-items: center; border-radius: 4px; height: 20px; padding: 14px 16px; background: var(--black3); font-weight: 700; letter-spacing: 0.25px; font-size: 16px; color: var(--white); }
.new_bonusWrap .bonusHeaderContainer .balanceBlockContainer .btn { height: 32px; min-height: 32px; width: 32px; border-radius: 4px; margin-left: 12px; }
.new_bonusWrap .bonusHeaderContainer .balanceBlockContainer .btn svg { color: rgb(255, 255, 255); }
@media (min-width: 576px) and (max-width: 992px) {
  .new_bonusWrap .bonusHeaderContainer { display: flex; justify-content: space-between; align-items: center; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .new_bonusWrap .bonusHeaderContainer { flex-wrap: wrap; padding: 20px 20px 0px; }
  .new_bonusWrap .bonusHeaderContainer .cabinet-tab-header { padding-bottom: 10px; margin: auto; text-align: center; width: 100%; }
  .new_bonusWrap .bonusHeaderContainer .headerImg { margin: auto; }
  .new_bonusWrap .bonusHeaderContainer .headerImg .balanceBlockContainer { padding: 18px 27px; }
  .new_bonusWrap .bonusHeaderContainer .headerImg .balanceBlockContainer .cabinet-tab-header__subtitle { width: 200px; }
  .new_bonusWrap .bonusHeaderContainer .balanceBlockContainer { margin: auto; padding: 18px 27px; }
}
.new_bonusWrap .bonusContent { padding: 10px 40px 50px; }
@media (min-width: 220px) and (max-width: 576px) {
  .new_bonusWrap .bonusContent { padding-right: 20px; padding-left: 20px; }
}
.new_bonusWrap .bonusContent .userBonusesList { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
@media (min-width: 220px) and (max-width: 576px) {
  .new_bonusWrap .bonusContent .userBonusesList { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 576px) and (max-width: 992px) {
  .new_bonusWrap .bonusContent .userBonusesList { grid-template-columns: repeat(2, 1fr); }
}
.new_bonusWrap .bonusContent .infoMessage { width: 100%; min-height: 370px; display: flex; justify-content: center; align-items: center; }
.new_bonusWrap .bonusContent .infoMessage .EmptyBlock { width: calc(100% - 80px); }
@media (min-width: 220px) and (max-width: 576px) {
  .new_bonusWrap .bonusContent .infoMessage .EmptyBlock { width: 100%; }
}
.new_bonusWrap .bonusContent .__loader { display: flex; justify-content: center; align-items: center; }
.new_bonusWrap .freeBonusesUsagesContainer { display: flex; justify-content: space-between; flex-wrap: wrap; }
.new_bonusWrap .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer { display: flex; padding: 15px; border: 1px solid var(--grey); box-sizing: border-box; border-radius: 4px; width: 48%; margin-bottom: 16px; justify-content: space-between; align-items: center; height: 112px; }
.new_bonusWrap .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer img { width: 64px; height: 64px; }
.new_bonusWrap .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer .freeBonusesTitle { width: 290px; }
.new_bonusWrap .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer .freeBonusesTitle .bonusesTitle { font-size: 18px; color: var(--white); margin: 0px 10px; }
.new_bonusWrap .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer .bonusChart { position: relative; }
.new_bonusWrap .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer .percentageValue { font-size: 12px; font-weight: 700; color: var(--white); text-align: center; line-height: 85px; position: absolute; top: 0px; left: 50%; transform: translate(-50%); }
.new_bonusWrap .freeBonusesUsagesContainer .moreBonusesPlaceholder { display: flex; padding: 15px; border: 1px solid var(--grey2); box-sizing: border-box; border-radius: 4px; width: 48%; margin-bottom: 16px; justify-content: center; align-items: center; height: 112px; opacity: 0.5; }
.new_bonusWrap .freeBonusesUsagesContainer .moreBonusesPlaceholder img { width: 64px; height: 64px; }
.new_bonusWrap .freeBonusesUsagesContainer .moreBonusesPlaceholder .bonusesLeftTitle { color: var(--white); }
@media (min-width: 576px) and (max-width: 992px) {
  .new_bonusWrap .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer, .new_bonusWrap .freeBonusesUsagesContainer .moreBonusesPlaceholder { width: 100%; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .new_bonusWrap .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer { width: 100%; height: auto; padding: 10px; }
  .new_bonusWrap .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer img { display: none; }
  .new_bonusWrap .freeBonusesUsagesContainer .moreBonusesPlaceholder { width: 100%; }
}
.new_bonusWrap .tableBonuses { padding: 15px 40px; }
.new_bonusWrap .tableBonuses .DataTable { overflow: hidden; }
.new_bonusWrap .tableBonuses .DataTable .DataTable-Rows-Item .Data-Cell { word-break: break-word; }
.new_bonusWrap .tableBonuses .cKNJLz { background-color: transparent !important; }
.new_bonusWrap .tableBonuses .rdt_Pagination button { border-radius: var(--borderRadius) !important; }
@media (min-width: 220px) and (max-width: 576px) {
  .new_bonusWrap .tableBonuses { padding: 20px; }
}
.new_bonusWrap .tableBonuses .__loader { display: flex; justify-content: center; align-items: center; }
.new_bonusWrap .triggerData { padding: 0px 5px; }
.verification { padding: 28px 40px; }
@media (min-width: 220px) and (max-width: 576px) {
  .verification { padding: 20px 20px 0px; }
}
.verification__block-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 30px; }
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .verification__block-wrapper { grid-template-columns: repeat(3, minmax(200px, 1fr)); }
}
@media (max-width: 992px) {
  .verification__block-wrapper { grid-template-columns: 1fr; gap: 20px; }
}
.verification__block-wrapper .verification-block { border-radius: 6px; background-color: var(--yyy-dark-blue-lvl-2); padding: 0px 10px 10px; justify-content: flex-start; display: flex; flex-direction: column; }
@media (min-width: 220px) and (max-width: 576px) {
  .verification__block-wrapper .verification-block { background-color: var(--yyy-dark-blue-lvl-1); padding: 0px 15px; }
}
.verification__block-wrapper .verification-block__header { display: flex; flex-direction: column; align-items: center; padding: 20px 40px 0px; min-height: 160px; }
@media (min-width: 220px) and (max-width: 576px) {
  .verification__block-wrapper .verification-block__header { min-height: auto; }
}
@media (max-width: 1200px) {
  .verification__block-wrapper .verification-block__header { flex-direction: row; padding: 15px 0px; }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .verification__block-wrapper .verification-block__header { min-height: 80px; }
}
.verification__block-wrapper .verification-block__check-icon { width: 26px; height: 26px; min-width: 26px; min-height: 26px; border-radius: 100%; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(255, 255, 255, 0.16); position: relative; }
.verification__block-wrapper .verification-block__check-icon div { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.verification__block-wrapper .verification-block__check-icon svg { color: var(--yyy-ui-dark-grey); }
.verification__block-wrapper .verification-block__check-icon--active { border-color: transparent; background: linear-gradient(216deg,var(--green2) 0%,var(--greenBlue1) 100%); box-shadow: rgba(92, 226, 143, 0.5) 0px 0px 20px; }
.verification__block-wrapper .verification-block__check-icon--active svg { color: var(--yyy-dark-blue-lvl-1); }
@media (max-width: 1200px) {
  .verification__block-wrapper .verification-block__titles { margin-left: 15px; }
}
.verification__block-wrapper .verification-block__titles h5 { color: var(--green3); text-transform: uppercase; font-size: 10px; text-align: center; }
@media (max-width: 1200px) {
  .verification__block-wrapper .verification-block__titles h5 { text-align: left; margin: 0px 0px 1px; }
}
.verification__block-wrapper .verification-block__titles h3 { font-size: 16px; color: var(--white); text-align: center; }
@media (max-width: 1200px) {
  .verification__block-wrapper .verification-block__titles h3 { font-size: 14px; text-align: left; margin: 0px; }
}
.verification__block-wrapper .verification-block__no-documents-required { border-radius: var(--borderRadius); background-color: var(--darkGreyBg1); height: 170px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.verification__block-wrapper .verification-block__no-documents-required-text { font-size: 14px; color: var(--white); text-transform: uppercase; text-align: center; opacity: 0.6; font-weight: 700; }
.verification__block-wrapper .verification-block__documents-list { display: flex; flex-direction: column; margin-bottom: 10px; }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item { margin-bottom: 10px; }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item--completed .verification-block__document-info { border-radius: 6px; }
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .verification__block-wrapper .verification-block__documents-list .verification-block__document-item--completed .verification-block__document-info h4 { font-size: 10px; }
}
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__document-info { border-radius: 6px 6px 0px 0px; display: flex; justify-content: space-between; align-items: center; min-height: 80px; padding: 0px 15px; background-color: var(--yyy-dark-blue-lvl-1); }
@media (min-width: 220px) and (max-width: 576px) {
  .verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__document-info { background-color: var(--darkGreyBg1); }
}
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__document-info--verified.verification-block__document-info--th { flex-direction: column; padding: 15px; }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__document-info--verified.verification-block__document-info--th .verification-block__document-buttons-wrapper { width: 100%; justify-content: flex-start; padding-top: 16px; }
@media (min-width: 220px) and (max-width: 576px) {
  .verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__document-info--verified.verification-block__document-info--th .verification-block__document-buttons-wrapper { justify-content: center; }
}
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__document-info--verified.verification-block__document-info--th .verification-block__document-buttons-wrapper .verification-block__details-button { width: 300px; height: 24px; }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__document-info--verified.verification-block__document-info--th .verification-block__document-buttons-wrapper .verification-block__details-button { width: auto; max-width: none; display: flex; }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__document-info--rounded-bottom { border-radius: 6px; }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__document-info .verification-block__document-buttons-wrapper { display: inline-flex; height: 33px; }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__document-info .verification-block__document-buttons-wrapper .verification-block__details-button { border-radius: var(--borderRadius); margin: 0px 5px 0px 0px; padding: 9px; backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.1); font-size: 1.25rem; }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__document-info .verification-block__document-buttons-wrapper .verification-block__details-button svg { opacity: 0.5; color: var(--white); }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__document-info .verification-block__document-buttons-wrapper .verification-block__details-button:hover { background-color: rgba(150, 152, 161, 0.5); }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__document-info .verification-block__document-buttons-wrapper .verification-block__details-button:hover svg { opacity: 0.8; }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__uploaded-documents { border-radius: 0px 0px 6px 6px; padding: 11px 15px; display: flex; flex-direction: column; background-color: var(--darkGreyBg1); }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__uploaded-documents .verification-block__document { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 12px; }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__uploaded-documents .verification-block__document > div { width: 20px; }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__uploaded-documents .verification-block__document > div > div { display: flex; }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__uploaded-documents .verification-block__document-name { font-size: 12px; font-weight: 600; color: var(--yyy-ui-dark-grey); max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__uploaded-documents .verification-block__document-status { font-size: 10px; font-weight: 700; text-transform: uppercase; }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__uploaded-documents .verification-block__document-status--NOT_REVIEWED { color: var(--yellowDark); }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__uploaded-documents .verification-block__document-status--DECLINED { color: var(--red2); }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__uploaded-documents .verification-block__document-status--APPROVED { color: var(--green3); }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item .verification-block__uploaded-documents .verification-block__document-error { margin: 8px 0px 12px; font-size: 10px; font-weight: 500; line-height: 1.2; color: rgb(255, 80, 80); }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item:last-child { margin-bottom: 0px; }
.verification__block-wrapper .verification-block__documents-list .verification-block__document-item h4 { font-size: 14px; color: var(--yyy-white); opacity: 0.6; margin: 0px 2px 0px 0px; padding-right: 5px; }
@media (max-width: 320px) {
  .verification__block-wrapper .verification-block__documents-list .verification-block__document-item h4 { font-size: 13px; }
}
.verification__block-wrapper .verification-block .checkImg { width: 30px; height: 30px; margin-bottom: 14px; transition: all .34s var(--transitionTimingFunction); }
@media (min-width: 220px) and (max-width: 576px) {
  .verification__block-wrapper .verification-block { padding: 0px; }
  .verification__block-wrapper .verification-block__documents-list { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
  .verification__block-wrapper .verification-block__header { display: flex; flex-direction: row; padding: 23px 15px; }
  .verification__block-wrapper .verification-block__titles { align-content: flex-start; display: flex; flex-direction: column; align-items: flex-start; padding: 0px 15px; }
  .verification__block-wrapper .verification-block__titles h5 { margin: 0px; }
  .verification__block-wrapper .verification-block__titles h3 { margin: 0px; font-size: 14px; text-align: left; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .verification { padding-left: 20px; padding-right: 20px; }
}
.kyc-button { border-radius: 6px; padding: 7px 11px; position: relative; max-width: 90px; }
.kyc-button input { opacity: 0; width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; }
.kyc-button > div { display: flex; align-items: center; }
.kyc-button > div span { text-transform: uppercase; padding-left: 5px; font-size: 10px; font-weight: 700; }
.kyc-button > div span svg { font-size: 14px; }
.kyc-button--initial { background: var(--yyy-cta-blue-gradient); padding-left: 17px; padding-right: 17px; transition-duration: 0.3s; cursor: pointer; }
.kyc-button--initial input[type="file"], .kyc-button--initial input[type="file"]::-webkit-file-upload-button { display: block; height: 100%; width: 100%; cursor: pointer; }
.kyc-button--initial:hover { box-shadow: rgba(47, 117, 188, 0.8) 0px 0px 20px; }
.kyc-button--upload { font-size: 12px; font-weight: 700; color: var(--yyy-white); text-transform: uppercase; cursor: pointer; }
.kyc-button--pending { background-color: var(--yellowDarkSuperLight); }
.kyc-button--pending span { color: var(--yellowDark); }
.kyc-button--verified { background-color: var(--green3Light); }
.kyc-button--verified span { color: var(--green3); }
div.carousel-dots--v2 { display: none; margin-top: 1rem; justify-content: flex-start; }
div.carousel-dots--v2 .carousel-dot { border: medium; height: 0.375rem; width: 0.375rem; border-radius: 50%; background-color: var(--yyy-ui-dark-grey); }
div.carousel-dots--v2 .carousel-dot--active { height: 0.5rem; width: 0.5rem; background-color: var(--yyy-dark-blue-lvl-1); }
.Bonuses.Section.deposit-bonuses--v2 { background-color: transparent; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__title { font-size: 0.625rem; color: var(--yyy-ui-dark-grey, #9698a1); font-weight: 700; text-transform: uppercase; text-align: left; margin-bottom: 1rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__title { margin-left: 1rem; margin-bottom: 0.5rem; }
}
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel { gap: 0.5rem; scroll-snap-type: x mandatory; scroll-padding-inline: 20%; }
@media (min-width: 220px) and (max-width: 576px) {
  .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel { scroll-padding-inline: 10%; }
}
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card { padding: 0px; height: 9.6875rem; border-radius: 0.375rem; flex: 0 0 calc(60% - 0.5rem); max-width: calc(60% - 0.5rem); position: relative; scroll-snap-align: center; }
@media (min-width: 220px) and (max-width: 576px) {
  .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card { flex: 0 0 calc(80% - 0.5rem); max-width: calc(80% - 0.5rem); }
}
@media (min-width: 220px) and (max-width: 576px) {
  .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card:first-child { padding-inline-start: 0.8125rem; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card:last-child { padding-inline-end: 0.8125rem; }
}
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item { border-width: 0.1875rem; opacity: 0.8; overflow: visible; transition: opacity 0.32s cubic-bezier(0.16, 1, 0.3, 1); user-select: none; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item:hover { opacity: 1; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item::after { content: ""; position: absolute; inset: auto 0px 0px auto; width: 1.25rem; height: 1.25rem; background-image: url("select-tick.svg"); background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: 15; opacity: 0; transform: scale(0.6); transform-origin: right bottom 0px; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item::before { content: ""; position: absolute; inset: -0.1875rem; width: calc(100% + 0.375rem); height: calc(100% + 0.375rem); background-image: var(--yyy-cta-blue-gradient); z-index: 1; border-radius: 0.375rem; opacity: 0; transition: opacity 0.18s cubic-bezier(0.16, 1, 0.3, 1); pointer-events: none; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item--selected { opacity: 1; border-color: transparent; z-index: 1; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item--selected .bonus-card__background::after { opacity: 0; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item--selected::after { opacity: 1; transform: scale(1); transition: opacity 0.24s cubic-bezier(0.16, 1, 0.3, 1) 60ms, transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1) 60ms; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item--selected::before { opacity: 1; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item--active { position: relative; opacity: 0.55; transition: opacity 0.18s cubic-bezier(0.4, 0, 1, 1); }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item--active div.bonus-card__gradient-overlay { display: flex; z-index: 10; opacity: 1; transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1); }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item--active .bonus-card__info, .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item--active .bonus-card__buttons, .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item--active .bonus-card__background, .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item--active .bonus-card__info-button { opacity: 0; transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1); }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__background { border-radius: 0.375rem; z-index: 1; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__background--blur { filter: blur(0.125rem) brightness(0.8); }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__background--blur::after { opacity: 0.5; backdrop-filter: blur(0.25rem); }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__amount { font-size: 0.75rem; padding: 0.1875rem 0.75rem; color: var(--yyy-dark-blue-lvl-1, #323746); font-weight: 800; text-transform: uppercase; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__info { padding: 0.5rem; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__info--blur { filter: blur(0.125rem) brightness(0.8); }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__info h3 { font-size: 1rem; line-height: 1.125; color: var(--yyy-white, #fff); font-weight: 700; margin: 0.25rem 0px 0px; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__info-button { border-radius: 0.375rem; background: var(--yyy-ui-dark-grey); backdrop-filter: blur(0.75rem); width: 2.25rem; height: 1.75rem; z-index: 3; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__info-button svg { color: var(--yyy-white); }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__info-button span, .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__info-button div { display: flex; align-items: center; justify-content: center; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__buttons { background-color: transparent; padding: 0.5rem 3.125rem 0.5rem 0.5rem; backdrop-filter: none; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__buttons .bonus-card__message { font-size: 0.625rem; line-height: 1.1; color: var(--yyy-white, #fff); font-weight: 400; margin: 0px; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__buttons--not-eligible { z-index: 1; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card .bonus-card__gradient-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: var(--yyy-cta-blue-gradient); border-radius: inherit; justify-content: center; align-items: center; z-index: -1; opacity: 0; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card .bonus-card__gradient-overlay .bonus-card__check-icon { width: 3.375rem; height: 2.3125rem; background-image: url("press-check.svg"); background-size: contain; background-repeat: no-repeat; background-position: center center; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__backdrop { background-color: transparent; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__backdrop span { padding-right: 0px; padding-left: 0px; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__sides-gradient { position: absolute; top: 2.625rem; height: 9.6875rem; width: 1.25rem; z-index: 15; }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__sides-gradient--left { left: 0px; background: linear-gradient(90deg,var(--yyy-ui-base-skeleton-color, #323746) 0%,rgba(0,212,255,0) 100%); }
.Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__sides-gradient--right { right: 0px; background: linear-gradient(90deg,rgba(0,212,255,0) 0%,var(--yyy-ui-base-skeleton-color, #323746) 100%); }
@media (min-width: 220px) and (max-width: 576px) {
  .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__sides-gradient { display: none; }
}
.Bonuses.Section.deposit-bonuses--v2 .navigation-buttons-wrapper { position: relative; display: flex; direction: ltr; gap: 0.75rem; justify-content: flex-end; align-items: center; padding: 1rem 0.5rem 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  .Bonuses.Section.deposit-bonuses--v2 .navigation-buttons-wrapper { padding: 1rem 2.5% 0px; }
}
.Bonuses.Section.deposit-bonuses--v2 .navigation-buttons-wrapper .deposit-bonuses__arrow { position: relative; transform: none; width: 2rem; height: 2rem; padding: 0.375rem; background-color: var(--yyy-white-10); border-radius: 0.25rem; box-shadow: none; display: block; }
.Bonuses.Section.deposit-bonuses--v2 .navigation-buttons-wrapper .deposit-bonuses__arrow.__hidden { opacity: 0.3; display: block; }
.Bonuses.Section.deposit-bonuses--v2 .navigation-buttons-wrapper .deposit-bonuses__arrow svg { opacity: 0.5; }
.Bonuses.Section.deposit-bonuses--v2 .navigation-buttons-wrapper .deposit-bonuses__arrow:hover svg { opacity: 1; }
html[dir="rtl"] .deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item .bonus-card__info-button { left: 0.625rem; right: auto; }
html[dir="rtl"] .deposit-bonuses--v2.Bonuses.Section.deposit-bonuses .navigation-buttons-wrapper { justify-content: flex-start; }
html[dir="rtl"] .deposit-bonuses--v2 h3.deposit-bonuses__title { text-align: right !important; margin-left: 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .deposit-bonuses--v2 h3.deposit-bonuses__title { margin-right: 1rem; }
}
.Bonuses-Carousel { display: flex; flex-direction: row; justify-content: flex-start; max-width: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; position: relative; }
.Bonuses-Carousel .DepositBonuses-Wrapper { border-radius: 8px; transition: 0.3s ease-in-out; height: 190px; position: relative; flex: 0 0 50%; max-width: 50%; box-sizing: border-box; scroll-snap-align: start; padding: 0px 0.5rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .Bonuses-Carousel .DepositBonuses-Wrapper { flex: 0 0 100%; max-width: 100%; scroll-snap-align: center; box-sizing: border-box; padding: 0px 2.5%; }
}
.Bonuses-Carousel .DepositBonuses-Item { height: 100%; width: 100%; display: flex; flex-direction: column; background-color: ; background-attachment: ; background-image: ; background-origin: ; background-clip: ; background-size: cover; background-position: center top; background-repeat: no-repeat; border-radius: var(--borderRadius); color: var(--white); overflow: hidden; position: relative; border: 0.125rem solid transparent; box-sizing: border-box; transition: opacity 0.3s, border-color 0.3s; }
.Bonuses-Carousel .DepositBonuses-Item.Selected { border-color: var(--azure); }
.Bonuses-Carousel .DepositBonuses-Item.Selected::after { position: absolute; top: -0.125rem; right: -0.0625rem; content: ""; width: 1.5rem; height: 1.5rem; background-image: url("select.svg"); }
.Bonuses-Carousel .DepositBonuses-Item-Bg { position: absolute; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: var(--black2); z-index: 0; }
.Bonuses-Carousel .DepositBonuses-Item-Bg.__withBlur { filter: blur(2px); }
.Bonuses-Carousel .DepositBonuses-Item .Info-button { background: rgba(150, 152, 161, 0.3) !important; border-radius: var(--borderRadius); box-shadow: rgba(18, 18, 18, 0.4) 0px 2px 10px; padding: 0.625rem; position: absolute; bottom: 0.625rem; right: 0.625rem; z-index: 99; }
.Bonuses-Carousel .DepositBonuses-Item .Info-button:hover { background: rgba(var(--grey9),.2); }
.Bonuses-Carousel .DepositBonuses-Item .Info-button:hover svg { opacity: 0.8; }
.Bonuses-Carousel .DepositBonuses-Item .Info-button svg { opacity: 0.5; }
.Bonuses-Carousel .DepositBonuses-Info { padding: 1.125rem 1.25rem 0px; text-align: start; z-index: 9; }
.Bonuses-Carousel .DepositBonuses-Info > span { font-size: 0.8125rem; display: inline-block; border-radius: 0.75rem; background-image: linear-gradient(252deg,var(--green2),var(--greenBlue1)); font-weight: 800; color: rgb(58, 6, 60); text-align: center; text-transform: uppercase; padding: 0.25rem 0.5rem; }
.Bonuses-Carousel .DepositBonuses-Info h3 { font-size: 1rem; font-weight: 700; margin: 0.625rem 0px 0.9375rem; max-width: 55%; color: var(--white); }
.Bonuses-Carousel .DepositBonuses-Buttons { display: flex; justify-content: space-between; align-items: center; padding: 11px 50px 11px 8px; border-radius: 0px 0px 6px 6px; box-sizing: border-box; position: absolute; bottom: 0px; left: 0px; right: 0px; }
.Bonuses-Carousel .DepositBonuses-Buttons.__NotEligible { background-color: rgba(18, 18, 18, 0.8); backdrop-filter: blur(10px); }
.Bonuses-Carousel .DepositBonuses-Buttons.__NotEligible .__NotEligible-Text { color: var(--grey9); margin: 0px; font-size: 12px; font-weight: 600; }
.Bonuses.Section { position: relative; }
.Bonuses.Section .Section-Backdrop { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; display: flex; align-items: flex-start; justify-content: flex-end; box-sizing: content-box; }
.Bonuses.Section .Section-Backdrop > * { padding-top: 0.875rem; padding-right: 0.875rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .Bonuses.Section .Section-Backdrop > * { padding-top: 1.25rem; padding-right: 1.875rem; }
}
.Bonuses.Section .DepositBonuses-Next, .Bonuses.Section .DepositBonuses-Prev { position: absolute; bottom: 50%; width: 2.25rem; height: 2.25rem; border-radius: 1.125rem; display: flex; border: medium; align-items: center; justify-content: center; backdrop-filter: blur(5px); box-shadow: rgba(18, 18, 18, 0.5) 0px 9px 20px; background: rgba(18, 18, 18, 0.5); z-index: 99; }
.Bonuses.Section .DepositBonuses-Next .wkg-icon-svg, .Bonuses.Section .DepositBonuses-Prev .wkg-icon-svg { font-size: 20px; vertical-align: top; }
.Bonuses.Section .DepositBonuses-Next div, .Bonuses.Section .DepositBonuses-Prev div { display: flex; align-items: center; justify-content: center; }
.Bonuses.Section .DepositBonuses-Next:hover, .Bonuses.Section .DepositBonuses-Prev:hover { transition-duration: 0.3s; background-color: var(--white); }
@media (min-width: 220px) and (max-width: 576px) {
  .Bonuses.Section .DepositBonuses-Next, .Bonuses.Section .DepositBonuses-Prev { display: none; }
}
.Bonuses.Section .DepositBonuses-Next.__hidden, .Bonuses.Section .DepositBonuses-Prev.__hidden { display: none; }
.Bonuses.Section .DepositBonuses-Prev { transform: translate(-50%, calc(50% + 0.875rem)); left: 0px; }
.Bonuses.Section .DepositBonuses-Next { transform: translate(50%, calc(50% + 0.875rem)); right: 0px; }
.CarouselDots { --dotColor: #62687a; display: flex; justify-content: center; align-items: center; margin-top: 0.625rem; }
.CarouselDots .CarouselDot { width: 0.625rem; height: 0.625rem; border-radius: 50%; background-color: transparent; margin: 0px 0.3125rem; cursor: pointer; border: .125rem solid var(--dotColor); }
.CarouselDots .CarouselDot.Active { background-color: var(--dotColor); }
@keyframes blink {
50% { border-color: transparent; }
}
.voucherForm { display: flex; flex-direction: column; transition: 1s ease-in-out; }
@media (min-width: 220px) and (max-width: 576px) {
  .voucherForm { padding-left: 20px; padding-right: 20px; }
}
.voucherForm .voucherCode-container { position: relative; max-width: 440px; }
@media (max-width: 576px) {
  .voucherForm .voucherCode-container { width: 100%; }
}
.voucherForm .voucherCode-container .pasteVoucherCodeButton { position: absolute; top: 9px; right: 10px; width: 38px; height: 38px; margin: 0px; padding: 6px 8px 7px; border-radius: var(--borderRadius); border: 1px solid rgba(255, 255, 255, 0.16); transition: 0.2s ease-in-out; }
@media (min-width: 1200px) {
  .voucherForm .voucherCode-container .pasteVoucherCodeButton { margin-left: 10px; }
}
@media (max-width: 576px) {
  .voucherForm .voucherCode-container .pasteVoucherCodeButton { right: 22px; width: 35px; height: 35px; }
}
@media (max-width: 320px) {
  .voucherForm .voucherCode-container .pasteVoucherCodeButton { top: 11px; right: 15px; width: 30px; height: 30px; }
}
.voucherForm .voucherCode-container .pasteVoucherCodeButton svg g { fill: rgba(255, 255, 255, 0.16); }
.voucherForm .voucherCode-container .pasteVoucherCodeButton:hover { background-color: rgba(150, 152, 161, 0.3); }
.voucherForm .voucherCode-container .pasteVoucherCodeButton:hover svg g { fill: var(--grey9); }
.voucherForm .voucherCode-container .voucherCode { display: flex; align-items: center; width: 430px; height: 56px; background: transparent; border-radius: var(--borderRadius); border: 1px solid rgba(255, 255, 255, 0.16); font-size: 18px; font-weight: 700; color: var(--white); padding: 0px 0px 0px 17px; }
@media (max-width: 576px) {
  .voucherForm .voucherCode-container .voucherCode { width: calc(100% - 20px); height: 50px; font-size: 16px; text-align: left; padding-left: 10px; }
}
@media (max-width: 220px) {
  .voucherForm .voucherCode-container .voucherCode { font-size: 16px; letter-spacing: 10px; }
}
.voucherForm .voucherCode-container .voucherCode .voucherCodeWrapper { max-width: 25px; height: 38px; color: rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.16); margin-left: 5px; }
@media (max-width: 576px) {
  .voucherForm .voucherCode-container .voucherCode .voucherCodeWrapper { max-width: 12px; }
}
@media (max-width: 320px) {
  .voucherForm .voucherCode-container .voucherCode .voucherCodeWrapper { max-width: 9px; }
}
.voucherForm .voucherCode-container .voucherCode .voucherCodeWrapper.react-codes-input__active___3q51s:not(.react-codes-input__entered___331JN) { animation: 1s infinite blink; }
.voucherForm .voucherCode-container .voucherCode .voucherCodeCell { border: medium; }
.voucherForm .voucherCode-container .voucherCode--invalid { border-color: var(--error); }
.voucherForm .voucherCode-container .voucherCode--invalid:focus { border-color: var(--error); }
.voucherForm .voucherWrongCode { font-size: 14px; font-weight: 700; color: var(--error); transition: opacity 1s ease-in-out; }
.voucherForm .voucherWrongCode--hidden { display: none; opacity: 0; }
.voucherForm .voucherWrongCode--visible { display: block; opacity: 1; margin-top: 10px; }
.OpenBucksSuccessfulModal .MuiDialog-paper { background: var(--grey4); border: 1px solid var(--brown2); border-radius: 6px; }
.OpenBucksSuccessfulModal .MuiDialog-paper .MuiDialogContent-root { max-width: 280px; padding: 33px 40px 28px; }
@media (max-width: 576px) {
  .OpenBucksSuccessfulModal .MuiDialog-paper .MuiDialogContent-root { padding-right: 20px; padding-left: 20px; }
}
.OpenBucksSuccessfulModal .MuiDialog-paper .MuiTypography-h3 { font-size: 20px; font-weight: 700; color: var(--white); text-align: center; line-height: 1.3; margin: 25px 0px 36px; }
@media (max-width: 576px) {
  .OpenBucksSuccessfulModal .MuiDialog-paper .MuiTypography-h3 { font-size: 16px; margin: 10px 0px 25px; }
}
.OpenBucksSuccessfulModal .MuiDialog-paper .MuiDialogActions-root { padding: 0px; }
.OpenBucksSuccessfulModal-Button { padding: 17px 0px; }
@media (max-width: 320px) {
  .OpenBucksSuccessfulModal-Button { padding: 10px 0px; }
}
.paymentMethodsMobileSelect { height: 64px; padding: 2px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 30px; border: solid 2px var(--goldText); }
.paymentMethodsMobileSelect input { caret-color: transparent; }
.paymentMethodsMobileSelect .paymentMethodsMobile__control, .paymentMethodsMobileSelect .paymentMethodsMobile__value-container { height: 100%; }
.paymentMethodsMobileSelect .paymentMethodsMobile__control--is-focused { border-color: transparent !important; box-shadow: none !important; }
.paymentMethodsMobileSelect .paymentMethodsMobile__indicator-separator { background-color: transparent !important; }
.paymentMethodsMobileSelect .paymentMethodsMobile__menu { background: var(--white) !important; display: block !important; }
.paymentMethodsMobileSelect .paymentMethodsMobile__option { min-height: 60px; background: transparent !important; padding: 10px 22px; }
.paymentMethodsMobileSelect .paymentMethodsMobile__option:not(:last-child) { border-bottom: 1px dashed var(--yyy-ui-light-grey); }
.paymentMethodsMobileSelect .PaymentMethods-Item__logo { max-height: 40px; }
.KycErrorModal-Container { display: flex; flex-direction: column; padding: 20px; align-items: center; }
.KycErrorModal-Container .Icon { font-size: 2.875rem; }
.KycErrorModal-Container .CloseBtn { display: flex; width: 100%; flex-direction: row; justify-content: flex-end; }
.KycErrorModal-Container .ExplanationText { max-width: 100%; color: var(--grey9); font-size: 13px; text-align: center; margin: 30px 0px; overflow-wrap: break-word; }
.KycErrorModal-Container .CompleteKYCLink { width: 100%; box-sizing: border-box; padding: 15px; text-transform: uppercase; color: var(--white); text-align: center; text-decoration: none; font-weight: 700; background: linear-gradient(247deg,var(--darkTurquoise) 5%,var(--azure) 50%); border-radius: 6px; }
.legacy-cabinet-container { padding: 30px 24px; }
@media (min-width: 220px) and (max-width: 576px) {
  .legacy-cabinet-container { padding-right: 0px; padding-left: 0px; }
}
.legacy-cabinet-container__wrapper { display: flex; justify-content: center; padding-top: var(--cabinetContainerTopSpace); flex: 1 1 0%; max-width: 1280px; margin: 0px auto; }
.legacy-cabinet-container__wrapper__side-navigation { margin-right: 50px; margin-left: 0px; flex: 0.1 1 0%; }
.legacy-cabinet-container__wrapper__side-navigation-Image-Container { display: flex; align-items: center; margin-bottom: 15px; }
.legacy-cabinet-container__wrapper__side-navigation-Image-Container .image { height: 32px; padding: 0px 8px; }
.legacy-cabinet-container__wrapper__side-navigation-Image-Container-Nickname { color: var(--goldText); font-size: 12px; white-space: nowrap; text-transform: capitalize; font-weight: 600; margin: 0px; }
.legacy-cabinet-container__wrapper__side-navigation__tabs-container { border-radius: var(--borderRadius); width: 160px; height: 40px; display: flex; align-items: center; position: relative; cursor: pointer; text-decoration: none; padding: 0px 11px; margin-bottom: 10px; }
.legacy-cabinet-container__wrapper__side-navigation__tabs-container__title { padding: 0px 14px; color: var(--grey9); font-size: 14px; font-weight: 600; }
.legacy-cabinet-container__wrapper__side-navigation__tabs-container:hover { background: rgba(var(--black3),.4); }
.legacy-cabinet-container__wrapper__side-navigation__tabs-container svg { vertical-align: middle; height: 1.4375rem; aspect-ratio: 1 / 1; }
.legacy-cabinet-container__wrapper__side-navigation__tabs-container svg g, .legacy-cabinet-container__wrapper__side-navigation__tabs-container svg path { stroke: var(--azure) !important; }
.legacy-cabinet-container__wrapper__side-navigation__tabs-container--active { background: linear-gradient(247deg,var(--darkTurquoise) 5%,var(--azure) 50%); }
.legacy-cabinet-container__wrapper__side-navigation__tabs-container--active .legacy-cabinet-container__wrapper__side-navigation__tabs-container__title { color: var(--white); }
.legacy-cabinet-container__wrapper__side-navigation__tabs-container--active svg g, .legacy-cabinet-container__wrapper__side-navigation__tabs-container--active svg path { stroke: var(--white) !important; }
.legacy-cabinet-container__wrapper__main-content { flex: 0.9 1 0%; height: 100%; }
@media (min-width: 220px) and (max-width: 576px) {
  .legacy-cabinet-container__wrapper__main-content { padding-bottom: 15px; }
}
.legacy-cabinet-container__wrapper__main-content .tab-content { flex: 1 1 0%; height: 100%; position: relative; min-height: 75vh; overflow-y: hidden; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: var(--borderRadius); border-bottom-left-radius: var(--borderRadius); }
.legacy-cabinet-container__wrapper__main-content .tab-content #PaymentIframe { position: absolute; left: 0px; width: 100%; height: 100%; z-index: 99; }
@media (min-width: 220px) and (max-width: 576px) {
  .legacy-cabinet-container__wrapper__main-content .tab-content #PaymentIframe { width: calc(100% - 30px); margin-left: 15px; }
}
.legacy-cabinet-container__wrapper__main-content .tab-content #PAYMENT_IFRAME { min-height: 100vh; overflow: hidden scroll; }
.legacy-cabinet-container__wrapper__main-content ::-webkit-scrollbar { background-color: var(--white); width: 2px; }
.legacy-cabinet-container__wrapper__main-content ::-webkit-scrollbar-track { background-color: var(--black3); }
.legacy-cabinet-container__wrapper__main-content ::-webkit-scrollbar-thumb { background-color: var(--grey9); border-radius: 16px; border-width: 0px; }
.legacy-cabinet-container__wrapper__main-content ::-webkit-scrollbar-button { display: none; }
@media (max-width: 1200px) {
  .legacy-cabinet-container__wrapper__side-navigation { display: none !important; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .legacy-cabinet-container__wrapper { flex-wrap: wrap; width: 100%; padding-top: 40px; }
  .legacy-cabinet-container__wrapper__side-navigation { max-width: 300px; flex: 1 1 auto; margin: 0px 0px 20px; display: flex; justify-content: space-between; background: var(--grey2); border-radius: var(--borderRadius); }
  .legacy-cabinet-container__wrapper__side-navigation-Image-Container { display: none; }
  .legacy-cabinet-container__wrapper__side-navigation__tabs-container { flex-direction: column; justify-content: center; align-items: center; height: 60px; width: 100px; position: relative; }
  .legacy-cabinet-container__wrapper__side-navigation__tabs-container::after { content: ""; position: absolute; top: 0px; right: 0px; height: 100%; width: 1px; background: rgba(var(--goldLight),.1); }
  .legacy-cabinet-container__wrapper__side-navigation__tabs-container:last-child::after { display: none; }
  .legacy-cabinet-container__wrapper__side-navigation__tabs-container__title { margin: 0px; padding: 5px 0px 0px; font-size: 10px; text-transform: uppercase; }
  .legacy-cabinet-container__wrapper__side-navigation__tabs-container--active { background: transparent; }
  .legacy-cabinet-container__wrapper__main-content { width: 100%; flex: 1 1 auto; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .legacy-cabinet-container__wrapper__side-navigation { margin: 0px 0px 20px; width: 100%; min-width: 100%; }
  .legacy-cabinet-container__wrapper__side-navigation__tabs-container { flex-direction: column; justify-content: center; align-items: center; height: 60px; width: 100%; position: relative; padding: 0px; }
  .legacy-cabinet-container__wrapper__side-navigation__tabs-container::after { content: ""; position: absolute; top: 0px; right: 0px; height: 100%; width: 1px; background: rgba(var(--goldLight),.1); }
  .legacy-cabinet-container__wrapper__side-navigation__tabs-container:last-child::after { display: none; }
  .legacy-cabinet-container__wrapper__side-navigation__tabs-container__title { margin: 0px; padding: 5px 0px 0px; font-size: 10px; text-transform: uppercase; }
  .legacy-cabinet-container__wrapper__side-navigation__tabs-container--active { background: transparent; }
  .legacy-cabinet-container__wrapper__main-content { width: 100%; flex: 1 1 auto; }
  .legacy-cabinet-container__wrapper__main-content .tab-content { background: transparent; }
}
.verifyIdentity-wrapper { padding-inline-end: 1rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .verifyIdentity-wrapper { width: 100%; display: flex; justify-content: center; padding-inline-end: 0px; }
}
.verifyIdentity-wrapper .verifyIdentity { cursor: pointer; }
@media (min-width: 220px) and (max-width: 576px) {
  .verifyIdentity { font-size: 12px; margin-right: 0px; margin-bottom: 10px; margin-top: 15px; }
}
.__PaymentIframeCrutch__iframe { min-height: 100dvh; }
.__PaymentIframeCrutch__iframe .paymentIframeLoader { display: flex; justify-content: center; min-height: 350px; align-items: center; height: 100%; flex: 1 1 0%; }
.BonusDetailsModal { --bonus-details-modal-background: var(--yyy-primary-blue); }
.cashier-navigation { display: none; align-items: center; justify-content: flex-start; margin-bottom: 1rem; }
.cashier-navigation__tab { color: var(--yyy-ui-dark-grey, #9698a1); display: flex; justify-content: center; align-items: center; border: .0625rem solid var(--yyy-ui-dark-grey, #9698a1); border-radius: 6.25rem; padding: 0.5rem 1rem; text-decoration: none; margin-inline-end: 0.5rem; font-weight: 600; font-size: 0.875rem; }
.cashier-navigation__tab__title { margin: 0px; line-height: 1em; margin-inline-start: 0.5rem; }
.cashier-navigation__tab:hover { color: var(--white, #fff); border-color: var(--white, #fff); }
.cashier-navigation__tab--active { color: var(--white, #fff); border-color: var(--yyy-primary-blue, #3498fd); }
.cashier-navigation__tab--active:hover { border-color: var(--yyy-primary-blue, #3498fd); }
.cashier-navigation__tab .wkg-icon { font-size: 1.25rem; }
@media (min-width: 768px) {
  .cashier-navigation { display: flex; }
}
.cashier-tabs-container { display: flex; margin-top: 0.5rem; }
.cashier-tabs-container__tab { color: var(--white, #fff); text-decoration: none; display: block; padding: 0.25rem 0px 1.0625rem; text-transform: uppercase; font-size: 0.625rem; font-weight: 700; position: relative; margin-inline-start: 1rem; }
.cashier-tabs-container__tab--active { color: var(--white, #fff); }
.cashier-tabs-container__tab--active::after { content: ""; background-color: var(--yyy-primary-blue, #3498fd); height: 2px; width: 100%; position: absolute; bottom: 0px; left: 0px; }
@media (min-width: 768px) {
  .cashier-tabs-container__tab { color: var(--yyy-ui-dark-grey, #9698a1); font-size: 0.75rem; padding: 1rem 0px 1.125rem; margin-top: 0px; margin-inline-start: 0px; }
  .cashier-tabs-container__tab:hover, .cashier-tabs-container__tab--active { color: var(--white, #fff); }
}
@media (min-width: 768px) {
  .cashier-tabs-container { gap: 1.5rem; padding: 0px 2rem; margin-top: 2rem; border-radius: 0.375rem 0.375rem 0px 0px; background: var(--yyy-dark-blue-lvl-2, #212633); }
}
.cashier-tabs-container__tab-content { border-radius: 0px 0px 0.375rem 0.375rem; }
.cashier-navigation-mobile { position: relative; height: max-content; }
.cashier-navigation-mobile__open-button { margin-inline-start: 1rem; }
.cashier-navigation-mobile__open-button .wkg-icon { vertical-align: top; font-size: 1.25rem; }
.cashier-navigation-mobile__menu { display: flex; position: absolute; left: -0.5vw; top: 50%; transform: translateY(-50%); background-color: var(--greyDark2, #323746); z-index: 5; width: 0vw; overflow-x: auto; border-radius: 1rem; height: 3.125rem; scrollbar-width: none; box-shadow: 0 .625rem 1.875rem 0 var(--bodyBgBlack, #1c1e27); opacity: 0; transition: width 0.3s ease-in-out, opacity 0.25s ease-in-out; }
.cashier-navigation-mobile__menu::-webkit-scrollbar { display: none; }
.cashier-navigation-mobile__menu__close-button { margin-inline: 1rem 1.5rem; display: flex; justify-content: center; align-items: center; color: var(--yyy-ui-dark-grey, #9698a1); }
.cashier-navigation-mobile__menu__close-button div { line-height: 0; }
.cashier-navigation-mobile__menu__tabs { display: flex; justify-content: flex-start; align-items: center; transform: translate(-70%); transition: opacity 0.3s ease-out, transform 0.4s ease-out; }
.cashier-navigation-mobile__menu__tab { color: var(--yyy-ui-dark-grey, #9698a1); font-size: 0.75rem; display: flex; justify-content: center; align-items: center; margin-inline-end: 1.5rem; text-decoration: none; opacity: 0; font-weight: 500; }
.cashier-navigation-mobile__menu__tab__title { white-space: nowrap; color: var(--white, #fff); margin: 0px; margin-inline-start: 0.5rem; }
.cashier-navigation-mobile__menu__tab--active { color: var(--white, #fff); }
.cashier-navigation-mobile__menu__tab div { line-height: 0; }
.cashier-navigation-mobile__menu__tab .wkg-icon { font-size: 20px; }
.cashier-navigation-mobile__menu--is-open { width: 101vw; opacity: 1; }
.cashier-navigation-mobile__menu--is-open .cashier-navigation-mobile__menu__tab { opacity: 1; }
.cashier-navigation-mobile__menu--is-open .cashier-navigation-mobile__menu__tabs { transform: translate(0px); }
@media (min-width: 768px) {
  .cashier-navigation-mobile { display: none; }
}
.radio-button { width: 10px; height: 10px; border-radius: 50%; border: 5px solid var(--black3); background-color: var(--black3); display: block; }
.radio-button.checked { background-image: linear-gradient(207deg,var(--darkTurquoise) 122%,var(--azure) 17%); background-color: var(--darkTurquoise); }
.wallet-field { display: flex; align-items: center; margin-bottom: 1rem; }
.wallet-field__input { margin-inline-start: 0.5rem; appearance: none; box-sizing: border-box; font-size: 0.875rem; font-weight: 700; width: 100%; border-top-width: ; border-top-style: ; border-right-width: ; border-right-style: ; border-bottom-width: ; border-bottom-style: ; border-left-width: ; border-left-style: ; border-image-outset: ; border-image-repeat: ; border-image-slice: ; border-image-source: ; border-image-width: ; border-radius: var(--borderRadius); padding: 0.875rem 0.625rem; background-color: var(--black3); color: var(--white); border-color: var(--black3); }
.wallet-field__input:focus { outline: none; }
.wallet-field__mobile { position: relative; width: 100%; max-width: 640px; }
.wallet-field__mobile__info { margin: 0.75rem 0px 0px; font-size: 0.75rem; color: var(--yyy-ui-dark-grey, #9698a1); }
.wallet-field__mobile__title { font-size: 0.625rem; font-weight: 700; color: var(--grey9, #9698a1); margin-bottom: 0.9375rem; text-transform: uppercase; }
.wallet-field__mobile input { background-color: var(--yyy-dark-blue-lvl-2, #212633); border: medium; color: var(--white, #fff); font-size: 1rem; }
.wallet-field__mobile input:autofill, .wallet-field__mobile input:autofill:focus, .wallet-field__mobile input:autofill:hover { background-color: var(--yyy-dark-blue-lvl-2, #212633); border: medium; -webkit-text-fill-color: var(--white, #ffffff); box-shadow: initial; }
.wallet-field__mobile input.Country-Code-Input { color: var(--yyy-ui-dark-grey, #9698a1); padding-left: 0.5625rem !important; padding-right: 0px; }
.wallet-field__mobile input.Country-Code-Input + .Plus { color: var(--yyy-ui-dark-grey, #9698a1); padding: 0px; left: 1.5rem; }
.wallet-field__mobile .phoneInput-Container-CountryCode { background-color: var(--black3, #212633); border-color: var(--black3, #212633); color: var(--white, #ffffff); }
.wallet-field__mobile .phoneInput-Container-CountryCode::after { content: none; }
.wallet-field__mobile .Countries-Dropdown { position: relative; padding-right: 1rem; }
.wallet-field__mobile .Countries-Dropdown::after { content: ""; height: 1.25rem; width: 0.0625rem; background-color: var(--yyy-dark-blue-lvl-1, #323746); display: block; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.wallet-field__mobile .Countries-Dropdown-Pointer { background-color: var(--black3, #212633); }
.wallet-field__mobile .Countries-Dropdown-Pointer img { margin-right: 1rem; }
.wallet-field__mobile .Country-Code { padding-left: 1.5rem; width: 2.5rem; }
.wallet-field__mobile .Countries-Dropdown-List { background-color: var(--yyy-dark-blue-lvl-2, #212633); min-width: unset; border: .0625rem solid var(--yyy-dark-blue-lvl-2, #212633); }
.wallet-field__mobile .Countries-Dropdown-List .Country-Item .Country-Code { color: var(--white, #fff); padding-left: 0.3125rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .wallet-field__mobile .Countries-Dropdown-List { min-width: 6.25rem; }
}
.card { --card-bg: var(--yyy-dark-blue-lvl-1); --card-filled-bg: var(--yyy-dark-blue-lvl-1); --card-border: var(--yyy-dark-blue-lvl-1); --card-border-hover: var(--yyy-dark-blue-lvl-2); --card-text: var(--yyy-white); }
html:is([data-theme="ywin"], [data-theme="arabic"]) { --popover-bg: var(--yyy-white); --popover-header-color: var(--yyy-black); --popover-link-color: var(--yyy-primary-blue, #3498fd); --popover-focus-ring-color: var(--yyy-primary-yellow); }
.currency { display: inline-flex; align-items: flex-end; color: var(--yyy-primary-yellow); font-weight: 800; line-height: 0.8; }
.currency__symbol, .currency__decimal { font-size: 0.75rem; line-height: 1; }
.currency__amount { font-size: 1.5rem; }
html[dir="rtl"] .currency { line-height: 1; }
html[dir="rtl"] .currency__symbol, html[dir="rtl"] .currency__decimal { line-height: 1.7; }
.cabinet-container { padding: 0px 1rem; display: flex; flex: 0.8 1 0%; flex-direction: column; justify-content: center; margin: 0px auto; max-width: 1280px; }
.cabinet-container__header { padding-top: var(--cabinetContainerTopSpace); }
.cabinet-container__header .cashier-navigation { margin-bottom: 0px; }
.cabinet-container__content .cabinet-col-layout { display: flex; flex-direction: column; height: 100%; }
.cabinet-container__content .cabinet-col-layout__tabs { display: flex; min-width: 100%; }
.cabinet-container__content .cabinet-col-layout__tabs__navigation { flex: 1 1 0%; min-width: 556px; }
@media (min-width: 220px) and (max-width: 576px) {
  .cabinet-container__content .cabinet-col-layout__tabs__navigation { min-width: unset; max-width: 100%; overflow: hidden; }
}
.cabinet-container__content .cabinet-col-layout:has(.cabinet-col_layout__body--with-side) .cabinet-col-layout__tabs__navigation { flex: 0.7 1 0%; }
@media (min-width: 220px) and (max-width: 576px) {
  .cabinet-container__content .cabinet-col-layout:has(.cabinet-col_layout__body--with-side) .cabinet-col-layout__tabs__navigation { flex: 1 1 0%; }
}
.cabinet-container__content .cabinet-col-layout:not(:has(.cabinet-col_layout__body--with-side)) .cabinet-col-layout__tabs__navigation { flex: 1 1 0%; }
.cabinet-container__content .cabinet-col-layout .cabinet-col_layout__body { display: flex; flex-direction: row; width: 100%; }
.cabinet-container__content .cabinet-col-layout .cabinet-col_layout__body__side { display: flex; flex-direction: column; order: 2; flex: 0.3 1 0%; }
@media (min-width: 220px) and (max-width: 576px) {
  .cabinet-container__content .cabinet-col-layout .cabinet-col_layout__body__side { padding: 0px 1rem; }
}
@media (min-width: 768px) {
  .cabinet-container__content .cabinet-col-layout .cabinet-col_layout__body__side > div { padding-left: 2.5rem; }
  [dir="rtl"] .cabinet-container__content .cabinet-col-layout .cabinet-col_layout__body__side > div { padding-left: unset; padding-right: 2.5rem; }
}
.cabinet-container__content .cabinet-col-layout .cabinet-col_layout__body--with-side .cabinet-col_layout__body__main { order: 1; flex: 0.7 1 0%; min-width: 556px; }
.cabinet-container__content .cabinet-col-layout .cabinet-col_layout__body:not(.cabinet-container__content .cabinet-col-layout .cabinet-col_layout__body--with-side) .cabinet-col_layout__body__main { order: 1; flex: 1 1 0%; min-width: 0px; }
@media (max-width: 768px) {
  .cabinet-container__content .cabinet-col-layout .cabinet-col_layout__body { flex-direction: column; }
  .cabinet-container__content .cabinet-col-layout .cabinet-col_layout__body__side { order: 1; flex: 0 0 auto; }
  .cabinet-container__content .cabinet-col-layout .cabinet-col_layout__body .cabinet-col_layout__body__main { order: 2; flex: 0 0 auto; width: 100%; min-width: auto; }
  .cabinet-container__content .cabinet-col-layout .cabinet-col_layout__body--with-side .cabinet-col_layout__body__main { order: 2; flex: 0 0 auto; width: 100%; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .cabinet-container { padding: 0px; width: 100vw; overflow-x: hidden; }
}
.btn--outline::before { position: absolute; content: ""; inset: 0px; z-index: -1; padding: 0.0625rem; border-radius: inherit; background: var(--yyy-primary-gradient-blue); mask-mode: match-source, match-source; mask-repeat: repeat, repeat; mask-clip: content-box, border-box; mask-origin: content-box, border-box; mask-position: 0% 0%, 0% 0%; mask-size: auto, auto; mask-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px), linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); mask-composite: exclude; }
.overview-container { display: flex; flex-direction: column; gap: 1rem; width: 100%; height: 100%; }
.overview-container__actions { display: flex; flex-direction: column; width: 100%; color: var(--yyy-ui-dark-grey); border-radius: 0px 0px 0.5rem 0.5rem; padding-bottom: 1.5rem; background-color: var(--yyy-dark-blue-lvl-1); }
.overview-container__actions > :last-child { border-right: medium !important; border-bottom: medium !important; border-left: medium !important; border-image: none !important; border-top: .0625rem solid var(--yyy-dark-grey) !important; }
.overview-container__actions > :not(:last-child) .overview-item__value { background-image: linear-gradient(255deg,var(--green2) 81%,var(--greenBlue1)); background-clip: text; -webkit-text-fill-color: transparent; font-size: 18px; font-weight: 700; white-space: nowrap; color: var(--white); }
.overview-container .overviewBlock { padding: 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  .overview-container { padding: 0px 1rem; box-sizing: border-box; }
}
.overview-item { padding: 1.5rem 2rem; border: .0625rem solid var(--yyy-dark-grey); display: grid; grid-template-columns: minmax(120px, 1fr) auto; align-items: center; }
.overview-item__content { display: grid; grid-template-rows: repeat(3, auto); gap: 0.25rem; }
.overview-item__title, .overview-item__description { font-size: 0.625rem; font-weight: 700; }
.overview-item__description { display: none; font-weight: 400; }
.overview-item__value { font-size: 0.75rem; font-weight: 800; justify-self: start; direction: ltr; unicode-bidi: isolate-override; }
.overview-item__button { align-self: end; width: 9.0625rem; }
@media (min-width: 576px) {
  .overview-item__description { display: block; }
  .overview-item__value { margin-top: 1rem; }
  .overview-item__button { width: unset; }
}
.btn { font-size: 0.875rem; font-weight: 800; border-radius: 3.75rem; padding: 0.75rem 1.5rem; position: relative; background-color: transparent; color: rgb(255, 255, 255); z-index: 1; border: medium; white-space: nowrap; }
.btn--outline { border-radius: 3.75rem; position: relative; overflow: hidden; }
.transaction-table { --tt-filter-gap: .5rem; --tt-filter-padding-y: 1rem; --tt-filter-button-padding-y: .5rem; --tt-filter-button-padding-x: 1rem; --tt-filter-button-border-radius: 6.25rem; --tt-filter-button-border-color: var(--yyy-ui-medium-grey); --tt-filter-button-text-size: .875rem; --tt-filter-button-text-weight: 600; --tt-filter-button-text-color: var(--yyy-white); --tt-filter-button-active-border-color: var(--yyy-primary-blue); --tt-row-card-radius: .5rem; --tt-row-card-bg: var(--yyy-white-10); --tt-row-hover-bg: var(--yyy-white-10); --tt-icon-text-color: var(--yyy-white); --tt-row-icon-size: 1.125rem; --tt-row-icon-stroke-color: var(--yyy-white); --tt-left-cell-gap: .3125rem; --tt-left-cell-text-color: var(--yyy-ui-medium-grey); --tt-method-name-font-size: .875rem; --tt-method-ts-font-size: .625rem; --tt-right-cell-text-color: var(--yyy-ui-medium-grey); --tt-amount-font-weight: 500; --tt-amount-font-size: 1.125rem; --tt-amount-text-color: var(--yyy-white); --tt-status-gap: .5rem; --tt-status-font-size: .625rem; --tt-status-message-text-color: var(--yyy-ui-medium-grey); --tt-status-pending-color: var(--yyy-primary-yellow); --tt-status-completed-color: var(--yyy-green); --tt-status-error-color: var(--yyy-red); --tt-detail-icon-padding: .09375rem; --tt-detail-icon-size: .9375rem; --tt-section-title-size: .875rem; --tt-section-title-weight: 500; --tt-section-title-color: var(--yyy-ui-medium-grey); --tt-section-gap: 1.5rem; --tt-filter-fade-width: 1.5rem; }
.vip-diamond .transaction-table, .vip-vvip .transaction-table { --tt-filter-button-active-border-color: var(--yyy-vip-light-gold); }
.transaction-table__filters .tabbed-buttons > .tabbed-buttons__button, .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button, .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button { transition: 0.2s ease-out; }
.transaction-table__filters .tabbed-buttons > .tabbed-buttons__button:hover:not(.transaction-table__filters .tabbed-buttons > .tabbed-buttons__button--active, .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button--active, .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button--active), .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button:hover:not(.transaction-table__filters .tabbed-buttons > .tabbed-buttons__button--active, .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button--active, .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button--active), .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button:hover:not(.transaction-table__filters .tabbed-buttons > .tabbed-buttons__button--active, .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button--active, .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button--active) { background-color: var(--yyy-white); border-color: transparent; }
.transaction-table__filters .tabbed-buttons > .tabbed-buttons__button:hover:not(.transaction-table__filters .tabbed-buttons > .tabbed-buttons__button--active, .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button--active, .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button--active) > span, .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button:hover:not(.transaction-table__filters .tabbed-buttons > .tabbed-buttons__button--active, .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button--active, .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button--active) > span, .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button:hover:not(.transaction-table__filters .tabbed-buttons > .tabbed-buttons__button--active, .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button--active, .scroll-gradient-container .tabbed-buttons > .tabbed-buttons__button--active) > span { color: var(--yyy-dark-blue-lvl-1); }
.transaction-history { --tt-progress-card-primary-color: var(--yyy-primary-yellow); display: flex; flex-direction: column; margin-top: 2.5rem; gap: 1rem; color: var(--yyy-white); }
.transaction-history__header { display: flex; flex-direction: column; align-items: flex-start; gap: 0.1875rem; }
.transaction-history__header .transaction-history__title, .transaction-history__header .transaction-history__description { margin: 0px; padding: 0px; }
.transaction-history__header .transaction-history__title { font-size: 1.375rem; font-weight: 700; }
.transaction-history__header .transaction-history__description { color: var(--yyy-ui-medium-grey); font-size: 0.875rem; font-weight: 500; }
.transaction-history__content { display: flex; flex-direction: column; }
.transaction-history__content-cards { display: flex; flex-direction: row; gap: 0.75rem; overflow-x: auto; }
.transaction-history__content-cards .recent-withdrawal-card { cursor: pointer; padding: 1rem; gap: 0.5rem; width: 100%; }
.transaction-history__content-cards .recent-withdrawal-card__header { justify-content: space-between; align-items: flex-end !important; }
.transaction-history__content-cards .recent-withdrawal-card__header-counter { color: var(--tt-progress-card-primary-color); font-size: 1rem; }
.transaction-history__content-cards .recent-withdrawal-card__header-amount { font-size: 1.5rem; font-weight: 700; }
.transaction-history__content-cards .recent-withdrawal-card__content-info { font-size: 0.75rem; color: var(--yyy-ui-medium-grey); font-weight: 500; }
.transaction-history__content-cards .recent-withdrawal-card__content .linear-progress-bar { margin-bottom: 0.5rem; }
.transaction-history__content-cards .recent-withdrawal-card__content .linear-progress-bar__track { background-color: var(--yyy-ui-light-grey); overflow: visible !important; }
.transaction-history__content-cards .recent-withdrawal-card__content .linear-progress-bar__fill { border-radius: 24px; background: var(--tt-progress-card-primary-color); box-shadow: 0 0 4px 1px var(--tt-progress-card-primary-color),0 0 2px .5px var(--tt-progress-card-primary-color); }
.transaction-history__content-cards .recent-withdrawal-card__content .linear-progress-bar--animated .linear-progress-bar__fill { animation: 2s ease-in-out infinite progress-glow; }
.transaction-history__content-table .transaction-history__load-more { display: flex; justify-content: center; margin-top: 1rem; }
.transaction-history__content-table .transaction-history__load-more span { text-transform: capitalize; }
.transaction-history__error { display: flex; flex-direction: column; align-items: center; gap: 1rem; padding: 2rem; text-align: center; color: var(--yyy-ui-medium-grey); }
.transaction-history__error-title { font-size: 1.125rem; font-weight: 600; margin: 0px; }
.transaction-history__error-message { color: var(--yyy-ui-medium-grey); font-size: 0.875rem; margin: 0px; }
.transaction-history__empty { display: flex; flex-direction: column; align-items: center; padding: 1rem 0px; text-align: center; }
.transaction-history__empty-title { font-size: 1.125rem; font-weight: 600; margin: 0px; }
.transaction-history__empty-description { color: var(--yyy-ui-medium-grey); font-size: 0.875rem; margin: 0px; }
@keyframes progress-glow {
0%, 100% { box-shadow: 0 0 4px 1px rgb(from var(--tt-progress-card-primary-color) r g b/.2),0 0 2px .5px rgb(from var(--tt-progress-card-primary-color) r g b/.15); }
50% { box-shadow: 0 0 6px 2px rgb(from var(--tt-progress-card-primary-color) r g b/.35),0 0 3px 1px rgb(from var(--tt-progress-card-primary-color) r g b/.25); }
}
@keyframes swing {
0% { transform: translate(-50%, -50%) rotate(0deg); }
10% { transform: translate(-50%, -50%) rotate(10deg); }
30% { transform: translate(-50%, -50%) rotate(-10deg); }
50% { transform: translate(-50%, -50%) rotate(6deg); }
70% { transform: translate(-50%, -50%) rotate(-6deg); }
90% { transform: translate(-50%, -50%) rotate(3deg); }
100% { transform: translate(-50%, -50%) rotate(0deg); }
}
.loyalty-points { position: relative; display: flex; flex-direction: column; gap: 1rem; max-width: 14rem; width: auto; }
@media (max-width: 768px) {
  .loyalty-points { max-width: unset; width: 100%; }
}
.loyalty-points__cup { display: flex; align-items: center; flex-direction: column; background-size: cover; background-position: center center; justify-content: flex-end; position: relative; animation: 0.5s fadeInUp; }
.loyalty-points__cup-background { background-image: url("bg_web.png"); width: 12.5rem; height: 11.25rem; background-size: contain; background-position: -5px 20px; position: relative; background-repeat: no-repeat; }
.loyalty-points__cup-image { height: 9.25rem; aspect-ratio: 1 / 1; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); }
.loyalty-points__cup-image > img { width: 100%; height: 100%; }
.loyalty-points__cup-image--animate { animation-name: swing; transform-origin: center center 0px; animation-duration: 2.5s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: 1; }
.loyalty-points__progress { width: 65%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.loyalty-points__status { display: flex; margin: 0px auto; align-items: start; justify-content: space-between; width: 100%; }
@media (max-width: 768px) {
  .loyalty-points__status { justify-content: unset; }
}
.loyalty-points__user-status, .loyalty-points__user-points { display: flex; flex-direction: column; justify-content: start; align-items: start; }
@media (max-width: 768px) {
  .loyalty-points__user-status, .loyalty-points__user-points { flex: 0.5 1 0%; }
}
.loyalty-points__user-status-title { font-size: 0.875rem; font-weight: 700; color: var(--yyy-ui-medium-grey); }
.loyalty-points__user-status-level { font-size: 0.875rem; font-weight: 800; color: var(--yyy-primary-yellow); }
.loyalty-points__user-status-level--last-level { color: var(--yyy-vip-light-gold); }
.loyalty-points__user-status-points { font-size: 0.75rem; font-weight: 400; color: var(--yyy-white); }
.loyalty-points__convert { display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem; width: 100%; height: 100%; color: var(--yyy-ui-medium-grey); }
.loyalty-points__convert-actions { display: flex; }
.loyalty-points__convert-button { box-shadow: rgba(255, 217, 16, 0.3) 0px 0px 15px, rgb(255, 217, 16) 0px 0px 5px inset; background-color: rgba(0, 0, 0, 0); background-position: 0% 0%, 0% 0%; background-attachment: scroll, scroll; background-image: url("star.png"), linear-gradient(181.16deg, rgb(255, 217, 16) -56.02%, rgb(255, 165, 18) 99.01%); background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-repeat: repeat-x; background-size: contain; text-shadow: rgb(255, 217, 101) 0px 1px 2px; border: medium; color: rgb(104, 68, 0); font-size: 0.75rem; font-weight: 800; border-radius: 100px; padding: 0.625rem 1.25rem; }
.loyalty-points__convert-button:hover { box-shadow: rgba(255, 165, 18, 0.4) 0px 0px 20px, rgb(255, 228, 125) 0px 0px 5px inset; background: linear-gradient(181.16deg,var(--yyy-primary-yellow) -56.02%,var(--yyy-primary-yellow) 99.01%); }
.loyalty-points__receive { display: flex; flex-direction: column; flex-grow: 1; }
.loyalty-points__receive-label { font-size: 0.75rem; font-weight: 700; }
.loyalty-points__receive-amount { font-size: 1.125rem; font-weight: 800; color: var(--yyy-white); }
.loyalty-points__no-points { display: flex; flex-direction: column; border-radius: 1rem; padding: 1rem; background-color: var(--yyy-dark-blue-lvl-1); }
@media (min-width: 768px) and (max-width: 992px) {
  .loyalty-points__no-points { gap: 0.625rem; }
}
.loyalty-points__no-points-text { font-size: 0.75rem; font-weight: 400; }
.loyalty-points__no-points-text--bold { font-weight: 600; }
.loyalty-points__info { display: flex; flex-direction: column; font-size: 0.75rem; padding: 1rem 0px; justify-content: space-between; }
@media (max-width: 768px) {
  .loyalty-points__info { flex-direction: row; width: 100%; }
}
.loyalty-points__info-wrapper { display: flex; flex-direction: column; justify-content: center; flex: 0.8 1 0%; }
.loyalty-points__message-title { font-size: 0.875rem; font-weight: 600; }
.loyalty-points__message-body { font-size: 0.75rem; font-weight: 400; }
.loyalty-points__loyalty-button { margin-top: 1rem; width: max-content; }
@media (max-width: 768px) {
  .loyalty-points__loyalty-button { margin-top: unset; height: 2.25rem; align-self: center; }
}
.range-slider__input::-webkit-slider-thumb, .range-slider__points__point-knob { position: relative; z-index: 3; top: 1px; background-color: var(--yyy-dark-blue-lvl-1); border-radius: 100%; width: 1.125rem; aspect-ratio: 1 / 1; }
.range-slider__points__point-knob::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0.625rem; height: 0.625rem; border: .1875rem solid var(--yyy-ui-medium-grey); background-color: var(--yyy-dark-black); border-radius: inherit; }
.range-slider__input::-webkit-slider-runnable-track { height: 0.5rem; background: var(--yyy-dark-blue-lvl-2); border-radius: 0.75rem; }
.range-slider { width: 100%; height: 1.5rem; position: relative; color: var(--yyy-ui-medium-grey); }
.range-slider__points { position: absolute; pointer-events: none; }
.range-slider__points--min { left: 0px; }
.range-slider__points--max { right: -4px; }
.range-slider__points__point-knob--active::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0.625rem; height: 0.625rem; background: var(--yyy-gradient-yellow); border: .125rem solid var(--yyy-dark-black); border-radius: inherit; }
.range-slider__pointer { top: -1.4375rem; position: absolute; font-size: 0.875rem; font-weight: 700; color: var(--yyy-white); background-color: var(--yyy-dark-black); padding: 0px 0.5rem; transition: transform 0.2s ease-out; }
.range-slider__point-label--min, .range-slider__point-label--max { top: -1.25rem; position: absolute; font-size: 0.75rem; font-weight: 400; }
.range-slider__point-label--max { right: 0px; }
.range-slider__value { position: absolute; width: 100%; height: 0.5rem; background: var(--yyy-gradient-yellow); top: 0.375rem; border-radius: 0.3125rem; z-index: 1; pointer-events: none; }
.range-slider__input { position: absolute; width: 100%; appearance: none; top: 0.1875rem; left: 0px; z-index: 0; height: 0.5rem; cursor: pointer; border-radius: 0.3125rem; border: .0625rem solid var(--yyy-dark-blue-lvl-2); }
.range-slider__input::-webkit-slider-thumb { top: -0.3125rem; width: 1.125rem; appearance: none; background: var(--yyy-gradient-yellow); border: .1875rem solid var(--yyy-dark-blue-lvl-2); }
[dir="rtl"] .range-slider, [dir="rtl"] .range-slider__input { direction: rtl; }
[dir="rtl"] .range-slider__input::-webkit-slider-runnable-track { transform: scaleX(-1); }
[dir="rtl"] .range-slider__value { direction: ltr; left: 0px; right: auto; }
.bonuses .bonuses__header { display: flex; justify-content: space-between; align-items: flex-start; padding: 20px 40px; }
@media (min-width: 576px) and (max-width: 992px) {
  .bonuses .bonuses__header { display: flex; justify-content: space-between; align-items: center; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .bonuses .bonuses__header { flex-wrap: wrap; padding: 20px 20px 0px; }
  .bonuses .bonuses__header .cabinet-tab-header { padding-bottom: 10px; margin: auto; text-align: center; width: 100%; }
  .bonuses .bonuses__header .headerImg { margin: auto; }
  .bonuses .bonuses__header .headerImg .balanceBlockContainer { padding: 18px 27px; }
  .bonuses .bonuses__header .headerImg .balanceBlockContainer .cabinet-tab-header__subtitle { width: 200px; }
  .bonuses .bonuses__header .balanceBlockContainer { margin: auto; padding: 18px 27px; }
}
.bonuses__content { padding: 10px 40px 50px; }
@media (min-width: 220px) and (max-width: 576px) {
  .bonuses__content { padding-right: 20px; padding-left: 20px; }
}
.bonuses__empty-wrapper { width: 100%; min-height: 370px; display: flex; justify-content: center; align-items: center; }
.bonuses__empty-wrapper .bonuses__empty { width: calc(100% - 80px); }
@media (min-width: 220px) and (max-width: 576px) {
  .bonuses__empty-wrapper .bonuses__empty { width: 100%; }
}
.bonuses__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
@media (min-width: 220px) and (max-width: 576px) {
  .bonuses__list { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 576px) and (max-width: 992px) {
  .bonuses__list { grid-template-columns: repeat(2, 1fr); }
}
.bonuses .freeBonusesUsagesContainer { display: flex; justify-content: space-between; flex-wrap: wrap; }
.bonuses .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer { display: flex; padding: 15px; border: 1px solid var(--grey); box-sizing: border-box; border-radius: 4px; width: 48%; margin-bottom: 16px; justify-content: space-between; align-items: center; height: 112px; }
.bonuses .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer img { width: 64px; height: 64px; }
.bonuses .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer .freeBonusesTitle { width: 290px; }
.bonuses .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer .freeBonusesTitle .bonusesTitle { font-size: 18px; color: var(--white); margin: 0px 10px; }
.bonuses .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer .bonusChart { position: relative; }
.bonuses .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer .percentageValue { font-size: 12px; font-weight: 700; color: var(--white); text-align: center; line-height: 85px; position: absolute; top: 0px; left: 50%; transform: translate(-50%); }
.bonuses .freeBonusesUsagesContainer .moreBonusesPlaceholder { display: flex; padding: 15px; border: 1px solid var(--grey2); box-sizing: border-box; border-radius: 4px; width: 48%; margin-bottom: 16px; justify-content: center; align-items: center; height: 112px; opacity: 0.5; }
.bonuses .freeBonusesUsagesContainer .moreBonusesPlaceholder img { width: 64px; height: 64px; }
.bonuses .freeBonusesUsagesContainer .moreBonusesPlaceholder .bonusesLeftTitle { color: var(--white); }
@media (min-width: 576px) and (max-width: 992px) {
  .bonuses .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer, .bonuses .freeBonusesUsagesContainer .moreBonusesPlaceholder { width: 100%; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .bonuses .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer { width: 100%; height: auto; padding: 10px; }
  .bonuses .freeBonusesUsagesContainer .freeBonusesUsagesInnerContainer img { display: none; }
  .bonuses .freeBonusesUsagesContainer .moreBonusesPlaceholder { width: 100%; }
}
.bonuses__table { padding: 15px 40px; }
.bonuses__table .DataTable { overflow: hidden; }
.bonuses__table .DataTable .DataTable-Rows-Item .Data-Cell { word-break: break-word; }
.bonuses__table .cKNJLz { background-color: transparent !important; }
.bonuses__table .rdt_Pagination button { border-radius: var(--borderRadius) !important; }
@media (min-width: 220px) and (max-width: 576px) {
  .bonuses__table { padding: 20px; }
}
.bonuses__loader { display: flex; justify-content: center; align-items: center; }
.bonuses .triggerData { padding: 0px 5px; }
.bonus-card-item { border-radius: var(--borderRadius); position: relative; min-height: 160px; background-image: linear-gradient(to bottom,#3d4357 -100%,#4a505e),linear-gradient(to bottom,var(--yyy-dark-blue-lvl-1),var(--yyy-dark-blue-lvl-1)); }
.bonus-card-item__container { border-radius: inherit; }
.bonus-card-item__container--active { box-shadow: rgba(16, 17, 25, 0.4) 0px 10px 20px; border-style: solid; border-width: 1px; border-image-source: linear-gradient(238deg,var(--yyy-green) 83%,#27b2e7); border-image-slice: 0; background-image: linear-gradient(49deg,#3d4357 34%,#4fe09a 357%),linear-gradient(to bottom,var(--yyy-dark-blue-lvl-1),var(--yyy-dark-blue-lvl-1)),linear-gradient(238deg,var(--yyy-green) 83%,#27b2e7); background-origin: border-box; background-clip: content-box, content-box, border-box; }
.bonus-card-item__container--active .bonus-card-item__label { background-image: linear-gradient(252deg,var(--yyy-green),var(--yyy-primary-blue)); padding: 3px 6px; }
.bonus-card-item__label { border-top-left-radius: 0px; border-top-right-radius: var(--borderRadius); border-bottom-right-radius: 0px; border-bottom-left-radius: var(--borderRadius); position: absolute; top: -1px; right: 0px; display: inline-flex; align-items: center; background-color: rgba(150, 152, 161, 0.4); font-size: 10px; font-weight: 700; color: var(--yyy-dark-blue-lvl-1); text-align: center; text-transform: uppercase; padding: 4px 20px 3px; }
.bonus-card-item__label svg { width: 12px; height: 12px; margin-right: 5px; }
.bonus-card-item__info { display: flex; justify-content: space-between; border-bottom: 1px solid var(--yyy-ui-base-skeleton-color); padding: 20px 20px 15px; }
.bonus-card-item__info .bonus-card-item__amount { display: flex; flex-direction: column; align-items: center; }
.bonus-card-item__info .bonus-card-item__amount svg { font-size: 1.875rem; margin-bottom: 3px; }
.bonus-card-item__info .bonus-card-item__amount-title { font-size: 10px; font-weight: 700; color: var(--yyy-ui-medium-grey); text-transform: uppercase; margin: 0px; }
.bonus-card-item__info .bonus-card-item__amount span { background-image: linear-gradient(255deg,var(--green2) 81%,var(--greenBlue1)); background-clip: text; -webkit-text-fill-color: transparent; font-size: 18px; font-weight: 700; white-space: nowrap; color: var(--white); }
.bonus-card-item__info .bonus-card-item__main { display: flex; flex-direction: column; justify-content: space-between; }
.bonus-card-item__info .bonus-card-item__main-title { font-size: 16px; font-weight: 700; color: rgb(255, 255, 255); line-height: 1.13; margin-top: 10px; opacity: 0.9; overflow-wrap: anywhere; }
.bonus-card-item__info .bonus-card-item__main-expiry { font-size: 10px; font-weight: 700; color: var(--yyy-ui-medium-grey); opacity: 0.7; }
.bonus-card-item__wager { padding: 20px 20px 15px; display: flex; justify-content: space-between; align-items: center; }
.bonus-card-item__wager-bar { flex-grow: 1; }
.bonus-card-item__wager-bar .bonus-card-item__progress--empty { background: var(--yyy-dark-blue-lvl-1); }
.bonus-card-item__wager-values { display: flex; justify-content: space-between; }
.bonus-card-item__wager-values .bonus-card-item__wager-wagered, .bonus-card-item__wager-values .bonus-card-item__wager-requirement { font-size: 10px; font-weight: 700; color: var(--yyy-ui-medium-grey); }
.bonus-card-item__footer { display: flex; justify-content: flex-start; padding: 0px 1.25rem 1rem; }
.bonus-card-item .bonus-card-item__cancel-button { min-width: 0px; padding: 0px; background: transparent; border: medium; font-size: 0.75rem; color: var(--wkg-color-text-primary); cursor: pointer; }
.bonus-card-item .bonus-card-item__cancel-button .button__content { color: var(--wkg-color-text-primary); font-weight: 400; text-decoration: none; }
.bonus-card-item .bonus-card-item__cancel-button:hover { opacity: 0.8; }
html[dir="rtl"] .bonus-card-item__label svg { margin-right: 0px; margin-left: 5px; }
html[dir="rtl"] .bonus-card-item__info { margin-top: 10px; }
html[dir="rtl"] .bonus-card-item__info .bonus-card-item__main { padding-right: 10px; }
html[dir="rtl"] .bonus-card-item__wager-bar { margin-right: 0px; }
html[dir="rtl"] .VerifyIdentity-NeedKyc { margin-left: 0px; margin-right: 10px; }
html[dir="rtl"] .DepositBonuses-Wrapper { margin-right: 0px; margin-left: 10px; position: relative; }
.claim-bonus-modal .claim-bonus-modal__dialog-content { padding: 0px !important; min-width: 100%; width: 100%; background: var(--yyy-white); }
.claim-bonus-modal .claim-bonus-modal__title { position: relative; display: flex; align-items: center; padding: 1rem 0.625rem; background: var(--yyy-white); color: var(--yyy-dark-black); text-transform: uppercase; justify-content: space-between; }
.claim-bonus-modal .claim-bonus-modal__title .claim-bonus-modal__close-btn { position: absolute; top: 1rem; right: 1.25rem; padding: 0px !important; font-size: 1.25rem; }
.claim-bonus-modal .claim-bonus-modal__title .claim-bonus-modal__close-btn:hover { background: transparent; }
.claim-bonus-modal .claim-bonus-modal__title .claim-bonus-modal__close-btn .MuiIconButton-label { background-color: transparent !important; }
.claim-bonus-modal .claim-bonus-modal__title .claim-bonus-modal__close-btn .MuiIconButton-label svg { fill: var(--yyy-ui-dark-grey); border: medium; }
.claim-bonus-modal .MuiDialog-paper { border-radius: 0.75rem; }
.claim-bonus-modal .MuiDialog-paperWidthSm { max-width: 23.4375rem; }
.claim-bonus-modal .claim-bonus-modal__content { display: block; margin-bottom: 1.25rem; padding: 0px 1.25rem; }
.claim-bonus-modal .claim-bonus-modal__content .claim-bonus-modal__subtitle { font-size: 1.375rem; font-weight: 700; color: var(--yyy-dark-black); text-align: center; }
.claim-bonus-modal .claim-bonus-modal__content .claim-bonus-modal__desc { font-size: 0.875rem; font-weight: 500; color: var(--yyy-ui-dark-grey); text-align: center; margin-top: 0.9375rem; margin-bottom: 1.75rem; }
.claim-bonus-modal .claim-bonus-modal__content .claim-bonus-modal__input-container { position: relative; display: flex; justify-content: center; }
.claim-bonus-modal .claim-bonus-modal__content .claim-bonus-modal__input-container .claim-bonus-modal__input { background: transparent; border: 1px solid var(--inputGreyBorder); border-radius: var(--borderRadius); text-align: center; height: 2.75rem; width: 95%; color: var(--yyy-dark-black); font-size: 1.375rem; font-weight: 700; line-height: 1.36; letter-spacing: 1.25rem; outline: none; box-sizing: border-box; }
.claim-bonus-modal .claim-bonus-modal__content .claim-bonus-modal__input-container .claim-bonus-modal__input[value=""] { font-size: 0.875rem; }
.claim-bonus-modal .claim-bonus-modal__content .claim-bonus-modal__input-container .claim-bonus-modal__input::placeholder { font-size: 0.875rem; font-weight: 500; color: var(--yyy-ui-dark-grey); line-height: 2.14; letter-spacing: normal; }
.claim-bonus-modal .claim-bonus-modal__content .claim-bonus-modal__input-container .claim-bonus-modal__check-icon { position: absolute; right: 1.5rem; top: 1.125rem; }
.claim-bonus-modal .claim-bonus-modal__actions { display: flex; justify-content: center; padding: 0px 1.25rem 1.25rem; }
.claim-bonus-modal .claim-bonus-modal__actions .claim-bonus-modal__submit-btn { width: 95%; min-height: 3rem; }
.claim-bonus-modal .claim-bonus-modal__actions .claim-bonus-modal__submit-btn .Mui-disabled { opacity: 0.5; }
.claim-bonus-modal .claim-bonus-modal__actions .claim-bonus-modal__submit-text { text-transform: uppercase; font-weight: 700; }
@media (min-width: 220px) and (max-width: 576px) {
  .claim-bonus-modal .MuiDialog-paper { overflow: hidden; min-width: 18.75rem; }
  .claim-bonus-modal .claim-bonus-modal__title { padding: 1rem 0.625rem; }
  .claim-bonus-modal .claim-bonus-modal__title img { margin-right: 0.5rem; }
  .claim-bonus-modal .claim-bonus-modal__content { padding: 1.25rem 0px; width: 90%; margin: auto; }
  .claim-bonus-modal .claim-bonus-modal__content .claim-bonus-modal__input-container .claim-bonus-modal__input { width: 90%; font-size: 1.125rem; }
  .claim-bonus-modal .claim-bonus-modal__content .claim-bonus-modal__input-container .claim-bonus-modal__input::placeholder { letter-spacing: 0px; font-size: 0.75rem; }
  .claim-bonus-modal .claim-bonus-modal__content .claim-bonus-modal__input-container .claim-bonus-modal__check-icon { right: 0.8125rem; top: 1.125rem; }
  .claim-bonus-modal .claim-bonus-modal__content .claim-bonus-modal__subtitle { font-size: 1.25rem; line-height: 140%; font-weight: 700; }
  .claim-bonus-modal .claim-bonus-modal__content .claim-bonus-modal__desc { font-size: 0.8125rem; line-height: 160%; letter-spacing: 0.025rem; margin-top: 1rem; margin-bottom: 1.5rem; padding: 0px 0.625rem; }
}
.QuickSignUp { min-height: auto !important; }
.QuickSignUp .signUpContainerCol._text .titleBlock { margin: 0px 0px 2px; font-size: 26px; font-weight: 600; color: var(--white); padding-bottom: 20px; }
.QuickSignUp .signUpContainerCol._text .subTitleBlock { margin: 0px; line-height: 20px; font-size: 16px; font-weight: 500; color: var(--greyText7); }
.QuickSignUp .signUpContainerCol._text .bonusBlock { width: 100px; height: 23px; display: flex; align-items: center; justify-content: center; border-radius: 4px; background-color: var(--greenBg); font-size: 12px; font-weight: 600; color: var(--white); text-transform: uppercase; margin-bottom: 20px; }
.QuickSignUp .signUpContainerCol-title { border-radius: 10px; }
.QuickSignUp .signUpContainerCol-title .signupBonusInfo h1, .QuickSignUp .signUpContainerCol-title .signupBonusInfo h2 { background-image: linear-gradient(-90deg, rgb(255, 236, 6) 23%, rgb(255, 209, 64) 67%) !important; filter: drop-shadow(rgb(96, 59, 2) -1px 0px 1px); text-transform: uppercase; }
.QuickSignUp .signUpContainerCol-title .signupBonusInfo h2 { font-size: 28px; }
.QuickSignUp-Container { flex: 1 1 0%; }
.QuickSignUp-Container .Title { text-align: center; margin: 0px 0px 20px; }
.QuickSignUp-Container .Title h3 { font-size: 22px; font-weight: 700; text-align: center; color: var(--black2); margin: 0px; }
.QuickSignUp-Container .Title .registeredLoginLink { text-align: center; font-size: 14px; font-weight: 400; margin: 0px; color: var(--grey9); line-height: 2.14; }
.QuickSignUp-Container .Title .registeredLoginLink span { cursor: pointer; color: var(--azure); padding-left: 5px; font-weight: 700; }
.QuickSignUp-Container .SelectField > div { border-color: var(--inputGreyBorder); line-height: 30px; }
.QuickSignUp-Container .selectField__indicator-separator { display: none; }
.QuickSignUp-Container .phoneInput .flag-dropdown { border-top-color:  !important; border-bottom-color:  !important; border-left-color:  !important; border-right: medium !important; background: rgb(245, 245, 245) !important; }
.QuickSignUp-Container .countryWrap { display: flex; justify-content: space-between; }
.QuickSignUp-Container .countryWrap > div { width: 48%; }
.QuickSignUp-Container .extraError { display: block; margin-bottom: 20px; }
.QuickSignUp-Container button[type="submit"] { height: 48px; }
.QuickSignUp-Container .registeredLoginLink { text-align: center; font-size: 14px; line-height: 2.14; font-weight: 400; margin: 9px 0px 0px; color: var(--fontGray); }
.QuickSignUp-Container .registeredLoginLink span { cursor: pointer; color: var(--grey9); padding-left: 5px; font-weight: 700; }
.QuickSignUp .MuiDialogContent-root { padding: 0px; }
.QuickSignUp .extraError { height: auto; min-height: 17px; }
.QuickSignUp .extraError:empty { margin: 0px; min-height: 10px; }
.QuickSignUp .closeButton .closeBtn { position: fixed !important; z-index: 1; right: 40px; top: 40px; background-color: transparent !important; border: 1px solid rgba(var(--grey),.8); border-radius: var(--borderRadius); }
.QuickSignUp .closeButton .closeBtn svg { color: var(--grey9); }
.QuickSignUp .logoBlockSignUp { position: fixed; top: 5%; left: 50%; transform: translate(-50%); text-align: center; }
.QuickSignUp .logoBlockSignUp .subTitleForm { font-size: 14px; font-weight: 500; color: var(--grey9); margin-bottom: 5px; }
.QuickSignUp .logoBlockSignUp .titleForm img { width: 143px; margin: 0px auto; }
@media (max-width: 1200px) {
  .QuickSignUp .logoBlockSignUp { display: none; }
}
.QuickSignUp .Select-CountryFlag { height: 44px; }
.QuickSignUp .formContainer { padding: 20px; }
.SignupCompletion { flex: 1 1 65%; padding: 40px; }
.SignupCompletion-Container { display: flex; justify-content: space-around; }
@media (min-width: 220px) and (max-width: 576px) {
  .SignupCompletion-Container { flex-direction: column; }
}
.SignupCompletion-Container > div { flex: 0 0 48%; }
.SignupCompletion-Container > div > div { margin-bottom: 12px; }
.SignupCompletion-Container > div > div.SelectField { margin-bottom: 20px; }
.SignupCompletion-Title { text-align: center; }
.SignupCompletion-Title h3 { font-size: 18px; color: var(--white); margin-bottom: 10px; font-weight: 700; }
.SignupCompletion-Title h4 { font-size: 14px; color: var(--white); opacity: 0.6; font-weight: 400; }
.SignupCompletion-Title .icon svg { color: var(--bgYellow); }
.SignupCompletion .DatePickerSelect, .SignupCompletion .selectField { border-color: transparent; background-color: var(--black3); color: var(--grey12); }
.SignupCompletion .DatePickerSelect__control, .SignupCompletion .selectField__control { height: 44px; }
.SignupCompletion .DatePickerSelect.__month, .SignupCompletion .selectField.__month { border-width: 0px 2px; border-color: var(--greyDark2); border-style: solid; }
.SignupCompletion .DatePickerSelect__menu-list, .SignupCompletion .selectField__menu-list { background-color: var(--greyDark2); box-shadow: 0 10px 30px 0 var(--black2); border-radius: var(--borderRadius); }
.SignupCompletion .DatePickerSelect__option, .SignupCompletion .selectField__option { color: var(--grey9); }
.SignupCompletion .DatePickerSelect__option--is-focused, .SignupCompletion .DatePickerSelect__option--is-selected, .SignupCompletion .selectField__option--is-focused, .SignupCompletion .selectField__option--is-selected { background-color: rgb(138, 160, 181); background-image: linear-gradient(250deg,var(--darkTurquoise),var(--azure) 47%); color: var(--white); }
.SignupCompletion .SelectField > div { background-color: var(--black3); height: 45px; margin-bottom: 10px; border: medium; border-radius: 6px; }
.SignupCompletion .SelectField .selectField__control { box-shadow: none !important; height: 44px; }
.SignupCompletion .SelectField .selectField__menu { background-color: var(--black3); }
.SignupCompletion .SelectField .selectField__single-value, .SignupCompletion .SelectField .selectField__placeholder { color: var(--grey12) !important; }
.SignupCompletion .SelectField .selectField__value-container { height: 44px; }
.SignupCompletion .names, .SignupCompletion .countryWrap { display: flex; justify-content: space-between; }
.SignupCompletion .names > div, .SignupCompletion .countryWrap > div { flex: 0 0 48%; }
.SignupCompletion .buttonContainer { display: flex; justify-content: center; }
.SignupCompletion .buttonContainer button { margin-top: 15px; flex: 0 0 33%; height: 48px; }
.SignupCompletion input { background-color: var(--black3); border: medium; border-radius: 6px; color: var(--grey12); }
.SignupCompletion input:autofill, .SignupCompletion input:autofill:hover, .SignupCompletion input:autofill:focus { border: medium; -webkit-text-fill-color: var(--grey12); background-color: var(--black3); box-shadow: transparent 0px 0px 0px 1000px inset; transition: background-color 5000s ease-in-out; }
.SignupCompletion label { color: var(--grey12); }
.DataTable-Pagination { display: flex; padding: 20px 0px; justify-content: center; position: relative; }
.DataTable-Pagination-LoadMore { align-content: flex-end; }
.DataTable-Pagination-LoadMore button.btn { color: var(--goldText); padding: 12px 47px; font-size: 14px; border-color: var(--grey); }
.DataTable-Pagination-LoadMore button.btn:disabled { opacity: 0.3; color: var(--grey); }
.DataTable-Pagination-Pages { place-content: flex-end; display: flex; position: absolute; right: 0px; top: 24px; }
.DataTable-Pagination-Pages.Mobile { width: 100%; }
.DataTable-Pagination-Pages.Mobile ul { flex: 1 1 0%; justify-content: space-between; background-color: var(--greyDark2); border-radius: 6px; }
.DataTable-Pagination-Pages.Mobile ul li.disabled { background-color: var(--greyDark2Ligher); }
.DataTable-Pagination-Pages.Mobile ul li.previous { margin: 0px; border-style: solid; border-color: var(--black2); border-width: 0px 1px 0px 0px; }
.DataTable-Pagination-Pages.Mobile ul li.next { margin: 0px; border-style: solid; border-color: var(--black2); border-width: 0px 0px 0px 1px; }
.DataTable-Pagination-Pages ul { list-style-type: none; display: flex; margin: 0px; padding: 0px; }
.DataTable-Pagination-Pages ul li { align-items: center; padding: 0px; display: flex; }
.DataTable-Pagination-Pages ul li.previous { border-top-left-radius: var(--borderRadius); border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: var(--borderRadius); margin-left: 20px; }
.DataTable-Pagination-Pages ul li.next { border-top-left-radius: 0px; border-top-right-radius: var(--borderRadius); border-bottom-right-radius: var(--borderRadius); border-bottom-left-radius: 0px; }
.DataTable-Pagination-Pages ul li.previous, .DataTable-Pagination-Pages ul li.next { border: 1px solid var(--grey11); }
.DataTable-Pagination-Pages ul li.previous svg, .DataTable-Pagination-Pages ul li.next svg { color: var(--grey9); width: 16px; height: 16px; display: flex; }
.DataTable-Pagination-Pages ul li.previous:hover, .DataTable-Pagination-Pages ul li.next:hover { background-color: rgba(150, 152, 161, 0.3); transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
[dir="rtl"] .DataTable-Pagination-Pages ul li.previous, [dir="rtl"] .DataTable-Pagination-Pages ul li.next { transform: rotate(180deg); }
[dir="rtl"] .DataTable-Pagination-Pages ul li.previous.previous, [dir="rtl"] .DataTable-Pagination-Pages ul li.next.previous { margin: 0px 1.25rem 0px 0px; }
.DataTable-Pagination-Pages ul li.disabled { background: transparent; opacity: 0.3; }
.DataTable-Pagination-Pages ul li.disabled svg { color: var(--grey9); width: 16px; height: 16px; }
.DataTable-Pagination-Pages ul li a { font-size: 14px; color: var(--grey9); font-weight: 700; padding: 8px; outline: none; display: flex; }
.DataTable-Pagination-Pages ul li a:hover { color: var(--greyText8); cursor: pointer; transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
.DataTable-Pagination-Pages ul li.selected a { color: var(--white); }
.DataTable { overflow: visible; }
.DataTable-Header { display: inline-grid; gap: 2px; width: 100%; border-color: var(--grey3); border-style: solid; border-width: 1px 0px; margin-bottom: 20px; }
.DataTable-Header .Title { font-size: 12px; font-weight: 700; color: var(--grey); text-transform: uppercase; padding: 15px 20px; }
.DataTable-Header-Filter-Dropdown { position: relative; }
.DataTable-Header-Filter-Dropdown-Container { border-radius: 6px; box-shadow: rgba(14, 10, 48, 0.4) 0px 15px 20px; border: solid 1px var(--goldLight); background-color: var(--grey2); position: absolute; width: auto; top: 0px; right: 0px; max-height: 165px; overflow: auto; z-index: 1; }
@media (min-width: 220px) and (max-width: 576px) {
  .DataTable-Header-Filter-Dropdown-Container { max-height: none !important; }
}
.DataTable-Header-Filter-Dropdown-Container .Dropdown-Item { padding: 8px 20px 8px 30px; position: relative; width: auto; }
.DataTable-Header-Filter-Dropdown-Container .Dropdown-Item-Title { font-size: 12px; font-weight: 700; color: var(--grey); text-transform: none; white-space: nowrap; }
.DataTable-Header-Filter-Dropdown-Container .Dropdown-Item .CheckIcon { display: none; position: absolute; left: 8px; top: 7px; }
.DataTable-Header-Filter-Dropdown-Container .Dropdown-Item .CheckIcon svg { font-size: 1rem; width: 15px; color: var(--white); }
.DataTable-Header-Filter-Dropdown-Container .Dropdown-Item.Selected .Dropdown-Item-Title { color: var(--white); }
.DataTable-Header-Filter-Dropdown-Container .Dropdown-Item.Selected .CheckIcon { display: block; }
.DataTable-Header-Filter-Dropdown-Container .Dropdown-Item:hover { background-color: var(--goldLight); }
.DataTable-Header-Filter-Dropdown-Container .Dropdown-Item:hover .Dropdown-Item-Title { color: var(--white); }
.DataTable-Header-Item.withFilter { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
.DataTable-Header-Item.withFilter .Title { display: inline-flex; padding: 5px 10px; border-radius: 6px; }
.DataTable-Header-Item.withFilter .Title:hover { cursor: pointer; background-color: var(--grey); color: var(--goldText); }
.DataTable-Header-Item.withFilter .Filter-Title { display: inline-flex; align-items: center; }
.DataTable-Header-Item.withFilter .Filter-Title-Icon { display: flex; }
.DataTable-Header-Item.withFilter .Filter-Title-Icon svg { height: 12px; width: 12px; }
.DataTable-Rows { display: grid; overflow: auto; }
@media (min-width: 220px) and (max-width: 576px) {
  .DataTable-Rows { max-height: none; }
}
.DataTable-Rows::-webkit-scrollbar { width: 4px; }
.DataTable-Rows::-webkit-scrollbar-track { background: var(--goldLight); }
.DataTable-Rows::-webkit-scrollbar-thumb { background: rgb(136, 136, 136); }
.DataTable-Rows-Item { display: inline-grid; gap: 2px; }
.DataTable-Rows-Item-Outer:nth-child(2n+1) { background-color: var(--black3); }
.DataTable-Rows-Item-Outer:nth-child(2n) { background-color: var(--greyDark2); }
.DataTable-Rows-Item .Data-Cell { color: var(--greyText6); font-size: 14px; padding: 10px 20px; font-weight: 700; }
.DataTable-Rows-Item .Data-Cell:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.DataTable-Rows-Item .Data-Cell:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.DataTable-NoResults { padding-top: 42px; padding-bottom: 42px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--grey); }
.DataTable-NoResults h3 { font-size: 16px; margin-top: 10px; }
.DataTable-NoResults svg { height: 41px; width: 41px; }
.TransactionHistory-Container { overflow: visible; max-height: 700px; }
.TransactionHistory-Container .rdrDefinedRangesWrapper { display: none; }
.TransactionHistory-Container .rdrCalendarWrapper { direction: ltr; }
.TransactionHistory-Container p { margin: 0px; }
.TransactionHistory-Container .Amount { color: var(--white); font-weight: 700; }
.TransactionHistory-Container .Type { text-transform: uppercase; font-weight: 700; }
.TransactionHistory-Container .Method { font-weight: 700; }
.TransactionHistory-Container .headerTitle { display: flex; justify-content: space-between; }
@media (min-width: 220px) and (max-width: 576px) {
  .TransactionHistory-Container .headerTitle { flex-direction: column; }
  .TransactionHistory-Container .headerTitle p { text-align: left !important; }
  .TransactionHistory-Container .headerTitle p.title { font-size: 24px; }
  .TransactionHistory-Container .headerTitle p.subTitle, .TransactionHistory-Container .headerTitle .OneTimePopup p.description, .OneTimePopup .TransactionHistory-Container .headerTitle p.description { font-size: 14px; }
  .TransactionHistory-Container .headerTitle .DateRangePicker { justify-content: center; align-items: flex-start; }
  .TransactionHistory-Container .headerTitle .DateRangePicker .RangesPlaceholder { width: 100%; background-color: var(--grey3); }
  .TransactionHistory-Container .headerTitle .DateRangePicker .RangesPlaceholder-From, .TransactionHistory-Container .headerTitle .DateRangePicker .RangesPlaceholder-To { flex: 1 1 0%; }
}
.TransactionHistory-Container .DateRangePicker { position: relative; align-items: flex-end; justify-content: flex-end; flex-direction: column; display: flex; padding-bottom: 32px; }
.TransactionHistory-Container .DateRangePicker .RangesPlaceholder { display: flex; align-items: center; }
.TransactionHistory-Container .DateRangePicker .RangesPlaceholder > div:hover { cursor: pointer; }
.TransactionHistory-Container .DateRangePicker .RangesPlaceholder > div.Arrow { border: medium; display: flex; margin: 0px 5px; }
.TransactionHistory-Container .DateRangePicker .RangesPlaceholder > div.Arrow svg { width: 16px; height: 16px; color: var(--grey); }
.TransactionHistory-Container .DateRangePicker .RangesPlaceholder-From, .TransactionHistory-Container .DateRangePicker .RangesPlaceholder-To { border: 1px solid transparent; padding: 8px 14px; border-radius: 6px; color: var(--white); display: flex; align-items: center; background-color: var(--grey3); }
.TransactionHistory-Container .DateRangePicker .RangesPlaceholder-From svg, .TransactionHistory-Container .DateRangePicker .RangesPlaceholder-To svg { color: var(--grey); width: 16px; height: 16px; margin-left: 10px; }
.TransactionHistory-Container .DateRangePicker-Container { position: absolute; right: 0px; top: 40px; z-index: 9; outline: none; }
.TransactionHistory-Container .paymentMethod { font-weight: 700; }
.TransactionHistory-Container .Amount { color: var(--white); }
.TransactionHistory-Container .MobileOnly { display: none !important; }
@media (min-width: 220px) and (max-width: 576px) {
  .TransactionHistory-Container .DataTable-Header-Item { display: flex; align-items: center; }
  .TransactionHistory-Container .DataTable-Header-Item .Title { padding: 10px; }
  .TransactionHistory-Container .DataTable-Header-Item.withFilter { padding: 0px; }
  .TransactionHistory-Container .MobileOnly { display: block; }
  .TransactionHistory-Container .Data-Cell { padding: 10px; align-items: center; }
  .TransactionHistory-Container .status, .TransactionHistory-Container .type, .TransactionHistory-Container .paymentMethod, .TransactionHistory-Container .ProcessData { font-size: 12px; }
  .TransactionHistory-Container .NoMobile { display: none; }
  .TransactionHistory-Container .DataTable-Rows-Item, .TransactionHistory-Container .DataTable-Header { grid-template-columns: auto 25% 30%; }
}
@media (min-width: 576px) and (max-width: 992px) {
  .NoMobile { display: none !important; }
  .MobileOnly { display: flex !important; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .NoMobile { display: none !important; }
  .MobileOnly { display: flex !important; }
}
.TransactionsHistory.__pending .DataTable-Rows-Item-Outer { padding: 0px !important; }
@media (min-width: 220px) and (max-width: 576px) {
  .TransactionsHistory .PaymentMethodTableRow { min-width: 150px; box-sizing: border-box; padding: 10px 15px !important; }
  .TransactionsHistory .PaymentMethodTableRow > div { padding: 0px !important; }
}
@media (min-width: 576px) and (max-width: 992px) {
  .TransactionsHistory .PaymentMethodTableRow { width: 250px; box-sizing: border-box; }
  .TransactionsHistory .PaymentMethodTableRow .PaymentMethod { flex-direction: column; align-items: flex-start; justify-content: flex-start; }
}
.TransactionsHistory .PaymentMethod { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; }
@media (min-width: 220px) and (max-width: 576px) {
  .TransactionsHistory .PaymentMethod { flex-direction: column; align-items: center; }
}
.TransactionsHistory .PaymentMethod .ProcessData.MobileOnly { font-size: 10px !important; opacity: 0.6; font-weight: 400; }
.TransactionsHistory .DataTable-Rows-Item-Details { background-color: rgb(33, 38, 51); padding: 16px; display: flex; flex-direction: row; justify-content: space-between; }
@media (min-width: 220px) and (max-width: 576px) {
  .TransactionsHistory .DataTable-Rows-Item-Details { flex-direction: column; }
  .TransactionsHistory .DataTable-Rows-Item-Details-Value-Container { padding-bottom: 11px; border-bottom: 1px solid rgba(99, 103, 115, 0.376); }
  .TransactionsHistory .DataTable-Rows-Item-Details-Rejection-Reason { padding-top: 11px; }
}
.TransactionsHistory .DataTable-Rows-Item-Details > div { flex: 0 0 50%; }
.TransactionsHistory .DataTable-Rows-Item-Details-Value-Container { display: flex; flex-direction: column; }
.TransactionsHistory .DataTable-Rows-Item-Details-Value-Container ._ttl { text-transform: uppercase; color: rgb(150, 152, 161); font-size: 10px; line-height: 14px; margin-bottom: 5px; }
.TransactionsHistory .DataTable-Rows-Item-Details-Value-Container ._dtl { color: var(--white); font-size: 12px; line-height: 16px; margin-bottom: 11px; }
.TransactionsHistory .DataTable-Rows-Item-Details-Rejection-Reason { display: flex; flex-direction: column; }
.TransactionsHistory .DataTable-Rows-Item-Details-Rejection-Reason ._ttl { text-transform: uppercase; color: var(--red2); font-size: 10px; line-height: 14px; margin-bottom: 5px; }
.TransactionsHistory .DataTable-Rows-Item-Details-Rejection-Reason ._dtl { color: var(--white); opacity: 0.6; font-size: 12px; line-height: 16px; }
.TransactionsHistory .showRejectReasonButton { width: 22px; height: 22px; border-radius: 6px; border: 1px solid rgb(91, 94, 106); display: flex; place-content: center; position: absolute; right: 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  .TransactionsHistory .showRejectReasonButton { border: medium; position: absolute; right: 0px; }
}
.TransactionsHistory .showRejectReasonButton:hover { background-color: rgb(91, 94, 106); }
.TransactionsHistory .Data-Cell { position: relative; }
.TransactionsHistory .Data-Cell > * { display: flex; height: 100%; align-items: center; }
@media (min-width: 220px) and (max-width: 576px) {
  .TransactionsHistory .Data-Cell > * { align-items: flex-start; }
}
.TransactionsHistory .DataTable-Rows-Item-Outer.Active { border-radius: 6px; border: 1px solid var(--azure); overflow: hidden; transition-duration: 0.3s; }
html[dir="rtl"] .showRejectReasonButton { left: 0px; right: auto; }
html[dir="rtl"] .verifyIdentity { margin-left: 10px; margin-right: 0px; }
html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .MuiTableCell-root { text-align: right; }
html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .minMaxLimit div, html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .minMaxLimit span { margin-right: 0px; margin-left: 16px; }
html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .minMaxLimit .min b, html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .minMaxLimit .max b, html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .minMaxLimit .yourBalance b { margin-right: 0px; margin-left: 5px; }
html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer { border-right: medium; }
html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .paymentContainerWithdrawal .paymentMethod { margin-right: 0px; margin-left: 35px; }
html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .buttons .backBtn { margin-right: 0px; margin-left: 25px; }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .MuiBox-root .withdrawalWrap .contentContainer .paymentContainerWithdrawal .paymentMethod { margin-left: 16px; margin-right: 16px; }
}
html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .MuiBox-root .headerContainer { padding-left: 0px; padding-right: 15px; }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .MuiBox-root .headerContainer { padding: 0px; }
}
html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .MuiBox-root .bonusWrap .bonusHeaderContainer { padding-left: 0px; padding-right: 15px; }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .MuiBox-root .bonusWrap .bonusHeaderContainer { padding: 0px; }
}
html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .TransactionHistory-Container .DateRangePicker .RangesPlaceholder-To svg, html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .TransactionHistory-Container .DateRangePicker .RangesPlaceholder-From svg { margin-left: 0px; margin-right: 10px; }
html[dir="rtl"] .MuiDialog-paperFullScreen .wrap .TransactionHistory-Container .DataTable-Pagination-Pages { direction: ltr; }
html[dir="rtl"] .depositLimitPromotion .dialogTitle { padding: 16px 24px 16px 8px; }
html[dir="rtl"] .depositLimitPromotion .dialogTitle .closeBtn { left: 16px; right: auto; }
html[dir="rtl"] .depositLimitPromotion .dialogTitle h6 img { margin-right: 0px; margin-left: 8px; }
html[dir="rtl"] .depositLimitPromotion .dialogContent .bonusInputContainer .checkmarkIcon { left: 24px; right: auto; }
html[dir="rtl"] .depositLimitPromotion .bonusInputContainer input { direction: rtl; }
html[dir="rtl"] .depositLimitContainer .dialogContent .dialogTitle { padding: 16px 24px 16px 10px; }
html[dir="rtl"] .depositLimitContainer .dialogContent .dialogTitle .closeBtn { left: 16px; right: auto; }
html[dir="rtl"] .depositLimitContainer .dialogContent .dialogTitle img { margin-right: 0px; margin-left: 8px; }
html[dir="rtl"] .balanceBlockContainer .MuiButtonBase-root { margin-left: 0px; margin-right: 12px; }
html[dir="rtl"] .balanceBlockContainer .btn { margin-right: 12px; margin-left: 0px !important; }
html[dir="rtl"] .DepositContainer-Method-Info { padding-left: 0px; padding-right: 24px; }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .DepositContainer-Method-Info { padding-right: 0px; }
}
html[dir="rtl"] .titleWrap .imgTitle { margin-left: 16px; margin-right: 0px; }
html[dir="rtl"] .faqWrap .wrap .faqs .listContainer .faq-question { padding-right: 35px; padding-left: 0px; }
html[dir="rtl"] .faqWrap .wrap .faqs .listContainer .faq-question::before { right: 0px; }
html[dir="rtl"] .faqWrap .wrap .faqs .listContainer.active .faq-answer { padding-left: 0px; padding-right: 35px; }
html[dir="rtl"] .affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm .inputFormContainer.phoneInput { direction: ltr; }
html[dir="rtl"] .affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm .inputFormContainer #email, html[dir="rtl"] .affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm .inputFormContainer .react-tel-input { direction: ltr; text-align: left; }
html[dir="rtl"] .affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm .inputFormContainer #email::placeholder, html[dir="rtl"] .affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm .inputFormContainer .react-tel-input::placeholder { text-align: right; }
html[dir="rtl"] .affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm .inputFormContainer textarea { padding-left: 0px; padding-right: 11px; }
html[dir="rtl"] .affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm .nameItem .inputFormContainer input, html[dir="rtl"] .affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm .nameItem .inputFormContainer textarea, html[dir="rtl"] .affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm .emailItem .inputFormContainer input, html[dir="rtl"] .affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm .emailItem .inputFormContainer textarea, html[dir="rtl"] .affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm .phoneItem .inputFormContainer input, html[dir="rtl"] .affiliatesWrap .wrap .wrapContent .affiletFormRegistration .containerForm .phoneItem .inputFormContainer textarea { direction: rtl; }
html[dir="rtl"] .termsWrap .wrap .contentChildList { padding: 10px 40px 0px 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .termsWrap .wrap .contentChildList { padding: 10px 20px 0px 0px; }
}
html[dir="rtl"] .loyaltyProgram .wrap .Content .blockText { margin-right: 0px; margin-left: 25px; }
@media (max-width: 1250px) {
  html[dir="rtl"] .loyaltyProgram .wrap .Content .wrapContent .card { height: 840px; margin-left: 0px; margin-right: 15px; }
  html[dir="rtl"] .loyaltyProgram .wrap .Content .wrapContent .card .contentWatsUp .textcard, html[dir="rtl"] .loyaltyProgram .wrap .Content .wrapContent .card .contentHightDeposit .textcard, html[dir="rtl"] .loyaltyProgram .wrap .Content .wrapContent .card .contentExclusiveSlots .textcard, html[dir="rtl"] .loyaltyProgram .wrap .Content .wrapContent .card .contentVipPersonal .textcard, html[dir="rtl"] .loyaltyProgram .wrap .Content .wrapContent .card .contentDedicated .textcard, html[dir="rtl"] .loyaltyProgram .wrap .Content .wrapContent .card .contentHasCashback .textcard, html[dir="rtl"] .loyaltyProgram .wrap .Content .wrapContent .card .contentHospitality .textcard, html[dir="rtl"] .loyaltyProgram .wrap .Content .wrapContent .card .contentPersonalisedGifts .textcard, html[dir="rtl"] .loyaltyProgram .wrap .Content .wrapContent .card .contentVipPromotions .textcard { font-size: 13px; }
}
html[dir="rtl"] .checkoxContainer .checkboxLabel { text-align: right; }
html[dir="rtl"] .checkoxContainer .checkboxInput:checked + .checkboxСheckMark { right: -8px; }
html[dir="rtl"] .checkoxContainer .checkboxInput:checked + .checkboxСheckMark::before { top: 0px; left: -1px; width: 6px; height: 1px; transform: rotate(60deg); border-radius: 1px; }
html[dir="rtl"] .checkoxContainer .checkboxInput:checked + .checkboxСheckMark::after { left: 3px; width: 5px; height: 1px; transform: rotate(-40deg); border-radius: 1px; }
html[dir="rtl"] .overviewBlock-otherBlock { border-left: 1px solid var(--grey5); border-right: medium; }
html[dir="rtl"] .overviewBlock-otherBlock .bonusBalanceMaineBlock-bonus div .bonusButton { left: 0px; right: auto; }
html[dir="rtl"] .overviewBlock-otherBlock .bonusBalanceMaineBlock-bonus div .bonusButton::after { transform: scale(-1); }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .overviewBlock-otherBlock .balanceMaineBlock-button, html[dir="rtl"] .overviewBlock-otherBlock .withdrawalMaineBlock-button { right: auto; left: 0px; }
}
@media (max-width: 768px) {
  html[dir="rtl"] .overviewBlock-otherBlock { border: medium; }
}
html[dir="rtl"] .exitIconButton { transform: scaleX(-1); }
html[dir="rtl"] .Header-InnerContainer .HeaderMenu-Container .icons .TopNav-Links .with-icon svg { padding-left: 8px; padding-right: 0px; }
@media (max-width: 320px) {
  html[dir="rtl"] .Header-InnerContainer .logoContainer { right: 22%; }
}
html[dir="rtl"] .LanguageSwitchContainer .selectMenu.isMobile .selectMenuImg { margin-right: 0px; }
html[dir="rtl"] .LanguageSwitchContainer .selectMenuImg { margin-left: 0px; margin-right: 9px; }
html[dir="rtl"] .GamesSearch .searchBox .searchInput { border-top-left-radius: var(--borderRadius); border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: var(--borderRadius); padding-right: 45px; padding-left: 10px; }
html[dir="rtl"] .GamesSearch .searchBox .searchIcon { left: auto; right: 15px; }
html[dir="rtl"] .GamesSearch .searchBox .clearIcon { right: auto; left: 15px; }
html[dir="rtl"] .GamesSearch .ProvidersContainer { padding-right: 20px; padding-left: 0px; }
html[dir="rtl"] .GamesSearch .ProvidersContainer .ProvidersCloseButton, html[dir="rtl"] .GamesSearch .ProvidersContainer .ProvidersClearFilterButton { margin-right: 0px; margin-left: 10px; }
html[dir="rtl"] .GamesSearch .ProvidersContainer-Section .ProviderItem { justify-content: end; }
html[dir="rtl"] .GamesSearch .ProvidersContainer-Section .ProviderItem::before { left: auto; right: 0px; }
html[dir="rtl"] .GamesSearch .ProvidersContainer-Section .ProviderItem-Name { padding-left: 40px; padding-right: 0px; }
html[dir="rtl"] .Header-UserData { margin-left: 0.625rem; }
html[dir="rtl"] .Header-UserData-Container-Submenu { right: 0px; left: unset; }
html[dir="rtl"] .HeaderGameFilter .DesktopSearch { padding-left: 0px; padding-right: 0px; }
html[dir="rtl"] .HeaderGameFilter .DesktopSearch .searchBox .searchIcon { position: absolute; top: 13px; height: 18px; width: 18px; right: 18px; left: auto; }
html[dir="rtl"] .HeaderGameFilter .DesktopSearch .searchBox .clearIcon { position: absolute; top: 13px; height: 18px; width: 18px; left: 18px; right: auto; }
html[dir="rtl"] .HeaderGameFilter .DesktopSearch .searchBox .searchInput { padding-right: 45px; padding-left: 35px; }
@media (min-width: 576px) and (max-width: 992px) {
  html[dir="rtl"] .HeaderGameFilter .MuiToolbar-gutters { padding-right: 1px; }
}
@media (max-width: 599px) {
  html[dir="rtl"] .HeaderGameFilter .MuiToolbar-gutters { padding-right: 0px; }
}
html[dir="rtl"] .Promotion-wrapper .Promotion-Item { direction: ltr; }
html[dir="rtl"] .Promotion-wrapper .Promotion-Item .bonusItem, html[dir="rtl"] .Promotion-wrapper .Promotion-Item .titleItem, html[dir="rtl"] .Promotion-wrapper .Promotion-Item .subTitleContent, html[dir="rtl"] .Promotion-wrapper .Promotion-Item .buttonGetBonus { direction: rtl; text-align: left; }
html[dir="rtl"] .datePicker .datePick__value-container { padding: 0px 12px 0px 0px; }
html[dir="rtl"] .datePicker .datePick__dropdown-indicator { padding: 0px 0px 0px 12px; }
html[dir="rtl"] .datePicker .datePick:last-of-type { margin: 0px; }
html[dir="rtl"] .datePicker img { right: auto; left: 12px !important; }
html[dir="rtl"] .ForgotPasswordDialog .inputFormContainer #email { direction: ltr; text-align: left; }
html[dir="rtl"] .ForgotPasswordDialog .inputFormContainer #email::placeholder { text-align: right; }
html[dir="rtl"] .SignInDialog .inputFormContainer input { direction: rtl; }
html[dir="rtl"] .SignInDialog .inputFormContainer #username::placeholder { text-align: right; }
html[dir="rtl"] .SignInDialog .passwordInput .inputFormContainer input { direction: rtl; }
html[dir="rtl"] .SignInDialog .logoBlockSignUp .subTitleForm { font-size: 20px; }
html[dir="rtl"] .SignInDialog-Title { font-size: 28px; }
html[dir="rtl"] .SignInDialog .ui-dialog__content .ui-dialog__body .ActionAria .loginButton span { font-size: 20px; }
html[dir="rtl"] .SignInDialog-Text { font-size: 17px; }
html[dir="rtl"] .SignInDialog-LinkSection * { font-size: 16px; }
html[dir="rtl"] .QuickSignUp .logoBlockSignUp .subTitleForm { font-size: 20px; }
html[dir="rtl"] .QuickSignUp-Container .Title h3 { font-size: 28px; }
html[dir="rtl"] .QuickSignUp-Container .registeredLoginLink, html[dir="rtl"] .QuickSignUp button[type="submit"] { font-size: 20px; }
html[dir="rtl"] .userSettingsFormContainer .settingsFormContainer .settingsForm .inputFormContainer input { direction: rtl; }
html[dir="rtl"] .passwordInput button { margin: 0px; left: 0px !important; right: auto; }
html[dir="rtl"] .ConfirmationDialog-Actions-Cancel { margin: 0px 0px 0px 15px !important; }
html[dir="rtl"] .ConfirmationDialog-Actions-Confirm { margin: 0px 15px 0px 0px !important; }
html[dir="rtl"] .toggleIconBtn { left: 12px; right: auto; }
html[dir="rtl"] .codeInputRow { direction: ltr; }
html[dir="rtl"] .inputFormContainer .extraError { text-align: right; }
html[dir="rtl"] .SignUpDialogContainer .signUpContainer .formContainer .content .whatsappSignUp { direction: ltr; }
html[dir="rtl"] .SignUpDialogContainer .signUpContainer .formContainer .inputFormContainer input, html[dir="rtl"] .SignUpDialogContainer .signUpContainer .formContainer .names .inputFormContainer input, html[dir="rtl"] .SignUpDialogContainer .signUpContainer .formContainer .passwordInput .inputFormContainer input { direction: rtl; }
html[dir="rtl"] .SignUpDialogContainer .signUpContainer .formContainer .phoneInput, html[dir="rtl"] .SignUpDialogContainer .signUpContainer .formContainer .phoneInput input { direction: ltr; }
html[dir="rtl"] .SignUpDialogContainer .signUpContainer .signUpContainerCol { border-radius: 6px; }
html[dir="rtl"] .SignUpDialogContainer .signUpContainer .signUpBackground { border-radius: 0px 6px 6px 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .SignUpDialogContainer .closeButton { position: relative !important; height: 0px; }
  html[dir="rtl"] .SignUpDialogContainer .closeButton .closeBtn { position: relative !important; right: 0px; top: 15px; transform: translate(-50%); }
}
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .FooterMenu a::after { right: auto; left: 0px; transform: translateY(-50%) rotate(-90deg); }
}
html[dir="rtl"] .PaymentsMethods .whatsapp span { direction: ltr; }
html[dir="rtl"] .PaymentsMethods .whatsapp span { padding: 6px 29px; border-right: 1px solid var(--fontGray); }
html[dir="rtl"] .PaymentsMethods .paymentMethods .methodsList img { margin-right: 0px; margin-left: 26px; }
@media (min-width: 576px) and (max-width: 992px) {
  html[dir="rtl"] .PaymentsMethods .whatsapp span:first-child { border-left: medium; }
  html[dir="rtl"] .PaymentsMethods .paymentMethods .methodsList img { margin-right: 26px; margin-left: 26px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .PaymentsMethods .whatsapp span { padding: 6px 17px; }
}
html[dir="rtl"] .RootCopyright p.copyright { direction: ltr; }
html[dir="rtl"] .RootCopyright .ageLimit .copyright { padding-right: 8px; width: auto; direction: rtl; }
html[dir="rtl"] .RootCopyright .whatsapp span { direction: ltr; }
html[dir="rtl"] .Game-Card { margin-right: 0px; margin-left: 10px; }
html[dir="rtl"] .Game-Card-Item-Details-Block { transform: translate(10px); padding-right: 10px; padding-left: 0px; }
html[dir="rtl"] .Game-Card .Game-Card-Labels-Item { font-size: 14px; }
html[dir="rtl"] .GamesPage-Container-List .Game-Card { margin-left: 0px; }
html[dir="rtl"] .legacy-cabinet-container__wrapper__side-navigation { margin-right: 0px; margin-left: 50px; }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .legacy-cabinet-container__wrapper__side-navigation { margin: 0px 0px 20px; }
  html[dir="rtl"] .legacy-cabinet-container__wrapper__side-navigation_tabs-container::after { left: 0px; right: auto; }
}
html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .new_DepositContainer .AmountPicker .AmountPickerBlock .bonusBalance { padding-right: 10px; padding-left: 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .new_DepositContainer .AmountPicker .AmountPickerBlock .bonusBalance { padding: 0px; }
}
html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .new_DepositContainer .AmountPicker .AmountPickerBlock .bonusBalance div .bonusButton { right: auto; left: 0px; transform: scale(-1); }
html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .new_DepositContainer-Method-Info { border-left: medium; border-right: 1px solid var(--grey5); }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .new_DepositContainer-Method-Info { border: medium; }
}
html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .DataTableComponent-Container .DateRangePicker-Container { left: 0px; right: auto; }
html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .DataTableComponent-Container .DateRangePicker .RangesPlaceholder-To svg, html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .DataTableComponent-Container .DateRangePicker .RangesPlaceholder-From svg { margin: 0px 10px 0px 0px; }
html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .DataTableComponent-Container .DataTable::after { content: none; }
html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .DataTableComponent-Container .DataTable-Rows-Item { margin-right: 0px; margin-left: 10px; }
html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .DataTableComponent-Container .DataTable-Rows-Item .Data-Cell:first-child { border-radius: 0px 5px 5px 0px; }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .DataTableComponent-Container .DataTable-Rows-Item .Data-Cell:first-child { border-radius: 0px; }
}
html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .DataTableComponent-Container .DataTable-Rows-Item .Data-Cell:last-child { border-radius: 5px 0px 0px 5px; }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .DataTableComponent-Container .DataTable-Rows-Item .Data-Cell:last-child { border-radius: 0px; }
}
html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .DataTableComponent-Container .DataTable-Pagination-Pages { direction: ltr; }
html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .overviewBlock-otherBlock .bonusBalanceMaineBlock-bonus div .bonusInputContainer .checkmarkIcon { right: auto; left: 25%; }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .overviewBlock-otherBlock .bonusBalanceMaineBlock-bonus div .bonusInputContainer .checkmarkIcon { left: 20%; }
}
html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .new_Verification .verificationBlocks-noLimitationDeposit .DocumentsBlock .maskedCreditCard-PendingBlock .Text, html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .new_Verification .verificationBlocks-noLimitationDeposit .DocumentsBlock .maskedCreditCard-VerifiedBlock .Text, html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .new_Verification .verificationBlocks-noLimitationDeposit .DocumentsBlock .passportVerification-PendingBlock .Text, html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .new_Verification .verificationBlocks-noLimitationDeposit .DocumentsBlock .passportVerification-VerifiedBlock .Text { margin: 0px 5px 0px 0px; }
html[dir="rtl"] .legacy-cabinet-container__wrapper__main-content .tab-content .new_Verification .verificationBlocks .verificationBlock-RequiredDocuments-List .Doc-Item-GeneralInfo .docButtons .KYCDetailsButton { margin-right: 0px; margin-left: 5px; }
html[dir="rtl"] .DepositBonuses .slick-slide { float: left; }
html[dir="rtl"] .DepositBonuses-Prev { left: -25px; right: auto; }
html[dir="rtl"] .DepositBonuses-Next { right: -25px; left: auto; }
html[dir="rtl"] .BonusDetailsModal .CloseButton__wrapper .CloseButton { top: 10px; right: auto; left: 10px; }
html[dir="rtl"] .BonusDetailsModal .BonusDetailsDialog-Content .Heading .title { margin-bottom: 7px; }
html[dir="rtl"] .cashier-navigation-mobile__menu { right: -0.5vw; }
html[dir="rtl"] .cashier-navigation-mobile__menu__tabs { transform: translate(70%); }
html[dir="rtl"] .cashier-navigation-mobile__menu--is-open .cashier-navigation-mobile__menu__tabs { transform: translate(0px); }
html[dir="rtl"] .lp-page-header-container { background-position: right center; }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .lp-page-header-container { background-position: center center; }
}
html[dir="rtl"] .page-slider__gradient { transform: rotate(180deg); }
html[dir="rtl"] .page-slider__gradient--right { right: auto; left: -0.0625rem; }
html[dir="rtl"] .page-slider__gradient--left { left: auto; right: -0.0625rem; }
html[dir="rtl"] .page-slider__nav-button--prev { transform: none; }
html[dir="rtl"] .page-slider__nav-button--next { transform: rotate(180deg); }
html[dir="rtl"] #chat-widget-container { right: 0px !important; left: auto !important; z-index: 1000 !important; }
html[dir="rtl"] .react-tel-input { direction: ltr; text-align: left; }
html[dir="rtl"] input[type="search"] { padding-left: 16px; padding-right: 40px; }
html[dir="rtl"] .alert-content { padding-left: 0px; padding-right: 50px; }
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .alert-content { padding-right: 20px; }
}
html[dir="rtl"] .MuiTabs-indicator { display: none; }
html[dir="rtl"] .MuiTab-labelIcon svg { margin-bottom: 0px; margin-left: 6px; margin-right: 0px; }
html[dir="rtl"] .mobileSideBar .mobileBar .autoUser .balance-block { margin-left: 0px; margin-right: 0px; }
html[dir="rtl"] .mobileSideBar .mobileBar .footerMenu { margin-right: 3px; margin-left: 20px; }
html[dir="rtl"] .mobileSideBar .mobileBar .footerMenu a { margin-right: 0px; margin-left: 40px; }
html[dir="rtl"] .autoUser .balance-block { margin-right: 0px !important; }
html[dir="rtl"] .autoUser .exitIconButton { margin-left: 0px; margin-right: 20px; }
html[dir="rtl"] .TopNav-Links a { margin-right: 0px; margin-left: 40px; }
html[dir="rtl"] .MuiTablePagination-actions { flex-direction: row-reverse; display: flex; }
.GamingSportContainer { position: relative; padding-top: var(--spContainerTopSpace); }
.GamingSportContainer > iframe { width: 100%; min-height: 600px; height: calc(-80px + 100vh); display: block; }
#chat-widget-minimized, #chat-widget { color-scheme: unset !important; }
.lineMessengerButton { pointer-events: none; position: fixed; left: 0px; right: auto; bottom: 75px; }
.lineMessengerButton.bottomPosition { bottom: 60px; }
.lineMessengerButton:hover { cursor: pointer; }
.lineMessengerButton.onPaymentPage { bottom: 100px; }
.lineMessengerButton .bubble { display: flex; justify-content: center; width: 122px; height: 54px; position: absolute; transform: translate(60%, -25%); }
.lineMessengerButton .bubble.show { opacity: 1; transition-duration: 1s; }
.lineMessengerButton .bubble.hide { opacity: 0; transition-duration: 1s; }
.lineMessengerButton .bubble p { font-size: 11px; padding: 13px 0px; margin: 0px; color: var(--violet); }
.lineMessengerButton .personage { width: 129.1px; height: 174.6px; z-index: -1; }
.lineMessengerButton .logo { width: 85px; height: 85px; pointer-events: visible; position: absolute; bottom: -6px; z-index: 1; left: 11px; }
.lineMessengerButton .logo span { border-radius: 16px; background: rgb(9, 183, 81); color: var(--white); font-weight: 700; font-size: 13px; padding: 3px; width: 100%; display: flex; justify-content: center; align-items: center; bottom: 15px; position: absolute; box-sizing: border-box; }
.lineMessengerButton .line-button-cancel { display: none; }
@media (min-width: 220px) and (max-width: 576px) {
  .lineMessengerButton.loggedIn { bottom: 125px; }
}
.LanguageSwitchContainer { position: relative; }
.LanguageSwitchContainer .CurrentLanguage { background-color: var(--greyDark2); border-radius: 6px; display: flex; align-items: center; justify-content: center; padding: 6px 12px; }
@media (min-width: 220px) and (max-width: 576px) {
  .LanguageSwitchContainer .CurrentLanguage { padding: 6px 0px 6px 10px; }
}
.LanguageSwitchContainer .CurrentLanguage span { color: rgb(255, 255, 255); text-transform: uppercase; font-weight: 700; font-size: 12px; }
@media (min-width: 220px) and (max-width: 576px) {
  .LanguageSwitchContainer .CurrentLanguage span { display: none; }
}
.LanguageSwitchContainer .CurrentLanguage img { width: 23px; height: 16px; margin: 0px 7.5px; }
@media (min-width: 220px) and (max-width: 576px) {
  .LanguageSwitchContainer .CurrentLanguage img { margin: 0px; }
}
.LanguageSwitchContainer .CurrentLanguage svg, .LanguageSwitchContainer .CurrentLanguage path { fill: rgb(150, 152, 161); }
.LanguageSwitchContainer .AvailableLanguages { position: absolute; right: 0px; top: 46px; width: 160px; background-color: var(--greyDark2); display: flex; flex-direction: column; border-radius: 6px; flex: 1 1 0%; overflow: hidden; }
.LanguageSwitchContainer .AvailableLanguages-Item { padding: 7px 8px; display: flex; flex-direction: row; }
.LanguageSwitchContainer .AvailableLanguages-Item:hover { background-color: var(--black3); cursor: pointer; }
.LanguageSwitchContainer .AvailableLanguages-Item:hover span { color: rgb(255, 255, 255); }
.LanguageSwitchContainer .AvailableLanguages-Item img { width: 23px; height: 16px; margin: 0px 7.5px; }
.LanguageSwitchContainer .AvailableLanguages-Item span { color: var(--grey9); font-weight: 700; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
@media (max-width: 576px) {
  .LanguageSwitchContainer { display: none; }
}
@media (min-width: 220px) and (max-width: 576px) {
  html[dir="rtl"] .CurrentLanguage { flex-direction: row-reverse; }
}
html[dir="rtl"] .AvailableLanguages { left: 0px; right: auto; }
html[dir="rtl"] .AvailableLanguages-Item { flex-direction: row-reverse; }
.header-user-menu { border-radius: 1rem 1rem 0px 0px; position: relative; padding: 0px 1rem; min-width: 8.4375rem; margin-right: -0.0625rem; z-index: var(--yyy-ui-z-index-header-user-menu, 1000); box-sizing: unset; cursor: pointer; }
.header-user-menu--show { background-color: var(--header-user-menu-background-color); box-shadow: 0 .625rem 1.875rem 0 var(--header-user-menu-box-shadow-color); }
.header-user-menu--show .header-user-menu__expand { transform: rotate(0deg); background-position: left 0% center; }
.header-user-menu--loading { cursor: default; }
.header-user-menu--loading .header-user-menu__skeleton { display: flex; flex-direction: column; align-items: flex-end; line-height: 1; }
.header-user-menu__container { display: flex; align-items: center; justify-content: flex-end; position: relative; padding-top: 0.375rem; gap: 0.5rem; }
.header-user-menu__icon svg { color: var(--header-user-menu-link-icon-color); width: 1rem; aspect-ratio: 1 / 1; }
.header-user-menu__icon svg path { stroke: var(--header-user-menu-link-icon-color); }
.header-user-menu__icon img { display: none; }
.header-user-menu__expand { width: 1.5rem; height: 1.5rem; background: url("arrow.svg") right 0% center / 1.25rem no-repeat; padding-inline-start: 0px; transform: rotate(180deg); transition: transform 0.1s; }
.header-user-menu__data { display: flex; flex-direction: column; align-items: flex-end; font-weight: 500; }
.header-user-menu__data .header-user-menu__username { font-size: 0.625rem; color: var(--header-user-menu-username-text-color); text-align: right; text-transform: capitalize; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.header-user-menu__data .header-user-menu__balance { font-size: 0.875rem; color: var(--header-user-menu-balance-text-color); font-weight: 700; text-transform: uppercase; text-align: right; background-image: none; -webkit-text-fill-color: unset; }
.header-user-menu__text { font-size: 0.75rem; color: var(--header-user-menu-link-text-color); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.header-user-menu__submenu { position: absolute; top: 100%; left: -1rem; width: 100%; background-color: var(--header-user-menu-background-color); border-radius: 0px 0px 1rem 1rem; padding: 1rem; display: flex; flex-direction: column; gap: 1rem; box-shadow: 0 1.5625rem 1.875rem 0 var(--header-user-menu-box-shadow-color); box-sizing: unset; }
.header-user-menu__link { padding: 0px; display: flex; height: 1rem; align-items: center; justify-content: flex-start; gap: 1rem; font-size: 1.375rem; border-radius: 0px; background: transparent; transition: opacity 0.1s; }
.header-user-menu__link:hover .header-user-menu__text, .header-user-menu__link:hover .header-user-menu__icon { opacity: 0.8; }
.header-user-menu__link:hover .header-user-menu__text .wkg-icon, .header-user-menu__link:hover .header-user-menu__icon .wkg-icon { font-size: 1rem; }
.header-user-menu__link:first-child { padding-top: 1.125rem; border-top: .0625rem solid var(--header-user-menu-divider-color); }
.header-user-menu__link:last-child { border-radius: 0px; }
.header-user-menu__link--logout { padding-top: 0.125rem; display: none; }
@media (min-width: 1200px) {
  .header-user-menu__link--logout { display: inline-flex; }
}
.header-user-menu__link--logout .header-user-menu__text { color: var(--header-user-menu-logout-text-color); font-weight: 700; text-decoration-line: underline; text-underline-offset: auto; text-underline-position: from-font; }
.vip-diamond .header-user-menu__balance, .vip-diamond .header-user-menu__balance span, .vip-vvip .header-user-menu__balance, .vip-vvip .header-user-menu__balance span { color: var(--header-user-menu-vip-balance-text-color); }
.vip-diamond .header-user-menu__icon svg path, .vip-vvip .header-user-menu__icon svg path { stroke: var(--header-user-menu-vip-icon-color); }
.app-header { display: flex; align-items: center; width: 100%; z-index: 1000; top: 0px; position: fixed; min-height: var(--app-header-height); height: var(--app-header-height); padding: 0px; transition: transform 0.2s; will-change: transform; }
.app-header--isSticky, .app-header--isGames { background-color: var(--app-header-background-sticky); }
.app-header--isSticky { transition: 0.2s ease-out; }
.app-header--isGames { position: sticky; }
.app-header--isStaticPage .app-header__menu-links a, .app-header--isStaticPage .app-header__menu-links:hover { transition: 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
.app-header--isCtaEnabled { margin-top: calc(env(safe-area-inset-top) + 30px) !important; }
@media (min-width: 768px) {
  .app-header--isCtaEnabled { margin-top: var(--topCtaHeight, 1.875rem) !important; }
}
.app-header--isGames.app-header--isCtaEnabled { top: var(--topCtaHeight, 30px); }
.app-header--hidden { transform: translateY(-150%); pointer-events: none; }
.app-header--isCtaEnabled .app-header--isSticky { margin-top: 0px; }
.app-header .badge-wrapper { position: relative; display: flex; align-items: center; }
.app-header .badge-wrapper .badge { margin: 0px 0.5rem; }
@media (min-width: 1200px) {
  .app-header .badge-wrapper .badge { position: absolute; top: -0.75rem; left: 0px; margin: 0px; }
}
.app-header .app-header__logo-container { display: flex; flex: 1 1 0%; flex-direction: row; align-items: center; margin-top: 0.3125rem; }
.app-header .app-header__logo-container .app-header__logo, .app-header .app-header__logo-container .app-header__logo .default-logo-wrapper { width: 6rem; height: 2.25rem; }
@media (min-width: 1200px) {
  .app-header .app-header__logo-container .app-header__logo { position: absolute; left: 50%; top: 0.625rem; transform: translate(-55%, 28%); }
}
.app-header .app-header__logo-container .app-header__logo .default-logo-wrapper { position: relative; }
.app-header .app-header__logo-container .app-header__logo .default-logo-wrapper > div { position: absolute; top: 50%; transform: translateY(-50%); }
.app-header .app-header__logo-container .app-header__logo .default-logo-wrapper > div, .app-header .app-header__logo-container .app-header__logo .default-logo-wrapper > div > div { height: inherit; }
.app-header .app-header__logo-container .app-header__logo .default-logo-wrapper svg { width: 100%; height: 100%; }
.app-header__container { padding: 0px 0.9375rem; width: 100%; display: flex; gap: 0.5rem; align-items: center; justify-content: space-between; transition: 0.2s ease-out; }
@media (min-width: 768px) {
  .app-header__container .app-header__menu { display: flex; align-items: center; }
  .app-header__container .app-header__menu .app-header__menu-icons .app-header__menu-burger { display: flex; justify-content: center; align-items: center; }
  .app-header__container .app-header__menu .app-header__menu-icons .app-header__menu-links { display: none; height: fit-content; }
}
@media (min-width: 992px) {
  .app-header__container { max-width: 83rem; margin: 0px auto; }
}
.app-header__container .HeaderSignInUpButtons { display: flex; align-items: center; gap: 0.5rem; min-width: max-content; }
@media (min-width: 768px) {
  .app-header__container .HeaderSignInUpButtons { padding-left: 1.25rem; }
}
.app-header__container .HeaderSignInUpButtons .Buttons { gap: 0.5rem; display: flex; }
.app-header__container .HeaderSignInUpButtons .Buttons, .app-header__container .HeaderSignInUpButtons .Buttons button { height: 2.5rem; }
.app-header__container .HeaderSignInUpButtons .Buttons button { padding: 0.625rem 0.75rem; }
.app-header__container .HeaderSignInUpButtons .Buttons button span { color: var(--wkg-color-white); }
@media (min-width: 768px) {
  .app-header__container .HeaderSignInUpButtons .Buttons button { padding: 0.75rem 1.25rem; }
}
[data-theme="betjordan"] .app-header__container .HeaderSignInUpButtons .LogInButton { border: medium; box-shadow: none; }
[data-theme="betjordan"] .app-header__container .HeaderSignInUpButtons .LogInButton span { font-family: var(--wkg-font-family-primary); }
@media (max-width: 330px) {
  [data-theme="betjordan"] .app-header__container .HeaderSignInUpButtons .LogInButton { display: none; }
}
[data-theme="betjordan"] .app-header__container .HeaderSignInUpButtons .SignUpButton { border: var(--wkg-border-width-xs) solid var(--wkg-color-green-200); background-color: transparent; }
[data-theme="betjordan"] .app-header__container .HeaderSignInUpButtons .SignUpButton span { font-family: var(--wkg-font-family-secondary); }
.app-header__container .app-header__menu { display: flex; justify-content: flex-start; margin-right: 0.625rem; }
.app-header__container .app-header__menu .app-header__menu-icons { display: flex; justify-content: space-between; }
.app-header__container .app-header__menu .app-header__menu-icons .app-header__menu-burger { display: flex; }
@media (min-width: 1200px) {
  .app-header__container .app-header__menu .app-header__menu-icons .app-header__menu-burger { display: none; }
}
.app-header__container .app-header__menu .app-header__menu-icons .app-header__menu-burger svg { font-size: 1.5rem; }
.app-header__container .app-header__menu .app-header__menu-icons .app-header__menu-burger .wkg-icon { margin-top: -0.3125rem; }
.app-header__container .app-header__menu .app-header__menu-icons .app-header__menu-links { display: none; }
@media (min-width: 1200px) {
  .app-header__container .app-header__menu .app-header__menu-icons .app-header__menu-links { display: inline-flex; }
}
.app-header__container .app-header__menu .app-header__menu-icons .app-header__menu-links .app-header__menu-links-container { display: flex; gap: 25px; }
.app-header__container .app-header__menu .app-header__menu-icons .app-header__menu-links a { display: flex; align-items: center; font-size: 12px; font-weight: 700; color: rgba(255, 255, 255, 0.8) !important; text-transform: uppercase; text-decoration: none; position: relative; line-height: 1.2em; max-width: max-content; transition: 0.2s ease-out; }
.app-header__container .app-header__menu .app-header__menu-icons .app-header__menu-links a:hover, .app-header__container .app-header__menu .app-header__menu-icons .app-header__menu-links a.Active { color: var(--white) !important; }
.app-header .Header-UserPart { display: flex; align-items: center; gap: 1rem; }
.app-header .Header-UserPart .MobileBar-Balance { margin-bottom: 0px; }
.app-header .Header-UserPart .MobileBar-Balance .Balance-Value { display: flex; align-items: center; }
.main-footer .footer-menu { display: flex; justify-content: space-between; }
.main-footer .footer-menu__column { display: flex; flex-direction: column; gap: 1.25rem; flex: 1 1 0%; }
.main-footer .footer-menu__item { text-align: left; }
.main-footer .footer-menu__link { display: inline-block; color: var(--footer-menu-link-color); font-weight: 600; font-size: 0.75rem; text-decoration: none; }
.main-footer .footer-menu__link:hover { color: var(--footer-menu-link-hover-color); }
@media (min-width: 768px) {
  .main-footer .footer-menu__link { font-size: 0.875rem; }
}
.main-footer .footer-responsible .footer-responsible-channels .footer-disclaimer__icon > div > svg, .main-footer .footer-responsible .footer-responsible-channels .footer-responsible-channels__wrapper .footer-channel__icon > div > svg { height: 1.375rem; width: 1.375rem; vertical-align: middle; aspect-ratio: 1 / 1; }
.main-footer .footer-responsible { display: flex; flex-direction: column; gap: 1.5rem; width: 100%; }
@media (min-width: 576px) {
  .main-footer .footer-responsible { flex-direction: row; justify-content: space-between; }
}
.main-footer .footer-responsible .footer-responsible-logos { display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem; }
@media (min-width: 220px) {
  .main-footer .footer-responsible .footer-responsible-logos { flex-direction: row; }
}
@media (min-width: 1200px) {
  .main-footer .footer-responsible .footer-responsible-logos { display: none; }
}
.main-footer .footer-responsible .footer-responsible-logos .default-logo-wrapper, .main-footer .footer-responsible .footer-responsible-logos .default-logo-wrapper svg { min-width: 6.25rem; }
.main-footer .footer-responsible .footer-responsible-channels { display: flex; flex-direction: column; min-width: 21.4375rem; gap: 0.5rem; }
@media (min-width: 768px) {
  .main-footer .footer-responsible .footer-responsible-channels { flex-direction: row; justify-content: flex-end; align-items: center; flex: 0 0 50%; }
}
@media (min-width: 1200px) {
  .main-footer .footer-responsible .footer-responsible-channels { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
}
.main-footer .footer-responsible .footer-responsible-channels .footer-responsible-channels__wrapper { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1rem; }
@media (min-width: 576px) {
  .main-footer .footer-responsible .footer-responsible-channels .footer-responsible-channels__wrapper { flex-direction: row; align-items: center; margin-bottom: 0px; flex: 1 0 0px; }
}
@media (min-width: 1200px) {
  .main-footer .footer-responsible .footer-responsible-channels .footer-responsible-channels__wrapper { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
}
.main-footer .footer-responsible .footer-responsible-channels .footer-responsible-channels__wrapper .footer-channel { display: flex; align-items: flex-start; gap: 0.25rem; flex: 1 0 0px; text-wrap: nowrap; }
.main-footer .footer-responsible .footer-responsible-channels .footer-responsible-channels__wrapper .footer-channel:only-child { flex: 0 0 40%; }
.main-footer .footer-responsible .footer-responsible-channels .footer-responsible-channels__wrapper .footer-channel__text { display: flex; flex-direction: column; }
.main-footer .footer-responsible .footer-responsible-channels .footer-responsible-channels__wrapper .footer-channel__text > span { text-transform: capitalize; }
.main-footer .footer-responsible .footer-responsible-channels .footer-responsible-channels__wrapper .footer-channel__text > a { color: var(--footer-channel-link-color); font-weight: 700; }
.main-footer .footer-responsible .footer-responsible-channels .footer-responsible-channels__wrapper .footer-channel__icon > div > svg { width: 1.5rem; height: 1.5rem; }
.main-footer .footer-responsible .footer-responsible-channels .footer-responsible-channels__wrapper .footer-channel__icon > div > svg g, .main-footer .footer-responsible .footer-responsible-channels .footer-responsible-channels__wrapper .footer-channel__icon > div > svg path { stroke: var(--footer-channel-icon-color); }
.main-footer .footer-responsible .footer-responsible-channels .footer-disclaimer { display: flex; justify-content: flex-start; max-width: max-content; align-items: center; gap: 0.375rem; text-wrap: wrap; text-decoration: none; }
.main-footer .footer-responsible .footer-responsible-channels .footer-disclaimer__text { font-size: 0.6875rem; font-weight: 400; }
.main-footer .footer-responsible .footer-responsible-channels .footer-disclaimer__text > b { font-weight: 700; }
.main-footer .footer-payments { overflow: hidden; }
.main-footer .footer-payments__slider { overflow-x: auto; scroll-behavior: smooth; display: flex; flex-direction: column; gap: 0.5rem; }
.main-footer .footer-payments__slider::-webkit-scrollbar { display: none; }
@media (min-width: 576px) {
  .main-footer .footer-payments__slider { gap: 0px; }
}
.main-footer .footer-payments__row { display: flex; gap: 0.5rem; min-width: max-content; align-items: flex-end; }
@media (min-width: 576px) {
  .main-footer .footer-payments__row:first-child { display: none; }
}
@media (min-width: 576px) {
  .main-footer .footer-payments__row--second { display: none; }
}
.main-footer .footer-payments__row--single { display: none; }
@media (min-width: 576px) {
  .main-footer .footer-payments__row--single { display: flex; justify-content: space-between; }
}
.main-footer .footer-payments__item { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.main-footer .footer-payments__item > img { max-height: 2.25rem; height: auto; width: auto; }
.main-footer > div.footer-copyright.footer-copyright { display: flex; color: var(--footer-copyright-text-color); padding: 0px; }
.main-footer > div.footer-copyright.footer-copyright--float-menu { margin-bottom: 6rem; }
@media (min-width: 576px) {
  .main-footer > div.footer-copyright.footer-copyright--float-menu { margin-bottom: 0px; }
}
.main-footer .footer-logo { display: flex; align-items: center; justify-content: space-between; }
.main-footer { display: flex; flex-direction: column; font-size: 0.75rem; margin-top: 1.5rem; }
.main-footer, .main-footer a { color: var(--footer-menu-link-color); }
.main-footer > div[class^="footer"] { width: 100%; padding: 2rem 0px; }
.main-footer > div[class^="footer"]:first-child { border-top: .0625rem solid var(--footer-section-border-color); }
.main-footer > div[class^="footer"]:not(:last-child) { border-bottom: .0625rem solid var(--footer-section-border-color); }
.main-footer .cms-content-wrapper { min-width: 0px; }
.SmarticoSectionPage { position: relative; z-index: 1; padding-top: calc(var(--headerHeight) + var(--topCtaHeight)); padding-bottom: 1.75rem; display: flex; flex-direction: column; gap: 1rem; }
@media (min-width: 768px) {
  .SmarticoSectionPage { gap: 1.5rem; padding-bottom: 2.5rem; }
}
.SmarticoSectionPage__content { display: flex; flex-direction: column; gap: 1.5rem; min-width: 0px; }
.SmarticoSectionPage__error { padding: 3rem 1rem; color: rgb(229, 64, 94); text-align: center; }
.smartico-overview { display: flex; flex-direction: column; gap: 1.25rem; }
@media (min-width: 992px) {
  .smartico-overview { display: grid; grid-template-columns: minmax(26.25rem, 41rem) minmax(0px, 41rem); align-items: start; gap: 1rem; }
}
.smartico-overview__left { display: flex; flex-direction: column; gap: 1rem; min-width: 0px; }
.smartico-overview__main { min-width: 0px; }
.SmarticoSectionPage .wkg-grid > *, .SmarticoSectionPage .cms-content-wrapper { min-width: 0px; }
.smartico-nav { --smartico-nav-tab-bg: transparent; display: flex; gap: 1rem; padding: 0.5rem 0px 2rem; overflow-x: auto; scrollbar-width: none; }
.smartico-nav::-webkit-scrollbar { display: none; }
.smartico-nav__tab { display: inline-flex; align-items: center; justify-content: center; gap: 0.25rem; padding: 0.375rem 1rem 0.375rem 0.875rem; border: .0625rem solid var(--wkg-color-grey-200); border-radius: 1.5rem; background: var(--smartico-nav-tab-bg); color: var(--wkg-color-grey-200); font-size: 0.75rem; font-weight: 700; line-height: 1; letter-spacing: 0.025rem; text-decoration: none; text-transform: uppercase; white-space: nowrap; transition: color 0.2s, border-color 0.2s, opacity 0.2s; }
.smartico-nav__tab:hover { color: var(--wkg-color-white); border-color: var(--wkg-color-white); }
.smartico-nav__tab--active, .smartico-nav__tab--active:hover { border: 0.0625rem solid transparent; background: linear-gradient(var(--smartico-nav-tab-bg),var(--smartico-nav-tab-bg)) padding-box,var(--yyy-primary-gradient-blue) border-box; color: var(--wkg-color-white); }
.smartico-nav__tab--disabled { cursor: not-allowed; opacity: 0.5; }
.smartico-nav__tab--disabled:hover { color: var(--wkg-color-grey-200); border-color: var(--wkg-color-grey-200); }
.smartico-nav__icon { flex-shrink: 0; width: 1.25rem; height: 1.25rem; background-color: currentcolor; mask: var(--smartico-nav-icon) no-repeat center/contain; }
.smartico-nav__badge { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; min-width: 1.125rem; height: 1.125rem; padding: 0px 0.3125rem; border-radius: 0.5625rem; background: var(--yyy-promo-gradient-green); color: var(--wkg-color-white); font-size: 0.6875rem; font-weight: 700; line-height: 1; }
.smartico-profile { display: flex; position: relative; flex-direction: column; padding: 1rem 2rem 2.5rem; overflow: hidden; border-radius: 1rem; background: var(--yyy-dark-grey); color: var(--wkg-color-white); }
@media (max-width: 991px) {
  .smartico-profile { padding: 1rem 1.125rem 1.5rem; }
}
.smartico-profile__error { padding: 3rem 1rem; color: var(--yyy-red); text-align: center; }
.smartico-profile-header { display: flex; align-items: center; justify-content: space-between; min-height: 7.25rem; padding-bottom: 1rem; }
@media (max-width: 767px) {
  .smartico-profile-header { align-items: flex-start; }
}
.smartico-profile-header__avatar { display: inline-flex; position: relative; flex-shrink: 0; align-items: center; justify-content: center; width: 6.25rem; height: 6.25rem; }
.smartico-profile-header__avatar-image { width: 100%; height: 100%; object-fit: contain; }
.smartico-profile-header__avatar-initial { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 100%; border: .125rem solid var(--yyy-dark-blue); border-radius: 50%; background: var(--yyy-dark-black); color: var(--yyy-vip-light-gold); font-size: 3.25rem; font-weight: 700; line-height: 1; }
.smartico-profile-header__coins-pill { display: inline-flex; position: relative; flex-shrink: 0; align-items: center; justify-content: center; box-sizing: border-box; width: 8.1875rem; height: 3.8125rem; padding: 1.125rem 1rem 0.875rem 1.25rem; border: .0625rem solid var(--yyy-dark-blue); border-radius: 3.75rem; background: var(--yyy-dark-black); }
.smartico-profile-header__coins-label { position: absolute; top: -0.5rem; left: 50%; padding: 0.0625rem 0.5rem; transform: translate(-50%); border-radius: 1.5rem; background: var(--yyy-dark-blue); color: var(--wkg-color-white); font-size: 0.875rem; font-weight: 400; line-height: 1; white-space: nowrap; }
.smartico-profile-header__coins-row { display: flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; }
.smartico-profile-header__coins-value { color: var(--wkg-color-white); font-size: 1.5rem; font-weight: 700; line-height: 1; }
.smartico-profile-header__coins-icon { font-size: 1.75rem; flex-shrink: 0; line-height: 1; color: var(--yyy-primary-yellow); vertical-align: -0.12em; }
.smartico-profile-status { width: 100%; padding-bottom: 2rem; }
.smartico-profile-status__name { margin: 0px; padding-bottom: 1rem; color: var(--wkg-color-white); font-size: 1.5rem; font-weight: 700; line-height: 1; }
.smartico-profile-status__name-value { color: inherit; font: inherit; }
.smartico-profile-status__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 0.75rem; width: 100%; padding-bottom: 0.5rem; }
.smartico-profile-status__status, .smartico-profile-status__points { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0px; }
.smartico-profile-status__points { align-items: flex-end; min-width: 13.125rem; text-align: end; }
@media (max-width: 767px) {
  .smartico-profile-status__points { min-width: 8.75rem; }
}
.smartico-profile-status__muted { color: var(--wkg-color-grey-200); font-size: 0.875rem; font-weight: 400; line-height: 1; }
.smartico-profile-status__status-value { color: var(--yyy-vip-light-gold); font-size: 1.125rem; font-weight: 700; line-height: 1; }
.smartico-profile-status__points-value { font-size: 1.125rem; font-weight: 600; line-height: 1; white-space: nowrap; }
.smartico-profile-status__points-value strong { color: var(--wkg-color-white); font-size: inherit; font-weight: 600; }
.smartico-profile-status__points-value span { color: var(--wkg-color-grey-200); }
.smartico-profile-status__track { width: 100%; height: 0.75rem; overflow: hidden; border-radius: 1.5rem; background: var(--yyy-dark-black); }
.smartico-profile-status__fill { display: block; height: 100%; border-radius: inherit; background: var(--yyy-vip-gold-gradient); box-shadow: rgba(255, 165, 18, 0.5) 0px 0px 0.625rem; }
.smartico-profile-status__note { margin: 0.25rem 0px 0px; color: var(--wkg-color-grey-200); font-size: 0.875rem; font-weight: 400; line-height: 1; text-align: end; }
.smartico-profile-bonus-list { display: flex; flex-direction: column; gap: 0.5rem; padding-bottom: 1rem; }
.smartico-profile-bonus-card { display: flex; align-items: center; gap: 0.25rem; box-sizing: border-box; min-height: 3.75rem; padding: 0.375rem 1.5rem; border: .0625rem solid var(--yyy-vip-light-gold); border-radius: 0.75rem; background: var(--yyy-dark-blue); box-shadow: rgba(251, 227, 163, 0.25) 0px 0px 0.3125rem; }
.smartico-profile-bonus-card__icon { flex-shrink: 0; overflow: hidden; width: 3rem; height: 3rem; }
.smartico-profile-bonus-card__icon img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.smartico-profile-bonus-card__title { flex: 1 1 0%; min-width: 0px; margin: 0px; overflow: hidden; color: var(--yyy-vip-light-gold); font-size: 1.125rem; font-weight: 700; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 767px) {
  .smartico-profile-bonus-card__title { line-height: 1.1; white-space: normal; }
}
.smartico-profile-bonus-card__cta { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 0.25rem; height: 2rem; padding: 0px 0.75rem; border: 0px; border-radius: 3.75rem; background: var(--yyy-vip-light-gold); color: var(--yyy-dark-blue); font-size: 0.875rem; font-weight: 700; line-height: 1; text-transform: uppercase; cursor: pointer; transition: filter 0.2s; }
.smartico-profile-bonus-card__cta:hover { filter: brightness(1.05); }
.smartico-profile-bonus-card__cta:disabled { cursor: default; }
.smartico-profile-bonus-card__cta--claimed { gap: 0.25rem; padding: 0px 0.5rem 0px 0.75rem; border: .0625rem solid var(--wkg-color-grey-200); background: transparent; color: var(--wkg-color-grey-200); font-weight: 600; cursor: default; }
.smartico-profile-bonus-card__cta--claimed:hover { filter: none; }
.smartico-profile-bonus-card__check { flex-shrink: 0; width: 1rem; height: 1rem; }
.smartico-levels { display: flex; flex-direction: column; padding: var(--wkg-spacing-md) var(--wkg-spacing-xl) var(--wkg-spacing-xl); margin-top: var(--wkg-spacing-md); border-radius: var(--wkg-border-radius-4xl); background: var(--wkg-color-grey-500); color: var(--wkg-color-white); }
@media (max-width: 991px) {
  .smartico-levels { overflow: visible; padding: 0px; background: none; border-radius: 0px; }
}
@media (max-width: 991px) {
  .smartico-levels__body { padding: 3.5rem 1rem 1.5rem; border-radius: var(--wkg-border-radius-4xl); background: var(--wkg-color-grey-500); }
}
.smartico-levels-trophies { --smartico-levels-cup-size: clamp(3.25rem, 4.4vw, 3.625rem); --smartico-levels-active-ring-size: clamp(5.5rem, 7.2vw, 5.875rem); display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: var(--wkg-spacing-xs); padding-bottom: var(--wkg-spacing-md); }
@media (max-width: 991px) {
  .smartico-levels-trophies { position: relative; z-index: 2; justify-content: flex-start; gap: var(--wkg-spacing-sm); padding: 0px 1.125rem; margin-bottom: -2.5rem; overflow-x: auto; scrollbar-width: none; touch-action: pan-x; }
  .smartico-levels-trophies::-webkit-scrollbar { display: none; }
}
.smartico-levels-trophy { display: flex; position: relative; flex: 1 1 0px; align-items: center; justify-content: center; min-width: 0px; height: var(--smartico-levels-active-ring-size); isolation: isolate; }
@media (max-width: 991px) {
  .smartico-levels-trophy { flex: 0 0 4.5rem; }
}
.smartico-levels-trophy__image { position: relative; z-index: 3; width: var(--smartico-levels-cup-size); height: var(--smartico-levels-cup-size); object-fit: contain; }
.smartico-levels-trophy--active { --smartico-levels-progress-angle: calc(var(--smartico-levels-progress, 0) * 3.6deg); }
.smartico-levels-trophy--active::before { content: ""; position: absolute; top: 50%; left: 50%; width: var(--smartico-levels-active-ring-size); height: var(--smartico-levels-active-ring-size); transform: translate(-50%, -50%); border: 0.0625rem solid rgba(69, 76, 100, 0.9); border-radius: 50%; background: var(--wkg-color-black); }
.smartico-levels-trophy--active::after { content: ""; position: absolute; top: 50%; left: 50%; width: var(--smartico-levels-active-ring-size); height: var(--smartico-levels-active-ring-size); transform: translate(-50%, -50%); border-radius: 50%; opacity: 0.95; background: conic-gradient(from -90deg,var(--wkg-color-light-gold-100) 0deg var(--smartico-levels-progress-angle),transparent var(--smartico-levels-progress-angle) 360deg); mask: radial-gradient(farthest-side, transparent calc(100% - 0.25rem), rgb(0, 0, 0) 0px); filter: drop-shadow(rgba(251, 227, 163, 0.35) 0px 0px 0.375rem); }
.smartico-levels-trophy--active .smartico-levels-trophy__image { width: calc(var(--smartico-levels-cup-size) + .125rem); height: calc(var(--smartico-levels-cup-size) + .125rem); }
@media (max-width: 991px) {
  .smartico-levels-trophy--active::before { background: var(--wkg-color-grey-500); }
}
.smartico-levels-cards { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--wkg-spacing-xs); padding-bottom: var(--wkg-spacing-lg); }
@media (max-width: 991px) {
  .smartico-levels-cards { display: flex; flex-direction: row; width: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .smartico-levels-cards::-webkit-scrollbar { display: none; }
}
.smartico-levels-status-card { display: flex; flex-direction: column; box-sizing: border-box; padding: var(--wkg-spacing-lg) var(--wkg-spacing-md); border-radius: var(--wkg-border-radius-2xl); background: var(--wkg-color-black); }
@media (max-width: 991px) {
  .smartico-levels-status-card { flex: 0 0 100%; min-width: 0px; max-width: 100%; scroll-snap-align: start; padding: 1.25rem 1rem var(--wkg-spacing-lg); border-radius: var(--wkg-border-radius-lg); overflow: hidden; }
}
.smartico-levels-status-card--next { padding-bottom: var(--wkg-spacing-md); background: var(--wkg-color-grey-400); }
@media (max-width: 991px) {
  .smartico-levels-status-card--next { padding-bottom: var(--wkg-spacing-lg); }
}
.smartico-levels-status-card__head { display: flex; justify-content: space-between; gap: var(--wkg-spacing-sm); padding-bottom: var(--wkg-spacing-xs); min-width: 0px; }
.smartico-levels-status-card__head-col { display: flex; flex-direction: column; gap: var(--wkg-spacing-xxs); min-width: 0px; }
.smartico-levels-status-card__head-col--right { align-items: flex-end; text-align: end; }
.smartico-levels-status-card__label { color: var(--wkg-color-grey-200); font-size: var(--wkg-font-size-xs); font-weight: var(--wkg-font-weight-400); line-height: var(--wkg-line-height-xxs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 991px) {
  .smartico-levels-status-card__label { font-size: var(--wkg-font-size-xxs); }
}
.smartico-levels-status-card--next .smartico-levels-status-card__head-col:first-child .smartico-levels-status-card__label { color: var(--wkg-color-white); }
.smartico-levels-status-card__status { color: var(--wkg-color-light-gold-100); font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-700); line-height: var(--wkg-line-height-xxs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 991px) {
  .smartico-levels-status-card__status { font-size: var(--wkg-font-size-sm); }
}
.smartico-levels-status-card__points { color: var(--wkg-color-white); font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-600); line-height: var(--wkg-line-height-xxs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 991px) {
  .smartico-levels-status-card__points { font-size: var(--wkg-font-size-sm); }
}
.smartico-levels-status-card__points-total { color: var(--wkg-color-grey-200); font-size: inherit; font-weight: inherit; }
.smartico-levels-status-card__title { margin: var(--wkg-spacing-lg) 0 var(--wkg-spacing-xs); color: var(--wkg-color-grey-200); font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-400); line-height: var(--wkg-line-height-xxs); }
@media (max-width: 991px) {
  .smartico-levels-status-card__title { margin: var(--wkg-spacing-xs) 0; font-size: var(--wkg-font-size-xs); }
}
.smartico-levels-status-card__cta { display: flex; justify-content: flex-end; padding-top: var(--wkg-spacing-md); }
.smartico-levels-link { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0px; border: medium; background: none; color: var(--wkg-color-grey-200); font-size: var(--wkg-font-size-xs); font-weight: var(--wkg-font-weight-600); font-family: inherit; line-height: normal; text-decoration: none; white-space: nowrap; cursor: pointer; transition: color 0.15s; }
.smartico-levels-link::after { content: "→"; }
.smartico-levels-link:hover { color: var(--wkg-color-white); }
@media (max-width: 991px) {
  .smartico-levels-link { font-size: var(--wkg-font-size-xxs); }
}
.smartico-levels-advantages { display: flex; flex-direction: column; gap: var(--wkg-spacing-xxs); margin: 0px; padding: 0px; list-style: none; }
.smartico-levels-advantage { display: flex; align-items: center; gap: var(--wkg-spacing-md); min-height: 3.5rem; padding: var(--wkg-spacing-xs) var(--wkg-spacing-xs) var(--wkg-spacing-xs) var(--wkg-spacing-md); border-radius: var(--wkg-border-radius-lg); background: var(--wkg-color-grey-500); }
@media (max-width: 991px) {
  .smartico-levels-advantage { padding: var(--wkg-spacing-xs); }
}
.smartico-levels-advantage__icon { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; color: var(--wkg-color-light-gold-100); }
.smartico-levels-advantage__icon img { display: block; width: 2.5rem; height: 2.5rem; object-fit: contain; }
.smartico-levels-advantage__text { color: var(--wkg-color-white); font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-400); line-height: var(--wkg-line-height-sm); }
@media (max-width: 991px) {
  .smartico-levels-advantage__text { font-weight: var(--wkg-font-weight-600); }
}
.smartico-levels-advantage__percent { color: var(--wkg-color-light-gold-100); font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-600); line-height: var(--wkg-line-height-xxs); }
.smartico-levels-advantage__diamonds { display: inline-flex; align-items: center; justify-content: center; gap: 0.125rem; color: var(--wkg-color-light-gold-100); }
.smartico-levels-status-card--next .smartico-levels-advantage__text { font-size: var(--wkg-font-size-md); line-height: var(--wkg-line-height-xs); }
.smartico-levels-status-card--next .smartico-levels-advantage__percent { font-size: var(--wkg-font-size-lg); }
.smartico-loyalty-status { display: flex; flex-direction: column; gap: var(--wkg-spacing-sm); padding: var(--wkg-spacing-lg) var(--wkg-spacing-md); border-radius: var(--wkg-border-radius-2xl); background: var(--wkg-color-black); }
.smartico-loyalty-status__trophy { display: flex; align-items: center; justify-content: center; align-self: center; width: 4.5rem; height: 4.5rem; border-radius: 50%; background: var(--wkg-color-grey-400); }
.smartico-loyalty-status__trophy-image { width: 3rem; height: 3rem; object-fit: contain; }
.smartico-loyalty-status__row { display: flex; justify-content: space-between; gap: var(--wkg-spacing-sm); }
.smartico-loyalty-status__col { display: flex; flex-direction: column; gap: var(--wkg-spacing-xxs); }
.smartico-loyalty-status__col--right { align-items: flex-end; text-align: end; }
.smartico-loyalty-status__label { color: var(--wkg-color-grey-200); font-size: var(--wkg-font-size-xs); font-weight: var(--wkg-font-weight-400); line-height: var(--wkg-line-height-xxs); }
.smartico-loyalty-status__value { color: var(--wkg-color-light-gold-100); font-size: var(--wkg-font-size-md); font-weight: var(--wkg-font-weight-700); line-height: var(--wkg-line-height-xxs); }
.smartico-loyalty-status__value-total { color: var(--wkg-color-grey-200); font-size: inherit; font-weight: var(--wkg-font-weight-600); }
.smartico-loyalty-status__cta { align-self: flex-end; }
.smartico-missions { display: flex; flex-direction: column; gap: 1rem; }
.smartico-missions__cluster { display: flex; flex-direction: column; padding: 2rem; border-radius: 1rem; background: var(--yyy-dark-blue-lvl-2); gap: 2.5rem; }
.smartico-missions__section { display: flex; flex-direction: column; gap: 1rem; }
.smartico-missions__section-title { display: inline-flex; align-items: center; margin: 0px; color: var(--wkg-color-white); font-size: 1.5rem; font-weight: 600; line-height: 1; gap: 0.5rem; }
.smartico-missions__section-icon { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; overflow: visible; }
.smartico-missions__section-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.smartico-missions__row { scrollbar-width: none; display: flex; margin-top: -0.75rem; padding-top: 0.75rem; padding-bottom: 0.125rem; overflow: auto hidden; gap: 0.5rem; }
.smartico-missions__row::-webkit-scrollbar { display: none; }
.smartico-missions__error { padding: 3rem 1rem; color: rgb(229, 64, 94); text-align: center; }
.smartico-missions-card { --smartico-missions-card-bg: var(--yyy-dark-blue-lvl-3); --smartico-missions-card-border-gradient: linear-gradient(var(--yyy-dark-blue), var(--yyy-dark-blue)); display: flex; position: relative; flex-direction: column; width: 13.75rem; min-width: 13.75rem; height: 10.5rem; padding: 1rem; border: 0.0625rem solid transparent; border-radius: 0.75rem; background: linear-gradient(var(--smartico-missions-card-bg),var(--smartico-missions-card-bg)) padding-box,var(--smartico-missions-card-border-gradient) border-box; }
.smartico-missions-card--compact { width: 9.375rem; min-width: 9.375rem; height: 10.625rem; }
.smartico-missions-card--clickable { cursor: pointer; transition: transform 0.15s, box-shadow 0.15s; }
.smartico-missions-card--clickable:hover { transform: translateY(-0.125rem); }
.smartico-missions-card--clickable:focus-visible { outline: .125rem solid var(--yyy-vip-light-gold); outline-offset: 0.125rem; }
.smartico-missions-card--daily { border: 0px; background: var(--yyy-vip-gold-gradient); }
.smartico-missions-card--daily .smartico-missions-card__corner { top: -0.75rem; }
.smartico-missions-card--daily .smartico-missions-card__title { color: var(--yyy-dark-blue-lvl-3); text-shadow: 0 0 .3125rem var(--yyy-vip-light-gold); }
.smartico-missions-card--daily .smartico-missions-card__button { border: 0px; background: var(--yyy-dark-blue-lvl-1); color: var(--wkg-color-white); }
.smartico-missions-card--daily .smartico-missions-card__button .button__content { color: var(--wkg-color-white); }
.smartico-missions-card--claim { --smartico-missions-card-border-gradient: linear-gradient(var(--yyy-vip-light-gold), var(--yyy-vip-light-gold)); }
.smartico-missions-card--claim .smartico-missions-card__corner { top: -0.75rem; }
.smartico-missions-card--claim .smartico-missions-card__button { border: 0px; background: var(--yyy-vip-gold-gradient); color: var(--yyy-dark-blue-lvl-1); }
.smartico-missions-card--claim .smartico-missions-card__button .button__content { color: var(--yyy-dark-blue-lvl-1); }
.smartico-missions-card--active { --smartico-missions-card-border-gradient: var(--yyy-promo-gradient-green); }
.smartico-missions-card--discover { border: 0px; }
.smartico-missions-card--discover .smartico-missions-card__title { overflow: visible; color: var(--yyy-primary-yellow); text-overflow: clip; white-space: normal; }
.smartico-missions-card__corner { position: absolute; top: -0.75rem; inset-inline-end: 0px; width: 3.5rem; height: 3.5rem; overflow: hidden; }
.smartico-missions-card__corner img { display: block; width: 100%; height: 100%; object-fit: cover; }
.smartico-missions-card__corner::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(180deg,rgba(28,30,39,0) 30%,var(--yyy-dark-black) 100%); }
.smartico-missions-card__body { display: flex; flex: 1 1 0%; flex-direction: column; padding-bottom: 1rem; gap: 0.25rem; }
.smartico-missions-card__title { display: -webkit-box; margin: 0px; overflow: hidden; color: var(--wkg-color-white); font-size: 1.125rem; font-weight: 700; line-height: 1; text-overflow: ellipsis; text-shadow: 0 0 .3125rem var(--yyy-dark-blue-lvl-3); -webkit-line-clamp: 3; -moz-box-orient: vertical; }
.smartico-missions-card__subtitle { display: inline-flex; align-items: center; margin: 0px; overflow: hidden; color: var(--wkg-color-grey-200); font-size: 0.875rem; font-weight: 400; line-height: 1; text-overflow: ellipsis; white-space: nowrap; gap: 0.25rem; }
.smartico-missions-card__mini-coin { font-size: 0.875rem; flex-shrink: 0; line-height: 1; color: var(--yyy-primary-yellow); margin-inline-start: 0.25rem; vertical-align: -0.12em; }
.smartico-missions-card__button { display: inline-flex; align-items: center; align-self: flex-start; height: 2rem; padding: 0px 0.75rem; border: .0625rem solid var(--wkg-color-grey-200); border-radius: 3.75rem; background: transparent; color: var(--wkg-color-white); font-size: 0.875rem; font-weight: 600; line-height: 1; text-transform: uppercase; cursor: pointer; gap: 0.25rem; }
.smartico-missions-card__button .button__content { color: inherit; font-weight: inherit; }
.smartico-missions-card__countdown { display: inline-flex; position: absolute; inset-inline-end: 0px; bottom: 0px; align-items: center; justify-content: center; height: 1.0625rem; padding: 0px 0.5rem; border-start-start-radius: 0.625rem; border-start-end-radius: 0px; border-end-end-radius: 0.5rem; border-end-start-radius: 0px; background: var(--wkg-color-grey-200); color: var(--yyy-dark-blue-lvl-3); font-size: 0.75rem; font-weight: 700; line-height: 1; }
.smartico-missions-card__countdown .smartico-countdown { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
.smartico-missions-card--active .smartico-missions-card__countdown { background: var(--yyy-promo-gradient-green); color: var(--yyy-dark-blue-lvl-1); }
@media (max-width: 991px) {
  .smartico-missions__cluster { padding: 1.25rem 1rem; gap: 1.75rem; }
  .smartico-missions__section-title { font-size: 1.375rem; }
}
.mission-card { position: relative; background: var(--yyy-card-bg, #323746); border-radius: 0.75rem; padding: 1rem; display: flex; flex-direction: column; gap: 0.75rem; transition: transform 0.15s, box-shadow 0.15s; }
.mission-card:hover { transform: translateY(-0.125rem); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.25rem 1rem; }
.mission-card--locked { opacity: 0.7; }
.mission-card--completed { border: 0.0625rem solid rgba(63, 255, 162, 0.3); }
.mission-card--clickable { cursor: pointer; }
.mission-card__badge { position: absolute; top: 0.5rem; inset-inline-end: 0.5rem; font-size: 0.6875rem; font-weight: 700; padding: 0.1875rem 0.5rem; border-radius: 0.25rem; z-index: 1; }
.mission-card__badge--locked { background: rgb(229, 64, 94); color: var(--white, #fff); }
.mission-card__badge--completed { background: rgb(63, 255, 162); color: var(--yyy-black); }
.mission-card__badge--optin { background: var(--darkTurquoise); color: var(--yyy-black); }
.mission-card__badge--progress { background: var(--yyy-primary-yellow); color: var(--yyy-black); }
.mission-card__header { display: flex; align-items: center; gap: 0.75rem; }
.mission-card__image { width: 3rem; height: 3rem; object-fit: contain; flex-shrink: 0; }
.mission-card__title { margin: 0px; font-size: 0.875rem; font-weight: 700; color: var(--white, #fff); line-height: 1.3; }
.mission-card__progress { display: flex; flex-direction: column; gap: 0.5rem; margin-top: auto; }
.mission-card__progress-bar { width: 100%; height: 0.1875rem; background: rgba(255, 255, 255, 0.1); border-radius: 0.125rem; overflow: hidden; }
.mission-card__progress-fill { height: 100%; background: linear-gradient(to right, rgb(229, 64, 94), rgb(255, 219, 58) 45%, rgb(63, 255, 162)); border-radius: 0.125rem; transition: width 0.3s; }
.mission-card__progress-info { display: flex; justify-content: space-between; align-items: center; }
.mission-card__progress-pct, .mission-card__reward { font-size: 0.75rem; font-weight: 600; color: var(--white, #fff); }
.smartico-store__header { display: flex; justify-content: flex-end; margin-bottom: var(--wkg-spacing-lg); }
.smartico-store__grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-flow: dense; gap: var(--wkg-spacing-md); }
@media (min-width: 992px) {
  .smartico-store__grid { grid-template-columns: repeat(4, 1fr); }
}
.smartico-store__empty { grid-column: 1 / -1; text-align: center; padding: 3rem 1rem; color: var(--wkg-color-grey-200, #9698a1); font-size: 1rem; }
.smartico-store__error { text-align: center; padding: 3rem 1rem; color: rgb(229, 64, 94); }
.store-card { position: relative; background: var(--yyy-card-bg, #323746); border-radius: 0.75rem; padding: 1rem; display: flex; flex-direction: column; gap: 0.75rem; transition: transform 0.15s, box-shadow 0.15s; }
.store-card:hover { transform: translateY(-0.125rem); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.25rem 1rem; }
.store-card--disabled { opacity: 0.55; }
.store-card__ribbon { position: absolute; top: 0.5rem; inset-inline-end: 0.5rem; font-size: 0.625rem; font-weight: 700; text-transform: uppercase; padding: 0.1875rem 0.5rem; border-radius: 0.25rem; color: var(--white, #fff); }
.store-card__ribbon--hot { background: rgb(229, 64, 94); }
.store-card__ribbon--sale { background: var(--yyy-primary-yellow); color: var(--yyy-black); }
.store-card__ribbon--new { background: var(--yyy-primary-blue); }
.store-card__ribbon--vip { background: linear-gradient(135deg, rgb(184, 134, 11), gold); color: var(--yyy-black); }
.store-card__image-wrapper { display: flex; justify-content: center; padding: 0.5rem 0px; }
.store-card__image { width: 5rem; height: 5rem; object-fit: contain; }
.store-card__title { margin: 0px; font-size: 0.875rem; font-weight: 700; color: var(--white, #fff); text-align: center; line-height: 1.3; }
.store-card__hint { margin: 0px; font-size: 0.75rem; color: var(--wkg-color-grey-200, #9698a1); text-align: center; line-height: 1.4; }
.store-card__footer { margin-top: auto; display: flex; flex-direction: column; gap: 0.5rem; }
.store-card__price { font-size: 0.8125rem; font-weight: 600; color: var(--white, #fff); text-align: center; }
.store-card__buy-btn { width: 100%; background: linear-gradient(252deg, rgb(21, 214, 201), rgb(52, 152, 253) 47%); color: var(--white, #fff); border: medium; border-radius: 6.25rem; padding: 0.5rem 1rem; font-size: 0.8125rem; font-weight: 600; cursor: pointer; transition: opacity 0.2s; }
.store-card__buy-btn:hover:not(:disabled) { opacity: 0.85; }
.store-card__buy-btn:disabled { background: rgb(68, 68, 68); cursor: not-allowed; }
.store-card__confirm { display: flex; flex-direction: column; gap: 0.5rem; background: rgba(0, 0, 0, 0.2); border-radius: 0.5rem; padding: 0.75rem; }
.store-card__confirm-text { margin: 0px; font-size: 0.75rem; color: var(--wkg-color-grey-200, #9698a1); text-align: center; line-height: 1.4; }
.store-card__confirm-price { font-size: 0.8125rem; font-weight: 600; color: var(--white, #fff); text-align: center; }
.store-card__confirm-actions { display: flex; gap: 0.5rem; }
.store-card__cancel-btn { flex: 1 1 0%; background: transparent; border: .0625rem solid var(--wkg-color-grey-200, #9698a1); border-radius: 6.25rem; padding: 0.5rem 0.75rem; font-size: 0.75rem; font-weight: 600; color: var(--white, #fff); cursor: pointer; transition: border-color 0.2s; }
.store-card__cancel-btn:hover:not(:disabled) { border-color: var(--white, #fff); }
.store-card__confirm-btn { flex: 1 1 0%; background: linear-gradient(to right, rgb(255, 165, 18), rgb(255, 200, 0)); color: var(--yyy-black); border: medium; border-radius: 6.25rem; padding: 0.5rem 0.75rem; font-size: 0.75rem; font-weight: 600; cursor: pointer; transition: opacity 0.2s; }
.store-card__confirm-btn:hover:not(:disabled) { opacity: 0.85; }
.store-card__confirm-btn:disabled { opacity: 0.6; cursor: not-allowed; }
.smartico-tournaments { display: flex; flex-direction: column; gap: 2rem; }
.smartico-tournaments__block { display: flex; flex-direction: column; gap: 1.5rem; }
.smartico-tournaments__block-title { margin: 0px; color: var(--wkg-color-white); font-size: 1.5rem; font-weight: 700; line-height: 1; }
.smartico-tournaments__grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
@media (min-width: 992px) {
  .smartico-tournaments__grid { grid-template-columns: repeat(3, 1fr); }
}
.smartico-tournaments__empty { margin: 0px; padding: 2rem; border: 0.0625rem dashed rgba(150, 152, 161, 0.3); border-radius: 0.75rem; color: var(--wkg-color-grey-200); text-align: center; font-size: 0.875rem; }
.smartico-tournaments__error { grid-column: 1 / -1; padding: 3rem 1rem; color: rgb(229, 64, 94); text-align: center; font-size: 1rem; }
.tournament-card { display: flex; position: relative; flex-direction: column; overflow: hidden; border: 0.0625rem solid rgba(116, 137, 186, 0.26); border-radius: 1rem; background: var(--yyy-dark-blue-lvl-3); color: var(--wkg-color-white); }
.tournament-card--active { border-color: var(--yyy-green); }
.tournament-card--upcoming { border-color: var(--yyy-primary-blue); }
.tournament-card--completed { border-color: var(--yyy-vip-light-gold); }
.tournament-card--over { border-color: rgba(150, 152, 161, 0.3); filter: grayscale(1); opacity: 0.85; }
.tournament-card--vip { border-color: var(--yyy-vip-light-gold); }
.tournament-card__vip-badge { display: inline-flex; position: absolute; top: -0.0625rem; inset-inline-start: -0.0625rem; align-items: center; padding: 0.25rem 1rem; border-start-start-radius: 1rem; border-start-end-radius: 0px; border-end-end-radius: 1.125rem; border-end-start-radius: 0px; background: var(--yyy-vip-gold-gradient); color: var(--yyy-dark-blue); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.03125rem; text-transform: uppercase; z-index: 1; }
.tournament-card__time { display: inline-flex; position: absolute; top: -0.0625rem; inset-inline-end: -0.0625rem; align-items: center; padding: 0.25rem 1rem; border-start-start-radius: 0px; border-start-end-radius: 1rem; border-end-end-radius: 0px; border-end-start-radius: 1.125rem; color: var(--yyy-dark-blue-lvl-1); font-size: 0.75rem; font-weight: 700; gap: 0.25rem; letter-spacing: 0.03125rem; z-index: 1; }
.tournament-card__time--active { background: var(--yyy-promo-gradient-green); }
.tournament-card__time--upcoming { background: var(--yyy-primary-gradient-blue); }
.tournament-card__time--completed { background: var(--yyy-vip-gold-gradient); text-transform: uppercase; }
.tournament-card__time--over { background: rgba(150, 152, 161, 0.3); color: var(--wkg-color-grey-200); text-transform: uppercase; }
.tournament-card__time--vip, .tournament-card__time--active.tournament-card__time--vip { background: var(--yyy-dark-blue); color: var(--wkg-color-grey-200); }
.tournament-card__time .smartico-countdown { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
.tournament-card__time-label { font-weight: 500; }
.tournament-card__heading { display: flex; position: relative; flex-direction: column; justify-content: center; min-height: 12.25rem; padding: 1.5rem; border-bottom: .0625rem solid var(--yyy-dark-blue-lvl-1); background: linear-gradient(135deg, rgb(42, 48, 80), rgb(28, 30, 39)); gap: 0.5rem; }
.tournament-card--vip .tournament-card__heading { background: var(--yyy-vip-gold-gradient); border-bottom-color: var(--yyy-vip-light-gold); }
.tournament-card__prize-img--logo { width: 9.5rem; height: 2rem; }
.tournament-card__prize-img--logo img { object-fit: contain; object-position: left center; }
.tournament-card__hero { position: absolute; inset: 0px; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.tournament-card__hero::after { content: ""; position: absolute; inset: 0px; background: rgba(28, 30, 39, 0.55); }
.tournament-card__heading-inner { display: flex; position: relative; flex-direction: column; gap: 0.5rem; }
.tournament-card__title-row { display: flex; align-items: center; gap: 0.5rem; }
.tournament-card__prize-img { flex-shrink: 0; width: 8.9375rem; height: 6.25rem; overflow: hidden; border-radius: 0.5rem; }
.tournament-card__prize-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tournament-card__title { flex: 1 1 0%; min-width: 11.25rem; margin: 0px; color: var(--wkg-color-white); font-size: 1.5rem; font-weight: 700; line-height: 1.15; }
.tournament-card__description { margin: 0px; color: var(--wkg-color-white); font-size: 1rem; font-weight: 400; line-height: 1.3; text-align: center; }
.tournament-card__leaderboard { display: grid; grid-template-columns: minmax(2.5rem, max-content) minmax(3.75rem, 1fr) minmax(4.0625rem, max-content) minmax(7.1875rem, max-content); row-gap: 0.375rem; padding: 1.5rem 1rem 2rem; background: var(--yyy-dark-blue-lvl-3); }
.tournament-card__leaderboard-header { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; gap: 0.5rem; padding: 0px 1rem 0.5rem; color: var(--wkg-color-grey-200); font-size: 0.875rem; font-weight: 400; }
.tournament-card__leaderboard-header > * { min-width: 0px; overflow-wrap: anywhere; }
.tournament-card__leaderboard-row { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; gap: 0.5rem; align-items: center; height: 3rem; padding: 0px 1rem; border: .0625rem solid var(--yyy-dark-blue-lvl-2); border-radius: 4rem; }
.tournament-card__leaderboard-row > * { min-width: 0px; overflow-wrap: anywhere; }
.tournament-card__leaderboard-row .tournament-card__lb-col--rank { color: var(--wkg-color-grey-200); font-size: 1.125rem; font-weight: 600; }
.tournament-card__leaderboard-row .tournament-card__lb-col--player, .tournament-card__leaderboard-row .tournament-card__lb-col--points { color: var(--wkg-color-grey-200); font-size: 1rem; font-weight: 400; }
.tournament-card__leaderboard-row .tournament-card__lb-col--reward { color: var(--wkg-color-white); font-size: 1.125rem; font-weight: 600; }
.tournament-card__leaderboard-row--me { border-color: var(--yyy-vip-light-gold); }
.tournament-card__leaderboard-row--me .tournament-card__lb-col--rank { color: var(--yyy-vip-light-gold); }
.tournament-card__leaderboard-row--me .tournament-card__lb-col--player, .tournament-card__leaderboard-row--me .tournament-card__lb-col--points { color: var(--wkg-color-white); }
.tournament-card__leaderboard-row--me .tournament-card__lb-col--reward { color: var(--yyy-vip-light-gold); }
.tournament-card__leaderboard-row[data-rank="1"] .tournament-card__lb-col--rank { color: rgb(255, 212, 96); }
.tournament-card__leaderboard-row[data-rank="2"] .tournament-card__lb-col--rank { color: rgb(208, 215, 248); }
.tournament-card__leaderboard-row[data-rank="3"] .tournament-card__lb-col--rank { color: rgb(179, 112, 72); }
.tournament-card__lb-col--player { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tournament-card__lb-col--points, .tournament-card__lb-col--reward { text-align: end; }
.tournament-card__footer { display: flex; align-items: center; justify-content: flex-end; margin-top: auto; padding: 1.5rem; background: var(--yyy-dark-blue-lvl-1); border-top: .0625rem solid var(--yyy-dark-blue-lvl-1); gap: 0.75rem; }
.tournament-card__reward { display: flex; flex: 1 1 0%; flex-direction: column; min-width: 0px; gap: 0.375rem; }
.tournament-card__reward-title { display: inline-flex; align-items: center; color: var(--wkg-color-grey-200); font-size: 0.875rem; font-weight: 400; gap: 0.25rem; }
.tournament-card__reward-icon { display: inline-block; width: 1.25rem; height: 1.25rem; object-fit: contain; }
.tournament-card__reward-value { min-width: 0px; margin: 0px; color: var(--yyy-vip-light-gold); font-size: 1.125rem; font-weight: 700; overflow-wrap: anywhere; }
.tournament-card__cta { flex-shrink: 0; border: 0px; background: var(--yyy-primary-gradient-blue); color: var(--wkg-color-white); font-weight: 800; text-transform: uppercase; }
.tournament-card__cta:disabled { background: rgba(150, 152, 161, 0.3); color: rgba(255, 255, 255, 0.45); cursor: not-allowed; }
.tournament-card__footer--vip { background: var(--yyy-vip-gold-gradient); border-top-color: var(--yyy-vip-light-gold); }
.tournament-card__reward--vip { gap: 0.25rem; }
.tournament-card__reward-title--vip { color: var(--yyy-dark-blue); }
.tournament-card__reward-value--vip { color: var(--yyy-dark-blue); font-size: 1.125rem; }
.tournament-card__coin-icon { margin-inline-start: 0.25rem; font-size: 1.15em; vertical-align: -0.12em; }
.tournament-card__learn-more { flex-shrink: 0; padding: 0px; background: none; border: medium; color: var(--yyy-dark-blue); font-size: 0.75rem; font-weight: 600; font-family: inherit; cursor: pointer; white-space: nowrap; text-decoration: underline; text-underline-offset: 0.125rem; transition: opacity 0.15s; }
.tournament-card__learn-more:hover { opacity: 0.7; }
.tournament-card__footer:not(.tournament-card__footer--vip) .tournament-card__learn-more { color: var(--wkg-color-grey-200); }
.tournament-card__vip-join { display: flex; flex-shrink: 0; align-items: center; justify-content: center; height: 2.5rem; padding: 0.6875rem 1.25rem; background: var(--yyy-dark-blue); border: medium; border-radius: 6.25rem; cursor: pointer; transition: opacity 0.15s; }
.tournament-card__vip-join:hover:not(:disabled) { opacity: 0.85; }
.tournament-card__vip-join:disabled { opacity: 0.5; cursor: not-allowed; }
.tournament-card__vip-join-text { background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; font-size: 0.875rem; font-weight: 800; text-transform: uppercase; white-space: nowrap; }
.tournament-card--clickable { cursor: pointer; }
.tournament-card--clickable:hover .tournament-card__heading { filter: brightness(1.05); }
.tournament-card--completed .tournament-card__cta, .tournament-card--vip .tournament-card__cta { background: var(--yyy-vip-gold-gradient); color: var(--yyy-dark-blue-lvl-1); }
.tournament-card--over .tournament-card__cta { background: rgba(150, 152, 161, 0.2); color: var(--wkg-color-grey-200); }
@media (max-width: 767px) {
  .tournament-card__heading { min-height: 10.5rem; padding: 1rem; }
  .tournament-card__title-row { gap: 0.75rem; }
  .tournament-card__prize-img { width: 6.25rem; height: 4.5rem; }
  .tournament-card__title { min-width: 0px; font-size: 1.125rem; }
  .tournament-card__description { font-size: 0.75rem; }
  .tournament-card__leaderboard { padding: 1rem 0.75rem 1.25rem; }
  .tournament-card__leaderboard-header { grid-template-columns: 1.875rem 1fr 2.8125rem 7.8125rem; padding: 0px 0.75rem 0.5rem; font-size: 0.625rem; gap: 0.375rem; }
  .tournament-card__leaderboard-row { grid-template-columns: 1.875rem 1fr 2.8125rem 7.5rem; padding: 0px 0.75rem; gap: 0.375rem; }
  .tournament-card__leaderboard-row .tournament-card__lb-col--rank { font-size: 0.875rem; }
  .tournament-card__leaderboard-row .tournament-card__lb-col--player, .tournament-card__leaderboard-row .tournament-card__lb-col--points { font-size: 0.75rem; }
  .tournament-card__leaderboard-row .tournament-card__lb-col--reward { font-size: 0.875rem; }
  .tournament-card__footer { padding: 1rem; gap: 0.75rem; }
  .tournament-card__reward-title { font-size: 0.625rem; }
  .tournament-card__reward-value { font-size: 0.875rem; }
}
.tournament-detail-drawer .wkg-overlay-drawer__body { flex: 1 1 0%; min-height: 0px; overflow: hidden; }
.tournament-detail-drawer .wkg-overlay-drawer__content { height: 100%; }
.tournament-detail { display: flex; flex-direction: column; height: 100%; background: var(--yyy-dark-grey, var(--yyy-dark-grey)); color: var(--yyy-white, #fff); font-family: Montserrat, sans-serif; overflow: hidden; border-radius: 1rem 1rem 0px 0px; }
.tournament-detail, .tournament-detail *, .tournament-detail ::before, .tournament-detail ::after { box-sizing: border-box; }
.tournament-detail__header { position: relative; flex-shrink: 0; display: flex; flex-direction: column; overflow: hidden; }
.tournament-detail__header-bg { position: absolute; inset: 0px; overflow: hidden; pointer-events: none; }
.tournament-detail__header-bg img { position: absolute; height: 128.57%; left: -31.28%; top: -15.02%; width: 162.57%; max-width: none; object-fit: cover; }
.tournament-detail__title-section { position: relative; display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: 0px 2.5rem; width: 100%; }
.tournament-detail__game-art { position: relative; width: 100%; max-width: 30.125rem; height: 12.5rem; overflow: hidden; }
.tournament-detail__game-art img { position: absolute; inset: 0px; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.tournament-detail__title-block { backdrop-filter: blur(0.375rem); background: linear-gradient(to bottom,rgba(33,38,51,.7) 0%,var(--yyy-dark-grey, var(--yyy-dark-grey)) 100%); border-radius: 1rem 1rem 0px 0px; padding: 1.5rem 1.5rem 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; width: 100%; text-align: center; }
.tournament-detail__title-block--muted .tournament-detail__title { color: var(--wkg-color-grey-200); }
.tournament-detail__title { font-size: 1.5rem; margin: 0px; font-weight: 700; line-height: normal; color: var(--yyy-white, #fff); text-align: center; width: 100%; }
.tournament-detail__subtitle { font-size: 1rem; line-height: 1.3125; display: -webkit-box; margin: 0px; font-weight: 400; color: var(--wkg-color-grey-200); text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
.tournament-detail__body { flex: 1 1 0%; min-height: 0px; overflow: hidden auto; }
.tournament-detail__body::-webkit-scrollbar { width: 0.25rem; }
.tournament-detail__body::-webkit-scrollbar-track { background: transparent; }
.tournament-detail__body::-webkit-scrollbar-thumb { background: var(--yyy-dark-blue, var(--yyy-dark-blue)); border-radius: 0.125rem; }
.tournament-detail__container { display: flex; flex-direction: column; align-items: center; overflow: hidden; width: 100%; padding: 0px 1rem; }
.tournament-detail__footer { flex-shrink: 0; display: flex; align-items: flex-end; gap: 1rem; padding: 1.5rem 2.5rem 2.5rem; background: var(--yyy-dark-blue, var(--yyy-dark-blue)); border-top: .0625rem solid var(--yyy-dark-blue, var(--yyy-dark-blue)); filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0.1875rem 0.5rem); }
.tournament-detail__reward { display: flex; flex: 1 0 0px; flex-direction: column; align-items: flex-start; gap: 0.25rem; min-width: 0px; }
.tournament-detail__reward-label { font-size: 0.625rem; display: flex; align-items: center; gap: 0.25rem; font-weight: 400; line-height: normal; color: var(--wkg-color-grey-200); white-space: nowrap; }
.tournament-detail__reward-icon { display: inline-block; flex-shrink: 0; width: 1.25rem; height: 1.25rem; }
.tournament-detail__reward-value { display: flex; align-items: flex-start; gap: 0.375rem; width: 100%; }
.tournament-detail__reward-amount { font-size: 1.125rem; font-weight: 700; line-height: normal; color: var(--yyy-vip-light-gold, var(--yyy-vip-light-gold)); white-space: nowrap; }
.tournament-detail__reward-coin { font-size: 1.5rem; flex-shrink: 0; line-height: 1; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; margin-inline-start: 0.25rem; vertical-align: -0.12em; }
.tournament-detail__footer--closed .tournament-detail__reward-amount { color: var(--wkg-color-grey-200); }
.tournament-detail__footer--closed .tournament-detail__join-btn:disabled { border: .0625rem solid var(--wkg-color-grey-200); opacity: 1; background: transparent; color: var(--wkg-color-grey-200); }
.tournament-detail__cta { display: flex; flex-direction: column; align-items: flex-end; gap: 0.375rem; min-width: 0px; }
.tournament-detail__cta-hint { font-size: 0.75rem; max-width: 12.5rem; margin: 0px; color: var(--wkg-color-grey-200); font-weight: 400; line-height: 1.3; text-align: end; }
.tournament-detail__join-btn { font-size: 0.875rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.625rem; flex-shrink: 0; height: 2.5rem; padding: 0.6875rem 1.25rem; background: linear-gradient(189.54deg, rgb(21, 214, 201), rgb(52, 152, 253) 83.333%); border: medium; border-radius: 6.25rem; color: var(--yyy-white, #fff); font-weight: 800; font-family: inherit; line-height: normal; text-transform: uppercase; white-space: nowrap; cursor: pointer; transition: opacity 0.15s; }
.tournament-detail__join-btn:hover:not(:disabled) { opacity: 0.9; }
.tournament-detail__join-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.tournament-detail__join-btn--joined:disabled { opacity: 1; cursor: default; }
@media (max-width: 480px) {
  .tournament-detail__cta { align-items: stretch; max-width: 55%; }
  .tournament-detail__cta .tournament-detail__join-btn { height: auto; min-height: 2.5rem; padding: 0.6875rem 1rem; white-space: normal; }
  .tournament-detail__cta-hint { max-width: none; }
  .tournament-detail__reward-amount { white-space: normal; overflow-wrap: anywhere; }
}
.device-desktop .tournament-detail__title, .device-large .tournament-detail__title { font-size: 2rem; }
.device-desktop .tournament-detail__reward-label, .device-large .tournament-detail__reward-label { font-size: 0.875rem; }
.device-desktop .tournament-detail__reward-amount, .device-large .tournament-detail__reward-amount { font-size: 1.5rem; }
.device-desktop .tournament-detail__container, .device-large .tournament-detail__container { padding: 0px 2.5rem; }
.td-closed { display: flex; align-items: center; gap: 1rem; width: 100%; padding: 2.5rem 0px 1.5rem; }
.td-closed__icon { flex-shrink: 0; }
.td-closed__text { display: flex; flex: 1 0 0px; flex-direction: column; gap: 0.5rem; min-width: 0px; }
.td-closed__title { font-size: 1.125rem; margin: 0px; color: var(--wkg-color-white); font-weight: 700; line-height: normal; }
.td-closed__body { font-size: 1rem; margin: 0px; color: var(--wkg-color-grey-100); font-weight: 400; line-height: normal; }
.td-time-strip { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; min-height: 5rem; padding: 1.5rem 2.5rem; background: linear-gradient(rgba(33, 38, 51, 0.85), rgba(33, 38, 51, 0)); }
.td-time-strip__units { display: flex; align-items: center; }
.td-time-strip__unit { display: flex; flex-direction: column; align-items: flex-start; gap: 0.375rem; padding: 0px 1rem; }
.td-time-strip__unit:first-child { padding-inline-start: 0px; }
.td-time-strip__unit:last-child { padding-inline-end: 0px; }
.td-time-strip__value { font-size: 1.25rem; font-weight: 700; line-height: 1; color: var(--yyy-primary-yellow, var(--yyy-primary-yellow)); font-family: Montserrat, sans-serif; white-space: nowrap; text-shadow: rgba(0, 0, 0, 0.6) 0px 0.0625rem 0.125rem; }
.td-time-strip__label { font-size: 0.75rem; font-weight: 400; line-height: 1; color: var(--yyy-primary-yellow, var(--yyy-primary-yellow)); font-family: Montserrat, sans-serif; white-space: nowrap; text-shadow: rgba(0, 0, 0, 0.6) 0px 0.0625rem 0.125rem; }
.td-time-strip__divider { display: inline-block; width: 0.0625rem; height: 2rem; background: rgba(255, 255, 255, 0.2); flex-shrink: 0; }
.td-time-strip__close { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; background: transparent; border: medium; cursor: pointer; flex-shrink: 0; padding: 0.4375rem; transition: opacity 0.15s; }
.td-time-strip__close img { width: 100%; height: 100%; display: block; }
.td-time-strip__close:hover { opacity: 0.7; }
.td-time-strip__close--standalone { position: absolute; top: 1rem; inset-inline-end: 1rem; z-index: 3; }
.td-how-to-wrap { display: flex; align-items: center; width: 100%; padding: 2.5rem 0px; }
.td-how-to-card { display: flex; flex: 1 0 0px; flex-direction: column; align-items: flex-start; min-width: 0px; overflow: hidden; background: var(--yyy-dark-black, var(--yyy-dark-black)); border-radius: 1rem; padding: 2rem 1.5rem 1rem; }
.td-how-to-card__text { display: flex; flex-direction: column; gap: 0.5rem; padding-bottom: 2.5rem; width: 100%; }
.td-how-to-card__title { font-size: 1.125rem; margin: 0px; font-weight: 700; line-height: normal; color: var(--yyy-white, #fff); width: 100%; }
.td-how-to-card__desc { font-size: 0.75rem; margin: 0px; font-weight: 400; line-height: normal; color: rgb(183, 184, 192); width: 100%; white-space: pre-line; }
.td-how-to-card__tiles { position: relative; width: 100%; }
.td-how-to-card__tiles-title { font-size: 1.5rem; margin: 0px; font-weight: 700; line-height: normal; color: var(--yyy-white, #fff); width: 100%; padding-bottom: 0.5rem; }
.td-how-to-card__tiles-row { display: flex; gap: 0.5rem; width: 100%; overflow: auto hidden; padding-bottom: 1.5rem; margin-bottom: -1.5rem; scrollbar-width: none; }
.td-how-to-card__tiles-row::-webkit-scrollbar { display: none; }
.td-how-to-card__tiles-fade { position: absolute; inset-inline-end: -0.875rem; top: 0px; width: 3.8125rem; height: 16.125rem; background: linear-gradient(to right,rgba(28,30,39,0) 0%,var(--yyy-dark-black, var(--yyy-dark-black)) 100%); pointer-events: none; }
html[dir="rtl"] .td-how-to-card__tiles-fade { background: linear-gradient(to left,rgba(28,30,39,0) 0%,var(--yyy-dark-black, var(--yyy-dark-black)) 100%); }
.device-desktop .td-how-to-card__title, .device-large .td-how-to-card__title { font-size: 1.5rem; }
.device-desktop .td-how-to-card__desc, .device-large .td-how-to-card__desc { font-size: 1rem; }
.td-game-tile { position: relative; flex: 0 0 auto; width: clamp(8.75rem, 32%, 11.875rem); aspect-ratio: 19 / 25; border: 0.0625rem solid rgba(255, 255, 255, 0.1); border-radius: 0.5rem; padding: 0.5rem; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; cursor: pointer; filter: drop-shadow(rgba(16, 17, 25, 0.5) 0px 0.5625rem 0.53125rem); }
.td-game-tile__image { position: absolute; inset: 0px; z-index: 0; width: 100%; height: 100%; border-radius: 0.5rem; object-fit: cover; pointer-events: none; }
.td-game-tile__image--fallback { background: linear-gradient(160deg,var(--wkg-color-grey-500) 0%,var(--wkg-color-black) 100%); }
.td-game-tile__labels { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 0.125rem; justify-content: flex-end; width: 100%; }
.td-game-tile__provider { font-size: 0.75rem; position: relative; z-index: 1; font-weight: 600; line-height: normal; color: var(--wkg-color-grey-200); text-transform: uppercase; }
.td-tile-label { font-size: 0.875rem; line-height: 1; display: inline-flex; align-items: center; justify-content: center; padding: 0.125rem 0.375rem; border-radius: 0.375rem; font-weight: 600; color: var(--yyy-dark-blue, var(--yyy-dark-blue)); filter: drop-shadow(.0625rem .09375rem 0 var(--yyy-dark-black, var(--yyy-dark-black))); white-space: nowrap; }
.td-tile-label--new { background: var(--yyy-vip-light-gold, var(--yyy-vip-light-gold)); }
.td-tile-label--popular { background: var(--yyy-primary-yellow, var(--yyy-primary-yellow)); }
.td-tile-label--tournament { background: linear-gradient(188.152deg, rgb(142, 234, 104) 9.0471%, rgb(14, 213, 207)); }
.td-tile-label--tag { font-size: 0.75rem; line-height: 1; background: rgba(255, 255, 255, 0.1); color: var(--yyy-white, #fff); font-weight: 500; filter: none; }
.td-prizes { display: flex; flex-direction: column; gap: 0.375rem; width: 100%; padding: 0px 0.5rem 2.5rem; }
.td-prizes__header { font-size: 0.625rem; display: grid; gap: 0.5rem; grid-template-columns: minmax(3.75rem, 1fr) 4.375rem 5.9375rem; padding: 0px 1.5rem 0.5rem; font-weight: 400; line-height: normal; color: var(--wkg-color-grey-200); }
.td-prizes__header > * { min-width: 0px; overflow-wrap: anywhere; }
.td-prizes__header > * { white-space: nowrap; }
.td-prizes__header > :nth-child(2), .td-prizes__header > :nth-child(3) { text-align: end; }
.td-prizes__row { display: grid; gap: 0.5rem; grid-template-columns: minmax(3.75rem, 1fr) 4.375rem 5.9375rem; align-items: center; height: 3.5rem; padding: 0px 1.5rem; border: .0625rem solid var(--wkg-color-grey-200); border-radius: 4rem; }
.td-prizes__row > * { min-width: 0px; overflow-wrap: anywhere; }
.td-prizes__row .td-prizes__rank, .td-prizes__row .td-prizes__reward { color: var(--wkg-color-grey-200); }
.td-prizes__row[data-rank="1"] { border-color: rgb(255, 212, 96); }
.td-prizes__row[data-rank="1"] .td-prizes__rank, .td-prizes__row[data-rank="1"] .td-prizes__reward { color: rgb(255, 212, 96); }
.td-prizes__row[data-rank="2"] { border-color: rgb(208, 215, 248); }
.td-prizes__row[data-rank="2"] .td-prizes__rank, .td-prizes__row[data-rank="2"] .td-prizes__reward { color: rgb(208, 215, 248); }
.td-prizes__row[data-rank="3"] { border-color: rgb(179, 112, 72); }
.td-prizes__row[data-rank="3"] .td-prizes__rank, .td-prizes__row[data-rank="3"] .td-prizes__reward { color: rgb(179, 112, 72); }
.td-prizes__rank { font-size: 0.875rem; font-weight: 600; line-height: normal; white-space: nowrap; }
.td-prizes__points { font-size: 0.75rem; text-align: end; font-weight: 400; line-height: normal; color: var(--wkg-color-grey-200); }
.td-prizes__reward { font-size: 0.875rem; text-align: end; font-weight: 600; line-height: normal; }
.device-desktop .td-prizes, .device-large .td-prizes { display: grid; grid-template-columns: minmax(4.375rem, 1fr) minmax(3.75rem, max-content) minmax(5rem, max-content); row-gap: 0.375rem; }
.device-desktop .td-prizes__header, .device-large .td-prizes__header { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; gap: 0.5rem; font-size: 0.875rem; }
.device-desktop .td-prizes__header > *, .device-large .td-prizes__header > * { min-width: 0px; overflow-wrap: anywhere; }
.device-desktop .td-prizes__row, .device-large .td-prizes__row { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; gap: 0.5rem; }
.device-desktop .td-prizes__row > *, .device-large .td-prizes__row > * { min-width: 0px; overflow-wrap: anywhere; }
.device-desktop .td-prizes__rank, .device-desktop .td-prizes__reward, .device-large .td-prizes__rank, .device-large .td-prizes__reward { font-size: 1.125rem; }
.device-desktop .td-prizes__points, .device-large .td-prizes__points { font-size: 1rem; }
.td-terms { display: flex; flex-direction: column; align-items: flex-end; width: 100%; padding-bottom: 3rem; }
.td-terms__title { font-size: 1.125rem; width: 100%; margin: 0px 0px 0.75rem; font-weight: 700; line-height: normal; color: var(--yyy-white, #fff); }
.td-expandable { width: 100%; }
.td-expandable__text { font-size: 1rem; margin: 0px; line-height: normal; color: rgb(183, 184, 192); display: -webkit-box; -moz-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.td-expandable--open .td-expandable__text { display: block; -webkit-line-clamp: unset; overflow: visible; }
.td-expandable__toggle-wrap { display: flex; flex-direction: column; align-items: flex-end; width: 100%; padding-top: 0.5rem; }
.td-expandable__toggle { font-size: 0.75rem; display: flex; align-items: center; gap: 0.375rem; height: 2.25rem; padding: 0.625rem 0px; width: 100%; background: none; border-width: medium medium 0.0625rem; border-style: none none solid; border-color: currentcolor currentcolor rgba(255, 255, 255, 0.2); border-image: none; color: var(--yyy-white, #fff); font-weight: 600; font-family: inherit; cursor: pointer; transition: opacity 0.15s; }
.td-expandable__toggle:hover { opacity: 0.8; }
.td-expandable__icon { display: inline-block; flex-shrink: 0; width: 0.75rem; height: 0.75rem; transition: transform 0.2s; }
.td-expandable--open .td-expandable__icon { transform: rotate(45deg); }
.td-current-rank { display: flex; flex-direction: column; gap: 0.25rem; width: 100%; padding-top: 2.5rem; }
.td-current-rank__header { font-size: 0.625rem; display: grid; gap: 0.5rem; grid-template-columns: 2.5rem 1fr 3.75rem 5.625rem; padding: 0px 1.5rem 0.5rem; font-weight: 400; line-height: normal; color: var(--wkg-color-grey-200); }
.td-current-rank__header > * { min-width: 0px; overflow-wrap: anywhere; }
.td-current-rank__header > * { white-space: nowrap; }
.td-current-rank__header > :nth-child(3), .td-current-rank__header > :nth-child(4) { text-align: end; }
.td-current-rank__row { display: grid; gap: 0.5rem; grid-template-columns: 2.5rem 1fr 3.75rem 5.625rem; align-items: center; height: 3.5rem; padding: 0px 1.5rem; border: .0625rem solid var(--yyy-vip-light-gold, var(--yyy-vip-light-gold)); border-radius: 5rem; }
.td-current-rank__row > * { min-width: 0px; overflow-wrap: anywhere; }
.td-current-rank__rank { font-size: 0.875rem; font-weight: 600; line-height: normal; color: var(--yyy-vip-light-gold, var(--yyy-vip-light-gold)); }
.td-current-rank__player { font-size: 0.75rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; min-width: 0px; overflow: hidden; }
.td-current-rank__name { font-size: 0.75rem; flex: 1 0 0px; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; line-height: normal; color: var(--yyy-white, #fff); }
.td-current-rank__points { font-size: 1rem; text-align: end; font-weight: 400; line-height: normal; color: var(--yyy-white, #fff); }
.td-current-rank__reward { font-size: 0.875rem; text-align: end; font-weight: 600; line-height: normal; color: var(--yyy-vip-light-gold, var(--yyy-vip-light-gold)); margin-inline-start: 0.375rem; }
.device-desktop .td-current-rank, .device-large .td-current-rank { display: grid; grid-template-columns: minmax(2.5rem, max-content) 1fr minmax(5.625rem, max-content) minmax(5.625rem, max-content); row-gap: 0.25rem; }
.device-desktop .td-current-rank__header, .device-large .td-current-rank__header { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; gap: 0.5rem; font-size: 0.875rem; }
.device-desktop .td-current-rank__header > *, .device-large .td-current-rank__header > * { min-width: 0px; overflow-wrap: anywhere; }
.device-desktop .td-current-rank__row, .device-large .td-current-rank__row { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; gap: 0.5rem; }
.device-desktop .td-current-rank__row > *, .device-large .td-current-rank__row > * { min-width: 0px; overflow-wrap: anywhere; }
.device-desktop .td-current-rank__rank, .device-desktop .td-current-rank__reward, .device-large .td-current-rank__rank, .device-large .td-current-rank__reward { font-size: 1.125rem; }
.device-desktop .td-current-rank__player, .device-desktop .td-current-rank__name, .device-large .td-current-rank__player, .device-large .td-current-rank__name { font-size: 1rem; }
.td-lb { width: 100%; padding-bottom: 7rem; }
.td-lb__top { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding-bottom: 1.5rem; flex-wrap: wrap; }
.td-lb__title { font-size: 1.125rem; margin: 0px; font-weight: 700; line-height: normal; color: var(--yyy-white, #fff); white-space: nowrap; flex-shrink: 0; }
.td-lb__controls { display: flex; align-items: center; gap: 1.5rem; width: 100%; min-width: 0px; }
.td-lb__search-wrap { display: flex; align-items: center; gap: 0.5rem; height: 3rem; padding: 0px 0.5rem; flex: 1 1 0px; min-width: 0px; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1); }
.td-lb__search-icon { font-size: 1rem; flex-shrink: 0; width: 1.5rem; height: 1.5rem; }
.td-lb__search { font-size: 0.875rem; flex: 1 1 0%; min-width: 0px; height: 100%; background: none; border: medium; color: var(--yyy-white, #fff); font-weight: 400; font-family: inherit; outline: none; }
.td-lb__search::placeholder { color: var(--wkg-color-grey-200); }
.td-lb__find-me { font-size: 0.875rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.625rem; height: 2.5rem; padding: 0.6875rem 1.25rem; background: var(--yyy-vip-gold-gradient); border: medium; border-radius: 6.25rem; color: var(--yyy-dark-blue, var(--yyy-dark-blue)); font-weight: 800; font-family: inherit; line-height: normal; text-transform: uppercase; cursor: pointer; white-space: nowrap; flex-shrink: 0; transition: opacity 0.15s; }
.td-lb__find-me:hover { opacity: 0.9; }
.td-lb__header { font-size: 0.625rem; display: grid; gap: 0.5rem; grid-template-columns: 1.875rem 1fr 2.5rem 8.125rem; padding: 0px 1.5rem 0.5rem; font-weight: 400; line-height: normal; color: var(--wkg-color-grey-200); }
.td-lb__header > * { min-width: 0px; overflow-wrap: anywhere; }
.td-lb__header > * { white-space: nowrap; }
.td-lb__col--points, .td-lb__col--reward { text-align: end; }
.td-lb__rows { position: relative; display: flex; flex-direction: column; gap: 0.375rem; margin-top: 0.375rem; }
.td-lb__no-results { font-size: 0.875rem; padding: 1.5rem 1.5rem 2rem; margin: 0px; text-align: center; color: var(--wkg-color-grey-200); }
.td-lb__row { display: grid; gap: 0.5rem; grid-template-columns: 1.875rem 1fr 2.5rem 8.125rem; align-items: center; height: 3.5rem; padding: 0px 1.5rem; border: .0625rem solid var(--yyy-dark-blue, var(--yyy-dark-blue)); border-radius: 5rem; }
.td-lb__row > * { min-width: 0px; overflow-wrap: anywhere; }
.td-lb__row .td-lb__col--rank { font-size: 0.875rem; font-weight: 600; line-height: normal; color: var(--wkg-color-grey-200); }
.td-lb__row .td-lb__col--points { font-size: 0.75rem; font-weight: 400; line-height: normal; color: var(--wkg-color-grey-200); }
.td-lb__row .td-lb__col--reward { font-size: 0.875rem; font-weight: 600; line-height: normal; color: var(--yyy-white, #fff); }
.td-lb__row .td-lb__col--player { font-size: 0.75rem; }
.td-lb__row--me { border-color: var(--yyy-vip-light-gold, var(--yyy-vip-light-gold)); }
.td-lb__row--me .td-lb__col--rank { color: var(--yyy-vip-light-gold, var(--yyy-vip-light-gold)); }
.td-lb__row--me .td-lb__col--player, .td-lb__row--me .td-lb__col--points, .td-lb__row--me .td-lb__name { color: var(--yyy-white, #fff); }
.td-lb__row--me .td-lb__col--reward { color: var(--yyy-vip-light-gold, var(--yyy-vip-light-gold)); }
.td-lb .td-lb__col--player { display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; overflow: hidden; }
.td-lb .td-lb__col--points, .td-lb .td-lb__col--reward { text-align: end; }
.td-lb__name { font-size: 0.875rem; flex: 1 0 0px; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; line-height: normal; color: var(--wkg-color-grey-200); }
.td-lb__fade { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 3.5rem; background: linear-gradient(to bottom,rgba(33,38,51,0) 0%,var(--yyy-dark-grey, var(--yyy-dark-grey)) 100%); pointer-events: none; }
.td-lb__load-more-wrap { display: flex; justify-content: center; padding-top: 1rem; }
.td-lb__load-more { font-size: 0.875rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.625rem; height: 2.5rem; padding: 0.6875rem 1.25rem; background: transparent; border: .0625rem solid var(--wkg-color-grey-200); border-radius: 6.25rem; color: var(--yyy-white, #fff); font-weight: 800; font-family: inherit; line-height: normal; text-transform: uppercase; cursor: pointer; transition: opacity 0.15s; }
.td-lb__load-more:hover { opacity: 0.8; }
.device-desktop .td-lb, .device-large .td-lb { display: grid; grid-template-columns: minmax(2.5rem, max-content) minmax(5rem, 1fr) minmax(3.75rem, max-content) minmax(5rem, max-content); }
.device-desktop .td-lb__top, .device-desktop .td-lb__no-results, .device-desktop .td-lb__load-more-wrap, .device-large .td-lb__top, .device-large .td-lb__no-results, .device-large .td-lb__load-more-wrap { grid-column: 1 / -1; }
.device-desktop .td-lb__header, .device-large .td-lb__header { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; gap: 0.5rem; font-size: 0.875rem; }
.device-desktop .td-lb__header > *, .device-large .td-lb__header > * { min-width: 0px; overflow-wrap: anywhere; }
.device-desktop .td-lb__rows, .device-large .td-lb__rows { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; }
.device-desktop .td-lb .td-lb__col--rank, .device-desktop .td-lb .td-lb__col--points, .device-desktop .td-lb .td-lb__col--reward, .device-large .td-lb .td-lb__col--rank, .device-large .td-lb .td-lb__col--points, .device-large .td-lb .td-lb__col--reward { min-width: 2.5rem; white-space: nowrap; overflow-wrap: normal; }
.device-desktop .td-lb__row, .device-large .td-lb__row { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; gap: 0.5rem; }
.device-desktop .td-lb__row > *, .device-large .td-lb__row > * { min-width: 0px; overflow-wrap: anywhere; }
.device-desktop .td-lb__row .td-lb__col--rank, .device-desktop .td-lb__row .td-lb__col--reward, .device-large .td-lb__row .td-lb__col--rank, .device-large .td-lb__row .td-lb__col--reward { font-size: 1.125rem; }
.device-desktop .td-lb__row .td-lb__col--points, .device-desktop .td-lb__row .td-lb__col--player, .device-large .td-lb__row .td-lb__col--points, .device-large .td-lb__row .td-lb__col--player { font-size: 1rem; }
.device-desktop .td-lb .td-lb__col--player, .device-large .td-lb .td-lb__col--player { font-size: 0.875rem; }
.device-desktop .td-lb__controls, .device-large .td-lb__controls { width: auto; }
.device-desktop .td-lb__search-wrap, .device-large .td-lb__search-wrap { flex: 0 0 auto; width: 13.75rem; }
.device-desktop .td-lb__title, .device-large .td-lb__title { font-size: 1.5rem; }
.device-desktop .td-lb__search-icon, .device-large .td-lb__search-icon { font-size: inherit; }
.device-desktop .td-lb__search, .device-large .td-lb__search { font-size: 1rem; }
.td-lb--locked .td-lb__header { opacity: 0.35; }
.td-lb--locked .td-lb__rows::before { content: ""; position: absolute; inset: 0px; z-index: 1; background: linear-gradient(to bottom,var(--wkg-color-grey-500) 0%,transparent 80%); pointer-events: none; }
.smartico-card { display: flex; position: relative; flex-direction: column; overflow: hidden; padding: 1.25rem var(--wkg-spacing-xs) var(--wkg-spacing-md) var(--wkg-spacing-sm); border: 0.03125rem solid transparent; border-radius: var(--wkg-border-radius-2xl); background: var(--yyy-dark-blue-lvl-2); color: var(--wkg-color-white); gap: var(--wkg-spacing-md); transition: transform 0.15s, box-shadow 0.15s; }
@media (min-width: 992px) {
  .smartico-card { padding: var(--wkg-spacing-lg); }
}
.smartico-card:hover { transform: translateY(-0.125rem); box-shadow: rgba(0, 0, 0, 0.33) 0px 0.625rem 1.625rem; }
.smartico-card--ribbon { border-color: var(--yyy-vip-light-gold); }
.smartico-card__ribbon { position: absolute; top: 0px; inset-inline-start: 0px; z-index: 1; }
.smartico-card span.smartico-card__ribbon { padding: var(--wkg-spacing-xxs) var(--wkg-spacing-md); border-start-start-radius: var(--wkg-border-radius-2xl); border-end-end-radius: var(--wkg-border-radius-3xl); background: var(--yyy-vip-gold-gradient, linear-gradient(227deg, #fbe3a3 6.47%, #ba9d64 92.33%)); color: var(--wkg-color-black); font-size: var(--wkg-font-size-xxs); font-weight: 700; letter-spacing: 0.03125rem; text-transform: uppercase; }
.smartico-card img.smartico-card__ribbon { max-width: 4rem; height: auto; }
.smartico-card__time { align-self: flex-end; margin-block-start: -1.25rem; margin-inline-end: calc(-1 * var(--wkg-spacing-xs)); padding: var(--wkg-spacing-xxs) var(--wkg-spacing-xs); border-start-end-radius: var(--wkg-border-radius-2xl); border-end-start-radius: var(--wkg-border-radius-3xl); background: var(--yyy-dark-blue); color: var(--wkg-color-grey-200); font-size: var(--wkg-font-size-xxs); font-weight: 700; letter-spacing: 0.03125rem; line-height: normal; white-space: nowrap; }
@media (min-width: 992px) {
  .smartico-card__time { margin-block-start: calc(-1 * var(--wkg-spacing-lg)); margin-inline-end: calc(-1 * var(--wkg-spacing-lg)); font-size: var(--wkg-font-size-xs); }
}
.smartico-card__time .smartico-countdown { color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; }
.smartico-card__time-label { margin-inline-end: var(--wkg-spacing-xxs); font-weight: 400; }
.smartico-card__header { display: flex; flex-direction: row-reverse; align-items: flex-start; gap: var(--wkg-spacing-xs); }
.smartico-card__header .smartico-card__title { flex: 1 1 0%; min-width: 0px; }
@media (min-width: 992px) {
  .smartico-card__header { flex-direction: row; }
}
.smartico-card__image { flex-shrink: 0; width: 3rem; height: 3rem; object-fit: contain; }
@media (min-width: 992px) {
  .smartico-card__image { width: 6.25rem; height: 6.25rem; }
}
.smartico-card__text { display: flex; flex: 1 1 0%; flex-direction: column; min-width: 0px; gap: var(--wkg-spacing-xs); }
.smartico-card__title { margin: 0px; color: var(--wkg-color-white); font-size: var(--wkg-font-size-lg); font-weight: 700; line-height: 1.2; }
@media (min-width: 992px) {
  .smartico-card__title { font-size: var(--wkg-font-size-3xl); }
}
.smartico-card__description { display: -webkit-box; margin: 0px; overflow: hidden; color: var(--wkg-color-grey-200); font-size: var(--wkg-font-size-xs); font-weight: 400; line-height: 1.4; -moz-box-orient: vertical; -webkit-line-clamp: 2; }
@media (min-width: 992px) {
  .smartico-card__description { font-size: var(--wkg-font-size-md); }
}
.smartico-card__price-row { display: flex; align-items: center; gap: 0.375rem; }
.smartico-card__price-original { color: var(--wkg-color-grey-200); font-size: var(--wkg-font-size-sm); font-weight: 600; text-decoration: line-through; }
@media (min-width: 992px) {
  .smartico-card__price-original { font-size: var(--wkg-font-size-md); }
}
.smartico-card__price-amount { color: var(--wkg-color-white); font-size: var(--wkg-font-size-lg); font-weight: 700; line-height: 1; }
@media (min-width: 992px) {
  .smartico-card__price-amount { font-size: var(--wkg-font-size-3xl); }
}
.smartico-card__coin { font-size: 1.125rem; flex-shrink: 0; line-height: 1; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; margin-inline-start: 0.125rem; vertical-align: -0.12em; }
@media (min-width: 992px) {
  .smartico-card__coin { font-size: 1.5rem; flex-shrink: 0; line-height: 1; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
}
.smartico-card__footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; gap: var(--wkg-spacing-sm); }
.smartico-card__learn-more { padding: 0px; border: 0px; background: none; color: var(--wkg-color-grey-200); font-size: var(--wkg-font-size-xxs); font-weight: 400; cursor: pointer; }
@media (min-width: 992px) {
  .smartico-card__learn-more { font-size: var(--wkg-font-size-xs); }
}
.smartico-card__learn-more:disabled { cursor: default; }
.smartico-card__action { display: flex; flex-shrink: 0; align-items: center; justify-content: center; height: 1.5rem; padding: 0 var(--wkg-spacing-sm); border: .0625rem solid var(--wkg-color-white); border-radius: 6.25rem; background: transparent; color: var(--wkg-color-white); font-size: var(--wkg-font-size-xxs); font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: 0.025rem; cursor: pointer; transition: background 0.2s, opacity 0.2s; }
@media (min-width: 992px) {
  .smartico-card__action { height: 2rem; font-size: var(--wkg-font-size-sm); }
}
.smartico-card__action:hover:not(:disabled) { background: rgba(255, 255, 255, 0.08); }
.smartico-card__action:disabled { opacity: 0.45; cursor: not-allowed; }
.smartico-card__reason { margin: 0px; color: var(--yyy-primary-yellow); font-size: var(--wkg-font-size-xs); line-height: 1.4; text-align: center; }
.smartico-card--big { grid-column: span 2; flex-direction: row; align-items: stretch; gap: var(--wkg-spacing-lg); padding: var(--wkg-spacing-lg); }
.smartico-card--big .smartico-card__time { position: absolute; top: 0px; inset-inline-end: 0px; align-self: auto; margin: 0px; }
.smartico-card--big .smartico-card__image { align-self: flex-start; width: 5rem; height: 5rem; }
@media (min-width: 992px) {
  .smartico-card--big .smartico-card__image { width: 9.375rem; height: 9.375rem; }
}
.smartico-card--big .smartico-card__body { display: flex; flex: 1 1 0%; flex-direction: column; min-width: 0px; gap: var(--wkg-spacing-sm); }
.smartico-card--big .smartico-card__title { font-size: var(--wkg-font-size-3xl); }
.smartico-card--big .smartico-card__price-amount { font-size: var(--wkg-font-size-5xl); }
.smartico-card--big .smartico-card__coin { font-size: 1.5rem; flex-shrink: 0; line-height: 1; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.smartico-card--big .smartico-card__price-row { margin-top: auto; }
.smartico-card--big .smartico-card__footer { margin-top: 0px; }
.smartico-card--big .smartico-card__action { height: auto; padding: 0.5rem 1.25rem; background: var(--yyy-primary-gradient-blue); border: medium; color: var(--wkg-color-white); font-size: var(--wkg-font-size-xs); }
.smartico-card--big .smartico-card__action:hover:not(:disabled) { background: var(--yyy-primary-gradient-blue); opacity: 0.9; }
.smartico-countdown { font-weight: 700; color: var(--yyy-primary-yellow); font-variant-numeric: tabular-nums; }
.smartico-tab-nav { display: flex; gap: 1rem; border-bottom: 0.0625rem solid rgba(150, 152, 161, 0.18); overflow-x: auto; }
.smartico-tab-nav::-webkit-scrollbar { display: none; }
.smartico-tab-nav__tab { display: inline-flex; position: relative; align-items: center; padding: 1rem 1.5rem; border: 0px; background: none; color: var(--wkg-color-grey-200); font-size: 0.875rem; font-weight: 700; text-transform: uppercase; white-space: nowrap; cursor: pointer; gap: 0.375rem; letter-spacing: 0.0625rem; transition: color 0.2s; }
.smartico-tab-nav__tab:hover { color: var(--wkg-color-white); }
.smartico-tab-nav__tab:focus-visible { outline: .125rem solid var(--yyy-primary-yellow); outline-offset: -0.125rem; }
.smartico-tab-nav__tab--active { color: var(--wkg-color-white); }
.smartico-tab-nav__tab--active::after { content: ""; position: absolute; right: 0px; bottom: -0.0625rem; left: 0px; height: 0.125rem; background: var(--yyy-primary-yellow); }
.smartico-tab-nav__count { color: inherit; font-size: 0.75rem; font-weight: 600; opacity: 0.7; }
@media (max-width: 767px) {
  .smartico-tab-nav { padding-inline: 1rem; gap: 0.5rem; }
  .smartico-tab-nav__tab { padding: 0.875rem 1rem; }
}
.all-challenges { display: flex; flex-direction: column; gap: 4.5rem; }
.all-challenges__error { padding: 3rem 1rem; color: rgb(229, 64, 94); text-align: center; }
.all-challenges__block { display: flex; flex-direction: column; gap: var(--wkg-spacing-xl); }
.all-challenges__block-title { margin: 0px; color: var(--wkg-color-white); font-size: 1.5rem; font-weight: 700; line-height: 1; }
.all-challenges__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 22.5rem), 1fr)); gap: var(--wkg-spacing-lg); }
@media (max-width: 767px) {
  .all-challenges__grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .all-challenges__grid > * { flex: 0 0 88%; scroll-snap-align: start; }
  .all-challenges__grid::-webkit-scrollbar { display: none; }
}
@media (max-width: 767px) {
  .all-challenges__grid--list { display: grid; grid-template-columns: 1fr; overflow-x: visible; scroll-snap-type: none; }
}
.all-challenges__empty { margin: 0px; padding: 2rem; border: 0.0625rem dashed rgba(150, 152, 161, 0.3); border-radius: 0.75rem; color: var(--wkg-color-grey-200); text-align: center; font-size: 0.875rem; }
.challenge-card { display: flex; position: relative; flex-direction: column; overflow: hidden; border: 0.0625rem solid rgba(116, 137, 186, 0.26); border-radius: 1rem; background: var(--yyy-dark-blue-lvl-2); color: var(--wkg-color-white); }
.challenge-card--claim { border-color: var(--yyy-vip-light-gold); }
.challenge-card--active { border-color: rgb(106, 174, 138); }
.challenge-card--other { border-color: rgba(116, 137, 186, 0.26); }
.challenge-card__time { display: inline-flex; position: absolute; top: -0.0625rem; inset-inline-end: -0.0625rem; align-items: center; padding: 0.25rem 1rem; border-start-start-radius: 0px; border-start-end-radius: 1rem; border-end-end-radius: 0px; border-end-start-radius: 1.125rem; background: rgba(150, 152, 161, 0.2); color: var(--wkg-color-grey-200); font-size: 0.625rem; font-weight: 700; text-transform: uppercase; gap: 0.25rem; letter-spacing: 0.025rem; z-index: 1; }
.challenge-card__time--success { background: var(--yyy-vip-gold-gradient); color: var(--yyy-dark-blue-lvl-1); }
.challenge-card__time--warning { background: var(--yyy-promo-gradient-green); color: var(--yyy-dark-blue-lvl-1); }
.challenge-card__time--error { background: rgba(150, 152, 161, 0.4); color: var(--wkg-color-grey-200); }
.challenge-card__time--neutral { background: rgba(150, 152, 161, 0.2); color: var(--wkg-color-grey-200); }
.challenge-card__time .smartico-countdown { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
.challenge-card__header { display: flex; align-items: flex-start; padding: 2rem 1.5rem 1.5rem 1rem; gap: 1rem; }
.challenge-card__image { flex-shrink: 0; width: 6.25rem; height: 6.25rem; overflow: hidden; border-radius: 1rem; background: var(--yyy-dark-blue-lvl-3); }
.challenge-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.challenge-card__text { display: flex; flex: 1 1 0%; flex-direction: column; padding-top: 0.5rem; gap: 0.5rem; min-width: 0px; }
.challenge-card__title { display: -webkit-box; margin: 0px; overflow: hidden; color: var(--wkg-color-white); font-size: 1.125rem; font-weight: 700; line-height: 1.25; text-overflow: ellipsis; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
.challenge-card__description { display: -webkit-box; margin: 0px; overflow: hidden; color: var(--wkg-color-grey-200); font-size: 1rem; font-weight: 400; line-height: 1.4; text-overflow: ellipsis; -webkit-line-clamp: 3; -moz-box-orient: vertical; }
.challenge-card__cta { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.5rem 1.5rem; gap: 0.75rem; }
.challenge-card__learn-more { padding: 0px; border: 0px; background: none; color: var(--wkg-color-grey-200); font-size: 0.8125rem; font-weight: 400; text-decoration: underline; text-underline-offset: 0.125rem; cursor: pointer; }
.challenge-card__learn-more:disabled { cursor: default; }
.challenge-card__button { flex-shrink: 0; border: 0px; font-weight: 800; text-transform: uppercase; }
.challenge-card__button:disabled { opacity: 0.5; cursor: not-allowed; }
.challenge-card__button.challenge-card__button--claim { background: var(--yyy-vip-gold-gradient); color: var(--yyy-dark-blue-lvl-1); }
.challenge-card__progress { display: flex; flex-direction: column; padding: 0.75rem 1.5rem 1rem; background: var(--yyy-dark-blue-lvl-1); gap: 0.375rem; }
.challenge-card__progress-row { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }
.challenge-card__progress-label { display: inline-flex; align-items: center; color: var(--wkg-color-grey-200); font-size: 0.875rem; font-weight: 400; gap: 0.25rem; }
.challenge-card__reward-icon { font-size: 1.25rem; flex-shrink: 0; line-height: 1; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.challenge-card__progress-text { color: var(--yyy-primary-yellow); font-size: 0.875rem; font-weight: 400; }
.challenge-card__coins { display: inline-flex; align-items: center; color: var(--yyy-vip-light-gold); font-size: 1.125rem; font-weight: 700; gap: 0.375rem; }
.challenge-card__coin-icon { font-size: 1.25rem; flex-shrink: 0; line-height: 1; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; margin-inline-start: 0.25rem; vertical-align: -0.12em; }
.challenge-card__progress-bar { display: inline-block; position: relative; flex: 1 1 0%; min-width: 5rem; height: 0.5rem; overflow: hidden; border-radius: 1.5rem; background: var(--yyy-dark-blue-lvl-3); }
.challenge-card__progress-bar-fill { display: block; height: 100%; border-radius: 1.5rem; background: var(--yyy-primary-yellow); box-shadow: rgba(255, 165, 18, 0.5) 0px 0px 0.625rem; transition: width 0.3s; }
@media (max-width: 767px) {
  .challenge-card__header { padding: 1.25rem 1rem 1rem; gap: 0.75rem; }
  .challenge-card__image { width: 5.25rem; height: 5.25rem; }
  .challenge-card__text { padding-top: 0.25rem; }
  .challenge-card__title { font-size: 1rem; }
  .challenge-card__description { font-size: 0.875rem; -webkit-line-clamp: 2; }
  .challenge-card__cta { padding: 0px 1rem 1rem; }
  .challenge-card__progress { padding: 0.75rem 1rem 1rem; }
  .challenge-card__progress-bar { width: 6.875rem; }
}
.mission-details-dialog .wkg-dialog__paper, .mission-details-dialog .MuiDialog-paper, .mission-details-dialog .MuiPaper-root { background: var(--yyy-dark-grey, var(--yyy-dark-grey)); border-radius: 1rem; overflow: hidden; }
.mission-details { display: flex; flex-direction: column; width: 100%; padding: 1.5rem 2.5rem 5rem; background: var(--yyy-dark-grey, var(--yyy-dark-grey)); color: var(--yyy-white, #fff); font-family: Montserrat, sans-serif; }
.mission-details, .mission-details *, .mission-details ::before, .mission-details ::after { box-sizing: border-box; }
.mission-details__top { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.mission-details__countdown { font-size: 0.75rem; display: inline-flex; align-items: center; gap: 0.25rem; font-weight: 700; line-height: normal; color: var(--yyy-primary-yellow, var(--yyy-primary-yellow)); text-transform: uppercase; white-space: nowrap; }
.mission-details__close { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; padding: 0.5625rem; background: transparent; border: medium; cursor: pointer; transition: opacity 0.15s; }
.mission-details__close img { display: block; width: 100%; height: 100%; }
.mission-details__close:hover { opacity: 0.7; }
.mission-details__hero { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; padding-bottom: 5rem; }
.mission-details__image { position: relative; width: 18.75rem; height: 18.75rem; margin-bottom: -5rem; flex-shrink: 0; overflow: hidden; }
.mission-details__image img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.mission-details__image-fade { position: absolute; inset: 0px; background: linear-gradient(to bottom,rgba(33,38,51,.2) 30%,var(--yyy-dark-grey, var(--yyy-dark-grey)) 100%); pointer-events: none; }
.mission-details__title-block { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; width: 100%; margin-bottom: -5rem; backdrop-filter: blur(0.375rem); background: linear-gradient(rgba(50, 55, 70, 0.6), rgba(50, 55, 70, 0.07)); border-radius: 1rem; gap: 0.5rem; padding: 0.5rem 1rem; text-align: center; }
.mission-details__title { font-size: 2rem; width: 100%; margin: 0px; font-weight: 700; line-height: normal; color: var(--yyy-white, #fff); text-align: center; }
.mission-details__subtitle { font-size: 1rem; line-height: 1.3125; width: 100%; margin: 0px; font-weight: 400; color: var(--wkg-color-grey-200); text-align: center; }
.mission-details__progress { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; width: 100%; padding-bottom: 2rem; }
.mission-details__progress-text { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; width: 100%; }
.mission-details__progress-hint { font-size: 1rem; flex: 1 0 0px; min-width: 0px; font-weight: 400; line-height: normal; color: var(--wkg-color-grey-200); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mission-details__progress-percent { font-size: 1rem; flex-shrink: 0; font-weight: 400; line-height: normal; color: var(--yyy-primary-yellow, var(--yyy-primary-yellow)); text-align: center; white-space: nowrap; }
.mission-details__progress-bar { position: relative; width: 100%; height: 1.25rem; background: var(--yyy-dark-blue, var(--yyy-dark-blue)); border-radius: 1.5rem; overflow: hidden; }
.mission-details__progress-fill { position: absolute; inset: 0px auto 0px 0px; height: 100%; background: var(--yyy-primary-yellow, var(--yyy-primary-yellow)); border-radius: 1.5rem; box-shadow: rgba(255, 165, 18, 0.5) 0px 0px 0.625rem; transition: width 0.3s; }
.mission-details__footer { display: flex; align-items: flex-end; justify-content: center; gap: 1rem; width: 100%; }
.mission-details__reward { display: flex; flex: 1 0 0px; flex-direction: column; align-items: flex-start; gap: 0.375rem; min-width: 0px; }
.mission-details__reward-label { font-size: 0.875rem; display: flex; align-items: center; gap: 0.25rem; font-weight: 400; line-height: normal; color: var(--wkg-color-grey-200); white-space: nowrap; }
.mission-details__reward-icon { display: inline-block; flex-shrink: 0; width: 1.25rem; height: 1.25rem; }
.mission-details__reward-amount { font-size: 1.5rem; width: 100%; font-weight: 700; line-height: normal; color: var(--yyy-vip-light-gold, var(--yyy-vip-light-gold)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mission-details__cta { font-size: 0.875rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.625rem; flex-shrink: 0; height: 2.5rem; padding: 0.6875rem 1.25rem; background: linear-gradient(189.54deg, rgb(21, 214, 201), rgb(52, 152, 253) 83.333%); border: medium; border-radius: 6.25rem; color: var(--yyy-white, #fff); font-weight: 800; font-family: inherit; line-height: normal; text-transform: uppercase; white-space: nowrap; cursor: pointer; transition: opacity 0.15s; }
.mission-details__cta:hover:not(:disabled) { opacity: 0.9; }
.mission-details__cta:disabled { opacity: 0.5; cursor: not-allowed; }
.store-item-details-dialog .wkg-dialog__paper, .store-item-details-dialog .MuiDialog-paper, .store-item-details-dialog .MuiPaper-root { background: var(--yyy-dark-grey, var(--yyy-dark-grey)); border-radius: 1rem; overflow: hidden; }
.store-item-details { display: flex; flex-direction: column; width: 100%; padding: 1.5rem 2.5rem 5rem; background: var(--yyy-dark-grey, var(--yyy-dark-grey)); color: var(--yyy-white, #fff); font-family: Montserrat, sans-serif; }
.store-item-details, .store-item-details *, .store-item-details ::before, .store-item-details ::after { box-sizing: border-box; }
.store-item-details__top { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.store-item-details__countdown { font-size: 0.625rem; display: inline-flex; align-items: center; gap: 0.25rem; color: var(--yyy-primary-yellow); font-weight: 700; letter-spacing: 0.5px; }
.store-item-details__countdown .smartico-countdown { color: inherit; font-size: inherit; font-weight: inherit; }
.store-item-details__countdown-label { font-weight: 400; }
.store-item-details__close { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; padding: 0.5625rem; background: transparent; border: medium; cursor: pointer; transition: opacity 0.15s; }
.store-item-details__close img { display: block; width: 100%; height: 100%; }
.store-item-details__close:hover { opacity: 0.7; }
.store-item-details__hero { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; padding-bottom: 5rem; }
.store-item-details__image { position: relative; width: 18.75rem; height: 18.75rem; margin-bottom: -5rem; flex-shrink: 0; overflow: hidden; }
.store-item-details__image img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.store-item-details__image-fade { position: absolute; inset: 0px; background: linear-gradient(to bottom,rgba(33,38,51,0) 30%,var(--yyy-dark-grey, var(--yyy-dark-grey)) 100%); pointer-events: none; }
.store-item-details__title-block { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; width: 100%; margin-bottom: -5rem; padding-bottom: 1.5rem; }
.store-item-details__text { display: flex; flex-direction: column; gap: 0.5rem; width: 100%; padding: 0.5rem 1rem; backdrop-filter: blur(0.375rem); background: linear-gradient(rgba(50, 55, 70, 0.6), rgba(50, 55, 70, 0.07)); border-radius: 1rem; text-align: center; }
.store-item-details__title { font-size: 2rem; width: 100%; margin: 0px; font-weight: 700; line-height: normal; color: var(--yyy-white, #fff); text-align: center; }
.store-item-details__description { font-size: 1rem; line-height: 1.3125; width: 100%; margin: 0px; font-weight: 400; color: var(--wkg-color-grey-200); text-align: center; }
.store-item-details__terms { font-size: 0.8125rem; line-height: 1.3847; width: 100%; max-height: 7.5rem; margin: 0px; overflow-y: auto; font-weight: 400; color: var(--wkg-color-grey-200); text-align: center; opacity: 0.85; }
.store-item-details__footer { display: flex; align-items: flex-end; justify-content: center; gap: 1rem; width: 100%; }
.store-item-details__price { display: flex; flex: 1 0 0px; flex-direction: column; align-items: flex-start; gap: 0.375rem; min-width: 0px; }
.store-item-details__price-label { font-size: 0.875rem; font-weight: 400; line-height: normal; color: var(--wkg-color-grey-200); white-space: nowrap; }
.store-item-details__price-row { display: flex; align-items: center; gap: 0.375rem; min-width: 0px; }
.store-item-details__price-amount { font-size: 2rem; font-weight: 700; line-height: normal; color: var(--yyy-white, #fff); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.store-item-details__price-original { font-size: 1.125rem; font-weight: 600; line-height: normal; color: var(--yyy-white-50, rgba(255, 255, 255, .5)); text-decoration: line-through; white-space: nowrap; }
.store-item-details__price-coin { font-size: 2rem; flex-shrink: 0; line-height: 1; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; vertical-align: -0.12em; }
.store-item-details__reason { margin: 0px 1rem 0.75rem; font-size: 0.8125rem; line-height: 1.4; color: var(--yyy-warning, var(--yyy-primary-yellow)); text-align: center; }
.store-item-details__cta { font-size: 0.875rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.625rem; flex-shrink: 0; height: 2.5rem; padding: 0.6875rem 1.25rem; background: linear-gradient(189.54deg, rgb(21, 214, 201), rgb(52, 152, 253) 83.333%); border: medium; border-radius: 6.25rem; color: var(--yyy-white, #fff); font-weight: 800; font-family: inherit; line-height: normal; text-transform: uppercase; white-space: nowrap; cursor: pointer; transition: opacity 0.15s; }
.store-item-details__cta:hover:not(:disabled) { opacity: 0.9; }
.store-item-details__cta:disabled { opacity: 0.5; cursor: not-allowed; }
.store-redeem-confirm { display: flex; flex-direction: column; gap: 1.5rem; padding: 2rem 1.5rem; background: var(--yyy-dark-black); }
.store-redeem-confirm__head { display: flex; align-items: center; gap: 0.5rem; }
.store-redeem-confirm__icon { flex-shrink: 0; width: 2rem; height: 2rem; }
.store-redeem-confirm__title { font-size: 1.5rem; margin: 0px; color: var(--wkg-color-white); font-weight: 700; }
.store-redeem-confirm__text { font-size: 1rem; margin: 0px; color: var(--wkg-color-grey-200); }
.store-redeem-confirm__actions { display: flex; align-items: center; gap: 0.75rem; }
.store-redeem-confirm__cta { font-size: 0.875rem; height: 2.5rem; padding: 0.6875rem 1.25rem; background: linear-gradient(189.54deg, rgb(21, 214, 201), rgb(52, 152, 253) 83.333%); border: medium; border-radius: 6.25rem; color: var(--yyy-white, #fff); font-weight: 800; font-family: inherit; line-height: normal; text-transform: uppercase; white-space: nowrap; cursor: pointer; transition: opacity 0.15s; display: inline-flex; flex: 1 1 0%; align-items: center; justify-content: center; gap: 0.375rem; }
.store-redeem-confirm__cta:hover:not(:disabled) { opacity: 0.9; }
.store-redeem-confirm__cta:disabled { opacity: 0.5; cursor: not-allowed; }
.store-redeem-confirm__cta-coin { font-size: 1.25rem; flex-shrink: 0; line-height: 1; color: var(--yyy-dark-black); }
.store-redeem-confirm__cancel { font-size: 0.75rem; flex-shrink: 0; padding: 0px; border: 0px; background: none; color: var(--wkg-color-grey-200); font-weight: 600; cursor: pointer; }
.store-redeem-confirm__cancel:disabled { opacity: 0.6; cursor: default; }
.gift-credited-dialog .wkg-dialog__paper, .gift-credited-dialog .MuiDialog-paper, .gift-credited-dialog .MuiPaper-root { background: var(--yyy-dark-grey, var(--yyy-dark-grey)); border-radius: 1rem; overflow: hidden; }
.gift-credited { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 1.5rem 2.5rem 2.5rem; background: var(--yyy-dark-grey, var(--yyy-dark-grey)); color: var(--yyy-white, #fff); font-family: Montserrat, sans-serif; text-align: center; }
.gift-credited, .gift-credited *, .gift-credited ::before, .gift-credited ::after { box-sizing: border-box; }
.gift-credited__top { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.gift-credited__close { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; padding: 0.5625rem; background: transparent; border: medium; cursor: pointer; transition: opacity 0.15s; }
.gift-credited__close img { display: block; width: 100%; height: 100%; }
.gift-credited__close:hover { opacity: 0.7; }
.gift-credited__image { width: 12.5rem; height: 12.5rem; margin-bottom: 0.5rem; flex-shrink: 0; }
.gift-credited__image img { width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.gift-credited__title { font-size: 2rem; width: 100%; margin: 0px; font-weight: 700; line-height: normal; color: var(--yyy-white, #fff); }
.gift-credited__text { font-size: 1rem; line-height: 1.3125; width: 100%; margin: 0.5rem 0px 0px; font-weight: 400; color: var(--wkg-color-grey-200); }
.gift-credited__cta { font-size: 0.875rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.625rem; flex-shrink: 0; height: 2.5rem; padding: 0.6875rem 1.25rem; background: linear-gradient(189.54deg, rgb(21, 214, 201), rgb(52, 152, 253) 83.333%); border: medium; border-radius: 6.25rem; color: var(--yyy-white, #fff); font-weight: 800; font-family: inherit; line-height: normal; text-transform: uppercase; white-space: nowrap; cursor: pointer; transition: opacity 0.15s; margin-top: 1.5rem; }
.gift-credited__cta:hover:not(:disabled) { opacity: 0.9; }
.gift-credited__cta:disabled { opacity: 0.5; cursor: not-allowed; }
.yyy-coins-balance { position: relative; display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.875rem 1rem 0.625rem 1.25rem; border: .0625rem solid var(--yyy-dark-blue); border-radius: 3.75rem; background: var(--yyy-dark-black); }
.yyy-coins-balance__label { position: absolute; top: -0.5rem; left: 50%; padding: 0.0625rem 0.5rem; border-radius: 1.5rem; background: var(--yyy-dark-blue); color: var(--wkg-color-white); font-size: 0.875rem; font-weight: 400; line-height: 1; white-space: nowrap; transform: translate(-50%); }
.yyy-coins-balance__row { display: inline-flex; align-items: center; gap: 0.5rem; }
.yyy-coins-balance__value { color: var(--wkg-color-white); font-size: 1.5rem; font-weight: 700; line-height: 1; }
.yyy-coins-balance__icon { font-size: 1.5rem; flex-shrink: 0; line-height: 1; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.smartico-wheel { display: flex; flex-direction: column; gap: 1rem; container-type: inline-size; }
.smartico-wheel__header { display: flex; justify-content: flex-end; }
.smartico-wheel__intro { display: flex; flex-direction: column; align-items: center; gap: 1rem; text-align: center; }
.smartico-wheel__title { margin: 0px; font-weight: 700; font-size: 1.5rem; color: var(--wkg-color-white, #fff); }
@media (min-width: 768px) {
  .smartico-wheel__title { font-size: 2rem; }
}
.smartico-wheel__subtitle { margin: 0px; font-weight: 400; font-size: 1rem; color: var(--wkg-color-grey-200, #9698a1); }
.smartico-wheel__intro-cta { display: inline-flex; align-items: center; justify-content: center; padding: 0.6875rem 1.25rem; border: medium; border-radius: 6.25rem; background-image: linear-gradient(186deg,#15d6c9 0%,var(--wkg-color-blue-400, #3498fd) 83%); color: var(--wkg-color-white, #fff); font-weight: 800; font-size: 0.875rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; cursor: pointer; transition: filter 0.15s; }
.smartico-wheel__intro-cta:hover { filter: brightness(1.08); }
.smartico-wheel__stage { --wheel-disc: 179vw; position: relative; width: 100vw; margin-left: calc(50% - 50vw); height: calc(var(--wheel-disc) * .37); overflow: hidden; }
@media (min-width: 768px) {
  .smartico-wheel__stage { width: 100%; max-width: 90rem; margin-left: auto; margin-right: auto; --wheel-disc: min(150cqw, 135rem); height: calc(var(--wheel-disc) * .22); }
}
.smartico-wheel__stage--locked .smartico-wheel__disc-wrap, .smartico-wheel__stage--locked .smartico-wheel__frame, .smartico-wheel__stage--locked .smartico-wheel__highlight { filter: grayscale(1); }
.smartico-wheel__disc-wrap { position: absolute; top: 0px; left: 50%; width: var(--wheel-disc); height: var(--wheel-disc); transform: translate(-50%); z-index: 1; }
.smartico-wheel__disc { display: block; width: 100%; height: 100%; transform-origin: 50% 50% 0px; }
.smartico-wheel__frame { position: absolute; top: 0px; left: 50%; width: var(--wheel-disc); height: var(--wheel-disc); transform: translate(-50%); z-index: 3; pointer-events: none; filter: drop-shadow(rgba(0, 0, 0, 0.45) 0px 0.25rem 0.75rem); }
.smartico-wheel__highlight { position: absolute; top: calc(var(--wheel-disc) * .073); left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 0.375rem; text-align: center; z-index: 4; pointer-events: none; }
.smartico-wheel__highlight-caption { font-weight: 500; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--wkg-color-grey-200, #9698a1); }
@media (min-width: 768px) {
  .smartico-wheel__highlight-caption { font-size: 1.5rem; }
}
.smartico-wheel__highlight-value { display: inline-flex; align-items: center; gap: 0.75rem; font-weight: 700; font-size: 2.25rem; color: var(--wkg-color-white, #fff); }
@media (min-width: 768px) {
  .smartico-wheel__highlight-value { font-size: 3.5rem; }
}
.smartico-wheel__highlight-coin { font-size: 2.25rem; flex-shrink: 0; line-height: 1; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
@media (min-width: 768px) {
  .smartico-wheel__highlight-coin { font-size: 3.75rem; flex-shrink: 0; line-height: 1; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
}
.smartico-wheel__spin { position: absolute; top: calc(var(--wheel-disc) * .27); left: 50%; transform: translate(-50%); z-index: 4; display: inline-flex; align-items: center; justify-content: center; padding: 0.6875rem 1.25rem; border: medium; border-radius: 6.25rem; background-image: linear-gradient(186deg,#15d6c9 0%,var(--wkg-color-blue-400, #3498fd) 83%); color: var(--wkg-color-white, #fff); font-weight: 800; font-size: 0.875rem; text-transform: uppercase; white-space: nowrap; cursor: pointer; transition: filter 0.15s, opacity 0.15s; }
@media (min-width: 768px) {
  .smartico-wheel__spin { top: calc(var(--wheel-disc) * .185); }
}
.smartico-wheel__spin:hover:not(:disabled) { filter: brightness(1.08); }
.smartico-wheel__spin:disabled { background-image: none; background-color: var(--wkg-color-grey-200, #9698a1); opacity: 0.6; cursor: default; }
.smartico-wheel__spin--locked { gap: 0.625rem; border: .0625rem solid var(--wkg-color-grey-200, #9698a1); background-color: transparent; background-image: none; color: var(--wkg-color-grey-200, #9698a1); font-variant-numeric: tabular-nums; }
.smartico-wheel__spin--locked:disabled { opacity: 1; }
.smartico-wheel__toner { position: absolute; top: 0px; width: 3.5rem; height: 100%; z-index: 2; pointer-events: none; }
@media (min-width: 768px) {
  .smartico-wheel__toner { width: 17.3125rem; }
}
.smartico-wheel__toner--left { left: 0px; background: linear-gradient(to right,var(--wkg-color-black, #1c1e27),rgba(28,30,39,0)); }
.smartico-wheel__toner--right { right: 0px; background: linear-gradient(to left,var(--wkg-color-black, #1c1e27),rgba(28,30,39,0)); }
.smartico-wheel__error { align-self: center; padding: 0.75rem 1rem; border: medium; border-radius: 0.5rem; background: rgba(229, 64, 94, 0.15); color: rgb(229, 64, 94); font-weight: 600; font-size: 0.875rem; cursor: pointer; }
.smartico-wheel__no-attempts-warning { align-self: center; max-width: 20rem; padding: 0.75rem 1rem; border-radius: 0.5rem; background: var(--wkg-color-red-600); text-align: center; font-weight: 500; font-size: 0.875rem; color: var(--wkg-color-red-400, #de4940); }
.wheel-how { display: flex; flex-direction: column; padding: 0px 0.5rem; }
.wheel-how__toggle { display: flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; padding: 0.5rem 0px; border-width: medium medium 0.0625rem; border-style: none none solid; border-color: currentcolor currentcolor rgba(255, 255, 255, 0.2); border-image: none; background: transparent; color: var(--wkg-color-white, #fff); font-weight: 600; font-size: 0.75rem; cursor: pointer; }
.wheel-how__toggle-icon { position: relative; width: 0.75rem; height: 0.75rem; }
.wheel-how__toggle-icon::before, .wheel-how__toggle-icon::after { content: ""; position: absolute; top: 50%; left: 50%; background: currentcolor; transform: translate(-50%, -50%); }
.wheel-how__toggle-icon::before { width: 0.75rem; height: 0.125rem; }
.wheel-how__toggle-icon::after { width: 0.125rem; height: 0.75rem; transition: transform 0.2s; }
.wheel-how__toggle-icon--open::after { transform: translate(-50%, -50%) scaleY(0); }
.wheel-how__body { display: flex; flex-direction: column; gap: 1rem; padding-top: 2rem; }
@media (min-width: 992px) {
  .wheel-how__body { flex-direction: row; gap: 1rem; padding-top: 3rem; }
}
.wheel-how__intro, .wheel-how__steps { flex: 1 0 0px; min-width: 0px; display: flex; flex-direction: column; gap: 1rem; }
.wheel-how__intro-title, .wheel-how__steps-title { margin: 0px; font-weight: 700; font-size: 1.5rem; color: var(--wkg-color-white, #fff); }
.wheel-how__intro-text { margin: 0px; font-weight: 400; font-size: 1rem; line-height: 1.3; color: var(--wkg-color-yellow-400, #ffc800); }
.wheel-how__items { display: flex; flex-direction: column; gap: 0.5rem; margin: 0px; padding: 0px; list-style: none; }
.wheel-how__item { display: flex; gap: 1rem; padding: 1rem 1.5rem 1.25rem; border-radius: 0.5rem; background: var(--wkg-color-blue-900, #323746); }
.wheel-how__num { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; border-radius: 3.75rem; background: var(--wkg-color-yellow-400, #ffc800); color: var(--wkg-color-black, #1c1e27); font-weight: 600; font-size: 1rem; }
.wheel-how__item-text { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0px; }
.wheel-how__item-title { font-weight: 700; font-size: 1.125rem; color: var(--wkg-color-white, #fff); }
.wheel-how__item-desc { font-weight: 400; font-size: 1rem; color: var(--wkg-color-grey-200, #9698a1); }
.wheel-win-dialog .ui-dialog__content { background: transparent; border-radius: 1rem; }
.wheel-win { position: relative; display: flex; flex-direction: column; gap: 3.5rem; padding: 3rem 2.5rem; background: var(--wkg-color-blue-900, #323746); border-radius: 1rem; overflow: hidden; }
.wheel-win__body { position: relative; z-index: 1; display: flex; align-items: center; gap: 1rem; }
.wheel-win__text { display: flex; flex: 1 1 auto; flex-direction: column; gap: 0.5rem; min-width: 0px; }
.wheel-win__heading { margin: 0px; font-weight: 400; font-size: 1rem; color: var(--wkg-color-white, #fff); }
.wheel-win__heading strong { font-weight: 600; font-size: 1.125rem; }
.wheel-win__sub { margin: 0px; font-weight: 400; font-size: 1rem; color: var(--wkg-color-grey-200, #9698a1); }
.wheel-win__prize { display: flex; align-items: center; gap: 0.375rem; margin: 0px; }
.wheel-win__prize-value { font-weight: 700; font-size: 2.5rem; color: var(--wkg-color-yellow-400, #ffc800); }
.wheel-win__prize-coin { font-size: 3rem; flex-shrink: 0; line-height: 1; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.wheel-win__prize-caption { font-weight: 500; font-size: 1rem; text-transform: uppercase; color: var(--wkg-color-grey-200, #9698a1); }
.wheel-win__cta { position: relative; z-index: 1; width: 100%; padding: 0.6875rem 1.25rem; border: medium; border-radius: 6.25rem; background-image: linear-gradient(186deg, rgb(251, 227, 163) 6%, rgb(186, 157, 100) 92%); color: var(--wkg-color-blue-900, #323746); font-weight: 800; font-size: 0.875rem; text-transform: uppercase; cursor: pointer; }
.wheel-win__cta:hover { filter: brightness(1.05); }
.wheel-win--loss { text-align: center; }
.wheel-win--loss .wheel-win__heading { font-weight: 700; font-size: 1.25rem; }
.router-error-boundary { display: flex; align-items: center; justify-content: center; padding: 2rem; flex-direction: column; }
.router-error-boundary h3 { font-size: 1.5rem; color: var(--yyy-white); font-weight: 700; margin: 0.5rem 0px; }
.router-error-boundary p { font-size: 1rem; color: var(--yyy-ui-medium-grey); font-weight: 400; white-space: pre-line; }
.router-error-boundary p a { font-size: 1rem; color: var(--yyy-ui-medium-grey); font-weight: 700; text-decoration-line: underline; text-decoration-style: solid; }
.router-error-boundary button { font-size: 0.875rem; border-radius: 6.25rem; padding: 0.625rem 1.25rem; background: var(--yyy-cta-blue-gradient); border: medium; outline: none; color: var(--yyy-white); font-weight: 800; text-transform: uppercase; }
.router-error-boundary .wkg-icon { font-size: 5.625rem; }
.layout-max-width-xs { max-width: var(--yyy-layout-max-width-xs); }
.layout-max-width-sm { max-width: var(--yyy-layout-max-width-sm); }
.layout-max-width-md { max-width: var(--yyy-layout-max-width-md); }
.layout-max-width-lg { max-width: var(--yyy-layout-max-width-lg); }
.container { padding-left: 1rem; padding-right: 1rem; margin: 0px auto; }
@media (min-width: 1200px) {
  .container { max-width: var(--containerMaxWidth); }
}
.games-filters { --filtersContainerTopSpace: var(--app-header-height); z-index: 999; transition: transform 0.2s; will-change: transform; margin-top: var(--wkg-spacing-md); margin-bottom: var(--wkg-spacing-md); }
.games-filters--static, .games-filters--sticky { position: relative; top: auto; }
.games-filters--auto-hide { position: sticky; top: var(--filtersContainerTopSpace); }
.games-filters--auto-hide.games-filters--isCtaEnabled { top: calc(var(--filtersContainerTopSpace) + var(--topCtaHeight)); }
.games-filters--hidden { transform: translateY(-250%); pointer-events: none; }
.games-filters__container { max-width: calc(var(--containerMaxWidth) + 2rem); margin: 0px auto; }
.games-filters__actions { display: flex; flex-direction: row; gap: 0.5rem; position: relative; align-items: center; justify-content: flex-end; padding: 0px 1rem; }
@media (min-width: 768px) {
  .games-filters__actions { padding: 0px; }
}
.games-filters__actions--overlay { width: 100%; background: var(--wkg-color-grey-500); }
.games-filters__actions--overlay::before { display: none; }
@media (min-width: 768px) {
  .games-filters__actions--overlay { position: absolute; top: 0px; left: 1rem; height: 100%; width: calc(100% - 2rem); }
}
.games-filters__actions-search-button, .games-filters__actions-providers-button { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; background: var(--wkg-color-grey-500); border-radius: 6.25rem; border: .0625rem solid var(--wkg-color-grey-200); color: var(--wkg-color-grey-200); }
.games-filters__actions-search-button--overlay, .games-filters__actions-providers-button--overlay { border: .0625rem solid var(--wkg-color-green-200); }
.games-filters__actions-search-button div, .games-filters__actions-providers-button div { display: flex; align-items: center; justify-content: center; }
.games-filters__actions::before { content: ""; position: absolute; top: 0px; left: 0px; width: 1rem; height: 100%; background: linear-gradient(90deg,rgba(5,4,6,0) 0%,var(--wkg-color-black) 100%); z-index: 9; transform: translate(-100%); }
@media (min-width: 768px) {
  .games-filters__actions::before { display: none; }
}
.games-filters__search { display: flex; align-items: center; justify-content: flex-end; transition: width 0.2s ease-in-out; height: 2.5rem; width: 2.5rem; }
.games-filters__search--expanded { width: 100%; }
.games-filters__search--expanded .games-filters__search-wrapper { position: relative; display: flex; justify-content: flex-end; gap: 0.375rem; width: 100%; }
@media (min-width: 768px) {
  .games-filters__search--expanded .games-filters__search-wrapper { width: unset; }
}
.games-filters__search--expanded .games-filters__search-wrapper .text-field { width: 100%; }
@media (min-width: 768px) {
  .games-filters__search--expanded .games-filters__search-wrapper .text-field { max-width: 18rem; }
}
@media (min-width: 768px) {
  .games-filters__search--expanded .games-filters__search-wrapper .text-field__cancel-icon { right: 1rem; z-index: 2; color: var(--wkg-color-grey-200); transition: color 0.2s; }
  .games-filters__search--expanded .games-filters__search-wrapper .text-field__cancel-icon:hover { color: var(--wkg-color-grey-200); }
  .games-filters__search--expanded .games-filters__search-wrapper .text-field__cancel-icon div { display: flex; align-items: center; justify-content: center; }
}
.games-filters__search--expanded .games-filters__search-wrapper input { display: flex; height: 2.5rem; width: 100%; font-size: 0.875rem; font-family: var(--bejo-font-primary); font-weight: 400; line-height: normal; background: transparent; border-top: medium; border-right: medium; border-left: medium; border-image: none; border-bottom: 1px solid var(--wkg-color-white-20); color: var(--wkg-color-grey-200); padding-left: 2.5rem; appearance: none; }
.games-filters__search--expanded .games-filters__search-wrapper input::-webkit-search-decoration, .games-filters__search--expanded .games-filters__search-wrapper input::-webkit-search-cancel-button, .games-filters__search--expanded .games-filters__search-wrapper input::-webkit-search-results-button, .games-filters__search--expanded .games-filters__search-wrapper input::-webkit-search-results-decoration { appearance: none; }
@media (min-width: 768px) {
  .games-filters__search--expanded .games-filters__search-wrapper input { border-radius: 0.875rem; background: var(--wkg-color-grey-400); max-width: 18rem; padding: 0px 1rem 0px 3.375rem; border: medium; align-items: center; }
}
.games-filters__search--expanded .games-filters__search-wrapper input:focus { outline: none; }
.games-filters__search--expanded .games-filters__search-wrapper input::placeholder { color: var(--wkg-color-grey-200); }
.games-filters__providers--expanded { width: 100%; position: relative; }
.games-filters__providers--expanded .games-filters__providers-wrapper { gap: 0.5rem; width: 100%; display: flex; flex-direction: row; justify-content: end; align-items: center; }
.games-filters__providers--expanded .games-filters__providers-icon { cursor: pointer; }
.games-filters__providers--expanded .games-filters__providers-icon > div, .games-filters__providers--expanded .games-filters__providers-icon svg { width: 1.75rem; height: 1.75rem; }
.games-filters__providers--expanded .games-filters__providers-dropdown { width: 15.5625rem; z-index: 2; }
.games-filters__providers--expanded .games-filters__providers-dropdown .dropdown__button--open, .games-filters__providers--expanded .games-filters__providers-dropdown .dropdown__list--open { background: var(--wkg-color-grey-400); }
.games-filters__providers--expanded .games-filters__providers-dropdown .dropdown__list { max-height: 16.125rem; overflow-y: auto; }
.games-filters__providers--expanded .games-filters__providers-dropdown .dropdown__list__item { padding: 0px; gap: 0.25rem; }
.games-filters__providers--expanded .games-filters__providers-dropdown .dropdown__list__item:hover { background: var(--wkg-color-grey-500); }
.games-filters__providers--expanded .games-filters__providers-dropdown .dropdown__list__item::before, .games-filters__providers--expanded .games-filters__providers-dropdown .dropdown__list__item::after { background-color: transparent !important; }
.games-filters__providers--expanded .games-filters__providers-dropdown .dropdown__list__item .provider-item { display: flex; justify-content: center; align-items: center; padding: 0px 1rem; height: 2.5rem; filter: grayscale(1); }
.games-filters__providers--expanded .games-filters__providers-dropdown .dropdown__list__item .provider-item--selected { background: var(--wkg-color-grey-500); filter: grayscale(0); }
.games-filters__providers--expanded .games-filters__providers-dropdown .dropdown__list__item .provider-item > img.provider-item__logo { height: 2.5rem; width: 100%; }
.games-categories-wrapper { display: flex; flex-direction: row; justify-content: space-between; position: relative; background-color: var(--bodyBgBlack); }
@media (min-width: 768px) {
  .games-categories-wrapper { padding: 0px 1rem; }
}
.games-categories-wrapper--overlay .games-categories { padding: 0px !important; }
.games-categories-wrapper .games-categories { display: flex; background: var(--wkg-color-grey-500); flex-direction: row; gap: 0.5rem; padding: 0px 0.25rem; position: relative; overflow-x: auto; flex: 1 1 0%; scrollbar-width: none; }
.games-categories-wrapper .games-categories::-webkit-scrollbar { display: none; }
.games-categories-wrapper .games-categories .games-category-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0.25rem; position: relative; cursor: pointer; scroll-snap-align: start; scroll-snap-stop: always; scroll-snap-type: x mandatory; width: 4rem; }
.games-categories-wrapper .games-categories .games-category-item__name { font-size: 0.75rem; color: var(--wkg-color-grey-100); text-align: center; font-style: normal; font-weight: 300; line-height: normal; text-transform: uppercase; white-space: nowrap; }
.games-categories-wrapper .games-categories .games-category-item__icon { color: var(--wkg-color-green-200); }
.games-categories-wrapper .games-categories .games-category-item__icon > div { width: 2rem; height: 2rem; }
.games-categories-wrapper .games-categories .games-category-item__icon > div svg { max-width: 100%; max-height: 100%; }
.games-categories-wrapper .games-categories .games-category-item--active::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0.125rem; background-color: var(--wkg-color-green-200); border-radius: 0.125rem; }
.games-categories-wrapper .games-categories .games-category-item--active .games-category-item__name { font-weight: 500; }
@media (min-width: 768px) {
  .games-categories-wrapper .games-categories { width: auto; padding-right: 1.5rem; max-width: max-content; border-radius: 0px 1.5rem 1.5rem 0px; overflow: visible; }
  .games-categories-wrapper .games-categories::before { content: ""; background: var(--wkg-color-grey-500); position: absolute; width: 100vw; height: 100%; top: 0px; left: -100vw; z-index: 1; }
}
.dropdown { position: relative; }
.dropdown__button { border-block: unset; border-inline: unset; border-start-start-radius: unset; border-start-end-radius: unset; border-end-start-radius: unset; border-end-end-radius: unset; overflow-block: unset; overflow-inline: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; margin-block: unset; margin-inline: unset; scroll-margin-block: unset; scroll-margin-inline: unset; padding-block: unset; padding-inline: unset; scroll-padding-block: unset; scroll-padding-inline: unset; inset-block: unset; inset-inline: unset; block-size: unset; min-block-size: unset; max-block-size: unset; inline-size: unset; min-inline-size: unset; max-inline-size: unset; contain-intrinsic-block-size: unset; contain-intrinsic-inline-size: unset; background-image: unset; background-position: unset; background-repeat: unset; background-attachment: unset; background-clip: unset; background-origin: unset; background-size: unset; background-blend-mode: unset; border: unset; box-decoration-break: unset; -moz-float-edge: unset; position: unset; anchor-name: unset; anchor-scope: unset; float: unset; clear: unset; vertical-align: unset; baseline-source: unset; overflow: unset; overflow-anchor: unset; transform: unset; rotate: unset; scale: unset; translate: unset; offset: unset; scroll-behavior: unset; scroll-snap-align: unset; scroll-snap-type: unset; scroll-snap-stop: unset; overscroll-behavior: unset; isolation: unset; break-after: unset; break-before: unset; break-inside: unset; resize: unset; perspective: unset; perspective-origin: unset; backface-visibility: unset; transform-box: unset; transform-style: unset; transform-origin: unset; contain: unset; content-visibility: unset; container: unset; appearance: unset; -moz-orient: unset; will-change: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; touch-action: unset; -webkit-line-clamp: unset; scrollbar-gutter: unset; zoom: unset; columns: unset; column-fill: unset; column-rule: unset; column-span: unset; content: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; opacity: unset; box-shadow: unset; clip: unset; filter: unset; backdrop-filter: unset; mix-blend-mode: unset; font-family: unset; font-style: unset; font-variant: unset; font-size: unset; font-size-adjust: unset; font-synthesis: unset; font-stretch: unset; font-kerning: unset; font-feature-settings: unset; font-variation-settings: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; math-depth: unset; math-style: unset; math-shift: unset; line-height: unset; -moz-osx-font-smoothing: unset; visibility: unset; writing-mode: unset; text-orientation: unset; print-color-adjust: unset; image-rendering: unset; image-orientation: unset; dominant-baseline: unset; text-anchor: unset; color-interpolation: unset; color-interpolation-filters: unset; fill: unset; fill-opacity: unset; fill-rule: unset; shape-rendering: unset; stroke: unset; stroke-width: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-dasharray: unset; stroke-dashoffset: unset; clip-rule: unset; marker: unset; paint-order: unset; border-collapse: unset; empty-cells: unset; caption-side: unset; border-spacing: unset; text-transform: unset; hyphens: unset; -moz-text-size-adjust: unset; text-indent: unset; overflow-wrap: unset; word-break: unset; text-justify: unset; text-align-last: unset; text-align: unset; letter-spacing: unset; word-spacing: unset; white-space: unset; text-autospace: unset; text-shadow: unset; text-emphasis: unset; text-emphasis-position: unset; tab-size: unset; line-break: unset; -webkit-text-fill-color: unset; -webkit-text-stroke: unset; ruby-align: unset; ruby-position: unset; text-combine-upright: unset; text-rendering: unset; text-underline-offset: unset; text-underline-position: unset; text-decoration-skip-ink: unset; hyphenate-character: unset; forced-color-adjust: unset; -webkit-text-security: unset; hyphenate-limit-chars: unset; text-wrap: unset; cursor: unset; pointer-events: unset; caret-color: unset; accent-color: unset; color-scheme: unset; scrollbar-color: unset; list-style: unset; quotes: unset; margin: unset; overflow-clip-margin: unset; scroll-margin: unset; outline: unset; outline-offset: unset; scroll-padding: unset; page: unset; inset: unset; z-index: unset; flex-flow: unset; align-content: unset; justify-items: unset; flex: unset; place-self: unset; order: unset; height: unset; min-height: unset; max-height: unset; min-width: unset; max-width: unset; position-anchor: unset; position-area: unset; position-visibility: unset; position-try: unset; object-fit: unset; object-position: unset; grid-area: unset; grid: unset; gap: unset; aspect-ratio: unset; contain-intrinsic-size: unset; vector-effect: unset; stop-color: unset; stop-opacity: unset; flood-color: unset; flood-opacity: unset; lighting-color: unset; mask-type: unset; clip-path: unset; mask: unset; x: unset; y: unset; cx: unset; cy: unset; rx: unset; ry: unset; r: unset; d: unset; table-layout: unset; text-overflow: unset; text-decoration: unset; text-decoration-inset: unset; ime-mode: unset; scrollbar-width: unset; user-select: unset; -moz-force-broken-image-icon: unset; transition: unset; animation: unset; animation-composition: unset; view-transition-name: unset; view-transition-class: unset; -moz-box-align: unset; -moz-box-direction: unset; -moz-box-flex: unset; -moz-box-orient: unset; -moz-box-pack: unset; -moz-box-ordinal-group: unset; justify-content: space-between; background-color: var(--dropdown-button-background-color); color: var(--dropdown-button-list-text-color); width: 100%; padding: 0.75rem 1.25rem; box-sizing: border-box; border-radius: var(--dropdown-button-list-border-radius); font-weight: 600; display: flex; align-items: center; }
.dropdown__button--open { background-color: var(--dropdown-list-background-color); border-radius: var(--dropdown-button-list-border-radius--open) var(--dropdown-button-list-border-radius--open) 0 0; }
.dropdown__button--open .icon { transform: rotate(180deg); }
.dropdown__button .icon { transition: transform 0.2s ease-in-out; margin: 0px 0.375rem; }
.dropdown__button__content { display: flex; align-items: center; }
.dropdown__button__content__icon { line-height: 0; display: block; margin-inline-end: 0.5rem; }
.dropdown__list { background-color: var(--dropdown-list-background-color); border-radius: 0px; box-sizing: border-box; width: 100%; margin: 0px; list-style: none; padding: 0px; transform-origin: center top 0px; transform: scaleY(0); opacity: 0; position: absolute; top: 100%; left: 0px; }
.dropdown__list--open { transform: scaleY(1); opacity: 1; border-bottom-left-radius: 1.25rem; border-bottom-right-radius: 1.25rem; }
.dropdown__list__item { position: relative; cursor: pointer; box-sizing: border-box; padding: 1rem 1.25rem; color: var(--dropdown-button-list-text-color); }
.dropdown__list__item::before { content: ""; margin: 0px 1.25rem; position: absolute; top: 0px; left: 0px; width: calc(100% - 2.5rem); height: 1px; background-color: var(--dropdown-list-divider-color); }
.dropdown__list__item:hover { background-color: var(--dropdown-button-background-color); }
.dropdown__list__item:hover:not(:last-child)::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100%; height: 1px; background-color: var(--dropdown-list-divider-color); }
.dropdown__list__item--disabled { opacity: 0.5; cursor: not-allowed; }
.dropdown__list__item:last-child { border-bottom-left-radius: var(--dropdown-button-list-border-radius--open); border-bottom-right-radius: var(--dropdown-button-list-border-radius--open); }
.dropdown .flagImage { height: 1.25rem; border-radius: 0.25rem; }
.dropdown-portal-backdrop { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 10000; }
.dropdown-portal { z-index: 10001; }
.dropdown-portal .dropdown__button--open { border-radius: var(--dropdown-button-list-border-radius--open) var(--dropdown-button-list-border-radius--open) 0 0; }
.dropdown-portal .dropdown__button--open-up { border-radius: 0 0 var(--dropdown-button-list-border-radius--open) var(--dropdown-button-list-border-radius--open); }
.dropdown-portal-list { position: static; top: auto; left: auto; transform: none; opacity: 1; border-radius: 0 0 var(--dropdown-button-list-border-radius--open) var(--dropdown-button-list-border-radius--open); }
.dropdown-portal-list--up, .dropdown-portal-list--up .dropdown__list__item:first-child { border-radius: var(--dropdown-button-list-border-radius--open) var(--dropdown-button-list-border-radius--open) 0 0; }
.language-dropdown { max-width: calc(100% - 2rem); }
.language-dropdown button.dropdown__button, .language-dropdown .dropdown__list__item--selected { height: 2.75rem; padding: 0.75rem 1.5rem; }
.language-dropdown ul { width: auto; }
.language-dropdown ul li span { font-size: 0.875rem; }
.language-dropdown--hidden { display: none; }
.language-dropdown--hidden button.dropdown__button, .language-dropdown--hidden .dropdown__list__item--selected { height: 2.75rem; }
.language-dropdown--hidden .dropdown__list__item, .language-dropdown--hidden .dropdown__list__item--selected { padding: 0.5rem 1.25rem; }
@media (min-width: 768px) {
  .language-dropdown--hidden { display: inline-block; }
}
.BonusDetailsModal .MuiPaper-root { border-radius: 10px; }
@media (min-width: 220px) and (max-width: 576px) {
  .BonusDetailsModal .MuiPaper-root { margin: 0px; }
}
@media (max-width: 320px) {
  .BonusDetailsModal .MuiDialog-paperWidthXs { max-width: 18.125rem; }
}
.BonusDetailsModal .CloseButton__wrapper { position: relative; margin-bottom: 2.5rem; }
.BonusDetailsModal .CloseButton__wrapper .CloseButton { position: absolute; top: 0px; right: 0px; }
.BonusDetailsModal .CloseButton__wrapper .CloseButton svg { color: var(--goldLight); }
.BonusDetailsModal .CloseButton__wrapper .CloseButton:hover { background: transparent; }
.BonusDetailsModal .BonusDetailsDialog-Content { min-width: 17.5rem; }
@media (min-width: 220px) and (max-width: 576px) {
  .BonusDetailsModal .BonusDetailsDialog-Content { min-height: 16.875rem; }
}
@media (max-width: 320px) {
  .BonusDetailsModal .BonusDetailsDialog-Content { padding: 0px 0.9375rem; }
}
.BonusDetailsModal .BonusDetailsDialog-Content .Heading { text-align: center; }
.BonusDetailsModal .BonusDetailsDialog-Content .Heading .title { font-size: 0.875rem; color: var(--goldLight); opacity: 0.5; margin-top: 0px; margin-bottom: 0.25rem; }
.BonusDetailsModal .BonusDetailsDialog-Content .Heading .subtitle { font-size: 1rem; font-weight: 700; color: var(--grey8); }
.BonusDetailsModal .BonusDetailsDialog-Content .BonusDetailsList .BonusDetailsItem { justify-content: space-between; color: var(--grey8); font-size: 0.875rem; font-weight: 700; }
.BonusDetailsModal .BonusDetailsDialog-Content .BonusDetailsList .BonusDetailsItem span:first-child { font-weight: 400; color: rgba(61, 61, 61, 0.7); }
.BonusDetailsModal .BonusDetailsDialog-Content .BonusDetailsList .BonusDetailsItem:not(:last-child) { border-bottom: 1px solid var(--yyy-ui-light-grey); }
.BonusDetailsModal .BonusDetailsDialog-Content .BonusDescription { font-size: 0.875rem; font-weight: 700; color: var(--goldLight); text-align: center; opacity: 0.5; margin-top: 0px; }
.BonusDetailsModal .BonusDetailsDialog-Content .GetBonusButton { background-color: var(--bonus-details-modal-background) !important; width: 100%; margin-bottom: 1.25rem; padding: 0.9375rem 0px; }
.amount-symbol-icon { vertical-align: middle; }
.wkg-overlay-open { overflow: hidden; }
.MobileFooterFloatMenuContainer { display: none; }
@media (min-width: 220px) and (max-width: 576px) {
  .MobileFooterFloatMenuContainer { display: flex; position: fixed; z-index: 1000; bottom: 0px; box-sizing: border-box; flex-direction: row; justify-content: space-between; width: 100%; height: 4rem; padding: 0px 1.25rem; background-color: var(--float-menu-bottom-background-color); }
  .MobileFooterFloatMenuContainer .FloatMenu-Item { display: flex; flex: 0 0 20%; align-items: center; justify-content: center; padding: 0.3125rem 0px 0.8125rem; }
  .MobileFooterFloatMenuContainer .FloatMenu-Item button { display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; border: medium; background: none; }
  .MobileFooterFloatMenuContainer .FloatMenu-Item button img { height: 30px; }
  .MobileFooterFloatMenuContainer .FloatMenu-Item button .item-indicator { font-size: 0.5rem; display: flex; position: absolute; top: 0rem; right: 0.8125rem; box-sizing: border-box; align-items: center; justify-content: center; width: 0.875rem; height: 0.875rem; border-radius: 0.4375rem; background: var(--float-menu-item-indicator-background-color); color: var(--float-menu-item-indicator-text-color); font-weight: 700; line-height: 100%; text-align: center; }
  .MobileFooterFloatMenuContainer .FloatMenu-Item button svg .outline, .MobileFooterFloatMenuContainer .FloatMenu-Item button svg .filled { color: var(--float-menu-item-inactive-icon-color); transition: opacity 0.3s; }
  .MobileFooterFloatMenuContainer .FloatMenu-Item button svg .outline { opacity: 1; stroke: var(--float-menu-item-inactive-icon-color); }
  .MobileFooterFloatMenuContainer .FloatMenu-Item button svg .filled { opacity: 0; fill: var(--float-menu-item-active-icon-color); stroke: var(--float-menu-item-active-icon-color); }
  .MobileFooterFloatMenuContainer .FloatMenu-Item button.active svg .outline { opacity: 0; }
  .MobileFooterFloatMenuContainer .FloatMenu-Item button.active svg .filled { opacity: 1; }
  .MobileFooterFloatMenuContainer .FloatMenu-Item button .wkg-icon { font-size: 1.875rem; }
  .MobileFooterFloatMenuContainer .FloatMenu-Item .isCta { position: relative; z-index: 1001; }
  .MobileFooterFloatMenuContainer .FloatMenu-Item .isCta svg .outline { stroke: var(--float-menu-cta-icon-color); }
  .MobileFooterFloatMenuContainer .FloatMenu-Item .isCta span { opacity: 1; color: var(--float-menu-cta-text-color); }
  .MobileFooterFloatMenuContainer .FloatMenu-Item .isCta::after { content: ""; position: absolute; z-index: -1; top: -0.625rem; width: 4.6875rem; height: 4.6875rem; overflow: hidden; border-radius: 50%; background-color: var(--float-menu-cta-background-color); }
  .MobileFooterFloatMenuContainer .FloatMenu-Item .badge { position: absolute; top: 0.1875rem; transform: translateY(-100%); opacity: 1; color: var(--float-menu-badge-text-color); }
  .MobileFooterFloatMenuContainer .FloatMenu-Item-Title { font-size: 0.5rem; line-height: 1.2188; color: var(--float-menu-item-title-text-color); font-weight: 500; text-align: center; text-transform: uppercase; }
  .MobileFooterFloatMenuContainer .FloatMenu-Item:has(.active)::before { content: ""; position: absolute; bottom: 0px; width: 1.875rem; height: 0.125rem; background-color: var(--float-menu-item-active-background-color); }
  .MobileFooterFloatMenuContainer .FloatMenu-Item ._Icon { display: flex; padding-bottom: 0.25rem; }
  .MobileFooterFloatMenuContainer .FloatMenu-Item ._Icon > div { display: flex; }
  .MobileFooterFloatMenuContainer .SportbooksDropdown { display: flex; position: fixed; bottom: 3.75rem; left: 0px; box-sizing: border-box; flex-direction: column; align-items: center; justify-content: center; width: 100vw; padding: 0.625rem 1.25rem 1.25rem; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; background-color: var(--greyDark2); backdrop-filter: blur(10px); gap: 10px; }
  .MobileFooterFloatMenuContainer .SportbooksDropdown .CloseBtn { width: 60px; height: 26px; padding: 4px 23px 3px; border: 2px solid var(--white02); border-radius: 20px; outline: none; background-color: transparent; color: var(--white05); }
  .MobileFooterFloatMenuContainer .SportbooksDropdownList { display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr); width: 100%; }
  .MobileFooterFloatMenuContainer .SportbooksDropdownList .Sportbook { display: flex; position: relative; box-sizing: border-box; flex-direction: column; width: 100%; height: 70px; border: solid 1px var(--ctaButtonBorder); border-radius: 10px; background-color: var(--ctaButtonBorder); }
  .MobileFooterFloatMenuContainer .SportbooksDropdownList .Sportbook::before { content: ""; position: absolute; inset: 0px; z-index: -1; margin: -0.125rem; border-radius: inherit; background: transparent; }
  .MobileFooterFloatMenuContainer .SportbooksDropdownList .SportbookImage { display: flex; box-sizing: border-box; align-items: center; justify-content: center; width: 100%; height: 100%; border-top-left-radius: inherit; border-top-right-radius: inherit; }
  .MobileFooterFloatMenuContainer .SportbooksDropdownList .SportbookImage img { width: 100%; height: 100%; max-height: 52px; object-fit: cover; border-top-left-radius: inherit; border-top-right-radius: inherit; }
  .MobileFooterFloatMenuContainer .SportbooksDropdownList .SportbookTitle { width: 100%; margin: 0px; padding: 4px 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; opacity: 0.5; background-color: var(--grey11); color: var(--white); font-size: 8px; font-weight: 700; text-align: center; text-transform: uppercase; }
  .MobileFooterFloatMenuContainer .SportbooksDropdownList .Sportbook:focus-within::before { background: linear-gradient(227deg,var(--darkTurquoise) -17%,var(--azure) 47%); box-shadow: rgba(16, 17, 25, 0.5) 0px 10px 20px, rgba(47, 117, 188, 0.8) 0px 0px 20px; }
  .MobileFooterFloatMenuContainer .SportbooksDropdownList .Sportbook:focus-within .SportbookTitle { opacity: 1; background-color: transparent; }
  .MobileFooterFloatMenuContainer .SportbooksDropdown.None { display: none; }
}
.sports-wrap { background-color: var(--sports-wrapper-background); margin-top: var(--app-header-height); padding: 1.25rem 0px; height: 100%; min-height: calc(100dvh - var(--app-header-height) - 2.5rem); display: flex; }
.sports-wrap--isCtaEnabled { margin-top: calc(var(--app-header-height) + var(--topCtaHeight)); min-height: calc(100dvh - var(--app-header-height) - var(--topCtaHeight) - 2.5rem); }
.sports-wrap--full-width { max-width: 100%; padding: 0px; }
.sports-wrap .sportGameContainer { left: 0px; width: 100%; height: 100%; z-index: 99; }
.sports-wrap .sportGameContainer--loading { contain: layout style paint; content-visibility: auto; }
.sports-wrap .sportGameContainer-Loader { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.MainPage-Container .wkg-casino-navbar { margin-bottom: var(--wkg-spacing-xl); }
.device-desktop .MainPage-Container .wkg-casino-navbar, .device-large .MainPage-Container .wkg-casino-navbar { margin-bottom: var(--wkg-spacing-3xl); }
.web-app-casino-page { width: 100%; max-width: var(--wkg-section-max-width-md); margin: 0px auto; }
.web-app-casino-page__content { padding: 0 var(--wkg-section-padding-md); }
.web-app-casino-page__sections { display: flex; flex-direction: column; gap: var(--casino-sections__gap, var(--wkg-section-margin-xl)); }
.web-app-casino-page__content .web-app-casino-detail__fallback { margin: var(--wkg-section-margin-xl) 0; }
.web-app-casino-page__content .web-app-casino-detail__fallback .wkg-feedback-message { margin-bottom: var(--wkg-section-margin-xl); }
.device-desktop .web-app-casino-page__content .web-app-casino-detail__fallback, .device-large .web-app-casino-page__content .web-app-casino-detail__fallback { margin: var(--wkg-section-margin-3xl) 0; }
.device-desktop .web-app-casino-page__content .web-app-casino-detail__fallback .wkg-feedback-message, .device-large .web-app-casino-page__content .web-app-casino-detail__fallback .wkg-feedback-message { margin-bottom: var(--wkg-section-margin-3xl); }
.web-app-casino-detail__skeleton { min-height: 400px; }
.web-app-casino-page__header { position: sticky; top: calc(var(--app-header-height)); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--wkg-section-padding-xs); z-index: 900; background: var(--casino-header__bg); padding: var(--wkg-section-padding-sm) var(--wkg-section-padding-md) var(--wkg-section-padding-md) var(--wkg-section-padding-md); margin-bottom: var(--casino-header__margin-bottom, 0); transition: top 0.2s; }
.web-app-casino-page__top-bar { display: contents; }
.web-app-casino-page__header--isCtaEnabled { top: calc(var(--app-header-height) + var(--topCtaHeight)); }
body:has(.app-header--hidden) .web-app-casino-page__header, body:has(.app-header--hidden) .web-app-casino-page__header--isCtaEnabled { top: 0px; }
.wkg-casino-navbar { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--wkg-section-padding-sm); overflow-x: auto; scrollbar-width: none; }
.wkg-casino-navbar > * { flex: 0 0 auto; }
.wkg-casino-navbar::-webkit-scrollbar { display: none; }
.web-app-casino-filters__chips-row { flex: 1 0 100%; width: 100%; display: flex; align-items: center; flex-wrap: nowrap; gap: var(--casino-chips-row__gap); min-width: 0px; }
.device-desktop .web-app-casino-filters__chips-row, .device-large .web-app-casino-filters__chips-row { flex-direction: row-reverse; }
.web-app-casino-filters__search-row { display: flex; align-items: center; gap: var(--casino-search-row__gap); width: 100%; min-width: 0px; margin-inline-start: auto; }
.device-desktop .web-app-casino-filters__search-row, .device-large .web-app-casino-filters__search-row { width: var(--casino-search__width-desktop); justify-content: flex-end; }
.web-app-casino-filters__search-field { position: relative; display: flex; align-items: center; flex: 1 1 auto; min-width: 0px; height: var(--casino-search__height); border-radius: var(--casino-search__radius); border: var(--casino-search__border-width) solid var(--casino-search__border-color); background: var(--casino-search__bg); transition: border-color 0.2s; }
.web-app-casino-filters__search-field:focus-within { border-color: var(--casino-search__border-color-focus); }
.web-app-casino-filters__search-icon { position: absolute; inset-inline-start: var(--casino-search__icon-offset); top: 50%; transform: translateY(-50%); color: var(--casino-search__icon-color); pointer-events: none; display: inline-flex; }
.web-app-casino-filters__search-icon > div, .web-app-casino-filters__search-icon svg { width: var(--casino-search__icon-size); height: var(--casino-search__icon-size); }
.web-app-casino-filters__search-input { flex: 1 1 0%; height: 100%; padding: 0 var(--casino-search__padding-x); border: medium; background: transparent; color: var(--casino-search__text-color); font-family: var(--casino-search__font-family); font-size: var(--casino-search__font-size); line-height: var(--casino-search__line-height); outline: none; appearance: none; }
.web-app-casino-filters__search-input::-webkit-search-decoration, .web-app-casino-filters__search-input::-webkit-search-cancel-button, .web-app-casino-filters__search-input::-webkit-search-results-button, .web-app-casino-filters__search-input::-webkit-search-results-decoration { appearance: none; }
.web-app-casino-filters__search-input::placeholder { color: var(--casino-search__placeholder-color); }
.web-app-casino-filters__search-clear { position: absolute; inset-inline-end: 0.5rem; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; padding: 0px; border: medium; background: transparent; color: var(--casino-search__clear-color); cursor: pointer; border-radius: 50%; transition: color 0.2s, background-color 0.2s; }
.web-app-casino-filters__search-clear:hover, .web-app-casino-filters__search-clear:focus-visible { color: var(--casino-search__clear-color-hover); background: var(--casino-search__clear-bg-hover); outline: none; }
.web-app-casino-filters__search-clear > div, .web-app-casino-filters__search-clear svg { width: var(--casino-search__clear-icon-size); height: var(--casino-search__clear-icon-size); }
.web-app-casino-filters__button { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: var(--casino-search__height); height: var(--casino-search__height); padding: 0px; border: var(--casino-filter-button__border-width) solid var(--casino-filter-button__border-color); border-radius: var(--casino-filter-button__radius); background: var(--casino-filter-button__bg); color: var(--casino-filter-button__icon-color); cursor: pointer; transition: border-color 0.2s, background-color 0.2s, color 0.2s; }
.web-app-casino-filters__button:hover, .web-app-casino-filters__button:focus-visible { border-color: var(--casino-filter-button__border-color-hover); background: var(--casino-filter-button__bg-hover); color: var(--casino-filter-button__icon-color-hover); outline: none; }
.web-app-casino-filters__button[aria-pressed="true"] { border-color: var(--casino-filter-button__border-color-active); background: var(--casino-filter-button__bg-active); color: var(--casino-filter-button__icon-color-active); }
.web-app-casino-filters__button-icon > div, .web-app-casino-filters__button-icon svg { width: var(--casino-filter-button__icon-size); height: var(--casino-filter-button__icon-size); }
.web-app-casino-filters__button-badge { position: absolute; top: calc(var(--casino-filter-button-badge__offset) * -1); right: calc(var(--casino-filter-button-badge__offset) * -1); width: var(--casino-filter-button-badge__size); height: var(--casino-filter-button-badge__size); aspect-ratio: 1 / 1; padding: 0px; display: inline-flex; align-items: center; justify-content: center; background: var(--casino-filter-button-badge__bg); color: var(--casino-filter-button-badge__color); border-radius: var(--casino-filter-button-badge__radius); font-family: var(--casino-filter-button-badge__font-family); font-size: var(--casino-filter-button-badge__font-size); font-weight: var(--casino-filter-button-badge__font-weight); line-height: 1; pointer-events: none; }
.web-app-casino-filters__chips { list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: nowrap; gap: var(--casino-chips__gap); overflow-x: auto; scrollbar-width: none; min-width: 0px; }
.web-app-casino-filters__chips::-webkit-scrollbar { display: none; }
.web-app-casino-filters__chip { display: inline-flex; align-items: center; gap: var(--casino-chip__inner-gap); flex: 0 0 auto; padding: 0px; background: transparent; border: medium; color: var(--casino-chip__color); font-family: var(--casino-chip__font-family); font-size: var(--casino-chip__font-size); line-height: var(--casino-chip__line-height); }
.web-app-casino-filters__chip > button { display: inline-flex; align-items: center; justify-content: center; width: var(--casino-chip__close-size); height: var(--casino-chip__close-size); padding: 0px; border: medium; background: transparent; color: var(--casino-chip__close-color); cursor: pointer; transition: color 0.2s; }
.web-app-casino-filters__chip > button:hover, .web-app-casino-filters__chip > button:focus-visible { color: var(--casino-chip__close-color-hover); outline: none; }
.web-app-casino-filters__chip > button > div, .web-app-casino-filters__chip > button svg { width: var(--casino-chip__close-icon-size); height: var(--casino-chip__close-icon-size); }
.web-app-casino-filters__clear-all { flex: 0 0 auto; padding: var(--casino-clear-all__padding); border: medium; background: transparent; color: var(--casino-clear-all__color); font-family: var(--casino-clear-all__font-family); font-size: var(--casino-clear-all__font-size); font-weight: var(--casino-clear-all__font-weight); cursor: pointer; white-space: nowrap; transition: color 0.2s; }
.web-app-casino-filters__clear-all:hover, .web-app-casino-filters__clear-all:focus-visible { color: var(--casino-clear-all__color-hover); outline: none; }
.web-app-casino-filters-panel { flex: 0 0 100%; width: 100%; min-width: 0px; box-sizing: border-box; margin-top: 0.25rem; padding: var(--casino-filters-panel__padding); background: var(--casino-filters-panel__bg); border: var(--casino-filters-panel__border-width) solid var(--casino-filters-panel__border-color); border-radius: var(--casino-filters-panel__radius); display: flex; flex-direction: column; gap: var(--casino-filters-panel__section-gap); }
.web-app-casino-filters-panel__section { display: flex; flex-direction: column; gap: var(--casino-filters-panel__inner-gap); }
.web-app-casino-filters-panel__section-header { display: flex; align-items: center; }
.web-app-casino-filters-panel__section-title { margin: 0px; font-family: var(--casino-filters-panel__title-font-family); font-size: var(--casino-filters-panel__title-font-size); font-weight: var(--casino-filters-panel__title-font-weight); color: var(--casino-filters-panel__title-color); text-transform: var(--casino-filters-panel__title-transform); line-height: 1.2; }
.web-app-casino-filters-panel__empty { margin: 0px; font-family: var(--casino-filters-panel__title-font-family); font-size: var(--casino-filter-option__font-size); color: var(--casino-filters-panel__title-color); }
.web-app-casino-filters-panel__options { list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: var(--casino-filter-option__column-gap); row-gap: var(--casino-filter-option__row-gap); max-height: var(--casino-filter-options__max-height); overflow-y: auto; }
.device-desktop .web-app-casino-filters-panel__options, .device-large .web-app-casino-filters-panel__options { grid-template-columns: repeat(auto-fit,minmax(var(--casino-filter-option__min-col-width),1fr)); }
.web-app-casino-filters-panel__options--with-images { column-gap: var(--casino-filter-option__column-gap-with-images); grid-template-columns: repeat(auto-fit,minmax(var(--casino-filter-option__min-col-width-with-images),1fr)); overflow-x: hidden; }
.web-app-casino-filters-panel__option-row { min-width: 0px; }
.web-app-casino-filters-panel__option { display: inline-flex; align-items: center; gap: var(--casino-filter-option__checkmark-gap); padding: var(--casino-filter-option__padding-y) 0; font-family: var(--casino-filter-option__font-family); font-size: var(--casino-filter-option__font-size); line-height: 1.2; color: var(--casino-filter-option__color); cursor: pointer; user-select: none; }
.web-app-casino-filters-panel__option-input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; border: 0px; clip: rect(0px, 0px, 0px, 0px); overflow: hidden; white-space: nowrap; }
.web-app-casino-filters-panel__option-checkmark { position: relative; display: inline-flex; align-items: center; justify-content: center; width: var(--casino-filter-option__checkmark-size); height: var(--casino-filter-option__checkmark-size); border: var(--casino-filter-option__checkmark-border-width) solid var(--casino-filter-option__checkmark-border); border-radius: var(--casino-filter-option__checkmark-radius); background: var(--casino-filter-option__checkmark-bg); flex: 0 0 auto; transition: background-color 0.2s, border-color 0.2s; }
.web-app-casino-filters-panel__option-input:checked + .web-app-casino-filters-panel__option-checkmark { background: var(--casino-filter-option__checkmark-bg-selected); border-color: var(--casino-filter-option__checkmark-border-selected); }
.web-app-casino-filters-panel__option-input:checked + .web-app-casino-filters-panel__option-checkmark::after { content: ""; position: absolute; top: 50%; left: 50%; width: var(--casino-filter-option__check-icon-size); height: calc(var(--casino-filter-option__check-icon-size) * .55); border-left: 2px solid var(--casino-filter-option__check-icon-color); border-bottom: 2px solid var(--casino-filter-option__check-icon-color); transform: translate(-50%, -65%) rotate(-45deg); }
.web-app-casino-filters-panel__option-input:focus-visible + .web-app-casino-filters-panel__option-checkmark { outline: 2px solid var(--casino-filter-option__checkmark-border-selected); outline-offset: 2px; }
.web-app-casino-filters-panel__option-content { display: flex; flex-flow: column wrap; align-items: flex-start; gap: var(--casino-filter-option__gap); min-width: 0px; flex-shrink: 0; }
.web-app-casino-filters-panel__option-image { flex: 0 0 auto; width: var(--casino-filter-option__image-width); height: var(--casino-filter-option__image-height); object-fit: contain; border-radius: var(--casino-filter-option__image-radius); background: var(--casino-filter-option__image-bg); }
.web-app-casino-filters-panel__option-label { min-width: 0px; flex: 0 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.web-app-casino-filters-panel__option--selected .web-app-casino-filters-panel__option-label { color: var(--casino-filter-option__color-selected); }
.web-app-casino-filters-panel__option-tag { flex: 0 0 auto; padding: 0.25rem; background: var(--casino-filter-option__tag-bg); color: var(--casino-filter-option__tag-color); font-size: var(--casino-filter-option__tag-font-size); font-weight: 600; border-radius: 0.25rem; text-transform: uppercase; line-height: 1; pointer-events: none; }
.wkg-grid-components:has(.header-title, .cta-text) > .wkg-grid { min-width: 0px; }
.wkg-grid:has(.header-title, .cta-text) > div { min-width: 0px; }
.wkg-grid:has(.header-title, .cta-text) > div:nth-child(2) { overflow: hidden; }
.wkg-html-text:has(.cta-text) { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: var(--wkg-spacing-sm); }
.wkg-html-text:has(.cta-text) > p:has(> br:only-child) { display: none; }
.wkg-html-text p { margin: 0px; }
.header-title { display: grid; grid-template-columns: 40px 1fr; align-items: center; column-gap: var(--wkg-spacing-sm); }
.header-title .wkg-icon { grid-area: 1 / 1 / span 2; width: 2.5rem; height: 2.5rem; }
.header-title.wkg-html-text p { grid-area: 1 / 2; font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-600); line-height: 1.4; margin: 0px; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; }
.header-title.wkg-html-text :is(h1, h2, h3, h4, h5, h6) { grid-area: 2 / 2; margin: 0px; white-space: nowrap; font-family: var(--wkg-font-family-primary); font-size: var(--wkg-font-size-lg); font-weight: var(--wkg-font-weight-600); line-height: 1.2; color: var(--wkg-color-white); }
.cta-text { display: grid; grid-template-columns: 40px 1fr; align-items: center; column-gap: var(--wkg-spacing-sm); }
.cta-text .wkg-icon { grid-area: 1 / 1 / span 2; width: 2.5rem; height: 2.5rem; }
.cta-text.wkg-html-text p { grid-area: 1 / 2; font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-600); margin: 0px; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: text; -webkit-text-fill-color: transparent; }
.cta-text.wkg-html-text :is(h1, h2, h3, h4, h5, h6) { grid-area: 2 / 2; margin: 0px; font-size: var(--wkg-font-size-lg); }
.device-mobile .cta-button .wkg-button--primary.wkg-button--filled { font-size: var(--wkg-font-size-xs); }
.device-desktop .cta-text .wkg-icon, .device-large .cta-text .wkg-icon { width: 2.5rem; height: 2.5rem; }
.device-desktop .cta-text.wkg-html-text p, .device-large .cta-text.wkg-html-text p { font-size: var(--wkg-font-size-md); }
.device-desktop .cta-text.wkg-html-text :is(h1, h2, h3, h4, h5, h6), .device-large .cta-text.wkg-html-text :is(h1, h2, h3, h4, h5, h6) { font-size: var(--wkg-font-size-3xl); }
.supportWrap .title { font-size: 22px; font-weight: 700; }
.supportWrap .subTitle, .supportWrap .OneTimePopup .description, .OneTimePopup .supportWrap .description { font-size: 14px; color: var(--support-subtitle__color); line-height: 1.43; margin-bottom: 40px; max-width: 980px; }
.device-mobile .supportWrap .title, .device-mobile .supportWrap .subTitle, .device-mobile .supportWrap .OneTimePopup .description, .OneTimePopup .device-mobile .supportWrap .description, .device-phablet .supportWrap .title, .device-phablet .supportWrap .subTitle, .device-phablet .supportWrap .OneTimePopup .description, .OneTimePopup .device-phablet .supportWrap .description, .device-tablet .supportWrap .title, .device-tablet .supportWrap .subTitle, .device-tablet .supportWrap .OneTimePopup .description, .OneTimePopup .device-tablet .supportWrap .description { text-align: center; }
.supportWrap .formRegistration input, .supportWrap .formRegistration textarea { width: 100%; height: 48px; border: medium; background: var(--support-input__bg); padding-left: 11px; color: var(--support-input__color); border-radius: var(--borderRadius); box-sizing: border-box; resize: none; }
.supportWrap .formRegistration input::placeholder, .supportWrap .formRegistration textarea::placeholder { font-size: 14px; font-weight: 600; color: var(--support-input__placeholder-color); text-transform: capitalize; opacity: 0.6; }
.supportWrap .formRegistration textarea { min-height: 195px; padding-top: 12px; resize: none; margin-top: 1rem; }
.supportWrap .formRegistration div .button { width: 190px; height: 48px; background-image: var(--support-submit__bg); color: var(--support-submit__color); font-size: 16px; text-transform: uppercase; border-radius: var(--borderRadius); border: medium; opacity: 1; transition: 0.3s ease-in-out; }
.supportWrap .formRegistration div .button:hover { box-shadow: var(--support-submit__shadow-hover); }
.supportWrap .formRegistration .bottomItem button:disabled { opacity: 1 !important; }
.SupportForm .phoneInput-Container-CountryCode { border: medium; }
.SupportForm .phoneInput-Container-CountryCode::after { background-color: var(--support-phone-divider__bg); opacity: 0.3; }
.SupportForm .phoneInput-Container-CountryCode .Countries-Dropdown-Pointer { background: var(--support-phone-pointer__bg); }
.SupportForm .phoneInput-Container-CountryCode .Countries-Dropdown-List { background-color: var(--support-phone-list__bg); border-color: var(--support-phone-list__border-color); border-bottom-right-radius: var(--borderRadius); border-bottom-left-radius: var(--borderRadius); }
.SupportForm .phoneInput-Container-CountryCode .Countries-Dropdown-List .Country-Item .Country-Code { color: var(--support-phone-code__color); margin-left: 5px; }
.SupportForm .phoneInput-Container-CountryCode .Country-Code-Input { border-radius: 0px !important; }
.SupportForm .flag-dropdown, .SupportForm .flag-dropdown .selected-flag { background: transparent !important; border: medium !important; }
.SupportForm .flag-dropdown .selected-flag:hover, .SupportForm .flag-dropdown .selected-flag:focus { background: transparent !important; }
.SupportForm .flag-dropdown .country-list { background: var(--support-phone-flag-list__bg); }
.SupportForm .flag-dropdown .country-list .country-name { color: var(--support-phone-name__color); }
.SupportForm .flag-dropdown .country-list .country .dial-code, .SupportForm .flag-dropdown .country-list .dial-code { color: var(--support-phone-dial-code__color); }
.SupportForm .flag-dropdown .country-list .country.highlight { background: var(--support-phone-highlight__bg); }
.SupportForm .flag-dropdown .country-list .country.highlight .dial-code { color: var(--support-phone-dial-code__color); }
.SupportForm .flag-dropdown .country-list .country { color: var(--support-phone-country__color) !important; }
.device-mobile .supportWrap .formRegistration form .nameItem .nameInput, .device-mobile .supportWrap .formRegistration form .nameItem .emailInput, .device-mobile .supportWrap .formRegistration form .nameItem .phoneInput, .device-mobile .supportWrap .formRegistration form .emailItem .nameInput, .device-mobile .supportWrap .formRegistration form .emailItem .emailInput, .device-mobile .supportWrap .formRegistration form .emailItem .phoneInput, .device-mobile .supportWrap .formRegistration form .phoneItem .nameInput, .device-mobile .supportWrap .formRegistration form .phoneItem .emailInput, .device-mobile .supportWrap .formRegistration form .phoneItem .phoneInput, .device-phablet .supportWrap .formRegistration form .nameItem .nameInput, .device-phablet .supportWrap .formRegistration form .nameItem .emailInput, .device-phablet .supportWrap .formRegistration form .nameItem .phoneInput, .device-phablet .supportWrap .formRegistration form .emailItem .nameInput, .device-phablet .supportWrap .formRegistration form .emailItem .emailInput, .device-phablet .supportWrap .formRegistration form .emailItem .phoneInput, .device-phablet .supportWrap .formRegistration form .phoneItem .nameInput, .device-phablet .supportWrap .formRegistration form .phoneItem .emailInput, .device-phablet .supportWrap .formRegistration form .phoneItem .phoneInput, .device-tablet .supportWrap .formRegistration form .nameItem .nameInput, .device-tablet .supportWrap .formRegistration form .nameItem .emailInput, .device-tablet .supportWrap .formRegistration form .nameItem .phoneInput, .device-tablet .supportWrap .formRegistration form .emailItem .nameInput, .device-tablet .supportWrap .formRegistration form .emailItem .emailInput, .device-tablet .supportWrap .formRegistration form .emailItem .phoneInput, .device-tablet .supportWrap .formRegistration form .phoneItem .nameInput, .device-tablet .supportWrap .formRegistration form .phoneItem .emailInput, .device-tablet .supportWrap .formRegistration form .phoneItem .phoneInput, .device-mobile .supportWrap .formRegistration form .messageItem, .device-phablet .supportWrap .formRegistration form .messageItem, .device-tablet .supportWrap .formRegistration form .messageItem { width: 97%; }
.device-mobile .supportWrap .formRegistration div .button, .device-phablet .supportWrap .formRegistration div .button, .device-tablet .supportWrap .formRegistration div .button { width: 100%; margin-top: 16px; margin-bottom: 32px; font-size: 16px; }
.supportWrap .contactContainer .emailContainer, .supportWrap .contactContainer .phoneContainer, .supportWrap .contactContainer .whatsUpContainer { display: flex; align-items: center; height: 35px; margin-bottom: 40px; }
.supportWrap .contactContainer .emailContainer .imgEmailContainer, .supportWrap .contactContainer .emailContainer .imgPhoneContainer, .supportWrap .contactContainer .emailContainer .imgWhatsUpContainer, .supportWrap .contactContainer .phoneContainer .imgEmailContainer, .supportWrap .contactContainer .phoneContainer .imgPhoneContainer, .supportWrap .contactContainer .phoneContainer .imgWhatsUpContainer, .supportWrap .contactContainer .whatsUpContainer .imgEmailContainer, .supportWrap .contactContainer .whatsUpContainer .imgPhoneContainer, .supportWrap .contactContainer .whatsUpContainer .imgWhatsUpContainer { margin-right: 20px; }
.supportWrap .contactContainer .emailContainer .contentEmailContainer .textEmailContainer, .supportWrap .contactContainer .emailContainer .contentEmailContainer .textPhoneContainer, .supportWrap .contactContainer .emailContainer .contentEmailContainer .textWhatsUpContainer, .supportWrap .contactContainer .emailContainer .contentPhoneContainer .textEmailContainer, .supportWrap .contactContainer .emailContainer .contentPhoneContainer .textPhoneContainer, .supportWrap .contactContainer .emailContainer .contentPhoneContainer .textWhatsUpContainer, .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .textEmailContainer, .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .textPhoneContainer, .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .textWhatsUpContainer, .supportWrap .contactContainer .phoneContainer .contentEmailContainer .textEmailContainer, .supportWrap .contactContainer .phoneContainer .contentEmailContainer .textPhoneContainer, .supportWrap .contactContainer .phoneContainer .contentEmailContainer .textWhatsUpContainer, .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .textEmailContainer, .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .textPhoneContainer, .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .textWhatsUpContainer, .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .textEmailContainer, .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .textPhoneContainer, .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .textWhatsUpContainer, .supportWrap .contactContainer .whatsUpContainer .contentEmailContainer .textEmailContainer, .supportWrap .contactContainer .whatsUpContainer .contentEmailContainer .textPhoneContainer, .supportWrap .contactContainer .whatsUpContainer .contentEmailContainer .textWhatsUpContainer, .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .textEmailContainer, .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .textPhoneContainer, .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .textWhatsUpContainer, .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .textEmailContainer, .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .textPhoneContainer, .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .textWhatsUpContainer { color: var(--support-contact-label__color); font-size: 12px; display: block; font-weight: 600; }
.supportWrap .contactContainer .emailContainer .contentEmailContainer .itemEmailContainer, .supportWrap .contactContainer .emailContainer .contentEmailContainer .itemPhoneContainer, .supportWrap .contactContainer .emailContainer .contentEmailContainer .itemWhatsUpContainer, .supportWrap .contactContainer .emailContainer .contentPhoneContainer .itemEmailContainer, .supportWrap .contactContainer .emailContainer .contentPhoneContainer .itemPhoneContainer, .supportWrap .contactContainer .emailContainer .contentPhoneContainer .itemWhatsUpContainer, .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .itemEmailContainer, .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .itemPhoneContainer, .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .itemWhatsUpContainer, .supportWrap .contactContainer .phoneContainer .contentEmailContainer .itemEmailContainer, .supportWrap .contactContainer .phoneContainer .contentEmailContainer .itemPhoneContainer, .supportWrap .contactContainer .phoneContainer .contentEmailContainer .itemWhatsUpContainer, .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .itemEmailContainer, .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .itemPhoneContainer, .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .itemWhatsUpContainer, .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .itemEmailContainer, .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .itemPhoneContainer, .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .itemWhatsUpContainer, .supportWrap .contactContainer .whatsUpContainer .contentEmailContainer .itemEmailContainer, .supportWrap .contactContainer .whatsUpContainer .contentEmailContainer .itemPhoneContainer, .supportWrap .contactContainer .whatsUpContainer .contentEmailContainer .itemWhatsUpContainer, .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .itemEmailContainer, .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .itemPhoneContainer, .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .itemWhatsUpContainer, .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .itemEmailContainer, .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .itemPhoneContainer, .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .itemWhatsUpContainer { color: var(--support-contact-value__color); font-size: 16px; display: block; text-decoration: none; font-weight: 600; }
.supportWrap .supportContactIcon { color: var(--support-icon__color); }
.supportWrap .supportContactIcon svg, .supportWrap .supportContactIcon img { width: 24px; height: 24px; }
.device-mobile .supportWrap .contactContainer .personContainer, .device-phablet .supportWrap .contactContainer .personContainer, .device-tablet .supportWrap .contactContainer .personContainer { width: 99%; padding: 0px; }
.device-mobile .supportWrap .contactContainer .emailContainer .contentEmailContainer .itemEmailContainer, .device-mobile .supportWrap .contactContainer .emailContainer .contentEmailContainer .itemPhoneContainer, .device-mobile .supportWrap .contactContainer .emailContainer .contentEmailContainer .itemWhatsUpContainer, .device-mobile .supportWrap .contactContainer .emailContainer .contentPhoneContainer .itemEmailContainer, .device-mobile .supportWrap .contactContainer .emailContainer .contentPhoneContainer .itemPhoneContainer, .device-mobile .supportWrap .contactContainer .emailContainer .contentPhoneContainer .itemWhatsUpContainer, .device-mobile .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .itemEmailContainer, .device-mobile .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .itemPhoneContainer, .device-mobile .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .itemWhatsUpContainer, .device-mobile .supportWrap .contactContainer .phoneContainer .contentEmailContainer .itemEmailContainer, .device-mobile .supportWrap .contactContainer .phoneContainer .contentEmailContainer .itemPhoneContainer, .device-mobile .supportWrap .contactContainer .phoneContainer .contentEmailContainer .itemWhatsUpContainer, .device-mobile .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .itemEmailContainer, .device-mobile .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .itemPhoneContainer, .device-mobile .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .itemWhatsUpContainer, .device-mobile .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .itemEmailContainer, .device-mobile .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .itemPhoneContainer, .device-mobile .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .itemWhatsUpContainer, .device-mobile .supportWrap .contactContainer .whatsUpContainer .contentEmailContainer .itemEmailContainer, .device-mobile .supportWrap .contactContainer .whatsUpContainer .contentEmailContainer .itemPhoneContainer, .device-mobile .supportWrap .contactContainer .whatsUpContainer .contentEmailContainer .itemWhatsUpContainer, .device-mobile .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .itemEmailContainer, .device-mobile .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .itemPhoneContainer, .device-mobile .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .itemWhatsUpContainer, .device-mobile .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .itemEmailContainer, .device-mobile .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .itemPhoneContainer, .device-mobile .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .itemWhatsUpContainer, .device-phablet .supportWrap .contactContainer .emailContainer .contentEmailContainer .itemEmailContainer, .device-phablet .supportWrap .contactContainer .emailContainer .contentEmailContainer .itemPhoneContainer, .device-phablet .supportWrap .contactContainer .emailContainer .contentEmailContainer .itemWhatsUpContainer, .device-phablet .supportWrap .contactContainer .emailContainer .contentPhoneContainer .itemEmailContainer, .device-phablet .supportWrap .contactContainer .emailContainer .contentPhoneContainer .itemPhoneContainer, .device-phablet .supportWrap .contactContainer .emailContainer .contentPhoneContainer .itemWhatsUpContainer, .device-phablet .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .itemEmailContainer, .device-phablet .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .itemPhoneContainer, .device-phablet .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .itemWhatsUpContainer, .device-phablet .supportWrap .contactContainer .phoneContainer .contentEmailContainer .itemEmailContainer, .device-phablet .supportWrap .contactContainer .phoneContainer .contentEmailContainer .itemPhoneContainer, .device-phablet .supportWrap .contactContainer .phoneContainer .contentEmailContainer .itemWhatsUpContainer, .device-phablet .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .itemEmailContainer, .device-phablet .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .itemPhoneContainer, .device-phablet .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .itemWhatsUpContainer, .device-phablet .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .itemEmailContainer, .device-phablet .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .itemPhoneContainer, .device-phablet .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .itemWhatsUpContainer, .device-phablet .supportWrap .contactContainer .whatsUpContainer .contentEmailContainer .itemEmailContainer, .device-phablet .supportWrap .contactContainer .whatsUpContainer .contentEmailContainer .itemPhoneContainer, .device-phablet .supportWrap .contactContainer .whatsUpContainer .contentEmailContainer .itemWhatsUpContainer, .device-phablet .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .itemEmailContainer, .device-phablet .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .itemPhoneContainer, .device-phablet .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .itemWhatsUpContainer, .device-phablet .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .itemEmailContainer, .device-phablet .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .itemPhoneContainer, .device-phablet .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .itemWhatsUpContainer, .device-tablet .supportWrap .contactContainer .emailContainer .contentEmailContainer .itemEmailContainer, .device-tablet .supportWrap .contactContainer .emailContainer .contentEmailContainer .itemPhoneContainer, .device-tablet .supportWrap .contactContainer .emailContainer .contentEmailContainer .itemWhatsUpContainer, .device-tablet .supportWrap .contactContainer .emailContainer .contentPhoneContainer .itemEmailContainer, .device-tablet .supportWrap .contactContainer .emailContainer .contentPhoneContainer .itemPhoneContainer, .device-tablet .supportWrap .contactContainer .emailContainer .contentPhoneContainer .itemWhatsUpContainer, .device-tablet .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .itemEmailContainer, .device-tablet .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .itemPhoneContainer, .device-tablet .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .itemWhatsUpContainer, .device-tablet .supportWrap .contactContainer .phoneContainer .contentEmailContainer .itemEmailContainer, .device-tablet .supportWrap .contactContainer .phoneContainer .contentEmailContainer .itemPhoneContainer, .device-tablet .supportWrap .contactContainer .phoneContainer .contentEmailContainer .itemWhatsUpContainer, .device-tablet .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .itemEmailContainer, .device-tablet .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .itemPhoneContainer, .device-tablet .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .itemWhatsUpContainer, .device-tablet .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .itemEmailContainer, .device-tablet .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .itemPhoneContainer, .device-tablet .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .itemWhatsUpContainer, .device-tablet .supportWrap .contactContainer .whatsUpContainer .contentEmailContainer .itemEmailContainer, .device-tablet .supportWrap .contactContainer .whatsUpContainer .contentEmailContainer .itemPhoneContainer, .device-tablet .supportWrap .contactContainer .whatsUpContainer .contentEmailContainer .itemWhatsUpContainer, .device-tablet .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .itemEmailContainer, .device-tablet .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .itemPhoneContainer, .device-tablet .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .itemWhatsUpContainer, .device-tablet .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .itemEmailContainer, .device-tablet .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .itemPhoneContainer, .device-tablet .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .itemWhatsUpContainer { font-size: 14px; }
html[dir="rtl"] .supportWrap .formRegistration .inputFormContainer.phoneInput { direction: ltr; }
html[dir="rtl"] .supportWrap .formRegistration .inputFormContainer #email { direction: ltr; text-align: right; }
html[dir="rtl"] .supportWrap .formRegistration .inputFormContainer #email::placeholder { text-align: right; }
html[dir="rtl"] .supportWrap .formRegistration .inputFormContainer .react-tel-input { direction: ltr; text-align: left; }
html[dir="rtl"] .supportWrap .formRegistration .inputFormContainer .react-tel-input::placeholder { text-align: right; }
html[dir="rtl"] .supportWrap .formRegistration .inputFormContainer .nameItem input, html[dir="rtl"] .supportWrap .formRegistration .inputFormContainer .phoneItem input { direction: rtl; }
html[dir="rtl"] .supportWrap .formRegistration .inputFormContainer textarea { padding-left: 2px; padding-right: 11px; }
html[dir="rtl"] .supportWrap .contactContainer .emailContainer, html[dir="rtl"] .supportWrap .contactContainer .phoneContainer, html[dir="rtl"] .supportWrap .contactContainer .whatsUpContainer { margin-left: 0px; margin-right: 7px; }
html[dir="rtl"] .supportWrap .contactContainer .emailContainer .imgEmailContainer, html[dir="rtl"] .supportWrap .contactContainer .emailContainer .imgPhoneContainer, html[dir="rtl"] .supportWrap .contactContainer .emailContainer .imgWhatsUpContainer, html[dir="rtl"] .supportWrap .contactContainer .phoneContainer .imgEmailContainer, html[dir="rtl"] .supportWrap .contactContainer .phoneContainer .imgPhoneContainer, html[dir="rtl"] .supportWrap .contactContainer .phoneContainer .imgWhatsUpContainer, html[dir="rtl"] .supportWrap .contactContainer .whatsUpContainer .imgEmailContainer, html[dir="rtl"] .supportWrap .contactContainer .whatsUpContainer .imgPhoneContainer, html[dir="rtl"] .supportWrap .contactContainer .whatsUpContainer .imgWhatsUpContainer { margin-left: 18px; margin-right: 0px; }
html[dir="rtl"] .supportWrap .contactContainer .emailContainer .contentPhoneContainer .itemWhatsUpContainer, html[dir="rtl"] .supportWrap .contactContainer .emailContainer .contentPhoneContainer .itemPhoneContainer, html[dir="rtl"] .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .itemWhatsUpContainer, html[dir="rtl"] .supportWrap .contactContainer .emailContainer .contentWhatsUpContainer .itemPhoneContainer, html[dir="rtl"] .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .itemWhatsUpContainer, html[dir="rtl"] .supportWrap .contactContainer .phoneContainer .contentPhoneContainer .itemPhoneContainer, html[dir="rtl"] .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .itemWhatsUpContainer, html[dir="rtl"] .supportWrap .contactContainer .phoneContainer .contentWhatsUpContainer .itemPhoneContainer, html[dir="rtl"] .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .itemWhatsUpContainer, html[dir="rtl"] .supportWrap .contactContainer .whatsUpContainer .contentPhoneContainer .itemPhoneContainer, html[dir="rtl"] .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .itemWhatsUpContainer, html[dir="rtl"] .supportWrap .contactContainer .whatsUpContainer .contentWhatsUpContainer .itemPhoneContainer { direction: ltr; }
.footer-license-info { margin: 0px; display: flex; flex-direction: column; justify-content: flex-start; gap: 0.625rem; }
.footer-license-info-text p { font-size: 0.75rem; color: var(--license-text-color); margin: 0px; }
.footer-license-info-text a { color: var(--license-link-color); font-weight: var(--license-link-weight); }
.footer-license-info-image { margin-top: 0.1875rem; min-width: 4.6875rem; min-height: 2.65625rem; }
.footer-license-info--montenegro .footer-license-info-image { min-width: auto; }
.footer-license-info--montenegro .footer-license-info-image img { height: 2.5rem; width: auto; display: block; }
.card { display: flex; flex-direction: column; border-radius: 0.03125rem; overflow: hidden; transition: 0.2s ease-in-out; background-color: var(--card-bg); color: var(--card-text, #1f2937); }
.card--outlined { border: .0625rem solid var(--card-border); box-shadow: none; }
.card--outlined:hover { border-color: var(--card-border-hover); }
.card--filled { background-color: var(--card-filled-bg); box-shadow: none; }
.card--m { border-radius: 1rem; }
.card__header { display: flex; align-items: flex-start; padding: 0.0625rem 0.0625rem 0px; gap: 0.046875rem; }
.card__header-content { flex: 1 1 0%; min-width: 0px; }
.card__header-title { margin: 0px; }
.card__header-title h1, .card__header-title h2, .card__header-title h3, .card__header-title h4, .card__header-title h5, .card__header-title h6 { margin: 0px; font-size: 0.0703125rem; font-weight: 600; line-height: 1.5; color: var(--card-title-color, #111827); }
.card__header-subtitle { margin: 0.015625rem 0px 0px; }
.card__header-subtitle p { margin: 0px; font-size: 0.0546875rem; color: var(--card-subtitle-color, #6b7280); line-height: 1.4; }
.card__header-action { flex-shrink: 0; display: flex; align-items: flex-start; }
.card__content { padding: 0.0625rem; flex: 1 1 0%; }
.card__header + .card__content { padding-top: 0.03125rem; }
.card__content + .card__actions { padding-top: 0px; }
.card__actions { display: flex; align-items: center; padding: 0.03125rem 0.0625rem 0.0625rem; gap: 0.03125rem; }
.card__actions--left { justify-content: flex-start; }
.card__actions--center { justify-content: center; }
.card__actions--right { justify-content: flex-end; }
.card__actions--space-between { justify-content: space-between; }
.linear-progress-bar { width: 100%; }
.linear-progress-bar__label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; color: var(--text-primary, #333); }
.linear-progress-bar__label-text { flex: 1 1 0%; }
.linear-progress-bar__percentage { font-weight: 600; color: var(--text-secondary, #666); }
.linear-progress-bar__track { position: relative; width: 100%; background-color: var(--progress-track-bg, #e5e7eb); border-radius: 1.5rem; overflow: hidden; }
.linear-progress-bar__fill { height: 100%; background-color: var(--progress-fill-bg, #3b82f6); border-radius: inherit; transition: width 0.3s ease-in-out; position: relative; }
.linear-progress-bar__fill::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) 0% 0% / 1rem 1rem; opacity: 0; transition: opacity 0.2s; }
.linear-progress-bar--s .linear-progress-bar__track { height: 0.375rem; }
.linear-progress-bar--s .linear-progress-bar__label { font-size: 0.75rem; margin-bottom: 0.25rem; }
.linear-progress-bar--m .linear-progress-bar__track { height: 0.5rem; }
.linear-progress-bar--l .linear-progress-bar__track { height: 0.75rem; }
.linear-progress-bar--l .linear-progress-bar__label { font-size: 1rem; margin-bottom: 0.75rem; }
.linear-progress-bar--primary .linear-progress-bar__fill { background-color: var(--color-primary, #3b82f6); }
.linear-progress-bar--secondary .linear-progress-bar__fill { background-color: var(--color-secondary, #6b7280); }
.linear-progress-bar--success .linear-progress-bar__fill { background-color: var(--color-success, #10b981); }
.linear-progress-bar--warning .linear-progress-bar__fill { background-color: var(--color-warning, #f59e0b); }
.linear-progress-bar--error .linear-progress-bar__fill { background-color: var(--color-error, #ef4444); }
.linear-progress-bar--striped .linear-progress-bar__fill::after { opacity: 1; }
.linear-progress-bar--animated .linear-progress-bar__fill::after { animation: 1s linear infinite linear-progress-bar-stripes; }
.linear-progress-bar--animated.linear-progress-bar--striped .linear-progress-bar__fill::after { animation: 1s linear infinite linear-progress-bar-stripes; }
@keyframes linear-progress-bar-stripes {
0% { background-position: 1rem 0px; }
100% { background-position: 0px 0px; }
}
.table-container { --table-border-color: var(--yyy-white-20); --table-border-divider-color: var(--yyy-ui-medium-grey); --table-bg-color: transparent; --table-header-bg: transparent; --table-cell-padding: 1rem 0; --table-font-size: .875rem; --table-empty-text-color: var(--yyy-ui-medium-grey); }
.table-container .table { font-size: var(--table-font-size); }
.table-container .table__cell { padding: var(--table-cell-padding); }
.table-container .table__load-more { display: flex; justify-content: center; align-items: center; margin-top: 1rem; }
.table-container .table__load-more button { border-color: var(--table-border-color); }
.table-container .table__load-more span { text-transform: capitalize; }
.tabbed-buttons { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.5rem; }
.tabbed-buttons button > span { text-transform: capitalize; font-weight: 600; }
.timeline { --timeline-title-color: var(--yyy-white); --timeline-date-color: var(--yyy-ui-medium-grey); --timeline-line-color: var(--yyy-white); --timeline-muted-color: var(--yyy-ui-medium-grey); --timeline-status--completed-color: var(--yyy-green); --timeline-status--pending-color: var(--yyy-primary-yellow); --timeline-status--error-color: var(--yyy-red); display: flex; flex-direction: column; align-items: flex-start; }
.timeline__item-container { position: relative; }
.timeline__item { display: grid; grid-template-columns: 1.25rem 1fr; column-gap: 1.5rem; max-width: 21.25rem; min-width: 16.25rem; align-items: center; }
.timeline__left { position: relative; display: flex; justify-content: center; align-items: center; width: 1.5rem; }
.timeline__left .icon { width: 1.5rem; height: 1.5rem; }
.timeline__left .icon.icon__error svg { width: 1.375rem; height: 1.375rem; }
.timeline__marker { width: 0.5rem; height: 0.5rem; aspect-ratio: 1 / 1; border-radius: 50%; background: transparent; border: .0625rem solid var(--timeline-muted-color); }
.timeline__marker--current { background: var(--timeline-status--completed-color); border-color: var(--timeline-status--completed-color); }
.timeline__marker--error { background: var(--timeline-status--error-color); border-color: var(--timeline-status--error-color); }
.timeline__marker--upcoming { background: transparent; border-color: var(--timeline-muted-color); }
.timeline__content { display: flex; flex-direction: column; gap: 0.25rem; color: var(--timeline-title-color); }
.timeline__title { font-size: 0.875rem; font-weight: 300; color: var(--timeline-muted-color); }
.timeline__date { font-size: 0.625rem; color: var(--timeline-date-color); }
.timeline__line { width: 0.0625rem; height: 1.5rem; margin: 0.375rem 0px 0.375rem 0.75rem; background-color: var(--timeline-line-color); pointer-events: none; }
.timeline__description { font-size: 0.875rem; font-weight: 300; }
.timeline__title--hasDate, .timeline__title--completed, .timeline__title--current { color: var(--timeline-title-color); }
.timeline__title--current { font-weight: 600; }
[dir="rtl"] .timeline__line { margin-left: 0px; margin-right: 0.75rem; }
.transaction-table__section-title { margin: 0.5rem 0px; font-size: var(--tt-section-title-size); font-weight: var(--tt-section-title-weight); color: var(--tt-section-title-color); }
.transaction-table__two-sections { display: flex; flex-direction: column; gap: var(--tt-section-gap); }
.transaction-table .transaction-table__filters { position: relative; overflow-x: auto; display: flex; gap: var(--tt-filter-gap); padding: var(--tt-filter-padding-y) 0; }
.transaction-table .transaction-table__filters .tabbed-buttons > .tabbed-buttons__button { padding: var(--tt-filter-button-padding-y) var(--tt-filter-button-padding-x); border-radius: var(--tt-filter-button-border-radius); background: transparent; border: .0625rem solid var(--tt-filter-button-border-color); }
.transaction-table .transaction-table__filters .tabbed-buttons > .tabbed-buttons__button > span { font-size: var(--tt-filter-button-text-size); font-weight: var(--tt-filter-button-text-weight); color: var(--tt-filter-button-text-color); text-transform: capitalize; }
.transaction-table .transaction-table__filters .tabbed-buttons > .tabbed-buttons__button--active { border: .0625rem solid var(--tt-filter-button-active-border-color); }
.transaction-table .table-container .table-wrapper .table { width: 100%; }
.transaction-table .table-container .table-wrapper .table__body { display: flex; flex-direction: column; gap: 0px; }
.transaction-table .table-container .table-wrapper .table__row { width: inherit; display: flex; align-items: center; gap: 0.5rem; border-bottom: .03125rem solid var(--table-border-divider-color); }
@media (min-width: 576px) {
  .transaction-table .table-container .table-wrapper .table__row { padding: 0px 1rem; }
}
.transaction-table .table-container .table-wrapper .table__row--hoverable { cursor: pointer; transition: background-color 0.2s ease-in-out; }
.transaction-table .table-container .table-wrapper .table__row--hoverable:hover { background-color: var(--tt-row-hover-bg); }
.transaction-table .table-container .table-wrapper .table__row--empty { border-bottom: medium; }
.transaction-table .table-container .table-wrapper .table__row--empty .table__cell { text-align: center; color: var(--table-empty-text-color); }
.transaction-table .table-container .table-wrapper .table__cell { width: 100%; }
.transaction-table .table-container .table-wrapper .table__cell--method-icon { width: 2.125rem; }
.transaction-table .table-container .table-wrapper .table__cell--method-icon .table__cell--icon { display: flex; justify-content: center; align-items: center; width: 2.125rem; height: 2.125rem; color: var(--tt-icon-text-color); border-radius: var(--tt-row-card-radius); background: var(--tt-row-card-bg); }
.transaction-table .table-container .table-wrapper .table__cell--method-icon .table__cell--icon .icon, .transaction-table .table-container .table-wrapper .table__cell--method-icon .table__cell--icon .icon > div svg, .transaction-table .table-container .table-wrapper .table__cell--method-icon .table__cell--icon svg { font-size: 1rem; }
.transaction-table .table-container .table-wrapper .table__cell .details-row { display: flex; justify-content: space-between; width: 100%; min-width: 0px; gap: 0.5rem; }
.transaction-table .table-container .table-wrapper .table__cell .details-row .left-cell { display: flex; flex-direction: column; justify-content: center; gap: var(--tt-left-cell-gap); color: var(--tt-left-cell-text-color); min-width: 0px; flex: 1 1 50%; }
.transaction-table .table-container .table-wrapper .table__cell .details-row .left-cell__method-name { font-size: var(--tt-method-name-font-size); overflow-wrap: anywhere; word-break: break-word; }
.transaction-table .table-container .table-wrapper .table__cell .details-row .left-cell__method-ts { font-size: var(--tt-method-ts-font-size); }
.transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell { display: flex; flex-direction: column; align-items: flex-end; color: var(--tt-right-cell-text-color); min-width: 0px; flex: 0 1 50%; }
.transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell__amount { font-weight: var(--tt-amount-font-weight); font-size: var(--tt-amount-font-size); color: var(--tt-amount-text-color); white-space: nowrap; }
.transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell__status { display: flex; align-items: center; gap: var(--tt-status-gap); font-size: var(--tt-status-font-size); }
.transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell__status-message { color: var(--tt-status-message-text-color); text-align: end; overflow-wrap: anywhere; word-break: break-word; }
.transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell__status-message--pending { color: var(--tt-status-pending-color); }
.transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell__status-message--completed { color: var(--tt-status-completed-color); }
.transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell__status-message--rejected, .transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell__status-message--cancelled, .transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell__status-message--failed { color: var(--tt-status-error-color); }
.transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell__status-icon { padding: var(--tt-detail-icon-padding); }
.transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell__status-icon, .transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell__status-icon .icon, .transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell__status-icon .icon > div svg { width: var(--tt-detail-icon-size); height: var(--tt-detail-icon-size); }
.transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell__status .popover, .transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell__status .popover .icon, .transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell__status .popover div, .transaction-table .table-container .table-wrapper .table__cell .details-row .right-cell__status .popover svg { width: 1.125rem; height: 1.125rem; }
:root { --popover-bg: #fff; --popover-border-radius: .75rem; --popover-shadow: 0 .125rem .75rem 0 rgba(0, 0, 0, .15); --popover-max-width: 20.25rem; --popover-min-width: 13.25rem; --popover-z-index: var(--yyy-ui-z-index-popover, 1000); --popover-padding: 1rem; --popover-header-color: #1a1a1a; --popover-header-font-size: 1.125rem; --popover-header-font-weight: 800; --popover-body-color: #666666; --popover-body-font-size: .75rem; --popover-link-color: #3498fd; --popover-footer-gap: .5rem; --popover-focus-ring-color: rgba(59, 130, 246, .5); }
.popover { display: inline-block; }
.popover__trigger { cursor: pointer; display: inline-block; }
.popover__trigger--disabled { cursor: not-allowed; opacity: 0.5; pointer-events: none; }
.popover__content { background: var(--popover-bg); border-radius: var(--popover-border-radius); box-shadow: var(--popover-shadow); max-width: var(--popover-max-width); min-width: var(--popover-min-width); outline: none; overflow: visible; padding: var(--popover-padding); z-index: var(--popover-z-index); }
.popover__content--placement-top, .popover__content--placement-top-start, .popover__content--placement-top-end { transform-origin: center bottom 0px; }
.popover__content--placement-bottom, .popover__content--placement-bottom-start, .popover__content--placement-bottom-end { transform-origin: center top 0px; }
.popover__content--placement-left, .popover__content--placement-left-start, .popover__content--placement-left-end { transform-origin: right center 0px; }
.popover__content--placement-right, .popover__content--placement-right-start, .popover__content--placement-right-end { transform-origin: left center 0px; }
.popover__content--animate { will-change: transform, opacity; }
.popover__arrow { pointer-events: none; position: absolute; }
.popover__arrow::before { border: inherit; border-radius: 0.125rem; content: ""; display: block; height: 100%; position: absolute; transform: rotate(45deg); width: 100%; z-index: -1; }
.popover__arrow--placement-top::before, .popover__arrow--placement-top-start::before, .popover__arrow--placement-top-end::before { background: var(--popover-bg); border-bottom: .0625rem solid var(--popover-border-color); border-right: .0625rem solid var(--popover-border-color); border-left: medium; border-top: medium; box-shadow: rgba(0, 0, 0, 0.05) 0.125rem 0.125rem 0.25rem; }
.popover__arrow--placement-bottom::before, .popover__arrow--placement-bottom-start::before, .popover__arrow--placement-bottom-end::before { background: var(--popover-bg); border-left: .0625rem solid var(--popover-border-color); border-top: .0625rem solid var(--popover-border-color); border-bottom: medium; border-right: medium; box-shadow: rgba(0, 0, 0, 0.05) -0.125rem -0.125rem 0.25rem; }
.popover__arrow--placement-left::before, .popover__arrow--placement-left-start::before, .popover__arrow--placement-left-end::before { background: var(--popover-bg); border-bottom: .0625rem solid var(--popover-border-color); border-right: .0625rem solid var(--popover-border-color); border-left: medium; border-top: medium; box-shadow: rgba(0, 0, 0, 0.05) 0.125rem 0.125rem 0.25rem; }
.popover__arrow--placement-right::before, .popover__arrow--placement-right-start::before, .popover__arrow--placement-right-end::before { background: var(--popover-bg); border-left: .0625rem solid var(--popover-border-color); border-top: .0625rem solid var(--popover-border-color); border-bottom: medium; border-right: medium; box-shadow: rgba(0, 0, 0, 0.05) -0.125rem -0.125rem 0.25rem; }
.popover__close-row { align-items: center; display: flex; justify-content: flex-end; }
.popover__close-button { align-items: center; background: transparent; border: medium; cursor: pointer; display: flex; flex-shrink: 0; padding: 0px; }
.popover__close-button > div svg path { stroke: var(--yyy-ui-medium-grey); }
.popover__close-button:focus { outline: none; }
.popover__header { color: var(--popover-header-color); font-size: var(--popover-header-font-size); font-weight: var(--popover-header-font-weight); line-height: 1.3; margin-bottom: 0.5rem; }
.popover__body { font-size: var(--popover-body-font-size); color: var(----yyy-ui-medium-grey, #9698a1); font-weight: 500; line-height: normal; }
.popover__body-link { color: var(--popover-link-color, #3498fd); cursor: pointer; font-size: 0.75rem; font-style: normal; font-weight: 700; line-height: normal; text-decoration: underline; }
.popover__body-link:hover { text-decoration: none; }
.popover__footer { display: flex; gap: var(--popover-footer-gap); margin-top: 0.5rem; }
.popover__footer--align-left { justify-content: flex-start; }
.popover__footer--align-center { justify-content: center; }
.popover__footer--align-right { justify-content: flex-end; }
[dir="rtl"] .popover__close-row { justify-content: flex-start; }
.payment-details { --payment-details__title-color: var(--yyy-white); --payment-details__date-color: var(--yyy-ui-medium-grey); --payment-details__description-color: var(--yyy-ui-medium-grey); --payment-details__description-color-light: var(--yyy-ui-light-grey); --payment-details__status-color: var(--yyy-primary-yellow); --payment-details__button-bg: var(--yyy-red-lvl-1); --payment-details__button-color: var(--yyy-red); --payment-details__tabs-active-border-color: var(--yyy-primary-blue); margin-top: calc(var(--headerHeight) + 1.5rem); display: flex; flex-direction: column; gap: 1.5rem; color: var(--payment-details__title-color); }
.payment-details__back button .button__content { color: var(--yyy-white) !important; font-weight: 500 !important; }
.payment-details__back svg { vertical-align: middle; }
.payment-details__content { display: flex; flex-direction: column; align-items: center; gap: 2.5rem; }
.payment-details__content-header { display: flex; flex-direction: column; align-items: center; gap: 0.1875rem; }
.payment-details__content-info { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 21.25rem; gap: 2.5rem; }
.payment-details__content-info .payment-details__content-cat { display: flex; flex-direction: column; width: 100%; gap: 0.5rem; }
.payment-details__content-info .payment-details__content-cat > span { font-size: 0.625rem; font-weight: 400; color: var(--payment-details__description-color-light); }
.payment-details__content-info .payment-details__content-cat .payment-details__content-value { display: flex; justify-content: space-between; align-items: center; font-size: 0.875rem; font-weight: 400; }
.payment-details__content-info .payment-details__content-cat .payment-details__content-value-label { color: var(--payment-details__description-color); }
.payment-details__content-info .payment-details__content-cat .payment-details__content-value-text { color: var(--payment-details__title-color); }
.payment-details__content-info .payment-details__content-cat .payment-details__content-value-text--emphasized { font-weight: 600; }
.payment-details__content-info .payment-details__content-cat .payment-details__content-divider { width: 100%; height: 1px; background-color: var(--yyy-ui-dark-grey); opacity: 0.3; margin: 0.5rem 0px; }
.payment-details__actions { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 21.25rem; gap: 1rem; margin-top: 2rem; }
.payment-details__tabs { margin-top: 1rem; }
.payment-details__tabs .tabbed-buttons > .tabbed-buttons__button--active { border-color: var(--payment-details__tabs-active-border-color); }
.vip-diamond .payment-details .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button--active, .vip-vvip .payment-details .payment-details__tabs .tabbed-buttons > .tabbed-buttons__button--active { border-color: var(--yyy-vip-light-gold); box-shadow: none; }
.vip-diamond .payment-details .button--primary.button--filled, .vip-vvip .payment-details .button--primary.button--filled { background: var(--yyy-vip-button-gradient-gold); border-color: var(--yyy-vip-light-gold); }
.vip-diamond .payment-details .button--primary.button--filled:hover, .vip-vvip .payment-details .button--primary.button--filled:hover { box-shadow: var(--yyy-vip-button-shadow-gold); }
.vip-diamond .payment-details .button--primary.button--filled .button__content, .vip-vvip .payment-details .button--primary.button--filled .button__content { color: var(--yyy-dark-blue-lvl-1); }
.vip-diamond .payment-details .button--primary.button--outlined, .vip-diamond .payment-details .button--outlined, .vip-vvip .payment-details .button--primary.button--outlined, .vip-vvip .payment-details .button--outlined { border-color: var(--yyy-vip-light-gold); }
.vip-diamond .payment-details .button--primary.button--outlined .button__content, .vip-diamond .payment-details .button--outlined .button__content, .vip-vvip .payment-details .button--primary.button--outlined .button__content, .vip-vvip .payment-details .button--outlined .button__content { color: var(--yyy-white); }
.vip-diamond .payment-details .button--primary.button--outlined:hover, .vip-diamond .payment-details .button--outlined:hover, .vip-vvip .payment-details .button--primary.button--outlined:hover, .vip-vvip .payment-details .button--outlined:hover { border-color: var(--yyy-vip-light-gold); background-color: transparent; box-shadow: var(--yyy-vip-button-shadow-gold); }
.payment-details__amount, .payment-details__method { margin: 0px; }
.payment-details__amount { font-size: 1.875rem; font-weight: 600; }
.payment-details__method { font-size: 0.875rem; font-weight: 400; color: var(--payment-details__date-color); }
.payment-details__status { color: var(--payment-details__status-color); font-weight: 700; font-size: 0.875rem; }
.payment-details__status--pending { color: var(--payment-details__status-color); }
.payment-details__status--completed { color: var(--yyy-green); }
.payment-details__status--cancelled, .payment-details__status--rejected, .payment-details__status--failed { color: var(--yyy-red); }
.payment-details__content--empty { display: flex; flex-direction: column; margin: 0px auto; align-items: center; text-align: center; max-width: 21.25rem; }
.payment-details__content--empty .payment-details__empty-caption, .payment-details__content--empty .payment-details__empty-title { margin: 0px; }
.payment-details__content--empty .payment-details__empty-caption { color: var(--payment-details__status-color); font-size: 0.875rem; font-weight: 700; }
.payment-details__content--empty .payment-details__empty-title { color: var(--payment-details__title-color); font-size: 1.875rem; font-weight: 600; }
.payment-details__content--empty .payment-details__empty-description { font-size: 0.875rem; font-weight: 400; color: var(--payment-details__description-color); }
.payment-details__content--empty .payment-details__empty-button { margin-top: 1rem; }
.form-password-checker-info-note { display: flex; align-items: center; gap: 0.375rem; font-size: 0.75rem; color: var(--yyy-ui-medium-grey, #9698a1); margin-top: 0.5rem; margin-bottom: 0.75rem; line-height: 1.4; }
.form-password-checker-info-note div, .form-password-checker-info-note svg { flex-shrink: 0; width: 1.125rem; height: 1.125rem; }
.form-password-checker { --form-password-checker-valid: var(--yyy-green, #8eea68); --form-password-checker-invalid: var(--yyy-ui-medium-grey, #9698a1); height: max-content; padding-bottom: 0.25rem; overflow: hidden; }
.form-password-checker__content { padding: 0px; display: flex; flex-direction: column; gap: 0.375rem; }
.form-password-checker__title { font-size: 0.75rem; font-weight: 600; color: var(--form-password-checker-hint-color); opacity: 0.8; }
.form-password-checker__validation-list { list-style: none; display: flex; flex-direction: column; gap: 0.125rem; padding: 0px; margin: 0px; }
.form-password-checker__validation-list-item { display: flex; align-items: center; gap: 0.375rem; }
.form-password-checker__validation-list-item-icon div, .form-password-checker__validation-list-item-icon svg { width: 1.125rem; height: 1.125rem; }
.form-password-checker__validation-list-item-icon--valid { color: var(--form-password-checker-valid); }
.form-password-checker__validation-list-item-icon--invalid { color: var(--form-password-checker-invalid); }
.form-password-checker__validation-list-item-text { font-size: 0.75rem; color: var(--form-password-checker-text-color); }
.Loyalty-Shop { display: flex; align-items: stretch; padding: 3rem 0px 4.5rem; flex-direction: column; }
.device-desktop .Loyalty-Shop, .device-large .Loyalty-Shop { flex-direction: row; }
.LoyaltyStatusSlide { background-color: var(--wkg-color-grey-400); border-radius: var(--wkg-border-radius-4xl); width: 15.75rem; display: flex; flex-direction: column; align-items: center; }
@media (min-width: 576px) {
  .LoyaltyStatusSlide { width: 21.875rem; max-height: 41.25rem; }
}
.LoyaltyStatusSlide__avatar-section { position: relative; display: flex; align-items: center; justify-content: center; padding: var(--wkg-spacing-md) 0 var(--wkg-spacing-xs); width: 100%; }
.LoyaltyStatusSlide__status-label { position: absolute; top: -0.625rem; left: 50%; transform: translate(-50%); background-color: var(--wkg-color-grey-500); border-radius: 3.75rem; padding: .125rem var(--wkg-spacing-xs); white-space: nowrap; }
.LoyaltyStatusSlide__status-label span { font-size: var(--wkg-font-size-xs); font-weight: var(--wkg-font-weight-600); color: var(--wkg-color-grey-200); text-transform: uppercase; letter-spacing: 0.05em; }
.LoyaltyStatusSlide__avatar-circle { display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; box-sizing: border-box; border-radius: 50%; background-color: var(--wkg-color-grey-500); border: var(--wkg-border-width-sm) solid var(--wkg-color-grey-500); padding: var(--wkg-spacing-xs); flex-shrink: 0; }
@media (min-width: 576px) {
  .LoyaltyStatusSlide__avatar-circle { width: 7.5rem; height: 7.5rem; }
}
.LoyaltyStatusSlide__avatar-image { width: 100%; height: 100%; border-radius: 50%; object-fit: contain; }
.LoyaltyStatusSlide__avatar-placeholder { width: 100%; height: 100%; border-radius: 50%; background-color: var(--wkg-color-white-10); }
.LoyaltyStatusSlide__title-section { display: flex; flex-direction: column; align-items: center; gap: var(--wkg-spacing-xs); padding: 0 var(--wkg-spacing-xs) var(--wkg-spacing-xs); width: 100%; box-sizing: border-box; text-align: center; }
@media (min-width: 576px) {
  .LoyaltyStatusSlide__title-section { padding: 0 var(--wkg-spacing-md) var(--wkg-spacing-md); }
}
.LoyaltyStatusSlide__title { background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; -webkit-text-fill-color: transparent; background-clip: text; font-size: var(--wkg-font-size-6xl); font-weight: var(--wkg-font-weight-800); margin: 0px; }
.LoyaltyStatusSlide__points { display: flex; flex-direction: column; align-items: center; gap: var(--wkg-spacing-xxs); }
.LoyaltyStatusSlide__points-label { font-size: var(--wkg-font-size-xxs); font-weight: var(--wkg-font-weight-400); color: var(--wkg-color-grey-200); margin: 0px; }
@media (min-width: 576px) {
  .LoyaltyStatusSlide__points-label { font-size: var(--wkg-font-size-xs); }
}
.LoyaltyStatusSlide__points-value { background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; -webkit-text-fill-color: transparent; background-clip: text; font-size: var(--wkg-font-size-xs); font-weight: var(--wkg-font-weight-600); margin: 0px; }
@media (min-width: 576px) {
  .LoyaltyStatusSlide__points-value { font-size: var(--wkg-font-size-sm); }
}
.LoyaltyStatusSlide__benefits { display: flex; flex-direction: column; gap: var(--wkg-spacing-xxs); padding: 0 var(--wkg-spacing-xs) var(--wkg-spacing-xs); width: 100%; box-sizing: border-box; }
@media (min-width: 576px) {
  .LoyaltyStatusSlide__benefits { gap: var(--wkg-spacing-xs); padding: 0 var(--wkg-spacing-md) var(--wkg-spacing-md); }
}
.LoyaltyStatusSlide__row { display: flex; gap: var(--wkg-spacing-xxs); width: 100%; }
@media (min-width: 576px) {
  .LoyaltyStatusSlide__row { gap: var(--wkg-spacing-xs); }
}
.LoyaltyStatusSlide__row:last-child .LoyaltyStatusSlide__item { height: 6.4375rem; }
.LoyaltyStatusSlide__item { flex: 1 0 0px; min-width: 0px; height: 5.75rem; box-sizing: border-box; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: var(--wkg-spacing-xxs); padding: var(--wkg-spacing-xxs) var(--wkg-spacing-xxs) var(--wkg-spacing-md); border-radius: var(--wkg-border-radius-2xl); position: relative; background-color: var(--wkg-color-grey-500); box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625rem 0.25rem inset; }
@media (min-width: 576px) {
  .LoyaltyStatusSlide__item { padding: var(--wkg-spacing-xxs) var(--wkg-spacing-xs) var(--wkg-spacing-md); }
}
.LoyaltyStatusSlide__item--inactive { opacity: 0.2; }
.LoyaltyStatusSlide__item-icon { width: 2.5rem; height: 2.5rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.LoyaltyStatusSlide__item-icon-value { background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; -webkit-text-fill-color: transparent; background-clip: text; font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-600); }
@media (min-width: 576px) {
  .LoyaltyStatusSlide__item-icon-value { font-size: var(--wkg-font-size-lg); }
}
.LoyaltyStatusSlide__item-label { font-size: 0.6875rem; font-weight: var(--wkg-font-weight-600); color: var(--wkg-color-white); text-align: center; line-height: var(--wkg-line-height-xs); margin: 0px; width: 100%; word-break: break-word; }
@media (min-width: 576px) {
  .LoyaltyStatusSlide__item-label { font-size: 0.8125rem; }
}
.LoyaltyStatusSlide--last { background: var(--wkg-color-gradient-gold-300); }
.LoyaltyStatusSlide--last .LoyaltyStatusSlide__status-label { background-color: var(--wkg-color-light-gold-400); }
.LoyaltyStatusSlide--last .LoyaltyStatusSlide__status-label span { color: var(--wkg-color-white); }
.LoyaltyStatusSlide--last .LoyaltyStatusSlide__avatar-circle { background: var(--wkg-color-gradient-gold-300); border-color: var(--wkg-color-light-gold-400); }
.LoyaltyStatusSlide--last .LoyaltyStatusSlide__title { background: none; -webkit-text-fill-color: unset; color: var(--wkg-color-grey-400); }
.LoyaltyStatusSlide--last .LoyaltyStatusSlide__points-label { color: var(--wkg-color-grey-400); }
.LoyaltyStatusSlide--last .LoyaltyStatusSlide__points-value { background: none; -webkit-text-fill-color: unset; color: var(--wkg-color-black); }
.LoyaltyStatusSlide--last .LoyaltyStatusSlide__item { background-color: var(--wkg-color-light-gold-400); }
.LoyaltyStatusSlide--last .LoyaltyStatusSlide__item-icon-value { background: none; -webkit-text-fill-color: unset; color: var(--wkg-color-black); }
.LoyaltyStatusSlide--current .LoyaltyStatusSlide__avatar-circle { background: var(--wkg-color-gradient-gold-300); border-color: var(--wkg-color-light-gold-400); }
.LoyaltyStatusSlide--current .LoyaltyStatusSlide__status-label { background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; background-clip: ; background-color: unset; }
.LoyaltyStatusSlide--current .LoyaltyStatusSlide__status-label span { color: var(--wkg-color-grey-400); }
.LoyaltyStatusSlider { position: relative; width: 100%; overflow: hidden; }
@media (min-width: 576px) {
  .LoyaltyStatusSlider { max-height: 45.25rem; }
}
.LoyaltyStatusSlider__track { display: flex; gap: var(--wkg-spacing-md); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: var(--wkg-spacing-xl) calc((100% - 15.75rem)/2); scrollbar-width: none; cursor: grab; user-select: none; }
@media (min-width: 576px) {
  .LoyaltyStatusSlider__track { gap: var(--wkg-spacing-lg); padding: var(--wkg-spacing-xl) calc((100% - 21.875rem)/2); }
}
.LoyaltyStatusSlider__track:active { cursor: grabbing; }
.LoyaltyStatusSlider__track::-webkit-scrollbar { display: none; }
.LoyaltyStatusSlider__item { scroll-snap-align: center; flex-shrink: 0; transform: scale(0.9); opacity: 0.5; margin-inline: -0.7875rem; transition: transform 0.3s, opacity 0.3s, margin-inline 0.3s; transform-origin: center center 0px; }
@media (min-width: 576px) {
  .LoyaltyStatusSlider__item { margin-inline: -1.09375rem; }
}
.LoyaltyStatusSlider__item--active { transform: scale(1); opacity: 1; margin-inline: 0px; }
.LoyaltyStatusSlider__track--scrolling .LoyaltyStatusSlider__item { transition: none; }
.LoyaltyStatusSlider__shade { display: none; }
@media (min-width: 576px) {
  .LoyaltyStatusSlider__shade { display: block; position: absolute; top: 0px; bottom: 0px; width: 5rem; pointer-events: none; z-index: 1; }
}
.LoyaltyStatusSlider__shade--left { left: 0px; background: linear-gradient(to right,var(--wkg-color-black),transparent); }
.LoyaltyStatusSlider__shade--right { right: 0px; background: linear-gradient(to left,var(--wkg-color-black),transparent); }
.vip-diamond .cabinet-container, .vip-vvip .cabinet-container { --yyy-cta-blue-gradient: linear-gradient(90deg, var(--yyy-vip-dark-gold) 0%, var(--yyy-vip-light-gold) 83.33%); }
.vip-diamond .cabinet-container .button, .vip-vvip .cabinet-container .button { --button-primary-bg-color: var(--yyy-vip-gold-gradient); --button-primary-hover-color: var(--yyy-vip-light-gold); --button-primary-active-color: var(--yyy-vip-light-gold); --button-primary-hover-shadow: 0 0 0 transparent; --button-primary-text-color: var(--yyy-dark-blue-lvl-1); }
.vip-diamond .cashier-tabs-container__tab--active::after, .vip-vvip .cashier-tabs-container__tab--active::after { background-color: var(--yyy-vip-light-gold); }
.vip-diamond .cashier-navigation__tab--active, .vip-vvip .cashier-navigation__tab--active { border-color: var(--yyy-vip-light-gold); }
.vip-diamond .cashier-navigation-mobile__menu__tab__icon, .vip-vvip .cashier-navigation-mobile__menu__tab__icon { color: var(--yyy-vip-light-gold); }
@media (min-width: 220px) and (max-width: 576px) {
  .vip-diamond .AmountPicker .Section-Title, .vip-vvip .AmountPicker .Section-Title { text-align: start; }
}
.vip-diamond .AmountPicker-Validation .Error, .vip-vvip .AmountPicker-Validation .Error { color: var(--yyy-vip-light-gold); }
@media (min-width: 220px) and (max-width: 576px) {
  .vip-diamond .AmountPicker .AmountPickerBlock, .vip-vvip .AmountPicker .AmountPickerBlock { padding: 0px; }
}
@media (min-width: 220px) and (max-width: 576px) {
  .vip-diamond .AmountPicker, .vip-vvip .AmountPicker { padding: 1rem; }
}
.vip-diamond .PaymentMethods-List-Item div, .vip-vvip .PaymentMethods-List-Item div { opacity: 1; }
.vip-diamond .PaymentMethods-List-Item div:hover, .vip-vvip .PaymentMethods-List-Item div:hover { opacity: 0.8; }
@media (min-width: 220px) and (max-width: 576px) {
  .vip-diamond .PaymentMethods-List-Item div:hover, .vip-vvip .PaymentMethods-List-Item div:hover { opacity: 1; }
}
.vip-diamond .PaymentMethods-List-Item.Active--v2 div, .vip-vvip .PaymentMethods-List-Item.Active--v2 div { background: linear-gradient(var(--yyy-vip-light-gold),var(--yyy-vip-dark-gold)); }
.vip-diamond .PaymentMethods-List-Item.Active--v2::after, .vip-vvip .PaymentMethods-List-Item.Active--v2::after { background-image: url("select-tick-vip.svg"); }
[dir="rtl"] .vip-diamond .PaymentMethods-List-Item.Active--v2::after, [dir="rtl"] .vip-vvip .PaymentMethods-List-Item.Active--v2::after { right: unset; left: 0px; background-image: url("select-tick-vip-ar.svg"); }
.vip-diamond .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item--selected::after, .vip-vvip .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card__item--selected::after { background-image: url("bonus-check-vip.svg"); }
.vip-diamond .sidebar-mobile-link-item--deposit .sidebar-mobile-link-item__content__text, .vip-vvip .sidebar-mobile-link-item--deposit .sidebar-mobile-link-item__content__text { color: var(--yyy-white); }
.vip-diamond .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card .bonus-card__gradient-overlay .bonus-card__check-icon, .vip-vvip .Bonuses.Section.deposit-bonuses--v2 .deposit-bonuses__carousel .bonus-card .bonus-card__gradient-overlay .bonus-card__check-icon { background-image: url("confirmation.svg"); }
.vip-diamond .deposit-ask-help-container, .vip-vvip .deposit-ask-help-container { border-color: var(--yyy-vip-light-gold, #fbe3a3); }
.vip-diamond .BonusDetailsModal, .vip-vvip .BonusDetailsModal { --bonus-details-modal-background: linear-gradient(31deg, #926d21 37%, #c4a645 115%); }
.vip-diamond .BonusDetailsModal .GetBonusButton, .vip-vvip .BonusDetailsModal .GetBonusButton { background-image: var(--bonus-details-modal-background); }
.side-bar-mobile-backdrop { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; backdrop-filter: blur(8px); z-index: var(--yyy-ui-z-index-sidebar-mobile-backdrop); }
.side-bar-mobile-container { position: fixed; top: 0px; left: 0px; }
.side-bar-mobile-container.open { width: 100%; height: 100%; z-index: var(--yyy-ui-z-index-sidebar-mobile-backdrop); }
.side-bar-mobile { position: fixed; top: 0px; left: 0px; z-index: var(--yyy-ui-z-index-sidebar-mobile); width: 246px; height: 100dvh; background-color: var(--yyy-dark-blue-lvl-1-opacity-70); backdrop-filter: blur(14px); transform: translate(-100%); transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; padding-top: 4.5rem; padding-bottom: 3.125rem; padding-inline-start: 1.125rem; opacity: 0; box-sizing: border-box; overflow-y: auto; }
.side-bar-mobile__close-button { border-block: unset; border-inline: unset; border-start-start-radius: unset; border-start-end-radius: unset; border-end-start-radius: unset; border-end-end-radius: unset; overflow-block: unset; overflow-inline: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; margin-block: unset; margin-inline: unset; scroll-margin-block: unset; scroll-margin-inline: unset; padding-block: unset; padding-inline: unset; scroll-padding-block: unset; scroll-padding-inline: unset; inset-block: unset; inset-inline: unset; block-size: unset; min-block-size: unset; max-block-size: unset; inline-size: unset; min-inline-size: unset; max-inline-size: unset; contain-intrinsic-block-size: unset; contain-intrinsic-inline-size: unset; background: unset; background-blend-mode: unset; border: unset; border-radius: unset; box-decoration-break: unset; -moz-float-edge: unset; display: unset; anchor-name: unset; anchor-scope: unset; float: unset; clear: unset; vertical-align: unset; baseline-source: unset; overflow: unset; overflow-anchor: unset; transform: unset; rotate: unset; scale: unset; translate: unset; offset: unset; scroll-behavior: unset; scroll-snap-align: unset; scroll-snap-type: unset; scroll-snap-stop: unset; overscroll-behavior: unset; isolation: unset; break-after: unset; break-before: unset; break-inside: unset; resize: unset; perspective: unset; perspective-origin: unset; backface-visibility: unset; transform-box: unset; transform-style: unset; transform-origin: unset; contain: unset; content-visibility: unset; container: unset; appearance: unset; -moz-orient: unset; will-change: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; touch-action: unset; -webkit-line-clamp: unset; scrollbar-gutter: unset; zoom: unset; columns: unset; column-fill: unset; column-rule: unset; column-span: unset; content: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; opacity: unset; box-shadow: unset; clip: unset; filter: unset; backdrop-filter: unset; mix-blend-mode: unset; font: unset; font-synthesis: unset; font-palette: unset; math-depth: unset; math-style: unset; math-shift: unset; -moz-osx-font-smoothing: unset; visibility: unset; writing-mode: unset; text-orientation: unset; print-color-adjust: unset; image-rendering: unset; image-orientation: unset; dominant-baseline: unset; text-anchor: unset; color-interpolation: unset; color-interpolation-filters: unset; fill: unset; fill-opacity: unset; fill-rule: unset; shape-rendering: unset; stroke: unset; stroke-width: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-dasharray: unset; stroke-dashoffset: unset; clip-rule: unset; marker: unset; paint-order: unset; border-collapse: unset; empty-cells: unset; caption-side: unset; border-spacing: unset; text-transform: unset; hyphens: unset; -moz-text-size-adjust: unset; text-indent: unset; overflow-wrap: unset; word-break: unset; text-justify: unset; text-align-last: unset; text-align: unset; letter-spacing: unset; word-spacing: unset; white-space: unset; text-autospace: unset; text-shadow: unset; text-emphasis: unset; text-emphasis-position: unset; tab-size: unset; line-break: unset; -webkit-text-fill-color: unset; -webkit-text-stroke: unset; ruby-align: unset; ruby-position: unset; text-combine-upright: unset; text-rendering: unset; text-underline-offset: unset; text-underline-position: unset; text-decoration-skip-ink: unset; hyphenate-character: unset; forced-color-adjust: unset; -webkit-text-security: unset; hyphenate-limit-chars: unset; text-wrap: unset; pointer-events: unset; caret-color: unset; accent-color: unset; color-scheme: unset; scrollbar-color: unset; list-style: unset; quotes: unset; margin: unset; overflow-clip-margin: unset; scroll-margin: unset; outline: unset; outline-offset: unset; padding: unset; scroll-padding: unset; page: unset; right: unset; bottom: unset; z-index: unset; flex-flow: unset; place-content: unset; place-items: unset; flex: unset; place-self: unset; order: unset; height: unset; min-height: unset; max-height: unset; width: unset; min-width: unset; max-width: unset; position-anchor: unset; position-area: unset; position-visibility: unset; position-try: unset; box-sizing: unset; object-fit: unset; object-position: unset; grid-area: unset; grid: unset; gap: unset; aspect-ratio: unset; contain-intrinsic-size: unset; vector-effect: unset; stop-color: unset; stop-opacity: unset; flood-color: unset; flood-opacity: unset; lighting-color: unset; mask-type: unset; clip-path: unset; mask: unset; x: unset; y: unset; cx: unset; cy: unset; rx: unset; ry: unset; r: unset; d: unset; table-layout: unset; text-overflow: unset; text-decoration: unset; text-decoration-inset: unset; ime-mode: unset; scrollbar-width: unset; user-select: unset; -moz-force-broken-image-icon: unset; transition: unset; animation: unset; animation-composition: unset; view-transition-name: unset; view-transition-class: unset; -moz-box-align: unset; -moz-box-direction: unset; -moz-box-flex: unset; -moz-box-orient: unset; -moz-box-pack: unset; -moz-box-ordinal-group: unset; cursor: pointer; position: absolute; left: 1.125rem; top: 1.125rem; color: var(--white, #ffffff); }
[dir="rtl"] .side-bar-mobile__close-button { left: auto; right: 1.125rem; }
.has-header-cta .side-bar-mobile__close-button { top: calc(var(--topCtaHeight) - .6875rem); }
.side-bar-mobile.open { transform: translate(0px); opacity: 1; }
[dir="rtl"] .side-bar-mobile { left: unset; right: 0px; transform: translate(100%); }
[dir="rtl"] .side-bar-mobile.open { transform: translate(0px); opacity: 1; }
.has-header-cta .side-bar-mobile { padding-top: 6.5rem; }
.has-float-menu .side-bar-mobile { padding-bottom: 7.125rem; }
.side-bar-mobile__logo .default-logo-wrapper { width: 6rem; height: 2.25rem; }
.side-bar-mobile__logo .default-logo-wrapper svg { width: 100%; height: 100%; }
.sidebar-mobile-items-list { margin-top: 1.875rem; }
.sidebar-mobile-items-list, .sidebar-mobile-items-list .sidebar-mobile-link-actions { display: flex; flex-direction: column; row-gap: 1rem; }
.sidebar-mobile-items-list .sidebar-mobile-link-actions { margin-top: 1rem; }
.sidebar-mobile-items-list__divider { width: calc(100% - 2rem); height: 0.0625rem; background-color: var(--yyy-dark-blue-lvl-3, #1c1e27); }
.sidebar-mobile-link-item { color: var(--white, #ffffff); text-decoration: none; font-size: 0.875rem; font-weight: 600; display: flex; align-items: center; cursor: pointer; }
.sidebar-mobile-link-item__icon { margin-right: 0.625rem; color: var(--yyy-ui-dark-grey, #9698a1); }
.sidebar-mobile-link-item__icon svg { width: 1.25rem; height: 1.25rem; }
.sidebar-mobile-link-item__content { margin: 0px; display: flex; align-items: center; }
.sidebar-mobile-link-item__content__text { margin-right: 0.5rem; }
.sidebar-mobile-link-item--deposit { background: var(--yyy-cta-blue-gradient, linear-gradient(207deg, var(--darkTurquoise, #15d6c9) 0%, var(--azure, #3498fd) 83.33%)); color: var(--yyy-white); text-align: center; font-weight: 800; text-transform: uppercase; width: calc(100% - 2rem); box-sizing: border-box; padding: 0.75rem 0px; display: flex; align-items: center; justify-content: center; border-radius: 6.25rem; transition: box-shadow 0.3s ease-in-out; }
.sidebar-mobile-link-item--deposit:hover { box-shadow: 0 0 .4375rem var(--azure, #3498fd); }
.sidebar-mobile-link-item__info-link, .sidebar-mobile-link-item__logout-link { color: var(--yyy-ui-dark-grey, #9698a1); }
.empty-game-search-result { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.empty-game-search-result__title { color: var(--white); margin: 0px; }
.empty-game-search-result__description { color: var(--white); margin: 0.5rem 0px 0px; }
.main-footer { --footer-section-border-color: var(--yyy-ui-base-skeleton-color); --footer-menu-link-color: var(--yyy-ui-medium-grey); --footer-menu-link-hover-color: var(--yyy-white); --footer-channel-link-color: var(--yyy-primary-yellow); --footer-channel-icon-color: var(--yyy-white); --footer-copyright-text-color: var(--yyy-white-60); }
html[dir="rtl"] .main-footer .footer-responsible .footer-responsible-channels__wrapper { flex-direction: column; }
@media (min-width: 768px) {
  html[dir="rtl"] .main-footer .footer-responsible .footer-responsible-channels__wrapper { flex-direction: row; }
}
html[dir="rtl"] .main-footer .footer-menu__item { text-align: right; }
.main-footer .footer-logo .default-logo-wrapper, .main-footer .footer-logo .default-logo-wrapper svg { min-width: 6.25rem; }
.chat-bubble { position: absolute; left: 0px; top: 0px; transform: translate(-90%, -100%); cursor: pointer; }
.chat-bubble__text { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0px; box-sizing: border-box; padding: 0.75rem; font-size: 0.75rem; font-weight: 500; }
.chat-bubble--hidden { display: none; }
[dir="rtl"] .chat-bubble { left: auto; right: 0px; transform: translate(90%, -100%); }
[dir="rtl"] .chat-bubble__icon { transform: scaleX(-1); }
.games-promotions-slider { --games-promition-slider-title-color: var(--yyy-white); --games-promition-slider-sub-title-color: var(--yyy-white); --games-promition-slider-button-color: var(--yyy-white); --games-promition-slider-category-color: var(--yyy-white-80); }
.badge { border-radius: 1.5rem; padding: 0.25rem 0.375rem; background-image: linear-gradient(252deg,var(--yyy-green),var(--darkTurquois3)); width: fit-content; box-sizing: border-box; }
.badge__text { margin: 0px; font-weight: 700; font-size: 0.625rem; text-transform: uppercase; line-height: 1em; color: var(--black); }
.badge__text--small { font-size: 0.5rem; }
.badge__text--large { font-size: 0.75rem; }
.badge--small { padding: 0.1875rem 0.375rem; }
.dropdown { --dropdown-button-background-color: var(--yyy-dark-grey); --dropdown-button-list-border-radius--open: 1.25rem; --dropdown-button-list-border-radius: 6.25rem; --dropdown-button-list-text-color: var(--yyy-white); --dropdown-list-background-color: var(--yyy-dark-grey); --dropdown-list-divider-color: var(--yyy-dark-blue-lvl-1); }
.GamesPageSlider { --lgCardWidth: 191px; --lgCardHeight: 250px; --xsCardWidth: 140px; --xsCardHeight: 183px; --buttonsBorderRadius: 6px; margin: 40px 0px; }
.GamesPageSlider .GamesInner { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }
.GamesPageSlider .GamesInner::-webkit-scrollbar { display: none; }
.GamesPageSlider .GamesInner .Game-Card__wrapper { scroll-snap-align: start; min-width: var(--lgCardWidth); }
.GamesPageSlider .GamesInner .Game-Card__wrapper .Game-Card { width: var(--lgCardWidth); height: var(--lgCardHeight); }
@media (max-width: 992px) {
  .GamesPageSlider .GamesInner { gap: 10px; }
  .GamesPageSlider .GamesInner .Game-Card__wrapper { min-width: var(--xsCardWidth); }
  .GamesPageSlider .GamesInner .Game-Card__wrapper .Game-Card { width: var(--xsCardWidth); height: var(--xsCardHeight); }
}
.GamesPageSlider .SliderHeader { display: flex; justify-content: space-between; align-items: center; padding: 0px 0px 22px; }
.GamesPageSlider .SliderHeader .SliderHeaderTitle { max-width: 65%; }
.GamesPageSlider .SliderHeader .SliderHeaderTitle h3, .GamesPageSlider .SliderHeader .SliderHeaderTitle h5 { margin: 0px; }
.GamesPageSlider .SliderHeader .SliderHeaderTitle h3 { font-size: 30px; font-weight: 700; color: var(--white); }
.GamesPageSlider .SliderHeader .SliderHeaderTitle h5 { font-size: 14px; font-weight: 500; color: var(--grey9); }
@media (max-width: 992px) {
  .GamesPageSlider .SliderHeader .SliderHeaderTitle h3 { font-size: 20px; }
  .GamesPageSlider .SliderHeader .SliderHeaderTitle h5 { font-size: 10px; }
}
.GamesPageSlider .SliderHeader .SliderHeaderActions { display: flex; align-items: center; flex-direction: row; }
.GamesPageSlider .SliderHeader .SliderHeaderActions .SliderHeaderActionsSeeMore { border-color: var(--grey10) !important; padding: 12px 15px; height: 40px; box-sizing: border-box; margin: 0px 10px; }
.GamesPageSlider .SliderHeader .SliderHeaderActions .SliderHeaderActionsSeeMore span { color: var(--white); font-size: 12px; }
.GamesPageSlider .SliderHeader .SliderHeaderActions .SliderHeaderActionsSeeMore:hover span { opacity: 0.8; }
@media (max-width: 992px) {
  .GamesPageSlider .SliderHeader .SliderHeaderActions .SliderHeaderActionsSeeMore { border-color: var(--azure) !important; height: 36px; margin: 0px; }
  .GamesPageSlider .SliderHeader .SliderHeaderActions .SliderHeaderActionsSeeMore span { color: var(--azure); opacity: 1; display: flex; }
  .GamesPageSlider .SliderHeader .SliderHeaderActions .SliderHeaderActionsSeeMore span img { margin: 0px 3px; }
}
.GamesPageSlider .SliderHeader .SliderHeaderActions .SliderHeaderActionsNavigation { flex-direction: row; align-items: center; justify-content: center; display: flex; direction: ltr; }
.GamesPageSlider .SliderHeader .SliderHeaderActions .SliderHeaderActionsNavigation button { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 1px solid var(--grey10); outline: none; background-color: transparent; }
.GamesPageSlider .SliderHeader .SliderHeaderActions .SliderHeaderActionsNavigation button svg { color: var(--white); }
.GamesPageSlider .SliderHeader .SliderHeaderActions .SliderHeaderActionsNavigation button.Prev { border-radius: var(--buttonsBorderRadius) 0 0 var(--buttonsBorderRadius); }
.GamesPageSlider .SliderHeader .SliderHeaderActions .SliderHeaderActionsNavigation button.Next { border-radius: 0 var(--buttonsBorderRadius) var(--buttonsBorderRadius) 0; }
@media (max-width: 992px) {
  .GamesPageSlider .SliderHeader .SliderHeaderActions .SliderHeaderActionsNavigation { display: none; }
}
.GamesPageSlider.asian .SliderHeader h3 { background-image: var(--yellowToPaleYellowGradient); background-clip: text; -webkit-text-fill-color: transparent; }
.GamesPageSlider.asian .SliderHeader h4 { color: rgb(255, 255, 255); }
.GamesPageSlider.asian .SliderHeaderActionsSeeMore { border-radius: 20px; height: 34px; box-shadow: 0 15px 15px 0 var(--darkGreyShadow),0 0 30px 0 var(--mediumDarkGreyShadow),inset 0 0 4px 0 var(--insetLightShadow); background-image: linear-gradient(to bottom,var(--yellowCtaLighter) 18%,var(--yellowCtaDarker) 75%) !important; border: 0px; }
.GamesPageSlider.asian .SliderHeaderActionsSeeMore span { font-size: 12px; color: var(--royalPurple); }
.GamesPageSlider.asian .SliderHeaderActionsNavigation { gap: 5px; }
.GamesPageSlider.asian .SliderHeaderActionsNavigation .Prev, .GamesPageSlider.asian .SliderHeaderActionsNavigation .Next { border: solid 1px var(--ctaButtonBorder); box-shadow: 0 15px 15px 0 var(--darkGreyShadow),0 0 30px 0 var(--mediumDarkGreyShadow),inset 0 0 4px 0 var(--insetLightShadow); background-image: linear-gradient(to bottom,var(--yellowCtaLighter) 18%,var(--yellowCtaDarker) 75%) !important; width: 34px; height: 34px; border-radius: 50%; display: none; }
.GamesPageSlider.asian .SliderHeaderActionsNavigation .Prev:first-child, .GamesPageSlider.asian .SliderHeaderActionsNavigation .Next:first-child { margin: 0px 5px; }
.GamesPageSlider.asian .SliderHeaderActionsNavigation .Prev svg, .GamesPageSlider.asian .SliderHeaderActionsNavigation .Next svg { color: var(--royalPurple); }
.button { display: inline-flex; align-items: center; justify-content: center; border: medium; border-radius: var(--button-border-radius); cursor: pointer; font-weight: var(--button-font-weight); text-decoration: none; font-family: var(--button-font-primary, inherit) !important; }
.button__content { display: flex; font-weight: 800; white-space: pre-wrap; }
.button__content--uppercase { text-transform: uppercase; }
.button__icon { display: inline-flex; align-items: center; justify-content: center; }
.button__icon .react-svg-wrapper, .button__icon div, .button__icon svg { width: 1.5rem; height: 1.5rem; }
.button__icon--left { margin-inline-end: var(--button-icon-spacing); }
.button__icon--right { margin-inline-start: var(--button-icon-spacing); }
.button--s { height: var(--button-s-height); padding: var(--button-s-padding); font-size: var(--button-s-font-size); }
.button--s .button-component__icon { font-size: var(--button-s-icon-size); }
.button--m { height: var(--button-m-height); padding: var(--button-m-padding); font-size: var(--button-m-font-size); }
.button--m .button-component__icon { font-size: var(--button-m-icon-size); }
.button--l { height: var(--button-l-height); padding: var(--button-l-padding); font-size: var(--button-l-font-size); }
.button--l .button-component__icon { font-size: var(--button-l-icon-size); }
.button--primary { background: var(--button-primary-bg-color); transition: 0.2s ease-out; color: var(--button-primary-text-color); }
.button--primary:hover { background: var(--button-primary-hover-color); box-shadow: var(--button-primary-hover-shadow); }
.button--primary:active { background: var(--button-primary-active-color); }
.button--primary .button__content { color: var(--button-primary-text-color); }
.button--outlined { background: transparent; border: .0625rem solid var(--button-primary-border); color: var(--button-primary-outlined-text-color); }
.button--outlined:hover { background-color: transparent; }
.button--outlined .button__content { color: var(--button-primary-outlined-text-color); font-family: var(--button-font-primary) !important; }
.button--secondary { background-color: var(--button-secondary-bg); font-weight: 600; border: .0625rem solid var(--button-secondary-border); color: var(--button-secondary-color); transition: 0.2s ease-out; }
.button--secondary:active { background-color: var(--button-secondary-active-bg); }
.button--secondary .button__content { font-weight: 600; color: var(--button-secondary-color); }
.button--secondary:hover { color: var(--button-secondary-hover-color); background-color: var(--button-secondary-hover-bg); }
.button--secondary:hover .button__content { color: var(--button-secondary-hover-color); }
.button--link { background-color: transparent; padding: 0px; height: auto; color: var(--button-link-color); font-weight: 700; }
.button--link:hover { text-decoration: none; color: var(--button-link-hover-color); }
.button--link:active { color: var(--button-link-active-color); }
.button--link .button__content { color: var(--button-link-color); font-weight: 700; }
.button--destructive { background-color: var(--button-destructive-bg); border: .0625rem solid var(--button-destructive-border); color: var(--button-destructive-text-color); transition: 0.2s ease-out; }
.button--destructive:hover:not(.button--destructive--disabled) { background-color: var(--button-destructive-hover-bg); box-shadow: var(--button-destructive-hover-shadow); }
.button--destructive:active:not(.button--destructive--disabled) { background-color: var(--button-destructive-hover-bg); transform: scale(0.98); }
.button--destructive .button__content { color: var(--button-destructive-text-color); font-weight: 700; }
.button--cta { font-family: var(--button-font-cta) !important; gap: var(--wkg-spacing-xs); }
.button--cta .button__icon svg path { stroke-width: 2px; }
.button--disabled { cursor: not-allowed; opacity: var(--button-disabled-opacity); background: var(--button-disabled-background); border: .0625rem var(--button-disabled-border-color, var(--button-disabled-background)) solid; color: var(--button-disabled-color); pointer-events: none; }
.button--disabled .button__content { color: var(--button-disabled-color); }
.button--disabled:hover { cursor: not-allowed; }
.button--loading { pointer-events: none; cursor: default; }
.button--loading .button__icon svg { animation: 1s linear infinite button-spin; }
@keyframes button-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.button-base { background: none; border: medium; padding: 0px; margin: 0px; font: inherit; color: inherit; text-decoration: none; cursor: pointer; outline: none; appearance: none; user-select: none; }
.button-base:hover, .button-base:focus, .button-base:active, .button-base:visited { color: inherit; text-decoration: none; outline: none; }
.button-base:focus-visible { outline: 2px solid var(--focus-color, #0066cc); outline-offset: 2px; }
.button-base { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-family: var(--button-font-family-base); font-weight: var(--button-font-weight-base); font-style: var(--button-font-style-base); }
.button-base__icon { display: flex; align-items: center; justify-content: center; }
.button-base__icon svg path { stroke: currentcolor; }
.button-base--icon-right { flex-direction: row-reverse; }
.button-base--primary { transition: var(--button-primary-transition); background: var(--button-primary-bg-color); box-shadow: var(--button-primary-bg-shadow); color: var(--button-primary-text-color); font-weight: var(--button-primary-font-weight); font-style: var(--button-primary-font-style); border: var(--button-primary-border); border-radius: var(--button-primary-border-radius); }
.button-base--primary .button-base__icon { color: var(--button-primary-text-color); }
.button-base--primary:hover { background: var(--button-primary-bg-hover-color); box-shadow: var(--button-primary-bg-hover-shadow); color: var(--button-primary-text-hover-color); border: var(--button-primary-border-hover); }
.button-base--primary:hover .button-base__icon { color: var(--button-primary-text-hover-color); }
.button-base--primary:active { background: var(--button-primary-bg-active-color); box-shadow: var(--button-primary-bg-active-shadow); color: var(--button-primary-active-text-color); }
.button-base--primary:active .button-base__icon { color: var(--button-primary-active-text-color); }
.button-base--primary.button-base--outlined { transition: var(--button-primary-outlined-transition); background: var(--button-primary-outlined-bg-color); box-shadow: var(--button-primary-outlined-bg-shadow); color: var(--button-primary-outlined-text-color); font-weight: var(--button-primary-outlined-font-weight); font-style: var(--button-primary-outlined-font-style); border: var(--button-primary-outlined-border); border-radius: var(--button-primary-outlined-border-radius); }
.button-base--primary.button-base--outlined .button-base__icon { color: var(--button-primary-outlined-text-color); }
.button-base--primary.button-base--outlined:hover { background: var(--button-primary-outlined-bg-hover-color); box-shadow: var(--button-primary-outlined-bg-hover-shadow); color: var(--button-primary-outlined-text-hover-color); border: var(--button-primary-outlined-border-hover); }
.button-base--primary.button-base--outlined:hover .button-base__icon { color: var(--button-primary-outlined-text-hover-color); }
.button-base--primary.button-base--outlined:active { background: var(--button-primary-outlined-bg-active-color); box-shadow: var(--button-primary-outlined-bg-active-shadow); color: var(--button-primary-outlined-active-text-color); }
.button-base--primary.button-base--outlined:active .button-base__icon { color: var(--button-primary-outlined-active-text-color); }
.button-base--secondary { transition: var(--button-secondary-transition); background: var(--button-secondary-bg-color); box-shadow: var(--button-secondary-bg-shadow); color: var(--button-secondary-text-color); font-weight: var(--button-secondary-font-weight); font-style: var(--button-secondary-font-style); border: var(--button-secondary-border); border-radius: var(--button-secondary-border-radius); }
.button-base--secondary .button-base__icon { color: var(--button-secondary-text-color); }
.button-base--secondary:hover { background: var(--button-secondary-bg-hover-color); box-shadow: var(--button-secondary-bg-hover-shadow); color: var(--button-secondary-text-hover-color); border: var(--button-secondary-border-hover); }
.button-base--secondary:hover .button-base__icon { color: var(--button-secondary-text-hover-color); }
.button-base--secondary:active { background: var(--button-secondary-bg-active-color); box-shadow: var(--button-secondary-bg-active-shadow); color: var(--button-secondary-active-text-color); }
.button-base--secondary:active .button-base__icon { color: var(--button-secondary-active-text-color); }
.button-base--secondary.button-base--outlined { transition: var(--button-secondary-outlined-transition); background: var(--button-secondary-outlined-bg-color); box-shadow: var(--button-secondary-outlined-bg-shadow); color: var(--button-secondary-outlined-text-color); font-weight: var(--button-secondary-outlined-font-weight); font-style: var(--button-secondary-outlined-font-style); border: var(--button-secondary-outlined-border); border-radius: var(--button-secondary-outlined-border-radius); }
.button-base--secondary.button-base--outlined .button-base__icon { color: var(--button-secondary-outlined-text-color); }
.button-base--secondary.button-base--outlined:hover { background: var(--button-secondary-outlined-bg-hover-color); box-shadow: var(--button-secondary-outlined-bg-hover-shadow); color: var(--button-secondary-outlined-text-hover-color); border: var(--button-secondary-outlined-border-hover); }
.button-base--secondary.button-base--outlined:hover .button-base__icon { color: var(--button-secondary-outlined-text-hover-color); }
.button-base--secondary.button-base--outlined:active { background: var(--button-secondary-outlined-bg-active-color); box-shadow: var(--button-secondary-outlined-bg-active-shadow); color: var(--button-secondary-outlined-active-text-color); }
.button-base--secondary.button-base--outlined:active .button-base__icon { color: var(--button-secondary-outlined-active-text-color); }
.button-base--link { background-color: var(--button-link-bg-color); color: var(--button-link-text-color); font-weight: var(--button-link-font-weight); font-style: var(--button-link-font-style); text-decoration: var(--button-link-text-decoration); padding: 0px; }
.button-base--link:hover { text-decoration: var(--button-link-text-decoration-hover); color: var(--button-link-text-hover-color); }
.button-base--link:hover .button-base__icon, .button-base--link:hover .button-base__icon svg * { color: var(--button-link-text-hover-color); }
.button-base--link:active { text-decoration: var(--button-link-active-text-decoration); color: var(--button-link-active-text-color); }
.button-base--size-xs { padding: var(--button-xs-padding); font-size: var(--button-xs-font-size); gap: var(--button-xs-gap); }
.button-base--size-xs .button-base__icon { font-size: var(--button-xs-icon-size); }
.button-base--size-xs .button-base__icon svg { width: var(--button-xs-icon-size); height: var(--button-xs-icon-size); }
.button-base--size-sm { padding: var(--button-sm-padding); font-size: var(--button-sm-font-size); gap: var(--button-sm-gap); }
.button-base--size-sm .button-base__icon { font-size: var(--button-sm-icon-size); }
.button-base--size-sm .button-base__icon svg { width: var(--button-sm-icon-size); height: var(--button-sm-icon-size); }
.button-base--size-md { padding: var(--button-md-padding); font-size: var(--button-md-font-size); gap: var(--button-md-gap); }
.button-base--size-md .button-base__icon { font-size: var(--button-md-icon-size); }
.button-base--size-md .button-base__icon svg { width: var(--button-md-icon-size); height: var(--button-md-icon-size); }
.button-base--size-lg { padding: var(--button-lg-padding); font-size: var(--button-lg-font-size); gap: var(--button-lg-gap); }
.button-base--size-lg .button-base__icon { font-size: var(--button-lg-icon-size); }
.button-base--size-lg .button-base__icon svg { width: var(--button-lg-icon-size); height: var(--button-lg-icon-size); }
.button-base--size-xl { padding: var(--button-xl-padding); font-size: var(--button-xl-font-size); gap: var(--button-xl-gap); }
.button-base--size-xl .button-base__icon { font-size: var(--button-xl-icon-size); }
.button-base--size-xl .button-base__icon svg { width: var(--button-xl-icon-size); height: var(--button-xl-icon-size); }
.button-base--size-xl2 { padding: var(--button-2xl-padding); font-size: var(--button-2xl-font-size); gap: var(--button-2xl-gap); }
.button-base--size-xl2 .button-base__icon { font-size: var(--button-2xl-icon-size); }
.button-base--size-xl2 .button-base__icon svg { width: var(--button-2xl-icon-size); height: var(--button-2xl-icon-size); }
.button-base--radius-none { border-radius: var(--button-border-radius-none); }
.button-base--radius-xs { border-radius: var(--button-border-radius-xs); }
.button-base--radius-sm { border-radius: var(--button-border-radius-sm); }
.button-base--radius-md { border-radius: var(--button-border-radius-md); }
.button-base--radius-lg { border-radius: var(--button-border-radius-lg); }
.button-base--radius-xl { border-radius: var(--button-border-radius-xl); }
.button-base--radius-xl2 { border-radius: var(--button-border-radius-2xl); }
.button-base--b100 { font-weight: var(--button-font-weight-100); }
.button-base--b200 { font-weight: var(--button-font-weight-200); }
.button-base--b300 { font-weight: var(--button-font-weight-300); }
.button-base--b400 { font-weight: var(--button-font-weight-400); }
.button-base--b500 { font-weight: var(--button-font-weight-500); }
.button-base--b600 { font-weight: var(--button-font-weight-600); }
.button-base--b700 { font-weight: var(--button-font-weight-700); }
.button-base--b800 { font-weight: var(--button-font-weight-800); }
.button-base--b900 { font-weight: var(--button-font-weight-900); }
.button-base--style-normal { font-style: var(--button-font-style-normal); }
.button-base--style-italic { font-style: var(--button-font-style-italic); }
.button-base--style-oblique { font-style: var(--button-font-style-oblique); }
.button-base--transform-uppercase { text-transform: uppercase; }
.button-base--transform-lowercase { text-transform: lowercase; }
.button-base--transform-capitalize { text-transform: capitalize; }
.button-base--transform-none { text-transform: none; }
.button-base--family-cta { font-family: var(--button-font-family-cta) !important; font-weight: var(--button-font-weight-500); }
.button-base--hit { background: transparent; border-radius: 0px; position: absolute; inset: 0px; }
.icon { display: inline-flex; align-items: center; justify-content: center; }
.icon--primary { color: var(--icon-primary-color); }
.icon--s div > svg { width: 1rem; height: 1rem; }
.icon--m div > svg { width: 1.5rem; height: 1.5rem; }
.icon--l div > svg { width: 2rem; height: 2rem; }
.top-game-card { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 0.5rem; transition: transform 0.2s ease-in-out; }
.top-game-card:hover { transform: scale(1.02); }
.top-game-card__image { width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 0.5rem; }
.top-game-card:not([style*="cursor: pointer"]):hover { transform: none; }
.winners-feed { --winners-feed__bg: var(--wkg-color-grey-500); --winners-feed__surface: var(--wkg-color-grey-400); --winners-feed__border: var(--wkg-color-white-20); --winners-feed__text: var(--wkg-color-grey-100); --winners-feed__text-muted: var(--wkg-color-grey-200); --winners-feed__accent: var(--wkg-color-green-200); --winners-feed__accent-contrast: var(--wkg-color-black); --winners-feed__font: var(--wkg-font-family-primary); --winners-feed__radius: 1rem; display: flex; flex-direction: column; gap: var(--wkg-spacing-lg); padding: var(--wkg-spacing-lg); border-radius: var(--winners-feed__radius); background: var(--winners-feed__bg); color: var(--winners-feed__text); font-family: var(--winners-feed__font); }
.winners-feed__title-block { display: flex; flex-direction: column; gap: var(--wkg-spacing-md); }
.winners-feed__header { display: flex; align-items: center; gap: var(--wkg-spacing-xs); }
.winners-feed__timer-icon { display: inline-flex; flex-shrink: 0; width: 2.5rem; height: 2.5rem; }
.winners-feed__timer-icon img, .winners-feed__timer-icon svg { width: 100%; height: 100%; }
.winners-feed__title { margin: 0px; color: var(--wkg-color-white); font-size: var(--wkg-font-size-3xl); font-weight: var(--wkg-font-weight-600); line-height: var(--wkg-line-height-sm); }
.winners-feed__tabs { display: flex; align-items: center; justify-content: center; width: 100%; padding: var(--wkg-spacing-xxs); border: var(--wkg-border-width-xs) solid var(--winners-feed__surface); border-radius: var(--wkg-border-radius-button-primary-md); background: transparent; box-shadow: rgba(0, 0, 0, 0.35) 0px -0.25rem 1.25rem; }
.winners-feed__tab { display: inline-flex; flex: 1 0 0px; align-items: center; justify-content: center; min-width: 0px; min-height: 3rem; padding: 0 var(--wkg-spacing-xl); transition: color 0.15s, background 0.15s; border: 0px; border-radius: var(--wkg-border-radius-button-primary-md); background: transparent; color: var(--winners-feed__text-muted); font-family: var(--wkg-font-family-secondary); font-size: var(--wkg-font-size-2xl); font-weight: var(--wkg-font-weight-400); line-height: normal; text-transform: uppercase; white-space: nowrap; cursor: pointer; }
.winners-feed__tab--active { background: var(--winners-feed__surface); color: var(--wkg-color-white); }
.winners-feed__table-wrapper { position: relative; }
.winners-feed__table { display: flex; flex-direction: column; max-height: 420px; overflow: hidden; }
.winners-feed__empty { padding: var(--wkg-spacing-lg) 0; color: var(--winners-feed__text-muted); font-size: var(--wkg-font-size-xs); text-align: center; }
.winners-feed__fade { position: absolute; right: 0px; bottom: 0px; left: 0px; height: 72px; background: linear-gradient(180deg,transparent 0%,var(--winners-feed__bg) 100%); pointer-events: none; }
.winners-feed__row { display: grid; grid-template-columns: minmax(0px, 1.4fr) minmax(0px, 1fr) minmax(0px, 1fr); align-items: center; padding: var(--wkg-spacing-xs) 0; border-bottom: var(--wkg-border-width-xs) solid var(--winners-feed__border); gap: var(--wkg-spacing-sm); }
.winners-feed__row--clickable { cursor: pointer; }
.winners-feed__game { display: flex; align-items: center; gap: var(--wkg-spacing-sm); min-width: 0px; }
.winners-feed__game-icon { flex-shrink: 0; width: 40px; height: 40px; border-radius: 8px; object-fit: cover; }
.winners-feed__game-icon--empty { background: var(--winners-feed__surface); }
.winners-feed__game-meta { display: flex; flex-direction: column; gap: var(--wkg-spacing-xxs); min-width: 0px; }
.winners-feed__game-name { overflow: hidden; font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-500); text-overflow: ellipsis; white-space: nowrap; }
.winners-feed__provider { color: var(--winners-feed__text-muted); font-size: var(--wkg-font-size-xxs); }
.winners-feed__user { display: flex; align-items: center; gap: var(--wkg-spacing-xs); min-width: 0px; }
.winners-feed__avatar { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--winners-feed__surface); }
.winners-feed__username { overflow: hidden; color: var(--winners-feed__text); font-size: var(--wkg-font-size-xs); text-overflow: ellipsis; white-space: nowrap; }
.winners-feed__payout { display: flex; flex-direction: column; align-items: flex-end; gap: var(--wkg-spacing-xxs); text-align: right; }
.winners-feed__amount { color: var(--winners-feed__accent); font-size: var(--wkg-font-size-sm); font-weight: var(--wkg-font-weight-600); white-space: nowrap; }
.winners-feed__multiplier { color: var(--winners-feed__text-muted); font-size: var(--wkg-font-size-xxs); white-space: nowrap; }
@media (max-width: 768px) {
  .winners-feed { padding: var(--wkg-spacing-md); gap: var(--wkg-spacing-md); }
  .winners-feed__timer-icon { width: 1.5rem; height: 1.5rem; }
  .winners-feed__title { font-size: var(--wkg-font-size-lg); line-height: var(--wkg-line-height-md); }
  .winners-feed__tab { min-height: 2rem; padding: 0 var(--wkg-spacing-md); font-size: var(--wkg-font-size-sm); }
  .winners-feed__row { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); }
  .winners-feed__user { display: none; }
  .winners-feed__game { gap: var(--wkg-spacing-xs); }
  .winners-feed__game-icon { width: 1.5rem; height: 1.5rem; }
}
.featured-promo-live-feed { display: flex; flex-direction: column; gap: var(--wkg-spacing-lg); }
.featured-promo-live-feed__promo, .featured-promo-live-feed__feed { min-width: 0px; min-height: 0px; }
.featured-promo-live-feed__promo:not(:has(.wkg-promotions-list__item, .wkg-promotions-list__skeleton)) { display: none; }
.featured-promo-live-feed__feed:not(:has(.winners-feed)) { display: none; }
.device-tablet .featured-promo-live-feed, .device-desktop .featured-promo-live-feed, .device-large .featured-promo-live-feed { display: grid; grid-auto-rows: minmax(38.6875rem, auto); grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.device-tablet .featured-promo-live-feed:not(:has(.winners-feed)), .device-tablet .featured-promo-live-feed:not(:has(.wkg-promotions-list__item, .wkg-promotions-list__skeleton)), .device-desktop .featured-promo-live-feed:not(:has(.winners-feed)), .device-desktop .featured-promo-live-feed:not(:has(.wkg-promotions-list__item, .wkg-promotions-list__skeleton)), .device-large .featured-promo-live-feed:not(:has(.winners-feed)), .device-large .featured-promo-live-feed:not(:has(.wkg-promotions-list__item, .wkg-promotions-list__skeleton)) { grid-template-columns: minmax(0px, 1fr); }
.device-tablet .featured-promo-live-feed .featured-promo-live-feed__feed, .device-desktop .featured-promo-live-feed .featured-promo-live-feed__feed, .device-large .featured-promo-live-feed .featured-promo-live-feed__feed { position: relative; }
.device-tablet .featured-promo-live-feed .featured-promo-live-feed__feed .winners-feed, .device-desktop .featured-promo-live-feed .featured-promo-live-feed__feed .winners-feed, .device-large .featured-promo-live-feed .featured-promo-live-feed__feed .winners-feed { position: absolute; box-sizing: border-box; inset: 0px; }
.device-tablet .featured-promo-live-feed .winners-feed__table-wrapper, .device-desktop .featured-promo-live-feed .winners-feed__table-wrapper, .device-large .featured-promo-live-feed .winners-feed__table-wrapper { flex: 1 1 auto; min-height: 0px; }
.device-tablet .featured-promo-live-feed .winners-feed__table, .device-desktop .featured-promo-live-feed .winners-feed__table, .device-large .featured-promo-live-feed .winners-feed__table { height: 100%; max-height: none; }
.device-tablet .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list__skeleton, .device-desktop .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list__skeleton, .device-large .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list__skeleton { height: 100%; border-radius: var(--wkg-border-radius-6xl); }
.device-tablet .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list, .device-tablet .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list__wrapper, .device-tablet .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list__layout3, .device-tablet .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list__grid, .device-tablet .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list__item, .device-tablet .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-hero, .device-tablet .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-hero__wrapper, .device-tablet .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-hero__layout-wrapper, .device-desktop .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list, .device-desktop .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list__wrapper, .device-desktop .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list__layout3, .device-desktop .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list__grid, .device-desktop .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list__item, .device-desktop .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-hero, .device-desktop .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-hero__wrapper, .device-desktop .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-hero__layout-wrapper, .device-large .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list, .device-large .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list__wrapper, .device-large .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list__layout3, .device-large .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list__grid, .device-large .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-promotions-list__item, .device-large .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-hero, .device-large .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-hero__wrapper, .device-large .featured-promo-live-feed .featured-promo-live-feed__promo .wkg-hero__layout-wrapper { height: 100%; }
.ui-dialog { position: fixed; inset: 0px; z-index: 1300; }
.ui-dialog--full-screen .ui-dialog__content { max-width: none; max-height: none; width: 100%; height: 100%; margin: 0px; border-radius: 0px; }
.ui-dialog--reduced-motion .wkg-overlay-backdrop, .ui-dialog--reduced-motion .ui-dialog__container { transition: none; }
.ui-dialog--closing { pointer-events: none; }
.ui-dialog__container { position: fixed; inset: 0px; display: flex; align-items: center; justify-content: center; outline: 0px; }
.ui-dialog__container--zoom { transform: scale(0.75); opacity: 0; transition: opacity var(--dialog-transition-duration, .3s) ease,transform var(--dialog-transition-duration, .3s) ease; }
.ui-dialog__container--zoom.ui-dialog__container--visible { transform: scale(1); opacity: 1; }
.ui-dialog__container--fade { opacity: 0; transition: opacity var(--dialog-transition-duration, .3s) ease-out,transform var(--dialog-transition-duration, .3s) ease-out; }
.ui-dialog__container--fade.ui-dialog__container--visible { transform: none; opacity: 1; }
.ui-dialog__container--bounce { transform: scale(0.3); opacity: 0; transition: opacity var(--dialog-transition-duration, .3s) cubic-bezier(.34,1.56,.64,1),transform var(--dialog-transition-duration, .3s) cubic-bezier(.34,1.56,.64,1); }
.ui-dialog__container--bounce.ui-dialog__container--visible { transform: scale(1); opacity: 1; }
.ui-dialog__container--from-left { transform: translate(-6.25rem); opacity: 0; transition: opacity var(--dialog-transition-duration, .3s) ease-out,transform var(--dialog-transition-duration, .3s) ease-out; }
.ui-dialog__container--from-left.ui-dialog__container--visible { transform: translate(0px); opacity: 1; }
.ui-dialog__container--from-right { transform: translate(6.25rem); opacity: 0; transition: opacity var(--dialog-transition-duration, .3s) ease-out,transform var(--dialog-transition-duration, .3s) ease-out; }
.ui-dialog__container--from-right.ui-dialog__container--visible { transform: translate(0px); opacity: 1; }
.ui-dialog__container--slide-up { transform: translateY(3.125rem); opacity: 0; transition: opacity var(--dialog-transition-duration, .3s) ease-out,transform var(--dialog-transition-duration, .3s) ease-out; }
.ui-dialog__container--slide-up.ui-dialog__container--visible { transform: translateY(0px); opacity: 1; }
.ui-dialog__container--slide-down { transform: translateY(-3.125rem); opacity: 0; transition: opacity var(--dialog-transition-duration, .3s) ease-out,transform var(--dialog-transition-duration, .3s) ease-out; }
.ui-dialog__container--slide-down.ui-dialog__container--visible { transform: translateY(0px); opacity: 1; }
.ui-dialog__container--slide-left { transform: translate(6.25rem); opacity: 0; transition: opacity var(--dialog-transition-duration, .3s) ease-out,transform var(--dialog-transition-duration, .3s) ease-out; }
.ui-dialog__container--slide-left.ui-dialog__container--visible { transform: translate(0px); opacity: 1; }
.ui-dialog__container--slide-right { transform: translate(-6.25rem); opacity: 0; transition: opacity var(--dialog-transition-duration, .3s) ease-out,transform var(--dialog-transition-duration, .3s) ease-out; }
.ui-dialog__container--slide-right.ui-dialog__container--visible { transform: translate(0px); opacity: 1; }
.ui-dialog__content { position: relative; display: flex; flex-direction: column; max-height: calc(100% - 4rem); margin: 2rem; overflow-y: auto; background-color: var(--dialog-bg, #fff); border-radius: var(--dialog-border-radius, .5rem); box-shadow: rgba(0, 0, 0, 0.2) 0px 0.6875rem 0.9375rem -0.4375rem, rgba(0, 0, 0, 0.14) 0px 1.5rem 2.375rem 0.1875rem, rgba(0, 0, 0, 0.12) 0px 0.5625rem 2.875rem 0.5rem; outline: 0px; }
.ui-dialog__content--full-width { width: calc(100% - 4rem); }
.ui-dialog__content--full-screen { max-width: none !important; max-height: none !important; width: 100%; height: 100%; margin: 0px; border-radius: 0px; }
.ui-dialog__content.ui-dialog--max-width-xxs { max-width: 20rem; }
.ui-dialog__content.ui-dialog--max-width-xs { max-width: 27.75rem; }
.ui-dialog__content.ui-dialog--max-width-sm { max-width: 37.5rem; }
.ui-dialog__content.ui-dialog--max-width-md { max-width: 56.25rem; }
.ui-dialog__content.ui-dialog--max-width-lg { max-width: 75rem; }
.ui-dialog__content.ui-dialog--max-width-xl { max-width: 96rem; }
.ui-dialog__title { flex: 0 0 auto; padding: 1rem 1.5rem; font-size: 1.25rem; font-weight: 500; line-height: 1.6; }
.ui-dialog__body { flex: 1 1 auto; padding: 1.25rem 1.5rem; overflow-y: auto; }
.ui-dialog__title + .ui-dialog__body { padding-top: 0.5rem; }
.ui-dialog__body:first-child { padding-top: 1.25rem; }
.ui-dialog__body--no-padding { padding: 0px; }
.ui-dialog__actions { display: flex; align-items: center; justify-content: flex-end; flex: 0 0 auto; padding: 0.5rem; gap: 0.5rem; }
.ui-dialog__actions--no-spacing { padding: 0px; gap: 0px; }
.ui-dialog__content-text { margin: 0px; font-size: 1rem; line-height: 1.5; color: var(--dialog-text-secondary, rgba(0, 0, 0, .6)); }
@media (max-width: 37.4375rem) {
  .ui-dialog__content { margin: 1rem; max-height: calc(100% - 2rem); }
  .ui-dialog__content--full-width { width: calc(100% - 2rem); }
  .ui-dialog__content.ui-dialog--max-width-xxs, .ui-dialog__content.ui-dialog--max-width-xs, .ui-dialog__content.ui-dialog--max-width-sm, .ui-dialog__content.ui-dialog--max-width-md, .ui-dialog__content.ui-dialog--max-width-lg, .ui-dialog__content.ui-dialog--max-width-xl { max-width: calc(100% - 2rem); }
}
@media (prefers-reduced-motion: reduce) {
  .ui-dialog__backdrop, .ui-dialog__container { transition: none; }
}
.react-tel-input { font-family: Roboto, sans-serif; font-size: 15px; position: relative; width: 100%; }
.react-tel-input :disabled { cursor: not-allowed; }
.react-tel-input .flag { width: 16px; height: 11px; background-image: url("bc7dd20e7212a313bf7a7b85c92602bcb1077957.png"); }
.react-tel-input .ad { background-position: -16px 0px; }
.react-tel-input .ae { background-position: -32px 0px; }
.react-tel-input .af { background-position: -48px 0px; }
.react-tel-input .ag { background-position: -64px 0px; }
.react-tel-input .ai { background-position: -80px 0px; }
.react-tel-input .al { background-position: -96px 0px; }
.react-tel-input .am { background-position: -112px 0px; }
.react-tel-input .ao { background-position: -128px 0px; }
.react-tel-input .ar { background-position: -144px 0px; }
.react-tel-input .as { background-position: -160px 0px; }
.react-tel-input .at { background-position: -176px 0px; }
.react-tel-input .au { background-position: -192px 0px; }
.react-tel-input .aw { background-position: -208px 0px; }
.react-tel-input .az { background-position: -224px 0px; }
.react-tel-input .ba { background-position: -240px 0px; }
.react-tel-input .bb { background-position: 0px -11px; }
.react-tel-input .bd { background-position: -16px -11px; }
.react-tel-input .be { background-position: -32px -11px; }
.react-tel-input .bf { background-position: -48px -11px; }
.react-tel-input .bg { background-position: -64px -11px; }
.react-tel-input .bh { background-position: -80px -11px; }
.react-tel-input .bi { background-position: -96px -11px; }
.react-tel-input .bj { background-position: -112px -11px; }
.react-tel-input .bm { background-position: -128px -11px; }
.react-tel-input .bn { background-position: -144px -11px; }
.react-tel-input .bo { background-position: -160px -11px; }
.react-tel-input .br { background-position: -176px -11px; }
.react-tel-input .bs { background-position: -192px -11px; }
.react-tel-input .bt { background-position: -208px -11px; }
.react-tel-input .bw { background-position: -224px -11px; }
.react-tel-input .by { background-position: -240px -11px; }
.react-tel-input .bz { background-position: 0px -22px; }
.react-tel-input .ca { background-position: -16px -22px; }
.react-tel-input .cd { background-position: -32px -22px; }
.react-tel-input .cf { background-position: -48px -22px; }
.react-tel-input .cg { background-position: -64px -22px; }
.react-tel-input .ch { background-position: -80px -22px; }
.react-tel-input .ci { background-position: -96px -22px; }
.react-tel-input .ck { background-position: -112px -22px; }
.react-tel-input .cl { background-position: -128px -22px; }
.react-tel-input .cm { background-position: -144px -22px; }
.react-tel-input .cn { background-position: -160px -22px; }
.react-tel-input .co { background-position: -176px -22px; }
.react-tel-input .cr { background-position: -192px -22px; }
.react-tel-input .cu { background-position: -208px -22px; }
.react-tel-input .cv { background-position: -224px -22px; }
.react-tel-input .cw { background-position: -240px -22px; }
.react-tel-input .cy { background-position: 0px -33px; }
.react-tel-input .cz { background-position: -16px -33px; }
.react-tel-input .de { background-position: -32px -33px; }
.react-tel-input .dj { background-position: -48px -33px; }
.react-tel-input .dk { background-position: -64px -33px; }
.react-tel-input .dm { background-position: -80px -33px; }
.react-tel-input .do { background-position: -96px -33px; }
.react-tel-input .dz { background-position: -112px -33px; }
.react-tel-input .ec { background-position: -128px -33px; }
.react-tel-input .ee { background-position: -144px -33px; }
.react-tel-input .eg { background-position: -160px -33px; }
.react-tel-input .er { background-position: -176px -33px; }
.react-tel-input .es { background-position: -192px -33px; }
.react-tel-input .et { background-position: -208px -33px; }
.react-tel-input .fi { background-position: -224px -33px; }
.react-tel-input .fj { background-position: -240px -33px; }
.react-tel-input .fk { background-position: 0px -44px; }
.react-tel-input .fm { background-position: -16px -44px; }
.react-tel-input .fo { background-position: -32px -44px; }
.react-tel-input .fr, .react-tel-input .bl, .react-tel-input .mf { background-position: -48px -44px; }
.react-tel-input .ga { background-position: -64px -44px; }
.react-tel-input .gb { background-position: -80px -44px; }
.react-tel-input .gd { background-position: -96px -44px; }
.react-tel-input .ge { background-position: -112px -44px; }
.react-tel-input .gf { background-position: -128px -44px; }
.react-tel-input .gh { background-position: -144px -44px; }
.react-tel-input .gi { background-position: -160px -44px; }
.react-tel-input .gl { background-position: -176px -44px; }
.react-tel-input .gm { background-position: -192px -44px; }
.react-tel-input .gn { background-position: -208px -44px; }
.react-tel-input .gp { background-position: -224px -44px; }
.react-tel-input .gq { background-position: -240px -44px; }
.react-tel-input .gr { background-position: 0px -55px; }
.react-tel-input .gt { background-position: -16px -55px; }
.react-tel-input .gu { background-position: -32px -55px; }
.react-tel-input .gw { background-position: -48px -55px; }
.react-tel-input .gy { background-position: -64px -55px; }
.react-tel-input .hk { background-position: -80px -55px; }
.react-tel-input .hn { background-position: -96px -55px; }
.react-tel-input .hr { background-position: -112px -55px; }
.react-tel-input .ht { background-position: -128px -55px; }
.react-tel-input .hu { background-position: -144px -55px; }
.react-tel-input .id { background-position: -160px -55px; }
.react-tel-input .ie { background-position: -176px -55px; }
.react-tel-input .il { background-position: -192px -55px; }
.react-tel-input .in { background-position: -208px -55px; }
.react-tel-input .io { background-position: -224px -55px; }
.react-tel-input .iq { background-position: -240px -55px; }
.react-tel-input .ir { background-position: 0px -66px; }
.react-tel-input .is { background-position: -16px -66px; }
.react-tel-input .it { background-position: -32px -66px; }
.react-tel-input .je { background-position: -144px -154px; }
.react-tel-input .jm { background-position: -48px -66px; }
.react-tel-input .jo { background-position: -64px -66px; }
.react-tel-input .jp { background-position: -80px -66px; }
.react-tel-input .ke { background-position: -96px -66px; }
.react-tel-input .kg { background-position: -112px -66px; }
.react-tel-input .kh { background-position: -128px -66px; }
.react-tel-input .ki { background-position: -144px -66px; }
.react-tel-input .xk { background-position: -128px -154px; }
.react-tel-input .km { background-position: -160px -66px; }
.react-tel-input .kn { background-position: -176px -66px; }
.react-tel-input .kp { background-position: -192px -66px; }
.react-tel-input .kr { background-position: -208px -66px; }
.react-tel-input .kw { background-position: -224px -66px; }
.react-tel-input .ky { background-position: -240px -66px; }
.react-tel-input .kz { background-position: 0px -77px; }
.react-tel-input .la { background-position: -16px -77px; }
.react-tel-input .lb { background-position: -32px -77px; }
.react-tel-input .lc { background-position: -48px -77px; }
.react-tel-input .li { background-position: -64px -77px; }
.react-tel-input .lk { background-position: -80px -77px; }
.react-tel-input .lr { background-position: -96px -77px; }
.react-tel-input .ls { background-position: -112px -77px; }
.react-tel-input .lt { background-position: -128px -77px; }
.react-tel-input .lu { background-position: -144px -77px; }
.react-tel-input .lv { background-position: -160px -77px; }
.react-tel-input .ly { background-position: -176px -77px; }
.react-tel-input .ma { background-position: -192px -77px; }
.react-tel-input .mc { background-position: -208px -77px; }
.react-tel-input .md { background-position: -224px -77px; }
.react-tel-input .me { background-position: -112px -154px; height: 12px; }
.react-tel-input .mg { background-position: 0px -88px; }
.react-tel-input .mh { background-position: -16px -88px; }
.react-tel-input .mk { background-position: -32px -88px; }
.react-tel-input .ml { background-position: -48px -88px; }
.react-tel-input .mm { background-position: -64px -88px; }
.react-tel-input .mn { background-position: -80px -88px; }
.react-tel-input .mo { background-position: -96px -88px; }
.react-tel-input .mp { background-position: -112px -88px; }
.react-tel-input .mq { background-position: -128px -88px; }
.react-tel-input .mr { background-position: -144px -88px; }
.react-tel-input .ms { background-position: -160px -88px; }
.react-tel-input .mt { background-position: -176px -88px; }
.react-tel-input .mu { background-position: -192px -88px; }
.react-tel-input .mv { background-position: -208px -88px; }
.react-tel-input .mw { background-position: -224px -88px; }
.react-tel-input .mx { background-position: -240px -88px; }
.react-tel-input .my { background-position: 0px -99px; }
.react-tel-input .mz { background-position: -16px -99px; }
.react-tel-input .na { background-position: -32px -99px; }
.react-tel-input .nc { background-position: -48px -99px; }
.react-tel-input .ne { background-position: -64px -99px; }
.react-tel-input .nf { background-position: -80px -99px; }
.react-tel-input .ng { background-position: -96px -99px; }
.react-tel-input .ni { background-position: -112px -99px; }
.react-tel-input .nl, .react-tel-input .bq { background-position: -128px -99px; }
.react-tel-input .no { background-position: -144px -99px; }
.react-tel-input .np { background-position: -160px -99px; }
.react-tel-input .nr { background-position: -176px -99px; }
.react-tel-input .nu { background-position: -192px -99px; }
.react-tel-input .nz { background-position: -208px -99px; }
.react-tel-input .om { background-position: -224px -99px; }
.react-tel-input .pa { background-position: -240px -99px; }
.react-tel-input .pe { background-position: 0px -110px; }
.react-tel-input .pf { background-position: -16px -110px; }
.react-tel-input .pg { background-position: -32px -110px; }
.react-tel-input .ph { background-position: -48px -110px; }
.react-tel-input .pk { background-position: -64px -110px; }
.react-tel-input .pl { background-position: -80px -110px; }
.react-tel-input .pm { background-position: -96px -110px; }
.react-tel-input .pr { background-position: -112px -110px; }
.react-tel-input .ps { background-position: -128px -110px; }
.react-tel-input .pt { background-position: -144px -110px; }
.react-tel-input .pw { background-position: -160px -110px; }
.react-tel-input .py { background-position: -176px -110px; }
.react-tel-input .qa { background-position: -192px -110px; }
.react-tel-input .re { background-position: -208px -110px; }
.react-tel-input .ro { background-position: -224px -110px; }
.react-tel-input .rs { background-position: -240px -110px; }
.react-tel-input .ru { background-position: 0px -121px; }
.react-tel-input .rw { background-position: -16px -121px; }
.react-tel-input .sa { background-position: -32px -121px; }
.react-tel-input .sb { background-position: -48px -121px; }
.react-tel-input .sc { background-position: -64px -121px; }
.react-tel-input .sd { background-position: -80px -121px; }
.react-tel-input .se { background-position: -96px -121px; }
.react-tel-input .sg { background-position: -112px -121px; }
.react-tel-input .sh { background-position: -128px -121px; }
.react-tel-input .si { background-position: -144px -121px; }
.react-tel-input .sk { background-position: -160px -121px; }
.react-tel-input .sl { background-position: -176px -121px; }
.react-tel-input .sm { background-position: -192px -121px; }
.react-tel-input .sn { background-position: -208px -121px; }
.react-tel-input .so { background-position: -224px -121px; }
.react-tel-input .sr { background-position: -240px -121px; }
.react-tel-input .ss { background-position: 0px -132px; }
.react-tel-input .st { background-position: -16px -132px; }
.react-tel-input .sv { background-position: -32px -132px; }
.react-tel-input .sx { background-position: -48px -132px; }
.react-tel-input .sy { background-position: -64px -132px; }
.react-tel-input .sz { background-position: -80px -132px; }
.react-tel-input .tc { background-position: -96px -132px; }
.react-tel-input .td { background-position: -112px -132px; }
.react-tel-input .tg { background-position: -128px -132px; }
.react-tel-input .th { background-position: -144px -132px; }
.react-tel-input .tj { background-position: -160px -132px; }
.react-tel-input .tk { background-position: -176px -132px; }
.react-tel-input .tl { background-position: -192px -132px; }
.react-tel-input .tm { background-position: -208px -132px; }
.react-tel-input .tn { background-position: -224px -132px; }
.react-tel-input .to { background-position: -240px -132px; }
.react-tel-input .tr { background-position: 0px -143px; }
.react-tel-input .tt { background-position: -16px -143px; }
.react-tel-input .tv { background-position: -32px -143px; }
.react-tel-input .tw { background-position: -48px -143px; }
.react-tel-input .tz { background-position: -64px -143px; }
.react-tel-input .ua { background-position: -80px -143px; }
.react-tel-input .ug { background-position: -96px -143px; }
.react-tel-input .us { background-position: -112px -143px; }
.react-tel-input .uy { background-position: -128px -143px; }
.react-tel-input .uz { background-position: -144px -143px; }
.react-tel-input .va { background-position: -160px -143px; }
.react-tel-input .vc { background-position: -176px -143px; }
.react-tel-input .ve { background-position: -192px -143px; }
.react-tel-input .vg { background-position: -208px -143px; }
.react-tel-input .vi { background-position: -224px -143px; }
.react-tel-input .vn { background-position: -240px -143px; }
.react-tel-input .vu { background-position: 0px -154px; }
.react-tel-input .wf { background-position: -16px -154px; }
.react-tel-input .ws { background-position: -32px -154px; }
.react-tel-input .ye { background-position: -48px -154px; }
.react-tel-input .za { background-position: -64px -154px; }
.react-tel-input .zm { background-position: -80px -154px; }
.react-tel-input .zw { background-position: -96px -154px; }
.react-tel-input * { box-sizing: border-box; }
.react-tel-input .hide { display: none; }
.react-tel-input .v-hide { visibility: hidden; }
.react-tel-input .form-control { position: relative; font-size: 14px; letter-spacing: 0.01rem; margin-top: 0px !important; margin-bottom: 0px !important; padding-left: 48px; margin-left: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(202, 202, 202); border-radius: 5px; line-height: 25px; height: 35px; width: 300px; outline: none; }
.react-tel-input .form-control.invalid-number { border-width: 1px; border-style: solid; border-color: rgb(215, 159, 159) rgb(215, 159, 159) rgb(215, 159, 159) rgb(202, 202, 202); border-image: none; background-color: rgb(250, 240, 240); }
.react-tel-input .form-control.invalid-number:focus { border-width: 1px; border-style: solid; border-color: rgb(215, 159, 159) rgb(215, 159, 159) rgb(215, 159, 159) rgb(202, 202, 202); border-image: none; background-color: rgb(250, 240, 240); }
.react-tel-input .flag-dropdown { position: absolute; top: 0px; bottom: 0px; padding: 0px; background-color: rgb(245, 245, 245); border: 1px solid rgb(202, 202, 202); border-radius: 3px 0px 0px 3px; }
.react-tel-input .flag-dropdown:hover, .react-tel-input .flag-dropdown:focus { cursor: pointer; }
.react-tel-input .flag-dropdown.invalid-number { border-color: rgb(215, 159, 159); }
.react-tel-input .flag-dropdown.open { z-index: 2; background: rgb(255, 255, 255); border-radius: 3px 0px 0px; }
.react-tel-input .flag-dropdown.open .selected-flag { background: rgb(255, 255, 255); border-radius: 3px 0px 0px; }
.react-tel-input input[disabled] + .flag-dropdown:hover { cursor: default; }
.react-tel-input input[disabled] + .flag-dropdown:hover .selected-flag { background-color: transparent; }
.react-tel-input .selected-flag { outline: none; position: relative; width: 38px; height: 100%; padding: 0px 0px 0px 8px; border-radius: 3px 0px 0px 3px; }
.react-tel-input .selected-flag:hover, .react-tel-input .selected-flag:focus { background-color: rgb(255, 255, 255); }
.react-tel-input .selected-flag .flag { position: absolute; top: 50%; margin-top: -5px; }
.react-tel-input .selected-flag .arrow { position: relative; top: 50%; margin-top: -2px; left: 20px; width: 0px; height: 0px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid rgb(85, 85, 85); }
.react-tel-input .selected-flag .arrow.up { border-top: medium; border-bottom: 4px solid rgb(85, 85, 85); }
.react-tel-input .country-list { outline: none; z-index: 1; list-style: none; position: absolute; padding: 0px; margin: 10px 0px 10px -1px; box-shadow: rgba(0, 0, 0, 0.35) 1px 2px 10px; background-color: rgb(255, 255, 255); width: 300px; max-height: 200px; overflow-y: scroll; border-radius: 0px 0px 3px 3px; }
.react-tel-input .country-list .flag { display: inline-block; }
.react-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid rgb(204, 204, 204); }
.react-tel-input .country-list .country { padding: 7px 9px; }
.react-tel-input .country-list .country .dial-code { color: rgb(107, 107, 107); }
.react-tel-input .country-list .country:hover, .react-tel-input .country-list .country.highlight { background-color: rgb(241, 241, 241); }
.react-tel-input .country-list .flag { margin-right: 7px; margin-top: 2px; }
.react-tel-input .country-list .country-name { margin-right: 6px; }
.react-tel-input .country-list .search { position: sticky; top: 0px; background-color: rgb(255, 255, 255); padding: 10px 0px 6px 10px; }
.react-tel-input .country-list .search-emoji { font-size: 15px; }
.react-tel-input .country-list .search-box { border: 1px solid rgb(202, 202, 202); border-radius: 3px; font-size: 15px; line-height: 15px; margin-left: 6px; padding: 3px 8px 5px; outline: none; }
.react-tel-input .country-list .no-entries-message { padding: 7px 10px 11px; opacity: 0.7; }
.react-tel-input .invalid-number-message { position: absolute; z-index: 1; font-size: 13px; left: 46px; top: -8px; background: rgb(255, 255, 255); padding: 0px 2px; color: rgb(222, 0, 0); }
.react-tel-input .special-label { display: none; position: absolute; z-index: 1; font-size: 13px; left: 46px; top: -8px; background: rgb(255, 255, 255); padding: 0px 2px; white-space: nowrap; }
.phoneInput { width: 100%; padding-bottom: 0px !important; }
.phoneInput-Container { display: flex; flex-direction: row; justify-content: space-between; position: relative; }
.phoneInput-Container-CountryCode { position: relative; display: flex; flex-direction: row; border-top-width: ; border-top-style: ; border-top-color: ; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; border-left-width: ; border-left-style: ; border-left-color: ; border-image-outset: ; border-image-repeat: ; border-image-slice: ; border-image-source: ; border-image-width: ; border-right: medium; border-top-left-radius: var(--borderRadius); border-bottom-left-radius: var(--borderRadius); }
.phoneInput-Container-CountryCode::after { content: ""; height: 28px; width: 1px; position: absolute; top: 9px; right: 0px; background-color: var(--inputGreyBorder); }
.phoneInput-Container-number { flex-grow: 2; border-left: medium !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; }
.phoneInput-Container-number:focus { box-shadow: none !important; }
.phoneInput-Container-SendSmsButton { position: absolute; background: linear-gradient(45deg,var(--azure) 50%,rgb(21,214,201) 100%); height: calc(100% - 8px); top: 4px; right: 4px; border-radius: 6px; outline: none; border: medium; font-size: 14px; font-weight: 700; letter-spacing: -0.5px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; }
.phoneInput-Container-SendSmsButton.disableState { background: transparent; color: var(--azure); text-transform: none; }
.otpInputContainer { margin-bottom: 10px; }
.otpInputContainer input { letter-spacing: 6.86px; }
.otpInputContainer input::placeholder { letter-spacing: normal; }
._badgeNew_9dgim_1 { width: auto; height: 11px; padding: 0px 6px; box-sizing: border-box; gap: 10px; border-radius: 15px; font-size: 8px; background: linear-gradient(218.51deg,var(--green2) 9.05%,var(--greenBlue1) 100%); text-transform: uppercase; display: flex; justify-content: center; align-items: center; color: var(--black, #000); font-weight: 700; }
.scroll-gradient-wrapper { position: relative; flex: 1 1 0%; min-width: 0px; }
.scroll-gradient-wrapper::before, .scroll-gradient-wrapper::after { content: ""; position: absolute; top: 0px; bottom: 0px; width: 60px; pointer-events: none; z-index: 10; opacity: 0; transition: opacity 0.2s; }
.scroll-gradient-wrapper::before { left: 0px; }
.scroll-gradient-wrapper::after { right: 0px; }
.scroll-gradient-wrapper--show-left::before { opacity: 1; }
.scroll-gradient-wrapper--show-right::after { opacity: 1; }
.wkg-form-datepicker-wrapper { position: relative; width: 100%; z-index: 1; }
.wkg-form-datepicker-wrapper:has(.wkg-form-datepicker-calendar) { z-index: 1001; }
.wkg-form-datepicker-trigger { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; width: 100%; cursor: pointer; background: none; border: medium; padding: 0px; font-family: inherit; }
.wkg-form-datepicker-trigger--disabled { opacity: 0.5; cursor: not-allowed; }
.wkg-form-datepicker-trigger__content { display: flex; flex-direction: column; align-items: flex-start; flex: 1 1 0%; min-width: 0px; }
.wkg-form-datepicker-trigger__value { font-size: var(--wkg-font-size-sm); color: var(--wkg-color-text-primary); }
.wkg-form-datepicker-trigger__value--placeholder { color: var(--wkg-color-grey-300); }
.wkg-form-datepicker-trigger__chevron { display: flex; align-items: center; justify-content: center; flex-shrink: 0; pointer-events: auto; }
.wkg-form-datepicker-trigger__chevron--open svg { transform: rotate(180deg); }
.wkg-form-datepicker-calendar { position: absolute; top: calc(100% + 0.5rem); left: 0px; z-index: 1002; width: 100%; min-width: 100%; padding: 1rem; box-sizing: border-box; background-color: var(--wkg-color-grey-500); border: 1px solid var(--wkg-color-grey-400); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 24px; }
.wkg-form-datepicker-calendar__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.wkg-form-datepicker-calendar__nav { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0px; background: none; border: medium; border-radius: var(--wkg-border-radius-sm, .25rem); color: var(--wkg-color-grey-200); cursor: pointer; transition: 0.15s; }
.wkg-form-datepicker-calendar__nav:hover { background-color: var(--wkg-color-grey-400); color: var(--wkg-color-text-primary); }
.wkg-form-datepicker-calendar__nav .icon, .wkg-form-datepicker-calendar__nav div, .wkg-form-datepicker-calendar__nav svg { width: 1rem; height: 1rem; transform: rotate(-90deg); }
.wkg-form-datepicker-calendar__nav--next .icon, .wkg-form-datepicker-calendar__nav--next div, .wkg-form-datepicker-calendar__nav--next svg { transform: rotate(90deg); }
.wkg-form-datepicker-calendar__selectors { display: flex; align-items: center; gap: 0.5rem; }
.wkg-form-datepicker-calendar__selector { position: relative; }
.wkg-form-datepicker-calendar__selector-btn { display: flex; align-items: center; gap: 0.25rem; padding: 0.375rem 0.625rem; font-family: inherit; font-size: var(--wkg-font-size-sm); font-weight: 500; color: var(--wkg-color-text-primary); background-color: var(--wkg-color-grey-500); border: 1px solid var(--wkg-color-grey-400); border-radius: var(--wkg-border-radius-md, .5rem); cursor: pointer; transition: 0.15s; }
.wkg-form-datepicker-calendar__selector-btn:hover { border-color: var(--wkg-color-grey-300); }
.wkg-form-datepicker-calendar__selector-btn .icon, .wkg-form-datepicker-calendar__selector-btn div, .wkg-form-datepicker-calendar__selector-btn svg { width: 0.75rem; height: 0.75rem; color: var(--wkg-color-grey-200); }
.wkg-form-datepicker-calendar__selector-dropdown { position: absolute; top: calc(100% + 0.25rem); left: 50%; transform: translate(-50%); z-index: 10; min-width: 100%; max-height: 200px; overflow-y: auto; background-color: var(--wkg-color-grey-500); border: 1px solid var(--wkg-color-grey-400); border-radius: var(--wkg-border-radius-md, .5rem); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px; }
.wkg-form-datepicker-calendar__selector-dropdown--years { max-height: 240px; }
.wkg-form-datepicker-calendar__selector-option { display: block; width: 100%; padding: 0.5rem 1rem; font-family: inherit; font-size: var(--wkg-font-size-sm); color: var(--wkg-color-grey-200); text-align: center; background: none; border: medium; cursor: pointer; transition: 0.15s; }
.wkg-form-datepicker-calendar__selector-option:hover { background-color: var(--wkg-color-grey-400); color: var(--wkg-color-text-primary); }
.wkg-form-datepicker-calendar__selector-option--selected { color: var(--wkg-color-text-primary); background-color: var(--wkg-color-grey-400); }
.wkg-form-datepicker-calendar__weekdays { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0.25rem; margin-bottom: 0.5rem; }
.wkg-form-datepicker-calendar__weekday { display: flex; align-items: center; justify-content: center; height: 2rem; font-size: var(--wkg-font-size-xs); font-weight: 500; color: var(--wkg-color-grey-300); text-transform: capitalize; }
.wkg-form-datepicker-calendar__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0.25rem; }
.wkg-form-datepicker-calendar__day { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; padding: 0px; font-family: inherit; font-size: var(--wkg-font-size-sm); color: var(--wkg-color-text-primary); background: none; border: medium; border-radius: 8px; cursor: pointer; transition: 0.15s; }
.wkg-form-datepicker-calendar__day:hover:not(.wkg-form-datepicker-calendar__day--selected) { background-color: var(--wkg-color-grey-400); }
.wkg-form-datepicker-calendar__day--other-month { color: var(--wkg-color-grey-400); }
.wkg-form-datepicker-calendar__day--other-month:hover:not(.wkg-form-datepicker-calendar__day--other-month--selected) { background-color: var(--wkg-color-grey-400); }
.wkg-form-datepicker-calendar__day--selected { background-color: var(--wkg-color-grey-100); color: var(--bejo-black); font-weight: 600; }
@layer base, tokens, components, utilities;
@layer tokens {
  :root { --wkg-field-gap: var(--wkg-spacing-xxs, .25rem); --wkg-field-control-height: 3.75rem; --wkg-field-control-padding-x: 1rem; --wkg-field-control-padding-y: .75rem; --wkg-field-control-gap: .375rem; --wkg-field-control-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-field-control-border-width: 1px; --wkg-field-control-border-color: transparent; --wkg-field-control-border-color-focus: var(--wkg-color-grey-400, #343237); --wkg-field-control-border-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-control-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-field-label-color: var(--wkg-color-text-primary, #fff); --wkg-field-label-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-label-font-weight: 600; --wkg-field-label-line-height: 1.2; --wkg-field-input-color: var(--wkg-color-grey-100, #e0dde2); --wkg-field-input-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-input-font-weight: 400; --wkg-field-input-line-height: 1.4; --wkg-field-input-placeholder-color: var(--wkg-color-grey-300, #6b636f); --wkg-field-icon-color: var(--wkg-color-grey-200, #9698a1); --wkg-field-icon-color-hover: var(--wkg-color-text-primary, #fff); --wkg-field-icon-size: 1rem; --wkg-field-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-color-success: var(--wkg-color-green-200, #cfff04); --wkg-field-color-warning: var(--wkg-color-orange-400, #ff3d23); --wkg-field-color-info: var(--wkg-color-grey-200, #9698a1); --wkg-field-inline-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-inline-gap: .5rem; --wkg-field-inline-icon-size: 1rem; --wkg-field-message-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-message-color: var(--wkg-color-text-secondary, #9698a1); --wkg-field-message-padding: .5rem 0; --wkg-dropdown-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-dropdown-border-color: transparent; --wkg-dropdown-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-dropdown-shadow: 0 4px 16px rgba(0, 0, 0, .2); --wkg-dropdown-max-height: 18rem; --wkg-dropdown-z-index: 100; --wkg-floating-z-index: 1000000; --wkg-dropdown-option-padding: .75rem 1rem; --wkg-dropdown-option-gap: .75rem; --wkg-dropdown-option-bg-hover: var(--wkg-color-grey-400, #343237); --wkg-dropdown-option-color: var(--wkg-color-text-primary, #fff); --wkg-dropdown-indicator-size: 1.25rem; --wkg-dropdown-indicator-border-color: var(--wkg-color-grey-300, #6b636f); --wkg-dropdown-indicator-color-selected: var(--wkg-color-green-200, #cfff04); --wkg-dropdown-backdrop-bg: rgba(0, 0, 0, .8); --wkg-dropdown-backdrop-z-index: 99; --wkg-icon-button-size: 1.5rem; --wkg-icon-button-color: var(--wkg-color-grey-200, #9698a1); --wkg-icon-button-color-hover: var(--wkg-color-text-primary, #fff); --wkg-scrollbar-width: 4px; --wkg-scrollbar-height: 40px; --wkg-scrollbar-radius: 3px; --wkg-scrollbar-track-color: transparent; --wkg-scrollbar-thumb-color: var(--wkg-color-grey-400, #343237); --wkg-scrollbar-thumb-color-hover: var(--wkg-color-grey-300, #6b636f); --wkg-duration-fast: .15s; --wkg-duration-normal: .2s; --wkg-duration-slow: .3s; --wkg-ease-default: ease; --wkg-ease-in: cubic-bezier(.4, 0, 1, 1); --wkg-ease-out: cubic-bezier(0, 0, .2, 1); --wkg-ease-in-out: cubic-bezier(.4, 0, .2, 1); --wkg-ease-spring: cubic-bezier(.175, .885, .32, 1.275); --wkg-transition-fast: var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-normal: var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-slow: var(--wkg-duration-slow) var(--wkg-ease-default); }
}
@layer tokens {
  :root { --wkg-transition-opacity-fast: opacity var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-opacity: opacity var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-opacity-slow: opacity var(--wkg-duration-slow) var(--wkg-ease-out); --wkg-transition-transform-fast: transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-transform: transform var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-transform-spring: transform var(--wkg-duration-normal) var(--wkg-ease-spring); --wkg-transition-transform-slow: transform var(--wkg-duration-slow) var(--wkg-ease-in-out); --wkg-transition-color-fast: color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-color: color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-bg-fast: background-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-bg: background-color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-border-fast: border-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-border: border-color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-width: width var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-height: height var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-size: width var(--wkg-duration-normal) var(--wkg-ease-in-out), height var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-margin: margin var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-padding: padding var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-shadow-fast: box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-shadow: box-shadow var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-interactive: color var(--wkg-duration-fast) var(--wkg-ease-default), background-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-interactive-border: color var(--wkg-duration-fast) var(--wkg-ease-default), background-color var(--wkg-duration-fast) var(--wkg-ease-default), border-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-appear: opacity var(--wkg-duration-normal) var(--wkg-ease-out), transform var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-disappear: opacity var(--wkg-duration-fast) var(--wkg-ease-in), transform var(--wkg-duration-fast) var(--wkg-ease-in); --wkg-transition-collapse: width var(--wkg-duration-normal) var(--wkg-ease-in-out), margin var(--wkg-duration-normal) var(--wkg-ease-in-out), opacity var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-indicator: width var(--wkg-duration-normal) var(--wkg-ease-in-out), margin var(--wkg-duration-normal) var(--wkg-ease-in-out), opacity var(--wkg-duration-fast) var(--wkg-ease-out), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-field-focus: border-color var(--wkg-duration-fast) var(--wkg-ease-out), box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-button: background-color var(--wkg-duration-fast) var(--wkg-ease-default), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-icon: color var(--wkg-duration-fast) var(--wkg-ease-default), opacity var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-dropdown: opacity var(--wkg-duration-fast) var(--wkg-ease-out), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-chevron: transform var(--wkg-duration-normal) var(--wkg-ease-spring); }
}
@layer utilities {
  .wkg-animate-spring-in { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  .wkg-animate-scale-in { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-scale-out { animation: wkg-scale-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-fade-in { animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-fade-out { animation: wkg-fade-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-slide-up { animation: wkg-slide-up-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-down { animation: wkg-slide-down-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-left { animation: wkg-slide-left-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-right { animation: wkg-slide-right-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-expand { animation: wkg-grid-expand var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-collapse { animation: wkg-grid-collapse var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-spin { animation: 1s linear infinite wkg-spin; }
  .wkg-animate-pulse { animation: 2s ease-in-out infinite wkg-pulse; }
  .wkg-animate-pulse-ring { animation: 1.5s ease-out infinite wkg-pulse-ring; }
  .wkg-pressable { transition: transform var(--wkg-duration-fast) var(--wkg-ease-out); will-change: transform; }
  .wkg-pressable:active { transform: scale(0.98); }
  .wkg-pressable--strong:active { transform: scale(0.96); }
  .wkg-hoverable { transition: transform var(--wkg-duration-fast) var(--wkg-ease-out),box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); will-change: transform; }
  .wkg-hoverable:hover { transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; }
  [data-animate="spring-in"] { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  [data-animate="scale-in"] { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="fade-in"] { animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="slide-up"] { animation: wkg-slide-up-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="slide-down"] { animation: wkg-slide-down-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-stagger] { animation-name: ; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-delay: calc(var(--wkg-stagger-index, 0) * var(--wkg-stagger-delay, 30ms)); }
  .wkg-stagger-fast { --wkg-stagger-delay: 20ms; }
  .wkg-stagger-normal { --wkg-stagger-delay: 30ms; }
  .wkg-stagger-slow { --wkg-stagger-delay: 50ms; }
  .wkg-animate-paused { animation-play-state: paused !important; }
  .wkg-animate-reverse { animation-direction: reverse !important; }
  .wkg-animate-infinite { animation-iteration-count: infinite !important; }
  .wkg-animate-fill { animation-fill-mode: forwards !important; }
  .wkg-duration-instant { animation-duration: 0ms !important; transition-duration: 0ms !important; }
  .wkg-duration-fast { animation-duration: var(--wkg-duration-fast) !important; transition-duration: var(--wkg-duration-fast) !important; }
  .wkg-duration-normal { animation-duration: var(--wkg-duration-normal) !important; transition-duration: var(--wkg-duration-normal) !important; }
  .wkg-duration-slow { animation-duration: var(--wkg-duration-slow) !important; transition-duration: var(--wkg-duration-slow) !important; }
  .wkg-ease-linear { animation-timing-function: linear !important; transition-timing-function: linear !important; }
  .wkg-ease-in { animation-timing-function: var(--wkg-ease-in) !important; transition-timing-function: var(--wkg-ease-in) !important; }
  .wkg-ease-out { animation-timing-function: var(--wkg-ease-out) !important; transition-timing-function: var(--wkg-ease-out) !important; }
  .wkg-ease-in-out { animation-timing-function: var(--wkg-ease-in-out) !important; transition-timing-function: var(--wkg-ease-in-out) !important; }
  .wkg-ease-spring { animation-timing-function: var(--wkg-ease-spring) !important; transition-timing-function: var(--wkg-ease-spring) !important; }
}
@layer components {
  [data-floating-portal][data-floating-portal] { position: fixed; left: var(--floating-x); right: auto; width: var(--floating-width); max-height: var(--floating-max-height); z-index: var(--wkg-floating-z-index, 100001); }
  [data-floating-portal][data-floating-width="auto"] { width: max-content; }
  [data-floating-portal][data-placement="bottom"] { top: var(--floating-y); bottom: auto; }
  [data-floating-portal][data-placement="top"] { top: auto; bottom: var(--floating-y); }
  [data-floating-portal]:not([data-positioned]) { visibility: hidden; pointer-events: none; }
}
@layer utilities {
  .wkg-scrollbar { scrollbar-width: thin !important; scrollbar-color: var(--wkg-scrollbar-thumb-color) var(--wkg-scrollbar-track-color) !important; }
  .wkg-scrollbar::-webkit-scrollbar { width: var(--wkg-scrollbar-width) !important; }
  .wkg-scrollbar::-webkit-scrollbar-track { background: var(--wkg-scrollbar-track-color) !important; }
  .wkg-scrollbar::-webkit-scrollbar-thumb { background: var(--wkg-scrollbar-thumb-color) !important; border-radius: var(--wkg-scrollbar-radius) !important; min-height: var(--wkg-scrollbar-height) !important; }
  .wkg-sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
}
@media (prefers-reduced-motion: reduce) {
  .wkg-field__control, .wkg-field__control--focused, .wkg-field__icon, .wkg-field__icon--active, .wkg-field__inline-feedback-message, .wkg-select__chevron, .wkg-select__content, .wkg-select__content--closing, .wkg-select__option, .wkg-otp__slot, .wkg-otp__slot--active, .wkg-otp__caret, .wkg-otp__icon, .wkg-otp__icon--active, .wkg-otp__feedback-message, .wkg-pressable, [data-animate], [data-stagger], [class*="wkg-animate-"] { animation: none !important; transition: none !important; }
  .wkg-field__inline-feedback--validating .wkg-field__icon--active, .wkg-otp__feedback--validating .wkg-otp__icon--active { animation: none !important; }
}
@layer base, tokens, components, utilities;
@layer tokens {
  :root { --wkg-field-gap: var(--wkg-spacing-xxs, .25rem); --wkg-field-control-height: 3.75rem; --wkg-field-control-padding-x: 1rem; --wkg-field-control-padding-y: .75rem; --wkg-field-control-gap: .375rem; --wkg-field-control-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-field-control-border-width: 1px; --wkg-field-control-border-color: transparent; --wkg-field-control-border-color-focus: var(--wkg-color-grey-400, #343237); --wkg-field-control-border-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-control-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-field-label-color: var(--wkg-color-text-primary, #fff); --wkg-field-label-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-label-font-weight: 600; --wkg-field-label-line-height: 1.2; --wkg-field-input-color: var(--wkg-color-grey-100, #e0dde2); --wkg-field-input-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-input-font-weight: 400; --wkg-field-input-line-height: 1.4; --wkg-field-input-placeholder-color: var(--wkg-color-grey-300, #6b636f); --wkg-field-icon-color: var(--wkg-color-grey-200, #9698a1); --wkg-field-icon-color-hover: var(--wkg-color-text-primary, #fff); --wkg-field-icon-size: 1rem; --wkg-field-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-color-success: var(--wkg-color-green-200, #cfff04); --wkg-field-color-warning: var(--wkg-color-orange-400, #ff3d23); --wkg-field-color-info: var(--wkg-color-grey-200, #9698a1); --wkg-field-inline-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-inline-gap: .5rem; --wkg-field-inline-icon-size: 1rem; --wkg-field-message-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-message-color: var(--wkg-color-text-secondary, #9698a1); --wkg-field-message-padding: .5rem 0; --wkg-dropdown-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-dropdown-border-color: transparent; --wkg-dropdown-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-dropdown-shadow: 0 4px 16px rgba(0, 0, 0, .2); --wkg-dropdown-max-height: 18rem; --wkg-dropdown-z-index: 100; --wkg-floating-z-index: 1000000; --wkg-dropdown-option-padding: .75rem 1rem; --wkg-dropdown-option-gap: .75rem; --wkg-dropdown-option-bg-hover: var(--wkg-color-grey-400, #343237); --wkg-dropdown-option-color: var(--wkg-color-text-primary, #fff); --wkg-dropdown-indicator-size: 1.25rem; --wkg-dropdown-indicator-border-color: var(--wkg-color-grey-300, #6b636f); --wkg-dropdown-indicator-color-selected: var(--wkg-color-green-200, #cfff04); --wkg-dropdown-backdrop-bg: rgba(0, 0, 0, .8); --wkg-dropdown-backdrop-z-index: 99; --wkg-icon-button-size: 1.5rem; --wkg-icon-button-color: var(--wkg-color-grey-200, #9698a1); --wkg-icon-button-color-hover: var(--wkg-color-text-primary, #fff); --wkg-scrollbar-width: 4px; --wkg-scrollbar-height: 40px; --wkg-scrollbar-radius: 3px; --wkg-scrollbar-track-color: transparent; --wkg-scrollbar-thumb-color: var(--wkg-color-grey-400, #343237); --wkg-scrollbar-thumb-color-hover: var(--wkg-color-grey-300, #6b636f); --wkg-duration-fast: .15s; --wkg-duration-normal: .2s; --wkg-duration-slow: .3s; --wkg-ease-default: ease; --wkg-ease-in: cubic-bezier(.4, 0, 1, 1); --wkg-ease-out: cubic-bezier(0, 0, .2, 1); --wkg-ease-in-out: cubic-bezier(.4, 0, .2, 1); --wkg-ease-spring: cubic-bezier(.175, .885, .32, 1.275); --wkg-transition-fast: var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-normal: var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-slow: var(--wkg-duration-slow) var(--wkg-ease-default); }
}
@layer tokens {
  :root { --wkg-transition-opacity-fast: opacity var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-opacity: opacity var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-opacity-slow: opacity var(--wkg-duration-slow) var(--wkg-ease-out); --wkg-transition-transform-fast: transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-transform: transform var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-transform-spring: transform var(--wkg-duration-normal) var(--wkg-ease-spring); --wkg-transition-transform-slow: transform var(--wkg-duration-slow) var(--wkg-ease-in-out); --wkg-transition-color-fast: color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-color: color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-bg-fast: background-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-bg: background-color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-border-fast: border-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-border: border-color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-width: width var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-height: height var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-size: width var(--wkg-duration-normal) var(--wkg-ease-in-out), height var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-margin: margin var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-padding: padding var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-shadow-fast: box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-shadow: box-shadow var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-interactive: color var(--wkg-duration-fast) var(--wkg-ease-default), background-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-interactive-border: color var(--wkg-duration-fast) var(--wkg-ease-default), background-color var(--wkg-duration-fast) var(--wkg-ease-default), border-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-appear: opacity var(--wkg-duration-normal) var(--wkg-ease-out), transform var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-disappear: opacity var(--wkg-duration-fast) var(--wkg-ease-in), transform var(--wkg-duration-fast) var(--wkg-ease-in); --wkg-transition-collapse: width var(--wkg-duration-normal) var(--wkg-ease-in-out), margin var(--wkg-duration-normal) var(--wkg-ease-in-out), opacity var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-indicator: width var(--wkg-duration-normal) var(--wkg-ease-in-out), margin var(--wkg-duration-normal) var(--wkg-ease-in-out), opacity var(--wkg-duration-fast) var(--wkg-ease-out), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-field-focus: border-color var(--wkg-duration-fast) var(--wkg-ease-out), box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-button: background-color var(--wkg-duration-fast) var(--wkg-ease-default), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-icon: color var(--wkg-duration-fast) var(--wkg-ease-default), opacity var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-dropdown: opacity var(--wkg-duration-fast) var(--wkg-ease-out), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-chevron: transform var(--wkg-duration-normal) var(--wkg-ease-spring); }
}
@layer utilities {
  .wkg-animate-spring-in { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  .wkg-animate-scale-in { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-scale-out { animation: wkg-scale-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-fade-in { animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-fade-out { animation: wkg-fade-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-slide-up { animation: wkg-slide-up-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-down { animation: wkg-slide-down-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-left { animation: wkg-slide-left-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-right { animation: wkg-slide-right-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-expand { animation: wkg-grid-expand var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-collapse { animation: wkg-grid-collapse var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-spin { animation: 1s linear infinite wkg-spin; }
  .wkg-animate-pulse { animation: 2s ease-in-out infinite wkg-pulse; }
  .wkg-animate-pulse-ring { animation: 1.5s ease-out infinite wkg-pulse-ring; }
  .wkg-pressable { transition: transform var(--wkg-duration-fast) var(--wkg-ease-out); will-change: transform; }
  .wkg-pressable:active { transform: scale(0.98); }
  .wkg-pressable--strong:active { transform: scale(0.96); }
  .wkg-hoverable { transition: transform var(--wkg-duration-fast) var(--wkg-ease-out),box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); will-change: transform; }
  .wkg-hoverable:hover { transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; }
  [data-animate="spring-in"] { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  [data-animate="scale-in"] { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="fade-in"] { animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="slide-up"] { animation: wkg-slide-up-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="slide-down"] { animation: wkg-slide-down-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-stagger] { animation-name: ; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-delay: calc(var(--wkg-stagger-index, 0) * var(--wkg-stagger-delay, 30ms)); }
  .wkg-stagger-fast { --wkg-stagger-delay: 20ms; }
  .wkg-stagger-normal { --wkg-stagger-delay: 30ms; }
  .wkg-stagger-slow { --wkg-stagger-delay: 50ms; }
  .wkg-animate-paused { animation-play-state: paused !important; }
  .wkg-animate-reverse { animation-direction: reverse !important; }
  .wkg-animate-infinite { animation-iteration-count: infinite !important; }
  .wkg-animate-fill { animation-fill-mode: forwards !important; }
  .wkg-duration-instant { animation-duration: 0ms !important; transition-duration: 0ms !important; }
  .wkg-duration-fast { animation-duration: var(--wkg-duration-fast) !important; transition-duration: var(--wkg-duration-fast) !important; }
  .wkg-duration-normal { animation-duration: var(--wkg-duration-normal) !important; transition-duration: var(--wkg-duration-normal) !important; }
  .wkg-duration-slow { animation-duration: var(--wkg-duration-slow) !important; transition-duration: var(--wkg-duration-slow) !important; }
  .wkg-ease-linear { animation-timing-function: linear !important; transition-timing-function: linear !important; }
  .wkg-ease-in { animation-timing-function: var(--wkg-ease-in) !important; transition-timing-function: var(--wkg-ease-in) !important; }
  .wkg-ease-out { animation-timing-function: var(--wkg-ease-out) !important; transition-timing-function: var(--wkg-ease-out) !important; }
  .wkg-ease-in-out { animation-timing-function: var(--wkg-ease-in-out) !important; transition-timing-function: var(--wkg-ease-in-out) !important; }
  .wkg-ease-spring { animation-timing-function: var(--wkg-ease-spring) !important; transition-timing-function: var(--wkg-ease-spring) !important; }
}
@layer components {
  .wkg-field { display: flex; flex-direction: column; gap: var(--wkg-field-gap); }
  .wkg-field--disabled { pointer-events: none; }
  .wkg-field__control { position: relative; display: flex; flex-direction: column; justify-content: center; gap: var(--wkg-field-control-gap); height: var(--wkg-field-control-height); padding: var(--wkg-field-control-padding-y) var(--wkg-field-control-padding-x); background-color: var(--wkg-field-control-bg); border: var(--wkg-field-control-border-width) solid var(--wkg-field-control-border-color); border-radius: var(--wkg-field-control-border-radius); box-sizing: border-box; cursor: text; transition: border-color var(--wkg-transition-fast); }
  .wkg-field__control:focus-within { border-color: var(--wkg-field-control-border-color-focus); }
  .wkg-field__control--error { border-color: var(--wkg-field-control-border-color-error); }
  .wkg-field__control--error:focus-within { border-color: var(--wkg-field-control-border-color-error); }
  .wkg-field__control--disabled { opacity: 0.5; cursor: not-allowed; }
  .wkg-field__control--smooth-corners { border-radius: 12px; background-color: transparent; border-color: transparent; isolation: isolate; outline: var(--wkg-field-control-border-width) solid var(--wkg-field-control-border-color); outline-offset: 1px; transition: outline-color var(--wkg-transition-fast); }
  .wkg-field__control--smooth-corners:focus-within { outline-color: var(--wkg-field-control-border-color-focus); }
  .wkg-field__control--smooth-corners.wkg-field__control--error { outline-color: var(--wkg-field-control-border-color-error); }
  .wkg-field__control--smooth-corners.wkg-field__control--error:focus-within { outline-color: var(--wkg-field-control-border-color-error); }
  .wkg-field__control--smooth-corners::before, .wkg-field__control--smooth-corners::after { position: absolute; content: ""; inset: 0px; z-index: -1; background-color: var(--wkg-field-control-bg); pointer-events: none; }
  .wkg-field__control--smooth-corners::before { margin: -2px 0px; border-radius: 14px / 10px; }
  .wkg-field__control--smooth-corners::after { margin: 0px -2px; border-radius: 10px / 14px; }
  .wkg-field__label { color: var(--wkg-field-label-color); font-size: var(--wkg-field-label-font-size); font-weight: var(--wkg-field-label-font-weight); line-height: var(--wkg-field-label-line-height); pointer-events: none; user-select: none; }
  .wkg-field__required { color: var(--wkg-field-color-error); }
  .wkg-field__input-wrapper { position: relative; display: flex; align-items: center; gap: 0.5rem; flex: 1 1 0%; min-width: 0px; }
  .wkg-field__input { flex: 1 1 0%; min-width: 0px; padding: 0px; margin: 0px; background: transparent; border: medium; outline: none; color: var(--wkg-field-input-color); font-size: var(--wkg-field-input-font-size); font-weight: var(--wkg-field-input-font-weight); line-height: var(--wkg-field-input-line-height); font-family: inherit; }
  .wkg-field__input::placeholder { color: var(--wkg-field-input-placeholder-color); opacity: 1; transition: opacity var(--wkg-duration-fast) var(--wkg-ease-out); }
  .wkg-field__input::selection { background-color: var(--wkg-color-green-200, #cfff04); color: var(--wkg-color-grey-500, #1e1b21); border-radius: 2px; }
  .wkg-field__input:focus::placeholder { opacity: 0.5; }
  .wkg-field__input:disabled { cursor: not-allowed; }
  .wkg-field__input:autofill, .wkg-field__input:autofill:hover, .wkg-field__input:autofill:focus, .wkg-field__input:autofill:active { box-shadow: 0 0 0 1000px var(--wkg-field-control-bg) inset !important; -webkit-text-fill-color: var(--wkg-field-input-color) !important; caret-color: var(--wkg-field-input-color) !important; transition: background-color 5000s ease-in-out; }
  .wkg-field__adornment { display: flex; align-items: center; gap: 0.25rem; flex-shrink: 0; color: var(--wkg-field-icon-color); }
  .wkg-field__clear { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 1rem; padding: 0px; margin: 0px; background: transparent; border: medium; cursor: pointer; color: var(--wkg-field-icon-color); overflow: hidden; transition: color var(--wkg-transition-fast); animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  .wkg-field__clear:hover { color: var(--wkg-field-icon-color-hover); }
  .wkg-field__clear:disabled { cursor: not-allowed; opacity: 0.5; }
  .wkg-field__clear--exiting { animation-name: ; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-delay: var(--wkg-duration-fast); }
  .wkg-field__clear--exiting > svg { animation: wkg-scale-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  @keyframes wkg-clear-collapse {
0% { width: 1rem; margin-right: 0px; }
100% { width: 0px; margin-right: -0.75rem; }
}
  .wkg-field__toggle { display: flex; align-items: center; justify-content: center; padding: 0px; margin: 0px; background: transparent; border: medium; cursor: pointer; color: var(--wkg-field-icon-color); transition: color var(--wkg-transition-fast),transform var(--wkg-duration-fast) var(--wkg-ease-out); }
  .wkg-field__toggle:hover { color: var(--wkg-field-icon-color-hover); }
  .wkg-field__toggle:active { transform: scale(0.9); }
  .wkg-field__message { display: flex; align-items: center; gap: var(--wkg-spacing-xs, .5rem); padding: var(--wkg-field-message-padding); font-size: var(--wkg-field-message-font-size); color: var(--wkg-field-message-color); animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-field__message--error { color: var(--wkg-field-color-error); }
  .wkg-field__message--success { color: var(--wkg-field-color-success); }
  .wkg-field__message--warning { color: var(--wkg-field-color-warning); }
  .wkg-field__message--info { color: var(--wkg-field-color-info); }
  .wkg-field__message--hint { color: var(--wkg-field-message-color); }
  .wkg-field__label-row { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
  .wkg-field__input-row { display: flex; align-items: center; gap: 0.5rem; min-width: 0px; }
  .wkg-field__indicators { display: flex; align-items: center; gap: 0.75rem; flex-shrink: 0; }
  .wkg-field__indicators > * { flex-shrink: 0; transition: transform var(--wkg-duration-fast) var(--wkg-ease-out); }
  .wkg-field__feedback-wrapper { display: grid; grid-template-columns: 1fr; align-items: center; overflow: hidden; animation: wkg-grid-expand var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-field__feedback-wrapper > * { min-width: 0px; }
  .wkg-field__feedback-wrapper--exiting { animation-name: ; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-delay: var(--wkg-duration-fast); }
  .wkg-field__feedback-wrapper--exiting > * { animation: wkg-fade-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-field__inline-feedback { display: flex; align-items: center; gap: var(--wkg-field-inline-gap); flex-shrink: 0; }
  .wkg-field__inline-feedback--error { color: var(--wkg-field-color-error); }
  .wkg-field__inline-feedback--valid { color: var(--wkg-field-color-success); }
  .wkg-field__inline-feedback--validating { color: var(--wkg-field-icon-color); }
  .wkg-field__inline-feedback-message { font-size: var(--wkg-field-inline-font-size); white-space: nowrap; transition: opacity 0.15s; }
  .wkg-field__inline-feedback-icon { position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: var(--wkg-field-inline-icon-size); height: var(--wkg-field-inline-icon-size); }
  .wkg-field__icon { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0.5); transition: opacity 0.25s ease-out, transform 0.3s ease-out; pointer-events: none; }
  .wkg-field__icon--active { opacity: 1; transform: scale(1); transition: opacity 0.35s ease-in, transform 0.3s ease-out; pointer-events: auto; }
  .wkg-field__icon svg, .wkg-field__inline-feedback-icon > svg { width: 100%; height: 100%; }
  .wkg-field__inline-feedback--validating .wkg-field__icon--active { animation: 1s linear infinite wkg-spin; }
  .wkg-field__input--truncated { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .wkg-field__caret { position: absolute; left: 0px; top: 50%; margin-top: -0.55em; width: 2px; height: 1.1em; background-color: rgb(255, 255, 255); border-radius: 1px; pointer-events: none; transform-origin: center center 0px; transition: left 30ms ease-out; animation: 1s ease-in-out infinite wkg-caret-glow; }
  .wkg-field__caret--typing { animation: 1s ease-in-out infinite wkg-caret-glow, 80ms ease-out wkg-caret-type; }
  .wkg-field__input--animated-caret { caret-color: transparent; }
}
@layer base, tokens, components, utilities;
@layer tokens {
  :root { --wkg-field-gap: var(--wkg-spacing-xxs, .25rem); --wkg-field-control-height: 3.75rem; --wkg-field-control-padding-x: 1rem; --wkg-field-control-padding-y: .75rem; --wkg-field-control-gap: .375rem; --wkg-field-control-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-field-control-border-width: 1px; --wkg-field-control-border-color: transparent; --wkg-field-control-border-color-focus: var(--wkg-color-grey-400, #343237); --wkg-field-control-border-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-control-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-field-label-color: var(--wkg-color-text-primary, #fff); --wkg-field-label-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-label-font-weight: 600; --wkg-field-label-line-height: 1.2; --wkg-field-input-color: var(--wkg-color-grey-100, #e0dde2); --wkg-field-input-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-input-font-weight: 400; --wkg-field-input-line-height: 1.4; --wkg-field-input-placeholder-color: var(--wkg-color-grey-300, #6b636f); --wkg-field-icon-color: var(--wkg-color-grey-200, #9698a1); --wkg-field-icon-color-hover: var(--wkg-color-text-primary, #fff); --wkg-field-icon-size: 1rem; --wkg-field-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-color-success: var(--wkg-color-green-200, #cfff04); --wkg-field-color-warning: var(--wkg-color-orange-400, #ff3d23); --wkg-field-color-info: var(--wkg-color-grey-200, #9698a1); --wkg-field-inline-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-inline-gap: .5rem; --wkg-field-inline-icon-size: 1rem; --wkg-field-message-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-message-color: var(--wkg-color-text-secondary, #9698a1); --wkg-field-message-padding: .5rem 0; --wkg-dropdown-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-dropdown-border-color: transparent; --wkg-dropdown-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-dropdown-shadow: 0 4px 16px rgba(0, 0, 0, .2); --wkg-dropdown-max-height: 18rem; --wkg-dropdown-z-index: 100; --wkg-floating-z-index: 1000000; --wkg-dropdown-option-padding: .75rem 1rem; --wkg-dropdown-option-gap: .75rem; --wkg-dropdown-option-bg-hover: var(--wkg-color-grey-400, #343237); --wkg-dropdown-option-color: var(--wkg-color-text-primary, #fff); --wkg-dropdown-indicator-size: 1.25rem; --wkg-dropdown-indicator-border-color: var(--wkg-color-grey-300, #6b636f); --wkg-dropdown-indicator-color-selected: var(--wkg-color-green-200, #cfff04); --wkg-dropdown-backdrop-bg: rgba(0, 0, 0, .8); --wkg-dropdown-backdrop-z-index: 99; --wkg-icon-button-size: 1.5rem; --wkg-icon-button-color: var(--wkg-color-grey-200, #9698a1); --wkg-icon-button-color-hover: var(--wkg-color-text-primary, #fff); --wkg-scrollbar-width: 4px; --wkg-scrollbar-height: 40px; --wkg-scrollbar-radius: 3px; --wkg-scrollbar-track-color: transparent; --wkg-scrollbar-thumb-color: var(--wkg-color-grey-400, #343237); --wkg-scrollbar-thumb-color-hover: var(--wkg-color-grey-300, #6b636f); --wkg-duration-fast: .15s; --wkg-duration-normal: .2s; --wkg-duration-slow: .3s; --wkg-ease-default: ease; --wkg-ease-in: cubic-bezier(.4, 0, 1, 1); --wkg-ease-out: cubic-bezier(0, 0, .2, 1); --wkg-ease-in-out: cubic-bezier(.4, 0, .2, 1); --wkg-ease-spring: cubic-bezier(.175, .885, .32, 1.275); --wkg-transition-fast: var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-normal: var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-slow: var(--wkg-duration-slow) var(--wkg-ease-default); }
}
@layer tokens {
  :root { --wkg-transition-opacity-fast: opacity var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-opacity: opacity var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-opacity-slow: opacity var(--wkg-duration-slow) var(--wkg-ease-out); --wkg-transition-transform-fast: transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-transform: transform var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-transform-spring: transform var(--wkg-duration-normal) var(--wkg-ease-spring); --wkg-transition-transform-slow: transform var(--wkg-duration-slow) var(--wkg-ease-in-out); --wkg-transition-color-fast: color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-color: color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-bg-fast: background-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-bg: background-color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-border-fast: border-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-border: border-color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-width: width var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-height: height var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-size: width var(--wkg-duration-normal) var(--wkg-ease-in-out), height var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-margin: margin var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-padding: padding var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-shadow-fast: box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-shadow: box-shadow var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-interactive: color var(--wkg-duration-fast) var(--wkg-ease-default), background-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-interactive-border: color var(--wkg-duration-fast) var(--wkg-ease-default), background-color var(--wkg-duration-fast) var(--wkg-ease-default), border-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-appear: opacity var(--wkg-duration-normal) var(--wkg-ease-out), transform var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-disappear: opacity var(--wkg-duration-fast) var(--wkg-ease-in), transform var(--wkg-duration-fast) var(--wkg-ease-in); --wkg-transition-collapse: width var(--wkg-duration-normal) var(--wkg-ease-in-out), margin var(--wkg-duration-normal) var(--wkg-ease-in-out), opacity var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-indicator: width var(--wkg-duration-normal) var(--wkg-ease-in-out), margin var(--wkg-duration-normal) var(--wkg-ease-in-out), opacity var(--wkg-duration-fast) var(--wkg-ease-out), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-field-focus: border-color var(--wkg-duration-fast) var(--wkg-ease-out), box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-button: background-color var(--wkg-duration-fast) var(--wkg-ease-default), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-icon: color var(--wkg-duration-fast) var(--wkg-ease-default), opacity var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-dropdown: opacity var(--wkg-duration-fast) var(--wkg-ease-out), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-chevron: transform var(--wkg-duration-normal) var(--wkg-ease-spring); }
}
@layer utilities {
  .wkg-animate-spring-in { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  .wkg-animate-scale-in { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-scale-out { animation: wkg-scale-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-fade-in { animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-fade-out { animation: wkg-fade-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-slide-up { animation: wkg-slide-up-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-down { animation: wkg-slide-down-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-left { animation: wkg-slide-left-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-right { animation: wkg-slide-right-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-expand { animation: wkg-grid-expand var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-collapse { animation: wkg-grid-collapse var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-spin { animation: 1s linear infinite wkg-spin; }
  .wkg-animate-pulse { animation: 2s ease-in-out infinite wkg-pulse; }
  .wkg-animate-pulse-ring { animation: 1.5s ease-out infinite wkg-pulse-ring; }
  .wkg-pressable { transition: transform var(--wkg-duration-fast) var(--wkg-ease-out); will-change: transform; }
  .wkg-pressable:active { transform: scale(0.98); }
  .wkg-pressable--strong:active { transform: scale(0.96); }
  .wkg-hoverable { transition: transform var(--wkg-duration-fast) var(--wkg-ease-out),box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); will-change: transform; }
  .wkg-hoverable:hover { transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; }
  [data-animate="spring-in"] { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  [data-animate="scale-in"] { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="fade-in"] { animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="slide-up"] { animation: wkg-slide-up-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="slide-down"] { animation: wkg-slide-down-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-stagger] { animation-name: ; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-delay: calc(var(--wkg-stagger-index, 0) * var(--wkg-stagger-delay, 30ms)); }
  .wkg-stagger-fast { --wkg-stagger-delay: 20ms; }
  .wkg-stagger-normal { --wkg-stagger-delay: 30ms; }
  .wkg-stagger-slow { --wkg-stagger-delay: 50ms; }
  .wkg-animate-paused { animation-play-state: paused !important; }
  .wkg-animate-reverse { animation-direction: reverse !important; }
  .wkg-animate-infinite { animation-iteration-count: infinite !important; }
  .wkg-animate-fill { animation-fill-mode: forwards !important; }
  .wkg-duration-instant { animation-duration: 0ms !important; transition-duration: 0ms !important; }
  .wkg-duration-fast { animation-duration: var(--wkg-duration-fast) !important; transition-duration: var(--wkg-duration-fast) !important; }
  .wkg-duration-normal { animation-duration: var(--wkg-duration-normal) !important; transition-duration: var(--wkg-duration-normal) !important; }
  .wkg-duration-slow { animation-duration: var(--wkg-duration-slow) !important; transition-duration: var(--wkg-duration-slow) !important; }
  .wkg-ease-linear { animation-timing-function: linear !important; transition-timing-function: linear !important; }
  .wkg-ease-in { animation-timing-function: var(--wkg-ease-in) !important; transition-timing-function: var(--wkg-ease-in) !important; }
  .wkg-ease-out { animation-timing-function: var(--wkg-ease-out) !important; transition-timing-function: var(--wkg-ease-out) !important; }
  .wkg-ease-in-out { animation-timing-function: var(--wkg-ease-in-out) !important; transition-timing-function: var(--wkg-ease-in-out) !important; }
  .wkg-ease-spring { animation-timing-function: var(--wkg-ease-spring) !important; transition-timing-function: var(--wkg-ease-spring) !important; }
}
@layer components {
  .wkg-select__field-wrapper { position: relative; display: flex; flex-direction: column; }
  .wkg-select__field-wrapper--backdrop-active { position: relative; }
  .wkg-field__control[data-select-control] { position: relative; cursor: pointer; }
  .wkg-field__control[data-select-control][data-backdrop-active] { z-index: calc(var(--wkg-dropdown-z-index, 100) + 1); }
  .wkg-field__control--disabled[data-select-control] { cursor: not-allowed; }
  .wkg-select__trigger { display: flex; align-items: center; gap: 1rem; width: 100%; min-width: 0px; padding: 0px 2.5rem 0px 0px; margin: 0px; background: transparent; border: medium; outline: none; cursor: pointer; color: var(--wkg-field-input-color); font-size: var(--wkg-field-input-font-size); font-weight: var(--wkg-field-input-font-weight); line-height: var(--wkg-field-input-line-height); font-family: inherit; text-align: left; }
  .wkg-select__trigger:focus { outline: none; }
  .wkg-select__trigger:focus-visible:not(.wkg-field__control *) { outline: 2px solid var(--wkg-field-control-border-color-focus); outline-offset: 2px; }
  .wkg-select__trigger--disabled { cursor: not-allowed; opacity: 0.5; }
  .wkg-select__field-wrapper:has(.wkg-field__clear) .wkg-select__trigger { padding-right: 4rem; }
  .wkg-select__value { display: flex; align-items: center; gap: 1rem; flex: 1 1 0%; min-width: 0px; }
  .wkg-select__value--placeholder { color: var(--wkg-field-input-placeholder-color); }
  .wkg-select__value-text { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .wkg-select__icon-wrapper { display: flex; align-items: center; justify-content: center; width: 1.5rem; overflow: hidden; }
  .wkg-select__icon-wrapper--exiting { animation-name: ; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-delay: var(--wkg-duration-fast); }
  @keyframes wkg-icon-wrapper-collapse {
0% { width: 1.5rem; margin-right: 0px; }
100% { width: 0px; margin-right: -0.75rem; }
}
  .wkg-select__value-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 1.5rem; height: 1.5rem; font-size: 1.5rem; line-height: 1; animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  .wkg-select__icon-wrapper--exiting .wkg-select__value-icon { animation: wkg-scale-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-select__indicators { position: absolute; top: 50%; right: var(--wkg-field-control-padding-x, 1rem); transform: translateY(-50%); display: flex; align-items: center; gap: 0.75rem; }
  .wkg-select__indicators > * { flex-shrink: 0; transition: transform var(--wkg-duration-fast) var(--wkg-ease-out); }
  .wkg-select__feedback-wrapper { display: grid; grid-template-columns: 1fr; align-items: center; overflow: hidden; animation: wkg-grid-expand var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-select__feedback-wrapper > * { min-width: 0px; }
  .wkg-select__feedback-wrapper--exiting { animation-name: ; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-delay: var(--wkg-duration-fast); }
  .wkg-select__feedback-wrapper--exiting > * { animation: wkg-fade-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-select__chevron { display: flex; align-items: center; justify-content: center; color: var(--wkg-field-icon-color); transition: transform var(--wkg-duration-normal) var(--wkg-ease-spring); cursor: pointer; }
  .wkg-select__chevron--open { transform: rotate(180deg); }
  .wkg-select__content { position: absolute; top: calc(100% + 0.5rem); left: 0px; right: 0px; z-index: var(--wkg-dropdown-z-index, 100); display: flex; flex-direction: column; max-height: var(--wkg-dropdown-max-height, 300px); overflow: hidden; background-color: var(--wkg-dropdown-bg, #2a2a2a); border: 1px solid var(--wkg-dropdown-border-color, rgba(255, 255, 255, .1)); border-radius: var(--wkg-dropdown-border-radius, .75rem); box-shadow: var(--wkg-dropdown-shadow, 0 4px 20px rgba(0, 0, 0, .3)); animation: 0.15s ease-out wkg-select-open-bottom; }
  .wkg-select__content--top { top: auto; bottom: calc(100% + 0.5rem); animation: 0.15s ease-out wkg-select-open-top; }
  .wkg-select__content--smooth-corners { border-radius: 12px; }
  @keyframes wkg-select-open-bottom {
0% { opacity: 0; transform: translateY(-4px); }
100% { opacity: 1; transform: translateY(0px); }
}
  @keyframes wkg-select-open-top {
0% { opacity: 0; transform: translateY(4px); }
100% { opacity: 1; transform: translateY(0px); }
}
  .wkg-select__content--closing { animation: 0.15s ease-in forwards wkg-select-close-bottom; }
  .wkg-select__content--closing.wkg-select__content--top { animation: 0.15s ease-in forwards wkg-select-close-top; }
  @keyframes wkg-select-close-bottom {
0% { opacity: 1; transform: translateY(0px); }
100% { opacity: 0; transform: translateY(-4px); }
}
  @keyframes wkg-select-close-top {
0% { opacity: 1; transform: translateY(0px); }
100% { opacity: 0; transform: translateY(4px); }
}
  .wkg-select__backdrop { position: fixed; inset: 0px; z-index: calc(var(--wkg-dropdown-z-index, 100) - 1); background-color: var(--wkg-dropdown-backdrop-bg); animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-select__backdrop--closing { animation: wkg-fade-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-select__field-wrapper .wkg-field__input-row { gap: 1rem; }
  .wkg-select__search { display: flex; align-items: center; gap: 1rem; }
  .wkg-select__search--in-content { padding: 0.75rem 1rem; border-bottom: 1px solid var(--wkg-dropdown-border-color, rgba(255, 255, 255, .1)); background-color: inherit; }
  .wkg-select__search-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--wkg-field-icon-color); animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  .wkg-select__search-input { flex: 1 1 0%; min-width: 0px; padding: 0px; margin: 0px; background: transparent; border: medium; outline: none; color: var(--wkg-field-input-color); font-size: var(--wkg-field-input-font-size); font-weight: var(--wkg-field-input-font-weight); line-height: var(--wkg-field-input-line-height); font-family: inherit; }
  .wkg-select__search-input::placeholder { color: var(--wkg-field-input-placeholder-color); }
  .wkg-select__options { overflow-y: auto; overscroll-behavior-y: contain; touch-action: pan-y; }
  .wkg-select__group { padding-top: 0.25rem; }
  .wkg-select__group:first-child { padding-top: 0px; }
  .wkg-select__group-label { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem 1rem; font-size: 0.6875rem; font-weight: 500; color: var(--wkg-color-grey-300, #6b636f); user-select: none; }
  .wkg-select__group-label::before, .wkg-select__group-label::after { content: ""; flex: 1 1 0%; height: 1px; background: linear-gradient(90deg,transparent,var(--wkg-color-grey-400, #3d3841)); }
  .wkg-select__group-label::after { background: linear-gradient(90deg,var(--wkg-color-grey-400, #3d3841),transparent); }
  .wkg-select__option { display: flex; align-items: center; gap: 1rem; padding: var(--wkg-dropdown-option-padding); cursor: pointer; color: var(--wkg-dropdown-option-color); transition: background-color var(--wkg-transition-fast); animation-name: ; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-delay: calc(var(--wkg-stagger-index, 0) * 20ms); }
  .wkg-select__option:hover, .wkg-select__option--highlighted { background-color: var(--wkg-dropdown-option-bg-hover); }
  .wkg-select__option--disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
  .wkg-select__option-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 1.5rem; height: 1.5rem; font-size: 1.5rem; line-height: 1; }
  .wkg-select__option-label { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .wkg-select__option-indicator { position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 1.25rem; height: 1.25rem; border: 2px solid var(--wkg-dropdown-indicator-border-color); border-radius: 50%; box-sizing: border-box; transition: border-color var(--wkg-duration-normal) var(--wkg-ease-spring); }
  .wkg-select__option-indicator::after { content: ""; width: 0.675rem; height: 0.675rem; border-radius: 50%; background-color: transparent; transform: scale(0); transition: background-color var(--wkg-duration-fast) var(--wkg-ease-out),transform var(--wkg-duration-normal) var(--wkg-ease-spring); }
  .wkg-select__option-indicator--selected { border-color: var(--wkg-dropdown-indicator-color-selected); }
  .wkg-select__option-indicator--selected::after { background-color: var(--wkg-dropdown-indicator-color-selected); transform: scale(1); }
  .wkg-select__empty { padding: 1rem; text-align: center; color: var(--wkg-field-input-placeholder-color); font-size: var(--wkg-field-input-font-size); }
  .wkg-select__loading { display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 1rem; color: var(--wkg-field-input-placeholder-color); font-size: var(--wkg-field-input-font-size); }
  .wkg-select__error { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.25rem; width: 100%; padding: 1rem; margin: 0px; background: transparent; border: medium; color: var(--wkg-field-input-placeholder-color); font-size: var(--wkg-field-input-font-size); font-family: inherit; text-align: center; cursor: pointer; transition: background-color var(--wkg-transition-fast); }
  .wkg-select__error:hover, .wkg-select__error:focus { background-color: var(--wkg-dropdown-option-bg-hover); }
  .wkg-select__error:focus { outline: none; }
  .wkg-select__error:focus-visible { outline: 2px solid var(--wkg-field-control-border-color-focus); outline-offset: -2px; }
  .wkg-select__retry-text { font-size: var(--wkg-font-size-sm, .875rem); opacity: 0.7; }
  .wkg-select__tags { display: flex; flex-wrap: wrap; gap: 0.25rem; flex: 1 1 0%; min-width: 0px; }
  .wkg-select__tag { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.125rem 0.5rem; background-color: var(--wkg-dropdown-option-bg-hover); border-radius: var(--wkg-border-radius-sm, .25rem); font-size: var(--wkg-font-size-xs, .75rem); }
  .wkg-select__tag-remove { display: flex; align-items: center; justify-content: center; padding: 0px; margin: 0px; background: transparent; border: medium; cursor: pointer; color: var(--wkg-field-icon-color); transition: color var(--wkg-transition-fast); }
  .wkg-select__tag-remove:hover { color: var(--wkg-field-icon-color-hover); }
}
@layer base, tokens, components, utilities;
@layer tokens {
  :root { --wkg-field-gap: var(--wkg-spacing-xxs, .25rem); --wkg-field-control-height: 3.75rem; --wkg-field-control-padding-x: 1rem; --wkg-field-control-padding-y: .75rem; --wkg-field-control-gap: .375rem; --wkg-field-control-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-field-control-border-width: 1px; --wkg-field-control-border-color: transparent; --wkg-field-control-border-color-focus: var(--wkg-color-grey-400, #343237); --wkg-field-control-border-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-control-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-field-label-color: var(--wkg-color-text-primary, #fff); --wkg-field-label-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-label-font-weight: 600; --wkg-field-label-line-height: 1.2; --wkg-field-input-color: var(--wkg-color-grey-100, #e0dde2); --wkg-field-input-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-input-font-weight: 400; --wkg-field-input-line-height: 1.4; --wkg-field-input-placeholder-color: var(--wkg-color-grey-300, #6b636f); --wkg-field-icon-color: var(--wkg-color-grey-200, #9698a1); --wkg-field-icon-color-hover: var(--wkg-color-text-primary, #fff); --wkg-field-icon-size: 1rem; --wkg-field-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-color-success: var(--wkg-color-green-200, #cfff04); --wkg-field-color-warning: var(--wkg-color-orange-400, #ff3d23); --wkg-field-color-info: var(--wkg-color-grey-200, #9698a1); --wkg-field-inline-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-inline-gap: .5rem; --wkg-field-inline-icon-size: 1rem; --wkg-field-message-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-message-color: var(--wkg-color-text-secondary, #9698a1); --wkg-field-message-padding: .5rem 0; --wkg-dropdown-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-dropdown-border-color: transparent; --wkg-dropdown-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-dropdown-shadow: 0 4px 16px rgba(0, 0, 0, .2); --wkg-dropdown-max-height: 18rem; --wkg-dropdown-z-index: 100; --wkg-floating-z-index: 1000000; --wkg-dropdown-option-padding: .75rem 1rem; --wkg-dropdown-option-gap: .75rem; --wkg-dropdown-option-bg-hover: var(--wkg-color-grey-400, #343237); --wkg-dropdown-option-color: var(--wkg-color-text-primary, #fff); --wkg-dropdown-indicator-size: 1.25rem; --wkg-dropdown-indicator-border-color: var(--wkg-color-grey-300, #6b636f); --wkg-dropdown-indicator-color-selected: var(--wkg-color-green-200, #cfff04); --wkg-dropdown-backdrop-bg: rgba(0, 0, 0, .8); --wkg-dropdown-backdrop-z-index: 99; --wkg-icon-button-size: 1.5rem; --wkg-icon-button-color: var(--wkg-color-grey-200, #9698a1); --wkg-icon-button-color-hover: var(--wkg-color-text-primary, #fff); --wkg-scrollbar-width: 4px; --wkg-scrollbar-height: 40px; --wkg-scrollbar-radius: 3px; --wkg-scrollbar-track-color: transparent; --wkg-scrollbar-thumb-color: var(--wkg-color-grey-400, #343237); --wkg-scrollbar-thumb-color-hover: var(--wkg-color-grey-300, #6b636f); --wkg-duration-fast: .15s; --wkg-duration-normal: .2s; --wkg-duration-slow: .3s; --wkg-ease-default: ease; --wkg-ease-in: cubic-bezier(.4, 0, 1, 1); --wkg-ease-out: cubic-bezier(0, 0, .2, 1); --wkg-ease-in-out: cubic-bezier(.4, 0, .2, 1); --wkg-ease-spring: cubic-bezier(.175, .885, .32, 1.275); --wkg-transition-fast: var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-normal: var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-slow: var(--wkg-duration-slow) var(--wkg-ease-default); }
}
@layer tokens {
  :root { --wkg-transition-opacity-fast: opacity var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-opacity: opacity var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-opacity-slow: opacity var(--wkg-duration-slow) var(--wkg-ease-out); --wkg-transition-transform-fast: transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-transform: transform var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-transform-spring: transform var(--wkg-duration-normal) var(--wkg-ease-spring); --wkg-transition-transform-slow: transform var(--wkg-duration-slow) var(--wkg-ease-in-out); --wkg-transition-color-fast: color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-color: color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-bg-fast: background-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-bg: background-color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-border-fast: border-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-border: border-color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-width: width var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-height: height var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-size: width var(--wkg-duration-normal) var(--wkg-ease-in-out), height var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-margin: margin var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-padding: padding var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-shadow-fast: box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-shadow: box-shadow var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-interactive: color var(--wkg-duration-fast) var(--wkg-ease-default), background-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-interactive-border: color var(--wkg-duration-fast) var(--wkg-ease-default), background-color var(--wkg-duration-fast) var(--wkg-ease-default), border-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-appear: opacity var(--wkg-duration-normal) var(--wkg-ease-out), transform var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-disappear: opacity var(--wkg-duration-fast) var(--wkg-ease-in), transform var(--wkg-duration-fast) var(--wkg-ease-in); --wkg-transition-collapse: width var(--wkg-duration-normal) var(--wkg-ease-in-out), margin var(--wkg-duration-normal) var(--wkg-ease-in-out), opacity var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-indicator: width var(--wkg-duration-normal) var(--wkg-ease-in-out), margin var(--wkg-duration-normal) var(--wkg-ease-in-out), opacity var(--wkg-duration-fast) var(--wkg-ease-out), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-field-focus: border-color var(--wkg-duration-fast) var(--wkg-ease-out), box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-button: background-color var(--wkg-duration-fast) var(--wkg-ease-default), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-icon: color var(--wkg-duration-fast) var(--wkg-ease-default), opacity var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-dropdown: opacity var(--wkg-duration-fast) var(--wkg-ease-out), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-chevron: transform var(--wkg-duration-normal) var(--wkg-ease-spring); }
}
@layer utilities {
  .wkg-animate-spring-in { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  .wkg-animate-scale-in { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-scale-out { animation: wkg-scale-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-fade-in { animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-fade-out { animation: wkg-fade-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-slide-up { animation: wkg-slide-up-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-down { animation: wkg-slide-down-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-left { animation: wkg-slide-left-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-right { animation: wkg-slide-right-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-expand { animation: wkg-grid-expand var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-collapse { animation: wkg-grid-collapse var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-spin { animation: 1s linear infinite wkg-spin; }
  .wkg-animate-pulse { animation: 2s ease-in-out infinite wkg-pulse; }
  .wkg-animate-pulse-ring { animation: 1.5s ease-out infinite wkg-pulse-ring; }
  .wkg-pressable { transition: transform var(--wkg-duration-fast) var(--wkg-ease-out); will-change: transform; }
  .wkg-pressable:active { transform: scale(0.98); }
  .wkg-pressable--strong:active { transform: scale(0.96); }
  .wkg-hoverable { transition: transform var(--wkg-duration-fast) var(--wkg-ease-out),box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); will-change: transform; }
  .wkg-hoverable:hover { transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; }
  [data-animate="spring-in"] { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  [data-animate="scale-in"] { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="fade-in"] { animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="slide-up"] { animation: wkg-slide-up-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="slide-down"] { animation: wkg-slide-down-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-stagger] { animation-name: ; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-delay: calc(var(--wkg-stagger-index, 0) * var(--wkg-stagger-delay, 30ms)); }
  .wkg-stagger-fast { --wkg-stagger-delay: 20ms; }
  .wkg-stagger-normal { --wkg-stagger-delay: 30ms; }
  .wkg-stagger-slow { --wkg-stagger-delay: 50ms; }
  .wkg-animate-paused { animation-play-state: paused !important; }
  .wkg-animate-reverse { animation-direction: reverse !important; }
  .wkg-animate-infinite { animation-iteration-count: infinite !important; }
  .wkg-animate-fill { animation-fill-mode: forwards !important; }
  .wkg-duration-instant { animation-duration: 0ms !important; transition-duration: 0ms !important; }
  .wkg-duration-fast { animation-duration: var(--wkg-duration-fast) !important; transition-duration: var(--wkg-duration-fast) !important; }
  .wkg-duration-normal { animation-duration: var(--wkg-duration-normal) !important; transition-duration: var(--wkg-duration-normal) !important; }
  .wkg-duration-slow { animation-duration: var(--wkg-duration-slow) !important; transition-duration: var(--wkg-duration-slow) !important; }
  .wkg-ease-linear { animation-timing-function: linear !important; transition-timing-function: linear !important; }
  .wkg-ease-in { animation-timing-function: var(--wkg-ease-in) !important; transition-timing-function: var(--wkg-ease-in) !important; }
  .wkg-ease-out { animation-timing-function: var(--wkg-ease-out) !important; transition-timing-function: var(--wkg-ease-out) !important; }
  .wkg-ease-in-out { animation-timing-function: var(--wkg-ease-in-out) !important; transition-timing-function: var(--wkg-ease-in-out) !important; }
  .wkg-ease-spring { animation-timing-function: var(--wkg-ease-spring) !important; transition-timing-function: var(--wkg-ease-spring) !important; }
}
@layer components {
  .wkg-calendar { display: flex; flex-direction: column; min-width: 280px; user-select: none; }
  .wkg-calendar__header { display: flex; align-items: center; gap: 0.25rem; padding: 0.75rem 0.75rem 0px; margin-bottom: 1rem; }
  .wkg-calendar__nav-button { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 2rem; height: 2rem; padding: 0px; margin: 0px; background: transparent; border: medium; border-radius: var(--wkg-border-radius-sm, .375rem); color: var(--wkg-field-input-color); font-size: 1.25rem; font-weight: 500; cursor: pointer; transition: background-color var(--wkg-transition-fast); }
  .wkg-calendar__nav-button:hover:not(:disabled) { background-color: var(--wkg-dropdown-option-bg-hover); }
  .wkg-calendar__nav-button:focus { outline: none; }
  .wkg-calendar__nav-button:focus-visible { outline: 2px solid var(--wkg-field-control-border-color-focus); outline-offset: 2px; }
  .wkg-calendar__nav-button--disabled, .wkg-calendar__nav-button:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
  .wkg-calendar__title { display: flex; align-items: center; justify-content: center; flex: 1 1 0%; gap: 0.25rem; font-size: 0.9375rem; font-weight: 500; color: var(--wkg-field-input-color); }
  .wkg-calendar__month-label, .wkg-calendar__year-label { color: var(--wkg-field-input-color); }
  .wkg-calendar__month-select, .wkg-calendar__year-select { flex: 1 1 0%; min-width: 0px; height: 2rem; padding: 0px 0.5rem; background: var(--wkg-color-grey-400, #343237); border: 1px solid var(--wkg-color-grey-400, #343237); border-radius: var(--wkg-border-radius-sm, .375rem); color: var(--wkg-field-input-color); font-size: 0.875rem; font-weight: 500; font-family: inherit; text-align: center; cursor: pointer; transition: border-color var(--wkg-transition-fast),background-color var(--wkg-transition-fast); appearance: none; }
  .wkg-calendar__month-select:hover, .wkg-calendar__year-select:hover { background-color: var(--wkg-dropdown-option-bg-hover); }
  .wkg-calendar__month-select:focus, .wkg-calendar__year-select:focus { outline: none; }
  .wkg-calendar__month-select:focus-visible, .wkg-calendar__year-select:focus-visible { border-color: var(--wkg-field-control-border-color-focus); outline: 2px solid var(--wkg-field-control-border-color-focus); outline-offset: 1px; }
  .wkg-calendar__month-select option, .wkg-calendar__year-select option { background-color: var(--wkg-dropdown-bg, #1e1b21); color: var(--wkg-field-input-color); }
  .wkg-calendar__grid { display: flex; flex-direction: column; padding: 0.5rem 0.75rem 0.75rem; margin: 0px -0.25rem; border-radius: var(--wkg-border-radius-md, .5rem); transition: box-shadow var(--wkg-transition-fast); }
  .wkg-calendar__grid:focus { outline: none; }
  .wkg-calendar__grid:focus-within { box-shadow: inset 0 0 0 1px var(--wkg-color-grey-400, #343237); }
  .wkg-calendar__body { display: flex; flex-direction: column; gap: 0.5rem; }
  .wkg-calendar__body--slide-next { animation: wkg-calendar-slide-next var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-calendar__body--slide-prev { animation: wkg-calendar-slide-prev var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-calendar__weekdays { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0.25rem; margin-bottom: 0.25rem; }
  .wkg-calendar__weekdays--with-week-numbers { grid-template-columns: auto repeat(7, 1fr); }
  .wkg-calendar__weekday { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; font-size: 0.75rem; font-weight: 500; color: var(--wkg-field-input-placeholder-color); text-transform: uppercase; }
  .wkg-calendar__weekday--week { color: var(--wkg-field-input-placeholder-color); opacity: 0.5; }
  .wkg-calendar__week { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0.25rem; }
  .wkg-calendar__week--with-week-numbers { grid-template-columns: auto repeat(7, 1fr); }
  .wkg-calendar__week-number { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2.5rem; font-size: 0.6875rem; color: var(--wkg-field-input-placeholder-color); opacity: 0.5; }
  .wkg-calendar__cell { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0px; margin: 0px; background: transparent; border: medium; border-radius: var(--wkg-border-radius-md, .5rem); color: var(--wkg-field-input-color); font-size: 0.875rem; font-weight: 400; font-family: inherit; cursor: pointer; transition: background-color var(--wkg-transition-fast),color var(--wkg-transition-fast); }
  .wkg-calendar__cell:hover:not(:disabled) { background-color: var(--wkg-dropdown-option-bg-hover); }
  .wkg-calendar__cell:focus { outline: none; }
  .wkg-calendar__cell:focus-visible, .wkg-calendar__cell--focused { outline: 2px solid var(--wkg-field-control-border-color-focus); outline-offset: 2px; }
  .wkg-calendar__cell--today { border: 1px solid var(--wkg-color-grey-400, #343237); }
  .wkg-calendar__cell--selected { background-color: var(--wkg-color-grey-100, #e0dde2); color: var(--wkg-color-grey-900, #1a1a1a); font-weight: 500; animation: wkg-calendar-cell-pop var(--wkg-duration-fast) var(--wkg-ease-out); }
  .wkg-calendar__cell--selected:hover:not(:disabled) { background-color: var(--wkg-color-grey-200, #d0cdd2); }
  .wkg-calendar__cell--selected.wkg-calendar__cell--today { border-color: transparent; }
  .wkg-calendar__cell--outside-month { color: var(--wkg-field-input-placeholder-color); opacity: 0.4; }
  .wkg-calendar__cell--disabled, .wkg-calendar__cell:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
  .wkg-calendar__cell--focused:not(.wkg-calendar__cell--selected) { background-color: var(--wkg-dropdown-option-bg-hover); }
  .wkg-calendar__footer { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.75rem; }
  .wkg-calendar__today-button { width: 100%; padding: 0.625rem 1rem; background: var(--wkg-color-grey-400, #343237); border: medium; border-radius: var(--wkg-border-radius-md, .5rem); color: var(--wkg-field-input-color); font-size: 0.875rem; font-weight: 500; font-family: inherit; cursor: pointer; transition: background-color var(--wkg-transition-fast); }
  .wkg-calendar__today-button:hover { background-color: var(--wkg-dropdown-option-bg-hover); }
  .wkg-calendar__today-button:focus { outline: none; }
  .wkg-calendar__today-button:focus-visible { outline: 2px solid var(--wkg-field-control-border-color-focus); outline-offset: 2px; }
  .wkg-calendar__content { position: absolute; top: calc(100% + 0.5rem); left: 0px; z-index: var(--wkg-dropdown-z-index, 100); width: max-content; display: flex; flex-direction: column; overflow: hidden; background-color: var(--wkg-dropdown-bg, #1e1b21); border: 1px solid var(--wkg-color-grey-400, #343237); border-radius: var(--wkg-dropdown-border-radius, .75rem); box-shadow: var(--wkg-dropdown-shadow, 0 4px 20px rgba(0, 0, 0, .3)); animation: wkg-fade-in var(--wkg-duration-fast, .15s) var(--wkg-ease-out, ease-out); }
  .wkg-calendar__content--closing { animation: wkg-fade-out var(--wkg-duration-fast, .15s) var(--wkg-ease-in, ease-in) forwards; }
  .wkg-calendar__backdrop { position: fixed; inset: 0px; z-index: var(--wkg-dropdown-backdrop-z-index, 99); background-color: var(--wkg-dropdown-backdrop-bg); animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-calendar__backdrop--closing { animation: wkg-fade-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-calendar__overlay { z-index: var(--wkg-floating-z-index, 1000000); display: flex; align-items: center; justify-content: center; padding: 1rem; background-color: var(--wkg-dropdown-backdrop-bg); animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-calendar__overlay--closing { animation: wkg-fade-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-calendar__content--modal { position: relative; top: auto; left: auto; width: 100%; max-width: 480px; max-height: 100%; border-radius: var(--wkg-dropdown-border-radius, .75rem); animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  .wkg-calendar__content--modal .wkg-calendar { width: 100%; flex: 1 1 0%; min-height: 0px; }
  .wkg-calendar__content--modal .wkg-calendar__header { flex-shrink: 0; }
  .wkg-calendar__content--modal .wkg-calendar__grid { flex: 1 1 0%; min-height: 0px; padding: 0.75rem 1rem 1rem; }
  .wkg-calendar__content--modal .wkg-calendar__weekdays { flex-shrink: 0; }
  .wkg-calendar__content--modal .wkg-calendar__body { min-height: 0px; overflow-y: auto; }
  .wkg-calendar__content--modal .wkg-calendar__weekday, .wkg-calendar__content--modal .wkg-calendar__cell, .wkg-calendar__content--modal .wkg-calendar__nav-button { width: 2.5rem; height: 2.5rem; }
  .wkg-calendar__content--modal .wkg-calendar__cell { font-size: 1rem; }
  @media (max-height: 600px), (max-width: 360px) {
  .wkg-calendar__content--modal .wkg-calendar__weekday, .wkg-calendar__content--modal .wkg-calendar__cell, .wkg-calendar__content--modal .wkg-calendar__nav-button { width: 2rem; height: 2rem; }
  .wkg-calendar__content--modal .wkg-calendar__cell { font-size: 0.875rem; }
}
  .wkg-calendar__content--modal.wkg-calendar__content--closing { animation: wkg-fade-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-calendar__content--smooth-corners { border-radius: var(--wkg-dropdown-border-radius, .75rem); background-color: transparent; border-color: transparent; isolation: isolate; outline: 1px solid var(--wkg-color-grey-400, #343237); }
  .wkg-calendar__content--smooth-corners::before, .wkg-calendar__content--smooth-corners::after { position: absolute; content: ""; inset: 0px; z-index: -1; background-color: var(--wkg-dropdown-bg, #1e1b21); pointer-events: none; }
  .wkg-calendar__content--smooth-corners::before { margin: -2px 0px; border-radius: 14px / 10px; }
  .wkg-calendar__content--smooth-corners::after { margin: 0px -2px; border-radius: 10px / 14px; }
  .wkg-calendar__content--smooth-corners .wkg-calendar__cell { border-radius: var(--wkg-border-radius-md, .5rem); isolation: isolate; }
  .wkg-calendar__content--smooth-corners .wkg-calendar__cell--selected, .wkg-calendar__content--smooth-corners .wkg-calendar__cell--today, .wkg-calendar__content--smooth-corners .wkg-calendar__cell:hover:not(:disabled) { position: relative; background-color: transparent; }
  .wkg-calendar__content--smooth-corners .wkg-calendar__cell--selected::before, .wkg-calendar__content--smooth-corners .wkg-calendar__cell--selected::after, .wkg-calendar__content--smooth-corners .wkg-calendar__cell--today::before, .wkg-calendar__content--smooth-corners .wkg-calendar__cell--today::after, .wkg-calendar__content--smooth-corners .wkg-calendar__cell:hover:not(:disabled)::before, .wkg-calendar__content--smooth-corners .wkg-calendar__cell:hover:not(:disabled)::after { position: absolute; content: ""; inset: 0px; z-index: -1; pointer-events: none; }
  .wkg-calendar__content--smooth-corners .wkg-calendar__cell--selected::before { margin: -1px 0px; border-radius: 9px / 7px; background-color: var(--wkg-color-grey-100, #e0dde2); }
  .wkg-calendar__content--smooth-corners .wkg-calendar__cell--selected::after { margin: 0px -1px; border-radius: 7px / 9px; background-color: var(--wkg-color-grey-100, #e0dde2); }
  .wkg-calendar__content--smooth-corners .wkg-calendar__cell--today:not(.wkg-calendar__cell--selected) { border: medium; outline: 1px solid var(--wkg-color-grey-400, #343237); outline-offset: -1px; }
  .wkg-calendar__content--smooth-corners .wkg-calendar__cell:hover:not(:disabled):not(.wkg-calendar__cell--selected)::before { margin: -1px 0px; border-radius: 9px / 7px; background-color: var(--wkg-dropdown-option-bg-hover); }
  .wkg-calendar__content--smooth-corners .wkg-calendar__cell:hover:not(:disabled):not(.wkg-calendar__cell--selected)::after { margin: 0px -1px; border-radius: 7px / 9px; background-color: var(--wkg-dropdown-option-bg-hover); }
  .wkg-calendar__content--smooth-corners .wkg-calendar__nav-button { position: relative; border-radius: var(--wkg-border-radius-md, .5rem); isolation: isolate; }
  .wkg-calendar__content--smooth-corners .wkg-calendar__nav-button:hover:not(:disabled) { background-color: transparent; }
  .wkg-calendar__content--smooth-corners .wkg-calendar__nav-button::before, .wkg-calendar__content--smooth-corners .wkg-calendar__nav-button::after { position: absolute; content: ""; inset: 0px; z-index: -1; pointer-events: none; opacity: 0; transition: opacity var(--wkg-transition-fast); }
  .wkg-calendar__content--smooth-corners .wkg-calendar__nav-button::before { margin: -1px 0px; border-radius: 9px / 7px; background-color: var(--wkg-dropdown-option-bg-hover); }
  .wkg-calendar__content--smooth-corners .wkg-calendar__nav-button::after { margin: 0px -1px; border-radius: 7px / 9px; background-color: var(--wkg-dropdown-option-bg-hover); }
  .wkg-calendar__content--smooth-corners .wkg-calendar__nav-button:hover:not(:disabled)::before, .wkg-calendar__content--smooth-corners .wkg-calendar__nav-button:hover:not(:disabled)::after { opacity: 1; }
  .wkg-calendar__content--smooth-corners .wkg-calendar__month-select, .wkg-calendar__content--smooth-corners .wkg-calendar__year-select { position: relative; border-radius: var(--wkg-border-radius-md, .5rem); isolation: isolate; }
  .wkg-calendar__content--smooth-corners .wkg-calendar__month-select:hover, .wkg-calendar__content--smooth-corners .wkg-calendar__year-select:hover { background-color: transparent; }
  .wkg-calendar__content--smooth-corners .wkg-calendar__month-select::before, .wkg-calendar__content--smooth-corners .wkg-calendar__month-select::after, .wkg-calendar__content--smooth-corners .wkg-calendar__year-select::before, .wkg-calendar__content--smooth-corners .wkg-calendar__year-select::after { position: absolute; content: ""; inset: 0px; z-index: -1; pointer-events: none; opacity: 0; transition: opacity var(--wkg-transition-fast); }
  .wkg-calendar__content--smooth-corners .wkg-calendar__month-select::before, .wkg-calendar__content--smooth-corners .wkg-calendar__year-select::before { margin: -1px 0px; border-radius: 9px / 7px; background-color: var(--wkg-dropdown-option-bg-hover); }
  .wkg-calendar__content--smooth-corners .wkg-calendar__month-select::after, .wkg-calendar__content--smooth-corners .wkg-calendar__year-select::after { margin: 0px -1px; border-radius: 7px / 9px; background-color: var(--wkg-dropdown-option-bg-hover); }
  .wkg-calendar__content--smooth-corners .wkg-calendar__month-select:hover::before, .wkg-calendar__content--smooth-corners .wkg-calendar__month-select:hover::after, .wkg-calendar__content--smooth-corners .wkg-calendar__year-select:hover::before, .wkg-calendar__content--smooth-corners .wkg-calendar__year-select:hover::after { opacity: 1; }
  .wkg-calendar__content--smooth-corners .wkg-calendar__today-button { position: relative; border-radius: var(--wkg-border-radius-md, .5rem); background-color: transparent; isolation: isolate; }
  .wkg-calendar__content--smooth-corners .wkg-calendar__today-button::before, .wkg-calendar__content--smooth-corners .wkg-calendar__today-button::after { position: absolute; content: ""; inset: 0px; z-index: -1; pointer-events: none; transition: background-color var(--wkg-transition-fast); }
  .wkg-calendar__content--smooth-corners .wkg-calendar__today-button::before { margin: -1px 0px; border-radius: 9px / 7px; background-color: var(--wkg-color-grey-400, #343237); }
  .wkg-calendar__content--smooth-corners .wkg-calendar__today-button::after { margin: 0px -1px; border-radius: 7px / 9px; background-color: var(--wkg-color-grey-400, #343237); }
  .wkg-calendar__content--smooth-corners .wkg-calendar__today-button:hover::before, .wkg-calendar__content--smooth-corners .wkg-calendar__today-button:hover::after { background-color: var(--wkg-dropdown-option-bg-hover); }
}
@layer base, tokens, components, utilities;
@layer tokens {
  :root { --wkg-field-gap: var(--wkg-spacing-xxs, .25rem); --wkg-field-control-height: 3.75rem; --wkg-field-control-padding-x: 1rem; --wkg-field-control-padding-y: .75rem; --wkg-field-control-gap: .375rem; --wkg-field-control-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-field-control-border-width: 1px; --wkg-field-control-border-color: transparent; --wkg-field-control-border-color-focus: var(--wkg-color-grey-400, #343237); --wkg-field-control-border-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-control-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-field-label-color: var(--wkg-color-text-primary, #fff); --wkg-field-label-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-label-font-weight: 600; --wkg-field-label-line-height: 1.2; --wkg-field-input-color: var(--wkg-color-grey-100, #e0dde2); --wkg-field-input-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-input-font-weight: 400; --wkg-field-input-line-height: 1.4; --wkg-field-input-placeholder-color: var(--wkg-color-grey-300, #6b636f); --wkg-field-icon-color: var(--wkg-color-grey-200, #9698a1); --wkg-field-icon-color-hover: var(--wkg-color-text-primary, #fff); --wkg-field-icon-size: 1rem; --wkg-field-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-color-success: var(--wkg-color-green-200, #cfff04); --wkg-field-color-warning: var(--wkg-color-orange-400, #ff3d23); --wkg-field-color-info: var(--wkg-color-grey-200, #9698a1); --wkg-field-inline-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-inline-gap: .5rem; --wkg-field-inline-icon-size: 1rem; --wkg-field-message-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-message-color: var(--wkg-color-text-secondary, #9698a1); --wkg-field-message-padding: .5rem 0; --wkg-dropdown-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-dropdown-border-color: transparent; --wkg-dropdown-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-dropdown-shadow: 0 4px 16px rgba(0, 0, 0, .2); --wkg-dropdown-max-height: 18rem; --wkg-dropdown-z-index: 100; --wkg-floating-z-index: 1000000; --wkg-dropdown-option-padding: .75rem 1rem; --wkg-dropdown-option-gap: .75rem; --wkg-dropdown-option-bg-hover: var(--wkg-color-grey-400, #343237); --wkg-dropdown-option-color: var(--wkg-color-text-primary, #fff); --wkg-dropdown-indicator-size: 1.25rem; --wkg-dropdown-indicator-border-color: var(--wkg-color-grey-300, #6b636f); --wkg-dropdown-indicator-color-selected: var(--wkg-color-green-200, #cfff04); --wkg-dropdown-backdrop-bg: rgba(0, 0, 0, .8); --wkg-dropdown-backdrop-z-index: 99; --wkg-icon-button-size: 1.5rem; --wkg-icon-button-color: var(--wkg-color-grey-200, #9698a1); --wkg-icon-button-color-hover: var(--wkg-color-text-primary, #fff); --wkg-scrollbar-width: 4px; --wkg-scrollbar-height: 40px; --wkg-scrollbar-radius: 3px; --wkg-scrollbar-track-color: transparent; --wkg-scrollbar-thumb-color: var(--wkg-color-grey-400, #343237); --wkg-scrollbar-thumb-color-hover: var(--wkg-color-grey-300, #6b636f); --wkg-duration-fast: .15s; --wkg-duration-normal: .2s; --wkg-duration-slow: .3s; --wkg-ease-default: ease; --wkg-ease-in: cubic-bezier(.4, 0, 1, 1); --wkg-ease-out: cubic-bezier(0, 0, .2, 1); --wkg-ease-in-out: cubic-bezier(.4, 0, .2, 1); --wkg-ease-spring: cubic-bezier(.175, .885, .32, 1.275); --wkg-transition-fast: var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-normal: var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-slow: var(--wkg-duration-slow) var(--wkg-ease-default); }
}
@layer tokens {
  :root { --wkg-transition-opacity-fast: opacity var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-opacity: opacity var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-opacity-slow: opacity var(--wkg-duration-slow) var(--wkg-ease-out); --wkg-transition-transform-fast: transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-transform: transform var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-transform-spring: transform var(--wkg-duration-normal) var(--wkg-ease-spring); --wkg-transition-transform-slow: transform var(--wkg-duration-slow) var(--wkg-ease-in-out); --wkg-transition-color-fast: color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-color: color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-bg-fast: background-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-bg: background-color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-border-fast: border-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-border: border-color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-width: width var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-height: height var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-size: width var(--wkg-duration-normal) var(--wkg-ease-in-out), height var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-margin: margin var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-padding: padding var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-shadow-fast: box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-shadow: box-shadow var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-interactive: color var(--wkg-duration-fast) var(--wkg-ease-default), background-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-interactive-border: color var(--wkg-duration-fast) var(--wkg-ease-default), background-color var(--wkg-duration-fast) var(--wkg-ease-default), border-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-appear: opacity var(--wkg-duration-normal) var(--wkg-ease-out), transform var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-disappear: opacity var(--wkg-duration-fast) var(--wkg-ease-in), transform var(--wkg-duration-fast) var(--wkg-ease-in); --wkg-transition-collapse: width var(--wkg-duration-normal) var(--wkg-ease-in-out), margin var(--wkg-duration-normal) var(--wkg-ease-in-out), opacity var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-indicator: width var(--wkg-duration-normal) var(--wkg-ease-in-out), margin var(--wkg-duration-normal) var(--wkg-ease-in-out), opacity var(--wkg-duration-fast) var(--wkg-ease-out), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-field-focus: border-color var(--wkg-duration-fast) var(--wkg-ease-out), box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-button: background-color var(--wkg-duration-fast) var(--wkg-ease-default), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-icon: color var(--wkg-duration-fast) var(--wkg-ease-default), opacity var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-dropdown: opacity var(--wkg-duration-fast) var(--wkg-ease-out), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-chevron: transform var(--wkg-duration-normal) var(--wkg-ease-spring); }
}
@layer utilities {
  .wkg-animate-spring-in { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  .wkg-animate-scale-in { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-scale-out { animation: wkg-scale-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-fade-in { animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-fade-out { animation: wkg-fade-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-slide-up { animation: wkg-slide-up-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-down { animation: wkg-slide-down-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-left { animation: wkg-slide-left-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-right { animation: wkg-slide-right-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-expand { animation: wkg-grid-expand var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-collapse { animation: wkg-grid-collapse var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-spin { animation: 1s linear infinite wkg-spin; }
  .wkg-animate-pulse { animation: 2s ease-in-out infinite wkg-pulse; }
  .wkg-animate-pulse-ring { animation: 1.5s ease-out infinite wkg-pulse-ring; }
  .wkg-pressable { transition: transform var(--wkg-duration-fast) var(--wkg-ease-out); will-change: transform; }
  .wkg-pressable:active { transform: scale(0.98); }
  .wkg-pressable--strong:active { transform: scale(0.96); }
  .wkg-hoverable { transition: transform var(--wkg-duration-fast) var(--wkg-ease-out),box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); will-change: transform; }
  .wkg-hoverable:hover { transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; }
  [data-animate="spring-in"] { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  [data-animate="scale-in"] { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="fade-in"] { animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="slide-up"] { animation: wkg-slide-up-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="slide-down"] { animation: wkg-slide-down-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-stagger] { animation-name: ; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-delay: calc(var(--wkg-stagger-index, 0) * var(--wkg-stagger-delay, 30ms)); }
  .wkg-stagger-fast { --wkg-stagger-delay: 20ms; }
  .wkg-stagger-normal { --wkg-stagger-delay: 30ms; }
  .wkg-stagger-slow { --wkg-stagger-delay: 50ms; }
  .wkg-animate-paused { animation-play-state: paused !important; }
  .wkg-animate-reverse { animation-direction: reverse !important; }
  .wkg-animate-infinite { animation-iteration-count: infinite !important; }
  .wkg-animate-fill { animation-fill-mode: forwards !important; }
  .wkg-duration-instant { animation-duration: 0ms !important; transition-duration: 0ms !important; }
  .wkg-duration-fast { animation-duration: var(--wkg-duration-fast) !important; transition-duration: var(--wkg-duration-fast) !important; }
  .wkg-duration-normal { animation-duration: var(--wkg-duration-normal) !important; transition-duration: var(--wkg-duration-normal) !important; }
  .wkg-duration-slow { animation-duration: var(--wkg-duration-slow) !important; transition-duration: var(--wkg-duration-slow) !important; }
  .wkg-ease-linear { animation-timing-function: linear !important; transition-timing-function: linear !important; }
  .wkg-ease-in { animation-timing-function: var(--wkg-ease-in) !important; transition-timing-function: var(--wkg-ease-in) !important; }
  .wkg-ease-out { animation-timing-function: var(--wkg-ease-out) !important; transition-timing-function: var(--wkg-ease-out) !important; }
  .wkg-ease-in-out { animation-timing-function: var(--wkg-ease-in-out) !important; transition-timing-function: var(--wkg-ease-in-out) !important; }
  .wkg-ease-spring { animation-timing-function: var(--wkg-ease-spring) !important; transition-timing-function: var(--wkg-ease-spring) !important; }
}
@layer components {
  .wkg-password-strength { padding: var(--wkg-spacing-sm, .75rem); animation: wkg-slide-down-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-password-strength--exiting { animation: wkg-password-strength-exit var(--wkg-duration-normal) var(--wkg-ease-in) forwards; }
  @keyframes wkg-password-strength-exit {
0% { opacity: 1; transform: translateY(0px); }
100% { opacity: 0; transform: translateY(-4px); }
}
  .wkg-password-strength__header { margin-bottom: var(--wkg-spacing-sm, .75rem); font-size: var(--wkg-font-size-xs, .75rem); font-weight: 600; color: var(--wkg-color-text-primary, #fff); }
  .wkg-password-strength__list { display: flex; flex-direction: column; gap: var(--wkg-spacing-xs, .5rem); margin: 0px; padding: 0px; list-style: none; }
  .wkg-password-strength__rule { display: flex; align-items: center; gap: var(--wkg-spacing-xs, .5rem); font-size: var(--wkg-font-size-xs, .75rem); color: var(--wkg-color-grey-200, #9698a1); transition: color var(--wkg-transition-fast); }
  .wkg-password-strength__rule--passed { color: var(--wkg-field-color-success); }
  .wkg-password-strength__icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 0.75rem; height: 0.75rem; transition: transform var(--wkg-transition-fast); }
  .wkg-password-strength__rule--passed .wkg-password-strength__icon { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  .wkg-password-strength__icon svg { width: 100%; height: 100%; }
  .wkg-password-strength__label { line-height: 1.4; }
}
@layer base, tokens, components, utilities;
@layer tokens {
  :root { --wkg-field-gap: var(--wkg-spacing-xxs, .25rem); --wkg-field-control-height: 3.75rem; --wkg-field-control-padding-x: 1rem; --wkg-field-control-padding-y: .75rem; --wkg-field-control-gap: .375rem; --wkg-field-control-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-field-control-border-width: 1px; --wkg-field-control-border-color: transparent; --wkg-field-control-border-color-focus: var(--wkg-color-grey-400, #343237); --wkg-field-control-border-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-control-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-field-label-color: var(--wkg-color-text-primary, #fff); --wkg-field-label-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-label-font-weight: 600; --wkg-field-label-line-height: 1.2; --wkg-field-input-color: var(--wkg-color-grey-100, #e0dde2); --wkg-field-input-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-input-font-weight: 400; --wkg-field-input-line-height: 1.4; --wkg-field-input-placeholder-color: var(--wkg-color-grey-300, #6b636f); --wkg-field-icon-color: var(--wkg-color-grey-200, #9698a1); --wkg-field-icon-color-hover: var(--wkg-color-text-primary, #fff); --wkg-field-icon-size: 1rem; --wkg-field-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-color-success: var(--wkg-color-green-200, #cfff04); --wkg-field-color-warning: var(--wkg-color-orange-400, #ff3d23); --wkg-field-color-info: var(--wkg-color-grey-200, #9698a1); --wkg-field-inline-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-inline-gap: .5rem; --wkg-field-inline-icon-size: 1rem; --wkg-field-message-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-message-color: var(--wkg-color-text-secondary, #9698a1); --wkg-field-message-padding: .5rem 0; --wkg-dropdown-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-dropdown-border-color: transparent; --wkg-dropdown-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-dropdown-shadow: 0 4px 16px rgba(0, 0, 0, .2); --wkg-dropdown-max-height: 18rem; --wkg-dropdown-z-index: 100; --wkg-floating-z-index: 1000000; --wkg-dropdown-option-padding: .75rem 1rem; --wkg-dropdown-option-gap: .75rem; --wkg-dropdown-option-bg-hover: var(--wkg-color-grey-400, #343237); --wkg-dropdown-option-color: var(--wkg-color-text-primary, #fff); --wkg-dropdown-indicator-size: 1.25rem; --wkg-dropdown-indicator-border-color: var(--wkg-color-grey-300, #6b636f); --wkg-dropdown-indicator-color-selected: var(--wkg-color-green-200, #cfff04); --wkg-dropdown-backdrop-bg: rgba(0, 0, 0, .8); --wkg-dropdown-backdrop-z-index: 99; --wkg-icon-button-size: 1.5rem; --wkg-icon-button-color: var(--wkg-color-grey-200, #9698a1); --wkg-icon-button-color-hover: var(--wkg-color-text-primary, #fff); --wkg-scrollbar-width: 4px; --wkg-scrollbar-height: 40px; --wkg-scrollbar-radius: 3px; --wkg-scrollbar-track-color: transparent; --wkg-scrollbar-thumb-color: var(--wkg-color-grey-400, #343237); --wkg-scrollbar-thumb-color-hover: var(--wkg-color-grey-300, #6b636f); --wkg-duration-fast: .15s; --wkg-duration-normal: .2s; --wkg-duration-slow: .3s; --wkg-ease-default: ease; --wkg-ease-in: cubic-bezier(.4, 0, 1, 1); --wkg-ease-out: cubic-bezier(0, 0, .2, 1); --wkg-ease-in-out: cubic-bezier(.4, 0, .2, 1); --wkg-ease-spring: cubic-bezier(.175, .885, .32, 1.275); --wkg-transition-fast: var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-normal: var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-slow: var(--wkg-duration-slow) var(--wkg-ease-default); }
}
@layer components {
  .wkg-country-flag-wrapper { position: relative; width: 1.5rem; height: 1.5rem; flex-shrink: 0; border-radius: 50%; overflow: hidden; }
  .wkg-country-flag-wrapper > svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; min-width: 100%; }
}
@layer components {
  .wkg-phone { display: flex; flex-direction: column; }
  .wkg-phone__fields { display: flex; gap: var(--wkg-spacing-2, .5rem); align-items: flex-end; transition: gap var(--wkg-duration-normal, .2s) var(--wkg-ease-out, cubic-bezier(.16, 1, .3, 1)); }
  .wkg-phone--open .wkg-phone__fields { gap: 0px; }
  .wkg-phone__prefix { flex-shrink: 0; transition: flex var(--wkg-duration-normal, .2s) var(--wkg-ease-out, cubic-bezier(.16, 1, .3, 1)) var(--wkg-duration-normal, .2s); }
  .wkg-phone__prefix--open { transition: flex var(--wkg-duration-normal, .2s) var(--wkg-ease-out, cubic-bezier(.16, 1, .3, 1)); }
  .wkg-phone__prefix .wkg-field__label-row, .wkg-phone__prefix .wkg-select__icon-wrapper { display: none; }
  .wkg-phone__prefix .wkg-select__indicators { gap: var(--wkg-spacing-2, .5rem); }
  .wkg-phone__prefix .wkg-select__trigger { gap: var(--wkg-spacing-2, .5rem); padding-right: 1.5rem; }
  .wkg-phone__number { flex: 1 1 0%; min-width: 0px; transition: flex var(--wkg-duration-normal, .2s) var(--wkg-ease-out, cubic-bezier(.16, 1, .3, 1)) var(--wkg-duration-normal, .2s),opacity var(--wkg-duration-fast, .15s) var(--wkg-ease-out, cubic-bezier(.16, 1, .3, 1)) var(--wkg-duration-normal, .2s); }
  .wkg-phone__number--shrink { opacity: 0.5; transition: flex var(--wkg-duration-normal, .2s) var(--wkg-ease-out, cubic-bezier(.16, 1, .3, 1)),opacity var(--wkg-duration-fast, .15s) var(--wkg-ease-out, cubic-bezier(.16, 1, .3, 1)); }
  .wkg-phone__prefix { z-index: 1; }
  .wkg-phone__prefix--open { z-index: 10; }
  .wkg-phone--open .wkg-phone__number { flex: 0 1 0%; width: 0px; opacity: 0; overflow: hidden; pointer-events: none; }
  .wkg-phone--open .wkg-phone__prefix { flex: 1 1 0%; width: auto; }
  .wkg-phone__prefix-value { display: flex; align-items: center; gap: var(--wkg-spacing-2, .5rem); }
  .wkg-phone__prefix-flag { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .wkg-phone__prefix-code { font-weight: var(--wkg-font-weight-semibold, 600); white-space: nowrap; direction: ltr; unicode-bidi: isolate; }
  .wkg-phone__prefix .wkg-select__option-label, [data-testid$="-prefix:content"] .wkg-select__option-label { font-weight: var(--wkg-font-weight-semibold, 600); direction: ltr; unicode-bidi: isolate; }
  [dir="rtl"] .wkg-phone__prefix .wkg-select__option-label, [dir="rtl"] [data-testid$="-prefix:content"] .wkg-select__option-label { text-align: right; }
  [dir="rtl"] .wkg-phone__number input { direction: ltr; text-align: right; }
  [dir="rtl"] .wkg-phone__number input::placeholder { direction: rtl; text-align: right; }
}
@layer base, tokens, components, utilities;
@layer tokens {
  :root { --wkg-field-gap: var(--wkg-spacing-xxs, .25rem); --wkg-field-control-height: 3.75rem; --wkg-field-control-padding-x: 1rem; --wkg-field-control-padding-y: .75rem; --wkg-field-control-gap: .375rem; --wkg-field-control-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-field-control-border-width: 1px; --wkg-field-control-border-color: transparent; --wkg-field-control-border-color-focus: var(--wkg-color-grey-400, #343237); --wkg-field-control-border-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-control-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-field-label-color: var(--wkg-color-text-primary, #fff); --wkg-field-label-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-label-font-weight: 600; --wkg-field-label-line-height: 1.2; --wkg-field-input-color: var(--wkg-color-grey-100, #e0dde2); --wkg-field-input-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-input-font-weight: 400; --wkg-field-input-line-height: 1.4; --wkg-field-input-placeholder-color: var(--wkg-color-grey-300, #6b636f); --wkg-field-icon-color: var(--wkg-color-grey-200, #9698a1); --wkg-field-icon-color-hover: var(--wkg-color-text-primary, #fff); --wkg-field-icon-size: 1rem; --wkg-field-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-color-success: var(--wkg-color-green-200, #cfff04); --wkg-field-color-warning: var(--wkg-color-orange-400, #ff3d23); --wkg-field-color-info: var(--wkg-color-grey-200, #9698a1); --wkg-field-inline-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-inline-gap: .5rem; --wkg-field-inline-icon-size: 1rem; --wkg-field-message-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-message-color: var(--wkg-color-text-secondary, #9698a1); --wkg-field-message-padding: .5rem 0; --wkg-dropdown-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-dropdown-border-color: transparent; --wkg-dropdown-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-dropdown-shadow: 0 4px 16px rgba(0, 0, 0, .2); --wkg-dropdown-max-height: 18rem; --wkg-dropdown-z-index: 100; --wkg-floating-z-index: 1000000; --wkg-dropdown-option-padding: .75rem 1rem; --wkg-dropdown-option-gap: .75rem; --wkg-dropdown-option-bg-hover: var(--wkg-color-grey-400, #343237); --wkg-dropdown-option-color: var(--wkg-color-text-primary, #fff); --wkg-dropdown-indicator-size: 1.25rem; --wkg-dropdown-indicator-border-color: var(--wkg-color-grey-300, #6b636f); --wkg-dropdown-indicator-color-selected: var(--wkg-color-green-200, #cfff04); --wkg-dropdown-backdrop-bg: rgba(0, 0, 0, .8); --wkg-dropdown-backdrop-z-index: 99; --wkg-icon-button-size: 1.5rem; --wkg-icon-button-color: var(--wkg-color-grey-200, #9698a1); --wkg-icon-button-color-hover: var(--wkg-color-text-primary, #fff); --wkg-scrollbar-width: 4px; --wkg-scrollbar-height: 40px; --wkg-scrollbar-radius: 3px; --wkg-scrollbar-track-color: transparent; --wkg-scrollbar-thumb-color: var(--wkg-color-grey-400, #343237); --wkg-scrollbar-thumb-color-hover: var(--wkg-color-grey-300, #6b636f); --wkg-duration-fast: .15s; --wkg-duration-normal: .2s; --wkg-duration-slow: .3s; --wkg-ease-default: ease; --wkg-ease-in: cubic-bezier(.4, 0, 1, 1); --wkg-ease-out: cubic-bezier(0, 0, .2, 1); --wkg-ease-in-out: cubic-bezier(.4, 0, .2, 1); --wkg-ease-spring: cubic-bezier(.175, .885, .32, 1.275); --wkg-transition-fast: var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-normal: var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-slow: var(--wkg-duration-slow) var(--wkg-ease-default); }
}
@layer tokens {
  :root { --wkg-transition-opacity-fast: opacity var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-opacity: opacity var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-opacity-slow: opacity var(--wkg-duration-slow) var(--wkg-ease-out); --wkg-transition-transform-fast: transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-transform: transform var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-transform-spring: transform var(--wkg-duration-normal) var(--wkg-ease-spring); --wkg-transition-transform-slow: transform var(--wkg-duration-slow) var(--wkg-ease-in-out); --wkg-transition-color-fast: color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-color: color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-bg-fast: background-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-bg: background-color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-border-fast: border-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-border: border-color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-width: width var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-height: height var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-size: width var(--wkg-duration-normal) var(--wkg-ease-in-out), height var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-margin: margin var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-padding: padding var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-shadow-fast: box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-shadow: box-shadow var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-interactive: color var(--wkg-duration-fast) var(--wkg-ease-default), background-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-interactive-border: color var(--wkg-duration-fast) var(--wkg-ease-default), background-color var(--wkg-duration-fast) var(--wkg-ease-default), border-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-appear: opacity var(--wkg-duration-normal) var(--wkg-ease-out), transform var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-disappear: opacity var(--wkg-duration-fast) var(--wkg-ease-in), transform var(--wkg-duration-fast) var(--wkg-ease-in); --wkg-transition-collapse: width var(--wkg-duration-normal) var(--wkg-ease-in-out), margin var(--wkg-duration-normal) var(--wkg-ease-in-out), opacity var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-indicator: width var(--wkg-duration-normal) var(--wkg-ease-in-out), margin var(--wkg-duration-normal) var(--wkg-ease-in-out), opacity var(--wkg-duration-fast) var(--wkg-ease-out), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-field-focus: border-color var(--wkg-duration-fast) var(--wkg-ease-out), box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-button: background-color var(--wkg-duration-fast) var(--wkg-ease-default), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-icon: color var(--wkg-duration-fast) var(--wkg-ease-default), opacity var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-dropdown: opacity var(--wkg-duration-fast) var(--wkg-ease-out), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-chevron: transform var(--wkg-duration-normal) var(--wkg-ease-spring); }
}
@layer utilities {
  .wkg-animate-spring-in { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  .wkg-animate-scale-in { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-scale-out { animation: wkg-scale-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-fade-in { animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-fade-out { animation: wkg-fade-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-slide-up { animation: wkg-slide-up-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-down { animation: wkg-slide-down-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-left { animation: wkg-slide-left-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-right { animation: wkg-slide-right-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-expand { animation: wkg-grid-expand var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-collapse { animation: wkg-grid-collapse var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-spin { animation: 1s linear infinite wkg-spin; }
  .wkg-animate-pulse { animation: 2s ease-in-out infinite wkg-pulse; }
  .wkg-animate-pulse-ring { animation: 1.5s ease-out infinite wkg-pulse-ring; }
  .wkg-pressable { transition: transform var(--wkg-duration-fast) var(--wkg-ease-out); will-change: transform; }
  .wkg-pressable:active { transform: scale(0.98); }
  .wkg-pressable--strong:active { transform: scale(0.96); }
  .wkg-hoverable { transition: transform var(--wkg-duration-fast) var(--wkg-ease-out),box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); will-change: transform; }
  .wkg-hoverable:hover { transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; }
  [data-animate="spring-in"] { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  [data-animate="scale-in"] { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="fade-in"] { animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="slide-up"] { animation: wkg-slide-up-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="slide-down"] { animation: wkg-slide-down-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-stagger] { animation-name: ; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-delay: calc(var(--wkg-stagger-index, 0) * var(--wkg-stagger-delay, 30ms)); }
  .wkg-stagger-fast { --wkg-stagger-delay: 20ms; }
  .wkg-stagger-normal { --wkg-stagger-delay: 30ms; }
  .wkg-stagger-slow { --wkg-stagger-delay: 50ms; }
  .wkg-animate-paused { animation-play-state: paused !important; }
  .wkg-animate-reverse { animation-direction: reverse !important; }
  .wkg-animate-infinite { animation-iteration-count: infinite !important; }
  .wkg-animate-fill { animation-fill-mode: forwards !important; }
  .wkg-duration-instant { animation-duration: 0ms !important; transition-duration: 0ms !important; }
  .wkg-duration-fast { animation-duration: var(--wkg-duration-fast) !important; transition-duration: var(--wkg-duration-fast) !important; }
  .wkg-duration-normal { animation-duration: var(--wkg-duration-normal) !important; transition-duration: var(--wkg-duration-normal) !important; }
  .wkg-duration-slow { animation-duration: var(--wkg-duration-slow) !important; transition-duration: var(--wkg-duration-slow) !important; }
  .wkg-ease-linear { animation-timing-function: linear !important; transition-timing-function: linear !important; }
  .wkg-ease-in { animation-timing-function: var(--wkg-ease-in) !important; transition-timing-function: var(--wkg-ease-in) !important; }
  .wkg-ease-out { animation-timing-function: var(--wkg-ease-out) !important; transition-timing-function: var(--wkg-ease-out) !important; }
  .wkg-ease-in-out { animation-timing-function: var(--wkg-ease-in-out) !important; transition-timing-function: var(--wkg-ease-in-out) !important; }
  .wkg-ease-spring { animation-timing-function: var(--wkg-ease-spring) !important; transition-timing-function: var(--wkg-ease-spring) !important; }
}
@layer components {
  .wkg-date-field__field-wrapper { position: relative; display: flex; flex-direction: column; }
  .wkg-date-field__field-wrapper--backdrop-active { position: relative; }
  .wkg-field__control[data-datepicker-control] { position: relative; cursor: pointer; }
  .wkg-field__control[data-datepicker-control][data-backdrop-active] { z-index: calc(var(--wkg-dropdown-z-index, 100) + 1); }
  .wkg-field__control--disabled[data-datepicker-control] { cursor: not-allowed; }
  .wkg-date-field__field-wrapper .wkg-field__indicators { position: absolute; top: 50%; right: var(--wkg-field-control-padding-x, 1rem); transform: translateY(-50%); }
  .wkg-date-field__trigger { display: flex; align-items: center; gap: 0.5rem; flex: 1 1 0%; min-width: 0px; padding: 0px 2.5rem 0px 0px; margin: 0px; background: transparent; border: medium; outline: none; cursor: pointer; color: var(--wkg-field-input-color); font-size: var(--wkg-field-input-font-size); font-weight: var(--wkg-field-input-font-weight); line-height: var(--wkg-field-input-line-height); font-family: inherit; text-align: left; }
  .wkg-date-field__trigger:focus { outline: none; }
  .wkg-date-field__trigger--disabled { cursor: not-allowed; opacity: 0.5; }
  .wkg-date-field__value { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .wkg-date-field__value--placeholder { color: var(--wkg-field-input-placeholder-color); }
  .wkg-date-field__calendar-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--wkg-field-icon-color); }
  .wkg-date-field__chevron { display: flex; align-items: center; justify-content: center; color: var(--wkg-field-icon-color); cursor: pointer; transition: transform var(--wkg-duration-normal) var(--wkg-ease-spring); }
  .wkg-date-field__chevron--open { transform: rotate(180deg); }
  .wkg-date-field__feedback-wrapper { display: grid; grid-template-columns: 1fr; align-items: center; overflow: hidden; animation: wkg-grid-expand var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-date-field__feedback-wrapper > * { min-width: 0px; }
  .wkg-date-field__feedback-wrapper--exiting { animation-name: ; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-delay: var(--wkg-duration-fast); }
  .wkg-date-field__feedback-wrapper--exiting > * { animation: wkg-fade-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-date-field__backdrop { position: fixed; inset: 0px; z-index: calc(var(--wkg-dropdown-z-index, 100) - 1); background-color: var(--wkg-dropdown-backdrop-bg); animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-date-field__backdrop--closing { animation: wkg-fade-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
}
@layer base, tokens, components, utilities;
@layer tokens {
  :root { --wkg-field-gap: var(--wkg-spacing-xxs, .25rem); --wkg-field-control-height: 3.75rem; --wkg-field-control-padding-x: 1rem; --wkg-field-control-padding-y: .75rem; --wkg-field-control-gap: .375rem; --wkg-field-control-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-field-control-border-width: 1px; --wkg-field-control-border-color: transparent; --wkg-field-control-border-color-focus: var(--wkg-color-grey-400, #343237); --wkg-field-control-border-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-control-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-field-label-color: var(--wkg-color-text-primary, #fff); --wkg-field-label-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-label-font-weight: 600; --wkg-field-label-line-height: 1.2; --wkg-field-input-color: var(--wkg-color-grey-100, #e0dde2); --wkg-field-input-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-input-font-weight: 400; --wkg-field-input-line-height: 1.4; --wkg-field-input-placeholder-color: var(--wkg-color-grey-300, #6b636f); --wkg-field-icon-color: var(--wkg-color-grey-200, #9698a1); --wkg-field-icon-color-hover: var(--wkg-color-text-primary, #fff); --wkg-field-icon-size: 1rem; --wkg-field-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-color-success: var(--wkg-color-green-200, #cfff04); --wkg-field-color-warning: var(--wkg-color-orange-400, #ff3d23); --wkg-field-color-info: var(--wkg-color-grey-200, #9698a1); --wkg-field-inline-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-inline-gap: .5rem; --wkg-field-inline-icon-size: 1rem; --wkg-field-message-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-message-color: var(--wkg-color-text-secondary, #9698a1); --wkg-field-message-padding: .5rem 0; --wkg-dropdown-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-dropdown-border-color: transparent; --wkg-dropdown-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-dropdown-shadow: 0 4px 16px rgba(0, 0, 0, .2); --wkg-dropdown-max-height: 18rem; --wkg-dropdown-z-index: 100; --wkg-floating-z-index: 1000000; --wkg-dropdown-option-padding: .75rem 1rem; --wkg-dropdown-option-gap: .75rem; --wkg-dropdown-option-bg-hover: var(--wkg-color-grey-400, #343237); --wkg-dropdown-option-color: var(--wkg-color-text-primary, #fff); --wkg-dropdown-indicator-size: 1.25rem; --wkg-dropdown-indicator-border-color: var(--wkg-color-grey-300, #6b636f); --wkg-dropdown-indicator-color-selected: var(--wkg-color-green-200, #cfff04); --wkg-dropdown-backdrop-bg: rgba(0, 0, 0, .8); --wkg-dropdown-backdrop-z-index: 99; --wkg-icon-button-size: 1.5rem; --wkg-icon-button-color: var(--wkg-color-grey-200, #9698a1); --wkg-icon-button-color-hover: var(--wkg-color-text-primary, #fff); --wkg-scrollbar-width: 4px; --wkg-scrollbar-height: 40px; --wkg-scrollbar-radius: 3px; --wkg-scrollbar-track-color: transparent; --wkg-scrollbar-thumb-color: var(--wkg-color-grey-400, #343237); --wkg-scrollbar-thumb-color-hover: var(--wkg-color-grey-300, #6b636f); --wkg-duration-fast: .15s; --wkg-duration-normal: .2s; --wkg-duration-slow: .3s; --wkg-ease-default: ease; --wkg-ease-in: cubic-bezier(.4, 0, 1, 1); --wkg-ease-out: cubic-bezier(0, 0, .2, 1); --wkg-ease-in-out: cubic-bezier(.4, 0, .2, 1); --wkg-ease-spring: cubic-bezier(.175, .885, .32, 1.275); --wkg-transition-fast: var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-normal: var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-slow: var(--wkg-duration-slow) var(--wkg-ease-default); }
}
@layer tokens {
  :root { --wkg-transition-opacity-fast: opacity var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-opacity: opacity var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-opacity-slow: opacity var(--wkg-duration-slow) var(--wkg-ease-out); --wkg-transition-transform-fast: transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-transform: transform var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-transform-spring: transform var(--wkg-duration-normal) var(--wkg-ease-spring); --wkg-transition-transform-slow: transform var(--wkg-duration-slow) var(--wkg-ease-in-out); --wkg-transition-color-fast: color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-color: color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-bg-fast: background-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-bg: background-color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-border-fast: border-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-border: border-color var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-width: width var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-height: height var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-size: width var(--wkg-duration-normal) var(--wkg-ease-in-out), height var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-margin: margin var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-padding: padding var(--wkg-duration-normal) var(--wkg-ease-in-out); --wkg-transition-shadow-fast: box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-shadow: box-shadow var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-interactive: color var(--wkg-duration-fast) var(--wkg-ease-default), background-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-interactive-border: color var(--wkg-duration-fast) var(--wkg-ease-default), background-color var(--wkg-duration-fast) var(--wkg-ease-default), border-color var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-appear: opacity var(--wkg-duration-normal) var(--wkg-ease-out), transform var(--wkg-duration-normal) var(--wkg-ease-out); --wkg-transition-disappear: opacity var(--wkg-duration-fast) var(--wkg-ease-in), transform var(--wkg-duration-fast) var(--wkg-ease-in); --wkg-transition-collapse: width var(--wkg-duration-normal) var(--wkg-ease-in-out), margin var(--wkg-duration-normal) var(--wkg-ease-in-out), opacity var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-indicator: width var(--wkg-duration-normal) var(--wkg-ease-in-out), margin var(--wkg-duration-normal) var(--wkg-ease-in-out), opacity var(--wkg-duration-fast) var(--wkg-ease-out), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-field-focus: border-color var(--wkg-duration-fast) var(--wkg-ease-out), box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-button: background-color var(--wkg-duration-fast) var(--wkg-ease-default), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-icon: color var(--wkg-duration-fast) var(--wkg-ease-default), opacity var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-dropdown: opacity var(--wkg-duration-fast) var(--wkg-ease-out), transform var(--wkg-duration-fast) var(--wkg-ease-out); --wkg-transition-chevron: transform var(--wkg-duration-normal) var(--wkg-ease-spring); }
}
@layer utilities {
  .wkg-animate-spring-in { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  .wkg-animate-scale-in { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-scale-out { animation: wkg-scale-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-fade-in { animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-fade-out { animation: wkg-fade-out var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-slide-up { animation: wkg-slide-up-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-down { animation: wkg-slide-down-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-left { animation: wkg-slide-left-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-slide-right { animation: wkg-slide-right-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-expand { animation: wkg-grid-expand var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-animate-collapse { animation: wkg-grid-collapse var(--wkg-duration-fast) var(--wkg-ease-in) forwards; }
  .wkg-animate-spin { animation: 1s linear infinite wkg-spin; }
  .wkg-animate-pulse { animation: 2s ease-in-out infinite wkg-pulse; }
  .wkg-animate-pulse-ring { animation: 1.5s ease-out infinite wkg-pulse-ring; }
  .wkg-pressable { transition: transform var(--wkg-duration-fast) var(--wkg-ease-out); will-change: transform; }
  .wkg-pressable:active { transform: scale(0.98); }
  .wkg-pressable--strong:active { transform: scale(0.96); }
  .wkg-hoverable { transition: transform var(--wkg-duration-fast) var(--wkg-ease-out),box-shadow var(--wkg-duration-fast) var(--wkg-ease-out); will-change: transform; }
  .wkg-hoverable:hover { transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; }
  [data-animate="spring-in"] { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-spring); }
  [data-animate="scale-in"] { animation: wkg-scale-spring-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="fade-in"] { animation: wkg-fade-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="slide-up"] { animation: wkg-slide-up-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-animate="slide-down"] { animation: wkg-slide-down-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  [data-stagger] { animation-name: ; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-delay: calc(var(--wkg-stagger-index, 0) * var(--wkg-stagger-delay, 30ms)); }
  .wkg-stagger-fast { --wkg-stagger-delay: 20ms; }
  .wkg-stagger-normal { --wkg-stagger-delay: 30ms; }
  .wkg-stagger-slow { --wkg-stagger-delay: 50ms; }
  .wkg-animate-paused { animation-play-state: paused !important; }
  .wkg-animate-reverse { animation-direction: reverse !important; }
  .wkg-animate-infinite { animation-iteration-count: infinite !important; }
  .wkg-animate-fill { animation-fill-mode: forwards !important; }
  .wkg-duration-instant { animation-duration: 0ms !important; transition-duration: 0ms !important; }
  .wkg-duration-fast { animation-duration: var(--wkg-duration-fast) !important; transition-duration: var(--wkg-duration-fast) !important; }
  .wkg-duration-normal { animation-duration: var(--wkg-duration-normal) !important; transition-duration: var(--wkg-duration-normal) !important; }
  .wkg-duration-slow { animation-duration: var(--wkg-duration-slow) !important; transition-duration: var(--wkg-duration-slow) !important; }
  .wkg-ease-linear { animation-timing-function: linear !important; transition-timing-function: linear !important; }
  .wkg-ease-in { animation-timing-function: var(--wkg-ease-in) !important; transition-timing-function: var(--wkg-ease-in) !important; }
  .wkg-ease-out { animation-timing-function: var(--wkg-ease-out) !important; transition-timing-function: var(--wkg-ease-out) !important; }
  .wkg-ease-in-out { animation-timing-function: var(--wkg-ease-in-out) !important; transition-timing-function: var(--wkg-ease-in-out) !important; }
  .wkg-ease-spring { animation-timing-function: var(--wkg-ease-spring) !important; transition-timing-function: var(--wkg-ease-spring) !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
  [class*="wkg-animate-"], [data-animate], [data-stagger] { animation: none !important; transition: none !important; }
  .wkg-field__icon--active, .wkg-select__chevron--open { transition: none !important; }
}
@media print {
  * { animation: none !important; transition: none !important; }
}
@layer components {
  .wkg-field-suggestions { padding: var(--wkg-spacing-sm, .75rem); animation: wkg-slide-down-in var(--wkg-duration-normal) var(--wkg-ease-out); }
  .wkg-field-suggestions--exiting { animation: wkg-field-suggestions-exit var(--wkg-duration-normal) var(--wkg-ease-in) forwards; }
  @keyframes wkg-field-suggestions-exit {
0% { opacity: 1; transform: translateY(0px); }
100% { opacity: 0; transform: translateY(-4px); }
}
  .wkg-field-suggestions__header { margin: 0 0 var(--wkg-spacing-sm, .75rem); font-size: var(--wkg-font-size-xs, .75rem); font-weight: 600; color: var(--wkg-color-text-primary, #fff); }
  .wkg-field-suggestions__list { display: flex; flex-direction: column; gap: var(--wkg-field-inline-gap, .5rem); margin: 0px; padding: 0px; list-style: none; }
  .wkg-field-suggestions__item { display: flex; align-items: center; gap: var(--wkg-spacing-xs, .5rem); width: 100%; padding: 0px; font-family: inherit; font-size: var(--wkg-font-size-xs, .75rem); color: var(--wkg-color-grey-200, #9698a1); text-align: left; background: none; border: medium; cursor: pointer; transition: color var(--wkg-transition-fast); }
  .wkg-field-suggestions__item:hover, .wkg-field-suggestions__item:focus-visible { color: var(--wkg-color-text-primary, #fff); }
  .wkg-field-suggestions__item:focus-visible { outline: 2px solid var(--wkg-color-primary, #8b5cf6); outline-offset: 2px; border-radius: 2px; }
  .wkg-field-suggestions__icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 0.75rem; height: 0.75rem; color: currentcolor; }
  .wkg-field-suggestions__icon svg { width: 6px; height: 6px; }
  .wkg-field-suggestions__label { line-height: 1.4; }
}
@layer base, tokens, components, utilities;
@layer tokens {
  :root { --wkg-field-gap: var(--wkg-spacing-xxs, .25rem); --wkg-field-control-height: 3.75rem; --wkg-field-control-padding-x: 1rem; --wkg-field-control-padding-y: .75rem; --wkg-field-control-gap: .375rem; --wkg-field-control-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-field-control-border-width: 1px; --wkg-field-control-border-color: transparent; --wkg-field-control-border-color-focus: var(--wkg-color-grey-400, #343237); --wkg-field-control-border-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-control-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-field-label-color: var(--wkg-color-text-primary, #fff); --wkg-field-label-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-label-font-weight: 600; --wkg-field-label-line-height: 1.2; --wkg-field-input-color: var(--wkg-color-grey-100, #e0dde2); --wkg-field-input-font-size: var(--wkg-font-size-sm, .875rem); --wkg-field-input-font-weight: 400; --wkg-field-input-line-height: 1.4; --wkg-field-input-placeholder-color: var(--wkg-color-grey-300, #6b636f); --wkg-field-icon-color: var(--wkg-color-grey-200, #9698a1); --wkg-field-icon-color-hover: var(--wkg-color-text-primary, #fff); --wkg-field-icon-size: 1rem; --wkg-field-color-error: var(--wkg-color-red-400, #fe2639); --wkg-field-color-success: var(--wkg-color-green-200, #cfff04); --wkg-field-color-warning: var(--wkg-color-orange-400, #ff3d23); --wkg-field-color-info: var(--wkg-color-grey-200, #9698a1); --wkg-field-inline-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-inline-gap: .5rem; --wkg-field-inline-icon-size: 1rem; --wkg-field-message-font-size: var(--wkg-font-size-xxs, .625rem); --wkg-field-message-color: var(--wkg-color-text-secondary, #9698a1); --wkg-field-message-padding: .5rem 0; --wkg-dropdown-bg: var(--wkg-color-grey-500, #1e1b21); --wkg-dropdown-border-color: transparent; --wkg-dropdown-border-radius: var(--wkg-border-radius-2xl, .75rem); --wkg-dropdown-shadow: 0 4px 16px rgba(0, 0, 0, .2); --wkg-dropdown-max-height: 18rem; --wkg-dropdown-z-index: 100; --wkg-floating-z-index: 1000000; --wkg-dropdown-option-padding: .75rem 1rem; --wkg-dropdown-option-gap: .75rem; --wkg-dropdown-option-bg-hover: var(--wkg-color-grey-400, #343237); --wkg-dropdown-option-color: var(--wkg-color-text-primary, #fff); --wkg-dropdown-indicator-size: 1.25rem; --wkg-dropdown-indicator-border-color: var(--wkg-color-grey-300, #6b636f); --wkg-dropdown-indicator-color-selected: var(--wkg-color-green-200, #cfff04); --wkg-dropdown-backdrop-bg: rgba(0, 0, 0, .8); --wkg-dropdown-backdrop-z-index: 99; --wkg-icon-button-size: 1.5rem; --wkg-icon-button-color: var(--wkg-color-grey-200, #9698a1); --wkg-icon-button-color-hover: var(--wkg-color-text-primary, #fff); --wkg-scrollbar-width: 4px; --wkg-scrollbar-height: 40px; --wkg-scrollbar-radius: 3px; --wkg-scrollbar-track-color: transparent; --wkg-scrollbar-thumb-color: var(--wkg-color-grey-400, #343237); --wkg-scrollbar-thumb-color-hover: var(--wkg-color-grey-300, #6b636f); --wkg-duration-fast: .15s; --wkg-duration-normal: .2s; --wkg-duration-slow: .3s; --wkg-ease-default: ease; --wkg-ease-in: cubic-bezier(.4, 0, 1, 1); --wkg-ease-out: cubic-bezier(0, 0, .2, 1); --wkg-ease-in-out: cubic-bezier(.4, 0, .2, 1); --wkg-ease-spring: cubic-bezier(.175, .885, .32, 1.275); --wkg-transition-fast: var(--wkg-duration-fast) var(--wkg-ease-default); --wkg-transition-normal: var(--wkg-duration-normal) var(--wkg-ease-default); --wkg-transition-slow: var(--wkg-duration-slow) var(--wkg-ease-default); }
}
@keyframes wkg-scale-spring-in {
0% { opacity: 0; transform: scale(0.5); }
70% { opacity: 1; transform: scale(1.05); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes wkg-scale-out {
0% { opacity: 1; transform: scale(1); }
100% { opacity: 0; transform: scale(0.5); }
}
@keyframes wkg-scale-out-gentle {
0% { opacity: 1; transform: scale(1); }
100% { opacity: 0; transform: scale(0.8); }
}
@keyframes wkg-scale-press {
0% { transform: scale(1); }
100% { transform: scale(0.98); }
}
@keyframes wkg-fade-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes wkg-fade-out {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes wkg-slide-up-in {
0% { opacity: 0; transform: translateY(4px); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes wkg-slide-down-in {
0% { opacity: 0; transform: translateY(-4px); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes wkg-slide-up-out {
0% { opacity: 1; transform: translateY(0px); }
100% { opacity: 0; transform: translateY(-4px); }
}
@keyframes wkg-slide-down-out {
0% { opacity: 1; transform: translateY(0px); }
100% { opacity: 0; transform: translateY(4px); }
}
@keyframes wkg-slide-right-in {
0% { opacity: 0; transform: translate(-8px); }
100% { opacity: 1; transform: translate(0px); }
}
@keyframes wkg-slide-left-in {
0% { opacity: 0; transform: translate(8px); }
100% { opacity: 1; transform: translate(0px); }
}
@keyframes wkg-slide-stagger-in {
0% { opacity: 0; transform: translateY(8px); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes wkg-rotate-180 {
0% { transform: rotate(0deg); }
100% { transform: rotate(180deg); }
}
@keyframes wkg-rotate-180-reverse {
0% { transform: rotate(180deg); }
100% { transform: rotate(0deg); }
}
@keyframes wkg-grid-expand {
0% { opacity: 0; grid-template-columns: 0fr; }
100% { opacity: 1; grid-template-columns: 1fr; }
}
@keyframes wkg-grid-collapse {
0% { opacity: 1; grid-template-columns: 1fr; }
100% { opacity: 0; grid-template-columns: 0fr; }
}
@keyframes wkg-pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
@keyframes wkg-pulse-ring {
0% { box-shadow: currentcolor 0px 0px 0px 0px; opacity: 0.4; }
100% { box-shadow: currentcolor 0px 0px 0px 4px; opacity: 0; }
}
@keyframes wkg-pulse-scale {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}
@keyframes wkg-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes wkg-blur-in {
0% { opacity: 0; backdrop-filter: blur(0px); }
100% { opacity: 1; backdrop-filter: blur(2px); }
}
@keyframes wkg-blur-out {
0% { opacity: 1; backdrop-filter: blur(2px); }
100% { opacity: 0; backdrop-filter: blur(0px); }
}
@keyframes wkg-caret-glow {
0%, 100% { opacity: 1; box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 6px; }
50% { opacity: 0.3; box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 2px; }
}
@keyframes wkg-caret-type {
0% { transform: scaleY(1); box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 6px; }
50% { transform: scaleY(1.25); box-shadow: rgb(255, 255, 255) 0px 0px 10px; }
100% { transform: scaleY(1); box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 6px; }
}
@keyframes wkg-calendar-slide-next {
0% { opacity: 0; transform: translate(16px); }
100% { opacity: 1; transform: translate(0px); }
}
@keyframes wkg-calendar-slide-prev {
0% { opacity: 0; transform: translate(-16px); }
100% { opacity: 1; transform: translate(0px); }
}
@keyframes wkg-calendar-cell-pop {
0% { transform: scale(1); }
50% { transform: scale(0.92); }
100% { transform: scale(1); }
}
@keyframes wkg-otp-blink {
0%, 100% { opacity: 1; }
50% { opacity: 0; }
}
@keyframes wkg-otp-slot-focus {
0% { background-color: transparent; box-shadow: inset 0 0 0 0 var(--wkg-color-grey-300); }
100% { background-color: var(--wkg-color-grey-400); box-shadow: inset 0 0 0 1px var(--wkg-color-grey-300); }
}
@layer components {
  .wkg-otp { display: flex; flex-direction: column; gap: var(--wkg-otp-gap, .5rem); }
  .wkg-otp--disabled { pointer-events: none; opacity: var(--wkg-opacity-disabled, .5); }
  .wkg-otp--sm { --wkg-otp-slot-height: 2.75rem; --wkg-otp-font-size: max(var(--wkg-font-size-md, 1rem), 16px); --wkg-otp-caret-height: 1.25rem; --wkg-otp-border-radius: var(--wkg-border-radius-sm, .375rem); }
  .wkg-otp--lg { --wkg-otp-slot-height: 4rem; --wkg-otp-font-size: var(--wkg-font-size-2xl, 1.5rem); --wkg-otp-caret-height: 1.75rem; --wkg-otp-border-radius: var(--wkg-border-radius-lg, .75rem); }
  .wkg-otp__label { font-size: var(--wkg-font-size-sm, .875rem); font-weight: 500; color: var(--wkg-color-text-primary); }
  .wkg-otp__label--hidden { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
  .wkg-otp__slots { display: flex; width: 100%; background-color: var(--wkg-color-grey-500); border: 1px solid var(--wkg-color-grey-400); border-radius: var(--wkg-otp-border-radius, var(--wkg-border-radius-md, .5rem)); direction: ltr; unicode-bidi: isolate; }
  .wkg-otp--error .wkg-otp__slots { border-color: var(--wkg-color-error, var(--wkg-color-red-400)); }
  .wkg-otp--valid .wkg-otp__slots { border-color: var(--wkg-color-success, var(--wkg-color-green-200)); }
  .wkg-otp__slots--smooth { border-radius: var(--wkg-border-radius-xl, .75rem); }
  .wkg-otp__slot { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; flex: 1 1 0%; min-width: 0px; height: var(--wkg-otp-slot-height, 3.5rem); background-color: transparent; border-right: 1px solid var(--wkg-color-grey-400); transition: background-color var(--wkg-transition-fast, .15s) ease; }
  .wkg-otp__slot:last-child { border-right: medium; }
  .wkg-otp__slot:first-child { border-top-left-radius: calc(var(--wkg-otp-border-radius, var(--wkg-border-radius-md, .5rem)) - 1px); border-bottom-left-radius: calc(var(--wkg-otp-border-radius, var(--wkg-border-radius-md, .5rem)) - 1px); }
  .wkg-otp__slot:last-child { border-top-right-radius: calc(var(--wkg-otp-border-radius, var(--wkg-border-radius-md, .5rem)) - 1px); border-bottom-right-radius: calc(var(--wkg-otp-border-radius, var(--wkg-border-radius-md, .5rem)) - 1px); }
  .wkg-otp__slots--smooth .wkg-otp__slot:first-child { border-top-left-radius: calc(var(--wkg-border-radius-xl, .75rem) - 1px); border-bottom-left-radius: calc(var(--wkg-border-radius-xl, .75rem) - 1px); }
  .wkg-otp__slots--smooth .wkg-otp__slot:last-child { border-top-right-radius: calc(var(--wkg-border-radius-xl, .75rem) - 1px); border-bottom-right-radius: calc(var(--wkg-border-radius-xl, .75rem) - 1px); }
  .wkg-otp__slot--active { background-color: var(--wkg-color-grey-400); box-shadow: inset 0 0 0 1px var(--wkg-color-grey-300); animation: wkg-otp-slot-focus var(--wkg-duration-fast, .15s) var(--wkg-ease-out); }
  .wkg-otp--error .wkg-otp__slot { border-right-color: var(--wkg-color-error, var(--wkg-color-red-400)); }
  .wkg-otp--error .wkg-otp__slot:last-child { border-right: medium; }
  .wkg-otp__input { position: absolute; inset: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; font-family: inherit; font-size: var(--wkg-otp-font-size, var(--wkg-font-size-xl, 1.25rem)); font-weight: 500; color: var(--wkg-color-text-primary); text-align: center; background: transparent; border: medium; outline: none; caret-color: transparent; appearance: textfield; }
  .wkg-otp__input::-webkit-outer-spin-button, .wkg-otp__input::-webkit-inner-spin-button { margin: 0px; appearance: none; }
  .wkg-otp__input::selection { background: transparent; }
  .wkg-otp__input::placeholder { color: var(--wkg-color-grey-300); }
  .wkg-otp__caret { position: absolute; top: 50%; left: 50%; width: 2px; height: var(--wkg-otp-caret-height, 1.5rem); background-color: var(--wkg-color-primary); transform: translate(-50%, -50%); animation: 1s steps(1) infinite wkg-otp-blink; pointer-events: none; }
  .wkg-otp__footer { display: flex; align-items: center; justify-content: space-between; gap: var(--wkg-spacing-sm, .5rem); min-height: 1.25rem; }
  .wkg-otp__start-slot { display: flex; align-items: center; flex-shrink: 0; }
  .wkg-otp__feedback { display: flex; align-items: center; gap: var(--wkg-spacing-xs, .25rem); margin-left: auto; font-size: var(--wkg-font-size-xxs, .625rem); text-align: right; }
  .wkg-otp__feedback--error { color: var(--wkg-color-error, var(--wkg-color-red-400)); }
  .wkg-otp__feedback--success { color: var(--wkg-color-success, var(--wkg-color-green-200)); }
  .wkg-otp__feedback--validating { color: var(--wkg-color-grey-200); }
  .wkg-otp__feedback-message { white-space: nowrap; transition: opacity var(--wkg-duration-fast, .15s) ease; }
  .wkg-otp__feedback-icon { position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 1rem; height: 1rem; }
  .wkg-otp__feedback-icon svg { width: 100%; height: 100%; }
  .wkg-otp__icon { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0.5); transition: opacity var(--wkg-duration-normal, .25s) var(--wkg-ease-out, ease-out),transform var(--wkg-duration-normal, .3s) var(--wkg-ease-out, ease-out); pointer-events: none; }
  .wkg-otp__icon--active { opacity: 1; transform: scale(1); transition: opacity var(--wkg-duration-normal, .35s) var(--wkg-ease-in, ease-in),transform var(--wkg-duration-normal, .3s) var(--wkg-ease-out, ease-out); pointer-events: auto; }
  .wkg-otp__feedback--validating .wkg-otp__icon--active { animation: 1s linear infinite wkg-spin; }
  @media (max-width: 360px) {
  .wkg-otp__slot { height: var(--wkg-otp-slot-height-mobile, 3rem); }
  .wkg-otp__input { font-size: var(--wkg-otp-font-size-mobile, 1rem); }
}
}
._formContainer_14jdi_1 ._field_14jdi_1 { margin-bottom: 10px; }
._formContainer_14jdi_1 ._field_14jdi_1:last-child { margin-bottom: 0px; }
._formContainer_14jdi_1 ._field_14jdi_1 label { font-size: 12px; font-weight: 700; color: var(--white); margin-bottom: 5px; }
@media (max-width: 992px) {
  ._formContainer_14jdi_1 ._field_14jdi_1 label { text-align: center; display: block; }
}
._formContainer_14jdi_1 ._hidden_14jdi_19 { width: 0px; height: 0px; opacity: 0; }
._formContainer_14jdi_1 ._selectComponent_14jdi_24 { height: 48px; }
._formContainer_14jdi_1 ._inputComponent_14jdi_27 { height: 48px; box-sizing: border-box; width: 100%; background-color: var(--backdropBackgroundColor08); border-radius: 12px; padding: 15px; border-style: solid; outline: none; border-width: 2px; border-image-source: linear-gradient(to bottom,var(--headerOrange),var(--headerPink)); border-image-slice: 0; background-image: linear-gradient(to right,#46127c 0% 100%),linear-gradient(to bottom,var(--headerOrange),var(--headerPink)); background-origin: border-box; background-clip: padding-box, border-box; color: var(--white); font-weight: 700; }
._formContainer_14jdi_1 ._inputComponent_14jdi_27::placeholder { color: var(--white02); }
._formContainer_14jdi_1 ._error_14jdi_48 { color: var(--yellowCtaDarker); font-size: 0.75rem; }
.AddToHomeScreen .wkg-overlay-backdrop { backdrop-filter: blur(5px); }
.AddToHomeScreen.iOS { padding: 0px 24px; }
.AddToHomeScreen.iOS .ui-dialog__content { background-color: transparent; width: 100%; box-shadow: none; margin-bottom: 11px; }
.AddToHomeScreen.iOS .ui-dialog__container { display: flex; flex-direction: column; justify-content: flex-end; }
.AddToHomeScreen.iOS .AddToHomeScreen-Image { width: 60px; height: 71px; background: url("group-2@2x.webp") center center / contain no-repeat; padding: 0px 20px; }
@media (max-width: 375px) {
  .AddToHomeScreen.iOS .AddToHomeScreen-Image { padding: 0px 10px; }
}
.AddToHomeScreen.iOS .AddToHomeScreen-Title h3 { font-size: 16px; font-weight: 700; color: var(--bodyBgBlack); margin: 0px; }
@media (max-width: 375px) {
  .AddToHomeScreen.iOS .AddToHomeScreen-Title h3 { font-size: 12px; }
}
.AddToHomeScreen.iOS .AddToHomeScreen-Title p { font-size: 14px; font-weight: 600; color: var(--azure); margin: 9px 0px 0px; }
.AddToHomeScreen.iOS .AddToHomeScreen-Title p i, .AddToHomeScreen.iOS .AddToHomeScreen-Title p strong { display: inline-block; width: 14px; height: 14px; }
.AddToHomeScreen.iOS .AddToHomeScreen-Title p i { background: url("share.svg") center center / contain no-repeat; }
.AddToHomeScreen.iOS .AddToHomeScreen-Title p strong { background: url("plus-square.svg") center center / contain no-repeat; }
.AddToHomeScreen.iOS .AddToHomeScreen-Content { font-size: 14px; font-weight: 600; color: var(--grey9); padding: 20px 0px !important; background: var(--white); margin-bottom: 9px; border-radius: 12px; }
.AddToHomeScreen.iOS .AddToHomeScreen-Content-Inner { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }
.AddToHomeScreen.iOS .AddToHomeScreen-Button { height: 32px; border-radius: 20px; border: solid 1px var(--azure) !important; background-color: transparent; }
.AddToHomeScreen.iOS .AddToHomeScreen-Button span { font-size: 14px; font-weight: 700; line-height: 2.14; text-align: center; color: var(--azure); text-transform: capitalize; }
.AddToHomeScreen.iOS .AddToHomeScreen-Button-MaybeLater { height: 32px; border-radius: 20px; background-color: transparent; margin-bottom: 9px; border: 1px solid rgba(255, 255, 255, 0.2) !important; }
.AddToHomeScreen.iOS .AddToHomeScreen-Button-MaybeLater span { opacity: 0.5; font-size: 14px; font-weight: 700; line-height: 2.14; text-align: center; color: var(--white); text-transform: capitalize; }
.AddToHomeScreen.Android .ui-dialog__content { border-radius: 10px; max-width: 300px; text-align: center; padding: 80px 20px 20px; overflow: visible; position: relative; }
.AddToHomeScreen.Android .AddToHomeScreen-Close { position: absolute !important; right: 0px; top: 0px; z-index: 1; }
.AddToHomeScreen.Android .AddToHomeScreen-Close .wkg-icon { padding: 12px; }
.AddToHomeScreen.Android .AddToHomeScreen-Image { width: 120px; height: 136px; background: url("group-2@2x.webp") center center / contain no-repeat; position: absolute; top: -50px; left: 50%; transform: translate(-50%); }
.AddToHomeScreen.Android .AddToHomeScreen-Title { padding: 16px 26px 0px !important; font-size: 22px; font-weight: 700; line-height: normal; }
.AddToHomeScreen.Android .AddToHomeScreen-Content { font-size: 14px; font-weight: 600; color: var(--grey9); padding: 0px 0px 25px !important; }
.AddToHomeScreen.Android .AddToHomeScreen-Button { font-weight: 700; padding: 15px 5px; }
[data-theme="betjordan-stage"] .AddToHomeScreen .AddToHomeScreen-Image, [data-theme="betjordan"] .AddToHomeScreen .AddToHomeScreen-Image { width: 90px; height: 91px; background: url("_.html") center center / contain no-repeat; }
[data-theme="betjordan-stage"] .AddToHomeScreen.iOS .AddToHomeScreen-Image, [data-theme="betjordan-stage"] .AddToHomeScreen.Android .AddToHomeScreen-Image, [data-theme="betjordan"] .AddToHomeScreen.iOS .AddToHomeScreen-Image, [data-theme="betjordan"] .AddToHomeScreen.Android .AddToHomeScreen-Image { width: 90px; height: 91px; background: url("_.html") center center / contain no-repeat; }
@keyframes react-loading-skeleton {
100% { transform: translate(100%); }
}
.react-loading-skeleton { --base-color: #ebebeb; --highlight-color: #f5f5f5; --animation-duration: 1.5s; --animation-direction: normal; --pseudo-element-display: block; background-color: var(--base-color); width: 100%; border-radius: 0.25rem; display: inline-flex; line-height: 1; position: relative; user-select: none; overflow: hidden; }
.react-loading-skeleton::after { content: " "; display: var(--pseudo-element-display); position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background-repeat: no-repeat; background-image: var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) ); transform: translate(-100%); animation-name: react-loading-skeleton; animation-direction: var(--animation-direction); animation-duration: var(--animation-duration); animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
@media (prefers-reduced-motion) {
  .react-loading-skeleton { --pseudo-element-display: none; }
}
.auth-flow { height: 100%; display: flex; flex-direction: column; }
.auth-flow .login-form__body, .auth-flow .signup-form__body, .auth-flow .forgot-password-form__body { transition: opacity 0.15s ease-out, transform 0.15s ease-out; will-change: opacity, transform; }
.auth-flow .login-form__footer, .auth-flow .signup-form__footer, .auth-flow .forgot-password-form__footer { transform: none !important; display: grid; grid-template-rows: 1fr; transition: grid-template-rows 0.15s ease-out, opacity 0.15s ease-out; will-change: grid-template-rows, opacity; }
.auth-flow .login-form__footer > *, .auth-flow .signup-form__footer > *, .auth-flow .forgot-password-form__footer > * { overflow: hidden; }
.auth-flow[data-animation-state="exiting"].auth-flow--forward .login-form__body, .auth-flow[data-animation-state="exiting"].auth-flow--forward .signup-form__body, .auth-flow[data-animation-state="exiting"].auth-flow--forward .forgot-password-form__body { opacity: 0; transform: translate(-20px); }
.auth-flow[data-animation-state="exiting"].auth-flow--back .login-form__body, .auth-flow[data-animation-state="exiting"].auth-flow--back .signup-form__body, .auth-flow[data-animation-state="exiting"].auth-flow--back .forgot-password-form__body { opacity: 0; transform: translate(20px); }
.auth-flow[data-animation-state="exiting"] .login-form__footer, .auth-flow[data-animation-state="exiting"] .signup-form__footer, .auth-flow[data-animation-state="exiting"] .forgot-password-form__footer { grid-template-rows: 0fr; opacity: 0; }
.auth-flow[data-animation-state="entering"].auth-flow--forward .login-form__body, .auth-flow[data-animation-state="entering"].auth-flow--forward .signup-form__body, .auth-flow[data-animation-state="entering"].auth-flow--forward .forgot-password-form__body { animation: 0.2s ease-out forwards slideInFromRight; }
.auth-flow[data-animation-state="entering"].auth-flow--back .login-form__body, .auth-flow[data-animation-state="entering"].auth-flow--back .signup-form__body, .auth-flow[data-animation-state="entering"].auth-flow--back .forgot-password-form__body { animation: 0.2s ease-out forwards slideInFromLeft; }
.auth-flow[data-animation-state="entering"] .login-form__footer, .auth-flow[data-animation-state="entering"] .signup-form__footer, .auth-flow[data-animation-state="entering"] .forgot-password-form__footer { animation: 0.2s ease-out forwards expandFooter; }
@keyframes expandFooter {
0% { grid-template-rows: 0fr; opacity: 0; }
100% { grid-template-rows: 1fr; opacity: 1; }
}
@keyframes slideInFromRight {
0% { opacity: 0; transform: translate(20px); }
100% { opacity: 1; transform: translate(0px); }
}
@keyframes slideInFromLeft {
0% { opacity: 0; transform: translate(-20px); }
100% { opacity: 1; transform: translate(0px); }
}
.auth-flow[data-animation-state="idle"] .login-form__body, .auth-flow[data-animation-state="idle"] .signup-form__body, .auth-flow[data-animation-state="idle"] .forgot-password-form__body, .auth-flow[data-animation-state="idle"] .login-form__footer, .auth-flow[data-animation-state="idle"] .signup-form__footer, .auth-flow[data-animation-state="idle"] .forgot-password-form__footer { will-change: auto; }
@media (prefers-reduced-motion: reduce) {
  .auth-flow .login-form__body, .auth-flow .signup-form__body, .auth-flow .forgot-password-form__body, .auth-flow .login-form__footer, .auth-flow .signup-form__footer, .auth-flow .forgot-password-form__footer { transition: none !important; animation: none !important; transform: none !important; opacity: 1 !important; }
}