@charset "utf-8"; @keyframes w3m-shake { 0% { transform: scale(1) rotate(0deg); } 20% { transform: scale(1) rotate(-1deg); } 40% { transform: scale(1) rotate(1.5deg); } 60% { transform: scale(1) rotate(-1.5deg); } 80% { transform: scale(1) rotate(1deg); } 100% { transform: scale(1) rotate(0deg); } } @keyframes w3m-iframe-fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes w3m-iframe-zoom-in { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } @keyframes w3m-iframe-zoom-in-mobile { 0% { transform: scale(0.95); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } :root { --apkt-modal-width: 370px; --apkt-visual-size-inherit: inherit; --apkt-visual-size-sm: 40px; --apkt-visual-size-md: 55px; --apkt-visual-size-lg: 80px; --apkt-path-network-sm: path( 'M15.4 2.1a5.21 5.21 0 0 1 5.2 0l11.61 6.7a5.21 5.21 0 0 1 2.61 4.52v13.4c0 1.87-1 3.59-2.6 4.52l-11.61 6.7c-1.62.93-3.6.93-5.22 0l-11.6-6.7a5.21 5.21 0 0 1-2.61-4.51v-13.4c0-1.87 1-3.6 2.6-4.52L15.4 2.1Z' ); --apkt-path-network-md: path( 'M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z' ); --apkt-path-network-lg: path( 'M78.3244 18.926L50.1808 2.45078C45.7376 -0.150261 40.2624 -0.150262 35.8192 2.45078L7.6756 18.926C3.23322 21.5266 0.5 26.3301 0.5 31.5248V64.4752C0.5 69.6699 3.23322 74.4734 7.6756 77.074L35.8192 93.5492C40.2624 96.1503 45.7376 96.1503 50.1808 93.5492L78.3244 77.074C82.7668 74.4734 85.5 69.6699 85.5 64.4752V31.5248C85.5 26.3301 82.7668 21.5266 78.3244 18.926Z' ); --apkt-width-network-sm: 36px; --apkt-width-network-md: 48px; --apkt-width-network-lg: 86px; --apkt-duration-dynamic: 0ms; --apkt-height-network-sm: 40px; --apkt-height-network-md: 54px; --apkt-height-network-lg: 96px; } @charset "utf-8"; :root { } @charset "utf-8"; :root { } @charset "utf-8"; :root { --apkt-colors-black: #202020; --apkt-colors-white: #FFFFFF; --apkt-colors-white010: rgba(255, 255, 255, 0.1); --apkt-colors-accent010: rgba(9, 136, 240, 0.1); --apkt-colors-accent020: rgba(9, 136, 240, 0.2); --apkt-colors-accent030: rgba(9, 136, 240, 0.3); --apkt-colors-accent040: rgba(9, 136, 240, 0.4); --apkt-colors-accent050: rgba(9, 136, 240, 0.5); --apkt-colors-accent060: rgba(9, 136, 240, 0.6); --apkt-colors-accent070: rgba(9, 136, 240, 0.7); --apkt-colors-accent080: rgba(9, 136, 240, 0.8); --apkt-colors-accent090: rgba(9, 136, 240, 0.9); --apkt-colors-accent100: rgba(9, 136, 240, 1.0); --apkt-colors-accentSecondary010: rgba(199, 185, 148, 0.1); --apkt-colors-accentSecondary020: rgba(199, 185, 148, 0.2); --apkt-colors-accentSecondary030: rgba(199, 185, 148, 0.3); --apkt-colors-accentSecondary040: rgba(199, 185, 148, 0.4); --apkt-colors-accentSecondary050: rgba(199, 185, 148, 0.5); --apkt-colors-accentSecondary060: rgba(199, 185, 148, 0.6); --apkt-colors-accentSecondary070: rgba(199, 185, 148, 0.7); --apkt-colors-accentSecondary080: rgba(199, 185, 148, 0.8); --apkt-colors-accentSecondary090: rgba(199, 185, 148, 0.9); --apkt-colors-accentSecondary100: rgba(199, 185, 148, 1.0); --apkt-colors-productWalletKit: #FFB800; --apkt-colors-productAppKit: #FF573B; --apkt-colors-productCloud: #0988F0; --apkt-colors-productDocumentation: #008847; --apkt-colors-neutrals050: #F6F6F6; --apkt-colors-neutrals100: #F3F3F3; --apkt-colors-neutrals200: #E9E9E9; --apkt-colors-neutrals300: #D0D0D0; --apkt-colors-neutrals400: #BBB; --apkt-colors-neutrals500: #9A9A9A; --apkt-colors-neutrals600: #6C6C6C; --apkt-colors-neutrals700: #4F4F4F; --apkt-colors-neutrals800: #363636; --apkt-colors-neutrals900: #2A2A2A; --apkt-colors-neutrals1000: #252525; --apkt-colors-semanticSuccess010: rgba(48, 164, 107, 0.1); --apkt-colors-semanticSuccess020: rgba(48, 164, 107, 0.2); --apkt-colors-semanticSuccess030: rgba(48, 164, 107, 0.3); --apkt-colors-semanticSuccess040: rgba(48, 164, 107, 0.4); --apkt-colors-semanticSuccess050: rgba(48, 164, 107, 0.5); --apkt-colors-semanticSuccess060: rgba(48, 164, 107, 0.6); --apkt-colors-semanticSuccess070: rgba(48, 164, 107, 0.7); --apkt-colors-semanticSuccess080: rgba(48, 164, 107, 0.8); --apkt-colors-semanticSuccess090: rgba(48, 164, 107, 0.9); --apkt-colors-semanticSuccess100: rgba(48, 164, 107, 1.0); --apkt-colors-semanticError010: rgba(223, 74, 52, 0.1); --apkt-colors-semanticError020: rgba(223, 74, 52, 0.2); --apkt-colors-semanticError030: rgba(223, 74, 52, 0.3); --apkt-colors-semanticError040: rgba(223, 74, 52, 0.4); --apkt-colors-semanticError050: rgba(223, 74, 52, 0.5); --apkt-colors-semanticError060: rgba(223, 74, 52, 0.6); --apkt-colors-semanticError070: rgba(223, 74, 52, 0.7); --apkt-colors-semanticError080: rgba(223, 74, 52, 0.8); --apkt-colors-semanticError090: rgba(223, 74, 52, 0.9); --apkt-colors-semanticError100: rgba(223, 74, 52, 1.0); --apkt-colors-semanticWarning010: rgba(243, 161, 63, 0.1); --apkt-colors-semanticWarning020: rgba(243, 161, 63, 0.2); --apkt-colors-semanticWarning030: rgba(243, 161, 63, 0.3); --apkt-colors-semanticWarning040: rgba(243, 161, 63, 0.4); --apkt-colors-semanticWarning050: rgba(243, 161, 63, 0.5); --apkt-colors-semanticWarning060: rgba(243, 161, 63, 0.6); --apkt-colors-semanticWarning070: rgba(243, 161, 63, 0.7); --apkt-colors-semanticWarning080: rgba(243, 161, 63, 0.8); --apkt-colors-semanticWarning090: rgba(243, 161, 63, 0.9); --apkt-colors-semanticWarning100: rgba(243, 161, 63, 1.0); --apkt-fontFamily-regular: inherit; --apkt-fontFamily-mono: KHTekaMono; --apkt-fontWeight-regular: 400; --apkt-fontWeight-medium: 500; --apkt-textSize-h1: 50px; --apkt-textSize-h2: 44px; --apkt-textSize-h3: 38px; --apkt-textSize-h4: 32px; --apkt-textSize-h5: 26px; --apkt-textSize-h6: 20px; --apkt-textSize-large: 16px; --apkt-textSize-medium: 14px; --apkt-textSize-small: 12px; --apkt-typography-h1-regular-mono-lineHeight: 50px; --apkt-typography-h1-regular-mono-letterSpacing: -3px; --apkt-typography-h1-regular-lineHeight: 50px; --apkt-typography-h1-regular-letterSpacing: -1px; --apkt-typography-h1-medium-lineHeight: 50px; --apkt-typography-h1-medium-letterSpacing: -0.84px; --apkt-typography-h2-regular-mono-lineHeight: 44px; --apkt-typography-h2-regular-mono-letterSpacing: -2.64px; --apkt-typography-h2-regular-lineHeight: 44px; --apkt-typography-h2-regular-letterSpacing: -0.88px; --apkt-typography-h2-medium-lineHeight: 44px; --apkt-typography-h2-medium-letterSpacing: -0.88px; --apkt-typography-h3-regular-mono-lineHeight: 38px; --apkt-typography-h3-regular-mono-letterSpacing: -2.28px; --apkt-typography-h3-regular-lineHeight: 38px; --apkt-typography-h3-regular-letterSpacing: -0.76px; --apkt-typography-h3-medium-lineHeight: 38px; --apkt-typography-h3-medium-letterSpacing: -0.76px; --apkt-typography-h4-regular-mono-lineHeight: 32px; --apkt-typography-h4-regular-mono-letterSpacing: -1.92px; --apkt-typography-h4-regular-lineHeight: 32px; --apkt-typography-h4-regular-letterSpacing: -0.32px; --apkt-typography-h4-medium-lineHeight: 32px; --apkt-typography-h4-medium-letterSpacing: -0.32px; --apkt-typography-h5-regular-mono-lineHeight: 26px; --apkt-typography-h5-regular-mono-letterSpacing: -1.56px; --apkt-typography-h5-regular-lineHeight: 26px; --apkt-typography-h5-regular-letterSpacing: -0.26px; --apkt-typography-h5-medium-lineHeight: 26px; --apkt-typography-h5-medium-letterSpacing: -0.26px; --apkt-typography-h6-regular-mono-lineHeight: 20px; --apkt-typography-h6-regular-mono-letterSpacing: -1.2px; --apkt-typography-h6-regular-lineHeight: 20px; --apkt-typography-h6-regular-letterSpacing: -0.6px; --apkt-typography-h6-medium-lineHeight: 20px; --apkt-typography-h6-medium-letterSpacing: -0.6px; --apkt-typography-lg-regular-mono-lineHeight: 16px; --apkt-typography-lg-regular-mono-letterSpacing: -0.96px; --apkt-typography-lg-regular-lineHeight: 18px; --apkt-typography-lg-regular-letterSpacing: -0.16px; --apkt-typography-lg-medium-lineHeight: 18px; --apkt-typography-lg-medium-letterSpacing: -0.16px; --apkt-typography-md-regular-mono-lineHeight: 14px; --apkt-typography-md-regular-mono-letterSpacing: -0.84px; --apkt-typography-md-regular-lineHeight: 16px; --apkt-typography-md-regular-letterSpacing: -0.14px; --apkt-typography-md-medium-lineHeight: 16px; --apkt-typography-md-medium-letterSpacing: -0.14px; --apkt-typography-sm-regular-mono-lineHeight: 12px; --apkt-typography-sm-regular-mono-letterSpacing: -0.72px; --apkt-typography-sm-regular-lineHeight: 14px; --apkt-typography-sm-regular-letterSpacing: -0.12px; --apkt-typography-sm-medium-lineHeight: 14px; --apkt-typography-sm-medium-letterSpacing: -0.12px; --apkt-tokens-core-backgroundAccentPrimary: color-mix(in srgb, #263045 40%, var(--apkt-tokens-core-backgroundAccentPrimary-base)); --apkt-tokens-core-backgroundAccentCertified: color-mix(in srgb, #263045 40%, #C7B994); --apkt-tokens-core-backgroundWalletKit: color-mix(in srgb, #263045 40%, #FFB800); --apkt-tokens-core-backgroundAppKit: color-mix(in srgb, #263045 40%, #FF573B); --apkt-tokens-core-backgroundCloud: color-mix(in srgb, #263045 40%, #0988F0); --apkt-tokens-core-backgroundDocumentation: color-mix(in srgb, #263045 40%, #008847); --apkt-tokens-core-backgroundSuccess: color-mix(in srgb, #263045 40%, rgba(48, 164, 107, 0.20)); --apkt-tokens-core-backgroundError: color-mix(in srgb, #263045 40%, rgba(223, 74, 52, 0.20)); --apkt-tokens-core-backgroundWarning: color-mix(in srgb, #263045 40%, rgba(243, 161, 63, 0.20)); --apkt-tokens-core-textAccentPrimary: color-mix(in srgb, #263045 40%, #3396FF); --apkt-tokens-core-textAccentCertified: color-mix(in srgb, #263045 40%, #C7B994); --apkt-tokens-core-textWalletKit: color-mix(in srgb, #263045 40%, #FFB800); --apkt-tokens-core-textAppKit: color-mix(in srgb, #263045 40%, #FF573B); --apkt-tokens-core-textCloud: color-mix(in srgb, #263045 40%, #0988F0); --apkt-tokens-core-textDocumentation: color-mix(in srgb, #263045 40%, #008847); --apkt-tokens-core-textSuccess: color-mix(in srgb, #263045 40%, #30A46B); --apkt-tokens-core-textError: color-mix(in srgb, #263045 40%, #DF4A34); --apkt-tokens-core-textWarning: color-mix(in srgb, #263045 40%, #F3A13F); --apkt-tokens-core-borderAccentPrimary: color-mix(in srgb, #263045 40%, #3396FF); --apkt-tokens-core-borderSecondary: color-mix(in srgb, #263045 40%, #C7B994); --apkt-tokens-core-borderSuccess: color-mix(in srgb, #263045 40%, #30A46B); --apkt-tokens-core-borderError: color-mix(in srgb, #263045 40%, #DF4A34); --apkt-tokens-core-borderWarning: color-mix(in srgb, #263045 40%, #F3A13F); --apkt-tokens-core-foregroundAccent010: color-mix(in srgb, #263045 40%, rgba(9, 136, 240, 0.1)); --apkt-tokens-core-foregroundAccent020: color-mix(in srgb, #263045 40%, rgba(9, 136, 240, 0.2)); --apkt-tokens-core-foregroundAccent040: color-mix(in srgb, #263045 40%, rgba(9, 136, 240, 0.4)); --apkt-tokens-core-foregroundAccent060: color-mix(in srgb, #263045 40%, rgba(9, 136, 240, 0.6)); --apkt-tokens-core-foregroundSecondary020: color-mix(in srgb, #263045 40%, rgba(199, 185, 148, 0.2)); --apkt-tokens-core-foregroundSecondary040: color-mix(in srgb, #263045 40%, rgba(199, 185, 148, 0.4)); --apkt-tokens-core-foregroundSecondary060: color-mix(in srgb, #263045 40%, rgba(199, 185, 148, 0.6)); --apkt-tokens-core-iconAccentPrimary: color-mix(in srgb, #263045 40%, #3396FF); --apkt-tokens-core-iconAccentCertified: color-mix(in srgb, #263045 40%, #C7B994); --apkt-tokens-core-iconSuccess: color-mix(in srgb, #263045 40%, #30A46B); --apkt-tokens-core-iconError: color-mix(in srgb, #263045 40%, #DF4A34); --apkt-tokens-core-iconWarning: color-mix(in srgb, #263045 40%, #F3A13F); --apkt-tokens-core-glass010: rgba(255, 255, 255, 0.1); --apkt-tokens-core-zIndex: 99999999; --apkt-tokens-theme-overlay: color-mix(in srgb, #263045 40%, rgba(0, 0, 0, 0.50)); --apkt-tokens-theme-backgroundPrimary: color-mix(in srgb, #263045 40%, var(--apkt-tokens-theme-backgroundPrimary-base)); --apkt-tokens-theme-backgroundInvert: color-mix(in srgb, #263045 40%, #FFFFFF); --apkt-tokens-theme-textPrimary: color-mix(in srgb, #263045 40%, #FFFFFF); --apkt-tokens-theme-textSecondary: color-mix(in srgb, #263045 40%, #9A9A9A); --apkt-tokens-theme-textTertiary: color-mix(in srgb, #263045 40%, #BBBBBB); --apkt-tokens-theme-textInvert: color-mix(in srgb, #263045 40%, #202020); --apkt-tokens-theme-borderPrimary: color-mix(in srgb, #263045 40%, #2A2A2A); --apkt-tokens-theme-borderPrimaryDark: color-mix(in srgb, #263045 40%, #363636); --apkt-tokens-theme-borderSecondary: color-mix(in srgb, #263045 40%, #4F4F4F); --apkt-tokens-theme-foregroundPrimary: color-mix(in srgb, #263045 40%, #252525); --apkt-tokens-theme-foregroundSecondary: color-mix(in srgb, #263045 40%, #2A2A2A); --apkt-tokens-theme-foregroundTertiary: color-mix(in srgb, #263045 40%, #363636); --apkt-tokens-theme-iconDefault: color-mix(in srgb, #263045 40%, #9A9A9A); --apkt-tokens-theme-iconInverse: color-mix(in srgb, #263045 40%, #FFFFFF); --apkt-borderRadius-1: 4px; --apkt-borderRadius-2: 8px; --apkt-borderRadius-3: 12px; --apkt-borderRadius-4: 16px; --apkt-borderRadius-5: 20px; --apkt-borderRadius-6: 24px; --apkt-borderRadius-8: 32px; --apkt-borderRadius-10: 10px; --apkt-borderRadius-16: 64px; --apkt-borderRadius-20: 80px; --apkt-borderRadius-32: 128px; --apkt-borderRadius-64: 256px; --apkt-borderRadius-128: 512px; --apkt-borderRadius-round: 9999px; --apkt-spacing-0: 0px; --apkt-spacing-1: 4px; --apkt-spacing-2: 8px; --apkt-spacing-3: 12px; --apkt-spacing-4: 16px; --apkt-spacing-5: 20px; --apkt-spacing-6: 24px; --apkt-spacing-7: 28px; --apkt-spacing-8: 32px; --apkt-spacing-9: 36px; --apkt-spacing-10: 40px; --apkt-spacing-12: 48px; --apkt-spacing-14: 56px; --apkt-spacing-16: 64px; --apkt-spacing-20: 80px; --apkt-spacing-32: 128px; --apkt-spacing-64: 256px; --apkt-spacing-01: 2px; --apkt-durations-xl: 400ms; --apkt-durations-lg: 200ms; --apkt-durations-md: 125ms; --apkt-durations-sm: 75ms; --apkt-easings-ease-out-power-2: cubic-bezier(0.23, 0.09, 0.08, 1.13); --apkt-easings-ease-out-power-1: cubic-bezier(0.12, 0.04, 0.2, 1.06); --apkt-easings-ease-in-power-2: cubic-bezier(0.92, -0.13, 0.77, 0.91); --apkt-easings-ease-in-power-1: cubic-bezier(0.88, -0.06, 0.8, 0.96); --apkt-easings-ease-inout-power-2: cubic-bezier(0.77, 0.09, 0.23, 1.13); --apkt-easings-ease-inout-power-1: cubic-bezier(0.88, 0.04, 0.12, 1.06); --apkt-tokens-theme-backgroundPrimary-base: #202020; --apkt-tokens-core-backgroundAccentPrimary-base: #0988F0; --w3m-font-family: inherit; --w3m-accent: #3396FF; --w3m-color-mix: #263045; --w3m-color-mix-strength: 40%; --w3m-font-size-master: 10px; --w3m-border-radius-master: 4px; } @charset "utf-8"; @property --xp-progress { syntax: ""; inherits: false; initial-value: 0deg; } @charset "utf-8"; .hidden-scratch { min-height: 100vh; height: 100%; overflow: hidden; width: 100%; } @charset "utf-8"; .main-wrapper { background: darkgreen !important; } [title^="Go to Ortak"] { display: block !important; } [title^="YoPhoneAppContent"] { display: none !important; } [class*="is-web"] .YoPhoneAppContent { padding: 10px 15px; display: none !important; } [class*="is-web"] .inAuthPopup { display: none !important; } [class*="is-mobile"] .YoPhoneAppContent { padding: 10px 15px; display: none !important; } .infoTime { display: none !important; } .layout-bc:not(.hasLeftMenu) .layout-content-holder-bc, .layout-bc:not(.hasLeftMenu) .layout-footer-holder-bc { padding: 0px 30px !important; max-width: var(--layout-width) !important; margin: 0px auto !important; } .horizontal-sl-item-bc.accordion-button.badge-exclusive.galabetözel { color: rgb(255, 255, 255) !important; background: rgba(var(--hero), 1) !important; box-shadow: 0px 5px 5px 5px !important; } .powered-by { display: none !important; } .switch-popup-wrapper { display: none !important; } .switch-list-buttons { display: none !important; } .switch-popup .status-popup-content-w-bc { display: none !important; } .switch-list img { display: none !important; } .switch-popup-content { display: none !important; } .promotion-bonus-request { position: absolute !important; left: 8.5% !important; top: 40% !important; } .btn.a-color { background: rgb(33, 159, 26) !important; } .btn.register { background: transparent !important; border-image: linear-gradient(to left, rgba(19, 19, 19, 0.13) 0%, rgb(0, 255, 10) 50%, rgba(19, 19, 19, 0.13) 100%) 100% 0 / 1px 0 / 0 stretch !important; box-shadow: rgb(48, 212, 38) 0px 0px 1px 2px !important; border-top: 1px solid !important; padding: 0px 10px !important; color: rgb(255, 255, 255) !important; animation: 1s ease 0s infinite normal none running pulse-white !important; } .popup-inner-bc { border-radius: 40px !important; border-width: 2px !important; border-style: solid !important; border-color: rgb(48, 212, 38) !important; padding-top: 10px !important; box-shadow: rgb(48, 212, 38) 0px -2px 30px !important; } .skill-games-s-g-page-row-bc { margin-top: 90px !important; } .header-user-nav .nav-menu-sub .nav-menu-item { color: rgb(48, 212, 38) !important; } .hdr-user-avatar-icon-bc { color: rgb(48, 212, 38) !important; } .currency-control-symbol { background-color: rgb(64, 146, 61) !important; } .sidebar-content { top: 60% !important; } .expandable-info-body { color: rgb(245, 10, 10) !important; font-size: 16px !important; } .sidebar-title { font-size: 12px !important; } .sidebar-imageSrc { background: rgb(70, 127, 52) !important; } .sidebar-item { padding: 10px !important; text-transform: math-auto !important; } .sidebar-image { height: 35px !important; } .sidebar-image img { height: 100%; object-fit: contain; width: auto !important; } .casinoJackpotLevelEl-bc { justify-content: center; height: 90px; cursor: pointer; background-color: rgb(23, 28, 44) !important; border-radius: 10px !important; background-attachment: initial !important; background-repeat: no-repeat !important; background-position: center center !important; } .casinoJackpotLevelTitle-bc { display: flex !important; line-height: 20px !important; color: rgb(125, 190, 57) !important; text-transform: uppercase !important; font-weight: 400 !important; font-size: 24px !important; padding-top: 10px !important; font-family: fantasy !important; } .bonusExchangeInnerCoverImg-bc { width: 100% !important; object-fit: contain !important; } .jackpot-banner.jackpot-widget-full .casinoJackpotWrapper-bc { min-height: auto; padding-bottom: 0px; padding-top: 0px !important; background: rgb(49, 57, 195) !important; } .jackpot-widget-full .jackpot-pool-container { margin-top: -7px !important; } .casinoJackpotLevelEl-bc { margin-top: -1.1% !important; } .jackpot-banner.jackpot-widget-full .casinoJackpotWrapper-bc::before { background-image: linear-gradient(90deg, rgb(45, 52, 68) 0%, rgb(144, 210, 79) 49%, rgb(45, 52, 68) 100%) !important; z-index: 0; } .slider-market-coefficient-container .market-bc:not(.active) { background: rgb(29, 110, 21) !important; box-shadow: 3px 0px 24px !important; } .slider-market-coefficient-container .market-bc { border-radius: 40px !important; } .layout-header-holder-bc { box-shadow: rgb(23, 28, 44) 0px 1px 0px 0px !important; } .crypto-currency-data i { color: rgb(48, 212, 38) !important; } .jackpot-pool-status { margin-bottom: 8px !important; color: rgb(143, 207, 78) !important; font-size: 14px !important; font-weight: 500 !important; } .casinoJackpotLevelPrice-bc.odometer.odometer-auto-theme { font-size: 25px !important; } .slider-bc .swiper-button-prev { background: rgb(68, 167, 66) !important; } .slider-bc .swiper-button-next { background: rgb(68, 167, 66) !important; } .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal { color: rgb(68, 167, 66) !important; } .casinoJackpotLevelPrice-bc::after { content: attr(data-cur) !important; display: flex !important; justify-content: center !important; margin-inline-start: 5px !important; font-size: 15px !important; } .casinoJackpotLevelPrice-bc { color: rgb(255, 255, 255) !important; font-size: 20px !important; } .jackpot-pool-wrapper { width: 100% !important; margin-top: 10px !important; padding: 10px !important; border-radius: 4px !important; backdrop-filter: blur(8px) !important; background: rgba(43, 63, 106, 0.3) !important; } .jackpot-pool-title { margin-bottom: 5px !important; color: rgb(143, 207, 78) !important; font-size: 12px !important; text-transform: uppercase !important; } .jackpot-pool-container { background: rgb(23, 28, 44) !important; padding-top: 0px !important; border-radius: 10px !important; color: rgb(52, 216, 27) !important; } .market-odd-bc { font-size: 13px; line-height: 15px; transition: color 0.24s; color: rgb(255, 255, 255) !important; } .countdown-banner-names { padding-left: 7px !important; } .countdown-banner-counter + .countdown-banner-counter::before { margin-left: 14px !important; top: 14px !important; padding-inline-start: 1px !important; left: -10px !important; } .countdown-banner-content { background: none !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; backdrop-filter: none !important; box-shadow: none !important; } .countdown-banner-date { font-size: 30px !important; line-height: 15px !important; margin-bottom: 30px !important; margin-top: 15px !important; padding-inline-start: 15px !important; padding-right: 6px !important; } .promotion-details-container { height: 100% !important; background: url("/galabet-static/external/css-acbb146242ea5c4e1c7a.png") center center / cover no-repeat !important; border: 1px solid rgb(157, 194, 90) !important; box-shadow: rgb(179, 221, 104) 1px -4px 7px !important; } .hdr-logo-bc { display: flex; object-fit: contain; max-width: 300px; padding: 4px 0px; height: 150% !important; } .btn.a-color { color: rgb(231, 235, 229) !important; background: rgb(48, 212, 38) !important; } .btn.a-color:hover { cursor: pointer; background: rgb(93, 171, 65) !important; } .c-info-icon-bc.bc-i-bet-builder { color: rgb(234, 203, 11) !important; } .entrance-form-bc.registration .slider-bc { max-width: 645px !important; } .entrance-f-error-message-bc { color: rgb(188, 193, 188) !important; --oc-3-rgb: 1, 10, 80; } .notification-new-item { color: rgb(122, 239, 49) !important; } .nav-menu-container .nav-menu, .nav-menu-container .nav-menu-other { display: flex; background: rgb(41, 48, 67) !important; } .header-bc { background: rgb(0, 12, 33) !important; } .casino-info-block .main-tabs-bc .tab-bc.active { background: rgb(111, 175, 71) !important; } .casino-winners-amount { color: rgb(122, 239, 49) !important; } .casino-tournament-name { max-width: 100%; color: rgb(122, 239, 49) !important; } .hdr-smart-panel-holder-arrow-bc { --hero: #6bc34b !important; } .ftr-g-i-head-bc { background: rgb(41, 48, 67) !important; } .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active, .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active { color: rgb(255, 255, 255) !important; } .promotions-article-title { display: none !important; } .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item { padding: 0px 18px; letter-spacing: 0px !important; } .ftr-payments-row-img-bc { width: 90px !important; height: 30px !important; cursor: pointer !important; margin: 2px !important; } .ftr-payments-row-img-bc { object-fit: cover !important; border-radius: 5px !important; padding: 0px !important; } .m-nav-items-list-item-bc:not(.active) { border: 0px solid transparent; background: none !important; } .m-nav-items-list-item-bc { cursor: pointer; height: auto !important; } .m-nav-items-list-item-bc { width: 100%; border-radius: 4px; padding: 0px 1px !important; color: rgba(var(--b-sc),.6) !important; transition: background-color 0.24s, color 0.24s !important; } .informative-widget-link { border-top: 2px solid rgba(var(--hero), 1); border-radius: 4px; display: flex !important; justify-content: center !important; background: rgb(23, 28, 44) !important; } .m-nav-items-list-item-bc { width: 100%; padding: 0px 2px !important; } .dep-w-info-bc { display: flex; flex-direction: column !important; } ::-webkit-scrollbar-track { border-radius: 4px; background: rgb(249, 250, 249) !important; } ::-webkit-scrollbar-thumb { border-radius: 4px; background: rgb(73, 172, 80) !important; } .form-control-message-bc { display: flex; padding: 1px; color: rgba(var(--b-sc), 1); background: rgba(var(--oc-3),.2); border-radius: 4px; font-size: 10px; } .m-nav-items-list-item-bc .nav-ico-w-row-bc .payment-logo { max-width: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } .m-nav-items-list-item-bc .nav-ico-w-row-bc { width: 100%; display: flex; align-items: center; justify-content: center; position: relative; padding-top: 1px !important; padding-bottom: 1px !important; height: 80px !important; } .payment-info-bc { padding: 10px !important; margin: 0px 15px 1px !important; background: rgba(var(--b-sc),.05) !important; border-radius: 4px !important; flex: 1 1 auto !important; will-change: scroll-position !important; overflow: hidden auto !important; } .m-block-nav-items-bc { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important; padding: 15px 0px 10px !important; } .m-block-nav-items-bc { text-align: center; width: 100% !important; padding: 15px 0px 10px !important; grid-template-rows: max-content !important; display: grid !important; gap: 5px !important; } .popup-holder-bc.user-profile-container > .popup-middleware-bc > .popup-inner-bc { width: 1600px !important; height: 96vh !important; } .casinoJackpotSliderEl-bc.active::before { transform: scale(1) translateZ(0px) !important; } .popup-holder-bc.windowed .popup-inner-bc { width: auto !important; } .status-popup-content-w-bc { width: 100% !important; } .casino-popup-content > p img { } .popup-holder-bc.bet-builder-top.windowed.info .popup-inner-bc { width: 100% !important; } #betslip_container .casinoJackpotLevelEl-bc { background: rgb(23, 28, 44) !important; } .casino-info-block .main-tabs-bc .tab-bc:not(.active) { display: none !important; } .bc-i-archive::before { content: "" !important; } .product-banner-info-bc::before { background: transparent !important; } .sdr-item-bc::before { background: initial !important; } .casino-game-item.badge-tournament::after { width: 81px !important; height: 64px !important; } .casino-game-item.badge-exclusive::after { width: 77px !important; height: 61px !important; } .casino-game-item.badge-new::after { width: 77px !important; height: 61px !important; } .casino-game-item.badge-promo::after { width: 93px !important; height: 71px !important; } .promotion-bonus-request { position: absolute !important; left: 8.5% !important; top: 46% !important; } img.authentication-image { content: url("/galabet-static/external/css-6bbb55b022d36327ad2e.png") !important; } .casino-slots > .layout-content-holder-bc > .hm-row-bc.has-slider { grid-template-columns: 9fr 3.73fr !important; } i.horizontal-sl-icon-bc.bc-i-default-icon.bc-i-galabetözel::before { content: ""; display: block; width: 21px; height: 21px; background: url("/galabet-static/external/css-70b755f7d9596509e353.png") 0% 0% / contain no-repeat !important; } i.horizontal-sl-icon-bc.bc-i-default-icon.bc-i-galabetözelturnuvalar::before { content: ""; display: block; width: 18px; height: 18px; background: url("/galabet-static/external/css-70b755f7d9596509e353.png") 0% 0% / contain no-repeat !important; } @keyframes glowing3 { 0% { background: linear-gradient(to right, rgb(83, 147, 79) 0%, rgb(58, 202, 50) 100%); box-shadow: rgb(58, 202, 50) 0px 0px 10px; } 50% { background: linear-gradient(to right, rgb(83, 147, 79) 0%, rgb(58, 202, 50) 100%); box-shadow: rgb(58, 202, 50) 0px 0px 25px; } 100% { background: linear-gradient(to right, rgb(83, 147, 79) 0%, rgb(58, 202, 50) 100%); box-shadow: rgb(58, 202, 50) 0px 0px 10px; } } .badge-exclusive::after { animation: 1300ms ease 0s infinite normal none running glowing3; } .header-custom-buttons a.btn.a-color.header-icon-text.bc-i-bonus { background: rgb(88, 164, 0) !important; } .btn.a-color { background: rgb(88, 164, 0) !important; } a.btn.a-color.header-icon-text.bc-i-bonus span { font-family: inherit !important; font-size: 11px !important; font-weight: 500 !important; } .filter-sports-bc .tooltipIconWrapper:nth-child(3) > .btn.s-small.a-outline { background: url("/galabet-static/external/css-9e7541d5b93f1654219e.png") center center / contain no-repeat !important; border: 0px !important; } .filter-sports-bc .tooltipIconWrapper:nth-child(3) > .btn.s-small.a-outline > span.CMSIconSVGWrapper { display: none !important; } p.m-nav-list-item-title-bc { display: none !important; } .tab-bc.suggested { color: rgb(210, 0, 0) !important; } .horizontal-sl-item-bc.accordion-button.all { order: 10; margin-left: 4px; } .jackpot-banner .swiper { padding-top: 6px !important; padding-bottom: 6px !important; } .my-profile-info-block.verify-account-page .verify-form { display: none !important; } .FooterLicenceCuracaoContainer.anj-container div { min-width: 90px !important; } .my-profile-info-block.timeout-limits-page form { display: none !important; } .description-c-row-bc.deposit { display: none !important; } h3.congrats-block-title { word-break: normal !important; } p.congrats-block-desc { word-break: normal !important; } .horizontalSliderElem { width: auto !important; } .jackpotWidgetWrapper::before { background: none !important; } .jackpotWidgetWrapper { border-top: 2px solid rgb(88, 164, 0) !important; background: linear-gradient(0deg, rgba(var(--b-sc), .04), rgba(var(--b-sc), .04)), linear-gradient(0deg, rgba(var(--hero), 0), #63ab0f 199%) !important; } [class*="is-web"] .jackpotPoolsWidgetTemplate { padding-top: 0px !important; } .jackpotPoolsWidgetTemplate.sportsbook-jackpot::before, .jackpotPoolsWidgetTemplate.sportsbook-jackpot::after, .jackpotPoolsWidgetTemplate.africabet-sports-jackpot::before, .jackpotPoolsWidgetTemplate.africabet-sports-jackpot::after { background-image: none !important; } [class*="is-web"] .jackpotWidgetWrapper { padding: 0px 12px !important; } .jackpotPoolLevelTitle > span { font-size: 11px !important; } [class*="is-web"] .jackpotPoolLevel { gap: 5px !important; } .hm-row-bc:not(:first-child:empty) + .hm-row-bc { margin-top: 10px !important; } jackpotpoollevel jackpotpoollevelhomepagewidget .casinoJackpotLevelList { display: none !important; } .footerWarningAge { margin-right: 10px !important; border-width: 4px !important; font-size: 24px !important; line-height: 12px !important; } .footerWarningAge { display: flex; justify-content: center; align-items: center; flex: 0 0 auto; border-style: solid; border-radius: 50%; font-weight: 700; width: 54px !important; height: 54px !important; border-color: rgb(88, 164, 0) !important; color: rgb(88, 164, 0) !important; } .copyRightBlock { width: 100%; display: flex; align-items: center; box-shadow: 0 1px rgba(var(--b-sc), .1) inset; justify-content: center !important; } .casinoGameDetailsPopup { & .casinoGameDetails { & .tabsBcItem:nth-child(2) { display: none !important; } & .tabItemBg { width: 100% !important; transform: translateX(0px) !important; } } } .casino-slots .casinoGamesListWrapper .casinoGamesList { grid-template-columns: repeat(7, 1fr) !important; } a.btn.a-color.header-icon-text { font-size: 11px !important; } .wallet-btn { background-image: url("/galabet-static/assets/login-0094-f92bca00966a.png") !important; background-size: auto 24px !important; background-repeat: no-repeat !important; background-position: center center !important; } .wallet-btn #w3m-wc-logo { visibility: hidden !important; } .my-profile-info-block.loyalty-points-page .loyaltyHorizontalList .loyaltySliderCard { --tier-rgb: 140, 150, 160; cursor: pointer !important; transform-origin: center center !important; transition: background 0.22s, box-shadow 0.22s, filter 0.22s, transform 0.22s !important; } .my-profile-info-block.loyalty-points-page .horizontalCategoryItemWrp:nth-child(1) .loyaltySliderCard { --tier-rgb: 150, 116, 58; } .my-profile-info-block.loyalty-points-page .horizontalCategoryItemWrp:nth-child(2) .loyaltySliderCard { --tier-rgb: 130, 151, 169; } .my-profile-info-block.loyalty-points-page .horizontalCategoryItemWrp:nth-child(3) .loyaltySliderCard { --tier-rgb: 235, 177, 73; } .my-profile-info-block.loyalty-points-page .horizontalCategoryItemWrp:nth-child(4) .loyaltySliderCard { --tier-rgb: 91, 116, 153; } .my-profile-info-block.loyalty-points-page .horizontalCategoryItemWrp:nth-child(5) .loyaltySliderCard { --tier-rgb: 136, 167, 186; } .my-profile-info-block.loyalty-points-page .horizontalCategoryItemWrp:nth-child(6) .loyaltySliderCard { --tier-rgb: 67, 132, 69; } .my-profile-info-block.loyalty-points-page .loyaltySliderCard:not(.active) { background: linear-gradient( 180deg, rgba(var(--tier-rgb), 0.38), rgba(var(--tier-rgb), 0.18) ) !important; box-shadow: rgba(255, 255, 255, 0.16) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 2px 7px !important; } .my-profile-info-block.loyalty-points-page .loyaltySliderCard.active { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18), 0 0 0 1px rgba(var(--tier-rgb), 0.70), 0 4px 12px rgba(var(--tier-rgb), 0.28) !important; } @media (hover: hover) and (pointer: fine) { .my-profile-info-block.loyalty-points-page .loyaltySliderCard:not(.active):hover { z-index: 5 !important; background: linear-gradient( 180deg, rgba(var(--tier-rgb), 0.72), rgba(var(--tier-rgb), 0.34) ) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.34), 0 0 0 1px rgba(var(--tier-rgb), 1), 0 7px 20px rgba(var(--tier-rgb), 0.42) !important; filter: brightness(1.2) saturate(1.12) !important; transform: translateY(-3px) scale(1.025) !important; } } .my-profile-info-block.loyalty-points-page .loyaltySliderCard:active { filter: brightness(1.28) !important; transform: scale(0.98) !important; transition-duration: 0.08s !important; } @property --sidebar-edge-angle { syntax: ""; inherits: false; initial-value: 0deg; } @keyframes sidebarTargetEdgeTour { 0% { --sidebar-edge-angle: 0deg; } 100% { --sidebar-edge-angle: 360deg; } } @keyframes sidebarTargetTitleIn { 0% { opacity: 0; } 100% { opacity: 1; } } .asideMenuContent .asideMenu > .asideMenuCompact, .asideMenuContent .asideMenu > .asideMenuOpen { box-sizing: border-box !important; will-change: auto !important; transition: none !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important; } .asideMenuContent .asideMenu > .asideMenuCompact { width: 72px !important; } .asideMenuContent .asideMenu > .asideMenuOpen { width: 240px !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem, .asideMenuContent .asideMenuOpen > .asideMenuNavItem { isolation: isolate; position: relative !important; overflow: visible !important; transition: none !important; animation: auto ease 0s 1 normal none running none !important; transform: none !important; will-change: auto !important; border-color: transparent !important; outline: 0px !important; box-shadow: none !important; background: none transparent !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem { width: 46px !important; margin-left: auto !important; margin-right: auto !important; padding: 0px !important; box-sizing: border-box !important; } .asideMenuContent .asideMenuOpen > .asideMenuNavItem { margin-left: 0px !important; margin-right: 0px !important; padding: 0px !important; box-sizing: border-box !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem:hover, .asideMenuContent .asideMenuOpen > .asideMenuNavItem:hover, .asideMenuContent .asideMenuCompact > .asideMenuNavItem:focus-within, .asideMenuContent .asideMenuOpen > .asideMenuNavItem:focus-within { z-index: 20; border-color: transparent !important; outline: 0px !important; box-shadow: none !important; background: none transparent !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem + .asideMenuNavItem, .asideMenuContent .asideMenuOpen > .asideMenuNavItem + .asideMenuNavItem { margin-top: -2px !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem > [role="region"][aria-hidden], .asideMenuContent .asideMenuOpen > .asideMenuNavItem > [role="region"][aria-hidden] { border-color: transparent !important; outline: 0px !important; box-shadow: none !important; background: none transparent !important; } .asideMenuContent .asideMenuOpen > .asideMenuNavItem .asideSubMenu, .asideMenuContent .asideMenuCompact > .asideMenuNavItem .asideSubMenu { border-color: transparent !important; outline: 0px !important; box-shadow: none !important; background: none transparent !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem:focus, .asideMenuContent .asideMenuCompact > .asideMenuNavItem:focus-visible, .asideMenuContent .asideMenuCompact > .asideMenuNavItem:focus-within, .asideMenuContent .asideMenuOpen > .asideMenuNavItem:focus, .asideMenuContent .asideMenuOpen > .asideMenuNavItem:focus-visible, .asideMenuContent .asideMenuOpen > .asideMenuNavItem:focus-within { border-color: transparent !important; outline: 0px !important; box-shadow: none !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem > .asideMenuNavGradient, .asideMenuContent .asideMenuOpen > .asideMenuNavItem > .asideMenuNavGradient { --sidebar-edge-angle: 0deg; z-index: 3; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); opacity: 0.8; display: block !important; position: absolute !important; top: 0px !important; left: 0px !important; height: 46px !important; margin: 0px !important; padding: 1px !important; border: 0px !important; border-radius: 11px !important; outline: 0px !important; box-sizing: border-box !important; pointer-events: none !important; transform: none !important; background-color: transparent !important; background-image: conic-gradient( from var(--sidebar-edge-angle), rgba(var(--neutral), .14) 0deg, rgba(var(--neutral), .14) 318deg, rgba(var(--neutral), .18) 326deg, rgba(var(--neutral), .90) 335deg, rgba(var(--accent), .90) 344deg, rgba(var(--brand), .58) 351deg, rgba(var(--neutral), .20) 359deg, rgba(var(--neutral), .14) 360deg ) !important; box-shadow: none !important; filter: none !important; animation: 11s linear 0s infinite normal none running sidebarTargetEdgeTour !important; transition: opacity 225ms !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem > .asideMenuNavGradient { width: 100% !important; } .asideMenuContent .asideMenuOpen > .asideMenuNavItem > .asideMenuNavGradient { width: 100% !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem > .asideMenuNavGradient::before, .asideMenuContent .asideMenuCompact > .asideMenuNavItem > .asideMenuNavGradient::after, .asideMenuContent .asideMenuOpen > .asideMenuNavItem > .asideMenuNavGradient::before, .asideMenuContent .asideMenuOpen > .asideMenuNavItem > .asideMenuNavGradient::after { content: none !important; display: none !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem::before, .asideMenuContent .asideMenuOpen > .asideMenuNavItem::before { content: none !important; display: none !important; animation: auto ease 0s 1 normal none running none !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem > .asideMenuNavLink, .asideMenuContent .asideMenuOpen > .asideMenuNavItem > .asideMenuNavLink { z-index: 2; position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; height: 46px !important; margin-left: 0px !important; margin-right: 0px !important; padding: 0px !important; box-sizing: border-box !important; overflow: visible !important; border: 1px solid transparent !important; border-radius: 11px !important; outline: 0px !important; background: none transparent !important; backdrop-filter: none !important; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 5px !important; animation: auto ease 0s 1 normal none running none !important; transform: none !important; transition: border-color 225ms, box-shadow 225ms !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem > .asideMenuNavLink { width: 100% !important; } .asideMenuContent .asideMenuOpen > .asideMenuNavItem > .asideMenuNavLink { width: 100% !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem > .asideMenuNavLink > .tooltipIconWrapper, .asideMenuContent .asideMenuCompact > .asideMenuNavItem > .asideMenuNavLink .asideMenuCompactNav, .asideMenuContent .asideMenuOpen > .asideMenuNavItem > .asideMenuNavLink .asideMenuOpenNav { z-index: 3; position: relative !important; height: 46px !important; box-sizing: border-box !important; border: 0px !important; outline: 0px !important; box-shadow: none !important; overflow: visible !important; background: none transparent !important; backdrop-filter: none !important; transition: none !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem > .asideMenuNavLink > .tooltipIconWrapper { width: 46px !important; } .asideMenuContent .asideMenuCompact .asideMenuCompactNav { width: 46px !important; padding: 0px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .asideMenuContent .asideMenuCompact .asideMenuOpenNavTitle, .asideMenuContent .asideMenuCompact .asideMenuArrowRight { display: none !important; } .asideMenuContent .asideMenuOpen .asideMenuOpenNav { width: 100% !important; padding: 0px 11px !important; display: grid !important; grid-template-columns: 24px minmax(0px, 1fr) auto !important; align-items: center !important; column-gap: 10px !important; transition: none !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important; } .asideMenuContent .asideMenuOpen .asideMenuOpenNavTitle { min-width: 0px !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: rgba(var(--neutral), .90) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; animation: 120ms ease 20ms 1 normal both running sidebarTargetTitleIn !important; } .asideMenuContent .asideMenuOpen .asideMenuOpenArrowDown { justify-self: end !important; margin-inline-start: auto !important; color: rgba(var(--neutral), .72) !important; transition: none !important; transform: none !important; animation: 120ms ease 20ms 1 normal both running sidebarTargetTitleIn !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem:hover > .asideMenuNavLink, .asideMenuContent .asideMenuOpen > .asideMenuNavItem:hover > .asideMenuNavLink { border-color: transparent !important; background: none transparent !important; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px !important; transform: none !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem:hover > .asideMenuNavGradient, .asideMenuContent .asideMenuOpen > .asideMenuNavItem:hover > .asideMenuNavGradient { opacity: 1; filter: none !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem:hover::before, .asideMenuContent .asideMenuOpen > .asideMenuNavItem:hover::before { content: none !important; display: none !important; animation: auto ease 0s 1 normal none running none !important; } .asideMenuContent .asideMenuCompact .asideMenuNavItemIconWrapper, .asideMenuContent .asideMenuOpen .asideMenuNavItemIconWrapper { z-index: 4; position: relative !important; color: rgba(var(--neutral), .90) !important; filter: none !important; transform: none !important; transition: color 225ms !important; } .asideMenuContent .asideMenuCompact .asideMenuNavItemIconWrapper svg, .asideMenuContent .asideMenuOpen .asideMenuNavItemIconWrapper svg { color: inherit !important; fill: currentcolor !important; } .asideMenuContent .asideMenuCompact .asideMenuNavItemIconWrapper svg [fill="currentColor"], .asideMenuContent .asideMenuOpen .asideMenuNavItemIconWrapper svg [fill="currentColor"] { fill: currentcolor !important; } .asideMenuContent .asideMenuCompact .asideMenuNavItemIconWrapper svg [stroke="currentColor"], .asideMenuContent .asideMenuOpen .asideMenuNavItemIconWrapper svg [stroke="currentColor"] { stroke: currentcolor !important; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem:hover .asideMenuNavItemIconWrapper, .asideMenuContent .asideMenuOpen > .asideMenuNavItem:hover .asideMenuNavItemIconWrapper { color: rgb(var(--accent)) !important; } .asideMenuContent .asideMenuNavLink.badge-new::before, .asideMenuContent .asideMenuNavLink.badge-new::after, .asideMenuContent .asideMenuNavLink.badge-exclusive::before, .asideMenuContent .asideMenuNavLink.badge-exclusive::after, .asideMenuContent .asideMenuNavLink.badge-free::before, .asideMenuContent .asideMenuNavLink.badge-free::after { z-index: 7 !important; pointer-events: none; } .asideMenuContent .asideMenuCompact > .asideMenuNavItem > .asideMenuNavLink > .tooltipIconWrapper::before, .asideMenuContent .asideMenuCompact > .asideMenuNavItem > .asideMenuNavLink > .tooltipIconWrapper::after { z-index: 6 !important; } .asideMenuContent :is(.asideMenuCompact, .asideMenuOpen) > .asideMenuNavItem:has(> .asideMenuNavLink:is([aria-label="Casino" i], [aria-label="CASİNO" i], [aria-label="Canlı Casino" i], [aria-label="Canlı CASİNO" i], [aria-label="CANLI CASINO" i], [aria-label="CANLI CASİNO" i], [aria-label="Spor" i])) > .asideMenuNavLink { border-color: transparent !important; background-color: rgba(var(--accent), .035) !important; background-image: linear-gradient( 100deg, rgba(var(--accent), .15) 0%, rgba(var(--brand), .07) 48%, rgba(var(--accent), .025) 100% ) !important; box-shadow: inset 0 1px 0 rgba(var(--neutral), .10), 0 4px 10px rgba(0, 0, 0, .20), 0 0 11px rgba(var(--accent), .16) !important; } .asideMenuContent :is(.asideMenuCompact, .asideMenuOpen) > .asideMenuNavItem:has(> .asideMenuNavLink:is([aria-label="Casino" i], [aria-label="CASİNO" i], [aria-label="Canlı Casino" i], [aria-label="Canlı CASİNO" i], [aria-label="CANLI CASINO" i], [aria-label="CANLI CASİNO" i], [aria-label="Spor" i])) > .asideMenuNavGradient { opacity: 1 !important; background-image: conic-gradient( from var(--sidebar-edge-angle), rgba(var(--accent), .38) 0deg, rgba(var(--accent), .38) 305deg, rgba(var(--neutral), .28) 314deg, rgba(var(--accent), .72) 324deg, rgba(var(--accent), 1) 338deg, rgba(var(--brand), 1) 349deg, rgba(var(--neutral), .76) 356deg, rgba(var(--accent), .38) 360deg ) !important; } .asideMenuContent :is(.asideMenuCompact, .asideMenuOpen) > .asideMenuNavItem:has(> .asideMenuNavLink:is([aria-label="Casino" i], [aria-label="CASİNO" i], [aria-label="Canlı Casino" i], [aria-label="Canlı CASİNO" i], [aria-label="CANLI CASINO" i], [aria-label="CANLI CASİNO" i], [aria-label="Spor" i]))::before { content: none !important; display: none !important; animation: auto ease 0s 1 normal none running none !important; } .asideMenuContent :is(.asideMenuCompact, .asideMenuOpen) > .asideMenuNavItem:has(> .asideMenuNavLink:is([aria-label="Casino" i], [aria-label="CASİNO" i], [aria-label="Canlı Casino" i], [aria-label="Canlı CASİNO" i], [aria-label="CANLI CASINO" i], [aria-label="CANLI CASİNO" i], [aria-label="Spor" i])):hover > .asideMenuNavLink { border-color: transparent !important; background-color: rgba(var(--accent), .06) !important; background-image: linear-gradient( 100deg, rgba(var(--accent), .21) 0%, rgba(var(--brand), .10) 52%, rgba(var(--accent), .04) 100% ) !important; box-shadow: inset 0 1px 0 rgba(var(--neutral), .14), 0 5px 12px rgba(0, 0, 0, .22), 0 0 16px rgba(var(--accent), .25) !important; } .asideMenuContent :is(.asideMenuCompact, .asideMenuOpen) > .asideMenuNavItem:has(> .asideMenuNavLink:is([aria-label="Casino" i], [aria-label="CASİNO" i], [aria-label="Canlı Casino" i], [aria-label="Canlı CASİNO" i], [aria-label="CANLI CASINO" i], [aria-label="CANLI CASİNO" i], [aria-label="Spor" i])) .asideMenuNavItemIconWrapper { color: rgb(var(--accent)) !important; opacity: 1 !important; filter: brightness(1.34) saturate(1.18) drop-shadow( 0 0 5px rgba(var(--accent), .48) ) !important; } .asideMenuContent :is(.asideMenuCompact, .asideMenuOpen) > .asideMenuNavItem:has(> .asideMenuNavLink:is([aria-label="Casino" i], [aria-label="CASİNO" i], [aria-label="Canlı Casino" i], [aria-label="Canlı CASİNO" i], [aria-label="CANLI CASINO" i], [aria-label="CANLI CASİNO" i], [aria-label="Spor" i])) .asideMenuNavItemIconWrapper svg { color: inherit !important; fill: currentcolor !important; } .jackpot-pools-widget .sportsbook-jackpot > .jackpot-pool-card__wrapper::before { background-image: linear-gradient(to right, rgba(88, 164, 0, 0) 10%, rgb(162, 227, 89) 40%, rgb(98, 171, 25) 60%, rgb(88, 164, 0) 80%, rgba(88, 164, 0, 0) 100%) !important; box-shadow: rgba(88, 164, 0, 0.5) 0px 0px 20px !important; } @media (min-width: 769px) { .hm-row-bc > .hm-row-bc-inner > .jackpot-pools-widget { position: relative !important; top: -8px !important; } } .layout-content-holder-bc .jackpot-pools-widget .jackpot-pool-card.sportsbook-jackpot { container: gala-sports-jackpot / inline-size; height: auto !important; min-height: 0px !important; } .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool-card__wrapper, .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool-card__level { height: auto !important; min-height: 0px !important; } .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool-card__level { row-gap: 4px !important; } .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool-card__title { margin-bottom: 0px !important; padding-bottom: 0px !important; } .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool-card__pools { margin-top: 0px !important; display: grid !important; grid-template-columns: minmax(0px, 1.15fr) repeat(2, minmax(0px, 1fr)) !important; grid-template-rows: auto !important; grid-auto-flow: row !important; gap: 12px !important; align-items: stretch !important; width: 100% !important; height: auto !important; min-height: 0px !important; } .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool-card__pools > .jackpot-pool-card__first, .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool-card__pools > .jackpot-pools-list, .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool-card__first > .jackpot-pools-list { display: contents !important; } .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pools-list > .tooltipIconWrapper { display: block !important; width: 100% !important; min-width: 0px !important; margin: 0px !important; grid-area: auto !important; } .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool { box-sizing: border-box !important; width: 100% !important; height: 52px !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 10px !important; background: rgba(255, 255, 255, 0.08) !important; box-shadow: none !important; } .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool__item { box-sizing: border-box !important; display: flex !important; flex-flow: row !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; height: 100% !important; min-width: 0px !important; margin: 0px !important; padding: 6px 10px !important; border: 0px !important; background: transparent !important; box-shadow: none !important; } .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool__icon { flex: 0 0 auto !important; width: 28px !important; height: 28px !important; margin: 0px !important; object-fit: contain !important; } .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool__money { display: flex !important; flex: 0 1 auto !important; flex-direction: column !important; align-items: flex-start !important; gap: 2px !important; min-width: 0px !important; margin: 0px !important; text-align: left !important; } .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool__title { margin: 0px !important; color: rgba(255, 255, 255, 0.68) !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: 0.3px !important; text-transform: uppercase !important; } .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool__money-inner { font-variant-numeric: tabular-nums; display: flex !important; align-items: baseline !important; gap: 5px !important; margin: 0px !important; color: rgb(245, 246, 248) !important; font-size: 16px !important; font-weight: 650 !important; line-height: 1.2 !important; white-space: nowrap !important; } .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool__price, .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool__currency-symbol { flex: 0 0 auto !important; color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: 0px !important; } .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool--large .jackpot-pool__title { font-weight: 700 !important; letter-spacing: 0.6px !important; } .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool--large .jackpot-pool__money-inner { color: rgb(162, 227, 89) !important; font-size: 18px !important; font-weight: 750 !important; text-shadow: rgba(162, 227, 89, 0.12) 0px 0px 8px !important; } @container gala-sports-jackpot (max-width: 560px) { .layout-content-holder-bc .jackpot-pools-widget .sportsbook-jackpot .jackpot-pool-card__pools { scrollbar-width: thin; grid-template-columns: minmax(210px, 1.15fr) repeat(2, minmax(175px, 1fr)) !important; gap: 8px !important; overflow-x: auto !important; } } .casinoTopWinnersWidget .casinoTopWinnersWidgetTitle h2.sectionTitleTextHeading { font-size: 0px !important; } .casinoTopWinnersWidget .casinoTopWinnersWidgetTitle h2.sectionTitleTextHeading::after { content: "CASİNO KAZANANLAR"; font-size: 16px; line-height: 20px; font-weight: 600; white-space: nowrap; } .casino-big-win-replays-container .sectionTitle h2.sectionTitleTextHeading { font-size: 0px !important; } .casino-big-win-replays-container .sectionTitle h2.sectionTitleTextHeading::after { content: "GALA KAZANANLAR"; font-size: 16px; line-height: 20px; font-weight: 600; white-space: nowrap; } .casino-big-win-replays-popup__play .btn__label { position: relative; visibility: hidden; } .casino-big-win-replays-popup__play .btn__label::after { content: "Oyna"; position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; visibility: visible; } ft-notifications-center { --ft-my-rewards-z-index: 10000 !important; } .header-buttons-wallet .connect-wallet { display: none !important; } .tournamentsWidget .tournamentsWidgetItem { box-sizing: border-box !important; padding: 9px !important; border: 1px solid rgba(162, 227, 89, 0.42) !important; border-radius: 17px !important; box-shadow: rgba(162, 227, 89, 0.08) 0px 0px 8px, rgba(162, 227, 89, 0.04) 0px 0px 18px !important; transition: border-color 0.25s, box-shadow 0.25s !important; } .tournamentsWidget .tournamentsWidgetImgContent { border-radius: 12px 12px 0px 0px !important; overflow: hidden !important; } .tournamentsWidget .tournamentsWidgetImg { border-radius: 12px 12px 0px 0px !important; } .tournamentsWidget .tournamentsWidgetInfoContent { border-radius: 0px 0px 12px 12px !important; overflow: hidden !important; } .tournamentsWidget .tournamentsWidgetItem:hover { border-color: rgba(162, 227, 89, 0.62) !important; box-shadow: rgba(162, 227, 89, 0.12) 0px 0px 10px, rgba(162, 227, 89, 0.06) 0px 0px 22px !important; } @charset "utf-8"; .CMSIconSVGWrapper { flex-shrink: 0; justify-content: center; align-items: center; width: 16px; height: 16px; display: inline-flex; } .CMSIconSVGWrapper > svg { width: 100%; max-height: 100%; transition: all var(--default-transition-duration); } @charset "utf-8"; .btn { width: 100%; height: 36px; color: rgba(var(--b-sc), .9); background: rgba(var(--b-sc), .15); border-radius: var(--border-radius); text-transform: uppercase; cursor: pointer; transition: color var(--default-transition-duration), background var(--default-transition-duration), border-color var(--default-transition-duration); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; padding: 0px 20px; font-size: 12px; font-weight: 500; display: flex; } .btn > span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .btn > i + span:not(:empty), .btn > span:not(:empty) + i { margin-inline-start: 10px; } @media (hover: hover) { .btn:hover { background: rgba(var(--b-sc), .35); cursor: pointer; } } @media not all and (hover: hover) { .btn:active { background: rgba(var(--b-sc), .35); } } .btn:focus { background: rgba(var(--b-sc), .15); } .btn.s-big { height: 40px; font-size: 16px; } .btn.s-bigger { width: auto; height: 52px; } .btn.s-small { width: auto; height: 28px; padding: 0px 15px; } .btn.a-outline { border: solid 1px rgba(var(--b-sc), .6); transition: var(--default-transition-duration); background: 0px 0px; } @media (hover: hover) { .btn.a-outline:hover { border-color: rgba(var(--b-sc), .6); cursor: pointer; } } @media not all and (hover: hover) { .btn.a-outline:active { border-color: rgba(var(--b-sc), .6); } } .btn.a-outline:active { background: 0px 0px; } .btn.a-outline:focus { border-color: rgba(var(--b-sc), .6); background: 0px 0px; } .btn.a-outline.a-color { color: rgba(var(--oc-1), 1); border-color: rgba(var(--oc-1), 1); transition: background var(--default-transition-duration); background: 0px 0px; } @media (hover: hover) { .btn.a-outline.a-color:hover { background: rgba(var(--oc-1-hover), 1); cursor: pointer; } } @media not all and (hover: hover) { .btn.a-outline.a-color:active { background: rgba(var(--oc-1-hover), 1); } } .btn.a-outline.a-white { color: rgba(var(--b), .9); background: rgba(var(--b-sc), 1); border-color: rgba(var(--b-sc), 1); } .btn.a-outline.active { color: rgba(var(--oc-1-sc), 1); background: rgba(var(--oc-1), 1); border-color: rgba(var(--oc-1), 1); } .btn.a-outline:disabled { border-color: rgba(var(--b-sc), .1); background: 0px 0px; } .btn.a-color { color: rgba(var(--oc-1-sc), 1); background: rgba(var(--oc-1), 1); transition: background var(--default-transition-duration); } @media (hover: hover) { .btn.a-color:hover { background: rgba(var(--oc-1-hover), 1); cursor: pointer; } } @media not all and (hover: hover) { .btn.a-color:active { background: rgba(var(--oc-1-hover), 1); } } .btn.a-accept { color: rgba(var(--accent-sc), 1); background: rgba(var(--accent), 1); } .btn.a-cancel { background: rgba(var(--oc-3), 1); } .btn.sign-in { color: rgba(var(--header-sc), 1); transition: color var(--default-transition-duration); background: 0px 0px; padding: 0px; text-decoration: underline; } @media (hover: hover) { .btn.sign-in:hover { color: rgba(var(--header-sc), 1); cursor: pointer; } } @media not all and (hover: hover) { .btn.sign-in:active { color: rgba(var(--header-sc), 1); } } .btn.sign-in:focus { background: 0px 0px; } .btn.register, .btn.btn-color { color: rgba(var(--hero-sc), 1); background: rgba(var(--hero), 1); transition: background var(--default-transition-duration); padding: 0px 8px; } @media (hover: hover) { .btn.register:hover, .btn.btn-color:hover { background: rgba(var(--hero-hover), 1); cursor: pointer; } } @media not all and (hover: hover) { .btn.register:active, .btn.btn-color:active { background: rgba(var(--hero-hover), 1); } } .btn:disabled { color: rgba(var(--b-sc), .3); background: rgba(var(--b-sc), .1); pointer-events: none; } .btn.ortak-btn { background: rgb(255, 0, 140); } .btn { max-width: 370px; } .btn.a-outline:hover { color: rgba(var(--b-sc), 1); background: rgba(var(--b-sc), .2); } .btn.width-auto { width: auto; } .btn.centered { margin: 0px auto; } .btn.right-aligned { margin-inline-start: auto; } .big-btn { height: 52px; } .more-button-bc { margin: 20px 0px; } .bs-remove-all-bc { flex-shrink: 0; display: flex; overflow: hidden; } .bs-favorite-remove-bc { padding: 0 var(--padding-page-aside); justify-content: flex-end; } .betslip-remove-icon-bc { color: rgba(var(--b-sc), .7); margin-inline-end: 6px; font-size: 15px; } .betslip-remove-all { color: rgba(var(--b-sc), .5); font-size: 12px; } .sp-fav-body-bc .bs-favorite-remove-bc { margin: 15px 0px; } .bs-favorite-remove { cursor: pointer; } .bs-favorite-remove:hover .betslip-remove-icon-bc, .bs-favorite-remove:hover .betslip-remove-all { color: rgba(var(--b-sc), .9); } .betslip-remove-icon-bc, .betslip-remove-all { cursor: pointer; transition: color var(--default-transition-duration); } @charset "utf-8"; .main-tabs-bc, .second-tabs-bc { flex-shrink: 0; width: 100%; display: flex; } .main-tabs-bc:not(.casinoTopWinnersWidgetTab) { background: rgba(var(--b-sc), .15); height: 36px; } .main-tabs-bc .tab-bc { font-size: 14px; } .second-tabs-bc { flex-shrink: 0; height: 34px; } .second-tabs-bc .tab-bc { background: rgba(var(--b-sc), .1); font-size: 12px; } .second-tabs-bc .tab-bc:hover, .second-tabs-bc .tab-bc.active { background: rgba(var(--b-sc), .2); } [dir="ltr"] .second-tabs-bc .tab-bc:not(.pb-actions-tab):first-child { border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); } [dir="rtl"] .second-tabs-bc .tab-bc:not(.pb-actions-tab):first-child, [dir="ltr"] .second-tabs-bc .tab-bc:not(.pb-actions-tab):last-child { border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } [dir="rtl"] .second-tabs-bc .tab-bc:not(.pb-actions-tab):last-child { border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); } .second-tabs-bc .tab-bc:not(.pb-actions-tab) + .tab-bc { margin-inline-start: 1px; } .tab-bc { width: 100%; color: rgba(var(--b-sc), .5); text-align: center; cursor: pointer; transition: background-color var(--default-transition-duration), color var(--default-transition-duration); justify-content: center; align-items: center; padding: 0px 5px; display: flex; } .tab-bc span + span { margin-inline-start: 4px; } [class*="is-web"] .tab-bc:hover, .tab-bc.active { color: rgba(var(--b-sc), 1); } [class*="is-mobile"] .tab-bc { -webkit-tap-highlight-color: transparent; } .sp-fav-body-bc { padding: 0px 15px; } .sp-fav-body-bc .second-tabs-bc { margin-top: 10px; } .select.s-small { height: 28px; } .select.s-small.has-icon .select-icon-bc { color: rgba(var(--b-sc), .8); pointer-events: none; font-size: 14px; line-height: 28px; display: flex; position: absolute; top: 0px; } [dir="ltr"] .select.s-small.has-icon .select-icon-bc { left: 12px; } [dir="rtl"] .select.s-small.has-icon .select-icon-bc { right: 12px; } .select.s-small.has-icon .form-control-select-bc { padding-inline-start: 34px; } .select.s-small .inputs { height: 100%; } .select.s-small .form-control-select-bc { color: rgba(var(--b-sc), .9); padding-top: 4px; font-size: 12px; } [dir="ltr"] .select.s-small .form-control-icon-bc { right: 6px; } [dir="rtl"] .select.s-small .form-control-icon-bc { left: 6px; } .select .form-control-icon-bc { pointer-events: none; } [class*="is-mobile"] .select .multi-select-icon-bc { position: absolute; bottom: 11px; } [class*="is-mobile"][dir="ltr"] .select .multi-select-icon-bc { left: 15px; } [class*="is-mobile"][dir="rtl"] .select .multi-select-icon-bc { right: 15px; } [class*="is-mobile"] .select .multi-select-icon-bc + .form-control-select-bc { padding-inline-start: 42px; } .form-control-select-bc .bs-number-button-bc { text-align: start; } .form-control-select-bc, .form-control-label-file-bc { box-sizing: border-box; appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; width: 100%; height: 100%; } .form-control-select-bc > option, .form-control-label-file-bc > option { background: rgba(var(--b), 1); } .form-control-select-bc > option:hover, .form-control-label-file-bc > option:hover { color: rgba(var(--hero-sc), 1); background: rgba(var(--hero), 1); } .ftr-lang-bar-flag-bc { pointer-events: none; display: flex; } .select.s-small { display: inline-flex; } .select.s-small.has-icon.form-control-select-bc { padding-inline-end: 38px; } .select.s-small.has-icon .select-icon-bc { line-height: 26px; } .ftr-lang-bar-flag-bc + span { margin-inline-start: 10px; } .ftr-lang-bar-flag-bc + span + i, .region-flag + span + .form-control-icon-bc { margin-inline-start: 6px; } .sidePanel-holder .form-control-select-bc .checkbox-control-text-bc:not(:only-child) { padding-inline-start: 32px; } .my-profile-info-block .ftr-lang-bar-flag-bc { bottom: 11px; } [dir="ltr"] .my-profile-info-block .ftr-lang-bar-flag-bc { left: 15px; } [dir="rtl"] .my-profile-info-block .ftr-lang-bar-flag-bc { right: 15px; } .my-profile-info-block .ftr-lang-bar-flag-bc + .form-control-select-bc { padding-inline-start: 42px; } .sport-search-bc { border: 1px solid rgba(var(--b-sc), .15); border-radius: var(--border-radius); width: 100%; max-width: 36px; height: 36px; transition: max-width var(--default-transition-duration); position: absolute; top: 0px; } [dir="ltr"] .sport-search-bc { right: 0px; } [dir="rtl"] .sport-search-bc { left: 0px; } [class*="is-web"] .sport-search-bc { cursor: pointer; } [dir="ltr"] .sport-search-bc .hooryIcon { border-radius: 3px 0px 0px 3px; } [dir="rtl"] .sport-search-bc .hooryIcon { border-radius: 0px 3px 3px 0px; } .ss-input-bc { will-change: max-width; box-sizing: border-box; width: 100%; height: 100%; color: rgba(var(--b-sc), 1); background: rgba(var(--b), 1); border-inline-end: 0px; border-start-start-radius: var(--border-radius); border-end-start-radius: var(--border-radius); outline: none; padding-inline-start: 8px; font-size: 12px; font-weight: 400; display: block; } .ss-input-bc::placeholder { color: rgba(var(--b-sc), .4); } [dir="ltr"] .ss-input-bc + .ss-icon-holder-bc { border-radius: 0 var(--border-radius) var(--border-radius) 0; } [dir="rtl"] .ss-input-bc + .ss-icon-holder-bc { border-radius: var(--border-radius) 0 0 var(--border-radius); } .ss-icon-holder-bc { border-radius: var(--border-radius); background: rgba(var(--b), 1); justify-content: center; align-items: center; height: 100%; display: flex; position: absolute; top: 0px; bottom: 0px; } [class*="is-web"] .ss-icon-holder-bc { width: 37px; } [class*="is-mobile"] .ss-icon-holder-bc { width: 34px; } .ss-icon-bc { vertical-align: top; width: 16px; height: 16px; color: rgba(var(--b-sc), .4); margin: auto; line-height: 16px; display: inline-block; position: absolute; inset: 0px; } .ss-icon-bc.bc-i-search { font-size: 14px; } .ss-icon-bc.bc-i-close-remove { font-size: 12px; } .sport-search-result-bc { background: rgba(var(--b), 1); z-index: 99; will-change: scroll-position; padding-bottom: 114px; position: absolute; top: 36px; left: 0px; right: 0px; overflow: hidden auto; } .sport-search-result-header-bc { z-index: 444; height: 32px; color: rgba(var(--oc-1-sc), 1); border-bottom: 1px solid rgba(var(--b), 1); background-color: rgb(26, 112, 81); align-items: center; padding-inline-start: 8px; display: flex; position: sticky; top: 0px; } .sport-search-result-title-bc { width: 100%; font-size: 12px; font-weight: 400; line-height: 32px; } .search-close-btn { width: 38px; height: 30px; color: rgba(var(--b-sc), .8); transition: color var(--default-transition-duration); flex-shrink: 0; justify-content: center; align-items: center; font-size: 10px; display: flex; } .search-close-btn:hover { color: rgba(var(--b-sc), 1); } .sport-search-result-body-bc .sports-group-bc { margin-bottom: 2px; } .sport-search-result-body-bc .has-filter { z-index: 33; position: sticky; top: 36px; } .sport-search-result-item-bc { color: rgba(var(--b-sc), .8); background: rgba(var(--b-sc), .05); margin: 2px 0px; padding: 5px 10px; font-size: 11px; line-height: 15px; display: block; } [class*="is-web"] .sport-search-result-item-bc:hover { cursor: pointer; } .hooryAvailable .ss-input-bc { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .hooryAvailable .ss-input-bc::placeholder { font-size: 11px; } .hooryIcon { width: 34px; height: 34px; color: rgba(var(--b-sc), .8); border-radius: var(--border-radius); background: rgb(167, 31, 103); justify-content: center; align-items: center; font-size: 24px; display: flex; position: absolute; top: 0px; bottom: 0px; } [class*="is-web"][dir="ltr"] .hooryIcon { left: 6px; } [class*="is-web"][dir="rtl"] .hooryIcon { right: 6px; } [class*="is-mobile"][dir="ltr"] .hooryIcon { left: 0px; } [class*="is-mobile"][dir="rtl"] .hooryIcon { right: 0px; } .sport-search-bc { padding-inline-end: 37px; } .sport-search-bc.active { max-width: 100%; } [dir="ltr"] .sport-search-bc.sport-search-betslip { right: unset; } [dir="rtl"] .sport-search-bc.sport-search-betslip { left: unset; } [dir="ltr"] .ss-icon-holder-bc { right: 0px; } [dir="rtl"] .ss-icon-holder-bc { left: 0px; } .sport-search-result-item-bc { border-radius: var(--border-radius); } .sport-search-result-header-bc { border-radius: var(--border-radius); box-shadow: 0 -2px 0 0 rgba(var(--b), 1); } .componentFilterWrapper-bc { z-index: 10; width: 100%; margin-bottom: 10px; position: relative; } .componentFilterWrapper-bc:only-child { margin-bottom: 0px; } .componentFilterLabel-bc { width: 100%; height: 44px; color: rgba(var(--b-sc), 1); background: rgba(var(--b-sc), .15); cursor: pointer; -webkit-tap-highlight-color: transparent; border-radius: var(--border-radius); align-items: center; padding-inline: 10px 11px; font-size: 12px; line-height: 14px; display: flex; position: relative; } .componentFilterLabel-bc.active { -webkit-tap-highlight-color: transparent; border-radius: var(--border-radius) var(--border-radius) 0 0; } .componentFilterLabel-bc.active::before { content: ""; background: rgba(var(--b), 1); width: calc(100% - 21px); height: 1px; position: absolute; bottom: 0px; left: 10px; } .componentFilterLabel-bc.active + .componentFilterBody-bc { max-height: 1000px; overflow: visible; } .componentFilterLabel-bc.active .componentFilterChevron-bc { transform: rotateX(180deg); } .componentFilterLabel-filter-bc { flex: 1 1 auto; overflow: hidden; } .componentFilterLabel-filter-description { color: rgba(var(--b-sc), .6); margin-top: 1px; } .componentFilterLabel-filter-i-bc { flex-shrink: 0; margin-inline-end: 10px; font-size: 16px; position: relative; } .componentFilterChevron-bc { flex-shrink: 0; margin-inline-start: 4px; font-size: 11px; } .componentFilterElsWrapper-bc { width: 100%; } .componentFilterBody-bc { z-index: 1; width: 100%; position: relative; } [class*="is-mobile"] .componentFilterBody-bc { max-height: 0px; overflow: hidden; } .componentFilterBody-bc .u-i-p-control-item-holder-bc { width: 100%; padding: 0px; } [class*="is-mobile"] .componentFilterBody-bc .u-i-p-control-item-holder-bc.halfPartFilterSection { width: calc(50% - 5px); } .filter-form-w-bc { background: rgba(var(--b-sc), .15); justify-content: space-between; padding: 10px; display: flex; } [class*="is-web"] .filter-form-w-bc { border-radius: var(--border-radius); flex-direction: column; } [class*="is-mobile"] .filter-form-w-bc { border-radius: 0 0 var(--border-radius) var(--border-radius); flex-wrap: wrap; } [class*="is-web"] .filter-form-w-bc .u-i-p-control-item-holder-bc { margin-bottom: 0px; } [class*="is-web"] .filter-form-w-bc .u-i-p-control-item-holder-bc + .u-i-p-control-item-holder-bc { margin-inline-start: 5px; } [class*="is-web"] .componentFilterBody-content { align-items: center; display: flex; } [class*="is-web"] .u-i-p-c-filter-footer-bc { justify-content: flex-end; margin-top: 20px; display: flex; } [class*="is-web"] .u-i-p-c-filter-footer-bc > button { width: auto; min-width: calc(25% - 5px); } .competition-wrapper-bc { flex-direction: column; margin-bottom: 2px; display: flex; } .competition-wrapper-bc:not(.gameSuggestedEvent) { box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px; } .competition-wrapper-bc + .sgm-market-g, .competition-wrapper-bc + .page-view-more { margin-top: 10px; } .competition-header-bc { height: 34px; padding: 0 var(--padding-page-aside); background: rgba(var(--b-sc), .15); cursor: pointer; flex-shrink: 0; align-items: center; display: flex; } .header-center-icon .competition-icon-arrow-bc { text-align: center; width: 100%; margin-inline-start: 0px; } .competition-icon-league-bc { flex-shrink: 0; width: 18px; height: 18px; margin-inline-end: 8px; } .competition-title-bc { color: rgba(var(--b-sc), 1); flex: 1 1 auto; font-size: 12px; font-weight: 500; line-height: 14px; } .competition-description { height: 22px; color: rgba(var(--hero-sc), 1); box-sizing: border-box; border-radius: var(--border-radius); background-image: linear-gradient(to bottom, rgba(var(--hero-hover), 1), rgba(var(--hero), 1)); flex-shrink: 0; margin-inline-start: 10px; padding: 0px 8px; font-size: 12px; font-weight: 500; line-height: 22px; } .competition-group-count { color: rgba(var(--b-sc), .75); flex-shrink: 0; font-size: 13px; } .competition-icon-arrow-bc { color: rgba(var(--b-sc), .8); flex-shrink: 0; margin-inline-start: 10px; font-size: 11px; } .competition-icon-arrow-bc.active { transform: rotateX(180deg); } .competition-icon-arrow-bc::before { transition: transform var(--default-transition-duration); display: block; } .competition-icon-arrow-bc.opened::before { transform: rotate(-180deg); } .competition-wrapper-bc { flex-wrap: wrap; } .competition-wrapper-bc + .competition-wrapper-bc { margin-top: 5px; } .competition-header-bc { border-radius: var(--border-radius); width: 100%; } .cashout-banner .carousel { height: 100%; } .cashout-banner .sdr-item-holder-bc { flex-direction: column; height: 100%; display: flex; overflow: hidden; } .cashout-banner .sdr-item-bc { flex-shrink: 0; height: auto; } .cashout-banner .sdr-item-holder-bc-text { overflow: hidden; } .cashout-banner .u-i-p-control-item-holder-bc { will-change: scroll-position; height: calc(100% - 34px); overflow: hidden auto; } .fixed-bottom-container { background: rgba(var(--b), 1); border-top: 1px solid rgba(var(--b-sc), .05); z-index: 951; width: 100%; padding: 10px 10px 22px; position: fixed; bottom: 0px; left: 0px; } [class*="is-mobile"] .layout-bc.has-generic-menu .fixed-bottom-container { z-index: 953; } .count-odd-animation { position: absolute; } .count-odd-animation::after { content: attr(data-badge); width: 15px; height: 15px; color: rgba(var(--hero-sc), 1); background: rgba(var(--hero), 1); text-align: center; font-size: 8px; font-style: normal; line-height: 15px; font-family: var(--font-family); border-radius: 50%; position: absolute; } .count-odd-animation.count-blink-odd::after { animation: var(--default-transition-duration) count-blink-odd ease-in-out; } .count-odd-animation.count-blink-even::after { animation: var(--default-transition-duration) count-blink-even ease-in-out; } .count-odd-animation[data-count=""]::after { content: none; } .count-odd-animation.BB-badge-new { top: 1px; } [dir="ltr"] .count-odd-animation.BB-badge-new { right: 20px; } [dir="rtl"] .count-odd-animation.BB-badge-new { left: 20px; } .count-odd-animation.BB-badge-new::after { border-radius: var(--border-radius); color: rgb(255, 255, 255); white-space: nowrap; text-overflow: ellipsis; background: rgb(127, 25, 79); width: auto; max-width: 30px; height: 12px; padding: 0px 4px; font-size: 8px; line-height: 12px; overflow: hidden; } @keyframes count-blink-odd { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes count-blink-even { 0% { transform: scale(0); } 100% { transform: scale(1); } } .count-odd-animation.hdr-toggle-button-bc::after { width: 18px; height: 18px; font-size: 11px; line-height: 18px; } .sp-button-bc .count-odd-animation::after { width: 16px; height: 16px; font-size: 10px; line-height: 16px; } .ui-kit-toggle { background: rgba(var(--b-sc), .15); width: 36px; height: 20px; transition: background-color var(--default-transition-duration); border-radius: 12px; flex-shrink: 0; display: flex; position: relative; } [class*="is-web"] .ui-kit-toggle { cursor: pointer; } .ui-kit-toggle::before { content: ""; background: rgba(var(--b-sc), .6); width: 16px; height: 16px; transition: var(--default-transition-duration); border-radius: 50%; margin: auto 0px; position: absolute; top: 0px; bottom: 0px; } [dir="ltr"] .ui-kit-toggle::before { left: 2px; } [dir="rtl"] .ui-kit-toggle::before { right: 2px; } .ui-kit-toggle.active { background: rgba(var(--b-sc), .7); } .ui-kit-toggle.active::before { background: rgba(var(--hero), 1); } [dir="ltr"] .ui-kit-toggle.active::before { left: 18px; } [dir="rtl"] .ui-kit-toggle.active::before { right: 18px; } @charset "utf-8"; .horizontal-sl-list { white-space: nowrap; display: flex; } .horizontal-sl-item-bc { border-radius: var(--border-radius); color: rgba(var(--b-sc), .5); flex-shrink: 0; align-items: center; display: inline-flex; position: relative; } .horizontal-sl-item-bc::after { content: attr(data-badge); text-transform: none; justify-content: center; align-items: center; height: 7px; padding: 2px 4px; font-size: 8px; display: flex; position: absolute; top: 0px; } [dir="ltr"] .horizontal-sl-item-bc::after { border-radius: 0 var(--border-radius) 0 var(--border-radius); right: 0px; } [dir="rtl"] .horizontal-sl-item-bc::after { border-radius: var(--border-radius) 0 var(--border-radius) 0; left: 0px; } .horizontal-sl-item-bc:not(:empty) { background: rgba(var(--b-sc), .1); } .horizontal-sl-item-bc.active { color: rgba(var(--b-sc), 1); background: rgba(var(--b-sc), .3); } .horizontal-sl-item-bc.active::before { content: ""; z-index: 10; background-image: linear-gradient(229deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .horizontal-sl-icon-bc[class*="Fishing"]::before { content: ""; } .horizontal-sl-icon-bc[class*="valentine"]::before { content: ""; } .horizontal-sl-count-bc { position: absolute; } .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active { color: rgba(var(--hero-sc), 1); background: rgba(var(--hero), 1); } .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-count-bc, .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-icon-bc { color: rgba(var(--hero-sc), 1); } .horizontal-sl-tab { background: rgba(var(--b-sc), .1); align-items: center; height: 36px; display: flex; } .horizontal-sl-tab-bc { text-align: center; white-space: nowrap; color: rgba(var(--b-sc), .5); cursor: pointer; padding: 0px 15px; font-size: 14px; line-height: 36px; } .horizontal-sl-tab-bc.active, .horizontal-sl-tab-bc.active::after { color: rgba(var(--b-sc), 1); } .horizontal-sl-tab-bc::after { content: attr(data-count); color: rgba(var(--b-sc), .55); letter-spacing: 0.32px; transition: color var(--default-transition-duration); font-size: 9px; line-height: 11px; display: inline-flex; position: relative; top: -9px; } [dir="ltr"] .horizontal-sl-tab-bc::after { left: 2px; } [dir="rtl"] .horizontal-sl-tab-bc::after { right: 2px; } .sgm-market-custom-icon-bc { vertical-align: middle; font-size: 18px; display: inline-block; } .sgm-market-custom-icon-bc .bc-i-favorite { color: rgba(var(--oc-2), 1); } .games-horiz { overflow: hidden; } [class*="is-mobile"] .games-horiz { padding: 0 var(--padding-page-aside); margin: 10px 0px; } .games-horiz-scroll { gap: 10px; grid-auto-flow: column; display: grid; } [class*="is-web"] .games-horiz-scroll { grid-template-columns: repeat(auto-fit, minmax(10px, 1fr)); } [class*="is-mobile"] .games-horiz-scroll { will-change: scroll-position; scrollbar-width: none; scroll-snap-type: x; overflow: auto hidden; } [class*="is-mobile"] .games-horiz-scroll::-webkit-scrollbar { display: none; } .horizontal-sl-item-bc { text-align: center; flex-direction: column; min-width: 80px; height: 60px; } .horizontal-sl-item-bc.active { box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px; } .horizontal-sl-item-bc + .horizontal-sl-item-bc { margin-inline-start: 5px; } .games-horiz-title { color: rgba(var(--b-sc), 1); margin-bottom: 10px; font-size: 16px; line-height: 18px; } .horizontal-sl-item-bc { cursor: pointer; transition: var(--slow-transition-duration); } .horizontal-sl-item-bc.active { left: 0px; right: 0px; } .horizontal-sl-list:not(.horizontal-items-expanded) .horizontal-sl-item-bc { min-width: auto; height: 40px; padding: 0px 5px; } .horizontal-sl-list:not(.horizontal-items-expanded) .horizontal-sl-title-bc { display: none; } .horizontal-sl-list:not(.horizontal-items-expanded) .horizontal-sl-count-bc { background: rgba(var(--b), 1); text-align: center; width: 16px; height: 16px; box-shadow: inset 0 0 0 8px rgba(var(--b-sc), .15), 0 0 2px 1px #0003; border-radius: 50%; font-size: 10px; line-height: 16px; top: -7px; color: rgba(var(--b-sc), 1) !important; } [dir="ltr"] .horizontal-sl-list:not(.horizontal-items-expanded) .horizontal-sl-count-bc { right: -3px; } [dir="rtl"] .horizontal-sl-list:not(.horizontal-items-expanded) .horizontal-sl-count-bc { left: -3px; } .horizontal-sl-list:not(.horizontal-items-expanded):not(.ftr-sport-type-bc, .horizontal-items-expanded, .percentMeHorizontal) { margin-bottom: 10px; padding-top: 8px; } .horizontal-sl-list:not(.horizontal-items-expanded):not(.ftr-sport-type-bc, .horizontal-items-expanded, .percentMeHorizontal) .horizontal-sl-icon-bc { text-align: center; width: 30px; transition: color var(--slow-transition-duration); font-size: 22px; line-height: 30px; } .horizontal-sl-item-bc { text-transform: uppercase; flex-direction: row; } .horizontal-sl-title-bc { white-space: nowrap; margin-inline: 10px 5px; font-size: 14px; } .horizontal-items-expanded .horizontal-sl-item-bc { height: 38px; padding: 0px 10px; } .horizontal-items-expanded .horizontal-sl-icon-bc { flex-shrink: 0; font-size: 18px; } .horizontal-items-expanded .horizontal-sl-count-bc { color: rgba(var(--b-sc), .5); font-size: 14px; position: static; } .horizontal-items-expanded .horizontal-sl-count-bc::after { content: ")"; } .horizontal-items-expanded .horizontal-sl-count-bc::before { content: "("; } .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover { color: rgba(var(--hero-sc), 1); background: rgba(var(--hero), 1); } .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover .horizontal-sl-count-bc, .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover .horizontal-sl-icon-bc { color: rgba(var(--hero-sc), 1); } .promotion-horizontal-sl-list-bc { margin-top: 20px; } .horizontal-sl-list, .horizontal-sl-tab { will-change: scroll-position; scrollbar-width: none; width: 100%; position: relative; overflow: auto hidden; } .horizontal-sl-list::-webkit-scrollbar { display: none; } .horizontal-sl-tab::-webkit-scrollbar { display: none; } .horizontal-sl-list.scroll-start::before, .horizontal-sl-list.scroll-start::after, .horizontal-sl-list.scroll-end::before, .horizontal-sl-list.scroll-end::after, .horizontal-sl-tab.scroll-start::before, .horizontal-sl-tab.scroll-start::after, .horizontal-sl-tab.scroll-end::before, .horizontal-sl-tab.scroll-end::after { content: ""; z-index: 1; pointer-events: none; width: 56px; height: 100%; position: absolute; top: 0px; } [dir="ltr"] .horizontal-sl-list.scroll-start.scroll-end::after, [dir="ltr"] .horizontal-sl-list.scroll-start::after, [dir="ltr"] .horizontal-sl-tab.scroll-start.scroll-end::after, [dir="ltr"] .horizontal-sl-tab.scroll-start::after { background: linear-gradient(to left, rgba(var(--b), 1) 0%, transparent 100%); right: 0px; } [dir="rtl"] .horizontal-sl-list.scroll-start.scroll-end::after, [dir="rtl"] .horizontal-sl-list.scroll-start::after, [dir="rtl"] .horizontal-sl-tab.scroll-start.scroll-end::after, [dir="rtl"] .horizontal-sl-tab.scroll-start::after { background: linear-gradient(to right, rgba(var(--b), 1) 0%, transparent 100%); left: 0px; } .horizontal-sl-list.scroll-start.scroll-end .bc-i-small-arrow-right, .horizontal-sl-list.scroll-start .bc-i-small-arrow-right, .horizontal-sl-tab.scroll-start.scroll-end .bc-i-small-arrow-right, .horizontal-sl-tab.scroll-start .bc-i-small-arrow-right { display: flex; } [dir="ltr"] .horizontal-sl-list.scroll-start.scroll-end::before, [dir="ltr"] .horizontal-sl-list.scroll-end::before, [dir="ltr"] .horizontal-sl-tab.scroll-start.scroll-end::before, [dir="ltr"] .horizontal-sl-tab.scroll-end::before { background: linear-gradient(to right, rgba(var(--b), 1) 0%, transparent 100%); left: 0px; } [dir="rtl"] .horizontal-sl-list.scroll-start.scroll-end::before, [dir="rtl"] .horizontal-sl-list.scroll-end::before, [dir="rtl"] .horizontal-sl-tab.scroll-start.scroll-end::before, [dir="rtl"] .horizontal-sl-tab.scroll-end::before { background: linear-gradient(to left, rgba(var(--b), 1) 0%, transparent 100%); right: 0px; } .horizontal-sl-list.scroll-start.scroll-end .bc-i-small-arrow-left, .horizontal-sl-list.scroll-end .bc-i-small-arrow-left, .horizontal-sl-tab.scroll-start.scroll-end .bc-i-small-arrow-left, .horizontal-sl-tab.scroll-end .bc-i-small-arrow-left { display: flex; } .horizontal-center { justify-content: center; } .horizontal-sl-arrow { height: 100%; color: rgba(var(--b-sc), .7); cursor: pointer; z-index: 2; align-items: center; padding: 0px 5px; font-size: 11px; display: none; position: absolute; top: 0px; } [dir="ltr"] .horizontal-sl-arrow.bc-i-small-arrow-left { left: 0px; } [dir="rtl"] .horizontal-sl-arrow.bc-i-small-arrow-left { right: 0px; transform: rotate(180deg); } [dir="ltr"] .horizontal-sl-arrow.bc-i-small-arrow-right { right: 0px; } [dir="rtl"] .horizontal-sl-arrow.bc-i-small-arrow-right { left: 0px; transform: rotate(180deg); } .horizontal-sl-wheel { will-change: transform; transition: transform var(--default-transition-duration); display: flex; } @charset "utf-8"; .bc-loader.big .bc-loader-contain { width: 120px; height: 120px; } .bc-loader.big .bc-loader-contain::before { border-width: 8px; width: 80px; height: 80px; } .bc-loader.medium .bc-loader-contain { width: 68px; height: 68px; } .bc-loader.medium .bc-loader-contain::before { width: 46px; height: 46px; } .bc-loader.small .bc-loader-contain { width: 24px; height: 24px; } .bc-loader.small .bc-loader-contain::before { border-width: 2px; width: 16px; height: 16px; } .bc-loader-contain { margin: auto; position: relative; } .bc-loader-contain:empty::before { content: ""; border: 4px solid rgba(255, 255, 255, 0.1); border-radius: 50%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .bc-loader-contain.big { width: 120px; height: 120px; } .bc-loader-contain.big::before { border-width: 8px; width: 80px; height: 80px; } .bc-loader-contain.medium { width: 68px; height: 68px; } .bc-loader-contain.medium::before { width: 46px; height: 46px; } .bc-loader-contain.small { width: 24px; height: 24px; } .bc-loader-contain.small::before { border-width: 2px; width: 16px; height: 16px; } .bc-loader-contain > img, .bc-loader-contain > svg { aspect-ratio: 1 / 1; object-fit: contain; width: 100%; height: auto; } .path { stroke-dasharray: 20, 200; stroke-dashoffset: 0; stroke-linecap: round; fill: rgba(var(--b-sc), 1); animation: 2s ease-in-out 0s infinite normal none running dash, 6s ease-in-out 0s infinite normal none running color; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 0, 200; stroke-dashoffset: -40px; } 50% { stroke-dasharray: 80, 200; stroke-dashoffset: 0; } 100% { stroke-dasharray: 0, 200; stroke-dashoffset: -40px; } } @keyframes color { 100%, 0% { stroke: rgb(182, 134, 46); } 40% { stroke: rgb(167, 31, 103); } 66% { stroke: rgb(182, 134, 46); } 80%, 90% { stroke: rgb(167, 31, 103); } } @charset "utf-8"; .bc-loader.medium .casino-loader { transform: scale(0.7); } .bc-loader.small .casino-loader { transform: scale(0.3); } .casino-loader { border-radius: 9px; width: 110px; height: 53px; margin: auto; position: relative; overflow: hidden; } .casino-loader svg { opacity: 0.9; transform-origin: 50% center; animation: auto ease 0s 1 normal none running none; display: inline-block; position: absolute; bottom: 5px; } .casino-loader svg g { fill: rgba(var(--b-sc), 1); } .casino-loader svg.loader-one { animation-name: casino-loader; left: 5px; } .casino-loader svg.loader-two { animation-name: casino-loader-two; left: 40px; } .casino-loader svg.loader-three { animation-name: casino-loader-three; left: 75px; } .casino-loader > img { width: 100%; } @keyframes casino-loader { 0% { bottom: 0px; transform: translate(0%); } 50%, 100% { bottom: 48px; transform: translateY(100%); } } @keyframes casino-loader-two { 0% { bottom: 0px; transform: translate(0%); } 60%, 100% { bottom: 48px; transform: translateY(100%); } } @keyframes casino-loader-three { 0% { bottom: 0px; transform: translate(0%); } 70%, 100% { bottom: 48px; transform: translateY(100%); } } .bc-loader.big .live-casino-loader { width: 100px; height: 100px; } .bc-loader.big .live-casino-loader svg.loader-center { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; } .bc-loader.medium .live-casino-loader { width: 60px; height: 60px; } .bc-loader.medium .live-casino-loader svg.loader-center { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; } .bc-loader.small .live-casino-loader { width: 20px; height: 20px; } .bc-loader.small .live-casino-loader svg.loader-center { width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; } .live-casino-loader { margin: auto; position: relative; } .live-casino-loader svg { transform-origin: 50% center; animation: 4s ease-in-out 0s infinite normal none running loader-rulet; } .live-casino-loader svg path { fill: rgba(var(--b-sc), 1); } .live-casino-loader svg.loader-circle { opacity: 0.9; width: 100%; height: 100%; display: inline-block; position: absolute; top: 0px; left: 0px; } .live-casino-loader svg.loader-center { opacity: 0.9; display: inline-block; position: absolute; top: 50%; left: 50%; } .live-casino-loader.big { width: 100px; height: 100px; } .live-casino-loader.big svg.loader-center { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; } .live-casino-loader.medium { width: 60px; height: 60px; } .live-casino-loader.medium svg.loader-center { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; } .live-casino-loader.small { width: 20px; height: 20px; } .live-casino-loader.small svg.loader-center { width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; } @keyframes loader-rulet { 0% { transform: rotate(0deg); } 80%, 100% { transform: rotate(1800deg); } } @charset "utf-8"; .ds-label { margin: 0px; padding: 0px; } .ds-label.ds-label--large-semibold { font-size: var(--fds-ref-font-size-80); font-weight: var(--fds-ref-font-weight-semibold); line-height: var(--fds-ref-font-line-height-120); } .ds-label.ds-label--large-medium { font-size: var(--fds-ref-font-size-80); font-weight: var(--fds-ref-font-weight-medium); line-height: var(--fds-ref-font-line-height-120); } .ds-label.ds-label--large-regular { font-size: var(--fds-ref-font-size-80); font-weight: var(--fds-ref-font-weight-regular); line-height: var(--fds-ref-font-line-height-120); } .ds-label.ds-label--medium-semibold { font-size: var(--fds-ref-font-size-70); font-weight: var(--fds-ref-font-weight-semibold); line-height: var(--fds-ref-font-line-height-100); } .ds-label.ds-label--medium-medium { font-size: var(--fds-ref-font-size-70); font-weight: var(--fds-ref-font-weight-medium); line-height: var(--fds-ref-font-line-height-100); } .ds-label.ds-label--medium-regular { font-size: var(--fds-ref-font-size-70); font-weight: var(--fds-ref-font-weight-regular); line-height: var(--fds-ref-font-line-height-100); } .ds-label.ds-label--small-semibold { font-size: var(--fds-ref-font-size-60); font-weight: var(--fds-ref-font-weight-semibold); line-height: var(--fds-ref-font-line-height-80); } .ds-label.ds-label--small-medium { font-size: var(--fds-ref-font-size-60); font-weight: var(--fds-ref-font-weight-medium); line-height: var(--fds-ref-font-line-height-80); } .ds-label.ds-label--small-regular { font-size: var(--fds-ref-font-size-60); font-weight: var(--fds-ref-font-weight-regular); line-height: var(--fds-ref-font-line-height-80); } @charset "utf-8"; [class*="skeleton-loader"] { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-radius: var(--border-radius); pointer-events: none; background-size: 200% auto; animation: 1s linear 0s infinite normal none running an-skeleton-loader; display: inline-flex; } .layout-bc .skeleton-loader-title { width: 50%; max-width: 50%; height: 8px; } .layout-bc .skeleton-loader-full-text { width: 100%; max-width: 100%; height: 8px; } .layout-bc .skeleton-loader-text { width: 60%; max-width: 60%; height: 8px; } .layout-bc .skeleton-loader-small-text, .layout-bc .skeleton-loader-center-text { width: 30%; max-width: 30%; height: 8px; } .layout-bc .skeleton-loader-center-text { margin: 0px auto; } .layout-bc .skeleton-loader-margin-text { margin: 0px 10px; } .layout-bc .skeleton-loader-game-cube { padding: 35%; } .layout-bc .skeleton-loader-full-banner { width: 100%; height: 100%; } .layout-bc .skeleton-loader-banner { width: 108px; height: 130px; } .layout-bc .skeleton-loader-banner + .skeleton-loader-banner { margin-inline-start: 10px; } .layout-bc .skeleton-loader-ex-small-cube { width: 24px; height: 24px; } .layout-bc .skeleton-loader-small-select { width: 100%; max-width: 147px; height: 20px; } .layout-bc .skeleton-loader-big-button { width: 100%; max-width: 140px; height: 40px; } .layout-bc .skeleton-loader-banner-height { width: 90%; height: 74px; margin: auto; } .layout-bc .skeleton-loader-min-height { width: calc(100% - var(--padding-page-aside) * 2); min-height: 30px; margin: auto; } @keyframes an-skeleton-loader { 0% { background-position: 200% center; } 50% { background-position: 100% center; } 100% { background-position: 0px center; } } [class*="is-web"] .storiesWidgetLoader .skeleton-loader-game-cube { border: 4px solid rgba(var(--b-sc), .1); } [class*="is-mobile"] .storiesWidgetLoader .skeleton-loader-game-cube { border: 2px solid rgba(var(--b-sc), .1); } .promotionsLoader .promotions-article-loader { background: rgba(var(--b-sc), .1); height: 34px; padding: 0px 10px; } .casino-big-win-replays-loader__row { container: casino-big-win-replays-loader / inline-size; } .casino-big-win-replays-loader__card { display: flex; } .casino-big-win-replays-loader__card:nth-child(n+2) { display: none; } [class*="is-mobile"] .casino-big-win-replays-loader__card { flex: 0 0 auto; width: calc(83.3333% - 2px); margin-inline: auto; } @container casino-big-win-replays-loader (width >= 600px) { .casino-big-win-replays-loader__card:nth-child(-n+3) { display: flex; } } @container casino-big-win-replays-loader (width >= 1300px) { .casino-big-win-replays-loader__card:nth-child(4) { display: flex; } } @container casino-big-win-replays-loader (width >= 1720px) { .casino-big-win-replays-loader__card:nth-child(5) { display: flex; } } @charset "utf-8"; .popular-matches-bc { position: relative; overflow: hidden; } .gameList .teams-info-main-flag { object-fit: contain; width: 18px; height: 18px; margin-inline-end: 5px; } .gameList .c-teams-row-bc + .c-teams-row-bc { margin-top: 2px; } .competition-content { width: 100%; overflow: hidden; } .competition-content:not(.hidden) { margin-bottom: 2px; } .competition-content.hidden, .competition-content.visible { transition: 0.22s linear; } .competition-content.hidden { opacity: 0; z-index: -1; } .competition-content.visible { opacity: 1; margin-top: 2px; } .c-head-bc { align-items: center; height: 36px; display: flex; } .c-row-bc { display: flex; overflow: hidden; } .c-row-bc.bordered > .c-odd-bc { margin-inline-start: 1px; } .c-title-bc { color: rgba(var(--b-sc), .9); flex: 1 1 auto; font-size: 12px; } .c-title-bc:not(.c-segment-holder-title) { margin-inline-end: 4px; line-height: 15px; } .c-teams-bc { background: rgba(var(--b-sc), .1); flex-wrap: wrap; align-content: center; width: 100%; display: flex; overflow: hidden; } .c-teams-row-bc { align-items: center; width: 100%; display: flex; overflow: hidden; } .c-teams-row-bc .here { display: flex; } .c-teams-row-bc .here div { color: red; width: 100px; } .c-team-info-team-bc { color: rgba(var(--b-sc), 1); flex: 1 1 auto; font-weight: 400; } .c-country-bc-text { flex-direction: column; flex: 1 1 auto; display: flex; } .c-odd-bc { flex-shrink: 0; } .c-team-info-scores-bc { color: rgba(var(--oc-2), 1); flex-shrink: 0; margin-inline-start: 4px; font-size: 12px; font-weight: 400; } .c-info-score-wrapper { display: flex; overflow: hidden; } .c-info-score-wrapper .here { display: flex; } .c-info-score-wrapper .here div { color: red; width: 100px; } .c-info-more-bc { flex-shrink: 0; display: flex; } .c-info-more-bc .c-info-icon-bc, .c-info-more-bc .notification-loader { margin-inline-start: 10px; } .c-info-more-bc .bc-loader.small .bc-loader-contain { max-width: 13px; height: 13px; line-height: 13px; } .flags-content { width: 100%; } .c-info-markets-count-bc { margin-inline-start: 10px; } .c-info-icon-bc { font-size: 13px; line-height: 14px; } .c-info-icon-bc:not(.bc-i-bet-builder) { color: rgba(var(--b-sc), .7); } .c-info-icon-bc.bc-i-bet-builder, .c-info-icon-bc .internalBetBuilderIcon, .c-info-icon-bc .betBuilderIconColor { color: rgb(185, 133, 2); } [class*="is-web"] .c-info-icon-bc .internalBetBuilderWrapper, [class*="is-web"] .c-info-icon-bc .internalBetBuilderIcon { width: 14px; height: 14px; } [class*="is-web"] .c-info-icon-bc .internalBetBuilderWrapper:hover, [class*="is-web"] .c-info-icon-bc .internalBetBuilderIcon:hover { color: rgba(var(--b-sc), 1); } [class*="is-mobile"] .c-info-icon-bc .internalBetBuilderWrapper, [class*="is-mobile"] .c-info-icon-bc .internalBetBuilderIcon { width: 16px; height: 16px; } .c-info-content-bc { align-items: center; display: flex; } [class*="is-web"] .c-info-content-bc > i { margin-inline-end: 5px; } [class*="is-web"] .c-info-content-bc > i + .c-info-time-bc { margin-inline-start: 0px; } .info-live-prematch-icon-bc { flex-shrink: 0; font-size: 13px; } .info-live-prematch-icon-bc.bc-i-live { color: rgb(255, 52, 73); } .info-live-prematch-icon-bc.bc-i-prematch { color: rgba(var(--b-sc), .65); } .c-segment-holder-title { border-top-right-radius: var(--border-radius) var(--border-radius); border-top-left-radius: var(--border-radius) var(--border-radius); background: rgba(var(--b-sc), .06); height: 30px; margin-bottom: 1px; padding-inline-start: 5px; line-height: 30px; } .today-bets-external .market-odd-bc:not(.not-boosted-odd) { word-break: keep-all; font-size: 11px; } @media screen and (width <= 1366px) { .today-bets-external .c-team-info-team-bc { font-size: 11px; } .today-bets-external .c-odd-bc { width: 80px; } .today-bets-external .market-filter-cell-bc { width: 242px; } .today-bets-external .c-info-content-bc { width: 130px; } .today-bets-external .c-info-score-bc { white-space: break-spaces; } } @media screen and (width <= 1200px) { .today-bets-external .c-odd-bc { width: 60px; } .today-bets-external .market-filter-cell-bc { width: 182px; } } @media screen and (width <= 768px) { .today-bets-external .market-filter-cell-bc { width: 153px; } .today-bets-external .c-info-content-bc { width: 125px; } .today-bets-external .c-odd-bc { width: 50px; } .today-bets-external .c-info-time-bc, .today-bets-external .c-info-score-bc { font-size: 11px; } } @media screen and (width <= 480px) { .today-bets-external .c-info-content-bc { width: 76px; padding-inline: 5px; } .today-bets-external .c-team-info-team-bc { font-size: 11px; } .today-bets-external .market-filter-cell-bc { width: 137px; } .today-bets-external .c-info-time-bc { word-break: break-word; } .today-bets-external .c-info-more-bc { padding: 0px 5px; } .today-bets-external .c-teams-bc { padding-inline-start: 5px; } .today-bets-external .c-info-icon-bc + .c-info-icon-bc, .today-bets-external .c-info-markets-count-bc, .today-bets-external .c-info-more-bc .c-info-icon-bc, .today-bets-external .c-info-more-bc .notification-loader { margin-inline-start: 5px; } } .hasMoreIcons { flex-direction: column; justify-content: space-between; font-size: 6px; display: flex; position: absolute; top: 8px; bottom: 8px; left: 50%; transform: translate(-50%); } .switcherModeEnable { align-items: center; gap: 8px; line-height: 36px; display: flex; position: relative; } .switcherModeEnable .ui-kit-toggle { width: 48px; } .switcherModeEnable .ui-kit-toggle::before { width: 15px; height: 15px; } .switcherModeEnable .ui-kit-toggle:not(.active) { border: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) rgba(var(--b-sc), var(--fds-ref-alpha-12)); } .switcherModeEnable .ui-kit-toggle.active { border: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) rgba(var(--b-sc), var(--fds-ref-alpha-32)); background: rgba(var(--b-sc), var(--fds-ref-alpha-56)); } [dir="ltr"] .switcherModeEnable .ui-kit-toggle.active::before { left: auto; transform: translate(192%); } [dir="rtl"] .switcherModeEnable .ui-kit-toggle.active::before { right: auto; transform: translate(-192%); } .switcherModeEnable .internalBetBuilderIcon { transition: transform var(--default-transition-duration); position: absolute; } [dir="ltr"] .switcherModeEnable .internalBetBuilderIcon { right: 6px; } [dir="rtl"] .switcherModeEnable .internalBetBuilderIcon { left: 6px; } .switcherModeEnable .internalBetBuilderIcon svg { fill: rgba(var(--b-sc), var(--fds-ref-alpha-48)); } [dir="ltr"] .switcherModeEnable:has(.ui-kit-toggle.active) .internalBetBuilderIcon { transform: translate(-20px); } [dir="rtl"] .switcherModeEnable:has(.ui-kit-toggle.active) .internalBetBuilderIcon { transform: translate(20px); } .switcherModeEnable:has(.ui-kit-toggle.active) .internalBetBuilderIcon svg { fill: rgba(var(--b-sc), var(--fds-ref-alpha-100)); } .internalBetBuilderContent { color: rgba(var(--b-sc), .8); border: 1px solid rgba(var(--b-sc), .4); border-radius: var(--border-radius); align-items: center; gap: 8px; margin: 8px; font-size: 12px; display: flex; } [class*="is-web"] .internalBetBuilderContent { padding: 8px 16px; } [class*="is-mobile"] .internalBetBuilderContent { padding: 8px; } [class*="is-web"] .internalBetBuilderAvailable.sgm-market-search { flex-direction: column; } .sgm-market-search-content .switcherModeEnable { margin-inline: 4px 10px; } .popular-matches-bc { flex-direction: column; display: flex; } .c-segment-holder-bc { cursor: pointer; margin-bottom: 2px; } .c-head-bc { background: rgba(var(--b-sc), .05); border-radius: var(--border-radius); padding: 0px 10px; } .c-country-bc { flex-shrink: 0; margin-inline-end: 10px; } .c-segment-holder-bc:not(.competition-title) .c-row-bc:hover, .c-segment-holder-bc:not(.competition-title) .c-row-bc.selected { background: rgba(var(--b-sc), .1); } .competition-title { transition: background 0.24s; } .competition-title + .competition-title { margin-top: 2px; } .competition-title:hover, .competition-title.selected { background: rgba(var(--b-sc), .1); } .c-row-bc { border-radius: var(--border-radius) var(--border-radius); min-height: 55px; transition: background var(--default-transition-duration); } .c-odd-bc { width: 104px; } .c-odd-bc:nth-child(4):nth-last-child(2), .c-odd-bc:nth-child(5):last-child { width: 156px; } .c-info-more-bc { background: rgba(var(--b-sc), .1); flex-direction: column; justify-content: center; align-items: flex-end; padding: 0px 10px; } .c-info-icon-line { align-items: center; display: flex; } .c-info-icon-line + .c-info-icon-line { margin-top: 10px; } .c-info-markets-count-bc { color: rgba(var(--b-sc), 1); cursor: pointer; font-size: 11px; } .c-info-icon-bc { cursor: pointer; } .c-info-icon-bc + .c-info-icon-bc { margin-inline-start: 10px; } .c-info-content-bc { background: rgba(var(--b-sc), .1); flex-shrink: 0; width: 165px; padding-inline: 10px 15px; position: relative; } .c-info-content-bc::after { content: ""; background: rgba(var(--b-sc), .1); width: 1px; position: absolute; top: 10px; bottom: 10px; } [dir="ltr"] .c-info-content-bc::after { right: 0px; } [dir="rtl"] .c-info-content-bc::after { left: 0px; } .c-info-content-bc .flag-bc { width: 20px; } .c-teams-bc { padding-inline-start: 15px; } .c-teams-row-bc { min-height: 19px; } .c-team-info-team-bc { font-size: 13px; line-height: 19px; } .c-info-score-wrapper { flex-direction: column; } .c-info-time-bc, .c-info-score-bc { color: rgba(var(--b-sc), .5); font-size: 12px; line-height: 18px; } .c-info-time-bc { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .game-list-item-score { background: rgba(var(--b-sc), .06); margin-top: 1px; padding: 5px; display: flex; } [dir="rtl"] .game-list-item-score { justify-content: flex-end; } .market-bc { text-align: center; width: 100%; height: 100%; color: rgba(var(--b-sc), .7); background: rgba(var(--b-sc), .2); word-break: break-word; transition: var(--default-transition-duration); flex-flow: column; justify-content: center; align-items: center; font-size: 12px; display: flex; position: relative; } .market-bc.active { color: rgba(var(--hero-sc), 1); background: rgba(var(--hero), 1); } .market-bc.active > .market-coefficient-bc > .market-arrow-up-down-bc.is-up { border-color: transparent rgba(var(--hero-sc), 1) transparent transparent; } .market-bc.active > .market-coefficient-bc > .market-arrow-up-down-bc.is-down { border-color: transparent transparent rgba(var(--hero-sc), 1) transparent; } .market-bc.active .market-odd-bc, .market-bc.active .market-icon-bc { color: rgba(var(--hero-sc), 1); } .market-bc.empty-market-bc { pointer-events: none; } .market-bc.disabled-market-bc { cursor: auto; background: rgba(var(--b-sc), .1); } .sgm-market-g-item-bc > .market-bc.m-g-header { color: rgba(var(--b-sc), .6); } .market-arrow-up-down-bc { border-style: solid; width: 0px; height: 0px; display: block; position: absolute; } [dir="ltr"] .market-arrow-up-down-bc { right: 2px; } [dir="rtl"] .market-arrow-up-down-bc { left: 2px; } .market-arrow-up-down-bc.is-up { border-width: 0px 8px 8px 0px; border-color: transparent rgba(var(--odd-up), 1) transparent transparent; clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 100% 0px, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 0px 100%, 0% 85%); animation: 7s ease 0s 1 normal forwards running odds-arrow-animation-change; top: 3px; } [dir="rtl"] .market-arrow-up-down-bc.is-up { transform: rotate(270deg); } .market-arrow-up-down-bc.is-down { clip-path: polygon(0% 15%, 0px 0px, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 100% 100%, 85% 100%, 15% 100%, 15% 85%, 0% 85%); border-width: 0px 0px 8px 8px; border-color: transparent transparent rgba(var(--odd-down), 1) transparent; animation: 7s ease 0s 1 normal forwards running odds-arrow-animation-change; bottom: 3px; } [dir="rtl"] .market-arrow-up-down-bc.is-down { transform: rotate(90deg); } .market-coefficient-bc { align-items: center; display: flex; } .market-name-bc { user-select: text; margin-bottom: 2px; } .market-name-bc:empty { display: none; } .market-name-bc:empty + .market-coefficient-bc { flex-direction: column; flex-shrink: 0; } .market-name-bc:empty + .market-coefficient-bc .market-icon-bc { margin: 0px; } .market-icon-bc { color: rgb(0, 191, 25); transition: color var(--default-transition-duration); margin-inline-end: 2px; } .market-icon-bc:not(.bc-i-boost) { font-size: 14px; } .market-icon-bc.bc-i-boost { font-size: 13px; } .market-odds-container { flex-direction: column; display: flex; } .market-odd-bc { transition: color var(--default-transition-duration); line-height: 15px; } .market-odd-bc:not(:only-child) { letter-spacing: -0.3px; word-break: keep-all; padding-inline-end: 2px; } .market-odd-bc:not(.not-boosted-odd) { color: rgba(var(--oc-2), 1); font-size: 13px; } .market-odd-bc.not-boosted-odd { color: rgba(var(--oc-2), .6); font-size: 10px; text-decoration: line-through; } .market-lock-icon { color: rgba(var(--b-sc), .7); font-size: 20px; } .market-lock-icon.market-lock-icon { font-size: 16px; } @keyframes odds-arrow-animation-change { 0% { opacity: 0; } 5% { opacity: 1; } 10% { opacity: 0; } 15% { opacity: 1; } 20% { opacity: 0; } 25% { opacity: 1; } 100% { opacity: 1; width: auto; } } .marketEventsOverlayWrapper { backdrop-filter: blur(2px); background-color: rgba(0, 0, 0, 0.5); align-items: flex-end; width: 100%; height: 100%; display: flex; position: fixed; top: 0px; left: 0px; } .marketEventsOverlay.bottomOverlay { height: 400px; } .marketEventsOverlay .bottomOverlaySlider { border: 1px solid rgba(var(--b-sc), .4); z-index: 999999; border-top-left-radius: 24px; border-top-right-radius: 24px; height: 400px; position: absolute; overflow: hidden auto; } [class*="is-mobile"] .marketEventsHeader { color: rgba(var(--b-sc), .9); background: rgba(var(--b-sc), .04); border-radius: var(--border-radius-middle); grid-template-columns: repeat(3, 1fr); align-items: center; margin-bottom: 8px; padding: 12px; font-size: 12px; display: grid; } [class*="is-mobile"] .marketEventsHeader p { text-align: center; width: 100%; padding: 2px; font-size: 14px; } [class*="is-mobile"] .marketEventsInfo { color: rgba(var(--b-sc), .9); margin-bottom: 8px; font-size: 14px; font-weight: 700; } .marketEventsSet { flex-direction: column; display: flex; } .marketEmpty { color: rgba(var(--b-sc), .6); text-align: center; font-size: 14px; } .has-more-events-tooltip.tooltip:not(:empty) { background: rgba(var(--b), 1); border: 1px solid rgba(var(--b-sc), .3); width: 192px; } .has-more-events-tooltip .tooltipHolder { padding: 8px; } .has-more-events-tooltip .tooltipTriangle { background: rgba(var(--b), 1); } .tooltipMarketItem { grid-template-rows: auto; display: grid; overflow: hidden auto; } [class*="is-web"] .tooltipMarketItem { gap: 4px; } [class*="is-mobile"] .tooltipMarketItem { scrollbar-width: none; gap: 8px; max-height: 232px; } [class*="is-mobile"] .tooltipMarketItem::-webkit-scrollbar { display: none; } [class*="is-web"] .tooltipMarketItem.column-3 { grid-template-columns: repeat(auto-fit, minmax(54px, 1fr)); } [class*="is-mobile"] .tooltipMarketItem.column-3 { grid-template-columns: repeat(3, 1fr); } .tooltipMarketItem .market-bc { border-radius: var(--border-radius); } .tooltipMarketItem .market-bc:not(.active) { background: rgba(var(--b-sc), .1); } [class*="is-web"] .tooltipMarketItem .market-bc { width: 56px; height: 38px; } [class*="is-mobile"] .tooltipMarketItem .market-bc { height: 52px; } .tooltipMarketItem .market-bc:nth-child(3n+2) { border: 1px solid rgba(0, 0, 0, 0); } [class*="is-web"] .tooltipMarketItem .market-bc:nth-child(3n+2):hover { color: rgba(var(--b-sc), 1); border-color: rgba(var(--b-sc), .2); } .layout-bc .skeleton-loader-slider:not(.hasAspectRatio) { padding: 15%; } .layout-bc .skeleton-loader-slider.hasAspectRatio { height: 100%; } .layout-bc .skeleton-loader-slider-cube { width: 30px; height: 30px; } .layout-bc .skeleton-loader-small-cube { width: 24px; height: 24px; } .layout-bc .casinoFreeSpins-item .skeleton-loader-game-cube { width: 100%; } @charset "utf-8"; .error-page { height: 100%; padding: 40px 20px; display: flex; } .error-page.full { height: 100vh; } .error-page-content { flex-direction: column; align-items: center; margin: auto; display: flex; } .error-page-content > .btn { width: auto; } .error-page-icon { height: 220px; } .error-page-info { color: rgba(var(--b-sc), .35); text-align: center; margin: 10px 0px 25px; font-size: 14px; line-height: 20px; } @charset "utf-8"; .market-filter-bc { width: 100%; height: 28px; margin-bottom: var(--padding-page-aside); align-items: center; display: flex; } .market-filter-s-bc { flex: 1 1 auto; } .market-filter-s-bc .select.s-small .form-control-select-bc { padding-top: 2px; padding-bottom: 0px; } .market-filter-s-bc:empty + .market-filter-cell-bc { box-shadow: none; } .market-filter-cell-bc { text-align: center; flex-shrink: 0; display: flex; } .market-filter-cell-bc > .market-filter-info-bc { width: 100%; color: rgba(var(--b-sc), 1); font-size: 11px; line-height: 13px; } .market-filter-bc { border-radius: var(--border-radius); background: rgba(var(--b-sc), .15); } [dir="ltr"] .market-filter-s-bc .select.s-small { box-shadow: 1px 0 0 0 rgba(var(--b), 1); } [dir="rtl"] .market-filter-s-bc .select.s-small { box-shadow: -1px 0 0 0 rgba(var(--b), 1); } .market-filter-s-bc .select.s-small .form-control-select-bc { background: 0px 0px; border-radius: 0px; padding-inline-start: 15px; } .market-filter-s-bc .form-control-bc .form-control-icon-bc { font-size: 12px; } [dir="ltr"] .market-filter-s-bc .form-control-icon-bc { right: 8px; } [dir="rtl"] .market-filter-s-bc .form-control-icon-bc { left: 8px; } .market-filter-cell-bc { width: 315px; height: 28px; } .market-filter-cell-bc > .market-filter-info-bc { background: rgba(var(--b-sc), .2); margin-inline-start: 1px; line-height: 28px; } [dir="ltr"] .market-filter-cell-bc > .market-filter-info-bc { box-shadow: -1px 0 0 0 rgba(var(--b), 1); } [dir="rtl"] .market-filter-cell-bc > .market-filter-info-bc { box-shadow: 1px 0 0 0 rgba(var(--b), 1); } [dir="ltr"] .market-filter-cell-bc > .market-filter-info-bc:last-child { border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } [dir="rtl"] .market-filter-cell-bc > .market-filter-info-bc:last-child { border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); } .sg-head-bc { z-index: 33; cursor: pointer; align-items: center; height: 26px; margin-bottom: 2px; padding: 0px 10px; display: flex; position: sticky; top: 0px; } [class*="is-web"] .sg-head-bc { border-radius: var(--border-radius); } .sg-head-bc.has-filter { padding-inline-end: 110px; overflow: hidden; } .sg-head-bc > .sg-collapse-icon-bc { color: inherit; } .sg-title-bc { flex: 1 1 auto; margin: 0px 6px; font-size: 13px; } .sg-type-icon-bc { flex-shrink: 0; font-size: 12px; } .sg-collapse-icon-bc { color: rgba(var(--b-sc), 1); transition: transform var(--default-transition-duration) ease; flex-shrink: 0; font-size: 8px; } .sg-collapse-icon-bc.active { transform: rotateX(180deg); } .sports-group-bc + .sports-group-bc { margin-top: 2px; } .sports-group-bc .select-option-holder-bc > .market-filter-arrow-bc { color: inherit; } .sg-select-filter-bc { color: inherit; background-color: rgba(0, 0, 0, 0); font-size: 12px; font-weight: 400; } .s-g-competition-n-bc { font-weight: 700; display: flex; } .s-g-competition-n-bc > span { flex: 1 1 auto; } .s-g-competition-n-bc > i.bc-i-live { margin-top: 2px; } .slider-bc { flex-shrink: 0; min-width: 0px; position: relative; overflow: hidden; } .slider-bc.collapsed .sdr-collapsed-arrow-bc { bottom: 1px; } .slider-bc.collapsed .sdr-image-bc { max-height: 26px; } .slider-bc.hide-shadow .sdr-item-bc::before { display: none; } .slider-bc .sdr-item-holder-bc-text .competition-header-bc { -webkit-tap-highlight-color: transparent; } [class*="is-web"] .slider-bc .sdr-item-holder-bc-text .competition-header-bc[aria-expanded="false"] { border-radius: 0 0 var(--border-radius) var(--border-radius); } .sdr-collapsed-arrow-bc { color: rgb(255, 255, 255); transition: bottom var(--default-transition-duration) linear; padding: 7px; font-size: 11px; display: flex; position: absolute; bottom: 2%; left: 50%; transform: translate(-50%); } .sdr-collapsed-arrow-bc::before { transition: transform var(--default-transition-duration) linear; } .sdr-collapsed-arrow-bc.active::before { text-align: center; position: relative; top: 0px; left: 0px; transform: rotateX(180deg); } .sdr-item-holder-bc { flex-direction: column; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; } .sdr-item-holder-bc .sdr-item-bc + .sdr-item-holder-bc-text .competition-header-bc { border-top-left-radius: 0px; border-top-right-radius: 0px; } .sdr-item-holder-bc .entrance-f-error-message-bc { background: 0px 0px; } .sdr-item-bc { width: 100%; height: 100%; display: block; position: relative; overflow: hidden; } .sdr-item-bc::before { content: ""; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0) 62%, rgba(0, 0, 0, 0.7)); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .sdr-image-bc { object-fit: cover; width: 100%; height: 100%; transition: max-height var(--default-transition-duration) linear; display: block; } .sdr-dots-holder-bc { vertical-align: top; white-space: nowrap; font-size: 0px; display: inline-block; position: absolute; bottom: 48px; } [dir="ltr"] .sdr-dots-holder-bc { left: 48px; } [dir="rtl"] .sdr-dots-holder-bc { right: 48px; } .sdr-dot-bc { vertical-align: middle; border-radius: var(--border-radius); background-color: var(--skin-palette-5); width: 12px; height: 12px; transition: background-color var(--default-transition-duration) ease; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-family: inherit; display: inline-block; } [dir="ltr"] .sdr-dot-bc { margin-right: 8px; } [dir="rtl"] .sdr-dot-bc { margin-left: 8px; } .sdr-dot-bc:last-child { margin: 0px; } .sdr-dot-bc:hover, .sdr-dot-bc.active { background-color: rgba(var(--hero), 1); } .sdr-iframe-holder-bc { position: relative; } .sdr-iframe-backface-bc { width: 100%; max-height: 480px; display: block; } .sdr-iframe-bc { width: 100%; height: 100%; position: absolute; inset: 0px; } .sdr-inner-html-bc { background-color: var(--skin-palette-4); padding: 48px; } .sdr-inner-html-bc p { color: rgba(var(--b-sc), .9); font-size: 12px; font-weight: 400; } .sdr-inner-html-bc a { color: rgba(var(--hero), 1); transition: color var(--default-transition-duration) esae; font-size: 12px; font-weight: 400; text-decoration: underline; } .sdr-inner-html-bc a:hover { color: rgba(var(--hero), 1); } .sdr-inner-html-bc img { vertical-align: top; display: inline-block; } .slider-market-coefficient-container .countdown-banner-content { backdrop-filter: none; width: 100%; box-shadow: none; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; align-items: center; top: auto; transform: translate(-50%); } [dir="ltr"] .slider-market-coefficient-container .countdown-banner-content { left: 50%; } [dir="rtl"] .slider-market-coefficient-container .countdown-banner-content { left: 50%; right: auto; } .slider-market-coefficient-container .market-bc { border-radius: var(--border-radius); } .slider-market-coefficient-container .market-bc:not(.active) { background: rgba(var(--b), 1); box-shadow: 3px 0 24px rgba(var(--b-sc), .2); } .slider-market-coefficient-container .market-name-bc { display: none; } .slider-market-coefficient-container .market-odd-bc { color: rgba(var(--oc-2), 1); white-space: nowrap; font-weight: 700; } .slider-market-coefficient-container .c-odd-bc + .c-odd-bc { margin-inline-start: 20px; } .product-banner-bc { border-radius: var(--border-radius); } .product-banner-info-bc { align-items: center; width: 100%; height: 100%; padding: 0px; display: flex; } .product-banner-info-bc .CMSIconSVGWrapper { width: 28px; height: 28px; color: rgba(var(--b-sc), .8); } .hdr-dynamic-content .hm-row-bc:nth-child(2):last-child:not(:first-child:empty) { margin-top: 0px; } .hdr-dynamic-content .product-banner-container-bc { align-items: center; margin-bottom: 10px; display: flex; } [class*="is-mobile"] .hdr-dynamic-content .product-banner-container-bc { scrollbar-width: none; background: 0px 0px; overflow: auto hidden; } [class*="is-mobile"] .hdr-dynamic-content .product-banner-container-bc::-webkit-scrollbar { display: none; } [class*="is-web"] .hdr-dynamic-content .product-banner-container-bc { flex-wrap: wrap; padding-top: 10px; } .hdr-dynamic-content .product-banner-container-bc .product-banner-img-bc { object-fit: contain; height: 100%; } .hdr-dynamic-content .product-banner-container-bc .product-banner-info-bc { width: auto; } [class*="is-web"] .hdr-dynamic-content .product-banner-container-bc .product-banner-info-bc { cursor: pointer; } [class*="is-web"] .hdr-dynamic-content .product-banner-container-bc .product-banner-info-bc.product-banner-bc { height: 32px; } [class*="is-mobile"] .hdr-dynamic-content .product-banner-container-bc .product-banner-info-bc.product-banner-bc { flex-shrink: 0; height: 28px; } .hdr-dynamic-content .product-banner-container-bc .product-banner-info-bc { padding: 0px; } .hdr-dynamic-content .product-banner-container-bc:not(.product-banner-without-titles) .product-banner-container-bc:not(.product-banner-without-titles) .product-banner-img-bc { max-width: 100%; } .hdr-dynamic-content .product-banner-container-bc:not(.product-banner-without-titles) .product-banner-bc { height: 28px; } .product-banner-container-bc { gap: 10px; display: grid; } .product-banner-container-bc .carousel { margin-inline-start: -5px; } .product-banner-without-titles .product-banner-img-bc, .product-banner-without-titles .product-banner-icon-bc { border-radius: var(--border-radius); max-width: 100%; } .product-banner-container-bc-f { gap: 5px; padding: 0 var(--padding-page-aside); grid-template-columns: repeat(auto-fill, minmax(28px, 1fr)); margin-bottom: 10px; display: grid; } .product-banner-container-bc-f .product-banner-info-bc { justify-content: center; } .product-banner-container-bc-f .product-banner-info-bc i { color: rgba(var(--hero), 1); font-size: 24px; } .product-banner-container-bc-f .product-banner-img-bc { object-fit: contain; max-width: 100%; height: 28px; } .product-banner-container-bc-f .product-banner-bc-item { height: 28px; } .product-banner-iframe { aspect-ratio: 1 / 1; } .product-banner-iframe iframe { width: 100%; height: 100%; } .product-banner-container-bc { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); } .product-banner-container-bc.product-banner-without-titles .product-banner-info-bc img { height: 100%; } .product-banner-container-bc:not(.product-banner-without-titles) .product-banner-bc { height: 74px; } .product-banner-container-bc:not(.product-banner-without-titles) .product-banner-info-bc::after { background: linear-gradient(-45deg, rgba(var(--b-sc), .05), rgba(var(--b-sc), .1) 100%); } .product-banner-container-bc:not(.product-banner-without-titles) .product-banner-img-bc { max-width: 50%; max-height: 100%; } .product-banner-info-bc { transition: transform var(--slow-transition-duration); position: relative; } .product-banner-info-bc:hover { transform: scale(1.05); } .product-banner-img-bc, .product-banner-icon-bc { will-change: transform; transition: transform var(--slow-transition-duration); flex-shrink: 0; order: 1; } .product-banner-title-bc { color: rgba(var(--b-sc), 1); letter-spacing: 1px; flex: 1 1 auto; order: -1; margin-inline: 15px 5px; font-size: 18px; font-weight: 700; } .product-banner-icon-bc { color: rgba(var(--b-sc), 1); font-size: 50px; } .ds-body { color: inherit; margin: 0px; padding: 0px; } .ds-body.ds-body--large-semibold { font-size: var(--fds-ref-font-size-80); font-weight: var(--fds-ref-font-weight-semibold); line-height: var(--fds-ref-font-line-height-120); } .ds-body.ds-body--large-medium { font-size: var(--fds-ref-font-size-80); font-weight: var(--fds-ref-font-weight-medium); line-height: var(--fds-ref-font-line-height-120); } .ds-body.ds-body--large-regular { font-size: var(--fds-ref-font-size-80); font-weight: var(--fds-ref-font-weight-regular); line-height: var(--fds-ref-font-line-height-120); } .ds-body.ds-body--medium-semibold { font-size: var(--fds-ref-font-size-70); font-weight: var(--fds-ref-font-weight-semibold); line-height: var(--fds-ref-font-line-height-100); } .ds-body.ds-body--medium-medium { font-size: var(--fds-ref-font-size-70); font-weight: var(--fds-ref-font-weight-medium); line-height: var(--fds-ref-font-line-height-100); } .ds-body.ds-body--medium-regular { font-size: var(--fds-ref-font-size-70); font-weight: var(--fds-ref-font-weight-regular); line-height: var(--fds-ref-font-line-height-100); } .ds-body.ds-body--small-semibold { font-size: var(--fds-ref-font-size-60); font-weight: var(--fds-ref-font-weight-semibold); line-height: var(--fds-ref-font-line-height-80); } .ds-body.ds-body--small-medium { font-size: var(--fds-ref-font-size-60); font-weight: var(--fds-ref-font-weight-medium); line-height: var(--fds-ref-font-line-height-80); } .ds-body.ds-body--small-regular { font-size: var(--fds-ref-font-size-60); font-weight: var(--fds-ref-font-weight-regular); line-height: var(--fds-ref-font-line-height-80); } .typography-heading { font-weight: var(--fds-ref-font-weight-semibold); } .typography-heading-1 { font-size: var(--fds-ref-font-size-280); line-height: var(--fds-ref-font-line-height-360); } .typography-heading-2 { font-size: var(--fds-ref-font-size-240); line-height: var(--fds-ref-font-line-height-320); } .typography-heading-3 { font-size: var(--fds-ref-font-size-200); line-height: var(--fds-ref-font-line-height-240); } .typography-heading-4 { font-size: var(--fds-ref-font-size-160); line-height: var(--fds-ref-font-line-height-200); } .typography-heading-5 { font-size: var(--fds-ref-font-size-120); line-height: var(--fds-ref-font-line-height-160); } .typography-heading-6 { font-size: var(--fds-ref-font-size-90); line-height: var(--fds-ref-font-line-height-120); } .ds-switch { align-items: flex-start; gap: var(--fds-ref-spacing-3xsmall); flex-direction: column; display: inline-flex; } .ds-switch__input { opacity: 0; pointer-events: none; width: 0px; height: 0px; position: absolute; } .ds-switch__label-wrapper { align-items: center; gap: var(--fds-ref-spacing-xsmall); cursor: pointer; display: flex; } .ds-switch__track { margin: var(--fds-ref-spacing-4xsmall); border-radius: var(--fds-ref-radius-full); box-sizing: border-box; background: rgba(var(--ds-switch-ink,var(--b-sc)), var(--fds-ref-alpha-32)); flex-shrink: 0; align-items: center; transition: background 0.15s; display: inline-flex; position: relative; } .ds-switch__track::before { content: ""; border-radius: inherit; background: rgba(var(--ds-switch-ink,var(--b-sc)), var(--fds-ref-alpha-16)); opacity: 0; pointer-events: none; transition: opacity 0.15s; position: absolute; inset: 0px; } .ds-switch__thumb { background: rgba(var(--b), var(--fds-ref-alpha-100)); border-radius: var(--fds-ref-radius-full); transition: inset-inline-start 0.18s; position: absolute; top: 50%; transform: translateY(-50%); } .ds-switch__label-text { color: rgba(var(--b-sc), var(--fds-ref-alpha-90)); white-space: normal; } .ds-switch__helper-row { width: 100%; display: flex; } .ds-switch__helper-row-inner { align-items: center; display: flex; } .ds-switch__helper-text { color: rgba(var(--b-sc), var(--fds-ref-alpha-64)); } .ds-switch.ds-switch-size--xsmall .ds-switch__track { width: 28px; height: 16px; } .ds-switch.ds-switch-size--xsmall .ds-switch__thumb { width: 16px; height: 12px; inset-inline-start: 2px; } .ds-switch.ds-switch-size--xsmall.ds-switch--checked .ds-switch__thumb { inset-inline-start: 10px; } .ds-switch.ds-switch-size--xsmall .ds-switch__helper-row-inner { padding-inline-start: var(--fds-ref-spacing-6xlarge); } .ds-switch.ds-switch-size--xsmall.ds-switch-placement--before .ds-switch__helper-row-inner { padding-inline-start: 0px; padding-inline-end: var(--fds-ref-spacing-6xlarge); } .ds-switch.ds-switch-size--small .ds-switch__track { width: 28px; height: 16px; } .ds-switch.ds-switch-size--small .ds-switch__thumb { width: 16px; height: 12px; inset-inline-start: 2px; } .ds-switch.ds-switch-size--small.ds-switch--checked .ds-switch__thumb { inset-inline-start: 10px; } .ds-switch.ds-switch-size--small .ds-switch__helper-row-inner { padding-inline-start: var(--fds-ref-spacing-6xlarge); } .ds-switch.ds-switch-size--small.ds-switch-placement--before .ds-switch__helper-row-inner { padding-inline-start: 0px; padding-inline-end: var(--fds-ref-spacing-6xlarge); } .ds-switch.ds-switch-size--large .ds-switch__track { width: 34px; height: 20px; } .ds-switch.ds-switch-size--large .ds-switch__thumb { width: 20px; height: 16px; inset-inline-start: 2px; } .ds-switch.ds-switch-size--large.ds-switch--checked .ds-switch__thumb { inset-inline-start: 12px; } .ds-switch.ds-switch-size--large .ds-switch__helper-row-inner { padding-inline-start: 46px; } .ds-switch.ds-switch-size--large.ds-switch-placement--before .ds-switch__helper-row-inner { padding-inline: 0px 46px; } .ds-switch.ds-switch-placement--before .ds-switch__label-wrapper { justify-content: flex-end; } .ds-switch.ds-switch-placement--before .ds-switch__label-text { text-align: end; } .ds-switch.ds-switch-placement--before .ds-switch__helper-row-inner { justify-content: flex-end; } .ds-switch.ds-switch-color--primary.ds-switch--checked .ds-switch__track { background: rgba(var(--hero), var(--fds-ref-alpha-100)); } .ds-switch.ds-switch-color--secondary.ds-switch--checked .ds-switch__track { background: rgba(var(--oc-1), var(--fds-ref-alpha-100)); } .ds-switch.ds-switch-color--tertiary.ds-switch--checked .ds-switch__track { background: rgba(var(--oc-2), var(--fds-ref-alpha-100)); } [class*="is-web"] .ds-switch:hover:not(.ds-switch--disabled).ds-switch--unchecked .ds-switch__track { background: rgba(var(--ds-switch-ink,var(--b-sc)), var(--fds-ref-alpha-48)); } [class*="is-web"] .ds-switch:hover:not(.ds-switch--disabled).ds-switch--checked .ds-switch__track::before { opacity: 1; } .ds-switch.ds-switch--disabled { pointer-events: none; } .ds-switch.ds-switch--disabled .ds-switch__label-wrapper { cursor: not-allowed; } .ds-switch.ds-switch--disabled .ds-switch__track { background: rgba(var(--ds-switch-ink,var(--b-sc)), var(--fds-ref-alpha-8)) !important; } .ds-switch.ds-switch--disabled .ds-switch__label-text, .ds-switch.ds-switch--disabled .ds-switch__helper-text { color: rgba(var(--b-sc), var(--fds-ref-alpha-24)); } .ds-link { cursor: pointer; align-items: center; text-decoration: none; transition: color 0.2s, opacity 0.2s; display: inline-flex; position: relative; } .ds-link .link__icon.CMSIconSVGWrapper { flex-shrink: 0; justify-content: center; align-items: center; display: inline-flex; } .ds-link .link__icon.CMSIconSVGWrapper svg { width: 100%; height: 100%; display: block; } .ds-link .link__label { text-overflow: ellipsis; white-space: nowrap; flex-shrink: 0; overflow: hidden; } .ds-link.ds-link-size--sm { gap: var(--fds-ref-spacing-3xsmall); } .ds-link.ds-link-size--sm .link__icon { width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); } .ds-link.ds-link-size--md { gap: var(--fds-ref-spacing-2xsmall); } .ds-link.ds-link-size--md .link__icon { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); } .ds-link.ds-link-size--lg { gap: var(--fds-ref-spacing-2xsmall); } .ds-link.ds-link-size--lg .link__icon { width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); } .ds-link.ds-link-color--primary { color: rgba(var(--hero), var(--fds-ref-alpha-100)); } [class*="is-web"] .ds-link.ds-link-color--primary:hover:not(:active):not(.ds-link--disabled) { color: rgba(var(--hero), var(--fds-ref-alpha-80)); } [class*="is-web"] .ds-link.ds-link-color--primary:active:not(.ds-link--disabled) { color: rgba(var(--hero), var(--fds-ref-alpha-72)); } .ds-link.ds-link-color--secondary { color: rgba(var(--oc-1), var(--fds-ref-alpha-100)); } [class*="is-web"] .ds-link.ds-link-color--secondary:hover:not(:active):not(.ds-link--disabled) { color: rgba(var(--oc-1), var(--fds-ref-alpha-80)); } [class*="is-web"] .ds-link.ds-link-color--secondary:active:not(.ds-link--disabled) { color: rgba(var(--oc-1), var(--fds-ref-alpha-72)); } .ds-link.ds-link-color--tertiary { color: rgba(var(--oc-2), var(--fds-ref-alpha-100)); } [class*="is-web"] .ds-link.ds-link-color--tertiary:hover:not(:active):not(.ds-link--disabled) { color: rgba(var(--oc-2), var(--fds-ref-alpha-80)); } [class*="is-web"] .ds-link.ds-link-color--tertiary:active:not(.ds-link--disabled) { color: rgba(var(--oc-2), var(--fds-ref-alpha-72)); } .ds-link.ds-link-color--transparent { color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); } [class*="is-web"] .ds-link.ds-link-color--transparent:hover:not(:active):not(.ds-link--disabled) { color: rgba(var(--b-sc), var(--fds-ref-alpha-90)); } [class*="is-web"] .ds-link.ds-link-color--transparent:active:not(.ds-link--disabled) { color: rgba(var(--b-sc), var(--fds-ref-alpha-100)); } .ds-link.ds-link-color--transparent-static-light { color: rgba(var(--static-white), var(--fds-ref-alpha-80)); } [class*="is-web"] .ds-link.ds-link-color--transparent-static-light:hover:not(:active):not(.ds-link--disabled) { color: rgba(var(--static-white), var(--fds-ref-alpha-90)); } [class*="is-web"] .ds-link.ds-link-color--transparent-static-light:active:not(.ds-link--disabled) { color: rgba(var(--static-white), var(--fds-ref-alpha-100)); } .ds-link.ds-link-color--transparent-subtle { color: rgba(var(--b-sc), var(--fds-ref-alpha-48)); } [class*="is-web"] .ds-link.ds-link-color--transparent-subtle:hover:not(:active):not(.ds-link--disabled) { color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); } [class*="is-web"] .ds-link.ds-link-color--transparent-subtle:active:not(.ds-link--disabled) { color: rgba(var(--b-sc), var(--fds-ref-alpha-90)); } .ds-link.ds-link-color--success { color: rgba(var(--success), var(--fds-ref-alpha-100)); } [class*="is-web"] .ds-link.ds-link-color--success:hover:not(:active):not(.ds-link--disabled) { color: rgba(var(--success), var(--fds-ref-alpha-80)); } [class*="is-web"] .ds-link.ds-link-color--success:active:not(.ds-link--disabled) { color: rgba(var(--success), var(--fds-ref-alpha-72)); } .ds-link.ds-link-color--warning { color: rgba(var(--warning), var(--fds-ref-alpha-100)); } [class*="is-web"] .ds-link.ds-link-color--warning:hover:not(:active):not(.ds-link--disabled) { color: rgba(var(--warning), var(--fds-ref-alpha-80)); } [class*="is-web"] .ds-link.ds-link-color--warning:active:not(.ds-link--disabled) { color: rgba(var(--warning), var(--fds-ref-alpha-72)); } .ds-link.ds-link-color--error { color: rgba(var(--error), var(--fds-ref-alpha-100)); } [class*="is-web"] .ds-link.ds-link-color--error:hover:not(:active):not(.ds-link--disabled) { color: rgba(var(--error), var(--fds-ref-alpha-80)); } [class*="is-web"] .ds-link.ds-link-color--error:active:not(.ds-link--disabled) { color: rgba(var(--error), var(--fds-ref-alpha-72)); } .ds-link.ds-link-decoration--underline .link__label, [class*="is-web"] .ds-link.ds-link-decoration--underline:hover:not(.ds-link--disabled) .link__label { text-decoration: underline; } .ds-link.ds-link--disabled { color: rgba(var(--b-sc), var(--fds-ref-alpha-24)); cursor: not-allowed; pointer-events: none; } .ds-btn { vertical-align: middle; cursor: pointer; justify-content: center; align-items: center; transition: box-shadow 0.2s, filter 0.2s; display: inline-flex; position: relative; overflow: hidden; } .ds-btn::before { content: ""; border-radius: inherit; pointer-events: none; z-index: 1; background: 0px 0px; transition: background 0.2s; position: absolute; inset: 0px; } .ds-btn::after { content: ""; border-top: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) transparent; border-radius: inherit; pointer-events: none; z-index: 2; position: absolute; inset: 0px; } .ds-btn .btn__icon, .ds-btn .btn__label { z-index: 3; position: relative; } .ds-btn .btn__icon { flex-shrink: 0; justify-content: center; align-items: center; display: inline-flex; } .ds-btn .btn__icon svg { width: 100%; height: 100%; display: block; } [class*="is-web"] .ds-btn:hover:not(:disabled)::before { background: rgba(var(--static-white), var(--fds-ref-alpha-12)); } [class*="is-web"] .ds-btn:active:not(:disabled)::before, .ds-btn:active:not(:disabled)::before { background: rgba(var(--static-white), var(--fds-ref-alpha-24)); } .ds-btn.ds-btn-size--xs { height: var(--fds-sem-dimension-small); min-width: var(--fds-sem-dimension-2xlarge); min-height: var(--fds-sem-dimension-small); max-height: var(--fds-sem-dimension-small); padding: var(--fds-ref-spacing-2xsmall) var(--fds-ref-spacing-medium); gap: var(--fds-ref-spacing-2xsmall); } .ds-btn.ds-btn-size--xs .btn__icon { width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); } .ds-btn.ds-btn-size--sm { height: var(--fds-sem-dimension-medium); min-width: var(--fds-sem-dimension-2xlarge); min-height: var(--fds-sem-dimension-medium); max-height: var(--fds-sem-dimension-medium); padding: var(--fds-ref-spacing-2xsmall) var(--fds-ref-spacing-large); gap: var(--fds-ref-spacing-2xsmall); } .ds-btn.ds-btn-size--sm .btn__icon { width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); } .ds-btn.ds-btn-size--md { height: var(--fds-sem-dimension-large); min-width: var(--fds-sem-dimension-4xlarge); min-height: var(--fds-sem-dimension-large); max-height: var(--fds-sem-dimension-large); padding: var(--fds-ref-spacing-none) var(--fds-ref-spacing-2xlarge); gap: var(--fds-ref-spacing-xsmall); } .ds-btn.ds-btn-size--md .btn__icon { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); } .ds-btn.ds-btn-size--lg { height: var(--fds-sem-dimension-xlarge); min-width: var(--fds-sem-dimension-4xlarge); min-height: var(--fds-sem-dimension-xlarge); max-height: var(--fds-sem-dimension-xlarge); padding: var(--fds-ref-spacing-none) var(--fds-ref-spacing-2xlarge); gap: var(--fds-ref-spacing-xsmall); } .ds-btn.ds-btn-size--lg .btn__icon { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); } .ds-btn.ds-btn-size--xl { height: var(--fds-sem-dimension-2xlarge); min-width: var(--fds-sem-dimension-4xlarge); min-height: var(--fds-sem-dimension-2xlarge); max-height: var(--fds-sem-dimension-2xlarge); padding: var(--fds-ref-spacing-none) var(--fds-ref-spacing-2xlarge); gap: var(--fds-ref-spacing-xsmall); } .ds-btn.ds-btn-size--xl .btn__icon { width: var(--fds-sem-dimension-small); height: var(--fds-sem-dimension-small); } .ds-btn.ds-btn--icon.ds-btn-size--xs { min-width: var(--fds-sem-dimension-small); max-width: var(--fds-sem-dimension-small); padding: 0px; } .ds-btn.ds-btn--icon.ds-btn-size--sm { min-width: var(--fds-sem-dimension-medium); max-width: var(--fds-sem-dimension-medium); padding: 0px; } .ds-btn.ds-btn--icon.ds-btn-size--md { min-width: var(--fds-sem-dimension-large); max-width: var(--fds-sem-dimension-large); padding: 0px; } .ds-btn.ds-btn--icon.ds-btn-size--lg { min-width: var(--fds-sem-dimension-xlarge); max-width: var(--fds-sem-dimension-xlarge); padding: 0px; } .ds-btn.ds-btn--icon.ds-btn-size--xl { min-width: var(--fds-sem-dimension-2xlarge); max-width: var(--fds-sem-dimension-2xlarge); padding: 0px; } .ds-btn.ds-btn-variant--primary { background: rgba(var(--hero), var(--fds-ref-alpha-100)); color: rgba(var(--hero-sc), var(--fds-ref-alpha-100)); } .ds-btn.ds-btn-variant--primary::after { border-top-color: rgba(var(--static-white), var(--fds-ref-alpha-24)); } .ds-btn.ds-btn-variant--info { background: rgba(var(--info), var(--fds-ref-alpha-100)); color: rgba(var(--info-sc), var(--fds-ref-alpha-100)); } .ds-btn.ds-btn-variant--info::after { border-top-color: rgba(var(--static-white), var(--fds-ref-alpha-24)); } .ds-btn.ds-btn-variant--secondary { background: rgba(var(--oc-1), var(--fds-ref-alpha-100)); color: rgba(var(--oc-1-sc), var(--fds-ref-alpha-100)); } .ds-btn.ds-btn-variant--secondary::after { border-top-color: rgba(var(--static-white), var(--fds-ref-alpha-24)); } .ds-btn.ds-btn-variant--neutral { background: rgba(var(--neutral), var(--fds-ref-alpha-100)); color: rgba(var(--neutral-sc), var(--fds-ref-alpha-100)); } .ds-btn.ds-btn-variant--neutral::after { border-top-color: rgba(var(--neutral-sc), var(--fds-ref-alpha-24)); } [class*="is-web"] .ds-btn.ds-btn-variant--neutral:hover:not(:disabled)::before { background: rgba(var(--neutral-sc), var(--fds-ref-alpha-12)); } [class*="is-web"] .ds-btn.ds-btn-variant--neutral:active:not(:disabled)::before, .ds-btn.ds-btn-variant--neutral:active:not(:disabled)::before { background: rgba(var(--neutral-sc), var(--fds-ref-alpha-24)); } .ds-btn.ds-btn-variant--transparent { background: rgba(var(--b-sc), var(--fds-ref-alpha-8)); color: rgba(var(--b-sc), var(--fds-ref-alpha-90)); } .ds-btn.ds-btn-variant--transparent::after { border-top-color: rgba(var(--static-white), var(--fds-ref-alpha-16)); } [class*="is-web"] .ds-btn.ds-btn-variant--transparent:hover:not(:disabled)::before { background: rgba(var(--neutral), var(--fds-ref-alpha-12)); } [class*="is-web"] .ds-btn.ds-btn-variant--transparent:active:not(:disabled)::before, .ds-btn.ds-btn-variant--transparent:active:not(:disabled)::before { background: rgba(var(--neutral), var(--fds-ref-alpha-24)); } .ds-btn.ds-btn-variant--transparent-static-light { background: rgba(var(--static-white), var(--fds-ref-alpha-8)); color: rgba(var(--static-white), var(--fds-ref-alpha-90)); } .ds-btn.ds-btn-variant--transparent-static-light::after { border-top-color: rgba(var(--static-white), var(--fds-ref-alpha-16)); } [class*="is-web"] .ds-btn.ds-btn-variant--transparent-static-light:hover:not(:disabled)::before { background: rgba(var(--static-white), var(--fds-ref-alpha-12)); } [class*="is-web"] .ds-btn.ds-btn-variant--transparent-static-light:active:not(:disabled)::before, .ds-btn.ds-btn-variant--transparent-static-light:active:not(:disabled)::before { background: rgba(var(--static-white), var(--fds-ref-alpha-24)); } .ds-btn.ds-btn-variant--transparent-static-light-black-tinted { background: rgba(var(--static-black), var(--fds-ref-alpha-56)); color: rgba(var(--static-white), var(--fds-ref-alpha-90)); } .ds-btn.ds-btn-variant--transparent-static-light-black-tinted::after { border-top-color: rgba(var(--static-white), var(--fds-ref-alpha-16)); } [class*="is-web"] .ds-btn.ds-btn-variant--transparent-static-light-black-tinted:hover:not(:disabled)::before { background: rgba(var(--static-white), var(--fds-ref-alpha-12)); } [class*="is-web"] .ds-btn.ds-btn-variant--transparent-static-light-black-tinted:active:not(:disabled)::before, .ds-btn.ds-btn-variant--transparent-static-light-black-tinted:active:not(:disabled)::before { background: rgba(var(--static-white), var(--fds-ref-alpha-24)); } .ds-btn.ds-btn-variant--success { background: rgba(var(--success), var(--fds-ref-alpha-100)); color: rgba(var(--static-white), var(--fds-ref-alpha-100)); } .ds-btn.ds-btn-variant--success::after { border-top-color: rgba(var(--static-white), var(--fds-ref-alpha-24)); } .ds-btn.ds-btn-variant--warning { background: rgba(var(--warning), var(--fds-ref-alpha-100)); color: rgba(var(--static-black), var(--fds-ref-alpha-90)); } .ds-btn.ds-btn-variant--warning::after { border-top-color: rgba(var(--static-white), var(--fds-ref-alpha-48)); } .ds-btn.ds-btn-variant--error { background: rgba(var(--error), var(--fds-ref-alpha-100)); color: rgba(var(--static-white), var(--fds-ref-alpha-100)); } .ds-btn.ds-btn-variant--error::after { border-top-color: rgba(var(--static-white), var(--fds-ref-alpha-24)); } .ds-btn.ds-btn-radius--none { border-radius: var(--fds-ref-radius-none); } .ds-btn.ds-btn-radius--4xs { border-radius: var(--fds-ref-radius-4xsmall); } .ds-btn.ds-btn-radius--3xs { border-radius: var(--fds-ref-radius-3xsmall); } .ds-btn.ds-btn-radius--2xs { border-radius: var(--fds-ref-radius-2xsmall); } .ds-btn.ds-btn-radius--xs { border-radius: var(--fds-ref-radius-xsmall); } .ds-btn.ds-btn-radius--sm { border-radius: var(--fds-ref-radius-small); } .ds-btn.ds-btn-radius--md { border-radius: var(--fds-ref-radius-medium); } .ds-btn.ds-btn-radius--lg { border-radius: var(--fds-ref-radius-large); } .ds-btn.ds-btn-radius--full { border-radius: var(--fds-ref-radius-full); } .ds-btn.ds-btn-appearance--text { background: 0px 0px; } .ds-btn.ds-btn-appearance--text::after { border-top-color: rgba(0, 0, 0, 0); } [class*="is-web"] .ds-btn.ds-btn-appearance--text:hover:not(:disabled)::before { background: rgba(var(--b-sc), var(--fds-ref-alpha-8)); } [class*="is-web"] .ds-btn.ds-btn-appearance--text:active:not(:disabled)::before, .ds-btn.ds-btn-appearance--text:active:not(:disabled)::before { background: rgba(var(--b-sc), var(--fds-ref-alpha-16)); } .ds-btn.ds-btn-appearance--text.ds-btn-variant--primary { color: rgba(var(--hero), var(--fds-ref-alpha-100)); } .ds-btn.ds-btn-appearance--text.ds-btn-variant--info { color: rgba(var(--info), var(--fds-ref-alpha-100)); } .ds-btn.ds-btn-appearance--text.ds-btn-variant--secondary { color: rgba(var(--oc-1), var(--fds-ref-alpha-100)); } .ds-btn.ds-btn-appearance--text.ds-btn-variant--transparent { color: rgba(var(--b-sc), var(--fds-ref-alpha-90)); } .ds-btn.ds-btn-appearance--text.ds-btn-variant--transparent-static-light { color: rgba(var(--static-white), var(--fds-ref-alpha-90)); } .ds-btn.ds-btn-appearance--text.ds-btn-variant--transparent-text-40 { color: rgba(var(--b-sc), var(--fds-ref-alpha-40)); } .ds-btn.ds-btn-appearance--text.ds-btn-variant--transparent-text-48 { color: rgba(var(--b-sc), var(--fds-ref-alpha-48)); } .ds-btn.ds-btn-appearance--text.ds-btn-variant--transparent-text-56 { color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); } .ds-btn.ds-btn-appearance--text.ds-btn-variant--transparent-text-64 { color: rgba(var(--b-sc), var(--fds-ref-alpha-64)); } .ds-btn.ds-btn-appearance--text.ds-btn-variant--success { color: rgba(var(--success), var(--fds-ref-alpha-100)); } .ds-btn.ds-btn-appearance--text.ds-btn-variant--warning { color: rgba(var(--warning), var(--fds-ref-alpha-100)); } .ds-btn.ds-btn-appearance--text.ds-btn-variant--error { color: rgba(var(--error), var(--fds-ref-alpha-100)); } .ds-btn:disabled, .ds-btn.ds-btn--disabled { background: rgba(var(--b-sc), var(--fds-ref-alpha-8)); color: rgba(var(--b-sc), var(--fds-ref-alpha-24)); cursor: not-allowed; } .ds-btn:disabled.ds-btn-appearance--text, .ds-btn.ds-btn--disabled.ds-btn-appearance--text { color: rgba(var(--b-sc), var(--fds-ref-alpha-24)); background: 0px 0px; } .ds-btn:disabled::before, .ds-btn.ds-btn--disabled::before { display: none; } .ds-btn:disabled::after, .ds-btn.ds-btn--disabled::after { background: 0px 0px; border-top-color: rgba(0, 0, 0, 0); } .sectionTitle { flex-direction: row; align-items: center; display: flex; } [class*="is-web"] .sectionTitle { min-height: var(--fds-sem-dimension-medium); max-height: var(--fds-sem-dimension-medium); gap: var(--fds-ref-spacing-medium); } [class*="is-mobile"] .sectionTitle { min-height: var(--fds-sem-dimension-xsmall-nudge); max-height: var(--fds-sem-dimension-xsmall-nudge); gap: var(--fds-ref-spacing-xsmall); padding: 0 var(--fds-ref-spacing-xsmall); } .sectionTitleText { color: rgba(var(--b-sc), var(--fds-ref-alpha-90)); flex: 1 1 0%; } .sectionTitleBtnWrapper { gap: var(--fds-ref-spacing-xsmall); flex-direction: row; display: flex; } [dir="rtl"] .sectionTitleBtnWrapper { flex-direction: row-reverse; } .slider-full-sized .layout-content-holder-bc .horizontal-sl-list + .hm-row-bc:first-child, .slider-full-sized .layout-content-holder-bc .popup-holder-bc + .hm-row-bc:first-child, .slider-full-sized .layout-content-holder-bc > .hm-row-bc:first-child { width: 100%; position: absolute; left: 0px; } .slider-full-sized .layout-content-holder-bc .horizontal-sl-list + .hm-row-bc:first-child::before, .slider-full-sized .layout-content-holder-bc .popup-holder-bc + .hm-row-bc:first-child::before, .slider-full-sized .layout-content-holder-bc > .hm-row-bc:first-child::before { content: ""; pointer-events: none; background: linear-gradient(to bottom, rgba(var(--b), 1) 0%, rgba(var(--b), 0) 20%, rgba(var(--b), 0) 80%, rgba(var(--b), 1) 100%); z-index: 1; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .slider-full-sized .layout-content-holder-bc .horizontal-sl-list + .hm-row-bc:first-child + .hm-row-bc:not(:empty), .slider-full-sized .layout-content-holder-bc .popup-holder-bc + .hm-row-bc:first-child + .hm-row-bc:not(:empty), .slider-full-sized .layout-content-holder-bc > .hm-row-bc:first-child + .hm-row-bc:not(:empty), .slider-full-sized .layout-content-holder-bc .horizontal-sl-list + .hm-row-bc:first-child + .hm-row-bc:empty + .hm-row-bc, .slider-full-sized .layout-content-holder-bc .popup-holder-bc + .hm-row-bc:first-child + .hm-row-bc:empty + .hm-row-bc, .slider-full-sized .layout-content-holder-bc > .hm-row-bc:first-child + .hm-row-bc:empty + .hm-row-bc { margin-top: 33%; } .slider-full-sized .layout-content-holder-bc .horizontal-sl-list + .hm-row-bc:first-child ~ *, .slider-full-sized .layout-content-holder-bc .popup-holder-bc + .hm-row-bc:first-child ~ *, .slider-full-sized .layout-content-holder-bc > .hm-row-bc:first-child ~ * { z-index: 1; position: relative; } .slider-full-sized .layout-content-holder-bc > .hm-row-bc:first-child { z-index: 0; } .slider-full-sized .hm-row-bc + .hm-row-bc { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } .slider-full-sized .sdr-item-bc { border-radius: 0px; } .slider-full-sized .sdr-image-bc { top: 0px; left: 0px; } .slider-full-sized .slider-bc .carousel > i { top: 42px; inset-inline-end: 20px; } .sdr-item-holder-bc a + .entrance-f-item-bc { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .sdr-item-holder-bc a + .entrance-f-item-bc .entrance-f-error-message-bc { width: 100%; height: 100%; margin: 0px; padding: 0px; } .sdr-item-holder-bc a + .entrance-f-item-bc .entrance-f-error-message-bc > p { width: 100%; height: 100%; } .slider-full-sized .slider-market-coefficient-container .countdown-banner-content { margin-top: 25%; top: 0px; } .layout-bc:not(.slider-full-sized) .slider-market-coefficient-container .countdown-banner-content { bottom: 20px; } .slider-market-coefficient-container .c-odd-bc:nth-child(2):not(:last-child) .market-bc.disabled-market-bc { width: 60px; height: 33px; } .slider-market-coefficient-container .market-bc + .market-bc { margin-inline-start: 20px; } .slider-market-coefficient-container .market-bc:first-child, .slider-market-coefficient-container .market-bc:last-child { width: 68px; height: 38px; } .slider-market-coefficient-container .market-bc:nth-child(2):not(:last-child) { width: 60px; height: 33px; } .slider-market-coefficient-container .market-bc:not(.disabled-market-bc):hover { background: rgba(var(--oc-2), 1); } .slider-market-coefficient-container .market-bc:not(.disabled-market-bc):hover .market-odd-bc, .slider-market-coefficient-container .market-bc:not(.disabled-market-bc):hover .bc-i-boost { color: rgba(var(--b), 1); } .slider-market-coefficient-container .market-odd-bc { font-size: 18px; } .slider-market-coefficient-container .c-odd-bc { width: auto; } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } :host { z-index: 1; margin-left: auto; margin-right: auto; display: block; position: relative; } .swiper { z-index: 1; margin-left: auto; margin-right: auto; padding: 0px; list-style: none; display: block; position: relative; overflow: hidden; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { z-index: 1; width: 100%; height: 100%; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; display: flex; position: relative; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate(0px, 0px); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; transition-property: transform; display: block; position: relative; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { scrollbar-width: none; overflow: auto; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { pointer-events: none; z-index: 10; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { z-index: 10; transform-origin: 50% center; box-sizing: border-box; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: rgba(0, 0, 0, 0); border-radius: 50%; width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; position: absolute; top: 50%; left: 50%; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } :root { --swiper-navigation-size: 44px; } .swiper-button-prev, .swiper-button-next { top: var(--swiper-navigation-top-offset,50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; color: var(--swiper-navigation-color,var(--swiper-theme-color)); justify-content: center; align-items: center; display: flex; position: absolute; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { object-fit: contain; transform-origin: 50% center; width: 100%; height: 100%; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset,10px); right: auto; } .swiper-button-lock { display: none; } .swiper-button-prev::after, .swiper-button-next::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; } .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto; } .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content: "next"; } .swiper-pagination { text-align: center; z-index: 10; transition: opacity 0.3s; position: absolute; transform: translate(0px, 0px); } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto); width: 100%; left: 0px; } .swiper-pagination-bullets-dynamic { font-size: 0px; overflow: hidden; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); border-radius: var(--swiper-pagination-bullet-border-radius,50%); background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity,.2); display: inline-block; } button.swiper-pagination-bullet { box-shadow: none; appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity,1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right,8px); left: var(--swiper-pagination-left,auto); top: 50%; transform: translateY(-50%); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { width: 8px; top: 50%; transform: translateY(-50%); } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, top 0.2s; display: inline-block; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { white-space: nowrap; left: 50%; transform: translate(-50%); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color,inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color,#00000040); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); transform-origin: 0px 0px; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; transform: scale(0); } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: 100% 0px; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size,4px); top: 0px; left: 0px; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size,4px); height: 100%; top: 0px; left: 0px; } .swiper-pagination-lock { display: none; } [class*="is-mobile"] .carouselWrapper .swiper-button-next, [class*="is-mobile"] .carouselWrapper .swiper-button-prev { -webkit-tap-highlight-color: transparent; } .carouselWrapper .swiper-button-next::after, .carouselWrapper .swiper-button-prev::after { width: 100%; height: 100%; color: rgba(var(--b-sc), .75); justify-content: center; align-items: center; font-family: BetConstruct-Icons, sans-serif; display: flex; } [dir="rtl"] .carouselWrapper .swiper-button-next::after, [dir="rtl"] .carouselWrapper .swiper-button-prev::after { transform: rotate(180deg); } [class*="is-web"] .carouselWrapper .swiper-button-next:not(.swiper-button-disabled):hover::after, [class*="is-web"] .carouselWrapper .swiper-button-prev:not(.swiper-button-disabled):hover::after { transition: color var(--slow-transition-duration); color: rgba(var(--b-sc), 1); } .carouselWrapper .swiper-button-prev::after { content: ""; } .carouselWrapper .swiper-button-next::after { content: ""; } .swiper { height: 100%; } .swiper-pagination { height: 22px; color: rgba(var(--b-sc), .8); font-size: 13px; line-height: 22px; } .swiper-slide { border-radius: var(--border-radius); overflow: hidden; } .swiperCube .swiper-slide { overflow: unset; } [class*="is-mobile"] .slider-bc.has-title .page-view-more { min-height: 20px; margin-bottom: 0px; } [class*="is-mobile"] .slider-bc.has-title .carouselCountEnable { height: calc(100% - 20px); } .slider-bc .carouselCountEnable { height: 100%; } .slider-bc .carouselCountEnable .swiper-button-next::after, .slider-bc .carouselCountEnable .swiper-button-prev::after { justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 8px; display: flex; } .slider-bc .carouselCountEnable .swiper-pagination { color: rgba(255, 255, 255, 0.9); } [class*="is-web"][dir="ltr"] .slider-bc .carouselCountEnable .swiper-button-prev, [class*="is-web"][dir="ltr"] .slider-bc .carouselCountEnable .swiper-button-next, [class*="is-web"][dir="ltr"] .slider-bc .carouselCountEnable .swiper-pagination { left: auto; } [class*="is-web"][dir="ltr"] .slider-bc .carouselCountEnable .swiper-button-prev { right: 80px; } [class*="is-web"][dir="ltr"] .slider-bc .carouselCountEnable .swiper-button-prev::after { margin-inline-start: -2px; } [class*="is-web"][dir="ltr"] .slider-bc .carouselCountEnable .swiper-button-next { right: 10px; } [class*="is-web"][dir="ltr"] .slider-bc .carouselCountEnable .swiper-pagination { right: 20px; } [class*="is-web"][dir="rtl"] .slider-bc .carouselCountEnable .swiper-button-prev, [class*="is-web"][dir="rtl"] .slider-bc .carouselCountEnable .swiper-button-next { right: auto; } [class*="is-web"][dir="rtl"] .slider-bc .carouselCountEnable .swiper-button-prev::after, [class*="is-web"][dir="rtl"] .slider-bc .carouselCountEnable .swiper-button-next::after { transform: rotate(180deg); } [class*="is-web"][dir="rtl"] .slider-bc .carouselCountEnable .swiper-button-prev { left: 80px; } [class*="is-web"][dir="rtl"] .slider-bc .carouselCountEnable .swiper-button-next { left: 10px; } [class*="is-web"][dir="rtl"] .slider-bc .carouselCountEnable .swiper-button-next::after { margin-inline-start: 2px; } [class*="is-web"][dir="rtl"] .slider-bc .carouselCountEnable .swiper-pagination { left: 20px; } [class*="is-mobile"][dir="ltr"] .slider-bc .carouselCountEnable .swiper-pagination { left: auto; right: 16px; } [class*="is-mobile"][dir="rtl"] .slider-bc .carouselCountEnable .swiper-pagination { left: 16px; right: auto; } [class*="is-web"] .slider-bc .carouselCountEnable .swiper-pagination { margin-inline-start: auto; width: 68px; height: 22px; margin-bottom: 0px; padding: 0px 13px; line-height: 22px; top: 20px; bottom: auto; overflow: hidden; } [class*="is-web"] .slider-bc .carouselCountEnable .swiper-pagination::before, [class*="is-web"] .slider-bc .carouselCountEnable .swiper-pagination::after { content: ""; z-index: -1; border-radius: 50%; width: 28px; height: 22px; position: absolute; top: 50%; transform: translateY(-50%); } [class*="is-web"] .slider-bc .carouselCountEnable .swiper-pagination::before { left: -18px; } @supports not (stroke-color:transparent) { [class*="is-web"] .slider-bc .carouselCountEnable .swiper-pagination::before { box-shadow: rgba(0, 0, 0, 0.9) -20px 0px 0px 44px; } } @supports (stroke-color:transparent) { [class*="is-web"] .slider-bc .carouselCountEnable .swiper-pagination::before { box-shadow: rgba(0, 0, 0, 0.9) -20px 0px 0px 45px; } } [class*="is-web"] .slider-bc .carouselCountEnable .swiper-pagination::after { right: -18px; } @supports not (stroke-color:transparent) { [class*="is-web"] .slider-bc .carouselCountEnable .swiper-pagination::after { box-shadow: rgba(0, 0, 0, 0.9) 20px 0px 0px 44px; } } @supports (stroke-color:transparent) { [class*="is-web"] .slider-bc .carouselCountEnable .swiper-pagination::after { box-shadow: rgba(0, 0, 0, 0.9) 20px 0px 0px 45px; } } [class*="is-web"] .slider-bc .carouselCountEnable .swiper-button-prev, [class*="is-web"] .slider-bc .carouselCountEnable .swiper-button-next { background: rgba(0, 0, 0, 0.9); border-radius: 50%; width: 18px; height: 18px; margin-top: 0px; font-weight: 700; top: 22px; } [class*="is-web"] .slider-bc .carouselCountEnable .swiper-button-prev::after, [class*="is-web"] .slider-bc .carouselCountEnable .swiper-button-next::after { color: rgba(255, 255, 255, 0.9); } [class*="is-web"] .slider-bc .carouselCountEnable .swiper-button-prev::before, [class*="is-web"] .slider-bc .carouselCountEnable .swiper-button-next::before { background: 0px 0px; } [class*="is-web"] .slider-bc .carouselCountEnable .swiper-button-prev:hover, [class*="is-web"] .slider-bc .carouselCountEnable .swiper-button-next:hover { backdrop-filter: none; background: rgba(0, 0, 0, 0.9); } [class*="is-web"] .slider-bc .carouselCountEnable .swiper-button-prev:hover::after, [class*="is-web"] .slider-bc .carouselCountEnable .swiper-button-next:hover::after { color: rgb(255, 255, 255); } [class*="is-mobile"] .slider-bc .carouselCountEnable .swiper-pagination { background: rgba(var(--hero), .7); border-radius: var(--border-radius); width: auto; padding: 4px 6px; line-height: normal; top: 6px; bottom: auto; overflow: hidden; } [class*="is-mobile"] .slider-bc .carouselCountEnable .swiper-pagination::before { content: ""; background: rgba(var(--hero), .4); z-index: -1; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } [class*="is-web"] .slider-bc .carouselCountEnable.carouselArrowsDisabled .swiper-pagination { background: rgba(var(--hero), .7); border-radius: var(--border-radius); } [class*="is-web"] .slider-bc .carouselCountEnable.carouselArrowsDisabled .swiper-pagination::before, [class*="is-web"] .slider-bc .carouselCountEnable.carouselArrowsDisabled .swiper-pagination::after { content: none; } .carousel { height: 100%; position: relative; overflow: hidden; } .swiperBulletsEnable .swiper { padding-bottom: 20px; } .swiperBulletsEnable .swiper-pagination-bullets { justify-content: center; align-items: center; height: 10px; display: flex; bottom: 4px; } .swiperBulletsEnable .swiper-pagination-bullet { background: rgba(var(--b-sc), .3); opacity: 1; width: 8px; height: 8px; margin: 0px; } .swiperBulletsEnable .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgba(var(--b-sc), 1); } .marketSliderWrapper .swiperBulletsEnable .swiper-pagination-bullet, .marketSlider .swiperBulletsEnable .swiper-pagination-bullet { width: 4px; height: 4px; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet { margin-inline-start: 6px; } .featuredGamesContentVersion1 .carouselWrapper .swiper-button-next, .featuredGamesContentVersion1 .carouselWrapper .swiper-button-prev, .carousel .swiper-button-next, .carousel .swiper-button-prev { z-index: 1; pointer-events: none; align-items: center; width: 40px; height: 40px; margin: 0px; display: flex; position: absolute; top: 50%; transform: translateY(-50%); } .featuredGamesContentVersion1 .carouselWrapper .swiper-button-next::after, .featuredGamesContentVersion1 .carouselWrapper .swiper-button-prev::after, .carousel .swiper-button-next::after, .carousel .swiper-button-prev::after { pointer-events: all; z-index: 1; font-size: 12px; } .featuredGamesContentVersion1 .carouselWrapper .swiper-button-next.swiper-button-disabled, .featuredGamesContentVersion1 .carouselWrapper .swiper-button-prev.swiper-button-disabled, .carousel .swiper-button-next.swiper-button-disabled, .carousel .swiper-button-prev.swiper-button-disabled { display: none; } [dir="ltr"] .featuredGamesContentVersion1 .carouselWrapper .swiper-button-prev, [dir="ltr"] .carousel .swiper-button-prev { left: 0px; } [dir="rtl"] .featuredGamesContentVersion1 .carouselWrapper .swiper-button-prev, [dir="rtl"] .carousel .swiper-button-prev { left: auto; right: 0px; } [dir="ltr"] .featuredGamesContentVersion1 .carouselWrapper .swiper-button-next, [dir="ltr"] .carousel .swiper-button-next { right: 0px; } [dir="rtl"] .featuredGamesContentVersion1 .carouselWrapper .swiper-button-next, [dir="rtl"] .carousel .swiper-button-next { left: 0px; right: auto; } .swiper-button-prev.swiper-button-lock, .swiper-button-next.swiper-button-lock { display: none; } .u-i-p-amount-holder-bc .swiper-slide { will-change: transform; width: 80%; transition: transform var(--default-transition-duration); } .u-i-p-amount-holder-bc .swiper-slide:not(.swiper-slide-active) { transform: scale(0.9); } .u-i-p-amount-holder-bc .carousel { height: auto; } .featuredGamesVersion1 > .featuredGamesContentVersion1:only-child > .carouselWrapper.carouselCountEnable .swiper { flex-direction: column-reverse; display: flex; } .featuredGamesVersion1 > .featuredGamesContentVersion1:only-child > .carouselWrapper.carouselCountEnable .swiper-pagination { position: unset; } .featuredGamesContentVersion1 { flex-direction: column; height: 100%; display: flex; } .featuredGamesContentVersion1 .swiper-slide { height: auto; } .featuredGamesContentVersion1 .swiper { height: auto; overflow: unset; } .featuredGamesContentVersion1 .swiper-pagination { text-align: end; bottom: 100%; } [class*="is-web"] .featuredGamesContentVersion1 .swiper-pagination { margin-bottom: 5px; } [class*="is-mobile"] .featuredGamesContentVersion1 .swiper-pagination { margin-bottom: 2px; } .sureWidgetContent .carouselWrapper .swiper-button-prev, .sureWidgetContent .carouselWrapper .swiper-button-next, .featuredGamesContentVersion1 .carouselWrapper .swiper-button-prev, .featuredGamesContentVersion1 .carouselWrapper .swiper-button-next, .betOnPoliticsWidgetContainer .carouselWrapper .swiper-button-prev, .betOnPoliticsWidgetContainer .carouselWrapper .swiper-button-next { background: 0px 0px; height: 100%; top: 0px; transform: translateY(0px); } [class*="is-web"] .sureWidgetContent .carouselWrapper .swiper-button-prev, [class*="is-web"] .sureWidgetContent .carouselWrapper .swiper-button-next, [class*="is-web"] .featuredGamesContentVersion1 .carouselWrapper .swiper-button-prev, [class*="is-web"] .featuredGamesContentVersion1 .carouselWrapper .swiper-button-next, [class*="is-web"] .betOnPoliticsWidgetContainer .carouselWrapper .swiper-button-prev, [class*="is-web"] .betOnPoliticsWidgetContainer .carouselWrapper .swiper-button-next { min-height: 90px; } .countdown-banner-content { color: rgba(var(--b-sc), 1); background: rgba(var(--b), .8); border-radius: var(--border-radius); border: 1px solid rgba(var(--b-sc), .1); backdrop-filter: blur(4px); z-index: 1; justify-content: center; padding: 5px; display: flex; position: absolute; top: 5px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 4px; } [dir="ltr"] .countdown-banner-content { left: 5px; } [dir="rtl"] .countdown-banner-content { right: 5px; } .countdown-banner-counter { flex-direction: column; align-items: center; display: flex; } .countdown-banner-counter:not(:last-child) { padding-inline-end: 9px; } .countdown-banner-counter + .countdown-banner-counter { padding-inline-start: 9px; position: relative; } .countdown-banner-counter + .countdown-banner-counter::before { content: ":"; position: absolute; top: -4px; } [dir="ltr"] .countdown-banner-counter + .countdown-banner-counter::before { left: -1px; } [dir="rtl"] .countdown-banner-counter + .countdown-banner-counter::before { right: -1px; } .countdown-banner-date { margin-bottom: 3px; font-size: 12px; font-weight: 500; line-height: 14px; } .countdown-banner-names { text-transform: uppercase; font-size: 10px; } .page-view-more { align-items: center; margin-bottom: 5px; display: flex; } [class*="is-mobile"] .page-view-more { padding: 0 var(--padding-page-aside); } .sport-game-detail-holder-bc + .page-view-more { margin-top: 10px; margin-bottom: 0px; } .view-title-more { text-transform: uppercase; flex: 1 1 auto; } [class*="is-web"] .view-title-more { color: rgba(var(--b-sc), 1); letter-spacing: 1px; font-size: 16px; } [class*="is-mobile"] .view-title-more { color: rgba(var(--b-sc), .8); font-size: 13px; } .view-see-more { color: rgba(var(--b-sc), .5); flex-shrink: 0; align-items: center; margin-inline: 10px 4px; font-size: 12px; line-height: 14px; display: flex; } .view-arrow-more { margin-inline-start: 6px; } [dir="rtl"] .view-arrow-more::before { content: ""; } .popup-holder-bc.homework-popup .status-popup-content-w-bc { background: 0px 0px; width: 100%; height: 100%; padding: 0px; display: flex; } .homework-promo-wrapper { cursor: pointer; padding: 0px 5px; } .homework-promo { color: rgb(255, 255, 255); border-radius: var(--border-radius); background: linear-gradient(90deg, rgb(190, 16, 98), rgb(107, 45, 106)) rgb(190, 16, 98); align-items: center; height: 36px; padding: 0px 10px; display: flex; position: relative; } .homework-promo::after { content: ""; opacity: 0.15; pointer-events: none; background: url("/assets/images/homework.DzhsLntl.svg?v=649") 175% 68% / 82% auto no-repeat; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .homework-promo * { z-index: 1; position: relative; } .homework-icon, .homework-info-icon { flex-shrink: 0; } .homework-title { flex: 1 1 auto; margin: 0px 10px; font-size: 14px; } .homework-info-icon { height: 16px; } .homework-info-icon > a { color: rgb(255, 255, 255); } .homework-amount { border-radius: var(--border-radius); background: rgb(167, 31, 103); flex-shrink: 0; height: 20px; margin-inline-start: 10px; padding: 0px 8px; font-size: 13px; font-weight: 400; line-height: 20px; } .left-menu-container .homework-promo-wrapper { background: rgba(var(--b-sc), .05); padding: 10px; } .popular-competitions-bc.isWidget .popular-competitions-container { gap: 8px; display: grid; } [class*="is-web"] .popular-competitions-bc.isWidget .popular-competitions-container { grid-template-columns: repeat(3, 1fr); } [class*="is-mobile"] .popular-competitions-bc.isWidget .popular-competitions-container { padding: 0 var(--padding-page-aside); will-change: scroll-position; grid-template-columns: 1fr; max-height: 322px; overflow: hidden auto; } .popular-competitions-bc.isWidget .sp-s-l-b-c-item-bc { background: rgba(var(--b-sc), .08); border-radius: var(--border-radius-middle); border: 1px solid rgba(var(--b-sc), .15); overflow: hidden; } .popular-competitions-bc.isWidget .sp-s-l-b-c-item-bc.active { background: rgba(var(--b-sc), .2); } [class*="is-web"] .popular-competitions-bc.isWidget .sp-s-l-b-c-item-bc { padding: 16px; } [class*="is-web"] .popular-competitions-bc.isWidget .sp-s-l-b-c-item-bc:hover { cursor: pointer; background: rgba(var(--b-sc), .2); } [class*="is-mobile"] .popular-competitions-bc.isWidget .sp-s-l-b-c-item-bc { padding: 8px 12px; } .popular-competitions-bc.isWidget .sp-s-l-b-c-i-fav-icon-bc { padding-inline-end: 0px; } [dir="ltr"] .popular-competitions-bc.isWidget .sp-s-l-b-c-i-fav-icon-bc { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } [dir="rtl"] .popular-competitions-bc.isWidget .sp-s-l-b-c-i-fav-icon-bc { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; } .popular-competitions-bc.isWidget .sp-s-l-b-c-i-sport-icon-bc { margin-inline-start: 16px; font-size: 20px; } .popular-competitions-bc.isWidget .sp-s-l-b-c-i-title-bc { margin: 0px; } [class*="is-web"] .popular-competitions-bc.isWidget .sp-s-l-b-c-i-title-bc { font-size: 16px; } [class*="is-mobile"] .popular-competitions-bc.isWidget .sp-s-l-b-c-i-title-bc { font-size: 14px; } .popular-competitions-bc.isWidget .sp-s-l-b-c-i-g-count-bc { color: rgba(var(--b-sc), .8); background: rgba(var(--b-sc), .15); border-radius: var(--border-radius); justify-content: center; align-items: center; font-weight: 600; display: flex; } [class*="is-web"] .popular-competitions-bc.isWidget .sp-s-l-b-c-i-g-count-bc { width: 40px; height: 40px; font-size: 20px; } [class*="is-mobile"] .popular-competitions-bc.isWidget .sp-s-l-b-c-i-g-count-bc { width: 32px; height: 32px; font-size: 16px; } .sp-s-l-b-c-i-region-container { flex-direction: column; flex: 1 1 auto; margin: 0px 10px; display: flex; overflow: hidden; } .sp-s-l-b-c-i-region-bc { align-items: center; margin-bottom: 3px; display: flex; } .sp-s-l-b-c-i-region-name { color: rgba(var(--b-sc), .6); } [class*="is-web"] .sp-s-l-b-c-i-region-name { font-size: 12px; line-height: 20px; } .horizontal-scroll { scroll-behavior: smooth; scrollbar-width: none; display: flex; overflow: auto hidden; } .horizontal-scroll::-webkit-scrollbar { display: none; } .horizontal-scroll--no-scroll { overflow: hidden; } .horizontal-scroll--no-scroll.horizontal-scroll--left { justify-content: flex-start; } .horizontal-scroll--no-scroll.horizontal-scroll--center { justify-content: center; } .horizontal-scroll--no-scroll.horizontal-scroll--right { justify-content: flex-end; } .horizontal-scroll--has-arrows { position: relative; overflow: hidden; } .horizontal-scroll--has-arrows.horizontal-scroll--fade-start::before, .horizontal-scroll--has-arrows.horizontal-scroll--fade-end::after { content: ""; z-index: 1; pointer-events: none; width: 56px; height: 100%; position: absolute; top: 0px; } .horizontal-scroll--has-arrows.horizontal-scroll--fade-start::before { background: linear-gradient(to right, rgba(var(--b), 1) 0%, transparent 100%); left: 0px; } .horizontal-scroll--has-arrows.horizontal-scroll--fade-end::after { background: linear-gradient(to left, rgba(var(--b), 1) 0%, transparent 100%); right: 0px; } .horizontal-scroll--has-shadows { --hs-fade-start: 0px; --hs-fade-end: 0px; mask-image: linear-gradient(to right, transparent, #000 var(--hs-fade-start), #000 calc(100% - var(--hs-fade-end)), transparent); } .horizontal-scroll--has-shadows.horizontal-scroll--fade-start { --hs-fade-start: 56px; } .horizontal-scroll--has-shadows.horizontal-scroll--fade-end { --hs-fade-end: 56px; } .horizontal-scroll__arrow.ds-btn { z-index: 2; position: absolute; top: 50%; transform: translateY(-50%); } .horizontal-scroll__arrow--left.ds-btn { left: 0px; } .horizontal-scroll__arrow--right.ds-btn { right: 0px; } .horizontal-scroll__arrow-shadow { z-index: 1; pointer-events: none; width: 0px; box-shadow: 0px 0 30px 22px rgba(var(--b), var(--fds-ref-alpha-100)); position: absolute; top: 0px; bottom: 0px; } .horizontal-scroll__arrow-shadow--left { left: 20px; } .horizontal-scroll__arrow-shadow--right { right: 20px; } .horizontal-scroll__inner { flex-shrink: 0; align-items: center; transition: transform 0.3s; display: flex; } .horizontal-scroll__inner--gap-none { gap: 0px; } .horizontal-scroll__inner--gap-4xs { gap: var(--fds-ref-spacing-4xsmall); } .horizontal-scroll__inner--gap-xs { gap: var(--fds-ref-spacing-xsmall); } .horizontal-scroll__inner--gap-sm { gap: var(--fds-ref-spacing-small); } .horizontal-scroll__inner--gap-md { gap: var(--fds-ref-spacing-medium); } .horizontal-scroll__inner--gap-lg { gap: var(--fds-ref-spacing-large); } .ds-chip { background: rgba(var(--b-sc), var(--fds-ref-alpha-8)); color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); border-radius: var(--fds-ref-radius-full); white-space: nowrap; user-select: none; cursor: pointer; justify-content: center; align-items: center; transition: box-shadow 0.2s; display: inline-flex; position: relative; } .ds-chip::after { content: ""; border-radius: inherit; background: rgba(var(--b-sc), 1); opacity: 0; pointer-events: none; transition: opacity 0.2s; position: absolute; inset: 0px; } [class*="is-web"] .ds-chip:hover:not(.ds-chip--disabled)::after { opacity: var(--fds-ref-alpha-8); } .ds-chip.ds-chip-size--xs { gap: var(--fds-ref-spacing-4xsmall); min-width: 60px; padding: var(--fds-ref-spacing-3xsmall) var(--fds-ref-spacing-2xsmall); } .ds-chip.ds-chip-size--xs .chip__icon { width: var(--fds-sem-dimension-2xsmall); height: var(--fds-sem-dimension-2xsmall); flex-shrink: 0; justify-content: center; align-items: center; display: inline-flex; } .ds-chip.ds-chip-size--xs .chip__icon svg { width: 100%; height: 100%; display: block; } .ds-chip.ds-chip-size--xs.ds-chip--icon { padding: var(--fds-ref-spacing-3xsmall); min-width: var(--fds-sem-dimension-small); max-width: var(--fds-sem-dimension-small); line-height: unset; } .ds-chip.ds-chip-size--sm { gap: var(--fds-ref-spacing-3xsmall); min-width: 70px; padding: var(--fds-ref-spacing-xsmall) var(--fds-ref-spacing-medium); } .ds-chip.ds-chip-size--sm .chip__icon { width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); flex-shrink: 0; justify-content: center; align-items: center; display: inline-flex; } .ds-chip.ds-chip-size--sm .chip__icon svg { width: 100%; height: 100%; display: block; } .ds-chip.ds-chip-size--sm.ds-chip--icon { padding: var(--fds-ref-spacing-xsmall); min-width: var(--fds-sem-dimension-medium); max-width: var(--fds-sem-dimension-medium); line-height: unset; } .ds-chip.ds-chip-size--md { gap: var(--fds-ref-spacing-3xsmall); min-width: 84px; padding: var(--fds-ref-spacing-small) var(--fds-ref-spacing-large); } .ds-chip.ds-chip-size--md .chip__icon { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); flex-shrink: 0; justify-content: center; align-items: center; display: inline-flex; } .ds-chip.ds-chip-size--md .chip__icon svg { width: 100%; height: 100%; display: block; } .ds-chip.ds-chip-size--md.ds-chip--icon { padding: var(--fds-ref-spacing-xsmall); min-width: var(--fds-sem-dimension-large); max-width: var(--fds-sem-dimension-large); line-height: unset; } .ds-chip.ds-chip-color--transparent.ds-chip--selected { background: rgba(var(--neutral), var(--fds-ref-alpha-90)); color: rgba(var(--neutral-sc), var(--fds-ref-alpha-90)); box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--neutral), var(--fds-ref-alpha-90)); } .ds-chip.ds-chip-color--secondary.ds-chip--selected { background: rgba(var(--oc-1), var(--fds-ref-alpha-16)); box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--oc-1), var(--fds-ref-alpha-100)); } .ds-chip--selected { background: rgba(var(--hero), var(--fds-ref-alpha-16)); box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--hero), var(--fds-ref-alpha-100)); } .ds-chip--icon { aspect-ratio: 1 / 1; } .ds-chip.ds-chip--no-min-width { min-width: unset; } .ds-chip--disabled { opacity: var(--fds-ref-alpha-48); cursor: not-allowed; pointer-events: none; } [class*="is-mobile"] .casino-live-rtp-loader { padding: 0 var(--fds-ref-spacing-xsmall); } @media screen and (width <= 1024px) { .casino-live-rtp-loader { margin-inline: calc(50% - 50vw); gap: var(--fds-ref-spacing-2xlarge) !important; width: 100vw !important; } .casino-live-rtp-loader__panels { gap: var(--fds-ref-spacing-2xlarge) !important; flex-direction: column !important; } .casino-live-rtp-loader__panel { width: 100%; } } @media screen and (width <= 480px) { .casino-live-rtp-loader__grid { row-gap: var(--fds-ref-spacing-xsmall) !important; grid-template-columns: minmax(0px, 1fr) !important; } } .popup-holder-bc { z-index: 1000; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0px; } [dir="ltr"] .popup-holder-bc { left: 0px; } [dir="rtl"] .popup-holder-bc { right: 0px; } .popup-holder-bc.hidden { display: none; } .popup-holder-bc.windowed { padding: 0px 30px; } .popup-holder-bc.blocked { backdrop-filter: blur(6px); } .popup-holder-bc.blocked .popup-inner-bc { background: 0px 0px; position: relative; } .popup-holder-bc.blocked:not(.homework-popup) .status-popup-content-w-bc { background: 0px 0px; flex-direction: column; width: 100%; height: 100%; padding-top: 15px; display: flex; position: absolute; top: 0px; left: 0px; } .popup-holder-bc.warning svg path { fill: rgb(253, 188, 12); } .popup-holder-bc.warning .casino-popup-content { user-select: text; } .popup-holder-bc.pending svg path { fill: rgb(253, 188, 12); } .popup-holder-bc.pending .casino-popup-content { user-select: text; } .select-doc-a { will-change: scroll-position; flex-direction: column; width: 100%; margin: auto; display: flex; overflow: hidden auto; } .e-p-close-icon-bc { text-align: center; width: 24px; height: 24px; color: rgba(var(--b-sc), .6); transition: color var(--default-transition-duration) ease; cursor: pointer; z-index: 99999; font-size: 14px; line-height: 24px; display: block; position: absolute; top: 11px; } [dir="ltr"] .e-p-close-icon-bc { right: 11px; } [dir="rtl"] .e-p-close-icon-bc { left: 11px; } .popup-middleware-bc { height: 100%; display: flex; } .popup-inner-bc { border-radius: var(--border-radius); box-shadow: 0 0 5px 0 rgba(var(--b), .1); opacity: 1; background: rgba(var(--b), 1); animation: var(--default-transition-duration) open-popup ease-in-out backwards; margin: auto; position: relative; overflow: hidden; } @keyframes open-popup { 0% { opacity: 0; } 100% { opacity: 1; } } .entrance-popup-bc { height: 100%; position: relative; } .entrance-popup-bc > .e-p-content-holder-bc { box-shadow: none; } .entrance-popup-bc.sign-in > .e-p-content-holder-bc, .entrance-popup-bc.register > .e-p-content-holder-bc { width: 100%; } .sg-n-text-row-1-bc { width: 100%; color: rgba(var(--b-sc), .5); margin-bottom: 10px; font-size: 14px; font-weight: 500; line-height: 16px; } .sg-n-text-row-2-bc { width: 100%; color: rgba(var(--b-sc), 1); text-transform: uppercase; margin-bottom: 15px; font-size: 18px; line-height: 20px; } .sg-n-forgot-password-text { color: rgba(var(--b-sc), .7); text-transform: uppercase; text-align: center; margin-top: 20px; font-size: 14px; font-weight: 500; line-height: 16px; } .sg-n-forgot-password { transition: color var(--default-transition-duration); cursor: pointer; } .sg-n-forgot-password:hover { color: rgba(var(--b-sc), .9); } .reg-step-title-v-bc { width: 100%; color: rgba(var(--b-sc), 1); text-transform: uppercase; margin-bottom: 18px; font-size: 16px; line-height: 18px; } .live-chat-adviser-bc { width: 100%; padding: 20px var(--padding-page-aside); color: rgba(var(--b-sc), .5); cursor: pointer; justify-content: center; align-items: center; font-size: 14px; font-weight: 500; text-decoration: underline; display: flex; } .live-chat-adviser-bc > i { margin-inline-end: 12px; } .e-p-content-holder-bc { height: 100%; position: relative; } .e-p-content-bc { flex-direction: column; height: 100%; padding-bottom: 0px; display: flex; position: relative; } .e-p-header-bc { width: 100%; height: var(--mobile-header-main-section-height); border-bottom: 1px solid rgba(var(--b-sc), .05); z-index: 3; flex-shrink: 0; justify-content: space-between; align-items: center; padding-inline-end: 52px; display: flex; } .popup-t-logo-w-bc { align-items: center; height: 46px; display: flex; } .e-p-sections-bc { flex-shrink: 0; margin-inline-start: 3px; } .e-p-section-item-bc { vertical-align: top; cursor: pointer; margin-inline-end: 24px; display: inline-block; } .e-p-section-item-bc:last-child { margin: 0px; } .e-p-section-item-bc:hover > .e-p-section-title-bc::before, .e-p-section-item-bc.active > .e-p-section-title-bc::before { width: 100%; } .e-p-section-title-bc { text-transform: uppercase; color: rgba(var(--b-sc), .8); transition: color var(--default-transition-duration) ease; padding: 6px 0px; font-size: 14px; font-weight: 400; text-decoration: underline; display: block; position: relative; } .e-p-body-bc { height: calc(100% - var(--mobile-header-main-section-height)); flex: 1 1 auto; position: relative; } .e-p-body-bc.keyboard-open { will-change: scroll-position; touch-action: pan-y; overscroll-behavior-y: contain; height: 100%; max-height: 100%; overflow: hidden auto; } .reg-form-close-popup .casino-popup-title { text-transform: none; font-weight: 700; line-height: 30px; } .reg-form-close-popup .casino-popup-content { color: rgba(var(--b-sc), .5); font-size: 14px; } .reg-form-close-popup .btn.a-outline { text-transform: none; color: rgba(var(--b-sc), .5); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 14px; } .reg-form-close-popup .btn.a-outline:hover { background: 0px 0px; } .reset-tooltip-info { color: rgba(var(--b-sc), .6); font-size: 12px; display: flex; } .reset-tooltip-content { margin-inline-start: 6px; } .booking-confirmation-popup .e-p-close-icon-bc { font-size: 12px; } [dir="ltr"] .booking-confirmation-popup .e-p-close-icon-bc { right: 16px; } [dir="rtl"] .booking-confirmation-popup .e-p-close-icon-bc { left: 16px; } [class*="is-web"] .booking-confirmation-popup .popup-inner-bc { border-radius: 8px; } [class*="is-mobile"] .booking-confirmation-popup .popup-inner-bc { border-radius: 16px; } .booking-confirmation-popup .status-popup-content-w-bc { padding: 0px; } .booking-share-popup, .booking-confirmation-popup { z-index: 999 !important; } .ekeng-deposit-popup .popup-inner-bc { width: 560px; } .showTermsAndConditionsPopUpContent .content { max-height: 40vh; } .showTermsAndConditionsPopUpContent .back-nav-bc { display: none; } .showTermsAndConditionsPopUpContent .footerInfoTitleText, .e-p-header-bc { padding-inline-start: 15px; } .popup-holder-bc { min-width: 1024px; } .popup-holder-bc.windowed .popup-inner-bc { width: 400px; } .popup-holder-bc:not(.user-profile-container) { z-index: 1001; } .popup-holder-bc.content-manager.windowed .popup-inner-bc { will-change: scroll-position; width: 916px; height: 83vh; overflow: hidden auto; } .popup-holder-bc.blocked .popup-inner-bc { height: 77vh; } .popup-holder-bc.blocked:not(.homework-popup) .popup-inner-bc { width: 400px; } .popup-holder-bc.homework-popup .popup-inner-bc { width: 800px; height: 100%; } .popup-holder-bc.truNarrative-verification-popup .popup-inner-bc { width: 800px; } .popup-holder-bc.ekeng-deposit-popup .popup-inner-bc { width: 560px; } .entrance-popup-bc { min-width: 400px; margin-inline: auto; } :is(.entrance-popup-bc.sign-in, .entrance-popup-bc.register:not(:has(.slider-bc))) { height: 77vh; } .sg-n-text-row-1-bc, .sg-n-text-row-2-bc, .sg-n-forgot-password-text, .reg-step-title-v-bc, .sg-n-text-row-tab-wrapper { padding: 0px 15px; } .popup-t-logo-w-bc { max-width: 200px; } .e-p-close-icon-bc:hover { color: rgba(var(--b-sc), .9); } .popup-holder-bc.windowed.messenger-popup .popup-inner-bc { width: 1024px; } .popup-holder-bc.windowed.messenger-popup .status-popup-content-w-bc { width: 100%; } .reset-tooltip-info { padding: 0px 15px; } .overlay-sliding-is-visible .hdr-dynamic-content { opacity: 0; z-index: 950; max-height: 0px; padding: 0px; transform: translateY(-100%); } .overlay-sliding-is-visible .iframe-widget { padding: 0px; } .overlay-sliding-wrapper-bc { will-change: transform; width: 100%; height: calc(100% - var(--mobile-header-main-section-height) - var(--mobile-self-exclusion-height)); z-index: 970; background: rgba(var(--b), .7); position: fixed; bottom: 0px; } [dir="ltr"] .overlay-sliding-wrapper-bc { left: 0px; } [dir="rtl"] .overlay-sliding-wrapper-bc { right: 0px; } .overlay-sliding-wrapper-bc .overlay-sliding-wrapper-bc { height: 100%; } .overlay-sliding-wrapper-bc .back-nav-bc { transition: opacity var(--default-transition-delay); background: rgba(var(--header), 1); } .overlay-sliding-wrapper-bc .back-nav-icon-bc { color: rgba(var(--header-sc), .8); } .overlay-sliding-wrapper-bc .back-nav-title-bc { color: rgba(var(--header-sc), 1); } .overlay-sliding-wrapper-bc:not([style*="transform: translateY(0px)"]) .back-nav-bc { opacity: 0; } .overlay-sliding-wrapper-bc + .hm-row-bc { margin-top: 10px; } .overlay-sliding-wrapper-bc:has(.overlaySlidingWrapperBc.bottomOverlay) { height: 100%; } .overlay-sliding-wrapper-bc:has(.overlaySlidingWrapperBc.bottomOverlay) .bottomOverlaySlider { height: 100%; } .overlay-sliding-w-c-content-slider-bc { background: rgba(var(--b), 1); will-change: scroll-position; flex-direction: column; width: 100%; height: 100%; display: flex; overflow: hidden auto; } [dir="ltr"] .overlay-sliding-w-c-content-slider-bc { animation: overlay-sliding-left var(--default-transition-duration) var(--default-transition-delay) ease forwards; transform: translate(100%); } [dir="rtl"] .overlay-sliding-w-c-content-slider-bc { animation: overlay-sliding-right var(--default-transition-duration) var(--default-transition-delay) ease forwards; transform: translate(-100%); } [class*="is-mobile"] .overlay-sliding-w-c-content-slider-bc .need-to-login { margin: 0px auto; } @keyframes overlay-sliding-left { 0% { display: none; transform: translate(100%); } 100% { display: flex; transform: translate(0px, 0px); } } @keyframes overlay-sliding-right { 0% { display: none; transform: translate(-100%); } 100% { display: flex; transform: translate(0px, 0px); } } .overlay-header { height: 49px; color: rgba(var(--b-sc), 1); align-items: center; padding: 0px 15px; font-size: 16px; font-weight: 500; line-height: 49px; display: flex; } .overlay-header .e-p-close-icon-bc { top: 8px; } [dir="ltr"] .overlay-header .e-p-close-icon-bc { right: 5px; } [dir="rtl"] .overlay-header .e-p-close-icon-bc { left: 5px; } .my-profile-info-block > .overlay-header { background: rgba(var(--b-sc), .1); border-bottom: 1px solid rgba(var(--b-sc), .1); font-size: 14px; } .back-nav-bc { width: 100%; height: 38px; padding: 0 var(--padding-page-aside); cursor: pointer; flex-shrink: 0; align-items: center; display: flex; position: relative; } .back-nav-bc > i { flex-shrink: 0; } .back-nav-bc > i + i { margin-inline-start: 8px; } .back-nav-icon-bc { color: rgba(var(--b-sc), .8); font-size: 20px; } [dir="rtl"] .back-nav-icon-bc::before { content: ""; } .back-nav-title-bc, .back-nav-title-bc-h1 { color: rgba(var(--b-sc), 1); text-transform: uppercase; margin: 0px 8px; font-size: 14px; font-weight: 400; } .back-nav-title-bc:empty, .back-nav-title-bc-h1:empty { display: none; } @charset "utf-8"; .hm-row-bc-inner { display: grid; } @charset "utf-8"; .button { color: rgba(var(--oc-1-sc), 1); cursor: pointer; text-transform: uppercase; transition: var(--default-transition-duration); border-radius: 4px; outline: none; justify-content: center; align-items: center; padding-left: 15px; padding-right: 15px; font-size: 14px; line-height: 16px; display: flex; } .button i { color: rgba(var(--b-sc), 1); margin-inline-end: 10px; font-size: 12px; display: block; } [class*="is-web"] .button.big { height: 40px; } [class*="is-mobile"] .button.big { height: 32px; } .button.medium { height: 36px; } .button.small { height: 32px; } .button.fullWidth { width: 100%; } .button.whiteBg { background-color: rgba(var(--b-sc), 1); color: rgba(var(--b), 1); } .button.success { background: rgba(var(--oc-1), 1); } [class*="is-web"] .button.success:hover { background: rgba(var(--oc-1-hover), 1); } .button.hero { background-color: rgba(var(--hero), 1); color: rgba(var(--hero-sc), 1); } [class*="is-web"] .button.hero:hover { background-color: rgba(var(--hero-hover), 1); } .button.accept { color: rgba(var(--accent-sc), 1); background: rgba(var(--accent), 1); } .button.outlined { box-shadow: 0 0 0 1px rgba(var(--b-sc), .6) inset; color: rgba(var(--b-sc), 1); } .button:disabled { color: rgba(var(--b-sc), .3); background: rgba(var(--b-sc), .1); pointer-events: none; } .button.download { background: rgba(var(--b-sc), .15); color: rgba(var(--b-sc), 1); } @charset "utf-8"; @page { size: auto; margin: 0px auto; } .footerInfoContent { user-select: text; flex-direction: column; display: flex; } .footerInfoContent ul, .footerInfoContent ol { list-style-position: inside; } .footerInfoContent ul { list-style-type: disc; } .footerInfoContent ol { list-style-type: decimal; } .footerInfoContent .back-nav-bc { width: auto; } [dir="ltr"] .footerInfoContent .back-nav-bc { padding-inline-end: 0px; transform: rotate(180deg); } .footerInfoContent .back-nav-bc .bc-i-round-arrow-left::before { content: ""; } .footerInfoContent .back-nav-bc .back-nav-icon-bc { font-size: 14px; } [class*="is-web"] .footerInfoContent .back-nav-bc:hover i { transition: color var(--default-transition-duration); color: rgba(var(--b-sc), 1); } .footerInfoTitle { align-items: center; height: 44px; display: flex; } .footerInfoPage .footerInfoTitle { padding: 0px 15px; } [dir="ltr"] .footerInfoPopup .footerInfoTitle { padding: 0px 50px 0px 15px; } [dir="rtl"] .footerInfoPopup .footerInfoTitle { padding: 0px 15px 0px 50px; } .footerInfoPopup .footerInfoContent { height: 100%; } [class*="is-mobile"] .footerInfoPopup .footerInfoContent { width: 100%; position: absolute; top: 0px; left: 0px; } .footerInfoPopup .popup-inner-bc { overflow: hidden; } .footerInfoTitleText { color: rgba(var(--b-sc), 1); text-transform: uppercase; flex: 1 1 auto; font-size: 16px; } .print-help-content * { color: rgb(0, 0, 0); background: rgb(255, 255, 255); } .print-help-content .content * { color: rgb(0, 0, 0); } .print-help-content .back-nav-bc { display: none; } .print-help-content .footerInfoTitle { margin-inline-start: 15px; } .print-help-content .content { padding-top: 0px; } @media print { html, body { print-color-adjust: exact; background-color: rgb(255, 255, 255); } } .content { color: rgba(var(--b-sc), .6); will-change: scroll-position; padding: 15px; font-size: 13px; line-height: 18px; overflow: hidden auto; } .content table { border-spacing: 1px; border-collapse: separate; width: 100% !important; } .content table th, .content table td { color: rgba(var(--b-sc), .8); } .content table thead th { vertical-align: middle; height: 32px; } .content table tbody tr { background: rgba(var(--b-sc), .1); } .content table tbody tr td { vertical-align: middle; height: 32px; padding: 0px 5px; } .content table tbody tr td * { word-break: break-word; } .content table tbody tr:first-child { font-weight: 700; } .content p > strong { color: rgba(var(--b-sc), .95); font-size: 16px; font-weight: 500; } .content p > strong u, .content p > strong em { color: rgba(var(--b-sc), .9); font-size: 14px; font-weight: 400; } .content img { width: 100%; } .content a { color: rgba(var(--hero), 1); text-decoration: underline; } .navigation { white-space: nowrap; background-color: var(--skin-palette-5); width: calc(100% - 50px); height: 50px; color: rgba(var(--b-sc), .9); box-shadow: 0 0 5px rgba(var(--b), .7); padding: 0px 10px; font-size: 14px; line-height: 50px; position: fixed; top: 0px; overflow: auto hidden; } .navigation::before { content: ""; background-color: var(--skin-palette-5); width: 50px; height: 50px; box-shadow: 0 0 5px rgba(var(--b), .7); display: block; position: fixed; top: 0px; right: 0px; } .navigation > li { vertical-align: top; width: auto; display: inline-block; } .navigation > li > ul { vertical-align: top; display: inline-block; } .navigation > li > ul > li { vertical-align: top; width: auto; display: inline-block; } @charset "utf-8"; label.radio-control-content-bc { justify-content: flex-start; align-items: center; padding-inline-start: 0px; display: inline-flex; } .radio-control-input-holder-bc { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border: 2px solid rgba(var(--b-sc), .6); cursor: pointer; width: 16px; height: 16px; transition: border-color var(--slow-transition-duration); background-clip: padding-box; border-radius: 50%; flex-shrink: 0; margin-inline-end: 12px; font-size: 20px; position: relative; top: 0px; } [dir="ltr"] .radio-control-input-holder-bc { left: 0px; } [dir="rtl"] .radio-control-input-holder-bc { right: 0px; } .radio-control-input-holder-bc::after { content: ""; background: rgba(var(--hero), 1); width: 8px; height: 8px; transition: transform var(--slow-transition-duration); border-radius: 50%; position: absolute; top: 2px; left: 2px; transform: scale(0); } .radio-control-input-bc { display: none; } .radio-control-input-bc:checked ~ .radio-control-input-holder-bc { border-color: rgba(var(--hero), 1); } .radio-control-input-bc:checked ~ .radio-control-input-holder-bc::after { transform: scale(1); } .radio-control-input-bc:checked:disabled ~ .radio-control-input-holder-bc { border-color: rgba(var(--hero), .4); } .radio-control-input-bc:checked:disabled ~ .radio-control-input-holder-bc::after { background: rgba(var(--hero), .4); } .radio-control-input-bc:disabled ~ .radio-control-input-holder-bc { background: rgba(var(--b-sc), .75); } .radio-control-input-bc:disabled ~ .radio-control-text-bc { color: rgba(var(--b-sc), .2); } .radio-control-text-bc { color: rgba(var(--b-sc), 1); font-size: 12px; font-weight: 700; line-height: 20px; } @charset "utf-8"; .ds-caption { letter-spacing: var(--fds-ref-letter-spacing-320); margin: 0px; padding: 0px; } .ds-caption--large-semibold { font-size: var(--fds-ref-font-size-60); line-height: var(--fds-ref-font-line-height-80); font-weight: var(--fds-ref-font-weight-semibold); } .ds-caption--large-medium { font-size: var(--fds-ref-font-size-60); line-height: var(--fds-ref-font-line-height-80); font-weight: var(--fds-ref-font-weight-medium); } .ds-caption--large-regular { font-size: var(--fds-ref-font-size-60); line-height: var(--fds-ref-font-line-height-80); font-weight: var(--fds-ref-font-weight-regular); } .ds-caption--medium-semibold { font-size: var(--fds-ref-font-size-50); line-height: var(--fds-ref-font-line-height-70); font-weight: var(--fds-ref-font-weight-semibold); } .ds-caption--medium-medium { font-size: var(--fds-ref-font-size-50); line-height: var(--fds-ref-font-line-height-70); font-weight: var(--fds-ref-font-weight-medium); } .ds-caption--medium-regular { font-size: var(--fds-ref-font-size-50); line-height: var(--fds-ref-font-line-height-70); font-weight: var(--fds-ref-font-weight-regular); } .ds-caption--small-semibold { font-size: var(--fds-ref-font-size-40); line-height: var(--fds-ref-font-line-height-60); font-weight: var(--fds-ref-font-weight-semibold); } .ds-caption--small-medium { font-size: var(--fds-ref-font-size-40); line-height: var(--fds-ref-font-line-height-60); font-weight: var(--fds-ref-font-weight-medium); } .ds-caption--small-regular { font-size: var(--fds-ref-font-size-40); line-height: var(--fds-ref-font-line-height-60); font-weight: var(--fds-ref-font-weight-regular); } @charset "utf-8"; .selfExclusionLockedScreen { justify-content: center; align-items: center; gap: var(--fds-ref-spacing-xlarge); text-align: center; flex-direction: column; max-width: 360px; display: flex; } [class*="is-mobile"] .selfExclusionLockedScreen { max-width: 327px; } .selfExclusionLockedScreen__wrp { justify-content: center; align-items: center; height: 100%; display: flex; } .selfExclusionLockedScreen__primaryInfo { justify-content: center; align-items: center; gap: var(--fds-ref-spacing-medium); flex-direction: column; display: flex; } [class*="is-web"] .selfExclusionLockedScreen__primaryInfo__img { width: var(--fds-sem-dimension-4xlarge); height: var(--fds-sem-dimension-4xlarge); } [class*="is-mobile"] .selfExclusionLockedScreen__primaryInfo__img { width: var(--fds-sem-dimension-3xlarge-nudge); height: var(--fds-sem-dimension-3xlarge-nudge); } .selfExclusionLockedScreen__primaryInfo__title { color: rgba(var(--b-sc), var(--fds-ref-alpha-90)); } .selfExclusionLockedScreen__primaryInfo__body { color: rgba(var(--b-sc), var(--fds-ref-alpha-64)); margin: 0px; } .selfExclusionLockedScreen__countdown { align-items: center; gap: var(--fds-ref-spacing-xsmall); flex-direction: column; display: flex; } [class*="is-mobile"] .selfExclusionLockedScreen__countdown { gap: var(--fds-ref-spacing-2xsmall); } .selfExclusionLockedScreen__countdownLabel { color: rgba(var(--b-sc), var(--fds-ref-alpha-64)); } .selfExclusionLockedScreen__boxes { align-items: center; gap: var(--fds-ref-spacing-medium); display: flex; } .selfExclusionLockedScreen__boxWrp { align-items: center; gap: var(--fds-ref-spacing-3xsmall); flex-direction: column; display: flex; } .selfExclusionLockedScreen__boxWrp:not(:last-child) .selfExclusionLockedScreen__box::after { content: ":"; color: rgba(var(--b-sc), var(--fds-ref-alpha-40)); position: absolute; top: 50%; transform: translateY(-50%); } [dir="ltr"] .selfExclusionLockedScreen__boxWrp:not(:last-child) .selfExclusionLockedScreen__box::after { right: calc(-1 * var(--fds-ref-spacing-xsmall)); } [dir="rtl"] .selfExclusionLockedScreen__boxWrp:not(:last-child) .selfExclusionLockedScreen__box::after { left: calc(-1 * var(--fds-ref-spacing-xsmall)); } .selfExclusionLockedScreen__box { width: 54px; height: 50px; padding: var(--fds-ref-spacing-xsmall); border-radius: var(--fds-ref-radius-2xsmall); background: rgba(var(--b-sc), var(--fds-ref-alpha-12)); box-shadow: inset 0 var(--fds-ref-border-width-thin) 0 0 rgba(var(--b-sc), var(--fds-ref-alpha-12)); flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; } .selfExclusionLockedScreen__boxTitle { color: rgba(var(--b-sc), var(--fds-ref-alpha-40)); text-wrap: wrap; } .selfExclusionLockedScreen__boxValue { color: rgba(var(--b-sc), var(--fds-ref-alpha-100)); } .selfExclusionLockedScreen__boxLabel, .selfExclusionLockedScreen__separator { color: rgba(var(--b-sc), var(--fds-ref-alpha-40)); } .selfExclusionLockedScreen__withdrawBtn { background: rgba(var(--b-sc), var(--fds-ref-alpha-12)); } .selfExclusionLockedPopup.popup-holder-bc { backdrop-filter: blur(20px); pointer-events: none; } .selfExclusionLockedPopup .popup-middleware-bc { pointer-events: auto; } [class*="is-web"] .selfExclusionLockedPopup .ds-popup__content { height: 100%; max-height: unset; } .selfExclusionLockedPopup .live-chat-adviser-bc { padding-top: var(--fds-ref-spacing-none); } .selfExclusionLockedPopup .live-chat-adviser-bc > i { margin-inline-end: var(--fds-ref-spacing-2xsmall); } @charset "utf-8"; .ds-popup-backdrop { z-index: 1000; background: rgba(var(--static-black), var(--fds-ref-alpha-48)); backdrop-filter: blur(6px); animation: ds-popup-backdrop-fade-in var(--default-transition-duration) ease-out; justify-content: center; align-items: center; display: flex; position: fixed; inset: 0px; } .ds-popup-backdrop--hidden { display: none; } .ds-popup { background: rgba(var(--b), var(--fds-ref-alpha-100)); border-radius: var(--fds-ref-radius-medium); animation: ds-popup-appear var(--default-transition-duration) ease-out; border: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) rgba(var(--b-sc), var(--fds-ref-alpha-12)); flex-direction: column; display: flex; overflow: hidden; } [class*="is-web"] .ds-popup { width: fit-content; min-width: 400px; } [class*="is-mobile"] .ds-popup { width: calc(100% - var(--fds-ref-spacing-large) * 2); margin: var(--fds-ref-spacing-large); height: fit-content; } .ds-popup__simple-content { gap: var(--fds-sem-dimension-xsmall); color: rgba(var(--b-sc), var(--fds-ref-alpha-100)); flex-direction: column; align-items: center; display: flex; } [class*="is-web"] .ds-popup__simple-content { width: 400px; } [class*="is-mobile"] .ds-popup__simple-content { width: 100%; } .ds-popup__simple-content__buttons { gap: var(--fds-sem-dimension-3xsmall); grid-template-columns: 1fr 1fr; width: 100%; display: grid; } .ds-popup__simple-content__buttons.ds-popup__simple-content__buttons-vertical, .ds-popup__simple-content__buttons.ds-popup__simple-content__buttons-single { grid-template-columns: 1fr; } .ds-popup--success { border: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) rgba(var(--success), var(--fds-ref-alpha-100)); } .ds-popup--warning { border: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) rgba(var(--warning), var(--fds-ref-alpha-100)); } .ds-popup--error { border: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) rgba(var(--error), var(--fds-ref-alpha-100)); } .ds-popup__header { width: 100%; padding: var(--fds-ref-spacing-large); justify-content: space-between; align-items: center; gap: var(--fds-ref-spacing-xsmall); flex-shrink: 0; display: flex; } .ds-popup__header-back { align-items: center; gap: var(--fds-ref-spacing-xsmall); display: flex; } .ds-popup__header-content { min-width: 0px; color: rgba(var(--b-sc), var(--fds-ref-alpha-90)); flex: 1 1 auto; } .ds-popup--full-screen { border-radius: 0px; } [class*="is-web"] .ds-popup--full-screen, [class*="is-mobile"] .ds-popup--full-screen { width: 100%; min-width: 100%; max-width: 100%; height: 100dvh; max-height: 100dvh; margin: 0px; } .ds-popup__content { overflow-y: overlay; min-height: 0px; padding-top: ; padding-right: ; padding-left: ; padding-bottom: var(--fds-ref-spacing-large); overscroll-behavior: contain; flex: 1 1 auto; } [class*="is-web"] .ds-popup__content { max-height: 568px; } @keyframes ds-popup-backdrop-fade-in { 0% { opacity: 0; backdrop-filter: blur(); } 100% { opacity: 1; backdrop-filter: blur(6px); } } @keyframes ds-popup-appear { 0% { opacity: 0; transform: scale(0.9) translateY(10px); } 100% { opacity: 1; transform: scale(1) translateY(0px); } } @charset "utf-8"; [class*="is-web"] .popup-holder-bc.user-profile-container > .popup-middleware-bc > .popup-inner-bc { width: 1340px; height: 83vh; } .status-popup-content-w-bc { background: rgba(var(--b), 1); } .status-popup-content-w-bc > iframe { border-radius: var(--border-radius); width: 100%; height: 100%; max-height: 685px; margin: auto; } .status-popup-content-w-bc > iframe.hidden { display: none; } .status-popup-content-w-bc .entrance-form-bc.popup { padding-top: 0px; } .casino-popup-icon-wrapper { justify-content: center; align-items: center; width: 100%; margin-bottom: 29px; display: flex; } .casino-popup-icon-wrapper > svg { width: 57px; height: 57px; } @supports (-webkit-touch-callout:none) { .casino-popup-icon-wrapper > svg { animation: popup-svg var(--default-transition-duration) var(--default-transition-delay); } } @keyframes popup-svg { 0%, 100% { opacity: 1; } } .casino-popup-icon { height: 100px; } .casino-popup-title { text-align: center; width: 100%; color: rgba(var(--b-sc), 1); text-transform: uppercase; word-break: break-word; font-size: 16px; font-weight: 500; line-height: 18px; } .casino-popup-title + .casino-popup-button-block { margin-top: 20px; } .casino-popup-content { color: rgba(var(--b-sc), .7); text-align: center; word-break: break-word; will-change: scroll-position; flex: 1 1 auto; font-size: 16px; overflow: hidden auto; } .casino-popup-content > p img { border-radius: var(--border-radius); max-width: 100%; height: auto !important; } .casino-popup-under-buttons-content { color: rgba(var(--b-sc), .5); text-align: center; margin-top: 4px; font-size: 14px; } .casino-popup-button-block { width: 100%; } .casino-popup-button-block .btn + .btn, .casino-popup-info + .casino-popup-info { margin-top: 10px; } .truNarrativePopup .casino-popup-content { max-height: 34vh; } .signInText { text-align: center; color: rgba(var(--b-sc), .7); padding-bottom: 14px; font-size: 14px; } .sms-verification-popup .radio-control-bc ~ .radio-control-bc { margin-inline-start: 0px; margin-top: 16px; } .sms-verification-popup .radio-control-text-bc { color: rgba(var(--b-sc), .5); font-size: 14px; } .sms-verification-popup .radio-control-input-bc:checked ~ .radio-control-text-bc { color: rgba(var(--b-sc), 1); } .sms-verification { margin-bottom: 30px; display: flex; } .sms-verification .s-bigger { min-width: 105px; } [class*="is-mobile"] .expressBonusInfoPopup { padding: 0 var(--padding-page-aside); } [class*="is-mobile"] .expressBonusInfoPopup .status-popup-content-w-bc { padding: 44px 4px 4px; } .expressBonusInfoPopup .popup-inner-bc { flex-direction: column; max-height: 50vh; display: flex; } [class*="is-web"] .expressBonusInfoPopup .popup-inner-bc { width: 600px; } [class*="is-web"] .expressBonusInfoPopup .popup-inner-bc .status-popup-content-w-bc { width: 100%; } .expressBonusInfoPopup .status-popup-content-w-bc { flex-direction: column; display: flex; overflow: hidden; } .express-bonus-popup-content { background: rgba(var(--b-sc), .05); border-radius: var(--border-radius); will-change: scroll-position; flex: 1 1 auto; max-height: 40vh; margin-top: 20px; position: relative; overflow: hidden auto; } [class*="is-web"] .express-bonus-popup-content { padding: 10px; } [class*="is-mobile"] .express-bonus-popup-content { padding: 10px 4px; } .express-bonus-popup-content::before { content: ""; background: rgba(var(--b-sc), .1); width: 100%; height: 1px; position: absolute; top: -10px; left: 0px; } .express-bonus-popup-content + .quickBetMsgWrapper-bc { margin-top: 10px; } .express-bonus-popup-content .express-bonus-popup-items { text-align: center; gap: 2px; display: flex; overflow: hidden; } [class*="is-mobile"] .express-bonus-popup-content .express-bonus-popup-items li:first-child { width: 50px; min-width: 50px; } [class*="is-mobile"] .express-bonus-popup-content .express-bonus-popup-items li:nth-child(2) { width: 55px; min-width: 55px; } [class*="is-mobile"] .express-bonus-popup-content .express-bonus-popup-items li:last-child { width: 40px; min-width: 40px; } .express-bonus-popup-content .express-bonus-popup-items:first-child li { word-break: break-word; white-space: break-spaces; } [class*="is-web"] .express-bonus-popup-content .express-bonus-popup-items { font-size: 14px; } [class*="is-mobile"] .express-bonus-popup-content .express-bonus-popup-items { font-size: 13px; } .express-bonus-popup-content .express-bonus-popup-items:first-child { margin-bottom: 10px; } .express-bonus-popup-content .express-bonus-popup-items:first-child li:not(:last-child) { color: rgba(var(--b-sc), .5); } .express-bonus-popup-content .express-bonus-popup-items li { width: 100%; } .express-bonus-popup-content .express-bonus-popup-items li:last-child { color: rgba(var(--accent), 1); justify-content: flex-end; max-width: 55px; display: flex; } .express-bonus-popup-content .express-bonus-popup-items li:last-child img { width: 16px; height: 16px; margin-inline-start: 2px; } .express-bonus-popup-content .express-bonus-popup-items + ul { margin-top: 4px; } .express-bonus-popup-content .express-bonus-popup-items + ul li:not(:last-child) { color: rgba(var(--b-sc), .9); white-space: nowrap; } .express-bonus-popup-bonus { justify-content: center; display: flex; } .express-bonus-popup-bonus > b { margin-inline-start: 2px; font-weight: 400; } .reality-check-popup-body { margin-top: 10px; margin-bottom: 10px; } .reality-check-popup-item { color: rgba(var(--b-sc), .8); align-items: center; font-size: 13px; display: flex; } .reality-check-popup-item + .reality-check-popup-item { margin-top: 10px; } .reality-check-popup-item:not(.reality-check-popup-countdown) { justify-content: center; } .reality-check-popup-item.reality-check-popup-countdown { flex-direction: column; } .reality-check-popup-item .countdown-banner-content { position: unset; margin-top: 10px; } .reality-check-popup-link { width: 100%; color: rgba(var(--b-sc), .6); text-align: center; transition: color var(--default-transition-duration); text-decoration: underline; } @media (hover: hover) { .reality-check-popup-link:hover { color: rgba(var(--b-sc), .8); cursor: pointer; } } @media not all and (hover: hover) { .reality-check-popup-link:active { color: rgba(var(--b-sc), .8); } } .reality-check-popup-detail { flex: 1 1 auto; } .reality-check-popup-value { flex-shrink: 0; margin-inline-start: 5px; font-weight: 400; } .exchange-point-popup { color: rgba(var(--b-sc), .7); text-align: center; margin-bottom: 18px; font-size: 14px; } .exchange-point { justify-content: center; margin-top: 10px; font-size: 16px; display: flex; } .popup-holder-bc.windowed.info .u-i-p-c-footer-bc { margin-top: 30px; } .idfy iframe { width: 100%; min-height: 400px; } .login-info p { align-items: center; font-size: 12px; display: flex; } .login-info p + p { margin-top: 10px; } .login-info-text { color: rgba(var(--b-sc), .9); flex: 1 1 auto; } .login-info-value { color: rgba(var(--b-sc), .7); flex-shrink: 0; margin-inline-start: 3px; } .sumSubPopupContent iframe { border-radius: var(--border-radius-middle); } [class*="is-web"] .sumSubPopupContent .popup-inner-bc { width: 100%; max-width: 1340px; height: 83vh; } [class*="is-web"] .sumSubPopupContent .status-popup-content-w-bc { width: 100%; height: 100%; } [class*="is-web"] .sumSubPopupContent iframe { height: 77vh !important; } [class*="is-mobile"] .sumSubPopupContent .popup-holder-bc { padding: 0 var(--padding-page-aside); } [class*="is-mobile"] .sumSubPopupContent .popup-inner-bc { height: 96vh; } [class*="is-mobile"] .sumSubPopupContent iframe { height: 88vh !important; } .verify-popup { will-change: scroll-position; overflow: hidden auto; } .truNarrative-verification-iframe { align-items: center; height: 70vh; padding-top: 40px; display: flex; } .truNarrative-verification-iframe > iframe { width: 100%; height: 100%; } .messenger-popup .status-popup-content-w-bc { padding-top: 44px; } .switch-popup-Qr { border: 1px solid rgba(var(--b-sc), .1); } .YoPhoneAppPopup .status-popup-content-w-bc { background: rgb(255, 255, 255); padding: 0px; } [class*="is-mobile"] .YoPhoneAppPopup .status-popup-content-w-bc { border-radius: var(--border-radius-big); } .YoPhoneAppPopup .e-p-close-icon-bc { color: rgba(0, 0, 0, 0.8); } .YoPhoneAppPopup .e-p-close-icon-bc:hover { color: rgb(0, 0, 0); } [class*="is-web"] .YoPhoneAppPopup .popup-inner-bc { border-radius: var(--border-radius-big); } .YoPhoneApp { background: rgb(216, 229, 106); margin-bottom: 6px; } [class*="is-web"] .inAuthPopup { max-width: 370px; margin-inline: auto; padding: 4px 1px 1px; } [class*="is-mobile"] .inAuthPopup { justify-content: space-between; align-items: center; padding: 1px 1px 1px 12px; display: flex; } .inAuthPopup .YoPhoneAppLink { justify-content: center; } [class*="is-web"] .inAuthPopup .YoPhoneAppButtons { margin-top: 4px; } [class*="is-mobile"] .inAuthPopup .YoPhoneAppButtons { margin-inline-start: 16px; } .inAuthPopup, .mobVersionView { border-radius: var(--border-radius-big); } .inAuthPopup .YoPhoneAppImg, .mobVersionView .YoPhoneAppImg { width: 38px; max-height: 48px; } [class*="is-mobile"] .inAuthPopup .YoPhoneAppImg, [class*="is-mobile"] .mobVersionView .YoPhoneAppImg { justify-content: space-between; } .inAuthPopup .YoPhoneAppTitle, .mobVersionView .YoPhoneAppTitle { color: rgb(0, 0, 0); margin-inline-start: 8px; font-size: 12px; } .inAuthPopup .YoPhoneAppButtons, .mobVersionView .YoPhoneAppButtons { border-radius: var(--border-radius-big); padding: 7px 20px; } .mobVersionView { padding: 4px 1px 1px; } .mobVersionView .YoPhoneAppLink { justify-content: center; } .mobVersionView .YoPhoneAppButtons { gap: 20px; margin-top: 4px; } .YoPhonePopup { border-bottom-left-radius: var(--border-radius-big); border-bottom-right-radius: var(--border-radius-big); flex-direction: column; padding: 16px; } [class*="is-web"] .YoPhonePopup .YoPhoneAppImg { max-height: 92px; } [class*="is-mobile"] .YoPhonePopup .YoPhoneAppImg { max-height: 62px; } .YoPhonePopup .YoPhoneAppTitle { margin-inline-start: 16px; font-size: 18px; } [class*="is-web"] .YoPhonePopup .YoPhoneAppTitle { font-size: 18px; } [class*="is-mobile"] .YoPhonePopup .YoPhoneAppTitle { font-size: 16px; } .YoPhoneAppTitle { color: rgb(0, 0, 0); } .YoPhoneAppPopupWrapper .popup-inner-bc { border-radius: var(--border-radius-big); } [class*="is-web"] .YoPhoneAppPopupWrapper { padding: 40px; } [class*="is-mobile"] .YoPhoneAppPopupWrapper { padding-top: 40px; } [class*="is-mobile"] .YoPhoneAppPopupWrapper .e-p-close-icon-bc { color: rgb(0, 0, 0); } .YoPhoneAppLink { align-items: center; display: flex; } .YoPhoneAppImg { object-fit: contain; } .YoPhoneAppText { color: rgb(0, 0, 0); padding: 16px 16px 22px; } [class*="is-web"] .YoPhoneAppText { font-size: 18px; } [class*="is-mobile"] .YoPhoneAppText { font-size: 14px; } .takeGiftBtn { border-radius: var(--border-radius-big); margin-bottom: 8px; } [class*="is-mobile"] .takeGiftBtn { margin-inline: 16px; } .takeGiftBtn.button.outlined { color: rgb(0, 0, 0); box-shadow: none; background: rgb(216, 229, 106); } [class*="is-web"] .takeGiftBtn.button.outlined:hover { background: rgba(216, 229, 106, 0.7); } .YoPhoneAppButtonsItem img { object-fit: contain; border-radius: var(--border-radius-big); width: 139px; height: 40px; } .YoPhoneAppButtons { justify-content: center; align-items: center; display: flex; } [class*="is-web"] .YoPhoneAppButtons { gap: 20px; } .YoPhoneAppButtons, .YoPhoneAppBottom { background: rgb(24, 25, 31); } .YoPhoneAppBottom { border-radius: var(--border-radius-big); } [class*="is-web"] .YoPhoneAppBottom { padding: 16px 24px; } [class*="is-mobile"] .YoPhoneAppBottom { border: 1px solid rgb(255, 255, 255); padding: 16px; } [class*="is-mobile"] .YoPhoneAppBottom .YoPhoneAppButtons { gap: 4px; } .YoPhoneAppBottom > p { color: rgb(255, 255, 255); text-align: center; margin-bottom: 16px; } [class*="is-web"] .YoPhoneAppBottom > p { font-size: 16px; } [class*="is-mobile"] .YoPhoneAppBottom > p { font-size: 14px; } .logout-popup .btn { max-width: none; } .logout-popup-image { object-fit: cover; width: 100%; margin-bottom: 10px; } .trunarrative-upload-document-form-item + .trunarrative-upload-document-form-item { margin-top: 10px; } [class*="is-web"] .trunarrative-upload-document-form-item > .multi-select-bc .multi-select-label-bc { max-height: 102px; } .trunarrative-upload-document-popup-btn-group { margin-top: 10px; display: flex; } .trunarrative-upload-document-popup-btn-group .btn + .btn { margin-inline-start: 10px; } .preferred-bonus-popup-content { flex-direction: column; align-items: center; display: flex; } .preferred-bonuses { grid-template-columns: 1fr 1fr; column-gap: 10px; width: 100%; margin-bottom: 30px; display: grid; } .preferred-bonus-item { text-align: center; border-radius: var(--border-radius); background: rgba(var(--b-sc), .05); flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; } .preferred-bonus-item::before { content: ""; backdrop-filter: blur(2px); opacity: 0; transition: opacity var(--slow-transition-duration); position: absolute; inset: 0px; } .preferred-bonus-item .preferred-bonus-choose-btn { opacity: 0; z-index: -1; width: 80%; transition: all var(--slow-transition-duration); position: absolute; } .preferred-bonus-item:hover::before, .preferred-bonus-item:hover .preferred-bonus-choose-btn { opacity: 1; z-index: 1; } .preferred-bonus-title { text-align: center; text-transform: uppercase; color: rgba(var(--b-sc), 1); margin-bottom: 12px; } .preferred-bonus-img { height: 80px; } .btn.preferred-bonus-continue-btn { max-width: 100%; } .new-item-notification-popup-content { border-radius: var(--border-radius); background: rgba(var(--b-sc), .05); margin-top: 24px; margin-bottom: 16px; padding: 16px 20px; } .new-item-notification-popup-content + .btn { margin: 0px auto; } .new-item-notification-popup-message { text-align: center; color: rgba(var(--b-sc), .7); margin-bottom: 12px; font-size: 12px; } .new-item-notification-popup-message img { object-fit: contain; max-width: 100%; max-height: 500px; } .cashback-popup-content .u-i-content-info-wrapper + .u-i-content-info-wrapper { margin-top: 3px; } .cashback-popup-content > .btn { max-width: 100%; margin-top: 15px; } .cashback-notification { margin-bottom: 10px; } .popupGenericSearch .generic-search-header { background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-direction: column; height: auto; padding: 0px; display: flex; } .popupGenericSearch .generic-search-container-body { background: rgba(var(--b-sc), .08); border-radius: var(--border-radius); } .popupGenericSearch .sport-search-result-bc { padding-bottom: 0px; } .popupGenericSearch .generic-search-menu { width: 100%; } .popup-holder-bc.full-screen.signicatMigrationPopup .popup-inner-bc { width: 100%; height: 100%; } .popup-holder-bc.full-screen.signicatMigrationPopup .popup-inner-bc .status-popup-content-w-bc { align-items: center; width: 100%; height: 100%; display: flex; overflow: hidden; } .signicatMigrationPopupContent { will-change: scroll-position; width: 100%; max-height: 100%; margin: 0px auto; overflow: hidden auto; } [class*="is-web"] .signicatMigrationPopupContent { padding: 15px 30px 30px; } .signicatMigrationPopupForm { max-width: 400px; margin: 15px auto; } .signicatMigrationPopupForm > .u-i-p-control-item-holder-bc { padding: 0px; } .signicatMigrationPopupForm > .btn { max-width: 100%; } .signicatMigrationPopupHTML { text-align: center; width: 100%; max-width: 600px; color: rgba(var(--b-sc), .7); margin: 0px auto; font-size: 12px; line-height: 18px; } .signicatMigrationPopupHTML a { color: rgba(var(--b-sc), 1); } .sg-n-forgot-password-text + .signicatMigrationPopupHTML { margin-top: 20px; } .facialVerificationIframe { will-change: scroll-position; height: 46vh; margin-bottom: 20px; overflow: hidden auto; } .facialVerificationIframe iframe { width: 100%; height: 640px; padding-left: 10px; padding-right: 10px; } .paymentMessage { gap: var(--fds-ref-spacing-3xsmall); flex-direction: column; display: flex; } .deposit-state-popup .paymentMessageHtml { user-select: text; flex-direction: column; gap: 10px; display: flex; } .deposit-state-popup .paymentMessageHtml > br { display: none; } .deposit-state-popup .casino-popup-content.payment-message-copiable { justify-content: center; display: flex; } .deposit-state-popup .casino-popup-content.payment-message-copiable .paymentMessageCopyButtonsGroup { flex-direction: column; justify-content: space-between; gap: 10px; display: flex; } .deposit-state-popup .casino-popup-content.payment-message-copiable .crypto-address-copy-btn { height: unset; position: unset; align-items: flex-start; font-size: 16px; } .deposit-state-popup .paymentMessageTimer { color: rgba(var(--b-sc), .7); justify-content: center; align-items: center; gap: 5px; margin-bottom: 30px; display: flex; } .popup-holder-bc.ekeng-deposit-popup .popup-inner-bc { flex-direction: column; max-height: 80%; display: flex; overflow: hidden; } .popup-holder-bc.ekeng-deposit-popup .popup-inner-bc .status-popup-content-w-bc { flex-direction: column; flex: 1 1 auto; display: flex; overflow: hidden; } [class*="is-mobile"] .popup-holder-bc.ekeng-deposit-popup .popup-inner-bc .status-popup-content-w-bc { padding-inline: 10px; } .popup-holder-bc.ekeng-deposit-popup .popup-inner-bc .status-popup-content-w-bc .payment-details-scrollable-container { height: 100%; overflow-y: auto; } [class*="is-mobile"] .popup-holder-bc.ekeng-deposit-popup .popup-inner-bc .status-popup-content-w-bc .payment-details-scrollable-container .payment-info-bc { padding: 0px; } .popup-holder-bc.windowed.forcePopup .popup-inner-bc { flex-direction: column; max-height: 80vh; display: flex; } .popup-holder-bc.windowed.forcePopup .status-popup-content-w-bc { flex-direction: column; flex: 1 1 auto; display: flex; overflow: hidden; } .forcePopupContent { will-change: scroll-position; flex-direction: column; flex: 1 1 auto; display: flex; overflow: hidden auto; } .forcePopupContent .radio-v-bc { display: flex; } .forcePopupContent .radio-v-bc .radio-control-bc { background: rgba(var(--b-sc), .1); border-radius: var(--border-radius); transition: all var(--default-transition-duration); z-index: 1; flex: 1 0 0px; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; } .forcePopupContent .radio-v-bc .radio-control-bc:first-child::before { background-image: url("/assets/images/preferred-bonus-casino.png?v=692"); } .forcePopupContent .radio-v-bc .radio-control-bc:last-child::before { background-image: url("/assets/images/preferred-bonus-sport.png?v=692"); } .forcePopupContent .radio-v-bc .radio-control-bc::before { content: ""; object-fit: contain; z-index: 0; opacity: 0.5; background-position: 100% center; background-repeat: no-repeat; background-size: contain; width: 70px; height: 100%; max-height: 50px; position: absolute; bottom: -5px; right: -10px; overflow: hidden; } [class*="is-web"] .forcePopupContent .radio-v-bc .radio-control-bc:hover { background: rgba(var(--b-sc), .15); } .forcePopupContent .radio-v-bc .radio-control-bc .radio-control-content-bc { flex-direction: column; width: 100%; padding: 10px; } .forcePopupContent .radio-v-bc .radio-control-bc .radio-control-input-holder-bc { margin-inline-end: 0px; margin-bottom: 10px; } .forcePopupContent .radio-v-bc .radio-control-bc .radio-control-text-bc { text-align: center; width: 100%; color: rgba(var(--b-sc), 1); z-index: 1; font-size: 20px; line-height: 24px; } .forcePopupContentSwitcher { flex: 1 1 auto; } .forcePopupKYCBtn, .forcePopupPromoRedirectBtn { flex-shrink: 0; margin-left: auto; margin-right: auto; } .forcePopupKYCBtn { max-width: unset; margin-bottom: 20px; } [class*="is-web"] .forcePopupKYCBtn { margin-top: 20px; } [class*="is-mobile"] .forcePopupKYCBtn { margin-top: 10px; } .forcePopupBodyText { text-align: center; color: rgba(var(--b-sc), .8); margin-bottom: 30px; font-size: 14px; } .forcePopupPromoRedirectBtn { color: rgba(var(--b-sc), .6); transition: color var(--default-transition-duration); margin-top: 20px; font-size: 14px; text-decoration: underline; } .forcePopupPromoRedirectBtn:hover { color: rgba(var(--b-sc), .8); } .PagcorLicensePopup .status-popup-content-w-bc { background: rgba(var(--b-sc), .1); padding: 14px; } .PagcorLicensePopup .trunarrative-upload-document-popup-btn-group { margin-top: 32px; } .pagcorLicenseDocuments { align-items: center; gap: 10px; display: flex; } .pagcorLicenseDocuments .trunarrative-upload-document-form-item { width: 100%; margin-top: 0px; overflow: hidden; } .pagcorLicenseText, .pagcorLicenseLabel { letter-spacing: 0.5px; color: rgba(var(--b-sc), .8); font-size: 14px; } .pagcorLicenseTexts { margin-top: 30px; margin-bottom: 30px; } .pagcorLicenseText + .pagcorLicenseText { margin-top: 8px; } .pagcorLicenseLabel { margin-bottom: 8px; } .popupCountdownContainer { justify-content: center; display: flex; } .popupCountdownContainer .countdown-banner-content { max-width: 200px; position: unset; box-shadow: none; margin-bottom: 30px; } [class*="is-web"] .telegramVerificationPopup .casino-popup-button-block { flex-direction: column; align-items: center; display: flex; } .telegramVerificationPopup .form-control-input-bc { max-width: 370px; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; } .telegramVerificationPopup iframe { border-radius: var(--border-radius); width: 370px; height: 370px; } [class*="is-web"] .telegramVerificationPopup iframe { margin-bottom: 10px; } .popup-holder-bc.cashbackVaultBoxes .popup-inner-bc .status-popup-content-w-bc { width: 100%; height: 100%; padding: 0px; display: flex; overflow: hidden; } .cashbackVaultBoxesContent { width: 100%; height: 100%; overflow: hidden; } .cashbackVaultBoxesContent > iframe { width: 100%; height: 100%; } [class*="is-web"] .popup-holder-bc.luckyWheelPopup > .popup-middleware-bc > .popup-inner-bc { width: 1600px; max-width: 96vw; height: 95vh; } .popup-holder-bc.luckyWheelPopup .popup-inner-bc .status-popup-content-w-bc { width: 100%; height: 100%; padding: 0px; display: flex; overflow: hidden; } .luckyWheelPopupContent { width: 100%; height: 100%; overflow: hidden; } .luckyWheelPopupContent > iframe { width: 100%; height: 100%; } [class*="is-mobile"] .popup-holder-bc:has(.userIsLoggedInPopupContent) .popup-middleware-bc { padding: 0 var(--padding-page-aside); } [class*="is-mobile"] .popup-holder-bc:has(.userIsLoggedInPopupContent) .popup-inner-bc { height: auto; } [class*="is-mobile"] .popup-holder-bc:has(.userIsLoggedInPopupContent) .popup-inner-bc > .e-p-close-icon-bc { position: absolute; } .userIsLoggedInPopupContent.casino-popup-content { justify-content: center; align-items: center; min-height: 100px; margin-top: 0px; margin-bottom: 0px; display: flex; } [class*="is-web"] .userIsLoggedInPopupContent.casino-popup-content { width: 400px; } .noPredefinedDepositLimitWarningPopup .status-popup-content-w-bc { padding: 15px; } .noPredefinedDepositLimitWarningPopup .casino-popup-title { color: rgba(var(--hero), 1); } .noPredefinedDepositLimitWarningPopup .casino-popup-content { font-size: 14px; } [class*="is-mobile"] .noPredefinedDepositLimitWarningPopup .casino-popup-content { margin-bottom: 15px; } .noPredefinedDepositLimitWarningPopup .casino-popup-button-block { display: flex; overflow: hidden; } [class*="is-web"] .noPredefinedDepositLimitWarningPopup .casino-popup-button-block { align-items: center; gap: 5px; } [class*="is-mobile"] .noPredefinedDepositLimitWarningPopup .casino-popup-button-block { flex-direction: column; } [class*="is-web"] .noPredefinedDepositLimitWarningPopup .casino-popup-button-block .btn { flex: 0 0 calc(50% - 3px); } [class*="is-web"] .noPredefinedDepositLimitWarningPopup .casino-popup-button-block .btn + .btn { margin-top: 0px; } [class*="is-web"] .forcePasswordPopup .status-popup-content-w-bc { padding: 15px 15px 40px; } .forcePasswordPopup .u-i-e-p-p-content-bc.u-i-common-content { padding: 10px 0px; } .forcePasswordPopup.windowed.info .u-i-p-c-footer-bc { margin-top: 20px; } .forcePasswordPopup .u-i-p-control-item-holder-bc + .u-i-p-control-item-holder-bc { margin-top: 10px; } .forcePasswordPopupText { text-align: center; color: rgba(var(--b-sc), .4); margin-top: 10px; padding-inline: 15px; font-size: 16px; } [class*="is-mobile"] .crmPopup { padding: 0px 6px; } [class*="is-web"] .crmPopup .status-popup-content-w-bc { padding-top: 44px; } [class*="is-web"] .crmPopup .status-popup-content-w-bc, [class*="is-web"] .crmPopup .popup-inner-bc { width: 640px; } .crmPopup iframe { min-height: 68vh; } .salaryRangePopup .status-popup-content-w-bc { padding: 15px; } .salaryRangePopupForm .entrance-f-item-bc { margin-top: 20px; margin-bottom: 20px; } [class*="is-web"] .NiNVerificationPopup .status-popup-content-w-bc { padding-inline: 16px; } .NiNVerificationPopup .casino-popup-button-block { margin-top: 20px; } .expressOfTheDayRestorePopup { padding: 44px 15px 15px; } .expressOfTheDayRestorePopupContent { scrollbar-width: none; padding-inline-end: 8px; overflow: hidden auto; } [class*="is-web"] .expressOfTheDayRestorePopupContent { max-height: 90vh; } [class*="is-mobile"] .expressOfTheDayRestorePopupContent { max-height: 94vh; } [class*="is-mobile"] .expressOfTheDayRestorePopupContent::-webkit-scrollbar { display: none; } .unlockFieldsPopup .status-popup-content-w-bc { padding: var(--fds-ref-spacing-large); } [class*="is-web"] .unlockFieldsPopup .status-popup-content-w-bc { flex-direction: column; min-height: 74vh; display: flex; } .unlockFieldsPopup .casino-popup-content { margin-top: 0px; } .unlockFieldsDrawer .ds-drawer--full .ds-drawer__content { padding-bottom: var(--fds-sem-dimension-xsmall); } .unlockFieldsDrawer .ds-drawer__content { flex-direction: column; display: flex; } .unlockPopupTitle { color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); } .unlockPopupText { color: rgba(var(--b-sc), var(--fds-ref-alpha-64)); display: inline-flex; } .unlockFieldsPopupForm { justify-content: space-between; gap: var(--fds-ref-spacing-xsmall); flex-direction: column; flex: 1 1 auto; display: flex; } .unlockFieldsPopupFormContent { gap: var(--fds-ref-spacing-xsmall); will-change: scroll-position; flex-direction: column; display: flex; overflow: hidden auto; } [class*="is-web"] .unlockFieldsPopupFormContent { max-height: 50vh; } [class*="is-mobile"] .unlockFieldsPopupFormContent { max-height: 53vh; } [class*="is-mobile"] .unlockFieldsPopupFormContent::-webkit-scrollbar { display: none; } .unlockImg { filter: brightness(0.8); width: 150px; height: 150px; margin-inline: auto; display: block; } [class*="is-web"] .ds-popup__content:has(.jumioKyc) { height: 568px; } .ds-popup__content:has(.jumioKyc) .jumioKyc { height: 100%; padding: 0px; } .status-popup-content-w-bc { width: 400px; padding: 15px var(--padding-page-aside); } .casino-popup-title { margin-top: 30px; } .casino-popup-content { max-height: 70vh; margin: 30px 0px; } .casino-popup-button-block .btn { margin: 0px auto; } .sms-verification-popup { padding: 10px 7px 0px; } .sms-verification-popup .casino-popup-title { font-size: 18px; } .sms-verification-popup .s-bigger { font-size: 14px; } .sms-verification .form-control-bc { flex: 1 1 auto; margin-inline-end: 8px; } .superBetInfo .casino-popup-content { white-space: pre-wrap; } .login-info { padding: 0px 10px; } .login-info .casino-popup-title { margin-bottom: 10px; } .verify-popup { margin-top: 30px; } .verify-account-popup { padding-inline: 10px; } .truNarrative-suggestion-btn { padding: 0px 15px; display: flex; } .truNarrative-suggestion-btn .btn + .btn { margin-inline-start: 10px; } .truNarrative-verification-popup .status-popup-content-w-bc { width: 800px; } .ekeng-deposit-popup .status-popup-content-w-bc { width: 560px; padding-top: 42px; } iframe.social-engine-messenger-chat { height: 685px; } .YoPhoneAppPopup.popup-holder-bc.windowed .popup-inner-bc, .YoPhoneAppPopup .status-popup-content-w-bc { width: 620px; } .switch-popup-Qr { max-width: 160px; padding: 8px; } .preferred-bonus-popup.popup-holder-bc.windowed .popup-inner-bc, .preferred-bonus-popup.popup-holder-bc.windowed .status-popup-content-w-bc { width: 500px; } .preferred-bonus-popup-content { padding-left: 15px; padding-right: 15px; } .preferred-bonus-item { padding: 20px; } .preferred-bonus-item:hover { cursor: pointer; } .preferred-bonus-title { font-size: 16px; } .login-wrong-attempts-buttons { margin-top: 15px; display: flex; } .login-wrong-attempts-buttons .btn + .btn { margin-inline-start: 15px; } .new-item-notification-popup.popup-holder-bc.windowed .popup-inner-bc { width: 600px; } .new-item-notification-popup .status-popup-content-w-bc { width: 600px; padding: 15px 16px; } .tooltip:not(:empty) { background: rgba(var(--b-sc), 1); border-radius: var(--border-radius); z-index: 9999; position: fixed; } [class*="is-web"] .tooltip:not(:empty) { max-width: 300px; } [class*="is-mobile"] .tooltip:not(:empty) { max-width: 200px; } .tooltip.top .tooltipTriangle { bottom: -5px; transform: rotate(45deg); } .tooltip.bottom .tooltipTriangle { top: -5px; transform: rotate(225deg); } .tooltip.left .tooltipTriangle { right: -5px; transform: rotate(-45deg); } .tooltip.right .tooltipTriangle { left: -5px; transform: rotate(135deg); } .tooltipTriangle { background: rgba(var(--b-sc), 1); z-index: -1; border-radius: 2px; width: 10px; height: 10px; display: block; position: absolute; transform: rotate(45deg); } .tooltipHolder { padding: 5px 10px; position: relative; } .tooltipText { color: rgba(var(--b), 1); font-size: 12px; line-height: 16px; } .tooltipTextDesc + .tooltipTextDesc { border-top: 1px solid rgba(var(--b), 1); margin-top: 4px; padding-top: 4px; } .tooltipIconWrapper { align-items: center; display: flex; } .tooltipIconWrapper > i { color: rgba(var(--b-sc), .8); transition: color var(--default-transition-duration); font-size: 14px; } [class*="is-web"] .tooltipIconWrapper > i:hover { color: rgba(var(--b-sc), 1); cursor: pointer; } .tooltipIconWrapper:not(:last-child) { margin-inline-end: 5px; } * + .tooltipIconWrapper:not(:empty) { margin-inline-start: 5px; } @charset "utf-8"; .horizontal-sl-list { white-space: nowrap; display: flex; } .horizontal-sl-item-bc { border-radius: var(--border-radius); color: rgba(var(--b-sc), .5); flex-shrink: 0; align-items: center; display: inline-flex; position: relative; } .horizontal-sl-item-bc::after { content: attr(data-badge); text-transform: none; justify-content: center; align-items: center; height: 7px; padding: 2px 4px; font-size: 8px; display: flex; position: absolute; top: 0px; } [dir="ltr"] .horizontal-sl-item-bc::after { border-radius: 0 var(--border-radius) 0 var(--border-radius); right: 0px; } [dir="rtl"] .horizontal-sl-item-bc::after { border-radius: var(--border-radius) 0 var(--border-radius) 0; left: 0px; } .horizontal-sl-item-bc:not(:empty) { background: rgba(var(--b-sc), .1); } .horizontal-sl-item-bc.active { color: rgba(var(--b-sc), 1); background: rgba(var(--b-sc), .3); } .horizontal-sl-item-bc.active::before { content: ""; z-index: 10; background-image: linear-gradient(229deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .horizontal-sl-icon-bc[class*="Fishing"]::before { content: ""; } .horizontal-sl-icon-bc[class*="valentine"]::before { content: ""; } .horizontal-sl-count-bc { position: absolute; } .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active { color: rgba(var(--hero-sc), 1); background: rgba(var(--hero), 1); } .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-count-bc, .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-icon-bc { color: rgba(var(--hero-sc), 1); } .horizontal-sl-tab { background: rgba(var(--b-sc), .1); align-items: center; height: 36px; display: flex; } .horizontal-sl-tab-bc { text-align: center; white-space: nowrap; color: rgba(var(--b-sc), .5); cursor: pointer; padding: 0px 15px; font-size: 14px; line-height: 36px; } .horizontal-sl-tab-bc.active, .horizontal-sl-tab-bc.active::after { color: rgba(var(--b-sc), 1); } .horizontal-sl-tab-bc::after { content: attr(data-count); color: rgba(var(--b-sc), .55); letter-spacing: 0.32px; transition: color var(--default-transition-duration); font-size: 9px; line-height: 11px; display: inline-flex; position: relative; top: -9px; } [dir="ltr"] .horizontal-sl-tab-bc::after { left: 2px; } [dir="rtl"] .horizontal-sl-tab-bc::after { right: 2px; } .horizontal-sl-tab-bc:has(.internalBetBuilderIcon) { pointer-events: none; } .horizontal-sl-tab-bc:has(.internalBetBuilderIcon).active { color: rgba(var(--hero), 1); } .horizontal-sl-tab-bc:has(.internalBetBuilderIcon).active::before { content: none; } .horizontal-sl-tab-bc:has(.internalBetBuilderIcon) .internalBetBuilderIcon.CMSIconSVGWrapper { pointer-events: auto; vertical-align: middle; width: 20px; height: 20px; } .sgm-market-custom-icon-bc { vertical-align: middle; font-size: 18px; display: inline-block; } .sgm-market-custom-icon-bc .bc-i-favorite { color: rgba(var(--oc-2), 1); } .horizontalSliderWrapper { width: 100%; position: relative; overflow: hidden; } [class*="is-mobile"] .horizontalSliderWrapper { scrollbar-width: none; width: calc(100% + 32px); margin-bottom: 16px; overflow: auto hidden; } [class*="is-mobile"] .horizontalSliderWrapper::-webkit-scrollbar { display: none; } [class*="is-mobile"][dir="ltr"] .horizontalSliderWrapper { left: -16px; } [class*="is-mobile"][dir="rtl"] .horizontalSliderWrapper { right: -16px; } .horizontalSliderWrapper.horizontalItemsExpanded.scroll-start:not(.scroll-end) .horizontalSliderNav:first-child, .horizontalSliderWrapper.horizontalItemsExpanded.scroll-end:not(.scroll-start) .horizontalSliderNav:last-child { display: none; } .horizontalSliderRow { white-space: nowrap; transition: transform var(--default-transition-duration); font-size: 0px; display: inline-block; } .horizontalSliderElem { background-color: rgba(var(--b-sc), .1); vertical-align: middle; border-radius: 4px; width: 90px; height: 50px; margin-left: 4px; margin-right: 4px; padding: 8px; display: inline-block; } [class*="is-mobile"][dir="ltr"] .horizontalSliderElem:first-child { margin-left: 16px; } [class*="is-mobile"][dir="ltr"] .horizontalSliderElem:last-child, [class*="is-mobile"][dir="rtl"] .horizontalSliderElem:first-child { margin-right: 16px; } [class*="is-mobile"][dir="rtl"] .horizontalSliderElem:last-child { margin-left: 16px; } .horizontalSliderElem .horizontalSliderImg { object-fit: contain; object-position: center center; width: 100%; height: 100%; color: rgba(var(--b-sc), 1); font-size: 16px; display: block; } [class*="is-web"] .horizontalSliderElem .horizontalSliderImg { opacity: 0.6; filter: grayscale(); cursor: pointer; transition: opacity var(--default-transition-duration), filter var(--default-transition-duration); } [class*="is-web"] .horizontalSliderElem .horizontalSliderImg:hover { filter: inherit; opacity: 1; } .horizontalSliderNav { width: 40px; height: 100%; color: rgba(var(--b-sc), 1); z-index: 1; cursor: pointer; justify-content: center; align-items: center; font-size: 11px; display: flex; position: absolute; top: 0px; } .horizontalSliderNav::after { content: ""; pointer-events: none; width: 190px; height: 100%; position: absolute; top: 0px; } .horizontalSliderNav::before { z-index: 1; position: relative; } [dir="ltr"] .horizontalSliderNav:first-child { left: 0px; } [dir="rtl"] .horizontalSliderNav:first-child { right: 0px; } [dir="ltr"] .horizontalSliderNav:first-child::after { background-image: linear-gradient(to right, rgba(var(--b), 1) 0%, transparent 100%); left: 0px; } [dir="rtl"] .horizontalSliderNav:first-child::after { background-image: linear-gradient(to left, rgba(var(--b), 1) 0%, transparent 100%); right: 0px; } [dir="rtl"] .horizontalSliderNav:first-child::before { transform: rotate(180deg); } [dir="ltr"] .horizontalSliderNav:last-child { right: 0px; } [dir="rtl"] .horizontalSliderNav:last-child { left: 0px; } [dir="ltr"] .horizontalSliderNav:last-child::after { background-image: linear-gradient(to left, rgba(var(--b), 1) 0%, transparent 100%); right: 0px; } [dir="rtl"] .horizontalSliderNav:last-child::after { background-image: linear-gradient(to right, rgba(var(--b), 1) 0%, transparent 100%); left: 0px; } [dir="rtl"] .horizontalSliderNav:last-child::before { transform: rotate(180deg); } [class*="is-web"] .casinoCategoryChooserContainer .horizontalSliderNav, [class*="is-web"] .loyaltyHorizontalList .horizontalSliderNav, [class*="is-web"] .loyaltyUserBenefits .horizontalSliderNav, [class*="is-web"] .loyaltyExchangeList .horizontalSliderNav { width: 32px; height: 32px; transition: background var(--default-transition-duration) ease; filter: drop-shadow(0px 0px 1px rgba(var(--b-sc), .5)); border-radius: 50%; font-size: 8px; top: 50%; overflow: hidden; transform: translateY(-50%); } [class*="is-web"] .casinoCategoryChooserContainer .horizontalSliderNav::before, [class*="is-web"] .loyaltyHorizontalList .horizontalSliderNav::before, [class*="is-web"] .loyaltyUserBenefits .horizontalSliderNav::before, [class*="is-web"] .loyaltyExchangeList .horizontalSliderNav::before { background: linear-gradient(to bottom, rgba(var(--b-sc), .25), rgba(var(--b-sc), .2)); width: 100%; height: 100%; box-shadow: inset 0 0 5px 3px rgba(var(--b), .3); border-radius: 50%; justify-content: center; align-items: center; display: flex; } [class*="is-web"] .casinoCategoryChooserContainer .horizontalSliderNav::after, [class*="is-web"] .loyaltyHorizontalList .horizontalSliderNav::after, [class*="is-web"] .loyaltyUserBenefits .horizontalSliderNav::after, [class*="is-web"] .loyaltyExchangeList .horizontalSliderNav::after { background: rgba(var(--b), 1); width: 100%; height: 100%; } [class*="is-web"] .casinoCategoryChooserContainer .horizontalSliderNav:hover::before, [class*="is-web"] .loyaltyHorizontalList .horizontalSliderNav:hover::before, [class*="is-web"] .loyaltyUserBenefits .horizontalSliderNav:hover::before, [class*="is-web"] .loyaltyExchangeList .horizontalSliderNav:hover::before { background: linear-gradient(to bottom, rgba(var(--b-sc), .2), rgba(var(--b-sc), .15)); } [class*="is-web"] .casinoCategoryChooserContainer .horizontalSliderNav.bc-i-small-arrow-left, [class*="is-web"] .loyaltyHorizontalList .horizontalSliderNav.bc-i-small-arrow-left, [class*="is-web"] .loyaltyUserBenefits .horizontalSliderNav.bc-i-small-arrow-left, [class*="is-web"] .loyaltyExchangeList .horizontalSliderNav.bc-i-small-arrow-left { margin-inline-start: 16px; } [class*="is-web"] .casinoCategoryChooserContainer .horizontalSliderNav.bc-i-small-arrow-right, [class*="is-web"] .loyaltyHorizontalList .horizontalSliderNav.bc-i-small-arrow-right, [class*="is-web"] .loyaltyUserBenefits .horizontalSliderNav.bc-i-small-arrow-right, [class*="is-web"] .loyaltyExchangeList .horizontalSliderNav.bc-i-small-arrow-right { margin-inline-end: 16px; } .casinoCategoryChooserContainer { width: 100%; } .casinoCategoryChooserContainer .horizontalCategoryItemLoaderBlock .skeleton-loader-slider-cube { width: 100%; height: 100%; } .casinoCategoryChooserContainer .horCatItemTitle { color: rgba(var(--b-sc), .5); } [class*="is-web"] .casinoCategoryChooserContainer .horCatItemTitle { white-space: nowrap; max-width: none; } .casinoCategoryChooserContainer .CMSIconSVGWrapper { width: auto; } [class*="is-web"] .casinoCategoryChooserContainer .CMSIconSVGWrapper { max-width: 30px; height: 33px; } [class*="is-mobile"] .casinoCategoryChooserContainer .CMSIconSVGWrapper { max-width: 20px; height: 20px; } [class*="is-web"] .casinoCategoryChooserContainer { height: 64px; top: var(--stickyProvider); background: rgba(var(--b), 1); z-index: 11; padding: 2px 0px; position: sticky; left: 0px; } [class*="is-web"] .casinoCategoryChooserContainer .horizontalSliderWrapper { background: rgba(var(--b), 1); border-radius: var(--border-radius-big); border: 1px solid rgba(var(--b-sc), .15); } [class*="is-web"] .casinoCategoryChooserContainer .horizontalSliderWrapper::before { content: ""; background: rgba(var(--b-sc), .1); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp::after, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItem::after { content: ""; background: rgba(var(--b-sc), .2); border-radius: var(--border-radius); height: 2px; position: absolute; bottom: 0px; left: 0px; } [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp { border-radius: unset; background: 0px 0px; padding: 0px; position: relative; } [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp::after { z-index: 0; width: 100%; } [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp + .horizontalCategoryItemWrp { margin-inline-start: 38px; } [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:first-child .horizontalCategoryItem { padding-inline-start: 24px; } [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:last-child .horizontalCategoryItem { padding-inline-end: 24px; } [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:active { filter: drop-shadow(0px -25px 30px rgba(var(--hero), .9)); } [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover::before, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active::before, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:active::before { content: ""; background: radial-gradient(circle at 50% 86%, rgba(var(--hero), .9), rgba(var(--hero), .2), rgba(var(--hero), 0), rgba(var(--b-sc), 0)); width: 150%; height: 155%; position: absolute; bottom: -26px; left: 50%; transform: translate(-50%); } [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover .horCatItemTitle, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover i, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover svg, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active .horCatItemTitle, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active i, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active svg, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:active .horCatItemTitle, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:active i, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:active svg { color: rgba(var(--b-sc), .9); } [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover .horizontalCategoryItem::after, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active .horizontalCategoryItem::after, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:active .horizontalCategoryItem::after { background: rgba(var(--hero), 1); z-index: 1; width: 100%; } [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover .horizontalCategoryItem i, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover .horizontalCategoryItem svg, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active .horizontalCategoryItem i, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active .horizontalCategoryItem svg, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:active .horizontalCategoryItem i, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:active .horizontalCategoryItem svg { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; -webkit-text-fill-color: transparent; background-clip: text; } [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItem { border-radius: unset; background: 0px 0px; } [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItem::before { content: none; } [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItem::after { width: 0px; transition: var(--default-transition-duration) ease; } [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItem i, [class*="is-web"] .casinoCategoryChooserContainer .horizontalCategoryItem svg { color: rgba(var(--b-sc), .5); font-size: 30px; } [class*="is-mobile"] .casinoCategoryChooserContainer .horizontalList { height: 66px; padding-left: 16px; padding-right: 16px; } [class*="is-mobile"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp { background: rgba(var(--b), 1); border-radius: var(--border-radius-middle); padding: 0px; position: relative; overflow: hidden; } [class*="is-mobile"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp::before { content: ""; background: linear-gradient(45deg, rgba(var(--b-sc), .05), rgba(var(--b-sc), .15)); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } [class*="is-mobile"] .casinoCategoryChooserContainer .horizontalCategoryItem { border: 1px solid rgba(var(--b-sc), .15); } [class*="is-mobile"] .casinoCategoryChooserContainer .horizontalCategoryItem::before { background: rgba(var(--b-sc), .1); border-radius: var(--border-radius); height: 2px; top: auto; bottom: 0px; left: 0px; } [class*="is-mobile"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active { background: rgba(var(--b), 1); } [class*="is-mobile"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active::before { background: linear-gradient(to top, rgba(var(--hero), .6), rgba(var(--b-sc), .1)); } [class*="is-mobile"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active .horizontalCategoryItem::before { background: rgba(var(--hero), 1); } [class*="is-mobile"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active .horCatItemTitle { color: rgba(var(--b-sc), .9); } [class*="is-mobile"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active i, [class*="is-mobile"] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active svg { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; -webkit-text-fill-color: transparent; background-clip: text; } .casinoCategoryChooserContainer .horizontalSliderWrapper, .casinoCategoryChooserContainer .horizontalSliderRow { height: 100%; } .casinoCategoryChooserContainer + .casinoProviderAndGame { padding-top: 0px; } .horizontalCategoryItemLoaderBlock { height: 100%; display: inline-flex; position: relative; } [class*="is-web"] .horizontalCategoryItemLoaderBlock { width: 105px; } [class*="is-mobile"] .horizontalCategoryItemLoaderBlock { width: 80px; } [class*="is-mobile"] .horizontalCategoryItemLoaderBlock:first-child { margin-inline-start: 16px; } .horizontalCategoryItemLoaderBlock:not(:last-child) { margin-inline-end: 8px; } .horizontalCategoryItemWrp { vertical-align: bottom; height: 100%; transition: background-color var(--default-transition-duration); padding: 1px; display: inline-flex; } .horizontalCategoryItemWrp + .horizontalCategoryItemWrp { margin-inline-start: 8px; } [class*="is-mobile"] .horizontalCategoryItemWrp { min-width: 80px; max-width: 80px; } [class*="is-mobile"] .horizontalCategoryItemWrp:first-child { margin-inline-start: 16px; } [class*="is-mobile"] .horizontalCategoryItemWrp:last-child { margin-inline-end: 16px; } [class*="is-mobile"] .horizontalCategoryItemWrp.active { z-index: 2; background: rgba(var(--b-sc), .8); position: sticky; top: 0px; left: 0px; right: 0px; } [class*="is-mobile"] .horizontalCategoryItemWrp.active .horizontalCategoryItem::before { background: rgba(var(--b-sc), .8); } [class*="is-mobile"] .horizontalCategoryItemWrp.active .horCatItemTitle { color: rgba(var(--b), 1); } [class*="is-mobile"] .horizontalCategoryItemWrp.active i { color: rgba(var(--hero), 1); } [class*="is-web"] .horizontalCategoryItemWrp { cursor: pointer; border-radius: 8px; min-width: max-content; } [class*="is-web"] .horizontalCategoryItemWrp.active, [class*="is-web"] .horizontalCategoryItemWrp:hover { background: 0px 0px; } [class*="is-web"] .horizontalCategoryItemWrp.active .horizontalCategoryItem::before, [class*="is-web"] .horizontalCategoryItemWrp:hover .horizontalCategoryItem::before { background: rgba(var(--b-sc), .8); } [class*="is-web"] .horizontalCategoryItemWrp.active .horCatItemTitle, [class*="is-web"] .horizontalCategoryItemWrp:hover .horCatItemTitle { color: rgba(var(--b), 1); } [class*="is-web"] .horizontalCategoryItemWrp.active i, [class*="is-web"] .horizontalCategoryItemWrp:hover i { color: rgba(var(--hero), 1); } .horizontalCategoryItem { border-radius: var(--border-radius-middle); align-items: center; width: 100%; height: 100%; transition: background-color 0.12s; display: flex; position: relative; overflow: hidden; } .horizontalCategoryItem::before { content: ""; pointer-events: none; background: rgba(var(--b-sc), .1); width: 100%; height: 100%; transition: background-color 0.12s; display: block; position: absolute; top: 0px; left: 0px; } .horizontalCategoryItem i { color: rgba(var(--b-sc), .2); z-index: 1; line-height: 1.1; transition: color 0.24s; position: relative; } [class*="is-web"] .horizontalCategoryItem { background-color: rgba(var(--b), 1); gap: 18px; padding-inline: 6px; } [class*="is-web"] .horizontalCategoryItem i { font-size: 50px; } [class*="is-web"] .horizontalCategoryItem.ortak i { font-size: 22px; } [class*="is-mobile"] .horizontalCategoryItem { flex-direction: column; padding-top: 4px; padding-left: 4px; padding-right: 4px; } [class*="is-mobile"] .horizontalCategoryItem i, [class*="is-mobile"] .horizontalCategoryItem svg { color: rgba(var(--b-sc), .5); font-size: 20px; } .horCatItemTitle { z-index: 1; color: rgba(var(--b-sc), .6); white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 3; word-break: break-word; -webkit-box-orient: vertical; flex: 1 1 0%; transition: color 0.24s; display: -webkit-box; position: relative; overflow: hidden; } [class*="is-web"] .horCatItemTitle { max-width: 130px; font-size: 14px; line-height: 22px; } [class*="is-mobile"] .horCatItemTitle { text-align: center; font-size: 10px; line-height: 16px; } .horCatItemTitleWrp { flex: 1 1 0%; align-items: center; display: flex; } .horCatItemCount { color: rgba(var(--b-sc), .6); flex: 0 0 auto; transition: color 0.24s; } [class*="is-web"] .horCatItemCount { font-size: 12px; line-height: 14px; } [class*="is-mobile"] .horCatItemCount { font-size: 10px; line-height: 12px; } .widgetHorizontalSportList { height: 40px; font-size: unset; } .widgetHorizontalSportList .horizontalSliderNav::after { width: 30px; } [class*="is-mobile"] .widgetHorizontalSportList .horizontalSliderNav::before { content: none; background: rgba(var(--b-sc), .08); } .widgetHorizontalSportList .horizontalCategoryItemWrp { width: 40px; min-width: 0px; max-width: 40px; height: 40px; padding: 0px; overflow: hidden; } .widgetHorizontalSportList .horizontalCategoryItemWrp + .horizontalCategoryItemWrp { margin-inline-start: 4px; } .widgetHorizontalSportList .horizontalCategoryItemWrp .horCatItemTitle { opacity: 0; color: rgba(var(--b-sc), .6); white-space: nowrap; } .widgetHorizontalSportList .horizontalCategoryItemWrp .horizontalCategoryItem { flex-shrink: 0; } [class*="is-mobile"] .widgetHorizontalSportList .horizontalCategoryItemWrp .horizontalCategoryItem { flex-direction: row; } [class*="is-mobile"] .widgetHorizontalSportList .horizontalCategoryItemWrp .horizontalCategoryItem::after { content: ""; background: rgba(var(--b), 1); z-index: -1; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } [class*="is-web"] .widgetHorizontalSportList .horizontalCategoryItemWrp:hover .horizontalCategoryItem { border-color: rgba(var(--b-sc), .15); } [class*="is-web"] .widgetHorizontalSportList .horizontalCategoryItemWrp:hover .horizontalCategoryItem::before { background: rgba(var(--b-sc), .05); } [class*="is-web"] .widgetHorizontalSportList .horizontalCategoryItemWrp:hover .horizontalCategoryItem i { color: rgba(var(--b-sc), .9); } .widgetHorizontalSportList .horizontalCategoryItemWrp.active { width: auto; max-width: 200px; transition: all ease var(--slow-transition-duration); } [class*="is-mobile"] .widgetHorizontalSportList .horizontalCategoryItemWrp.active { background: 0px 0px; } .widgetHorizontalSportList .horizontalCategoryItemWrp.active .horizontalCategoryItem { border-color: rgba(var(--b-sc), .15); } .widgetHorizontalSportList .horizontalCategoryItemWrp.active .horizontalCategoryItem::before { background: rgba(var(--b-sc), .08); } .widgetHorizontalSportList .horizontalCategoryItemWrp.active .horCatItemTitle { opacity: 1; width: auto; color: rgba(var(--b-sc), 1); padding-inline: 10px 6px; } .widgetHorizontalSportList .horizontalCategoryItemWrp.active i { color: rgba(var(--b-sc), 1); } .widgetHorizontalSportList .horizontalCategoryItem { border: 1px solid rgba(0, 0, 0, 0); gap: 0px; padding: 8px; } .widgetHorizontalSportList .horizontalCategoryItem i { color: rgba(var(--b-sc), .7); width: 18px; height: 18px; margin-inline-start: 2px; font-size: 18px; } .widgetHorizontalSportList .horizontalCategoryItem .horCatItemCount { letter-spacing: -1.5px; color: rgba(var(--b-sc), 1); font-size: 11px; position: absolute; top: 2px; } [dir="ltr"] .widgetHorizontalSportList .horizontalCategoryItem .horCatItemCount { right: 3px; } [dir="rtl"] .widgetHorizontalSportList .horizontalCategoryItem .horCatItemCount { left: 3px; } .multiColumnHorizontal .horizontalSliderWrapper { margin-bottom: 6px; } [dir="ltr"] .multiColumnHorizontal .horizontalSliderWrapper { left: 0px; } [dir="rtl"] .multiColumnHorizontal .horizontalSliderWrapper { right: 0px; } .multiColumnHorizontal .horizontalCategoryItem { border-radius: var(--border-radius-middle); padding: 4px 6px; } .multiColumnHorizontal .horCatItemTitle { white-space: nowrap; font-size: 12px; } .multiColumnHorizontal .horizontalCategoryItemWrp { max-width: unset; min-width: unset; } .multiColumnHorizontal .horizontalCategoryItemWrp.active { background: 0px 0px; } .games-horiz { overflow: hidden; } [class*="is-mobile"] .games-horiz { padding: 0 var(--padding-page-aside); margin: 10px 0px; } .games-horiz-scroll { gap: 10px; grid-auto-flow: column; display: grid; } [class*="is-web"] .games-horiz-scroll { grid-template-columns: repeat(auto-fit, minmax(10px, 1fr)); } [class*="is-mobile"] .games-horiz-scroll { will-change: scroll-position; scrollbar-width: none; scroll-snap-type: x; overflow: auto hidden; } [class*="is-mobile"] .games-horiz-scroll::-webkit-scrollbar { display: none; } .horizontal-sl-item-bc { text-align: center; flex-direction: column; min-width: 80px; height: 60px; } .horizontal-sl-item-bc.active { box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px; } .horizontal-sl-item-bc + .horizontal-sl-item-bc { margin-inline-start: 5px; } .games-horiz-title { color: rgba(var(--b-sc), 1); margin-bottom: 10px; font-size: 16px; line-height: 18px; } .horizontal-sl-item-bc { cursor: pointer; transition: var(--slow-transition-duration); } .horizontal-sl-item-bc.active { left: 0px; right: 0px; } .horizontal-sl-list:not(.horizontal-items-expanded) .horizontal-sl-item-bc { min-width: auto; height: 40px; padding: 0px 5px; } .horizontal-sl-list:not(.horizontal-items-expanded) .horizontal-sl-title-bc { display: none; } .horizontal-sl-list:not(.horizontal-items-expanded) .horizontal-sl-count-bc { background: rgba(var(--b), 1); text-align: center; width: 16px; height: 16px; box-shadow: inset 0 0 0 8px rgba(var(--b-sc), .15), 0 0 2px 1px #0003; border-radius: 50%; font-size: 10px; line-height: 16px; top: -7px; color: rgba(var(--b-sc), 1) !important; } [dir="ltr"] .horizontal-sl-list:not(.horizontal-items-expanded) .horizontal-sl-count-bc { right: -3px; } [dir="rtl"] .horizontal-sl-list:not(.horizontal-items-expanded) .horizontal-sl-count-bc { left: -3px; } .horizontal-sl-list:not(.horizontal-items-expanded):not(.ftr-sport-type-bc, .horizontal-items-expanded, .percentMeHorizontal) { margin-bottom: 10px; padding-top: 8px; } .horizontal-sl-list:not(.horizontal-items-expanded):not(.ftr-sport-type-bc, .horizontal-items-expanded, .percentMeHorizontal) .horizontal-sl-icon-bc { text-align: center; width: 30px; transition: color var(--slow-transition-duration); font-size: 22px; line-height: 30px; } .horizontal-sl-item-bc { text-transform: uppercase; flex-direction: row; } .horizontal-sl-title-bc { white-space: nowrap; margin-inline: 10px 5px; font-size: 14px; } .horizontal-items-expanded .horizontal-sl-item-bc { height: 38px; padding: 0px 10px; } .horizontal-items-expanded .horizontal-sl-icon-bc { flex-shrink: 0; font-size: 18px; } .horizontal-items-expanded .horizontal-sl-count-bc { color: rgba(var(--b-sc), .5); font-size: 14px; position: static; } .horizontal-items-expanded .horizontal-sl-count-bc::after { content: ")"; } .horizontal-items-expanded .horizontal-sl-count-bc::before { content: "("; } .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover { color: rgba(var(--hero-sc), 1); background: rgba(var(--hero), 1); } .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover .horizontal-sl-count-bc, .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover .horizontal-sl-icon-bc { color: rgba(var(--hero-sc), 1); } .promotion-horizontal-sl-list-bc { margin-top: 20px; } .horizontal-sl-list, .horizontal-sl-tab { will-change: scroll-position; scrollbar-width: none; width: 100%; position: relative; overflow: auto hidden; } .horizontal-sl-list::-webkit-scrollbar { display: none; } .horizontal-sl-tab::-webkit-scrollbar { display: none; } .horizontal-sl-list.scroll-start::before, .horizontal-sl-list.scroll-start::after, .horizontal-sl-list.scroll-end::before, .horizontal-sl-list.scroll-end::after, .horizontal-sl-tab.scroll-start::before, .horizontal-sl-tab.scroll-start::after, .horizontal-sl-tab.scroll-end::before, .horizontal-sl-tab.scroll-end::after { content: ""; z-index: 1; pointer-events: none; width: 56px; height: 100%; position: absolute; top: 0px; } [dir="ltr"] .horizontal-sl-list.scroll-start.scroll-end::after, [dir="ltr"] .horizontal-sl-list.scroll-start::after, [dir="ltr"] .horizontal-sl-tab.scroll-start.scroll-end::after, [dir="ltr"] .horizontal-sl-tab.scroll-start::after { background: linear-gradient(to left, rgba(var(--b), 1) 0%, transparent 100%); right: 0px; } [dir="rtl"] .horizontal-sl-list.scroll-start.scroll-end::after, [dir="rtl"] .horizontal-sl-list.scroll-start::after, [dir="rtl"] .horizontal-sl-tab.scroll-start.scroll-end::after, [dir="rtl"] .horizontal-sl-tab.scroll-start::after { background: linear-gradient(to right, rgba(var(--b), 1) 0%, transparent 100%); left: 0px; } .horizontal-sl-list.scroll-start.scroll-end .bc-i-small-arrow-right, .horizontal-sl-list.scroll-start .bc-i-small-arrow-right, .horizontal-sl-tab.scroll-start.scroll-end .bc-i-small-arrow-right, .horizontal-sl-tab.scroll-start .bc-i-small-arrow-right { display: flex; } [dir="ltr"] .horizontal-sl-list.scroll-start.scroll-end::before, [dir="ltr"] .horizontal-sl-list.scroll-end::before, [dir="ltr"] .horizontal-sl-tab.scroll-start.scroll-end::before, [dir="ltr"] .horizontal-sl-tab.scroll-end::before { background: linear-gradient(to right, rgba(var(--b), 1) 0%, transparent 100%); left: 0px; } [dir="rtl"] .horizontal-sl-list.scroll-start.scroll-end::before, [dir="rtl"] .horizontal-sl-list.scroll-end::before, [dir="rtl"] .horizontal-sl-tab.scroll-start.scroll-end::before, [dir="rtl"] .horizontal-sl-tab.scroll-end::before { background: linear-gradient(to left, rgba(var(--b), 1) 0%, transparent 100%); right: 0px; } .horizontal-sl-list.scroll-start.scroll-end .bc-i-small-arrow-left, .horizontal-sl-list.scroll-end .bc-i-small-arrow-left, .horizontal-sl-tab.scroll-start.scroll-end .bc-i-small-arrow-left, .horizontal-sl-tab.scroll-end .bc-i-small-arrow-left { display: flex; } .horizontal-center { justify-content: center; } .horizontal-sl-arrow { height: 100%; color: rgba(var(--b-sc), .7); cursor: pointer; z-index: 2; align-items: center; padding: 0px 5px; font-size: 11px; display: none; position: absolute; top: 0px; } [dir="ltr"] .horizontal-sl-arrow.bc-i-small-arrow-left { left: 0px; } [dir="rtl"] .horizontal-sl-arrow.bc-i-small-arrow-left { right: 0px; transform: rotate(180deg); } [dir="ltr"] .horizontal-sl-arrow.bc-i-small-arrow-right { right: 0px; } [dir="rtl"] .horizontal-sl-arrow.bc-i-small-arrow-right { left: 0px; transform: rotate(180deg); } .horizontal-sl-wheel { will-change: transform; transition: transform var(--default-transition-duration); display: flex; } @charset "utf-8"; .expandable-info-container { border-radius: var(--border-radius); background: rgba(var(--b-sc), .05); margin-top: 10px; margin-bottom: 10px; } .expandable-info-container.opened .expandable-info-body:not(.on-bottom) .expandable-info-body-content { max-height: 100%; } .expandable-info-body { margin-bottom: 10px; overflow: hidden; } .expandable-info-body:not(.on-bottom, .custom-content) .expandable-info-body-content.payment-content { max-height: 72px; } .expandable-info-body:not(.on-bottom, .custom-content) .expandable-info-body-content.custom-content-section { max-height: 104px; } .expandable-info-body.on-bottom { margin-top: 10px; padding: 10px 0px; } .expandable-info-body a:link, .expandable-info-body a:visited, .expandable-info-body a:active { color: rgba(var(--b-sc), .7); text-decoration: underline; } .expandable-info-body-content { color: rgba(var(--b-sc), .6); line-height: 18px; } .expandable-info-body-content:not(.custom-content-section) { font-size: 14px; } .expandable-info-body-content.custom-content-section { font-size: 12px; } .expandable-info-body-content.not-expandable { border-radius: var(--border-radius); margin-top: 10px; margin-bottom: 10px; } .expandable-info-toggle { color: rgba(var(--b-sc), .6); transition: var(--default-transition-duration); flex-direction: column; justify-content: center; align-items: center; font-size: 10px; display: flex; } .expandable-info-toggle .expandable-info-showMore { cursor: pointer; } .expandable-info-toggle .bc-i-small-arrow-up, .expandable-info-toggle .bc-i-small-arrow-down { cursor: pointer; padding: 5px; } .expandable-info-toggle:hover { color: rgba(var(--b-sc), .9); } .my-profile-info-block .expandable-info-toggle { background-image: linear-gradient(to bottom, rgba(var(--b-sc), .03), rgba(var(--b-sc), 0)); cursor: pointer; } .my-profile-info-block .expandable-info-toggle .expandable-info-showMore { display: none; } .expandable-info-body-content.custom-content-section .m-t-1 { margin-top: 1px; } .expandable-info-body-content.custom-content-section .m-t-2 { margin-top: 2px; } .expandable-info-body-content.custom-content-section .m-t-3 { margin-top: 3px; } .expandable-info-body-content.custom-content-section .m-t-4 { margin-top: 4px; } .expandable-info-body-content.custom-content-section .m-t-5 { margin-top: 5px; } .expandable-info-body-content.custom-content-section .m-t-6 { margin-top: 6px; } .expandable-info-body-content.custom-content-section .m-t-7 { margin-top: 7px; } .expandable-info-body-content.custom-content-section .m-t-8 { margin-top: 8px; } .expandable-info-body-content.custom-content-section .m-t-9 { margin-top: 9px; } .expandable-info-body-content.custom-content-section .m-t-10 { margin-top: 10px; } .expandable-info-body-content.custom-content-section .m-t-11 { margin-top: 11px; } .expandable-info-body-content.custom-content-section .m-t-12 { margin-top: 12px; } .expandable-info-body-content.custom-content-section .m-t-13 { margin-top: 13px; } .expandable-info-body-content.custom-content-section .m-t-14 { margin-top: 14px; } .expandable-info-body-content.custom-content-section .m-t-15 { margin-top: 15px; } .expandable-info-body-content.custom-content-section .m-t-16 { margin-top: 16px; } .expandable-info-body-content.custom-content-section .m-t-17 { margin-top: 17px; } .expandable-info-body-content.custom-content-section .m-t-18 { margin-top: 18px; } .expandable-info-body-content.custom-content-section .m-t-19 { margin-top: 19px; } .expandable-info-body-content.custom-content-section .m-t-20 { margin-top: 20px; } .expandable-info-body-content.custom-content-section .m-t-21 { margin-top: 21px; } .expandable-info-body-content.custom-content-section .m-t-22 { margin-top: 22px; } .expandable-info-body-content.custom-content-section .m-t-23 { margin-top: 23px; } .expandable-info-body-content.custom-content-section .m-t-24 { margin-top: 24px; } .expandable-info-body-content.custom-content-section .m-t-25 { margin-top: 25px; } .expandable-info-body-content.custom-content-section .m-t-26 { margin-top: 26px; } .expandable-info-body-content.custom-content-section .m-t-27 { margin-top: 27px; } .expandable-info-body-content.custom-content-section .m-t-28 { margin-top: 28px; } .expandable-info-body-content.custom-content-section .m-t-29 { margin-top: 29px; } .expandable-info-body-content.custom-content-section .container h1, .expandable-info-body-content.custom-content-section .container h2, .expandable-info-body-content.custom-content-section .container h3 { color: rgba(var(--b-sc), .8); text-transform: uppercase; } .expandable-info-body-content.custom-content-section .container h1 { font-size: 22px; line-height: 32px; } .expandable-info-body-content.custom-content-section .container h2 { font-size: 18px; line-height: 22px; } .expandable-info-body-content.custom-content-section .container h3 { font-size: 16px; line-height: 20px; } .expandable-info-body-content.custom-content-section .container li { color: rgba(var(--b-sc), .6); list-style-type: disc; list-style-position: inside; } .expandable-info-body-content.custom-content-section .container p, .expandable-info-body-content.custom-content-section .container span { color: rgba(var(--b-sc), .6); } .expandableContentWrapper { border-radius: var(--border-radius); background-color: rgba(0, 0, 0, 0.15); width: 100%; margin-bottom: 10px; } [class*="is-mobile"] .expandableContentWrapper { padding-bottom: 0px; } [class*="is-web"] .expandableContentWrapper { max-width: var(--layout-width); margin-left: auto; margin-right: auto; } .expandableContent { width: 100%; position: relative; overflow: hidden; } [class*="is-mobile"] .expandableContent { padding: 23px 0px; } [class*="is-web"] .expandableContent { padding: 20px 30px; } .expandableContent.opened, .expandableContent.opened .expandableContentBody { max-height: none; } .expandableContent table { width: 100%; color: rgba(var(--b-sc), .6); font-size: 12px; line-height: 14px; } .expandableContent table td { padding-top: 10px; padding-bottom: 10px; } .expandableContentBody { width: 100%; max-height: 115px; overflow: hidden; } .expandableContentBody ul, .expandableContentBody ol { list-style-position: inside; } .expandableContentBody ul { list-style-type: disc; } .expandableContentBody ol { list-style-type: decimal; } .expandableContentToggle { cursor: pointer; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; padding-bottom: 8px; display: flex; position: absolute; bottom: 0px; left: 0px; } .expandableContentToggle:hover .expandableContentIcon { color: rgba(var(--b-sc), 1); } .expandableContentShowMore, .expandableContentIcon { color: rgba(var(--b-sc), .6); transition: color var(--default-transition-duration); font-size: 12px; line-height: 14px; } [class*="is-mobile"] .expandableContentShowMore { display: none; } .expandableContentIcon { font-size: 14px; } .expandableContentData { width: 100%; color: rgba(var(--b-sc), .6); } .expandableContentData .container { padding-left: 0px; padding-right: 0px; display: block; } .expandableContentData .container a { color: inherit; text-decoration: underline; } .expandableContentData .container h2, .expandableContentData .container h3, .expandableContentData .container h4, .expandableContentData .container h5, .expandableContentData .container h6 { letter-spacing: 0.75px; margin-bottom: 16px; font-size: 14px; font-weight: 700; line-height: 14px; } .expandableContentData .container p { color: rgba(var(--b-sc), .5); margin-bottom: 8px; font-size: 12px; line-height: 14px; } .expandableContentData [class^="col-"] { width: 100%; max-width: none; } [class*="is-web"] .expandableContentData [class^="col-"] { justify-content: flex-start; align-items: flex-start; display: flex; } .expandableContentData [class^="col-"] ul { width: 100%; min-width: 0px; color: rgba(var(--b-sc), .4); flex: 1 1 0%; margin-bottom: 16px; padding-left: 0px; padding-right: 0px; font-size: 12px; line-height: 14px; } .expandableContentData [class^="col-"] ul li { width: 100%; padding-left: 10px; position: relative; } .expandableContentData [class^="col-"] ul li:not(:last-child) { margin-bottom: 10px; } .expandableContentData [class^="col-"] ul li::before { content: ""; background-color: rgba(var(--b-sc), .4); border-radius: 50%; width: 4px; height: 4px; position: absolute; top: 5px; left: 0px; } .expandableContentData .column { flex: 1 1 0%; width: 100%; min-width: 0px; max-width: none; padding-left: 0px; padding-right: 0px; } .expandableContentData .column:not(:last-child) { position: relative; } [class*="is-web"] .expandableContentData .column:not(:last-child) { margin-right: 33px; } [class*="is-web"] .expandableContentData .column:not(:last-child)::after { content: ""; background-color: rgba(255, 255, 255, 0.1); width: 1px; height: 100%; position: absolute; top: 0px; right: -15px; } .expandable-info-container { max-width: 560px; padding: 10px 15px; } .expandable-info-toggle { padding: 5px 0px; } .expandable-info-body-content:not(.custom-content-section) { max-width: 560px; } .expandable-info-body-content.not-expandable { background: rgba(var(--b-sc), .05); padding: 10px 15px; } .expandable-info-body-content.custom-content-section .container.col-2, .expandable-info-body-content.custom-content-section .container.col-3 { display: flex; } .expandable-info-body-content.custom-content-section .container.col-2 .column, .expandable-info-body-content.custom-content-section .container.col-3 .column { width: 100%; } .expandable-info-body-content.custom-content-section .container.col-2 .column + .column, .expandable-info-body-content.custom-content-section .container.col-3 .column + .column { margin-inline-start: 20px; } .expandable-info-body-content.custom-content-section .container.col-2 { flex: 0 0 50%; } .expandable-info-body-content.custom-content-section .container.col-3 { flex: 0 0 33.33%; } @charset "utf-8"; .ds-title { margin: 0px; padding: 0px; } .ds-title.ds-title--large-semibold { font-size: var(--fds-ref-font-size-80); font-weight: var(--fds-ref-font-weight-semibold); line-height: var(--fds-ref-font-line-height-120); } .ds-title.ds-title--large-medium { font-size: var(--fds-ref-font-size-80); font-weight: var(--fds-ref-font-weight-medium); line-height: var(--fds-ref-font-line-height-120); } .ds-title.ds-title--medium-semibold { font-size: var(--fds-ref-font-size-70); font-weight: var(--fds-ref-font-weight-semibold); line-height: var(--fds-ref-font-line-height-100); } .ds-title.ds-title--medium-medium { font-size: var(--fds-ref-font-size-70); font-weight: var(--fds-ref-font-weight-medium); line-height: var(--fds-ref-font-line-height-100); } @charset "utf-8"; [class*="is-web"] .casinoGameRestrictionPopup { width: 400px; } .casinoGameRestrictionPopup__title { text-align: center; color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); } @charset "utf-8"; .badge-wrapper { isolation: isolate; display: inline-flex; position: relative; } .badge-standalone { display: inline-flex; } .badge-standalone .badge { top: unset; right: unset; position: static; } .badge { z-index: 4; border-radius: var(--fds-ref-radius-full); white-space: nowrap; user-select: none; background: rgba(var(--badge-base), var(--badge-fill-alpha,var(--fds-ref-alpha-100))); color: rgba(var(--badge-sc), var(--badge-sc-alpha)); justify-content: center; align-items: center; transition: background-color 0.2s, transform 0.15s; display: flex; position: absolute; } .badge--2xs:not(.badge--dot) { } .badge--sm:not(.badge--dot) { height: var(--fds-sem-dimension-xsmall); min-width: var(--fds-sem-dimension-xsmall); padding: var(--fds-ref-spacing-4xsmall) var(--fds-ref-spacing-2xsmall-nudge); gap: var(--fds-ref-spacing-4xsmall); top: -6px; right: -8px; } .badge--sm:not(.badge--dot) .badge__icon { width: var(--fds-sem-dimension-2xsmall); height: var(--fds-sem-dimension-2xsmall); } .badge--md:not(.badge--dot) { height: var(--fds-sem-dimension-xsmall-nudge); min-width: var(--fds-sem-dimension-xsmall-nudge); padding: var(--fds-ref-spacing-4xsmall) var(--fds-ref-spacing-2xsmall); gap: var(--fds-ref-spacing-4xsmall); top: -8px; right: -10px; } .badge--md:not(.badge--dot) .badge__icon { width: var(--fds-sem-dimension-2xsmall); height: var(--fds-sem-dimension-2xsmall); } .badge--lg:not(.badge--dot) { height: var(--fds-sem-dimension-small); min-width: var(--fds-sem-dimension-small); padding: var(--fds-ref-spacing-4xsmall) var(--fds-ref-spacing-2xsmall); gap: var(--fds-ref-spacing-3xsmall); top: -10px; right: -12px; } .badge--lg:not(.badge--dot) .badge__icon { width: 14px; height: 14px; } .badge .badge__secondary { text-overflow: ellipsis; overflow: hidden; } .badge .badge__icon { flex-shrink: 0; justify-content: center; align-items: center; display: inline-flex; } .badge .badge__icon svg { width: 100%; height: 100%; display: block; } .badge--with-icon:not(.badge--dot) { padding: var(--fds-ref-spacing-3xsmall); } .badge--icon-only:not(.badge--dot) { padding: 0px; } .badge--icon-only:not(.badge--dot).badge--sm { width: var(--fds-sem-dimension-xsmall); min-width: var(--fds-sem-dimension-xsmall); } .badge--icon-only:not(.badge--dot).badge--md { width: var(--fds-sem-dimension-xsmall-nudge); min-width: var(--fds-sem-dimension-xsmall-nudge); } .badge--icon-only:not(.badge--dot).badge--lg { width: var(--fds-sem-dimension-small); min-width: var(--fds-sem-dimension-small); } .badge--dot { padding: 0px; } .badge--dot.badge--2xs { width: var(--fds-sem-dimension-4xsmall); height: var(--fds-sem-dimension-4xsmall); min-width: var(--fds-sem-dimension-4xsmall); top: 0px; right: 0px; } .badge--dot.badge--xs { width: var(--fds-sem-dimension-3xsmall); height: var(--fds-sem-dimension-3xsmall); min-width: var(--fds-sem-dimension-3xsmall); top: 0px; right: 0px; } .badge--dot.badge--sm { width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); min-width: var(--fds-sem-dimension-xsmall); top: -8px; right: -8px; } .badge--dot.badge--md { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); min-width: var(--fds-sem-dimension-xsmall-nudge); top: -10px; right: -10px; } .badge--dot.badge--lg { width: var(--fds-sem-dimension-small); height: var(--fds-sem-dimension-small); min-width: var(--fds-sem-dimension-small); top: -12px; right: -12px; } .badge--primary { --badge-base: var(--hero); --badge-sc: var(--hero-sc); --badge-sc-alpha: var(--fds-ref-alpha-90); } .badge--secondary { --badge-base: var(--oc-1); --badge-sc: var(--oc-1-sc); --badge-sc-alpha: var(--fds-ref-alpha-90); } .badge--tertiary { --badge-base: var(--oc-2); --badge-sc: var(--oc-2-sc); --badge-sc-alpha: var(--fds-ref-alpha-90); } .badge--informative { --badge-base: var(--info); --badge-sc: var(--static-white); --badge-sc-alpha: var(--fds-ref-alpha-90); } .badge--red { --badge-base: var(--error); --badge-sc: var(--static-white); --badge-sc-alpha: var(--fds-ref-alpha-90); } .badge--success { --badge-base: var(--success); --badge-sc: var(--static-white); --badge-sc-alpha: var(--fds-ref-alpha-90); } .badge--warning { --badge-base: var(--warning); --badge-sc: var(--static-black); --badge-sc-alpha: var(--fds-ref-alpha-90); } .badge--odds { --badge-base: var(--oc-2); --badge-sc: var(--oc-2-sc); --badge-sc-alpha: var(--fds-ref-alpha-90); } .badge--neutral { --badge-base: var(--neutral); --badge-sc: var(--neutral-sc); --badge-sc-alpha: var(--fds-ref-alpha-90); } .badge--transparent { --badge-base: var(--b-sc); --badge-sc: var(--b); --badge-sc-alpha: var(--fds-ref-alpha-90); --badge-fill-alpha: var(--fds-ref-alpha-72); --badge-subtle-bg-alpha: var(--fds-ref-alpha-6); --badge-outline-border-alpha: var(--fds-ref-alpha-32); --badge-outline-text: var(--b-sc); } .badge--transparent-static-dark { --badge-base: var(--static-black); --badge-sc: var(--static-white); --badge-sc-alpha: var(--fds-ref-alpha-80); --badge-fill-alpha: var(--fds-ref-alpha-48); --badge-subtle-bg-alpha: var(--fds-ref-alpha-6); --badge-outline-border-alpha: var(--fds-ref-alpha-32); --badge-outline-text: var(--static-black); } .badge--transparent-static-light { --badge-base: var(--static-white); --badge-sc: var(--static-black); --badge-sc-alpha: var(--fds-ref-alpha-90); --badge-fill-alpha: var(--fds-ref-alpha-72); --badge-subtle-bg-alpha: var(--fds-ref-alpha-6); --badge-outline-border-alpha: var(--fds-ref-alpha-32); --badge-outline-text: var(--static-white); } .badge .badge__secondary { color: rgba(var(--badge-sc), var(--fds-ref-alpha-64)); } .badge--subtle { background: rgba(var(--badge-base), var(--badge-subtle-bg-alpha,var(--fds-ref-alpha-12))); box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--badge-base), var(--fds-ref-alpha-4)); color: rgba(var(--badge-base), var(--fds-ref-alpha-100)); } .badge--subtle .badge__secondary { color: rgba(var(--badge-base), var(--fds-ref-alpha-64)); } .badge--outline { background: rgba(var(--badge-base), var(--fds-ref-alpha-12)); box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--badge-base), var(--badge-outline-border-alpha,var(--fds-ref-alpha-100))); color: rgba(var(--badge-outline-text,var(--static-white)), var(--fds-ref-alpha-90)); } .badge--outline .badge__secondary { color: rgba(var(--badge-outline-text,var(--static-white)), var(--fds-ref-alpha-64)); } @charset "utf-8"; .casinoGamesListWrapper { width: 100%; } [class*="is-mobile"] .casinoGamesListWrapper { padding: 0 var(--fds-ref-spacing-xsmall); } .casinoGamesList { display: grid; } [class*="is-web"] .casinoGamesList { gap: var(--fds-ref-spacing-large); padding-bottom: var(--fds-ref-spacing-large); grid-template-columns: repeat(6, 1fr); } [class*="is-mobile"] .casinoGamesList { gap: var(--fds-ref-spacing-xsmall); grid-template-columns: repeat(6, 1fr); } @media screen and (width <= 1024px) { [class*="is-mobile"] .casinoGamesList { grid-template-columns: repeat(4, 1fr); } } @media screen and (width <= 768px) { [class*="is-mobile"] .casinoGamesList { grid-template-columns: repeat(3, 1fr); } } @media screen and (width <= 480px) { [class*="is-mobile"] .casinoGamesList { grid-template-columns: repeat(2, 1fr); } } [class*="is-web"] .casinoGamesList--portrait { grid-template-columns: repeat(9, 1fr); } @media screen and (width <= 1174px) { [class*="is-web"] .casinoGamesList--portrait { grid-template-columns: repeat(8, 1fr); } } @media screen and (width <= 1074px) { [class*="is-web"] .casinoGamesList--portrait { grid-template-columns: repeat(7, 1fr); } } [class*="is-mobile"] .casinoGamesList--portrait { grid-template-columns: repeat(7, 1fr); } @media screen and (width <= 1024px) { [class*="is-mobile"] .casinoGamesList--portrait { grid-template-columns: repeat(5, 1fr); } } @media screen and (width <= 768px) { [class*="is-mobile"] .casinoGamesList--portrait { grid-template-columns: repeat(4, 1fr); } } @media screen and (width <= 480px) { [class*="is-mobile"] .casinoGamesList--portrait { grid-template-columns: repeat(3, 1fr); } } [class*="is-web"] .casinoGamesList--rect { grid-template-columns: repeat(9, 1fr); } @media screen and (width <= 1300px) { [class*="is-web"] .casinoGamesList--rect { grid-template-columns: repeat(8, 1fr); } } @media screen and (width <= 1174px) { [class*="is-web"] .casinoGamesList--rect { grid-template-columns: repeat(7, 1fr); } } @media screen and (width <= 1074px) { [class*="is-web"] .casinoGamesList--rect { grid-template-columns: repeat(6, 1fr); } } [class*="is-mobile"] .casinoGamesList--rect { grid-template-columns: repeat(7, 1fr); } @media screen and (width <= 1024px) { [class*="is-mobile"] .casinoGamesList--rect { grid-template-columns: repeat(5, 1fr); } } @media screen and (width <= 768px) { [class*="is-mobile"] .casinoGamesList--rect { grid-template-columns: repeat(4, 1fr); } } @media screen and (width <= 480px) { [class*="is-mobile"] .casinoGamesList--rect { grid-template-columns: repeat(3, 1fr); } } @charset "utf-8"; .casinoGameImageV2 { cursor: pointer; width: 100%; height: 100%; transition: filter var(--default-transition-duration); border-radius: inherit; display: block; } .casinoGameImageV2--portrait { aspect-ratio: var(--casino-portrait-aspect-ratio); } .casinoGameImageV2--regular { aspect-ratio: var(--casino-regular-aspect-ratio); } .casinoGameImageV2--rect { aspect-ratio: var(--casino-rect-aspect-ratio); } .casinoGameImageV2--objectFit-cover { object-fit: cover; } .casinoGameImageV2--objectFit-contain { object-fit: contain; } .casinoGameImageV2--objectFit-fill { object-fit: fill; } .casinoGameImageV2--objectFit-none { object-fit: none; } .casinoGameImageV2--objectFit-scale-down { object-fit: scale-down; } .casinoGameImageV2Holder { border-radius: var(--fds-ref-radius-xsmall); width: 100%; height: 100%; display: block; position: relative; overflow: hidden; container-type: inline-size; } .casinoGameImageV2Badge { z-index: 3; width: var(--fds-sem-dimension-xlarge); pointer-events: none; position: absolute; top: 0px; left: 0px; } .casinoGameImageV2NameOverlay { --casino-game-image-gradient: rgb(var(--static-black)); --casino-game-image-gradient-height: 41.67%; --casino-game-image-stack-gap: var(--fds-ref-spacing-xsmall); --casino-game-image-stack-padding: var(--fds-ref-spacing-xsmall); --casino-game-image-provider-font-size: var(--fds-ref-font-size-50); --casino-game-image-title-sizes: 22 20 16; z-index: 2; justify-content: flex-end; align-items: center; gap: var(--casino-game-image-stack-gap); padding: var(--casino-game-image-stack-padding); text-align: center; text-transform: uppercase; color: rgb(var(--static-white)); pointer-events: none; flex-direction: column; display: flex; position: absolute; inset: 0px; overflow: hidden; } .casinoGameImageV2NameOverlay::before { --casino-game-image-gradient-vivid: hsl(from var(--casino-game-image-gradient) h calc(s + 40) l); content: ""; z-index: -1; height: var(--casino-game-image-gradient-height); background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--casino-game-image-gradient-vivid) 60%, transparent) 30%, color-mix(in srgb, var(--casino-game-image-gradient-vivid) 95%, transparent) 81.938%, color-mix(in srgb, var(--casino-game-image-gradient-vivid) 95%, transparent) 100%); position: absolute; bottom: 0px; left: 0px; right: 0px; } .casinoGameImageV2NameOverlay--portrait { --casino-game-image-title-sizes: 26 22 16; } .casinoGameImageV2NameOverlay--regular, .casinoGameImageV2NameOverlay--rect { --casino-game-image-gradient-height: 48.13%; } @container (width <= 165px) { .casinoGameImageV2NameOverlay--portrait { --casino-game-image-stack-gap: var(--fds-ref-spacing-3xsmall); --casino-game-image-stack-padding: var(--fds-ref-spacing-3xsmall) var(--fds-ref-spacing-xsmall); --casino-game-image-provider-font-size: var(--fds-ref-font-size-40); --casino-game-image-title-sizes: 16 15 14; } .casinoGameImageV2NameOverlay--rect { --casino-game-image-stack-gap: var(--fds-ref-spacing-3xsmall); --casino-game-image-stack-padding: var(--fds-ref-spacing-3xsmall) var(--fds-ref-spacing-xsmall); --casino-game-image-provider-font-size: var(--fds-ref-font-size-40); --casino-game-image-title-sizes: 15 14 14; } } @container (width <= 200px) { .casinoGameImageV2NameOverlay--regular { --casino-game-image-stack-gap: var(--fds-ref-spacing-3xsmall); --casino-game-image-stack-padding: var(--fds-ref-spacing-3xsmall) var(--fds-ref-spacing-xsmall); --casino-game-image-provider-font-size: var(--fds-ref-font-size-40); --casino-game-image-title-sizes: 15 14 14; } } .casinoGameImageV2NameOverlayRadiant { z-index: -1; aspect-ratio: 1 / 1; width: 100%; position: absolute; bottom: 0px; left: 0px; transform: translateY(72%); } .casinoGameImageV2NameOverlayTitle { width: 100%; font-weight: var(--fds-ref-font-weight-bold); overflow-wrap: break-word; text-shadow: 0 1px .5px rgba(var(--static-black), .4); margin: 0px; line-height: 1; font-family: "Barlow Semi Condensed", sans-serif !important; } .casinoGameImageV2NameOverlayProvider { max-width: 100%; padding: var(--fds-ref-spacing-3xsmall) var(--fds-ref-spacing-2xsmall); border-radius: var(--fds-ref-radius-full); background: rgba(var(--static-black), .1); font-size: var(--casino-game-image-provider-font-size); font-weight: var(--fds-ref-font-weight-medium); white-space: nowrap; text-overflow: ellipsis; line-height: 10px; overflow: hidden; } @charset "utf-8"; .runningLineWidget { width: 100%; position: relative; overflow: hidden; } .runningLineWidgetTitle { text-align: center; text-transform: uppercase; white-space: nowrap; max-width: 80%; color: rgba(var(--b-sc), 1); background: rgba(var(--b), 1); z-index: 1; padding: 0px 5px; position: absolute; top: 0px; left: 50%; transform: translate(-50%); } [class*="is-web"] .runningLineWidgetTitle { font-size: 14px; line-height: 18px; } [class*="is-mobile"] .runningLineWidgetTitle { font-size: 12px; line-height: 14px; } .layout-header-holder-bc .runningLineWidgetTitle { display: none; } .layout-header-holder-bc .runningLineWrapper { border-bottom: 1px solid rgba(var(--hero), 1); } .runningLineWrapper { width: 100%; overflow: hidden; } .runningLineWrapper.withShadows::before, .runningLineWrapper.withShadows::after { content: ""; z-index: 1; height: 100%; position: absolute; top: 50%; bottom: 0px; transform: translateY(-50%); } [class*="is-web"] .runningLineWrapper.withShadows::before, [class*="is-web"] .runningLineWrapper.withShadows::after { width: 100px; } [class*="is-mobile"] .runningLineWrapper.withShadows::before, [class*="is-mobile"] .runningLineWrapper.withShadows::after { width: 50px; } .runningLineWrapper.withShadows::before { background: linear-gradient(to right, rgba(var(--b), 1) 0%, rgba(var(--b), 0) 100%); left: 0px; } .runningLineWrapper.withShadows::after { background: linear-gradient(to left, rgba(var(--b), 1) 0%, rgba(var(--b), 0) 100%); right: 0px; } .runningLine { align-items: center; display: flex; } .runningLine.frozen { justify-content: center; } .runningLine:not(.frozen) { animation-timing-function: linear; animation-iteration-count: infinite; animation-delay: 0.7s; } [class*="is-web"] .runningLine:not(.frozen) { animation-duration: 80s; } [class*="is-mobile"] .runningLine:not(.frozen) { animation-duration: 120s; } [dir="ltr"] .runningLine:not(.frozen) { animation-name: running-line-LTR; } [dir="rtl"] .runningLine:not(.frozen) { animation-name: running-line-RTL; } @keyframes running-line-LTR { 0% { transform: translate(0px); } 100% { transform: translate(-50%); } } @keyframes running-line-RTL { 0% { transform: translate(0px); } 100% { transform: translate(50%); } } @charset "utf-8"; .casinoGameItemContent { border-radius: var(--fds-ref-radius-xsmall); width: 100%; position: relative; overflow: hidden; } .casinoGameItemContent--portrait { aspect-ratio: var(--casino-portrait-aspect-ratio); } .casinoGameItemContent--regular { aspect-ratio: var(--casino-regular-aspect-ratio); } .casinoGameItemContent--rect { aspect-ratio: var(--casino-rect-aspect-ratio); } .casinoGameItemBadgeContainer { top: var(--fds-ref-spacing-xsmall); right: var(--fds-ref-spacing-xsmall); z-index: 1; display: flex; position: absolute; } .onlinePlayersCount { padding: var(--fds-ref-spacing-4xsmall) var(--fds-ref-spacing-2xsmall-nudge); top: var(--fds-ref-spacing-xsmall); left: var(--fds-ref-spacing-xsmall); color: rgba(var(--static-white), var(--fds-ref-alpha-100)); border-radius: var(--fds-ref-radius-full); background: rgba(var(--static-black), var(--fds-ref-alpha-48)); backdrop-filter: blur(12px); z-index: 1; animation: onlinePlayersCountAnimation var(--slow-transition-duration) linear; align-items: center; display: flex; position: absolute; } .onlinePlayersCount::before { content: ""; border-radius: var(--border-radius-middle); background: rgba(var(--b), var(--fds-ref-alpha-32)); z-index: -1; position: absolute; inset: 0px; } .onlinePlayersCount > i { color: rgb(18, 235, 18); flex-shrink: 0; margin-inline-end: var(--fds-ref-spacing-3xsmall); font-size: 14px; } @keyframes onlinePlayersCountAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } .gameResultsContainer { background: rgba(var(--static-black), var(--fds-ref-alpha-48)); backdrop-filter: blur(12px); z-index: 1; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; position: absolute; bottom: 0px; left: 0px; right: 0px; overflow: hidden; } .gameResultsContainer.gameResultsContainerSkeleton { justify-content: center; align-items: center; gap: var(--fds-ref-spacing-2xsmall-nudge); display: flex; } .gameResultsLine { justify-content: center; align-items: center; display: flex; } .gameResultSingle { width: 50px; font-size: var(--fds-sem-dimension-2xsmall); color: rgba(var(--static-white), var(--fds-ref-alpha-100)); justify-content: center; display: flex; position: relative; } .gameResultSingle + .gameResultSingle { border-inline-start: var(--fds-ref-border-width-thin) solid rgba(var(--b-sc), var(--fds-ref-alpha-32)); } .casinoGameItem { background-color: rgba(var(--b-sc), var(--fds-ref-alpha-12)); border-radius: var(--fds-ref-radius-xsmall); width: 100%; height: 100%; position: relative; overflow: hidden; } .casinoGameItemBlock { width: 100%; height: 100%; animation: casino-game-layer var(--slow-transition-duration) forwards; border-radius: var(--fds-ref-radius-xsmall); z-index: 3; padding: var(--fds-ref-spacing-xsmall); flex-direction: column; justify-content: space-between; display: flex; position: absolute; top: 0px; left: 0px; overflow: hidden; } .casinoGameItemContent .casinoGameItemBlock--noLabel { justify-content: center; } .casinoGameItemContent .casinoGameItemBlock--noLabel .casinoGameButtons--portrait { padding-bottom: 0px; } .casinoGameItemContent .casinoGameItemBlock--noLabel .casinoGameIconsWrp { inset-block-start: var(--fds-ref-spacing-xsmall); inset-inline: var(--fds-ref-spacing-xsmall); width: auto; position: absolute; } .casinoGameIconsWrp { align-items: center; width: 100%; display: flex; } .casinoGameIconsWrp i, .casinoGameIconsWrp .casinoGameInfoIcon { cursor: pointer; color: rgba(var(--static-white), var(--fds-ref-alpha-80)); transition: color var(--default-transition-duration), opacity var(--default-transition-duration); font-size: 18px; display: block; position: relative; } @media screen and (width <= 1365px) { .casinoGameIconsWrp i, .casinoGameIconsWrp .casinoGameInfoIcon { font-size: 14px; } } .casinoGameIconsWrp .casinoGameInfoIcon { width: var(--fds-ref-font-size-90); height: var(--fds-ref-font-size-90); } @media screen and (width <= 1365px) { .casinoGameIconsWrp .casinoGameInfoIcon { width: var(--fds-ref-font-size-70); height: var(--fds-ref-font-size-70); } } .casinoGameIconsLeft { flex: 1 1 0%; } .casinoGameIconsFavoriteWrapper { display: flex; } .casinoGameIconsRight { gap: var(--fds-ref-spacing-2xsmall); display: flex; } .casinoGameItemLabelBc { color: rgba(var(--static-white), var(--fds-ref-alpha-100)); text-align: center; font-weight: 500; } [class*="is-web"] .casinoGameItemLabelBc { font-size: var(--fds-sem-dimension-xsmall); margin-bottom: var(--fds-ref-spacing-xsmall); line-height: 18px; } @media screen and (width >= 1366px) { [class*="is-web"] .casinoGameItemLabelBc { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } } @media screen and (width <= 1365px) { [class*="is-web"] .casinoGameItemLabelBc { white-space: nowrap; text-overflow: ellipsis; font-size: 12px; line-height: 14px; overflow: hidden; } } [class*="is-mobile"] .casinoGameItemLabelBc { margin-bottom: var(--fds-ref-spacing-4xsmall); font-size: 12px; line-height: 14px; } .showBetLimits { aspect-ratio: auto; flex-direction: column; display: flex; } [class*="is-web"] .showBetLimits { overflow: hidden; } .showBetLimits .casinoGameButtons { align-items: center; height: 100%; } .showBetLimits .casinoGameItem { height: auto; } .showBetLimits.casinoGameItemContent--portrait .casinoGameItem { aspect-ratio: var(--casino-portrait-aspect-ratio,2/3); } .showBetLimits.casinoGameItemContent--regular .casinoGameItem { aspect-ratio: var(--casino-regular-aspect-ratio,44/31); } .showBetLimits.casinoGameItemContent--rect .casinoGameItem { aspect-ratio: var(--casino-rect-aspect-ratio,1/1); } .casinoGameButtons { gap: var(--fds-ref-spacing-3xsmall); width: 100%; padding-bottom: var(--fds-ref-spacing-3xsmall); display: flex; } .casinoGameButtons--portrait { gap: var(--fds-ref-spacing-xsmall); padding-bottom: var(--fds-ref-spacing-2xlarge); flex-direction: column; } .casinoGameButtons--rect { gap: var(--fds-ref-spacing-xsmall); padding-bottom: var(--fds-ref-spacing-3xsmall); flex-direction: column; } .casinoGameButtons button { width: 100%; } .casinoBtnWrp { flex: 1 1 0%; width: 100%; min-width: 0px; } .casinoBtnWrp:first-child { animation: casino-btn-slide-up var(--slow-transition-duration) forwards; } .casinoBtnWrp:last-child { animation: casino-btn-slide-down var(--slow-transition-duration) forwards; } @keyframes casino-game-layer { 0% { opacity: 0; pointer-events: none; } 100% { opacity: 1; pointer-events: auto; backdrop-filter: blur(12px); background: rgba(var(--static-black), var(--fds-ref-alpha-48)); } } @keyframes casino-btn-slide-up { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes casino-btn-slide-down { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0px); } } .gameShareIcon { display: flex; } .gameShareIcon.visible { max-width: 68%; top: var(--fds-ref-spacing-2xsmall); padding: var(--fds-ref-spacing-3xsmall); background: rgba(var(--b), var(--fds-ref-alpha-90)); border-radius: var(--fds-ref-radius-full); z-index: 9; flex-direction: row-reverse; position: absolute; overflow: hidden; } @media screen and (width <= 1280px) { [class*="is-web"] .gameShareIcon.visible { will-change: scroll-position; overflow: auto hidden; } } .gameShareIcon.visible::before { content: ""; background: rgba(var(--b-sc), var(--fds-ref-alpha-4)); pointer-events: none; z-index: -1; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } [dir="ltr"] .gameShareIcon.visible { right: var(--fds-ref-spacing-3xsmall); } [dir="rtl"] .gameShareIcon.visible { left: var(--fds-ref-spacing-3xsmall); } .gameShareIcon.visible .removeShareIcon { font-size: var(--fds-sem-dimension-2xsmall); padding: var(--fds-ref-spacing-3xsmall); border-radius: var(--fds-ref-radius-full); } @media screen and (width <= 1366px) { .gameShareIcon.visible .removeShareIcon { font-size: var(--fds-sem-dimension-3xsmall); padding: var(--fds-ref-spacing-4xsmall); } } [dir="ltr"] .gameShareIcon.visible .removeShareIcon { margin: 0 0 auto var(--fds-ref-spacing-xsmall); } [dir="rtl"] .gameShareIcon.visible .removeShareIcon { margin: 0 var(--fds-ref-spacing-xsmall) auto 0; } .gameShareItem { color: rgba(var(--b-sc), var(--fds-ref-alpha-72)); } .removeShareIcon.bc-i-close-remove { background: rgba(var(--error), var(--fds-ref-alpha-100)); } [class*="is-web"] .removeShareIcon.bc-i-close-remove:hover { transition: background var(--default-transition-duration) ease; background: rgba(var(--error), var(--fds-ref-alpha-80)); } .gameShareItems { justify-content: end; align-items: center; gap: var(--fds-ref-spacing-xsmall); flex-wrap: wrap; display: flex; } @media screen and (width <= 1280px) { .gameShareItems { gap: var(--fds-ref-spacing-2xsmall); } [class*="is-web"] .gameShareItems { flex-wrap: nowrap; } } .gameShareItems .social-icon { font-size: var(--fds-sem-dimension-2xsmall); width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); justify-content: center; align-items: center; margin-inline-start: 0px; display: flex; } @media screen and (width <= 1366px) { .gameShareItems .social-icon.gameShareItem { font-size: var(--fds-sem-dimension-3xsmall); width: var(--fds-sem-dimension-2xsmall); height: var(--fds-sem-dimension-2xsmall); } } @charset "utf-8"; .casinoSearchNoResults { z-index: 0; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 280px; display: flex; } .casinoSearchNoResultsImage { max-width: 160px; height: auto; margin-bottom: var(--fds-ref-spacing-xlarge); display: block; } .casinoSearchNoResultsLabel { color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); } @charset "utf-8"; .ds-textfield { gap: var(--fds-ref-spacing-3xsmall); flex-direction: column; width: 100%; display: inline-flex; } .ds-textfield__field { align-items: center; gap: var(--fds-ref-spacing-xsmall); cursor: text; border-radius: var(--fds-ref-radius-full); width: 100%; box-shadow: none; box-sizing: border-box; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: background 0.2s, box-shadow 0.2s; display: flex; position: relative; overflow: hidden; } .ds-textfield__text { flex: 1 0 0px; align-self: stretch; align-items: center; min-width: 0px; display: flex; position: relative; overflow: hidden; } .ds-textfield__label { font-weight: var(--fds-ref-font-weight-regular); color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); white-space: nowrap; text-overflow: ellipsis; pointer-events: none; transition: top 0.15s, transform 0.15s, font-size 0.15s, line-height 0.15s, opacity 0.15s; position: absolute; top: 50%; left: 0px; right: 0px; overflow: hidden; transform: translateY(-50%); } .ds-textfield__input { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-family: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; frame-sizing: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-bottom: unset; padding-inline: unset; padding-left: unset; padding-right: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap-style: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; width: 100%; font-weight: var(--fds-ref-font-weight-medium); font-size: inherit; color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); white-space: nowrap; text-overflow: ellipsis; cursor: inherit; padding-top: 0px; transition: padding-top 0.15s; overflow: hidden; } .ds-textfield__input::placeholder { color: rgba(var(--b-sc), var(--fds-ref-alpha-24)); font-weight: var(--fds-ref-font-weight-medium); } .ds-textfield__input:disabled { cursor: not-allowed; } .ds-textfield__text--label-floating .ds-textfield__input { padding-top: 18px; } .ds-textfield.ds-textfield-size--sm .ds-textfield__text--label-floating .ds-textfield__label, .ds-textfield.ds-textfield-size--md .ds-textfield__text--label-floating .ds-textfield__label { opacity: 0; pointer-events: none; } .ds-textfield.ds-textfield-size--sm .ds-textfield__text--label-floating .ds-textfield__input, .ds-textfield.ds-textfield-size--md .ds-textfield__text--label-floating .ds-textfield__input { padding-top: 0px; } .ds-textfield__icon { flex-shrink: 0; justify-content: center; align-items: center; display: inline-flex; } .ds-textfield__icon svg { width: 100%; height: 100%; } .ds-textfield__icon--left { order: -1; } .ds-textfield__icon--right { order: 10; } .ds-textfield__field > .ds-textfield__icon, .ds-textfield__right > .ds-textfield__icon { color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); } .ds-textfield__right { align-items: center; gap: var(--fds-ref-spacing-xsmall); flex-shrink: 0; display: flex; } .ds-textfield__clear, .ds-textfield__icon-btn { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; align-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex-basis: unset; flex-flow: unset; flex-grow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; frame-sizing: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; cursor: pointer; border-radius: var(--fds-ref-radius-full); color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); flex-shrink: 0; justify-content: center; align-items: center; transition: color 0.15s, background 0.15s; display: inline-flex; } .ds-textfield__clear .CMSIconSVGWrapper, .ds-textfield__icon-btn .CMSIconSVGWrapper { justify-content: center; align-items: center; width: 100%; height: 100%; display: inline-flex; } .ds-textfield__clear .CMSIconSVGWrapper svg, .ds-textfield__icon-btn .CMSIconSVGWrapper svg { width: 100%; height: 100%; } [class*="is-web"] .ds-textfield__clear:hover, [class*="is-web"] .ds-textfield__icon-btn:hover { color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); } .ds-textfield__clear:active, .ds-textfield__icon-btn:active { background: rgba(var(--b-sc), var(--fds-ref-alpha-16)); } .ds-textfield__action-text { font-weight: var(--fds-ref-font-weight-regular); font-size: var(--fds-ref-font-size-70); line-height: var(--fds-ref-font-line-height-100); color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); white-space: nowrap; } .ds-textfield__helper-row { opacity: 0; grid-template-rows: 0fr; transition: grid-template-rows 0.2s, opacity 0.2s; display: grid; } .ds-textfield__helper-row--visible { opacity: 1; grid-template-rows: 1fr; } .ds-textfield__helper-row-inner { align-items: flex-start; gap: var(--fds-ref-spacing-xsmall); padding: 0 var(--fds-ref-spacing-xlarge); display: flex; overflow: hidden; } .ds-textfield__helper { align-items: center; gap: var(--fds-ref-spacing-xsmall); flex: 1 0 0px; min-width: 0px; display: flex; } .ds-textfield__helper-icon { width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); flex-shrink: 0; } .ds-textfield__helper-text { color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); } .ds-textfield__counter { color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); text-align: right; white-space: nowrap; flex-shrink: 0; } .ds-textfield.ds-textfield-size--sm .ds-textfield__field { height: var(--fds-sem-dimension-medium); padding: 0 var(--fds-ref-spacing-large); gap: var(--fds-ref-spacing-xsmall); } .ds-textfield.ds-textfield-size--sm .ds-textfield__input, .ds-textfield.ds-textfield-size--sm .ds-textfield__label { font-size: var(--fds-ref-font-size-60); line-height: var(--fds-ref-font-line-height-80); } .ds-textfield.ds-textfield-size--sm .ds-textfield__icon, .ds-textfield.ds-textfield-size--sm .ds-textfield__clear, .ds-textfield.ds-textfield-size--sm .ds-textfield__icon-btn { width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); } .ds-textfield.ds-textfield-size--md .ds-textfield__field { height: var(--fds-sem-dimension-large); padding: 0 var(--fds-ref-spacing-large); gap: var(--fds-ref-spacing-xsmall); } .ds-textfield.ds-textfield-size--md .ds-textfield__input, .ds-textfield.ds-textfield-size--md .ds-textfield__label { font-size: var(--fds-ref-font-size-70); line-height: var(--fds-ref-font-line-height-100); } .ds-textfield.ds-textfield-size--md .ds-textfield__icon, .ds-textfield.ds-textfield-size--md .ds-textfield__clear, .ds-textfield.ds-textfield-size--md .ds-textfield__icon-btn { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); } .ds-textfield.ds-textfield-size--lg .ds-textfield__field { height: var(--fds-sem-dimension-xlarge); padding: 0 var(--fds-ref-spacing-large); gap: var(--fds-ref-spacing-xsmall); } .ds-textfield.ds-textfield-size--lg .ds-textfield__input, .ds-textfield.ds-textfield-size--lg .ds-textfield__label { font-size: var(--fds-ref-font-size-70); line-height: var(--fds-ref-font-line-height-100); } .ds-textfield.ds-textfield-size--lg .ds-textfield__label--floating { top: var(--fds-ref-spacing-3xsmall); font-size: var(--fds-ref-font-size-60); line-height: var(--fds-ref-font-line-height-80); transform: translateY(0px); } .ds-textfield.ds-textfield-size--lg .ds-textfield__icon, .ds-textfield.ds-textfield-size--lg .ds-textfield__clear, .ds-textfield.ds-textfield-size--lg .ds-textfield__icon-btn { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); } .ds-textfield.ds-textfield-size--xl .ds-textfield__field { height: var(--fds-sem-dimension-2xlarge); padding: 0 var(--fds-ref-spacing-large); gap: var(--fds-ref-spacing-xsmall); } .ds-textfield.ds-textfield-size--xl .ds-textfield__input, .ds-textfield.ds-textfield-size--xl .ds-textfield__label { font-size: var(--fds-ref-font-size-70); line-height: var(--fds-ref-font-line-height-100); } .ds-textfield.ds-textfield-size--xl .ds-textfield__label--floating { top: var(--fds-ref-spacing-2xsmall); font-size: var(--fds-ref-font-size-60); line-height: var(--fds-ref-font-line-height-80); transform: translateY(0px); } .ds-textfield.ds-textfield-size--xl .ds-textfield__icon, .ds-textfield.ds-textfield-size--xl .ds-textfield__clear, .ds-textfield.ds-textfield-size--xl .ds-textfield__icon-btn { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); } .ds-textfield.ds-textfield-layout--fill .ds-textfield__field { background: rgba(var(--b-sc), var(--fds-ref-alpha-8)); box-shadow: none; } [class*="is-web"] .ds-textfield.ds-textfield-layout--fill:hover:not(.ds-textfield--disabled):not(.ds-textfield--readonly):not(:has(.ds-textfield__clear:hover)):not(:has(.ds-textfield__icon-btn:hover)) .ds-textfield__field { background: rgba(var(--b-sc), var(--fds-ref-alpha-12)); } .ds-textfield.ds-textfield-layout--fill.ds-textfield--focused .ds-textfield__field { box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--b-sc), var(--fds-ref-alpha-56)); } .ds-textfield.ds-textfield-layout--fill.ds-textfield--error .ds-textfield__field { box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--error), var(--fds-ref-alpha-100)); } .ds-textfield.ds-textfield-layout--outline .ds-textfield__field { box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--b-sc), var(--fds-ref-alpha-16)); background: 0px 0px; } [class*="is-web"] .ds-textfield.ds-textfield-layout--outline:hover:not(.ds-textfield--disabled):not(.ds-textfield--readonly):not(:has(.ds-textfield__clear:hover)):not(:has(.ds-textfield__icon-btn:hover)) .ds-textfield__field { background: rgba(var(--b-sc), var(--fds-ref-alpha-12)); box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--b-sc), var(--fds-ref-alpha-24)); } .ds-textfield.ds-textfield-layout--outline.ds-textfield--focused .ds-textfield__field { box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--b-sc), var(--fds-ref-alpha-56)); } .ds-textfield.ds-textfield-layout--outline.ds-textfield--error .ds-textfield__field { box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--error), var(--fds-ref-alpha-100)); } .ds-textfield.ds-textfield--focused .ds-textfield__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); } .ds-textfield.ds-textfield--error .ds-textfield__helper-icon, .ds-textfield.ds-textfield--error .ds-textfield__helper-text { color: rgba(var(--error), var(--fds-ref-alpha-100)); } .ds-textfield.ds-textfield--disabled { pointer-events: none; } .ds-textfield.ds-textfield--disabled .ds-textfield__field { background: rgba(var(--b-sc), var(--fds-ref-alpha-8)); box-shadow: none; } .ds-textfield.ds-textfield--disabled .ds-textfield__label, .ds-textfield.ds-textfield--disabled .ds-textfield__input, .ds-textfield.ds-textfield--disabled .ds-textfield__icon, .ds-textfield.ds-textfield--disabled .ds-textfield__icon-btn, .ds-textfield.ds-textfield--disabled .ds-textfield__action-text, .ds-textfield.ds-textfield--disabled .ds-textfield__helper-text, .ds-textfield.ds-textfield--disabled .ds-textfield__counter, .ds-textfield.ds-textfield--disabled .ds-textfield__input::placeholder { color: rgba(var(--b-sc), var(--fds-ref-alpha-24)); } .ds-textfield.ds-textfield--readonly { cursor: pointer; } .ds-textfield.ds-textfield--readonly:not(.ds-textfield--readonly-unchanged) .ds-textfield__field { background: rgba(var(--b-sc), var(--fds-ref-alpha-24)); box-shadow: none; } .ds-textfield.ds-textfield--readonly:not(.ds-textfield--readonly-unchanged).ds-textfield-layout--outline .ds-textfield__field { box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--b-sc), var(--fds-ref-alpha-16)); } .ds-textfield.ds-textfield--readonly .ds-textfield__input { pointer-events: none; } .ds-textfield.ds-textfield--align-center .ds-textfield__input { text-align: center; } @charset "utf-8"; @keyframes ds-drawer-slide-up { 0% { transform: translateY(100%); } 100% { transform: translate(0px, 0px); } } .ds-drawer-wrapper { z-index: 1000; touch-action: none; overscroll-behavior: none; background: rgba(var(--static-black), var(--fds-ref-alpha-48)); backdrop-filter: blur(6px); justify-content: center; align-items: flex-end; display: flex; position: fixed; inset: 0px; } .ds-drawer-spring { flex-direction: column; width: 100%; max-width: 100%; display: flex; } .ds-drawer { background: rgba(var(--b), var(--fds-ref-alpha-100)); border-radius: var(--fds-ref-radius-medium) var(--fds-ref-radius-medium) 0 0; width: 100%; animation: ds-drawer-slide-up var(--default-transition-duration) var(--default-transition-delay) ease forwards; border-top: var(--fds-ref-border-width-thin) solid rgba(var(--b-sc), var(--fds-ref-alpha-16)); flex-direction: column; display: flex; overflow: hidden; transform: translateY(100%); } .ds-drawer--full { min-height: 100dvh; max-height: 100dvh; } .ds-drawer--full .ds-drawer__content { padding: 0 var(--fds-ref-spacing-large); } .ds-drawer--contained { max-height: 80dvh; } .ds-drawer--contained .ds-drawer__content { padding: 0 var(--fds-ref-spacing-large); } .ds-drawer__header { z-index: 30; background: rgba(var(--b), var(--fds-ref-alpha-100)); touch-action: none; flex-shrink: 0; position: sticky; top: 0px; } .ds-drawer__drag-handle { width: 100%; padding: var(--fds-ref-spacing-large) 0; cursor: grab; user-select: none; touch-action: none; flex-shrink: 0; justify-content: center; align-items: center; display: flex; } .ds-drawer__drag-handle:active { cursor: grabbing; } .ds-drawer__drag-bar { width: var(--fds-sem-dimension-medium); height: var(--fds-sem-dimension-4xsmall); border-radius: var(--fds-ref-radius-full); background: rgba(var(--b-sc), var(--fds-ref-alpha-56)); } .ds-drawer__title-bar { width: 100%; padding-bottom: var(--fds-ref-spacing-large); flex-shrink: 0; align-items: center; display: flex; } .ds-drawer__title-content { align-items: center; gap: var(--fds-ref-spacing-xsmall); width: 100%; padding: 0 var(--fds-ref-spacing-large); display: flex; } .ds-drawer__title-icon { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); color: rgba(var(--b-sc), var(--fds-ref-alpha-90)); flex-shrink: 0; } .ds-drawer__title-icon svg { width: 100%; height: 100%; } .ds-drawer__title-text { min-width: 0px; color: rgba(var(--b-sc), var(--fds-ref-alpha-90)); white-space: nowrap; text-overflow: ellipsis; flex: 1 0 0px; overflow: hidden; } .ds-drawer__close-button { flex-shrink: 0; margin-left: auto; } .ds-drawer__content { touch-action: pan-y; overscroll-behavior: contain; flex: 1 1 auto; min-height: 0px; overflow-y: auto; } .ds-drawer__footer { justify-content: center; align-items: center; gap: var(--fds-ref-spacing-xsmall); width: 100%; max-height: var(--fds-sem-dimension-4xlarge); padding: var(--fds-ref-spacing-large); box-sizing: border-box; flex-shrink: 0; display: flex; } @charset "utf-8"; @font-face { font-family: BetConstruct-Icons; src: url("/assets/appIcons/BetConstruct-Icons.BbgdHzyZ.woff?yj9mya") format("woff"), url("/assets/appIcons/BetConstruct-Icons.t1bSc8GS.woff2?yj9mya") format("woff2"); font-weight: 400; font-style: normal; font-display: block; } [class^="bc-i-"], [class*=" bc-i-"] { font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: 400; line-height: 1; font-family: BetConstruct-Icons !important; } .bc-i-default-icon::before, .bc-i-DefaultIcon::before { content: ""; } .bc-i-Go::before { content: ""; } .bc-i-Sepaktakraw::before, .bc-i-SepakTakraw::before { content: ""; } .bc-i-AgeofEmpires::before, .bc-i-AgeOfEmpires::before { content: ""; } .bc-i-FreeFire::before, .bc-i-FeeFire::before { content: ""; } .bc-i-ArenaofValor::before, .bc-i-4000235::before, .bc-i-ArenaOfValor::before { content: ""; } .bc-i-Headis::before { content: ""; } .bc-i-Teqball::before { content: ""; } .bc-i-MobileLegends::before { content: ""; } .bc-i-ApexLegends::before { content: ""; } .bc-i-Valorant::before { content: ""; } .bc-i-VirtualMarbleRacing::before { content: ""; } .bc-i-Kabaddi::before { content: ""; } .bc-i-RainbowSix::before { content: ""; } .bc-i-Petanque::before { content: ""; } .bc-i-ClashRoyale::before, .bc-i-JokerWild::before, .bc-i-420033728::before { content: ""; } .bc-i-Bodybuilding-icon::before, .bc-i-BodyBuilding::before { content: ""; } .bc-i-FIFA::before { content: ""; } .bc-i-circuit::before, .bc-i-Circuit::before { content: ""; } .bc-i-PS4GAMING::before, .bc-i-PS4Gaming::before { content: ""; } .bc-i-E-IceHockey::before { content: ""; } .bc-i-BetOnBlackJack::before, .bc-i-BetonBlackJack::before { content: ""; } .bc-i-LiveBetOnPoker::before, .bc-i-livebetonpoker::before, .bc-i-150025::before { content: ""; } .bc-i-eSports_logo_sportbook::before, .bc-i-eSportsLogoSportbook::before { content: ""; } .bc-i-KingOfGlory::before { content: ""; } .bc-i-PUBG::before, .bc-i-PubG::before { content: ""; } .bc-i-RocketLeague::before { content: ""; } .bc-i-WarcraftIII::before, .bc-i-WarCraftIII::before { content: ""; } .bc-i-StreetFighterSymbol::before { content: ""; } .bc-i-Esports::before, .bc-i-eSports::before { content: ""; } .bc-i-CrossFire::before { content: ""; } .bc-i-Halo::before { content: ""; } .bc-i-blank::before, .bc-i-Blank::before { content: ""; } .bc-i-HON::before, .bc-i-Hon::before { content: ""; } .bc-i-Vainglory::before { content: ""; } .bc-i-VirtualCarRacing::before, .bc-i-FTNSpaceTaxi::before, .bc-i-420031330::before { content: ""; } .bc-i-CallOfDuty::before { content: ""; } .bc-i-CounterStrike::before { content: "!"; } .bc-i-LeagueofLegendsWildRift::before { content: ""; } .bc-i-LeagueOfLegends::before { content: "\""; } .bc-i-halo::before, .bc-i-HaloF::before { content: "#"; } .bc-i-Dota2::before { content: "$"; } .bc-i-BrawlStars::before { content: ""; } .bc-i-HeroesOfTheStorm::before { content: "%"; } .bc-i-Hearthstone::before { content: "&"; } .bc-i-MortalKombatXL::before { content: "'"; } .bc-i-WorldOfTanks::before { content: "("; } .bc-i-WorldOfWarcraft::before { content: ")"; } .bc-i-Overwatch::before { content: "*"; } .bc-i-Smite::before { content: "+"; } .bc-i-smash::before, .bc-i-Smash::before { content: ","; } .bc-i-StarCraft::before, .bc-i-StarCraft2::before { content: "-"; } .bc-i-outright::before, .bc-i-goldengate::before, .bc-i-420031083::before, .bc-i-Outright::before { content: ""; } .bc-i-financials::before { content: ""; } .bc-i-ETennis::before, .bc-i-eTennis::before { content: ""; } .bc-i-EBasketball::before, .bc-i-eBasketball::before { content: ""; } .bc-i-CyberFootball::before { content: ""; } .bc-i-Bowls::before { content: ""; } .bc-i-Futsal::before { content: "."; } .bc-i-vbet-sport-icons_tablehockey::before, .bc-i-TableHockey::before { content: "/"; } .bc-i-vbet-sport-icons_tankbiathlon::before, .bc-i-TankBiathlon::before { content: "2"; } .bc-i-TVShowsAndMovies::before, .bc-i-TV1::before { content: "3"; } .bc-i-MarathonSwimming::before { content: ""; } .bc-i-Olympics::before { content: ""; } .bc-i-Skateboarding::before, .bc-i-SkateBoarding::before { content: ""; } .bc-i-SynchronizedSwimming::before, .bc-i-SynchronizedSwimmingF::before { content: ""; } .bc-i-Climbing::before { content: ""; } .bc-i-Equestrian::before { content: ""; } .bc-i-Karate::before { content: ""; } .bc-i-SkiMountaineering::before { content: ""; } .bc-i-bingo::before, .bc-i-150027::before, .bc-i-Bingo::before { content: ""; } .bc-i-instantgame::before, .bc-i-Instantgame::before { content: ""; } .bc-i-vbet-sport-icons_yachting::before, .bc-i-Yachting1::before { content: ">"; } .bc-i-Balls::before { content: ""; } .bc-i-sport::before { content: ""; } .bc-i-AmericanFootball::before { content: ""; } .bc-i-Angling::before { content: ""; } .bc-i-PistolShooting::before, .bc-i-PistolHead2Head::before { content: ""; } .bc-i-ArcheryH2H::before, .bc-i-CompoundArchery::before { content: ""; } .bc-i-CompoundArchery1::before { content: ""; } .bc-i-Archery::before { content: ""; } .bc-i-AustralianFootball::before { content: ""; } .bc-i-Badminton::before { content: ""; } .bc-i-3x3::before, .bc-i-3x3Basketball::before { content: ""; } .bc-i-Softball::before { content: ""; } .bc-i-Baseball::before { content: ""; } .bc-i-Tennis::before, .bc-i-vbet-sport-icons_tennis::before { content: ""; } .bc-i-Volleyball::before, .bc-i-vbet-sport-icons_volleyball::before { content: ""; } .bc-i-Basketball::before { content: ""; } .bc-i-Soccer::before, .bc-i-Football::before { content: ""; } .bc-i-BasketballShots::before { content: ""; } .bc-i-BeachHandball::before { content: ""; } .bc-i-BeachFootball::before { content: ""; } .bc-i-BeachVolleyball::before { content: ""; } .bc-i-Biathlon::before { content: ""; } .bc-i-Bobsleigh::before { content: ""; } .bc-i-Boxing::before { content: ""; } .bc-i-Bridge::before { content: ""; } .bc-i-Chess::before { content: ""; } .bc-i-Curling::before { content: ""; } .bc-i-Cycling::before { content: ""; } .bc-i-Cyclo-Cross::before, .bc-i-VirtualBicycle::before, .bc-i-4000240::before, .bc-i-CycloCross::before { content: ""; } .bc-i-Darts::before { content: ""; } .bc-i-Diving::before { content: ""; } .bc-i-Eurovision::before { content: ""; } .bc-i-X-Sports::before, .bc-i-XSports::before { content: ""; } .bc-i-Fencing::before, .bc-i-pirates::before { content: ""; } .bc-i-FigureSkating::before { content: ""; } .bc-i-Floorball::before { content: ""; } .bc-i-GaelicFootball::before { content: ""; } .bc-i-Golf::before, .bc-i-3320009::before { content: ""; } .bc-i-GrassHockey::before { content: ""; } .bc-i-Gymnastics::before { content: ""; } .bc-i-Handball::before, .bc-i-HandBall::before { content: ""; } .bc-i-Weightlifting::before { content: ""; } .bc-i-AirHockey::before { content: ""; } .bc-i-Cricket::before { content: ""; } .bc-i-BallHockey::before { content: ""; } .bc-i-Hockey::before { content: ""; } .bc-i-Hurling::before { content: ""; } .bc-i-IceHockey::before { content: ""; } .bc-i-Judo::before { content: ""; } .bc-i-Lacross::before { content: ""; } .bc-i-Livemonitor::before, .bc-i-LiveMonitor::before { content: ""; } .bc-i-Lottery::before { content: ""; } .bc-i-Mafia::before { content: ""; } .bc-i-MiniSoccer::before { content: ""; } .bc-i-Greyhounds::before, .bc-i-VirtualGreyhoundRacing::before, .bc-i-4000238::before, .bc-i-420070::before, .bc-i-GreyHounds::before { content: ""; } .bc-i-PMUHorseRacing::before { content: ""; } .bc-i-FutureHorseRacing::before { content: ""; } .bc-i-ModernPentathlon::before { content: ""; } .bc-i-VirtualHorses::before, .bc-i-HorseRacing::before, .bc-i-HorseRacingSpecials::before, .bc-i-VSHorses::before, .bc-i-4000509::before, .bc-i-420071::before { content: ""; } .bc-i-VirtualDogs::before, .bc-i-VirtualHorseRacing::before { content: ""; } .bc-i-Motorsport::before, .bc-i-MotorSport::before { content: ""; } .bc-i-Motorbikes::before, .bc-i-4000239::before { content: ""; } .bc-i-AutoRacing::before, .bc-i-Rally::before, .bc-i-BigCityCars::before, .bc-i-33060323::before { content: ""; } .bc-i-Nascar::before { content: ""; } .bc-i-VirtualDragRacing::before { content: ""; } .bc-i-Formula1::before { content: ""; } .bc-i-Netball::before { content: ""; } .bc-i-WinterOlympics::before { content: ""; } .bc-i-Oscar::before { content: ""; } .bc-i-Pesapallo::before { content: ""; } .bc-i-PokerLive::before { content: ""; } .bc-i-Poker::before { content: ""; } .bc-i-Politics::before { content: ""; } .bc-i-Pool::before { content: ""; } .bc-i-RinkHockey::before { content: ""; } .bc-i-Canoeing::before { content: ""; } .bc-i-Rowing::before { content: ""; } .bc-i-RugbySevens::before { content: ""; } .bc-i-RugbyLeague::before { content: ""; } .bc-i-RugbyUnion::before { content: ""; } .bc-i-Shooting::before { content: ""; } .bc-i-Skeleton::before { content: ""; } .bc-i-Swimming::before { content: ""; } .bc-i-DiscGolf::before { content: ""; } .bc-i-WaterPolo::before, .bc-i-vbet-sport-icons_waterpolo::before { content: ""; } .bc-i-Schwingen::before { content: ""; } .bc-i-FreestyleWrestling::before { content: ""; } .bc-i-GrecoRomanWrestling::before, .bc-i-Wrestling::before, .bc-i-WWE::before { content: ""; } .bc-i-Athletics::before { content: ""; } .bc-i-Luge::before { content: ""; } .bc-i-Speedskating::before, .bc-i-SpeedSkating::before { content: ""; } .bc-i-ShortTrackSpeedSkating::before { content: ""; } .bc-i-Skis::before { content: ""; } .bc-i-AlpineSkiing::before, .bc-i-CrossCountrySkiing::before { content: ""; } .bc-i-SkiJumping::before { content: ""; } .bc-i-UltimateFrisbee::before { content: ""; } .bc-i-NordicCombined::before { content: ""; } .bc-i-Snooker::before { content: ""; } .bc-i-Snowboard::before { content: ""; } .bc-i-VirtualFootballPro::before, .bc-i-400037037::before { content: ""; } .bc-i-SoccerWC2014::before { content: ""; } .bc-i-SpecialBets::before { content: ""; } .bc-i-Speedway::before, .bc-i-SpeedWay::before { content: ""; } .bc-i-SportAndFun::before, .bc-i-carnivalriches::before { content: ""; } .bc-i-Sumo::before { content: ""; } .bc-i-Surfing::before { content: ""; } .bc-i-SynchronisedSwimming::before { content: ""; } .bc-i-Tablehockey::before { content: ""; } .bc-i-Taekwondo::before, .bc-i-vbet-sport-icons_taekwondo::before { content: ""; } .bc-i-Tankbiathlon::before { content: ""; } .bc-i-Telecasts::before, .bc-i-TeleCasts::before { content: ""; } .bc-i-Triathlon::before, .bc-i-vbet-sport-icons_triathlon::before { content: ""; } .bc-i-UltimateFighting::before, .bc-i-Mma::before, .bc-i-SportFight::before, .bc-i-vbet-sport-icons_ultimatefighting::before, .bc-i-UFS::before { content: ""; } .bc-i-Padel::before { content: ""; } .bc-i-Squash::before { content: ""; } .bc-i-VirtualTennis::before, .bc-i-4000236::before { content: ""; } .bc-i-TableTennis::before, .bc-i-vbet-sport-icons_tabletennis::before { content: ""; } .bc-i-missed-penalty::before, .bc-i-MissedPenalty::before { content: ""; } .bc-i-Pickleball::before { content: ""; } .bc-i-ThePenaltyKicks::before { content: ""; } .bc-i-games::before, .bc-i-55::before, .bc-i-Games::before { content: ""; } .bc-i-games-1::before, .bc-i-Dice::before { content: ""; } .bc-i-games-2::before, .bc-i-Dices1::before { content: ""; } .bc-i-penalty::before, .bc-i-penality::before, .bc-i-333::before, .bc-i-Penalty333::before { content: ""; } .bc-i-WhatWhereWhen::before { content: ""; } .bc-i-bet-builder::before, .bc-i-bet-builder-history::before, .bc-i-BetBuilder::before { content: ""; } .bc-i-view-skins::before, .bc-i-ViewSkins::before { content: ""; } .bc-i-layers::before, .bc-i-Skins::before { content: ""; } .bc-i-booking::before, .bc-i-Booking::before { content: ""; } .bc-i-toharmony::before, .bc-i-ToHarmony::before { content: ""; } .bc-i-push-notification-fill::before, .bc-i-PushNotificationF::before, .bc-i-belllink::before, .bc-i-Belllink::before, .bc-i-egtbelllink::before { content: ""; } .bc-i-push-notification-outline::before, .bc-i-PushNotification::before { content: ""; } .bc-i-zoom-in::before, .bc-i-ZoomIn::before { content: ""; } .bc-i-zoom-out::before, .bc-i-ZoomOut::before { content: ""; } .bc-i-slotsforbonuses::before, .bc-i-specialslots::before, .bc-i-SlotsforBonuses::before { content: ""; } .bc-i-promotions::before, .bc-i-Promotions::before { content: ""; } .bc-i-promotions-2::before, .bc-i-Promotions2::before { content: ""; } .bc-i-promotions-3::before, .bc-i-Promotions3::before, .bc-i-tournaments::before, .bc-i-Tournaments::before { content: ""; } .bc-i-gamesoftheweek::before, .bc-i-selectionofthemonth::before, .bc-i-GamesOfTheWeek::before { content: ""; } .bc-i-gamesoftheweekwithvpn::before, .bc-i-GamesOfTheWeekWithVPN::before { content: ""; } .bc-i-jackpotswithvpn::before, .bc-i-JackpotsWithVPN::before { content: ""; } .bc-i-newwithvpn::before, .bc-i-NewWithVPN::before { content: ""; } .bc-i-popularwithvpn::before, .bc-i-PopularWithVPN::before { content: ""; } .bc-i-topwithvpn::before, .bc-i-TopWithVPN::before { content: ""; } .bc-i-promotionswithvpn::before, .bc-i-PromotionsWithVPN::before { content: ""; } .bc-i-chinesegames::before, .bc-i-asiangames::before, .bc-i-ChineseGames::before, .bc-i-easterntreasures::before { content: ""; } .bc-i-livedealer::before, .bc-i-LiveDealer1::before { content: ""; } .bc-i-sportslots::before, .bc-i-SportSlots::before { content: ""; } .bc-i-summerslots::before, .bc-i-SummerSlots::before { content: ""; } .bc-i-fruitslots::before, .bc-i-FruitSlots::before { content: ""; } .bc-i-saintpatrick::before, .bc-i-SaintPatrick::before { content: ""; } .bc-i-deluxe::before, .bc-i-Deluxe::before, .bc-i-evergreenhits::before { content: ""; } .bc-i-aliensandrobots::before, .bc-i-AliensAndRobots::before { content: ""; } .bc-i-vegas::before, .bc-i-Vegas::before { content: ""; } .bc-i-hotgirls::before, .bc-i-ladies::before, .bc-i-HotGirls::before { content: ""; } .bc-i-mythology::before, .bc-i-ancients::before, .bc-i-Mythology::before { content: ""; } .bc-i-fairytaleslots::before, .bc-i-FairyTaleSlots::before { content: ""; } .bc-i-heroesandvillains::before, .bc-i-HeroesAndVillains::before { content: ""; } .bc-i-filmslot::before, .bc-i-FilmSlot::before { content: ""; } .bc-i-420019282::before { content: ""; } .bc-i-adventure::before, .bc-i-adventures::before, .bc-i-Adventure::before { content: ""; } .bc-i-musicslots::before, .bc-i-MusicSlots::before { content: ""; } .bc-i-journey::before, .bc-i-Journey::before { content: ""; } .bc-i-womeninslots::before, .bc-i-WomenInSlots::before { content: ""; } .bc-i-momo-sfavourites::before, .bc-i-MomoSFavourites::before { content: ""; } .bc-i-buddy-transfer::before, .bc-i-BuddyTransfer::before { content: ""; } .bc-i-pascal::before, .bc-i-141419::before, .bc-i-Pascal::before { content: ""; } .bc-i-magic-dice::before, .bc-i-141415::before, .bc-i-MagicDice::before { content: ""; } .bc-i-crypto::before, .bc-i-Crypto::before { content: ""; } .bc-i-bank-card::before, .bc-i-bank-account::before, .bc-i-BankCard::before { content: ""; } .bc-i-bank::before, .bc-i-Bank::before { content: ""; } .bc-i-agent::before, .bc-i-Agent::before { content: ""; } .bc-i-voucher::before, .bc-i-Voucher::before { content: ""; } .bc-i-qr::before, .bc-i-QR::before { content: ""; } .bc-i-100lines::before, .bc-i-100Lines::before { content: ""; } .bc-i-minigames::before, .bc-i-MiniGames::before { content: ""; } .bc-i-skillgames::before, .bc-i-SkillGames1::before { content: ""; } .bc-i-gameShows::before, .bc-i-GameShows::before { content: ""; } .bc-i-jetx::before, .bc-i-400038601::before, .bc-i-JetX::before { content: ""; } .bc-i-fighters-xxx::before, .bc-i-141422::before, .bc-i-FightersXXX::before { content: ""; } .bc-i-one-block::before, .bc-i-OneBlock::before { content: ""; } .bc-i-two-block::before, .bc-i-two-column::before, .bc-i-TwoColumn::before { content: ""; } .bc-i-help::before, .bc-i-Help::before { content: ""; } .bc-i-about::before, .bc-i-About::before { content: ""; } .bc-i-holdthejackpot::before, .bc-i-HoldTheJackpot::before { content: ""; } .bc-i-Ship::before, .bc-i-BattleShip::before, .bc-i-150026::before { content: ""; } .bc-i-multiview::before, .bc-i-MultiView::before { content: ""; } .bc-i-window-two::before, .bc-i-WindowTwo::before { content: ""; } .bc-i-window-one::before, .bc-i-WindowOne::before { content: ""; } .bc-i-dice2::before, .bc-i-141418::before, .bc-i-Dice1::before { content: ""; } .bc-i-LuckyEnvelopes::before { content: ""; } .bc-i-okey::before, .bc-i-508::before, .bc-i-Okey::before { content: ""; } .bc-i-fishing::before, .bc-i-141416::before, .bc-i-4000237::before, .bc-i-Fishing::before { content: ""; } .bc-i-bettinggames::before, .bc-i-4000508::before, .bc-i-4000287::before, .bc-i-BettingGames::before { content: ""; } .bc-i-predictor::before, .bc-i-525::before, .bc-i-Predictor::before { content: ""; } .bc-i-location::before, .bc-i-420015424::before, .bc-i-GeoGuessr::before, .bc-i-Location::before { content: ""; } .bc-i-squad::before, .bc-i-Squad::before { content: ""; } .bc-i-refer-to-friend::before, .bc-i-ReferToRefer::before { content: ""; } .bc-i-standings::before, .bc-i-Standings::before { content: ""; } .bc-i-referee::before, .bc-i-Referee::before { content: ""; } .bc-i-live-chat::before, .bc-i-LiveChat::before { content: ""; } .bc-i-live-chat-v1::before, .bc-i-Headphone::before { content: ""; } .bc-i-user::before, .bc-i-User::before { content: ""; } .bc-i-matches::before, .bc-i-Matches::before { content: ""; } .bc-i-stadium::before, .bc-i-Stadium::before { content: ""; } .bc-i-x50-wheel::before, .bc-i-141414::before, .bc-i-420031086::before, .bc-i-X50Wheel::before { content: ""; } .bc-i-reeloffortune::before, .bc-i-ReelOfFortune::before { content: ""; } .bc-i-wonderwheel::before, .bc-i-WonderWheel::before, .bc-i-wonderwheelslots::before { content: ""; } .bc-i-instantwin::before, .bc-i-InstantWin::before { content: ""; } .bc-i-jackpotmania::before, .bc-i-spingifts::before, .bc-i-JackpotMania::before { content: ""; } .bc-i-mustdropjackpots::before, .bc-i-MustDropJackpots::before { content: ""; } .bc-i-fireblazejackpots::before, .bc-i-FireBlazeJackpots::before, .bc-i-wincard::before, .bc-i-Wincard::before { content: ""; } .bc-i-achievementsslots::before, .bc-i-AchievementsSlots::before { content: ""; } .bc-i-arcadegames::before, .bc-i-ArcadeGames::before { content: ""; } .bc-i-pinnacle::before, .bc-i-vikings::before, .bc-i-Pinnacle::before { content: ""; } .bc-i-esports::before, .bc-i-e-sport::before, .bc-i-E-sports::before, .bc-i-ElectronicSports::before { content: ""; } .bc-i-E-sports-2::before, .bc-i-ESports2::before { content: ""; } .bc-i-mega-jackpot::before, .bc-i-MegaJackpot::before { content: ""; } .bc-i-major-jackpot::before, .bc-i-jackpotplay::before, .bc-i-MajorJackpot::before { content: ""; } .bc-i-minor-jackpot::before, .bc-i-MinorJackpot::before { content: ""; } .bc-i-mini-jackpot::before, .bc-i-MiniJackpot::before { content: ""; } .bc-i-tvgames::before, .bc-i-TvGames::before { content: ""; } .bc-i-tv::before, .bc-i-tv-games::before, .bc-i-TvEmpty::before, .bc-i-Games2::before { content: ""; } .bc-i-tv-2::before, .bc-i-TV2::before { content: ""; } .bc-i-copy::before, .bc-i-Copy::before { content: ""; } .bc-i-authentication::before, .bc-i-two-factor-authentication::before, .bc-i-4000241::before, .bc-i-Authentication::before { content: ""; } .bc-i-not-verified::before, .bc-i-NotVerified::before { content: ""; } .bc-i-verified::before, .bc-i-Verified::before { content: ""; } .bc-i-christmasslots::before, .bc-i-ChristmasSlots::before, .bc-i-christmascollection::before { content: ""; } .bc-i-halloween2018::before, .bc-i-Halloween2018::before { content: ""; } .bc-i-link::before, .bc-i-Link::before { content: ""; } .bc-i-Yachting::before, .bc-i-Yachting2::before { content: ""; } .bc-i-bet-cloud::before, .bc-i-BetCloud::before { content: ""; } .bc-i-region::before { content: ""; } .bc-i-ageofthegods::before, .bc-i-AgeOfTheGods::before { content: ""; } .bc-i-demigods::before, .bc-i-DemiGods::before { content: ""; } .bc-i-exclusive::before, .bc-i-Exclusive::before, .bc-i-brandedgames::before { content: ""; } .bc-i-non-stopdrop::before, .bc-i-NonStopDrop::before { content: ""; } .bc-i-drops-wins::before, .bc-i-drops-winsslots::before, .bc-i-drops-winslivecasino::before, .bc-i-dropandwins::before, .bc-i-DropsWins::before { content: ""; } .bc-i-summerheatpromo::before, .bc-i-hot::before, .bc-i-mostsearched::before, .bc-i-hotslots::before, .bc-i-SummerHeatPromo::before { content: ""; } .bc-i-suggested-bets::before, .bc-i-SuggestedBets::before { content: ""; } .bc-i-results::before, .bc-i-Results1::before { content: ""; } .bc-i-results-1::before, .bc-i-ResultsFavorite::before { content: ""; } .bc-i-results-2::before, .bc-i-Results2::before { content: ""; } .bc-i-exclamation::before, .bc-i-Exclamation::before { content: ""; } .bc-i-remove-round::before, .bc-i-RemoveRound::before { content: ""; } .bc-i-cancel-circle::before, .bc-i-CancelCircle::before { content: ""; } .bc-i-check-circle::before, .bc-i-CheckCircle::before { content: ""; } .bc-i-unsettled::before, .bc-i-Unsettled::before { content: ""; } .bc-i-watch::before, .bc-i-TimeF::before { content: ""; } .bc-i-verify-account::before, .bc-i-VerifyAccount::before, .bc-i-verification-flow::before { content: ""; } .bc-i-BestNetentSlots::before, .bc-i-bestslots::before { content: ""; } .bc-i-filter::before, .bc-i-Filter::before { content: ""; } .bc-i-filter-outline::before { content: ""; } .bc-i-fantasy-sport::before, .bc-i-FantasySport::before { content: ""; } .bc-i-goal::before, .bc-i-Goal::before { content: ""; } .bc-i-substitution::before, .bc-i-Substitution::before { content: ""; } .bc-i-clear::before, .bc-i-Clear::before { content: ""; } .bc-i-buybonus::before, .bc-i-purchaseofbonuses::before, .bc-i-BuyBonus::before { content: ""; } .bc-i-stats::before, .bc-i-PieChart::before { content: ""; } .bc-i-deposit::before, .bc-i-Deposit::before { content: ""; } .bc-i-withdraw::before, .bc-i-Withdraw::before { content: ""; } .bc-i-withdraws::before, .bc-i-Withdraws::before { content: ""; } .bc-i-sent::before, .bc-i-Sent::before { content: ""; } .bc-i-inbox::before, .bc-i-Inbox::before { content: ""; } .bc-i-open-bets::before, .bc-i-OpenBets::before { content: ""; } .bc-i-bet-history::before, .bc-i-BetHistory::before { content: ""; } .bc-i-self-exclusion::before, .bc-i-SelfExclusion::before { content: ""; } .bc-i-time-out::before, .bc-i-TimeOut::before { content: ""; } .bc-i-change-password::before, .bc-i-ChangePassword::before { content: ""; } .bc-i-game-stop::before, .bc-i-GameStop::before { content: ""; } .bc-i-all-games::before, .bc-i-all::before, .bc-i-Grid::before { content: ""; } .bc-i-coupon::before, .bc-i-Coupon::before { content: ""; } .bc-i-promo-code::before, .bc-i-PromoCode::before { content: ""; } .bc-i-apply-promo-code::before, .bc-i-ApplyPromoCode::before { content: ""; } .bc-i-gift-received::before, .bc-i-GiftReceived::before { content: ""; } .bc-i-bonus-casino::before, .bc-i-BonusCasino::before { content: ""; } .bc-i-bonus-sportsbook::before, .bc-i-BonusSportsbook::before { content: ""; } .bc-i-bonus::before, .bc-i-Bonus1::before { content: ""; } .bc-i-bonus-1::before, .bc-i-specialbonuses::before, .bc-i-Bonus2::before, .bc-i-casino-free-chip::before { content: ""; } .bc-i-bonus-request::before, .bc-i-BonusRequest::before { content: ""; } .bc-i-exchange-shop::before, .bc-i-ExchangeShop::before { content: ""; } .bc-i-loyalty-points::before, .bc-i-LoyaltyPointsStar::before { content: ""; } .bc-i-fishing-hunting::before, .bc-i-FishingHunting::before { content: ""; } .bc-i-irishluck::before, .bc-i-IrishLuck::before, .bc-i-luckycharms::before { content: ""; } .bc-i-betconstruct::before, .bc-i-vgs::before, .bc-i-Betconstruct::before { content: ""; } .bc-i-net::before, .bc-i-NETENT::before { content: ""; } .bc-i-psn::before, .bc-i-PSN::before { content: ""; } .bc-i-fgs::before, .bc-i-FGS::before { content: ""; } .bc-i-apg::before, .bc-i-APG::before { content: ""; } .bc-i-rtg::before, .bc-i-RTG::before { content: ""; } .bc-i-egt::before, .bc-i-amusnet::before, .bc-i-amusnet-sgold::before, .bc-i-EGT::before { content: ""; } .bc-i-africabet::before { content: ""; } .bc-i-dlv::before, .bc-i-DLV::before { content: ""; } .bc-i-ppg::before, .bc-i-PPG::before { content: ""; } .bc-i-hbn::before, .bc-i-HBN::before { content: ""; } .bc-i-tpg::before, .bc-i-pragmaticplay::before { content: ""; } .bc-i-mgs::before { content: ""; } .bc-i-ctg::before { content: ""; } .bc-i-egd::before { content: ""; } .bc-i-ppl::before { content: ""; } .bc-i-betfights::before, .bc-i-125157::before, .bc-i-BetFights::before { content: ""; } .bc-i-pasoor::before, .bc-i-500::before, .bc-i-PasoorCards::before { content: ""; } .bc-i-meritbet::before { content: ""; } .bc-i-hokm::before, .bc-i-504::before, .bc-i-HokmCards::before { content: ""; } .bc-i-bettinggames1::before { content: ""; } .bc-i-hokm-1::before, .bc-i-Hokm::before { content: ""; } .bc-i-striker::before, .bc-i-5000001::before, .bc-i-Striker::before { content: ""; } .bc-i-efb::before { content: ""; } .bc-i-ops::before, .bc-i-Ops::before { content: ""; } .bc-i-ocp::before { content: ""; } .bc-i-blast::before, .bc-i-5000000::before, .bc-i-Blast::before { content: ""; } .bc-i-financial::before, .bc-i-14000::before, .bc-i-Financial::before { content: ""; } .bc-i-monti::before, .bc-i-141413::before, .bc-i-Monti::before { content: ""; } .bc-i-crash::before, .bc-i-5000002::before, .bc-i-CrashStatistics::before { content: ""; } .bc-i-plinko::before, .bc-i-102016::before, .bc-i-papara::before, .bc-i-Plinko1::before { content: ""; } .bc-i-mines::before, .bc-i-27117::before, .bc-i-highestmultiplier::before, .bc-i-420031084::before, .bc-i-426634405::before, .bc-i-MinesBomb::before { content: ""; } .bc-i-vr-live-dealer::before, .bc-i-45::before, .bc-i-VrLiveDealer::before { content: ""; } .bc-i-empirelottery::before, .bc-i-400040631::before, .bc-i-EmpireLottery::before { content: ""; } .bc-i-bitupdown::before, .bc-i-3400000::before, .bc-i-BitUpDown::before { content: ""; } .bc-i-aliensmasters::before, .bc-i-570::before, .bc-i-AliensMasters::before { content: ""; } .bc-i-hi-lo::before, .bc-i-big-hilo::before, .bc-i-334::before, .bc-i-HiLo::before { content: ""; } .bc-i-crystal-crush::before, .bc-i-131315::before, .bc-i-CrystalCrush::before { content: ""; } .bc-i-lightning-dice::before, .bc-i-Dices2::before { content: ""; } .bc-i-sic-bo::before, .bc-i-Dices3::before { content: ""; } .bc-i-buffalo-blitz-live-slots::before, .bc-i-BuffaloLiveSlots::before, .bc-i-wildstampede::before { content: ""; } .bc-i-spin-a-win::before, .bc-i-SpinAWin::before { content: ""; } .bc-i-super-sic-bo::before, .bc-i-Dices4::before { content: ""; } .bc-i-deal-or-no-deal::before, .bc-i-DealOrNoDeal::before { content: ""; } .bc-i-monopoly-live::before, .bc-i-MonopolyLive::before { content: ""; } .bc-i-checker::before, .bc-i-checkers::before, .bc-i-88::before, .bc-i-CheckerCrown::before { content: ""; } .bc-i-chingachoong::before, .bc-i-29::before, .bc-i-ChingaChoong::before { content: ""; } .bc-i-ogwil::before, .bc-i-116::before, .bc-i-wildwest::before, .bc-i-Ogwil::before { content: ""; } .bc-i-power-ball::before, .bc-i-771::before, .bc-i-PowerBall::before { content: ""; } .bc-i-poolsbetting::before, .bc-i-152000::before, .bc-i-PoolsBetting::before { content: ""; } .bc-i-zeppelin::before, .bc-i-9010::before, .bc-i-Zeppelin::before { content: ""; } .bc-i-poker-card::before, .bc-i-PokerCard::before { content: ""; } .bc-i-russian-roulette::before, .bc-i-24::before, .bc-i-RussianRoulette::before { content: ""; } .bc-i-talisman::before, .bc-i-1181::before, .bc-i-Talisman::before { content: ""; } .bc-i-zonk::before, .bc-i-3539::before, .bc-i-Zonk::before { content: ""; } .bc-i-28::before { content: ""; } .bc-i-poker-1::before, .bc-i-Poker2::before { content: ""; } .bc-i-poker-2::before, .bc-i-Poker3::before { content: ""; } .bc-i-live::before, .bc-i-Live1::before { content: ""; } .bc-i-live-1::before, .bc-i-Live2::before { content: ""; } .bc-i-live-2::before, .bc-i-Live3::before { content: ""; } .bc-i-live-v1::before, .bc-i-Live4::before { content: ""; } .bc-i-live-3::before { content: ""; } .bc-i-chain-bet::before, .bc-i-ChainBet::before { content: ""; } .bc-i-system-bet::before, .bc-i-SystemBet::before { content: ""; } .bc-i-multiple-bet::before, .bc-i-MultipleBet::before { content: ""; } .bc-i-single-bet::before, .bc-i-SingleBet::before { content: ""; } .bc-i-prematch::before, .bc-i-Prematch1::before { content: ""; } .bc-i-prematch-1::before, .bc-i-Prematch2::before { content: ""; } .bc-i-prematch-2::before, .bc-i-Prematch3::before { content: ""; } .bc-i-prematch-v1::before, .bc-i-PrematchV1::before { content: ""; } .bc-i-time::before, .bc-i-placed::before, .bc-i-login-limit::before, .bc-i-bet-limits::before, .bc-i-limits::before, .bc-i-Time::before, .bc-i-loss-and-session-limits::before { content: ""; } .bc-i-plusIcon::before, .bc-i-expandIcon::before { content: ""; } .bc-i-remove-circle::before, .bc-i-declined::before, .bc-i-RemoveCircle::before { content: ""; } .bc-i-lost::before, .bc-i-Lost::before { content: ""; } .bc-i-won::before, .bc-i-Won::before { content: ""; } .bc-i-refresh::before, .bc-i-Refresh::before { content: ""; } .bc-i-pending::before, .bc-i-Pending::before { content: ""; } .bc-i-repeat::before, .bc-i-Repeat::before { content: ""; } .bc-i-exchange::before, .bc-i-Exchange::before { content: ""; } .bc-i-on-hold::before, .bc-i-OnHold::before { content: ""; } .bc-i-won-return::before, .bc-i-WonReturn::before { content: ""; } .bc-i-lost-return::before, .bc-i-LostReturn::before { content: ""; } .bc-i-returned::before, .bc-i-Returned::before { content: ""; } .bc-i-history::before, .bc-i-session-history::before, .bc-i-History::before { content: ""; } .bc-i-cashed-out::before, .bc-i-CashedOut::before { content: ""; } .bc-i-cash::before, .bc-i-CashCurrency::before { content: ""; } .bc-i-boost1::before, .bc-i-Boost1::before { content: ""; } .bc-i-info::before, .bc-i-Info::before { content: ""; } .bc-i-player-info::before, .bc-i-InfoF::before { content: ""; } .bc-i-add-circle::before, .bc-i-AddCircle::before { content: ""; } .bc-i-transfer::before, .bc-i-Transfer::before { content: ""; } .bc-i-round-arrow-left::before, .bc-i-RoundArrowLeft::before { content: ""; } .bc-i-round-arrow-right::before, .bc-i-RoundArrowRight::before { content: ""; } .bc-i-slots::before, .bc-i-Slots::before { content: ""; } .bc-i-slots-v1::before, .bc-i-SlotsV1::before { content: ""; } .bc-i-sports::before, .bc-i-Sportsbook::before { content: ""; } .bc-i-jackpot::before, .bc-i-Jackpot::before { content: ""; } .bc-i-eye-hidden::before, .bc-i-EyeHidden::before { content: ""; } .bc-i-download::before, .bc-i-Download::before { content: ""; } .bc-i-upload::before, .bc-i-Upload::before { content: ""; } .bc-i-star::before, .bc-i-StarF1::before { content: ""; } .bc-i-favorite::before, .bc-i-Star1::before { content: ""; } .bc-i-upcoming::before, .bc-i-Upcoming::before { content: ""; } .bc-i-datepicker::before, .bc-i-DatePicker::before { content: ""; } .bc-i-dragontiger::before, .bc-i-DragonTiger::before { content: ""; } .bc-i-livekeno::before, .bc-i-keno::before, .bc-i-324::before, .bc-i-150024::before, .bc-i-524::before, .bc-i-420031085::before, .bc-i-420018888::before, .bc-i-420018887::before, .bc-i-LiveKeno::before { content: ""; } .bc-i-rouletteftv::before, .bc-i-RouletteFTV::before { content: ""; } .bc-i-liveroulette::before, .bc-i-LiveRoulette::before { content: ""; } .bc-i-dreamcatcher::before, .bc-i-DreamCatcher::before { content: ""; } .bc-i-liveholdem::before, .bc-i-LiveHoldem::before { content: ""; } .bc-i-livecasino::before, .bc-i-live-casino::before, .bc-i-LiveCasino1::before { content: ""; } .bc-i-live-casino-1::before, .bc-i-LiveDealer2::before { content: ""; } .bc-i-live-casino-2::before, .bc-i-LiveCasino2::before, .bc-i-LiveCasino::before { content: ""; } .bc-i-asianGames::before, .bc-i-AsianGames::before { content: ""; } .bc-i-open-chinese-poker::before, .bc-i-chinese-poker::before, .bc-i-44::before, .bc-i-OpenChinesePoker::before { content: ""; } .bc-i-tablegames::before, .bc-i-TableGames::before { content: ""; } .bc-i-cards::before, .bc-i-Cards::before { content: ""; } .bc-i-side-bet-city::before, .bc-i-SideBetCity::before { content: ""; } .bc-i-football-studio::before, .bc-i-FootballStudio::before { content: ""; } .bc-i-blackjackftv::before, .bc-i-BlackJackFTV::before { content: ""; } .bc-i-baccaratftv::before, .bc-i-BaccaratFTV::before { content: ""; } .bc-i-supersixbaccarat::before, .bc-i-SuperSixBaccarat::before { content: ""; } .bc-i-belote::before, .bc-i-10::before, .bc-i-BeloteCards::before { content: ""; } .bc-i-livepoker::before, .bc-i-LivePoker::before { content: ""; } .bc-i-caribbeanstudpoker::before, .bc-i-CaribbeanStudPoker::before { content: ""; } .bc-i-threecardpoker::before, .bc-i-ThreeCardPoker::before { content: ""; } .bc-i-livebaccarat::before { content: ""; } .bc-i-liveblackjack::before, .bc-i-420033727::before { content: ""; } .bc-i-olympic::before, .bc-i-Olympic::before, .bc-i-sportsmania::before { content: ""; } .bc-i-Betting-bet::before, .bc-i-tournament::before, .bc-i-VirtualFootballLeague::before, .bc-i-populargames::before, .bc-i-400037034::before, .bc-i-426634442::before, .bc-i-Tournament1::before, .bc-i-juegosconbono::before { content: ""; } .bc-i-tournament-2::before, .bc-i-Tournament3::before { content: ""; } .bc-i-casino-tournament-1::before, .bc-i-CasinoTournament::before { content: ""; } .bc-i-tournament-1::before, .bc-i-Tournament2::before { content: ""; } .bc-i-counter-offer::before, .bc-i-CounterOffer::before { content: ""; } .bc-i-freebet::before, .bc-i-FreeBet::before { content: ""; } .bc-i-profit-boost::before, .bc-i-ProfitBoost::before { content: ""; } .bc-i-superbet::before, .bc-i-SuperBet::before { content: ""; } .bc-i-gmail::before, .bc-i-Gmail::before { content: ""; } .bc-i-ok::before, .bc-i-OK::before { content: ""; } .bc-i-blog::before, .bc-i-Blog::before { content: ""; } .bc-i-twitch::before, .bc-i-Twitch::before { content: ""; } .bc-i-reddit::before, .bc-i-Reddit::before { content: ""; } .bc-i-pinterest::before, .bc-i-Pinterest::before { content: ""; } .bc-i-tiktok::before, .bc-i-Tiktok::before { content: ""; } .bc-i-whatsapp::before, .bc-i-Whatsapp::before { content: ""; } .bc-i-vk::before, .bc-i-VK::before { content: ""; } .bc-i-youtube::before, .bc-i-Youtube::before { content: ""; } .bc-i-instagram::before, .bc-i-Instagram::before { content: ""; } .bc-i-telegram::before, .bc-i-Telegram::before { content: ""; } .bc-i-facebook::before, .bc-i-Facebook::before { content: ""; } .bc-i-twitter::before, .bc-i-Twitter::before, .bc-i-X::before { content: ""; } .bc-i-viber::before, .bc-i-Viber::before { content: ""; } .bc-i-skype::before, .bc-i-Skype::before { content: ""; } .bc-i-yellow-card::before, .bc-i-YellowCard::before { content: ""; } .bc-i-imo::before { content: ""; } .bc-i-discord::before { content: ""; } .bc-i-corner::before, .bc-i-Corner::before { content: ""; } .bc-i-chat::before, .bc-i-Chat::before { content: ""; } .bc-i-message::before, .bc-i-confirmation-settings::before, .bc-i-Message::before { content: ""; } .bc-i-balance-management::before, .bc-i-BalanceManagement::before { content: ""; } .bc-i-topslots::before, .bc-i-TopSlots::before { content: ""; } .bc-i-megaways::before, .bc-i-topmegaways::before, .bc-i-MegaWays::before { content: ""; } .bc-i-turkishTables::before, .bc-i-TurkishTables::before { content: ""; } .bc-i-videopoker::before, .bc-i-VideoPoker::before { content: ""; } .bc-i-euro2020slots::before, .bc-i-Euro2020Slots::before { content: ""; } .bc-i-casualgames::before, .bc-i-CasualGames::before { content: ""; } .bc-i-new1::before, .bc-i-newrelease::before, .bc-i-New::before { content: ""; } .bc-i-scratchgames::before, .bc-i-ScratchGames::before { content: ""; } .bc-i-jackpotrain::before { content: ""; } .bc-i-jackpots-1::before, .bc-i-Jackpots2::before { content: ""; } .bc-i-jackpots-2::before, .bc-i-Jackpots3::before { content: ""; } .bc-i-roulette::before, .bc-i-150022::before, .bc-i-150023::before, .bc-i-420072::before, .bc-i-Roulette::before { content: ""; } .bc-i-videoslots::before, .bc-i-VideoSlots::before { content: ""; } .bc-i-cardgames::before, .bc-i-CardGames::before { content: ""; } .bc-i-virtualbetting::before, .bc-i-VirtualBetting1::before { content: ""; } .bc-i-virtualbetting-1::before, .bc-i-VirtualBetting2::before { content: ""; } .bc-i-virtualbetting-2::before, .bc-i-VirtualBetting3::before { content: ""; } .bc-i-tumblr::before, .bc-i-Tumblr::before { content: ""; } .bc-i-tacktics::before, .bc-i-Tacktics::before { content: ""; } .bc-i-betslip::before, .bc-i-Betslip::before { content: ""; } .bc-i-lock::before, .bc-i-Lock::before { content: ""; } .bc-i-frozen::before, .bc-i-Frozen::before { content: ""; } .bc-i-cashback-cashout::before, .bc-i-CashbackCashout::before { content: ""; } .bc-i-money-dollar::before, .bc-i-buyfeature::before, .bc-i-MoneyDollar::before { content: ""; } .bc-i-paper-dollar::before, .bc-i-PaperDollar::before { content: ""; } .bc-i-circle-dollar::before, .bc-i-deposits::before, .bc-i-CircleDollar::before { content: ""; } .bc-i-logout::before, .bc-i-Logout::before { content: ""; } .bc-i-edit::before, .bc-i-Edit::before { content: ""; } .bc-i-attention::before, .bc-i-Attention::before { content: ""; } .bc-i-stream::before, .bc-i-Stream::before { content: ""; } .bc-i-card-football::before, .bc-i-CardFootball::before { content: ""; } .bc-i-players::before, .bc-i-Players::before { content: ""; } .bc-i-team-t-shirt::before, .bc-i-TeamTShirt::before { content: ""; } .bc-i-graph::before, .bc-i-Graph::before { content: ""; } .bc-i-half-time::before, .bc-i-HalfTime::before { content: ""; } .bc-i-head-t-head::before, .bc-i-HeadTHead::before { content: ""; } .bc-i-field-soccer::before, .bc-i-FieldSoccer::before { content: ""; } .bc-i-result::before, .bc-i-Results3::before { content: ""; } .bc-i-field-basketball::before, .bc-i-FieldBasketball::before { content: ""; } .bc-i-block-to-right::before, .bc-i-BlockToRight::before { content: ""; } .bc-i-block-to-left::before, .bc-i-BlockToLeft::before { content: ""; } .bc-i-burger-2::before, .bc-i-BurgerMenu1::before { content: ""; } .bc-i-burger::before, .bc-i-burger-menu::before, .bc-i-BurgerMenu2::before { content: ""; } .bc-i-menu-burger::before { content: ""; } .bc-i-reorder-dots::before, .bc-i-ReorderDots::before { content: ""; } .bc-i-apps::before, .bc-i-Apps::before { content: ""; } .bc-i-search::before, .bc-i-Search1::before { content: ""; } .bc-i-wallet::before, .bc-i-Wallet::before { content: ""; } .bc-i-delete::before, .bc-i-Delete::before { content: ""; } .bc-i-streaming::before, .bc-i-Streaming::before { content: ""; } .bc-i-shorts::before { content: ""; } .bc-i-statistics::before, .bc-i-Statistics::before { content: ""; } .bc-i-linkedin::before, .bc-i-Linkedin::before { content: ""; } .bc-i-android::before, .bc-i-Android::before { content: ""; } .bc-i-app-store::before, .bc-i-AppStore::before { content: ""; } .bc-i-mobile::before, .bc-i-Mobile::before { content: ""; } .bc-i-applications::before, .bc-i-Applications::before { content: ""; } .bc-i-draw::before, .bc-i-Draw::before { content: ""; } .bc-i-eye::before, .bc-i-EyeF::before { content: ""; } .bc-i-eye-no-fill::before, .bc-i-Eye::before { content: ""; } .bc-i-call::before, .bc-i-Call::before { content: ""; } .bc-i-casino::before, .bc-i-Casino1::before { content: ""; } .bc-i-casino-1::before, .bc-i-Casino2::before { content: ""; } .bc-i-casino-2::before, .bc-i-Casino3::before { content: ""; } .bc-i-notification::before, .bc-i-Notification::before { content: ""; } .bc-i-promotion::before, .bc-i-Promotion1::before { content: ""; } .bc-i-settings::before, .bc-i-Settings1::before { content: ""; } .bc-i-swatches::before, .bc-i-Swatches::before { content: ""; } .bc-i-play-circle::before, .bc-i-PlayCircle::before { content: ""; } .bc-i-pause::before, .bc-i-Pause::before { content: ""; } .bc-i-play::before, .bc-i-Play::before { content: ""; } .bc-i-stop::before, .bc-i-Stop::before { content: ""; } .bc-i-checked::before, .bc-i-Checked::before { content: ""; } .bc-i-close-with::before, .bc-i-center::before, .bc-i-CloseWith::before { content: ""; } .bc-i-open-with::before, .bc-i-OpenWith::before { content: ""; } .bc-i-settings1::before, .bc-i-Settings2::before { content: ""; } .bc-i-config::before, .bc-i-Config::before { content: ""; } .bc-i-duplicate::before, .bc-i-Duplicate::before { content: ""; } .bc-i-add::before, .bc-i-Add::before { content: ""; } .bc-i-remove::before, .bc-i-Remove::before { content: ""; } .bc-i-radio-selected::before, .bc-i-RadioSelected::before { content: ""; } .bc-i-radio-unselected::before, .bc-i-RadioUnselected::before { content: ""; } .bc-i-check-box-checked::before, .bc-i-CheckBoxChecked::before { content: ""; } .bc-i-check-box-unchecked::before, .bc-i-CheckBoxUnchecked::before { content: ""; } .bc-i-double-arrow-top::before, .bc-i-DoubleArrowTop::before { content: ""; } .bc-i-double-arrow-bottom::before, .bc-i-DoubleArrowBottom::before { content: ""; } .bc-i-compare-arrows::before, .bc-i-CompareArrows::before { content: ""; } .bc-i-arrow-to::before, .bc-i-ArrowTo::before { content: ""; } .bc-i-arrow-to-left::before, .bc-i-ArrowToLeft::before { content: ""; } .bc-i-arrow-to-right::before, .bc-i-ArrowToRight::before { content: ""; } .bc-i-arrow-back::before, .bc-i-ArrowBack::before { content: ""; } .bc-i-arrow-forward::before, .bc-i-ArrowForward::before { content: ""; } .bc-i-arrow-downward::before, .bc-i-ArrowDownward::before { content: ""; } .bc-i-arrow-upward::before, .bc-i-ArrowUpward::before { content: ""; } .bc-i-small-arrow-left::before, .bc-i-SmallArrowLeft::before { content: ""; } .bc-i-small-arrow-right::before, .bc-i-SmallArrowRight::before { content: ""; } .bc-i-small-arrow-down::before, .bc-i-SmallArrowDown::before { content: ""; } .bc-i-small-arrow-up::before, .bc-i-SmallArrowUp::before { content: ""; } .bc-i-arrow-down::before, .bc-i-ArrowDown::before { content: ""; } .bc-i-arrow-up::before, .bc-i-ArrowUp::before { content: ""; } .bc-i-arrow-drop-down-left::before, .bc-i-ArrowDropDownLeft::before { content: ""; } .bc-i-arrow-drop-down-right::before, .bc-i-ArrowDropDownRight::before { content: ""; } .bc-i-arrow-drop-down-bottom::before, .bc-i-ArrowDropDownBottom::before { content: ""; } .bc-i-sortUpDown::before { content: ""; } .bc-i-arrow-drop-down-up::before, .bc-i-ArrowDropDownUp::before { content: ""; } .bc-i-close-remove::before, .bc-i-CloseRemove::before { content: ""; } .bc-i-lightning::before, .bc-i-Lightning::before { content: ""; } .bc-i-thunderstorm::before, .bc-i-420031921::before, .bc-i-ThunderStorm::before { content: ""; } .bc-i-FlashGames::before { content: ""; } .bc-i-Slot777::before { content: ""; } .bc-i-lotterygames::before, .bc-i-LotteryGames::before { content: ""; } .bc-i-VideoBingo::before, .bc-i-videobingo::before { content: ""; } .bc-i-othergames::before, .bc-i-others::before, .bc-i-OtherGamesDots::before { content: ""; } .bc-i-vertical-toggle::before, .bc-i-VerticalToggle::before { content: ""; } .bc-i-new-icon::before, .bc-i-NewIcon::before { content: ""; } .bc-i-classic_slots_icon::before, .bc-i-classicslots::before, .bc-i-sesbettop20::before, .bc-i-sesbetpopulargames::before, .bc-i-jackpotcards::before, .bc-i-ClassicSlots::before { content: ""; } .bc-i-skill_games::before, .bc-i-SkillGames2::before { content: ""; } .bc-i-topgames::before, .bc-i-highlightsoftheweek::before, .bc-i-TopGames::before { content: ""; } .bc-i-SlotMachine::before { content: ""; } .bc-i-Vip::before, .bc-i-egtdigitaljp::before, .bc-i-VIP::before { content: ""; } .bc-i-Wheel-of-dice::before, .bc-i-WheelOfDice::before { content: ""; } .bc-i-LiveDraw::before { content: "w"; } .bc-i-Search::before, .bc-i-Search2::before { content: ""; } .bc-i-star-radius::before, .bc-i-StarF2::before { content: ""; } .bc-i-Star::before, .bc-i-Star21::before { content: ""; } .bc-i-Star2::before, .bc-i-Star3::before { content: ""; } .bc-i-dailyjackpots::before, .bc-i-DailyJackpots::before { content: ""; } .bc-i-Favorite-2::before, .bc-i-Favorite2::before { content: ""; } .bc-i-Favorite::before, .bc-i-vgsweethearts::before, .bc-i-valentinesdayslots::before, .bc-i-valentine::before, .bc-i-mostliked::before, .bc-i-Favorite1::before, .bc-i-ValentinesDaySlots::before { content: ""; } .bc-i-Favorite-outline::before, .bc-i-FavoriteOutline::before { content: ""; } .bc-i-powerkeno::before, .bc-i-324121::before, .bc-i-426634866::before, .bc-i-PowerKeno::before { content: ""; } .bc-i-wagering-bonus::before, .bc-i-WageringBonus::before { content: ""; } .bc-i-arcade::before, .bc-i-3301632::before, .bc-i-Arcade::before { content: ""; } .bc-i-gogoBanana::before, .bc-i-420014053::before, .bc-i-GogoBanana::before { content: ""; } .bc-i-diamondQuest::before, .bc-i-420014058::before, .bc-i-DiamondQuest::before { content: ""; } .bc-i-plinko1::before, .bc-i-420014051::before, .bc-i-10921::before, .bc-i-Plinko2::before { content: ""; } .bc-i-magicIdol::before, .bc-i-420014052::before, .bc-i-MagicIDol::before { content: ""; } .bc-i-nonStopRoulette::before, .bc-i-141417::before, .bc-i-NonStopRoulette::before { content: ""; } .bc-i-catchMe::before, .bc-i-141426::before, .bc-i-CatchMe::before { content: ""; } .bc-i-nonStopBlackJack::before, .bc-i-161616::before, .bc-i-NonStopBlackJack::before { content: ""; } .bc-i-dreamWheel::before, .bc-i-141425::before, .bc-i-DreamWheel::before { content: ""; } .bc-i-nonStopBaccarat::before, .bc-i-141427::before, .bc-i-NonStopBaccarat::before { content: ""; } .bc-i-turboBaccarat::before, .bc-i-141432::before, .bc-i-TurboBaccarat::before { content: ""; } .bc-i-welcome::before, .bc-i-Welcome::before { content: ""; } .bc-i-calendar::before, .bc-i-today-bets::before, .bc-i-TodayBets::before { content: ""; } .bc-i-fruits::before, .bc-i-endorphinajp::before, .bc-i-Fruits::before { content: ""; } .bc-i-books::before, .bc-i-Books::before { content: ""; } .bc-i-wagerslots::before, .bc-i-WagerSlots::before { content: ""; } .bc-i-egypt::before, .bc-i-Egypt::before { content: ""; } .bc-i-popular::before, .bc-i-Popular::before { content: ""; } .bc-i-footballStreakChampions::before, .bc-i-400037044::before, .bc-i-426633697::before, .bc-i-FootballStreakChampions::before { content: ""; } .bc-i-virtualFootballLeague::before, .bc-i-400037043::before, .bc-i-420019060::before, .bc-i-420033862::before, .bc-i-420040039::before, .bc-i-VirtualFootballLeague1::before { content: ""; } .bc-i-greyhoundsStreak::before, .bc-i-40009992::before, .bc-i-dogs::before, .bc-i-GreyHoundsStreak::before { content: ""; } .bc-i-horsesStreak::before, .bc-i-400037040::before, .bc-i-420015961::before, .bc-i-HorsesStreak::before { content: ""; } .bc-i-footballPenaltyDuel::before, .bc-i-40009991::before, .bc-i-420015962::before, .bc-i-420015963::before, .bc-i-FootballPenaltyDuel::before { content: ""; } .bc-i-footballCupWorld::before, .bc-i-400037060::before, .bc-i-FootballCupWorld::before { content: ""; } .bc-i-scratch-card::before, .bc-i-ScratchCard::before { content: ""; } .bc-i-Print::before { content: ""; } .bc-i-worldcup2022::before, .bc-i-WorldCup2022::before { content: ""; } .bc-i-icons-feed-throwin::before, .bc-i-throw_in::before, .bc-i-IconsFeedThrowin::before { content: ""; } .bc-i-icons-feed-offside::before, .bc-i-offside::before, .bc-i-IconsFeedOffside::before { content: ""; } .bc-i-foul::before, .bc-i-Foul::before { content: ""; } .bc-i-Pelota::before { content: ""; } .bc-i-newyear::before, .bc-i-newyearspecialslotmultipliertournament::before, .bc-i-xmas::before, .bc-i-newyearsbash::before, .bc-i-newyearrace::before, .bc-i-christmasgamesonvbet::before { content: ""; } .bc-i-electric-crash::before, .bc-i-420014070::before { content: ""; } .bc-i-turbo-belote::before, .bc-i-33060318::before { content: ""; } .bc-i-hilo::before, .bc-i-420014065::before { content: ""; } .bc-i-double-wheel::before, .bc-i-141428::before { content: ""; } .bc-i-drift::before, .bc-i-141430::before { content: ""; } .bc-i-specialgames::before { content: ""; } .bc-i-buy-bonus-slots::before { content: ""; } .bc-i-medium::before { content: ""; } .bc-i-lucky-lotto::before, .bc-i-151516::before { content: ""; } .bc-i-mines1::before, .bc-i-33060324::before { content: ""; } .bc-i-420014075::before { content: ""; } .bc-i-Multi::before { content: ""; } .bc-i-keno1::before, .bc-i-12500::before, .bc-i-12501::before, .bc-i-12502::before, .bc-i-12503::before, .bc-i-12507::before, .bc-i-12508::before, .bc-i-420015766::before { content: ""; } .bc-i-pokerTH::before, .bc-i-12505::before { content: ""; } .bc-i-roulette1::before, .bc-i-12511::before, .bc-i-12512::before, .bc-i-12513::before, .bc-i-12514::before, .bc-i-12509::before { content: ""; } .bc-i-redlottery::before, .bc-i-12504::before { content: ""; } .bc-i-lotto-7-49::before, .bc-i-420015794::before { content: ""; } .bc-i-lotto-6-42::before, .bc-i-420015793::before { content: ""; } .bc-i-lotto-5-36::before, .bc-i-420015792::before { content: ""; } .bc-i-features::before { content: ""; } .bc-i-extrachance::before { content: ""; } .bc-i-occupation::before { content: ""; } .bc-i-show-all-categories::before { content: ""; } .bc-i-aviatrix::before, .bc-i-3606::before, .bc-i-Aviatrix1::before { content: ""; } .bc-i-JacksOrBetter::before, .bc-i-420015509::before { content: ""; } .bc-i-nonStopMatch::before, .bc-i-33060326::before { content: ""; } .bc-i-OddBall::before, .bc-i-33060314::before { content: ""; } .bc-i-champion-challenge::before, .bc-i-33060319::before, .bc-i-euro2024::before { content: ""; } .bc-i-turbo-blackjack::before, .bc-i-33060316::before { content: ""; } .bc-i-spaceman::before, .bc-i-400043028::before { content: ""; } .bc-i-BTC::before { content: ""; } .bc-i-ETH::before { content: ""; } .bc-i-TUS::before { content: ""; } .bc-i-LTC::before { content: ""; } .bc-i-FTN::before, .bc-i-ftnjackpotdrop::before, .bc-i-ftnmania::before { content: ""; } .bc-i-dog6::before, .bc-i-420015960::before { content: ""; } .bc-i-achievement::before { content: ""; } .bc-i-crashgamesur::before, .bc-i-crashgames::before { content: ""; } .bc-i-blast1::before, .bc-i-33060327::before { content: ""; } .bc-i-crazyWorm::before, .bc-i-33060325::before { content: ""; } .bc-i-stairs::before, .bc-i-420015275::before { content: ""; } .bc-i-Diia::before { content: ""; } .bc-i-fastTrade::before, .bc-i-141429::before { content: ""; } .bc-i-crash1::before, .bc-i-33060328::before { content: ""; } .bc-i-amigosFestival::before, .bc-i-400040635::before { content: ""; } .bc-i-goldenGlobe::before, .bc-i-400040633::before { content: ""; } .bc-i-jungleHashs::before, .bc-i-400040634::before { content: ""; } .bc-i-hotkwachagames::before { content: ""; } .bc-i-zambiagames::before { content: ""; } .bc-i-lowdatagames::before { content: ""; } .bc-i-view-list::before { content: ""; } .bc-i-view-module::before { content: ""; } .bc-i-menu-open::before { content: ""; } .bc-i-menu-close::before { content: ""; } .bc-i-rule::before { content: ""; } .bc-i-leaderboard::before { content: ""; } .bc-i-user1::before { content: ""; } .bc-i-bonus1::before { content: ""; } .bc-i-exclusivetotimebet::before { content: ""; } .bc-i-monthlymostpreferredslots::before { content: ""; } .bc-i-420015434::before, .bc-i-777poker::before { content: ""; } .bc-i-3150::before, .bc-i-space-taxi::before { content: ""; } .bc-i-420018881::before, .bc-i-instant-keno::before { content: ""; } .bc-i-420015499::before, .bc-i-striker1::before { content: ""; } .bc-i-trusted::before { content: ""; } .bc-i-connect-wallet::before { content: ""; } .bc-i-express-the-day::before { content: ""; } .bc-i-pragmaticplayjackpot::before { content: ""; } .bc-i-PUBGMobile::before { content: ""; } .bc-i-aviator::before, .bc-i-806666::before { content: ""; } .bc-i-stage::before { content: ""; } .bc-i-home::before { content: ""; } .bc-i-andarBahar::before, .bc-i-420016246::before { content: ""; } .bc-i-shumba::before, .bc-i-161617::before { content: ""; } .bc-i-xLogo::before, .bc-i-hacksawexclusive::before { content: ""; } .bc-i-misio::before, .bc-i-Misio::before { content: ""; } .bc-i-threads::before { content: ""; } .bc-i-betslip-icon::before { content: ""; } .bc-i-prizes::before { content: ""; } .bc-i-summertime::before, .bc-i-SummerTime::before { content: ""; } .bc-i-profits::before { content: ""; } .bc-i-fast-news::before { content: ""; } .bc-i-keno2::before, .bc-i-420015425::before { content: ""; } .bc-i-touch-me::before, .bc-i-420016327::before { content: ""; } .bc-i-keno10::before, .bc-i-420018919::before { content: ""; } .bc-i-limbo::before, .bc-i-420015419::before { content: ""; } .bc-i-420018918::before, .bc-i-keno8::before { content: ""; } .bc-i-blackjack-crypto::before, .bc-i-420015421::before { content: ""; } .bc-i-winball::before, .bc-i-10918::before { content: ""; } .bc-i-penalty1::before, .bc-i-10917::before { content: ""; } .bc-i-formula1::before, .bc-i-10914::before { content: ""; } .bc-i-greyhound-racing::before, .bc-i-10915::before, .bc-i-SISGreyhound::before { content: ""; } .bc-i-wow-bow::before, .bc-i-10919::before { content: ""; } .bc-i-horse-racing::before, .bc-i-10916::before { content: ""; } .bc-i-boombasket::before, .bc-i-10912::before { content: ""; } .bc-i-darts::before, .bc-i-10913::before { content: ""; } .bc-i-boomball::before, .bc-i-10911::before { content: ""; } .bc-i-striker2::before, .bc-i-10920::before { content: ""; } .bc-i-thunder::before, .bc-i-10910::before { content: ""; } .bc-i-Quake::before { content: ""; } .bc-i-blackjack::before, .bc-i-LiveBlackJack::before { content: ""; } .bc-i-baccarat::before, .bc-i-LiveBaccarat::before { content: ""; } .bc-i-indianTables::before { content: ""; } .bc-i-soundcloud::before { content: ""; } .bc-i-poker::before, .bc-i-Poker1::before { content: ""; } .bc-i-virtual-races::before, .bc-i-420030744::before { content: ""; } .bc-i-instant-euroleague-legends::before, .bc-i-420018930::before { content: ""; } .bc-i-nascar-streak::before, .bc-i-420018929::before { content: ""; } .bc-i-archive::before { content: ""; } .bc-i-the-power-of-choice::before, .bc-i-ThePowerOfChoice::before { content: ""; } .bc-i-chance-to-change-blackjack::before, .bc-i-420016236::before { content: ""; } .bc-i-red-hot-line::before, .bc-i-420030856::before { content: ""; } .bc-i-crash-crypto::before, .bc-i-420015420::before { content: ""; } .bc-i-dice1::before, .bc-i-420015423::before { content: ""; } .bc-i-cryptogames::before { content: ""; } .bc-i-stake-and-earn::before { content: ""; } .bc-i-ClashofClans::before { content: ""; } .bc-i-world::before, .bc-i-World::before { content: ""; } .bc-i-whistle::before { content: ""; } .bc-i-stadium1::before { content: ""; } .bc-i-playoff::before { content: ""; } .bc-i-burger-menu2::before { content: ""; } .bc-i-winlandia::before, .bc-i-Winlandia::before { content: ""; } .bc-i-betonpoker::before, .bc-i-420030789::before { content: ""; } .bc-i-ninjafruitcubes::before, .bc-i-420031768::before { content: ""; } .bc-i-luckyspin::before, .bc-i-420032901::before { content: ""; } .bc-i-bonuswagering::before, .bc-i-bonusslots::before { content: ""; } .bc-i-returned1::before { content: ""; } .bc-i-calculate::before { content: ""; } .bc-i-Bowling::before { content: ""; } .bc-i-green-start::before, .bc-i-GreenStart::before { content: ""; } .bc-i-euro::before, .bc-i-Euro::before { content: ""; } .bc-i-trash::before { content: ""; } .bc-i-add-row::before { content: ""; } .bc-i-add-column::before, .bc-i-layouts::before { content: ""; } .bc-i-rewards::before { content: ""; } .bc-i-Vaquejada::before { content: ""; } .bc-i-X1Football::before { content: ""; } .bc-i-aviatrix-1::before, .bc-i-Aviatrix2::before { content: ""; } .bc-i-search-request::before { content: ""; } .bc-i-bring-friend::before { content: ""; } .bc-i-zeppelin-1::before { content: ""; } .bc-i-elementarDragonScore::before { content: ""; } .bc-i-towerScore::before { content: ""; } .bc-i-inhibitor::before { content: ""; } .bc-i-killScore::before { content: ""; } .bc-i-baronScore::before { content: ""; } .bc-i-share::before { content: ""; } .bc-i-easter::before { content: ""; } .bc-i-hoory::before { content: ""; } .bc-i-draggable::before { content: ""; } .bc-i-belllinkjackpot::before { content: ""; } .bc-i-community::before { content: ""; } .bc-i-crashosaurus::before, .bc-i-426633798::before { content: ""; } .bc-i-RedHotLine2::before, .bc-i-420032827::before { content: ""; } .bc-i-dice3::before, .bc-i-426634207::before { content: ""; } .bc-i-CrashExtreme::before, .bc-i-420033385::before { content: ""; } .bc-i-CrashInfinity::before, .bc-i-420033108::before, .bc-i-crash-infinity::before, .bc-i-almancrash::before { content: ""; } .bc-i-FootballCup::before, .bc-i-426634205::before { content: ""; } .bc-i-hooryAI-stars::before { content: ""; } .bc-i-crownslots::before { content: ""; } .bc-i-sloteuro2024::before { content: ""; } .bc-i-euro-cup::before, .bc-i-EuroCup::before { content: ""; } .bc-i-FastFlip::before, .bc-i-420030656::before { content: ""; } .bc-i-new::before { content: ""; } .bc-i-bftharena::before, .bc-i-BFTH-arena::before { content: ""; } .bc-i-Slap::before { content: ""; } .bc-i-copa-america::before, .bc-i-CopaAmerica::before { content: ""; } .bc-i-heylink::before { content: ""; } .bc-i-virtualbetting-3::before, .bc-i-VirtualBetting4::before { content: ""; } .bc-i-ortak::before, .bc-i-Ortak::before { content: ""; } .bc-i-Breaking::before { content: ""; } .bc-i-casinowelcomebonus::before { content: ""; } .bc-i-running-line-star::before { content: ""; } .bc-i-bigbassgames::before { content: ""; } .bc-i-Camogie::before { content: ""; } .bc-i-pool-masters::before, .bc-i-PoolMasters::before { content: ""; } .bc-i-freespin::before { content: ""; } .bc-i-yiriwa::before { content: ""; } .bc-i-jackpots::before, .bc-i-Jackpots1::before { content: ""; } .bc-i-galabetspecial::before, .bc-i-brazilianTables::before { content: ""; } .bc-i-delete1::before { content: ""; } .bc-i-desktopView::before { content: ""; } .bc-i-mobileView::before { content: ""; } .bc-i-slingo::before { content: ""; } .bc-i-stepBack::before { content: ""; } .bc-i-betongames::before { content: ""; } .bc-i-playtech::before { content: ""; } .bc-i-gameshows::before { content: ""; } .bc-i-crashBall::before, .bc-i-420015433::before { content: ""; } .bc-i-miniGames::before, .bc-i-1666::before { content: ""; } .bc-i-fishing1::before, .bc-i-420015431::before { content: ""; } .bc-i-coinFlipper::before, .bc-i-420015430::before { content: ""; } .bc-i-plinko11::before, .bc-i-420015418::before { content: ""; } .bc-i-poker-ko::before { content: ""; } .bc-i-hilo1::before, .bc-i-420015422::before { content: ""; } .bc-i-aviatrixMRFirst::before, .bc-i-426636977::before { content: ""; } .bc-i-drift1::before, .bc-i-420015432::before { content: ""; } .bc-i-layers1::before { content: ""; } .bc-i-aviatrixFTN::before, .bc-i-420031266::before { content: ""; } .bc-i-roulette2::before, .bc-i-420015426::before { content: ""; } .bc-i-aviaStar::before, .bc-i-400038649::before { content: ""; } .bc-i-tikiQuest::before, .bc-i-426636592::before { content: ""; } .bc-i-hotCricket::before, .bc-i-420031607::before { content: ""; } .bc-i-dailywinsslots::before { content: ""; } .bc-i-fruits-vegetables::before { content: ""; } .bc-i-superBetoCrash::before, .bc-i-426636721::before { content: ""; } .bc-i-moneyLocker::before, .bc-i-420015429::before { content: ""; } .bc-i-lucky5::before, .bc-i-9002::before { content: ""; } .bc-i-mines2::before, .bc-i-420015428::before { content: ""; } .bc-i-highFlyer::before, .bc-i-426636687::before { content: ""; } .bc-i-baccarat1::before, .bc-i-420015427::before { content: ""; } .bc-i-gravity::before, .bc-i-420033335::before { content: ""; } .bc-i-skyward::before, .bc-i-420032120::before { content: ""; } .bc-i-magic::before { content: ""; } .bc-i-mystery::before { content: ""; } .bc-i-megacandyfestivalcashrain::before { content: ""; } .bc-i-spingift::before { content: ""; } .bc-i-account-closure::before { content: ""; } .bc-i-pin::before { content: ""; } .bc-i-Osu::before { content: ""; } .bc-i-brasil::before { content: ""; } .bc-i-christmas::before { content: ""; } .bc-i-horseRacing1::before, .bc-i-HorseRacingF::before { content: ""; } .bc-i-safer::before, .bc-i-Safer::before { content: ""; } .bc-i-promotion1::before, .bc-i-Promotion2::before { content: ""; } .bc-i-freeToPlay::before, .bc-i-FreeToPlay::before { content: ""; } .bc-i-casino4::before, .bc-i-amusnetexclusive::before, .bc-i-CasinoCrown::before, .bc-i-nanovipslot::before { content: ""; } .bc-i-endorphinasdrops::before { content: ""; } .bc-i-brand-new::before { content: ""; } .bc-i-Deadlock::before { content: ""; } .bc-i-extrarecommended::before, .bc-i-extrabetexclusive::before { content: ""; } .bc-i-all-games1::before { content: ""; } .bc-i-sort::before, .bc-i-sort-down::before { content: ""; } .bc-i-sort-up::before, .bc-i-SortUp::before { content: ""; } .bc-i-yophone::before { content: ""; } .bc-i-achat::before { content: ""; } .bc-i-chinesenewyear::before, .bc-i-toubiji::before { content: ""; } .bc-i-india::before { content: ""; } .bc-i-racing::before { content: ""; } .bc-i-horses::before { content: ""; } .bc-i-padishahbetoriginals::before { content: ""; } .bc-i-compra::before { content: ""; } .bc-i-egtvipbelllink::before { content: ""; } .bc-i-instantVirtual::before { content: ""; } .bc-i-farsiTables::before { content: ""; } .bc-i-africa::before { content: ""; } .bc-i-gold::before { content: ""; } .bc-i-stvalentine::before { content: ""; } .bc-i-Entertainment::before { content: ""; } .bc-i-valentine-sday::before, .bc-i-spinsoflove::before { content: ""; } .bc-i-Hezarfen::before, .bc-i-426636210::before { content: ""; } .bc-i-crashpoki::before, .bc-i-500000203::before { content: ""; } .bc-i-pages::before { content: ""; } .bc-i-ortakshort::before { content: ""; } .bc-i-exclusivegames::before { content: ""; } .bc-i-coins::before { content: ""; } .bc-i-tiktak::before { content: ""; } .bc-i-trebuchet::before { content: ""; } .bc-i-dice::before, .bc-i-Dice11::before { content: ""; } .bc-i-Snowboarding::before { content: ""; } .bc-i-FreestyleSkiing::before { content: ""; } .bc-i-sort-a-z::before { content: ""; } .bc-i-tournamentgames::before { content: ""; } .bc-i-bigwin::before { content: ""; } .bc-i-onlyinmaxibet::before { content: ""; } .bc-i-recent::before { content: ""; } .bc-i-backgammon::before, .bc-i-11::before, .bc-i-Backgammon::before { content: ""; } .bc-i-blueSky::before { content: ""; } .bc-i-vbetBank::before { content: ""; } .bc-i-vip::before { content: ""; } .bc-i-plane::before, .bc-i-500000397::before, .bc-i-avi::before, .bc-i-Plane::before { content: ""; } .bc-i-goldencoinslinkjackpot::before, .bc-i-goldencoinslink::before { content: ""; } .bc-i-basketballPlayer::before { content: ""; } .bc-i-depositWheel::before, .bc-i-deposit-wheel-tab::before { content: ""; } .bc-i-hotgames::before { content: ""; } .bc-i-smartsoft::before { content: ""; } .bc-i-doublejackpot::before { content: ""; } .bc-i-kalambakashdrops::before { content: ""; } .bc-i-aviator-2::before, .bc-i-500008265::before { content: ""; } .bc-i-FifaClubWorld::before { content: ""; } .bc-i-vbetoriginals::before, .bc-i-VbetOriginals::before { content: ""; } .bc-i-Aviabet::before, .bc-i-500000674::before { content: ""; } .bc-i-GatesOfPower::before, .bc-i-500000948::before { content: ""; } .bc-i-Tower::before, .bc-i-426634715::before { content: ""; } .bc-i-LuckyDeal::before, .bc-i-426634067::before { content: ""; } .bc-i-scratchplay::before { content: ""; } .bc-i-cloverchance::before { content: ""; } .bc-i-PhoneFieldType::before { content: ""; } .bc-i-egtdigital::before, .bc-i-Egtdigital::before { content: ""; } .bc-i-vipbelllink::before, .bc-i-Vipbelllink::before { content: ""; } .bc-i-belllink1::before, .bc-i-Belllink1::before { content: ""; } .bc-i-goldencoinslinkjp::before { content: ""; } .bc-i-betnanoexclusive::before { content: ""; } .bc-i-Tekken7::before { content: ""; } .bc-i-TeamfightTactics::before { content: ""; } .bc-i-full-screen::before, .bc-i-FullScreen::before { content: ""; } .bc-i-collapse-fullscreen::before, .bc-i-CollapseFullscreen::before { content: ""; } .bc-i-resize-full-screen::before, .bc-i-ResizeFullscreen::before { content: ""; } .bc-i-investBook::before, .bc-i-invest-book-history::before { content: ""; } .bc-i-github::before, .bc-i-Github::before { content: ""; } .bc-i-discover::before, .bc-i-Discover::before, .bc-i-colorburst::before { content: ""; } .bc-i-Fortnite::before { content: ""; } .bc-i-Armwrestling::before { content: ""; } .bc-i-StreetFighterV::before { content: ""; } .bc-i-rubyplay::before, .bc-i-RubyPlay::before { content: ""; } .bc-i-koalagames::before, .bc-i-KoalaGames::before { content: ""; } .bc-i-mysterybooster::before, .bc-i-MysteryBooster::before { content: ""; } .bc-i-spinomania::before, .bc-i-Spinomania::before, .bc-i-spinexpress::before { content: ""; } .bc-i-turbowins::before { content: ""; } .bc-i-bonusbooming::before { content: ""; } .bc-i-amusnetjackpotgames::before { content: ""; } .bc-i-halloween::before, .bc-i-Halloween::before { content: ""; } .bc-i-OrtakPlus::before { content: ""; } .bc-i-Bodybuilding::before { content: ""; } .bc-i-amusnetcoins::before, .bc-i-Amusnetcoins::before { content: ""; } .bc-i-Banker::before { content: ""; } .bc-i-boost::before, .bc-i-Boost::before { content: ""; } .bc-i-booster::before, .bc-i-Booster::before { content: ""; } .bc-i-nlcasinotest::before, .bc-i-Nlcasinotest::before { content: ""; } .bc-i-pragmaticjp::before, .bc-i-PragmaticJp::before { content: ""; } .bc-i-turnuva::before, .bc-i-Turnuva::before { content: ""; } .bc-i-instantlink::before, .bc-i-instantLink::before { content: ""; } .bc-i-dutchTables::before { content: ""; } .bc-i-Spinandwin::before, .bc-i-spinandwin::before { content: ""; } .bc-i-Vipgoldencoins::before, .bc-i-vipgoldencoins::before { content: ""; } .bc-i-vipslot::before, .bc-i-vipSlot::before { content: ""; } .bc-i-romangames::before { content: ""; } .bc-i-festival::before { content: ""; } .bc-i-kingsday::before { content: ""; } .bc-i-oranjejackpot::before { content: ""; } .bc-i-xmasgames::before { content: ""; } .bc-i-fruitsgames::before { content: ""; } .bc-i-dice-game::before { content: ""; } .bc-i-egtdigitaltournament::before { content: ""; } .bc-i-amusnettournament::before { content: ""; } .bc-i-jackpotcard::before { content: ""; } .bc-i-spribeexclusive::before { content: ""; } .bc-i-popokstorm::before { content: ""; } .bc-i-vikingsslots::before { content: ""; } .bc-i-bookofslots::before { content: ""; } .bc-i-egyptianslots::before, .bc-i-arabicslot::before { content: ""; } .bc-i-joker::before { content: ""; } .bc-i-bacon::before { content: ""; } .bc-i-fantasy::before { content: ""; } .bc-i-football::before { content: ""; } .bc-i-animalslots::before, .bc-i-animalkingdom::before { content: ""; } .bc-i-AiChatIconStars::before { content: ""; } .bc-i-RoshanScore::before, .bc-i-roshanScore::before { content: ""; } .bc-i-BarrackScore::before, .bc-i-barrackScore::before { content: ""; } .bc-i-TormentorScore::before, .bc-i-tormentorScore::before { content: ""; } .bc-i-prizedrop::before { content: ""; } .bc-i-blockIcon::before { content: ""; } .bc-i-wintertime::before { content: ""; } .bc-i-vikingriches::before { content: ""; } .bc-i-recommendations::before { content: ""; } .bc-i-p2p::before { content: ""; } .bc-i-lottery::before { content: ""; } .bc-i-tableGames::before { content: ""; } .bc-i-cryptoGames::before { content: ""; } .bc-i-freespinclub::before { content: ""; } .bc-i-pcg::before, .bc-i-pascalGaming::before { content: ""; } .bc-i-vbetgames::before { content: ""; } .bc-i-arabicTables::before { content: ""; } .bc-i-jackpotstar::before { content: ""; } .bc-i-vipslots::before { content: ""; } .bc-i-grandprix::before { content: ""; } .bc-i-eastergames::before { content: ""; } .bc-i-Standoff2::before { content: ""; } .bc-i-VivaroFingers::before, .bc-i-social-details::before, .bc-i-SocialDetails::before { content: ""; } .bc-i-RussianPyramid::before { content: ""; } .bc-i-vivarome::before { content: ""; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { box-sizing: border-box; vertical-align: baseline; background: 0px 0px; border: 0px; outline: 0px; margin: 0px; padding: 0px; font-size: 100%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: none; font-family: Arial, Helvetica, sans-serif; } :focus { outline: 0px; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0px; } a { text-decoration: none; } abbr[title] { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-decoration: underline dotted; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; font-family: inherit; font-size: 100%; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { appearance: button; } [type="date"] { appearance: none; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; } [type="number"]::-webkit-inner-spin-button { appearance: none; height: auto; } [type="number"]::-webkit-outer-spin-button { appearance: none; height: auto; } [type="search"] { appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template, [hidden] { display: none; } input:-webkit-autofill { -webkit-text-fill-color: rgba(var(--b-sc), 1); box-shadow: 0 0 0 1000px rgba(var(--b-sc), .12) inset; background-clip: text; transition: background-color 5000s ease-in-out; } input:-webkit-autofill:hover { -webkit-text-fill-color: rgba(var(--b-sc), 1); box-shadow: 0 0 0 1000px rgba(var(--b-sc), .12) inset; background-clip: text; transition: background-color 5000s ease-in-out; } input:-webkit-autofill:focus { -webkit-text-fill-color: rgba(var(--b-sc), 1); box-shadow: 0 0 0 1000px rgba(var(--b-sc), .12) inset; background-clip: text; transition: background-color 5000s ease-in-out; } textarea:-webkit-autofill { -webkit-text-fill-color: rgba(var(--b-sc), 1); box-shadow: 0 0 0 1000px rgba(var(--b-sc), .12) inset; background-clip: text; transition: background-color 5000s ease-in-out; } textarea:-webkit-autofill:hover { -webkit-text-fill-color: rgba(var(--b-sc), 1); box-shadow: 0 0 0 1000px rgba(var(--b-sc), .12) inset; background-clip: text; transition: background-color 5000s ease-in-out; } textarea:-webkit-autofill:focus { -webkit-text-fill-color: rgba(var(--b-sc), 1); box-shadow: 0 0 0 1000px rgba(var(--b-sc), .12) inset; background-clip: text; transition: background-color 5000s ease-in-out; } select:-webkit-autofill { -webkit-text-fill-color: rgba(var(--b-sc), 1); box-shadow: 0 0 0 1000px rgba(var(--b-sc), .12) inset; background-clip: text; transition: background-color 5000s ease-in-out; } select:-webkit-autofill:hover { -webkit-text-fill-color: rgba(var(--b-sc), 1); box-shadow: 0 0 0 1000px rgba(var(--b-sc), .12) inset; background-clip: text; transition: background-color 5000s ease-in-out; } select:-webkit-autofill:focus { -webkit-text-fill-color: rgba(var(--b-sc), 1); box-shadow: 0 0 0 1000px rgba(var(--b-sc), .12) inset; background-clip: text; transition: background-color 5000s ease-in-out; } span[role="img"] { filter: invert(0.5); } @font-face { font-family: Roboto; src: local("Roboto"), url("/fonts/default/Roboto-Regular.woff2?v=368") format("woff2"), url("/fonts/default/Roboto-Regular.woff?v=368") format("woff"), url("/fonts/default/Roboto-Regular.ttf?v=368") format("truetype"), url("/fonts/default/Roboto-Regular.eot?v=368"); font-weight: 400; font-style: normal; font-display: fallback; } @font-face { font-family: Roboto; src: local("Roboto"), url("/fonts/default/Roboto-RegularItalic.woff2?v=368") format("woff2"), url("/fonts/default/Roboto-RegularItalic.woff?v=368") format("woff"), url("/fonts/default/Roboto-RegularItalic.ttf?v=368") format("truetype"), url("/fonts/default/Roboto-RegularItalic.eot?v=368"); font-weight: 400; font-style: italic; font-display: fallback; } @font-face { font-family: Roboto; src: local("Roboto"), url("/fonts/default/Roboto-Medium.woff2?v=368") format("woff2"), url("/fonts/default/Roboto-Medium.woff?v=368") format("woff"), url("/fonts/default/Roboto-Medium.ttf?v=368") format("truetype"), url("/fonts/default/Roboto-Medium.eot?v=368"); font-weight: 500; font-style: normal; font-display: fallback; } @font-face { font-family: Roboto; src: local("Roboto"), url("/fonts/default/Roboto-MediumItalic.woff2?v=368") format("woff2"), url("/fonts/default/Roboto-MediumItalic.woff?v=368") format("woff"), url("/fonts/default/Roboto-MediumItalic.ttf?v=368") format("truetype"), url("/fonts/default/Roboto-MediumItalic.eot?v=368"); font-weight: 500; font-style: italic; font-display: fallback; } @font-face { font-family: Roboto; src: local("Roboto"), url("/fonts/default/Roboto-SemiBold.woff2?v=368") format("woff2"), url("/fonts/default/Roboto-SemiBold.woff?v=368") format("woff"), url("/fonts/default/Roboto-SemiBold.ttf?v=368") format("truetype"), url("/fonts/default/Roboto-SemiBold.eot?v=368"); font-weight: 600; font-style: normal; font-display: fallback; } @font-face { font-family: Roboto; src: local("Roboto"), url("/fonts/default/Roboto-SemiBoldItalic.woff2?v=368") format("woff2"), url("/fonts/default/Roboto-SemiBoldItalic.woff?v=368") format("woff"), url("/fonts/default/Roboto-SemiBoldItalic.ttf?v=368") format("truetype"), url("/fonts/default/Roboto-SemiBoldItalic.eot?v=368"); font-weight: 600; font-style: italic; font-display: fallback; } @font-face { font-family: Roboto; src: local("Roboto"), url("/fonts/default/Roboto-Bold.woff2?v=368") format("woff2"), url("/fonts/default/Roboto-Bold.woff?v=368") format("woff"), url("/fonts/default/Roboto-Bold.ttf?v=368") format("truetype"), url("/fonts/default/Roboto-Bold.eot?v=368"); font-weight: 700; font-style: normal; font-display: fallback; } @font-face { font-family: Roboto; src: local("Roboto"), url("/fonts/default/Roboto-BoldItalic.woff2?v=368") format("woff2"), url("/fonts/default/Roboto-BoldItalic.woff?v=368") format("woff"), url("/fonts/default/Roboto-BoldItalic.ttf?v=368") format("truetype"), url("/fonts/default/Roboto-BoldItalic.eot?v=368"); font-weight: 700; font-style: italic; font-display: fallback; } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: normal; font-display: fallback; unicode-range: U+530-58F; src: local("mardoto-regular"), url("/fonts/armenian/mardoto-regular-webfont.woff2?v=368") format("woff2"), url("/fonts/armenian/mardoto-regular-webfont.woff?v=368") format("woff"), url("/fonts/armenian/mardoto-regular-webfont.ttf?v=368") format("truetype"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: normal; font-display: fallback; unicode-range: U+530-58F; src: local("mardoto-bold"), url("/fonts/armenian/mardoto-bold-webfont.woff2?v=368") format("woff2"), url("/fonts/armenian/mardoto-bold-webfont.woff?v=368") format("woff"), url("/fonts/armenian/mardoto-bold-webfont.ttf?v=368") format("truetype"); } @font-face { font-family: Roboto; font-weight: 400; font-style: normal; font-display: fallback; unicode-range: U+600-6FF; src: local("IRAN_SemiBold"), url("/fonts/farsi/IRAN_SemiBold.woff2?v=368") format("woff2"), url("/fonts/farsi/IRAN_SemiBold.woff?v=368") format("woff"), url("/fonts/farsi/IRAN_SemiBold.eot?v=368"), url("/fonts/farsi/IRAN_SemiBold.ttf?v=368") format("truetype"); } @font-face { font-family: Roboto; font-weight: 500; font-style: normal; font-display: fallback; unicode-range: U+600-6FF; src: local("IRAN_SemiBold"), url("/fonts/farsi/IRAN_SemiBold.woff2?v=368") format("woff2"), url("/fonts/farsi/IRAN_SemiBold.woff?v=368") format("woff"), url("/fonts/farsi/IRAN_SemiBold.ttf?v=368") format("truetype"), url("/fonts/farsi/IRAN_SemiBold.eot?v=368"); } @font-face { font-family: Roboto; font-weight: 700; font-style: normal; font-display: fallback; unicode-range: U+600-6FF; src: local("IRAN_SemiBold"), url("/fonts/farsi/IRAN_SemiBold.woff2?v=368") format("woff2"), url("/fonts/farsi/IRAN_SemiBold.woff?v=368") format("woff"), url("/fonts/farsi/IRAN_SemiBold.ttf?v=368") format("truetype"), url("/fonts/farsi/IRAN_SemiBold.eot?v=368"); } @font-face { font-family: Roboto-Regular; font-weight: 700; font-style: normal; font-display: fallback; unicode-range: U+600-6FF; src: local("RobotoRegular"), url("/fonts/farsi/RobotoRegular.woff2?v=368") format("woff2"), url("/fonts/farsi/RobotoRegular.woff?v=368") format("woff"), url("/fonts/farsi/RobotoRegular.ttf?v=368") format("truetype"), url("/fonts/farsi/RobotoRegular.eot?v=368"); } @font-face { font-family: Montserrat; src: local("Montserrat"), url("/fonts/montserrat/Montserrat-Regular.woff2?v=368") format("woff2"), url("/fonts/montserrat/Montserrat-Regular.woff?v=368") format("woff"), url("/fonts/montserrat/Montserrat-Regular.ttf?v=368") format("truetype"), url("/fonts/montserrat/Montserrat-Regular.eot?v=368"); font-weight: 400; font-style: normal; font-display: fallback; } @font-face { font-family: Montserrat; src: local("Montserrat"), url("/fonts/montserrat/Montserrat-RegularItalic.woff2?v=368") format("woff2"), url("/fonts/montserrat/Montserrat-RegularItalic.woff?v=368") format("woff"), url("/fonts/montserrat/Montserrat-RegularItalic.ttf?v=368") format("truetype"), url("/fonts/montserrat/Montserrat-RegularItalic.eot?v=368"); font-weight: 400; font-style: italic; font-display: fallback; } @font-face { font-family: Montserrat; src: local("Montserrat"), url("/fonts/montserrat/Montserrat-Medium.woff2?v=368") format("woff2"), url("/fonts/montserrat/Montserrat-Medium.woff?v=368") format("woff"), url("/fonts/montserrat/Montserrat-Medium.ttf?v=368") format("truetype"), url("/fonts/montserrat/Montserrat-Medium.eot?v=368"); font-weight: 500; font-style: normal; font-display: fallback; } @font-face { font-family: Montserrat; src: local("Montserrat"), url("/fonts/montserrat/Montserrat-MediumItalic.woff2?v=368") format("woff2"), url("/fonts/montserrat/Montserrat-MediumItalic.woff?v=368") format("woff"), url("/fonts/montserrat/Montserrat-MediumItalic.ttf?v=368") format("truetype"), url("/fonts/montserrat/Montserrat-MediumItalic.eot?v=368"); font-weight: 500; font-style: italic; font-display: fallback; } @font-face { font-family: Montserrat; src: local("Montserrat"), url("/fonts/montserrat/Montserrat-SemiBold.woff2?v=368") format("woff2"), url("/fonts/montserrat/Montserrat-SemiBold.woff?v=368") format("woff"), url("/fonts/montserrat/Montserrat-SemiBold.ttf?v=368") format("truetype"), url("/fonts/montserrat/Montserrat-SemiBold.eot?v=368"); font-weight: 600; font-style: normal; font-display: fallback; } @font-face { font-family: Montserrat; src: local("Montserrat"), url("/fonts/montserrat/Montserrat-SemiBoldItalic.woff2?v=368") format("woff2"), url("/fonts/montserrat/Montserrat-SemiBoldItalic.woff?v=368") format("woff"), url("/fonts/montserrat/Montserrat-SemiBoldItalic.ttf?v=368") format("truetype"), url("/fonts/montserrat/Montserrat-SemiBoldItalic.eot?v=368"); font-weight: 600; font-style: italic; font-display: fallback; } @font-face { font-family: Montserrat; src: local("Montserrat"), url("/fonts/montserrat/Montserrat-Bold.woff2?v=368") format("woff2"), url("/fonts/montserrat/Montserrat-Bold.woff?v=368") format("woff"), url("/fonts/montserrat/Montserrat-Bold.ttf?v=368") format("truetype"), url("/fonts/montserrat/Montserrat-Bold.eot?v=368"); font-weight: 700; font-style: normal; font-display: fallback; } @font-face { font-family: Montserrat; src: local("Montserrat"), url("/fonts/montserrat/Montserrat-BoldItalic.woff2?v=368") format("woff2"), url("/fonts/montserrat/Montserrat-BoldItalic.woff?v=368") format("woff"), url("/fonts/montserrat/Montserrat-BoldItalic.ttf?v=368") format("truetype"), url("/fonts/montserrat/Montserrat-BoldItalic.eot?v=368"); font-weight: 700; font-style: italic; font-display: fallback; } @font-face { font-family: "Noto Serif"; font-weight: 400; font-style: normal; src: local("Noto Serif"), url("/fonts/notoSerif/notoSerif.woff2?v=368") format("woff2"), url("/fonts/notoSerif/notoSerif.woff?v=368") format("woff"), url("/fonts/notoSerif/notoSerif.ttf?v=368") format("truetype"), url("/fonts/notoSerif/notoSerif.eot?v=368"); font-display: fallback; } @font-face { font-family: "Noto Serif"; font-weight: 700; font-style: normal; src: local("Montserrat Bold"), url("/fonts/notoSerif/notoSerifBold.woff2?v=368") format("woff2"), url("/fonts/notoSerif/notoSerifBold.woff?v=368") format("woff"), url("/fonts/notoSerif/notoSerifBold.ttf?v=368") format("truetype"), url("/fonts/notoSerif/notoSerifBold.eot?v=368"); font-display: fallback; } @font-face { font-family: Rubik; src: local("Rubik"), url("/fonts/rubik/Rubik-Regular.woff2?v=368") format("woff2"), url("/fonts/rubik/Rubik-Regular.woff?v=368") format("woff"), url("/fonts/rubik/Rubik-Regular.ttf?v=368") format("truetype"), url("/fonts/rubik/Rubik-Regular.eot?v=368"); font-weight: 400; font-style: normal; font-display: fallback; } @font-face { font-family: Rubik; src: local("Rubik"), url("/fonts/rubik/Rubik-RegularItalic.woff2?v=368") format("woff2"), url("/fonts/rubik/Rubik-RegularItalic.woff?v=368") format("woff"), url("/fonts/rubik/Rubik-RegularItalic.ttf?v=368") format("truetype"), url("/fonts/rubik/Rubik-RegularItalic.eot?v=368"); font-weight: 400; font-style: italic; font-display: fallback; } @font-face { font-family: Rubik; src: local("Rubik"), url("/fonts/rubik/Rubik-Medium.woff2?v=368") format("woff2"), url("/fonts/rubik/Rubik-Medium.woff?v=368") format("woff"), url("/fonts/rubik/Rubik-Medium.ttf?v=368") format("truetype"), url("/fonts/rubik/Rubik-Medium.eot?v=368"); font-weight: 500; font-style: normal; font-display: fallback; } @font-face { font-family: Rubik; src: local("Rubik"), url("/fonts/rubik/Rubik-MediumItalic.woff2?v=368") format("woff2"), url("/fonts/rubik/Rubik-MediumItalic.woff?v=368") format("woff"), url("/fonts/rubik/Rubik-MediumItalic.ttf?v=368") format("truetype"), url("/fonts/rubik/Rubik-MediumItalic.eot?v=368"); font-weight: 500; font-style: italic; font-display: fallback; } @font-face { font-family: Rubik; src: local("Rubik"), url("/fonts/rubik/Rubik-SemiBold.woff2?v=368") format("woff2"), url("/fonts/rubik/Rubik-SemiBold.woff?v=368") format("woff"), url("/fonts/rubik/Rubik-SemiBold.ttf?v=368") format("truetype"), url("/fonts/rubik/Rubik-SemiBold.eot?v=368"); font-weight: 600; font-style: normal; font-display: fallback; } @font-face { font-family: Rubik; src: local("Rubik"), url("/fonts/rubik/Rubik-SemiBoldItalic.woff2?v=368") format("woff2"), url("/fonts/rubik/Rubik-SemiBoldItalic.woff?v=368") format("woff"), url("/fonts/rubik/Rubik-SemiBoldItalic.ttf?v=368") format("truetype"), url("/fonts/rubik/Rubik-SemiBoldItalic.eot?v=368"); font-weight: 600; font-style: italic; font-display: fallback; } @font-face { font-family: Rubik; src: local("Rubik"), url("/fonts/rubik/Rubik-Bold.woff2?v=368") format("woff2"), url("/fonts/rubik/Rubik-Bold.woff?v=368") format("woff"), url("/fonts/rubik/Rubik-Bold.ttf?v=368") format("truetype"), url("/fonts/rubik/Rubik-Bold.eot?v=368"); font-weight: 700; font-style: normal; font-display: fallback; } @font-face { font-family: Rubik; src: local("Rubik"), url("/fonts/rubik/Rubik-BoldItalic.woff2?v=368") format("woff2"), url("/fonts/rubik/Rubik-BoldItalic.woff?v=368") format("woff"), url("/fonts/rubik/Rubik-BoldItalic.ttf?v=368") format("truetype"), url("/fonts/rubik/Rubik-BoldItalic.eot?v=368"); font-weight: 700; font-style: italic; font-display: fallback; } @font-face { font-family: Oswald; src: local("Oswald"), url("/fonts/oswald/Oswald-Medium.woff2?v=368") format("woff2"), url("/fonts/oswald/Oswald-Medium.woff?v=368") format("woff"), url("/fonts/oswald/Oswald-Medium.ttf?v=368") format("truetype"), url("/fonts/oswald/Oswald-Medium.eot?v=368"); font-weight: 500; font-style: normal; font-display: fallback; } @font-face { font-family: "Barlow Semi Condensed"; src: local("Barlow Semi Condensed"), url("/fonts/barlowSemiCondensed/BarlowSemiCondensed-Medium.woff2?v=368") format("woff2"), url("/fonts/barlowSemiCondensed/BarlowSemiCondensed-Medium.woff?v=368") format("woff"), url("/fonts/barlowSemiCondensed/BarlowSemiCondensed-Medium.ttf?v=368") format("truetype"), url("/fonts/barlowSemiCondensed/BarlowSemiCondensed-Medium.eot?v=368"); font-weight: 500; font-style: normal; font-display: fallback; } @font-face { font-family: "Barlow Semi Condensed"; src: local("Barlow Semi Condensed"), url("/fonts/barlowSemiCondensed/BarlowSemiCondensed-Bold.woff2?v=368") format("woff2"), url("/fonts/barlowSemiCondensed/BarlowSemiCondensed-Bold.woff?v=368") format("woff"), url("/fonts/barlowSemiCondensed/BarlowSemiCondensed-Bold.ttf?v=368") format("truetype"), url("/fonts/barlowSemiCondensed/BarlowSemiCondensed-Bold.eot?v=368"); font-weight: 700; font-style: normal; font-display: fallback; } .flag-bc { background: url("/assets/images/flags.png") 0px 0px / 100% auto no-repeat; flex-shrink: 0; width: 22px; height: 14px; } .afghanistan { background-position: 0px 0.346021%; } .africa { background-position: 0px 0.692042%; } .aland { background-position: 0px 1.03806%; } .albania { background-position: 0px 1.38408%; } .alderney { background-position: 0px 1.7301%; } .algeria { background-position: 0px 2.07612%; } .americas { background-position: 0px 2.42215%; } .americansamoa { background-position: 0px 2.76817%; } .andorra { background-position: 0px 3.11419%; } .angola { background-position: 0px 3.46021%; } .anguilla { background-position: 0px 3.80623%; } .antiguaandbarbuda { background-position: 0px 4.15225%; } .arableague { background-position: 0px 4.49827%; } .argentina { background-position: 0px 4.84429%; } .armenia { background-position: 0px 5.19031%; } .aruba { background-position: 0px 5.53633%; } .asia { background-position: 0px 5.88235%; } .australia { background-position: 0px 6.22837%; } .austria { background-position: 0px 6.57439%; } .azerbaijan { background-position: 0px 6.92042%; } .bahamas { background-position: 0px 7.26644%; } .bahrain { background-position: 0px 7.61246%; } .bangladesh { background-position: 0px 7.95848%; } .barbados { background-position: 0px 8.3045%; } .basquecountry { background-position: 0px 8.65052%; } .belarus { background-position: 0px 8.99654%; } .belgium { background-position: 0px 9.34256%; } .belize { background-position: 0px 9.68858%; } .benin { background-position: 0px 10.0346%; } .bermuda { background-position: 0px 10.3806%; } .bhutan { background-position: 0px 10.7266%; } .bolivia { background-position: 0px 11.0727%; } .bonairesinteustatiusandsaba { background-position: 0px 11.4187%; } .bosniaherzegovina { background-position: 0px 11.7647%; } .botswana { background-position: 0px 12.1107%; } .bouvet { background-position: 0px 12.4567%; } .brazil { background-position: 0px 12.8028%; } .britishindianoceanterritory { background-position: 0px 13.1488%; } .bruneidarussalam { background-position: 0px 13.4948%; } .bulgaria { background-position: 0px 13.8408%; } .burkinafaso { background-position: 0px 14.1869%; } .burundi { background-position: 0px 14.5329%; } .cambodia { background-position: 0px 14.8789%; } .cameroon { background-position: 0px 15.2249%; } .canada { background-position: 0px 15.5709%; } .capeverde { background-position: 0px 15.917%; } .caricom { background-position: 0px 16.263%; } .catalonia { background-position: 0px 16.609%; } .caymanislands { background-position: 0px 16.955%; } .centralafricanrepublic { background-position: 0px 17.301%; } .chad { background-position: 0px 17.6471%; } .chile { background-position: 0px 17.9931%; } .china { background-position: 0px 18.3391%; } .chinesetaipei { background-position: 0px 18.6851%; } .christmas { background-position: 0px 19.0311%; } .cis { background-position: 0px 19.3772%; } .cocoskeeling { background-position: 0px 19.7232%; } .colombia { background-position: 0px 20.0692%; } .commonwealth { background-position: 0px 20.4152%; } .comoros { background-position: 0px 20.7612%; } .congo { background-position: 0px 21.1073%; } .congokinshasa { background-position: 0px 21.4533%; } .cookislands { background-position: 0px 21.7993%; } .costarica { background-position: 0px 22.1453%; } .cotedivoire { background-position: 0px 22.4914%; } .croatia { background-position: 0px 22.8374%; } .cuba { background-position: 0px 23.1834%; } .curacao { background-position: 0px 23.5294%; } .cyprus { background-position: 0px 23.8754%; } .czechrepublic { background-position: 0px 24.2215%; } .denmark { background-position: 0px 24.5675%; } .djibouti { background-position: 0px 24.9135%; } .dominica { background-position: 0px 25.2595%; } .dominicanrepublic { background-position: 0px 25.6055%; } .ecuador { background-position: 0px 25.9516%; } .egypt { background-position: 0px 26.2976%; } .elsalvador { background-position: 0px 26.6436%; } .england { background-position: 0px 26.9896%; } .equatorialguinea { background-position: 0px 27.3356%; } .eritrea { background-position: 0px 27.6817%; } .estonia { background-position: 0px 28.0277%; } .ethiopia { background-position: 0px 28.3737%; } .europe { background-position: 0px 28.7197%; } .falkland { background-position: 0px 29.0657%; } .fao { background-position: 0px 29.4118%; } .faroeislands { background-position: 0px 29.7578%; } .fiji { background-position: 0px 30.1038%; } .finland { background-position: 0px 30.4498%; } .france { background-position: 0px 30.7958%; } .french-guiana { background-position: 0px 31.1419%; } .frenchsouthernandantarcticlands { background-position: 0px 31.4879%; } .gabon { background-position: 0px 31.8339%; } .galicia { background-position: 0px 32.1799%; } .gambia { background-position: 0px 32.526%; } .georgia { background-position: 0px 32.872%; } .germany { background-position: 0px 33.218%; } .ghana { background-position: 0px 33.564%; } .gibraltar { background-position: 0px 33.91%; } .greatbritain { background-position: 0px 34.2561%; } .greece { background-position: 0px 34.6021%; } .greenland { background-position: 0px 34.9481%; } .grenada { background-position: 0px 35.2941%; } .guadeloupe { background-position: 0px 35.6401%; } .guam { background-position: 0px 35.9862%; } .guatemala { background-position: 0px 36.3322%; } .guernsey { background-position: 0px 36.6782%; } .guinea { background-position: 0px 37.0242%; } .guineabissau { background-position: 0px 37.3702%; } .guyana { background-position: 0px 37.7163%; } .haiti { background-position: 0px 38.0623%; } .heardislandandmcdonald { background-position: 0px 38.4083%; } .honduras { background-position: 0px 38.7543%; } .hongkong { background-position: 0px 39.1003%; } .hungary { background-position: 0px 39.4464%; } .iaea { background-position: 0px 39.7924%; } .iceland { background-position: 0px 40.1384%; } .iho { background-position: 0px 40.4844%; } .india { background-position: 0px 40.8305%; } .indonesia { background-position: 0px 41.1765%; } .international { background-position: 0px 41.5225%; } .iran { background-position: 0px 41.8685%; } .iraq { background-position: 0px 42.2145%; } .ireland { background-position: 0px 42.5606%; } .islamicconference { background-position: 0px 42.9066%; } .isleofman { background-position: 0px 43.2526%; } .israel { background-position: 0px 43.5986%; } .italy { background-position: 0px 43.9446%; } .jamaica { background-position: 0px 44.2907%; } .japan { background-position: 0px 44.6367%; } .jersey { background-position: 0px 44.9827%; } .jordan { background-position: 0px 45.3287%; } .kazakhstan { background-position: 0px 45.6747%; } .kenya { background-position: 0px 46.0208%; } .kiribati { background-position: 0px 46.3668%; } .kosovo { background-position: 0px 46.7128%; } .kurdish { background-position: 0px 47.0588%; } .kuwait { background-position: 0px 47.4048%; } .kyrgyzstan { background-position: 0px 47.7509%; } .laos { background-position: 0px 48.0969%; } .latvia { background-position: 0px 48.4429%; } .lebanon { background-position: 0px 48.7889%; } .lesotho { background-position: 0px 49.135%; } .liberia { background-position: 0px 49.481%; } .libya { background-position: 0px 49.827%; } .liechtenshein { background-position: 0px 50.173%; } .lithuania { background-position: 0px 50.519%; } .luxembourg { background-position: 0px 50.8651%; } .macau { background-position: 0px 51.2111%; } .northmacedonia { background-position: 0px 51.5571%; } .madagascar { background-position: 0px 51.9031%; } .malawi { background-position: 0px 52.2491%; } .malaysia { background-position: 0px 52.5952%; } .maldives { background-position: 0px 52.9412%; } .mali { background-position: 0px 53.2872%; } .malta { background-position: 0px 53.6332%; } .marshallislands { background-position: 0px 53.9792%; } .martinique { background-position: 0px 54.3253%; } .mauritania { background-position: 0px 54.6713%; } .mauritius { background-position: 0px 55.0173%; } .mayotte { background-position: 0px 55.3633%; } .mexico { background-position: 0px 55.7093%; } .micronesia { background-position: 0px 56.0554%; } .moldova { background-position: 0px 56.4014%; } .monaco { background-position: 0px 56.7474%; } .mongolia { background-position: 0px 57.0934%; } .montenegro { background-position: 0px 57.4394%; } .montserrat { background-position: 0px 57.7855%; } .morocco { background-position: 0px 58.1315%; } .mozambique { background-position: 0px 58.4775%; } .myanmar { background-position: 0px 58.8235%; } .namibia { background-position: 0px 59.1695%; } .nato { background-position: 0px 59.5156%; } .nauru { background-position: 0px 59.8616%; } .nepal { background-position: 0px 60.2076%; } .netherlands { background-position: 0px 60.5536%; } .netherlandsantilles { background-position: 0px 60.8997%; } .newcaledonia { background-position: 0px 61.2457%; } .newzealand { background-position: 0px 61.5917%; } .nicaragua { background-position: 0px 61.9377%; } .niger { background-position: 0px 62.2837%; } .nigeria { background-position: 0px 62.6298%; } .niue { background-position: 0px 62.9758%; } .norfolk { background-position: 0px 63.3218%; } .northamerica { background-position: 0px 63.6678%; } .northerncyprus { background-position: 0px 64.0138%; } .northernireland { background-position: 0px 64.3599%; } .northernmariana { background-position: 0px 64.7059%; } .northkorea { background-position: 0px 65.0519%; } .norway { background-position: 0px 65.3979%; } .oas { background-position: 0px 65.744%; } .oceania { background-position: 0px 66.09%; } .olimpics { background-position: 0px 66.436%; } .oman { background-position: 0px 66.782%; } .opec { background-position: 0px 67.128%; } .pakistan { background-position: 0px 67.4741%; } .palau { background-position: 0px 67.8201%; } .palestine { background-position: 0px 68.1661%; } .panama { background-position: 0px 68.5121%; } .papuanewguinea { background-position: 0px 68.8581%; } .paraguay { background-position: 0px 69.2042%; } .peru { background-position: 0px 69.5502%; } .philippines { background-position: 0px 69.8962%; } .pitcairn { background-position: 0px 70.2422%; } .poland { background-position: 0px 70.5882%; } .portugal { background-position: 0px 70.9343%; } .puertorico { background-position: 0px 71.2803%; } .qatar { background-position: 0px 71.6263%; } .quebec { background-position: 0px 71.9723%; } .redcross { background-position: 0px 72.3183%; } .reunion { background-position: 0px 72.6644%; } .romania { background-position: 0px 73.0104%; } .russia { background-position: 0px 73.3564%; } .rwanda { background-position: 0px 73.7024%; } .saintbarthelemy { background-position: 0px 74.0484%; } .sainthelena { background-position: 0px 74.3945%; } .saintlucia { background-position: 0px 74.7405%; } .saintmartin { background-position: 0px 75.0865%; } .saintpierreandmiquelon { background-position: 0px 75.4325%; } .samoa { background-position: 0px 75.7785%; } .sanmarino { background-position: 0px 76.1246%; } .saotomeandprincipe { background-position: 0px 76.4706%; } .saudiarabia { background-position: 0px 76.8166%; } .scotland { background-position: 0px 77.1626%; } .senegal { background-position: 0px 77.5087%; } .serbia { background-position: 0px 77.8547%; } .seychelles { background-position: 0px 78.2007%; } .sierraleone { background-position: 0px 78.5467%; } .singapore { background-position: 0px 78.8927%; } .sintmaarten { background-position: 0px 79.2388%; } .slovakia { background-position: 0px 79.5848%; } .slovenia { background-position: 0px 79.9308%; } .solomonislands { background-position: 0px 80.2768%; } .somalia { background-position: 0px 80.6228%; } .somaliland { background-position: 0px 80.9689%; } .southafrica { background-position: 0px 81.3149%; } .southamerica { background-position: 0px 81.6609%; } .southgeorgiaandsouthsandwich { background-position: 0px 82.0069%; } .southkorea { background-position: 0px 82.3529%; } .southsudan { background-position: 0px 82.699%; } .spain { background-position: 0px 83.045%; } .srilanka { background-position: 0px 83.391%; } .srlmatches { background-position: 0px 83.737%; } .stkittsandnevis { background-position: 0px 84.083%; } .stvincentandthegrenadines { background-position: 0px 84.4291%; } .sudan { background-position: 0px 84.7751%; } .suriname { background-position: 0px 85.1211%; } .svalbardandjanmayen { background-position: 0px 85.4671%; } .swaziland { background-position: 0px 85.8132%; } .sweden { background-position: 0px 86.1592%; } .switzerland { background-position: 0px 86.5052%; } .syria { background-position: 0px 86.8512%; } .tahiti { background-position: 0px 87.1972%; } .taiwan { background-position: 0px 87.5433%; } .tajikistan { background-position: 0px 87.8893%; } .unitedrepublicoftanzania { background-position: 0px 88.2353%; } .thailand { background-position: 0px 88.5813%; } .timorleste { background-position: 0px 88.9273%; } .togo { background-position: 0px 89.2734%; } .tokelau { background-position: 0px 89.6194%; } .tonga { background-position: 0px 89.9654%; } .trinidadtobago { background-position: 0px 90.3114%; } .tristandacunha { background-position: 0px 90.6574%; } .tunisia { background-position: 0px 91.0035%; } .turkey { background-position: 0px 91.3495%; } .turkmenistan { background-position: 0px 91.6955%; } .turksandcaicosislands { background-position: 0px 92.0415%; } .tuvalu { background-position: 0px 92.3875%; } .uganda { background-position: 0px 92.7336%; } .ukraine { background-position: 0px 93.0796%; } .uae { background-position: 0px 93.4256%; } .unitedkingdom { background-position: 0px 93.7716%; } .uruguay { background-position: 0px 94.1176%; } .usa { background-position: 0px 94.4637%; } .uzbekistan { background-position: 0px 94.8097%; } .vanutau { background-position: 0px 95.1557%; } .vaticancity { background-position: 0px 95.5017%; } .venezuela { background-position: 0px 95.8478%; } .vietnam { background-position: 0px 96.1938%; } .virginislandsbritish { background-position: 0px 96.5398%; } .virginislandsus { background-position: 0px 96.8858%; } .wales { background-position: 0px 97.2318%; } .wallisandfutuna { background-position: 0px 97.5779%; } .westernsahara { background-position: 0px 97.9239%; } .westindies { background-position: 0px 98.2699%; } .world { background-position: 0px 98.6159%; } .yemen { background-position: 0px 98.9619%; } .zambia { background-position: 0px 99.308%; } .zanzibar { background-position: 0px 99.654%; } .zimbabwe { background-position: 0px 100%; } .sp-sub-list-bc .sp-s-l-h-flag-bc { color: rgba(var(--b-sc), .5); } .hdr-navigation-link-bc.badge-new::after, .nav-menu-item.badge-new::after, .m-nav-sab-container-r-row-bc > a.badge-new::after, .m-nav-collapsed-container-bc .app-nav-link.badge-new::after, .accordion-button.badge-new::after { color: rgb(255, 255, 255); background: rgb(127, 25, 79); } [dir="ltr"] .m-nav-collapsed-container-bc .app-nav-link.badge-new::after { background: linear-gradient(270deg, rgba(127, 25, 79, 0.6), rgba(127, 25, 79, 0) 100%); } [dir="rtl"] .m-nav-collapsed-container-bc .app-nav-link.badge-new::after { background: linear-gradient(90deg, rgba(127, 25, 79, 0.6), rgba(127, 25, 79, 0) 100%); } .hdr-navigation-link-bc.badge-top::after, .nav-menu-item.badge-top::after, .m-nav-sab-container-r-row-bc > a.badge-top::after, .m-nav-collapsed-container-bc .app-nav-link.badge-top::after, .accordion-button.badge-top::after { color: rgb(255, 255, 255); background: rgb(110, 58, 133); } [dir="ltr"] .m-nav-collapsed-container-bc .app-nav-link.badge-top::after { background: linear-gradient(270deg, rgba(110, 58, 133, 0.6), rgba(110, 58, 133, 0) 100%); } [dir="rtl"] .m-nav-collapsed-container-bc .app-nav-link.badge-top::after { background: linear-gradient(90deg, rgba(110, 58, 133, 0.6), rgba(110, 58, 133, 0) 100%); } .hdr-navigation-link-bc.badge-vpn::after, .nav-menu-item.badge-vpn::after, .m-nav-sab-container-r-row-bc > a.badge-vpn::after, .m-nav-collapsed-container-bc .app-nav-link.badge-vpn::after, .accordion-button.badge-vpn::after { color: rgb(255, 255, 255); background: rgb(73, 85, 126); } [dir="ltr"] .m-nav-collapsed-container-bc .app-nav-link.badge-vpn::after { background: linear-gradient(270deg, rgba(73, 85, 126, 0.6), rgba(73, 85, 126, 0) 100%); } [dir="rtl"] .m-nav-collapsed-container-bc .app-nav-link.badge-vpn::after { background: linear-gradient(90deg, rgba(73, 85, 126, 0.6), rgba(73, 85, 126, 0) 100%); } .hdr-navigation-link-bc.badge-promo::after, .nav-menu-item.badge-promo::after, .m-nav-sab-container-r-row-bc > a.badge-promo::after, .m-nav-collapsed-container-bc .app-nav-link.badge-promo::after, .accordion-button.badge-promo::after { color: rgb(255, 255, 255); background: rgb(24, 99, 96); } [dir="ltr"] .m-nav-collapsed-container-bc .app-nav-link.badge-promo::after { background: linear-gradient(270deg, rgba(24, 99, 96, 0.6), rgba(24, 99, 96, 0) 100%); } [dir="rtl"] .m-nav-collapsed-container-bc .app-nav-link.badge-promo::after { background: linear-gradient(90deg, rgba(24, 99, 96, 0.6), rgba(24, 99, 96, 0) 100%); } .hdr-navigation-link-bc.badge-jackpot::after, .nav-menu-item.badge-jackpot::after, .m-nav-sab-container-r-row-bc > a.badge-jackpot::after, .m-nav-collapsed-container-bc .app-nav-link.badge-jackpot::after, .accordion-button.badge-jackpot::after { color: rgb(255, 255, 255); background: rgb(123, 100, 24); } [dir="ltr"] .m-nav-collapsed-container-bc .app-nav-link.badge-jackpot::after { background: linear-gradient(270deg, rgba(123, 100, 24, 0.6), rgba(123, 100, 24, 0) 100%); } [dir="rtl"] .m-nav-collapsed-container-bc .app-nav-link.badge-jackpot::after { background: linear-gradient(90deg, rgba(123, 100, 24, 0.6), rgba(123, 100, 24, 0) 100%); } .hdr-navigation-link-bc.badge-exclusive::after, .nav-menu-item.badge-exclusive::after, .m-nav-sab-container-r-row-bc > a.badge-exclusive::after, .m-nav-collapsed-container-bc .app-nav-link.badge-exclusive::after, .accordion-button.badge-exclusive::after { color: rgb(255, 255, 255); background: rgb(83, 147, 79); } [dir="ltr"] .m-nav-collapsed-container-bc .app-nav-link.badge-exclusive::after { background: linear-gradient(270deg, rgba(83, 147, 79, 0.6), rgba(83, 147, 79, 0) 100%); } [dir="rtl"] .m-nav-collapsed-container-bc .app-nav-link.badge-exclusive::after { background: linear-gradient(90deg, rgba(83, 147, 79, 0.6), rgba(83, 147, 79, 0) 100%); } .hdr-navigation-link-bc.badge-free::after, .nav-menu-item.badge-free::after, .m-nav-sab-container-r-row-bc > a.badge-free::after, .m-nav-collapsed-container-bc .app-nav-link.badge-free::after, .accordion-button.badge-free::after { color: rgb(255, 255, 255); background: rgb(16, 119, 195); } [dir="ltr"] .m-nav-collapsed-container-bc .app-nav-link.badge-free::after { background: linear-gradient(270deg, rgba(16, 119, 195, 0.6), rgba(16, 119, 195, 0) 100%); } [dir="rtl"] .m-nav-collapsed-container-bc .app-nav-link.badge-free::after { background: linear-gradient(90deg, rgba(16, 119, 195, 0.6), rgba(16, 119, 195, 0) 100%); } .hdr-navigation-link-bc.badge-tournament::after, .nav-menu-item.badge-tournament::after, .m-nav-sab-container-r-row-bc > a.badge-tournament::after, .m-nav-collapsed-container-bc .app-nav-link.badge-tournament::after, .accordion-button.badge-tournament::after { color: rgb(255, 255, 255); background: rgb(59, 38, 172); } [dir="ltr"] .m-nav-collapsed-container-bc .app-nav-link.badge-tournament::after { background: linear-gradient(270deg, rgba(59, 38, 172, 0.6), rgba(59, 38, 172, 0) 100%); } [dir="rtl"] .m-nav-collapsed-container-bc .app-nav-link.badge-tournament::after { background: linear-gradient(90deg, rgba(59, 38, 172, 0.6), rgba(59, 38, 172, 0) 100%); } .hdr-navigation-link-bc.badge-spinCount::after, .nav-menu-item.badge-spinCount::after, .m-nav-sab-container-r-row-bc > a.badge-spinCount::after, .m-nav-collapsed-container-bc .app-nav-link.badge-spinCount::after, .accordion-button.badge-spinCount::after { color: rgb(255, 255, 255); background: rgb(195, 145, 10); } [dir="ltr"] .m-nav-collapsed-container-bc .app-nav-link.badge-spinCount::after { background: linear-gradient(270deg, rgba(195, 145, 10, 0.6), rgba(195, 145, 10, 0) 100%); } [dir="rtl"] .m-nav-collapsed-container-bc .app-nav-link.badge-spinCount::after { background: linear-gradient(90deg, rgba(195, 145, 10, 0.6), rgba(195, 145, 10, 0) 100%); } .hdr-navigation-link-bc.badge-hot::after, .nav-menu-item.badge-hot::after, .m-nav-sab-container-r-row-bc > a.badge-hot::after, .m-nav-collapsed-container-bc .app-nav-link.badge-hot::after, .accordion-button.badge-hot::after { color: rgb(255, 255, 255); background: rgb(227, 32, 32); } [dir="ltr"] .m-nav-collapsed-container-bc .app-nav-link.badge-hot::after { background: linear-gradient(270deg, rgba(227, 32, 32, 0.6), rgba(227, 32, 32, 0) 100%); } [dir="rtl"] .m-nav-collapsed-container-bc .app-nav-link.badge-hot::after { background: linear-gradient(90deg, rgba(227, 32, 32, 0.6), rgba(227, 32, 32, 0) 100%); } .accordion-button.badge-ByBetconstruct::after { color: rgba(var(--hero-sc), 1); background: rgba(var(--hero), 1); } .special-games-button .btn.favorite-team.a-color { background: linear-gradient(90deg, rgb(178, 23, 5) 0%, rgb(243, 66, 53) 100%); } .special-games-button .btn.favorite-team:not(.a-color) > i { color: rgb(243, 66, 53); } .sp-sub-list-bc.favorite-team { transition: var(--default-transition-duration); } @media (hover: hover) { .sp-sub-list-bc.favorite-team:hover .sp-s-l-head-bc { background: rgba(178, 23, 5, 0.6); box-shadow: rgba(178, 23, 5, 0.6) 0px 0px 8px; } .sp-sub-list-bc.favorite-team:hover .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.favorite-team:hover .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .sp-sub-list-bc.favorite-team:hover { cursor: pointer; } } @media not all and (hover: hover) { .sp-sub-list-bc.favorite-team:active .sp-s-l-head-bc { background: rgba(178, 23, 5, 0.6); box-shadow: rgba(178, 23, 5, 0.6) 0px 0px 8px; } .sp-sub-list-bc.favorite-team:active .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.favorite-team:active .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } } .sp-sub-list-bc.favorite-team:not(.a-color) .sp-s-l-h-flag-bc { color: rgb(243, 66, 53); } .sp-sub-list-bc.favorite-team.a-color .sp-s-l-head-bc, .sp-sub-list-bc.favorite-team.selected .sp-s-l-head-bc { background: linear-gradient(90deg, rgb(178, 23, 5) 0%, rgb(243, 66, 53) 100%); } .sp-sub-list-bc.favorite-team.a-color .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.favorite-team.a-color .sp-s-l-head-bc .sp-s-l-h-title-bc, .sp-sub-list-bc.favorite-team.selected .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.favorite-team.selected .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.favorite-team.a-color .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc, .sp-sub-list-bc.favorite-team.selected .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .special-games-button .btn.multiple-of-the-day.a-color { background: linear-gradient(90deg, rgb(255, 95, 0) 0%, rgb(239, 152, 5) 100%); } .special-games-button .btn.multiple-of-the-day:not(.a-color) > i { color: rgb(239, 152, 5); } .sp-sub-list-bc.multiple-of-the-day { transition: var(--default-transition-duration); } @media (hover: hover) { .sp-sub-list-bc.multiple-of-the-day:hover .sp-s-l-head-bc { background: rgba(255, 95, 0, 0.6); box-shadow: rgba(255, 95, 0, 0.6) 0px 0px 8px; } .sp-sub-list-bc.multiple-of-the-day:hover .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.multiple-of-the-day:hover .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .sp-sub-list-bc.multiple-of-the-day:hover { cursor: pointer; } } @media not all and (hover: hover) { .sp-sub-list-bc.multiple-of-the-day:active .sp-s-l-head-bc { background: rgba(255, 95, 0, 0.6); box-shadow: rgba(255, 95, 0, 0.6) 0px 0px 8px; } .sp-sub-list-bc.multiple-of-the-day:active .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.multiple-of-the-day:active .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } } .sp-sub-list-bc.multiple-of-the-day:not(.a-color) .sp-s-l-h-flag-bc { color: rgb(239, 152, 5); } .sp-sub-list-bc.multiple-of-the-day.a-color .sp-s-l-head-bc, .sp-sub-list-bc.multiple-of-the-day.selected .sp-s-l-head-bc { background: linear-gradient(90deg, rgb(255, 95, 0) 0%, rgb(239, 152, 5) 100%); } .sp-sub-list-bc.multiple-of-the-day.a-color .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.multiple-of-the-day.a-color .sp-s-l-head-bc .sp-s-l-h-title-bc, .sp-sub-list-bc.multiple-of-the-day.selected .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.multiple-of-the-day.selected .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.multiple-of-the-day.a-color .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc, .sp-sub-list-bc.multiple-of-the-day.selected .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .special-games-button .btn.upcoming-matches.a-color { background: linear-gradient(90deg, rgb(2, 108, 144) 0%, rgb(0, 151, 183) 100%); } .special-games-button .btn.upcoming-matches:not(.a-color) > i { color: rgb(0, 151, 183); } .sp-sub-list-bc.upcoming-matches { transition: var(--default-transition-duration); } @media (hover: hover) { .sp-sub-list-bc.upcoming-matches:hover .sp-s-l-head-bc { background: rgba(2, 108, 144, 0.6); box-shadow: rgba(2, 108, 144, 0.6) 0px 0px 8px; } .sp-sub-list-bc.upcoming-matches:hover .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.upcoming-matches:hover .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .sp-sub-list-bc.upcoming-matches:hover { cursor: pointer; } } @media not all and (hover: hover) { .sp-sub-list-bc.upcoming-matches:active .sp-s-l-head-bc { background: rgba(2, 108, 144, 0.6); box-shadow: rgba(2, 108, 144, 0.6) 0px 0px 8px; } .sp-sub-list-bc.upcoming-matches:active .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.upcoming-matches:active .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } } .sp-sub-list-bc.upcoming-matches:not(.a-color) .sp-s-l-h-flag-bc { color: rgb(0, 151, 183); } .sp-sub-list-bc.upcoming-matches.a-color .sp-s-l-head-bc, .sp-sub-list-bc.upcoming-matches.selected .sp-s-l-head-bc { background: linear-gradient(90deg, rgb(2, 108, 144) 0%, rgb(0, 151, 183) 100%); } .sp-sub-list-bc.upcoming-matches.a-color .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.upcoming-matches.a-color .sp-s-l-head-bc .sp-s-l-h-title-bc, .sp-sub-list-bc.upcoming-matches.selected .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.upcoming-matches.selected .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.upcoming-matches.a-color .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc, .sp-sub-list-bc.upcoming-matches.selected .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .special-games-button .btn.upcoming.a-color { background: linear-gradient(90deg, rgb(2, 108, 144) 0%, rgb(0, 151, 183) 100%); } .special-games-button .btn.upcoming:not(.a-color) > i { color: rgb(0, 151, 183); } .sp-sub-list-bc.upcoming { transition: var(--default-transition-duration); } @media (hover: hover) { .sp-sub-list-bc.upcoming:hover .sp-s-l-head-bc { background: rgba(2, 108, 144, 0.6); box-shadow: rgba(2, 108, 144, 0.6) 0px 0px 8px; } .sp-sub-list-bc.upcoming:hover .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.upcoming:hover .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .sp-sub-list-bc.upcoming:hover { cursor: pointer; } } @media not all and (hover: hover) { .sp-sub-list-bc.upcoming:active .sp-s-l-head-bc { background: rgba(2, 108, 144, 0.6); box-shadow: rgba(2, 108, 144, 0.6) 0px 0px 8px; } .sp-sub-list-bc.upcoming:active .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.upcoming:active .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } } .sp-sub-list-bc.upcoming:not(.a-color) .sp-s-l-h-flag-bc { color: rgb(0, 151, 183); } .sp-sub-list-bc.upcoming.a-color .sp-s-l-head-bc, .sp-sub-list-bc.upcoming.selected .sp-s-l-head-bc { background: linear-gradient(90deg, rgb(2, 108, 144) 0%, rgb(0, 151, 183) 100%); } .sp-sub-list-bc.upcoming.a-color .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.upcoming.a-color .sp-s-l-head-bc .sp-s-l-h-title-bc, .sp-sub-list-bc.upcoming.selected .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.upcoming.selected .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.upcoming.a-color .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc, .sp-sub-list-bc.upcoming.selected .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .special-games-button .btn.popular-matches.a-color { background: linear-gradient(90deg, rgb(59, 38, 172) 0%, rgb(88, 61, 227) 100%); } .special-games-button .btn.popular-matches:not(.a-color) > i { color: rgb(88, 61, 227); } .sp-sub-list-bc.popular-matches { transition: var(--default-transition-duration); } @media (hover: hover) { .sp-sub-list-bc.popular-matches:hover .sp-s-l-head-bc { background: rgba(59, 38, 172, 0.6); box-shadow: rgba(59, 38, 172, 0.6) 0px 0px 8px; } .sp-sub-list-bc.popular-matches:hover .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.popular-matches:hover .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .sp-sub-list-bc.popular-matches:hover { cursor: pointer; } } @media not all and (hover: hover) { .sp-sub-list-bc.popular-matches:active .sp-s-l-head-bc { background: rgba(59, 38, 172, 0.6); box-shadow: rgba(59, 38, 172, 0.6) 0px 0px 8px; } .sp-sub-list-bc.popular-matches:active .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.popular-matches:active .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } } .sp-sub-list-bc.popular-matches:not(.a-color) .sp-s-l-h-flag-bc { color: rgb(88, 61, 227); } .sp-sub-list-bc.popular-matches.a-color .sp-s-l-head-bc, .sp-sub-list-bc.popular-matches.selected .sp-s-l-head-bc { background: linear-gradient(90deg, rgb(59, 38, 172) 0%, rgb(88, 61, 227) 100%); } .sp-sub-list-bc.popular-matches.a-color .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.popular-matches.a-color .sp-s-l-head-bc .sp-s-l-h-title-bc, .sp-sub-list-bc.popular-matches.selected .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.popular-matches.selected .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.popular-matches.a-color .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc, .sp-sub-list-bc.popular-matches.selected .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .special-games-button .btn.olympic-competitions.a-color { background: linear-gradient(90deg, rgb(198, 57, 71) 0%, rgb(245, 84, 97) 100%); } .special-games-button .btn.olympic-competitions:not(.a-color) > i { color: rgb(245, 84, 97); } .sp-sub-list-bc.olympic-competitions { transition: var(--default-transition-duration); } @media (hover: hover) { .sp-sub-list-bc.olympic-competitions:hover .sp-s-l-head-bc { background: rgba(198, 57, 71, 0.6); box-shadow: rgba(198, 57, 71, 0.6) 0px 0px 8px; } .sp-sub-list-bc.olympic-competitions:hover .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.olympic-competitions:hover .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .sp-sub-list-bc.olympic-competitions:hover { cursor: pointer; } } @media not all and (hover: hover) { .sp-sub-list-bc.olympic-competitions:active .sp-s-l-head-bc { background: rgba(198, 57, 71, 0.6); box-shadow: rgba(198, 57, 71, 0.6) 0px 0px 8px; } .sp-sub-list-bc.olympic-competitions:active .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.olympic-competitions:active .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } } .sp-sub-list-bc.olympic-competitions:not(.a-color) .sp-s-l-h-flag-bc { color: rgb(245, 84, 97); } .sp-sub-list-bc.olympic-competitions.a-color .sp-s-l-head-bc, .sp-sub-list-bc.olympic-competitions.selected .sp-s-l-head-bc { background: linear-gradient(90deg, rgb(198, 57, 71) 0%, rgb(245, 84, 97) 100%); } .sp-sub-list-bc.olympic-competitions.a-color .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.olympic-competitions.a-color .sp-s-l-head-bc .sp-s-l-h-title-bc, .sp-sub-list-bc.olympic-competitions.selected .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.olympic-competitions.selected .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.olympic-competitions.a-color .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc, .sp-sub-list-bc.olympic-competitions.selected .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .special-games-button .btn.olympic-matches.a-color { background: linear-gradient(90deg, rgb(198, 57, 71) 0%, rgb(245, 84, 97) 100%); } .special-games-button .btn.olympic-matches:not(.a-color) > i { color: rgb(245, 84, 97); } .sp-sub-list-bc.olympic-matches { transition: var(--default-transition-duration); } @media (hover: hover) { .sp-sub-list-bc.olympic-matches:hover .sp-s-l-head-bc { background: rgba(198, 57, 71, 0.6); box-shadow: rgba(198, 57, 71, 0.6) 0px 0px 8px; } .sp-sub-list-bc.olympic-matches:hover .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.olympic-matches:hover .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .sp-sub-list-bc.olympic-matches:hover { cursor: pointer; } } @media not all and (hover: hover) { .sp-sub-list-bc.olympic-matches:active .sp-s-l-head-bc { background: rgba(198, 57, 71, 0.6); box-shadow: rgba(198, 57, 71, 0.6) 0px 0px 8px; } .sp-sub-list-bc.olympic-matches:active .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.olympic-matches:active .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } } .sp-sub-list-bc.olympic-matches:not(.a-color) .sp-s-l-h-flag-bc { color: rgb(245, 84, 97); } .sp-sub-list-bc.olympic-matches.a-color .sp-s-l-head-bc, .sp-sub-list-bc.olympic-matches.selected .sp-s-l-head-bc { background: linear-gradient(90deg, rgb(198, 57, 71) 0%, rgb(245, 84, 97) 100%); } .sp-sub-list-bc.olympic-matches.a-color .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.olympic-matches.a-color .sp-s-l-head-bc .sp-s-l-h-title-bc, .sp-sub-list-bc.olympic-matches.selected .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.olympic-matches.selected .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.olympic-matches.a-color .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc, .sp-sub-list-bc.olympic-matches.selected .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .special-games-button .btn.popular-competitions.a-color { background: linear-gradient(90deg, rgb(6, 72, 163) 0%, rgb(34, 117, 233) 100%); } .special-games-button .btn.popular-competitions:not(.a-color) > i { color: rgb(34, 117, 233); } .sp-sub-list-bc.popular-competitions { transition: var(--default-transition-duration); } @media (hover: hover) { .sp-sub-list-bc.popular-competitions:hover .sp-s-l-head-bc { background: rgba(6, 72, 163, 0.6); box-shadow: rgba(6, 72, 163, 0.6) 0px 0px 8px; } .sp-sub-list-bc.popular-competitions:hover .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.popular-competitions:hover .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .sp-sub-list-bc.popular-competitions:hover { cursor: pointer; } } @media not all and (hover: hover) { .sp-sub-list-bc.popular-competitions:active .sp-s-l-head-bc { background: rgba(6, 72, 163, 0.6); box-shadow: rgba(6, 72, 163, 0.6) 0px 0px 8px; } .sp-sub-list-bc.popular-competitions:active .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.popular-competitions:active .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } } .sp-sub-list-bc.popular-competitions:not(.a-color) .sp-s-l-h-flag-bc { color: rgb(34, 117, 233); } .sp-sub-list-bc.popular-competitions.a-color .sp-s-l-head-bc, .sp-sub-list-bc.popular-competitions.selected .sp-s-l-head-bc { background: linear-gradient(90deg, rgb(6, 72, 163) 0%, rgb(34, 117, 233) 100%); } .sp-sub-list-bc.popular-competitions.a-color .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.popular-competitions.a-color .sp-s-l-head-bc .sp-s-l-h-title-bc, .sp-sub-list-bc.popular-competitions.selected .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.popular-competitions.selected .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.popular-competitions.a-color .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc, .sp-sub-list-bc.popular-competitions.selected .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .special-games-button .btn.boosted-bets.a-color { background: linear-gradient(90deg, rgb(9, 127, 24) 0%, rgb(0, 191, 25) 100%); } .special-games-button .btn.boosted-bets:not(.a-color) > i { color: rgb(0, 191, 25); } .sp-sub-list-bc.boosted-bets { transition: var(--default-transition-duration); } @media (hover: hover) { .sp-sub-list-bc.boosted-bets:hover .sp-s-l-head-bc { background: rgba(9, 127, 24, 0.6); box-shadow: rgba(9, 127, 24, 0.6) 0px 0px 8px; } .sp-sub-list-bc.boosted-bets:hover .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.boosted-bets:hover .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .sp-sub-list-bc.boosted-bets:hover { cursor: pointer; } } @media not all and (hover: hover) { .sp-sub-list-bc.boosted-bets:active .sp-s-l-head-bc { background: rgba(9, 127, 24, 0.6); box-shadow: rgba(9, 127, 24, 0.6) 0px 0px 8px; } .sp-sub-list-bc.boosted-bets:active .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.boosted-bets:active .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } } .sp-sub-list-bc.boosted-bets:not(.a-color) .sp-s-l-h-flag-bc { color: rgb(0, 191, 25); } .sp-sub-list-bc.boosted-bets.a-color .sp-s-l-head-bc, .sp-sub-list-bc.boosted-bets.selected .sp-s-l-head-bc { background: linear-gradient(90deg, rgb(9, 127, 24) 0%, rgb(0, 191, 25) 100%); } .sp-sub-list-bc.boosted-bets.a-color .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.boosted-bets.a-color .sp-s-l-head-bc .sp-s-l-h-title-bc, .sp-sub-list-bc.boosted-bets.selected .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.boosted-bets.selected .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.boosted-bets.a-color .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc, .sp-sub-list-bc.boosted-bets.selected .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .special-games-button .btn.coupons.a-color { background: linear-gradient(90deg, rgb(133, 45, 145) 0%, rgb(220, 98, 244) 100%); } .special-games-button .btn.coupons:not(.a-color) > i { color: rgb(220, 98, 244); } .sp-sub-list-bc.coupons { transition: var(--default-transition-duration); } @media (hover: hover) { .sp-sub-list-bc.coupons:hover .sp-s-l-head-bc { background: rgba(133, 45, 145, 0.6); box-shadow: rgba(133, 45, 145, 0.6) 0px 0px 8px; } .sp-sub-list-bc.coupons:hover .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.coupons:hover .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .sp-sub-list-bc.coupons:hover { cursor: pointer; } } @media not all and (hover: hover) { .sp-sub-list-bc.coupons:active .sp-s-l-head-bc { background: rgba(133, 45, 145, 0.6); box-shadow: rgba(133, 45, 145, 0.6) 0px 0px 8px; } .sp-sub-list-bc.coupons:active .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.coupons:active .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } } .sp-sub-list-bc.coupons:not(.a-color) .sp-s-l-h-flag-bc { color: rgb(220, 98, 244); } .sp-sub-list-bc.coupons.a-color .sp-s-l-head-bc, .sp-sub-list-bc.coupons.selected .sp-s-l-head-bc { background: linear-gradient(90deg, rgb(133, 45, 145) 0%, rgb(220, 98, 244) 100%); } .sp-sub-list-bc.coupons.a-color .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.coupons.a-color .sp-s-l-head-bc .sp-s-l-h-title-bc, .sp-sub-list-bc.coupons.selected .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.coupons.selected .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.coupons.a-color .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc, .sp-sub-list-bc.coupons.selected .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .special-games-button .btn.all.a-color { } .special-games-button .btn.all:not(.a-color) > i { } .sp-sub-list-bc.all { transition: var(--default-transition-duration); } @media (hover: hover) { .sp-sub-list-bc.all:hover .sp-s-l-head-bc { background: rgba(var(--hero), .6); box-shadow: 0 0 8px 0 rgba(var(--hero), .6); } .sp-sub-list-bc.all:hover .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.all:hover .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .sp-sub-list-bc.all:hover { cursor: pointer; } } @media not all and (hover: hover) { .sp-sub-list-bc.all:active .sp-s-l-head-bc { background: rgba(var(--hero), .6); box-shadow: 0 0 8px 0 rgba(var(--hero), .6); } .sp-sub-list-bc.all:active .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.all:active .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } } .sp-sub-list-bc.all:not(.a-color) .sp-s-l-h-flag-bc { color: rgba(var(--hero), 1); } .sp-sub-list-bc.all.a-color .sp-s-l-head-bc, .sp-sub-list-bc.all.selected .sp-s-l-head-bc { background: linear-gradient(to right, rgba(var(--hero), 1) 0%, rgba(var(--hero-hover), 1) 100%); } .sp-sub-list-bc.all.a-color .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.all.a-color .sp-s-l-head-bc .sp-s-l-h-title-bc, .sp-sub-list-bc.all.selected .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.all.selected .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.all.a-color .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc, .sp-sub-list-bc.all.selected .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .special-games-button .btn.live.a-color { background: linear-gradient(90deg, rgb(255, 52, 73) 0%, rgb(245, 84, 97) 100%); } .special-games-button .btn.live:not(.a-color) > i { color: rgb(245, 84, 97); } .sp-sub-list-bc.live { transition: var(--default-transition-duration); } @media (hover: hover) { .sp-sub-list-bc.live:hover .sp-s-l-head-bc { background: rgba(255, 52, 73, 0.6); box-shadow: rgba(255, 52, 73, 0.6) 0px 0px 8px; } .sp-sub-list-bc.live:hover .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.live:hover .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .sp-sub-list-bc.live:hover { cursor: pointer; } } @media not all and (hover: hover) { .sp-sub-list-bc.live:active .sp-s-l-head-bc { background: rgba(255, 52, 73, 0.6); box-shadow: rgba(255, 52, 73, 0.6) 0px 0px 8px; } .sp-sub-list-bc.live:active .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.live:active .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } } .sp-sub-list-bc.live:not(.a-color) .sp-s-l-h-flag-bc { color: rgb(245, 84, 97); } .sp-sub-list-bc.live.a-color .sp-s-l-head-bc, .sp-sub-list-bc.live.selected .sp-s-l-head-bc { background: linear-gradient(90deg, rgb(255, 52, 73) 0%, rgb(245, 84, 97) 100%); } .sp-sub-list-bc.live.a-color .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.live.a-color .sp-s-l-head-bc .sp-s-l-h-title-bc, .sp-sub-list-bc.live.selected .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.live.selected .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.live.a-color .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc, .sp-sub-list-bc.live.selected .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .special-games-button .btn.results.a-color { background: linear-gradient(90deg, rgb(170, 127, 0) 0%, gold 100%); } .special-games-button .btn.results:not(.a-color) > i { color: gold; } .sp-sub-list-bc.results { transition: var(--default-transition-duration); } @media (hover: hover) { .sp-sub-list-bc.results:hover .sp-s-l-head-bc { background: rgba(170, 127, 0, 0.6); box-shadow: rgba(170, 127, 0, 0.6) 0px 0px 8px; } .sp-sub-list-bc.results:hover .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.results:hover .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .sp-sub-list-bc.results:hover { cursor: pointer; } } @media not all and (hover: hover) { .sp-sub-list-bc.results:active .sp-s-l-head-bc { background: rgba(170, 127, 0, 0.6); box-shadow: rgba(170, 127, 0, 0.6) 0px 0px 8px; } .sp-sub-list-bc.results:active .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.results:active .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } } .sp-sub-list-bc.results:not(.a-color) .sp-s-l-h-flag-bc { color: gold; } .sp-sub-list-bc.results.a-color .sp-s-l-head-bc, .sp-sub-list-bc.results.selected .sp-s-l-head-bc { background: linear-gradient(90deg, rgb(170, 127, 0) 0%, gold 100%); } .sp-sub-list-bc.results.a-color .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.results.a-color .sp-s-l-head-bc .sp-s-l-h-title-bc, .sp-sub-list-bc.results.selected .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.results.selected .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.results.a-color .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc, .sp-sub-list-bc.results.selected .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .special-games-button .btn.today-bets.a-color { background: linear-gradient(90deg, rgb(255, 95, 0) 0%, rgb(237, 155, 0) 100%); } .special-games-button .btn.today-bets:not(.a-color) > i { color: rgb(237, 155, 0); } .sp-sub-list-bc.today-bets { transition: var(--default-transition-duration); } @media (hover: hover) { .sp-sub-list-bc.today-bets:hover .sp-s-l-head-bc { background: rgba(255, 95, 0, 0.6); box-shadow: rgba(255, 95, 0, 0.6) 0px 0px 8px; } .sp-sub-list-bc.today-bets:hover .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.today-bets:hover .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .sp-sub-list-bc.today-bets:hover { cursor: pointer; } } @media not all and (hover: hover) { .sp-sub-list-bc.today-bets:active .sp-s-l-head-bc { background: rgba(255, 95, 0, 0.6); box-shadow: rgba(255, 95, 0, 0.6) 0px 0px 8px; } .sp-sub-list-bc.today-bets:active .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.today-bets:active .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } } .sp-sub-list-bc.today-bets:not(.a-color) .sp-s-l-h-flag-bc { color: rgb(237, 155, 0); } .sp-sub-list-bc.today-bets.a-color .sp-s-l-head-bc, .sp-sub-list-bc.today-bets.selected .sp-s-l-head-bc { background: linear-gradient(90deg, rgb(255, 95, 0) 0%, rgb(237, 155, 0) 100%); } .sp-sub-list-bc.today-bets.a-color .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.today-bets.a-color .sp-s-l-head-bc .sp-s-l-h-title-bc, .sp-sub-list-bc.today-bets.selected .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.today-bets.selected .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.today-bets.a-color .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc, .sp-sub-list-bc.today-bets.selected .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .special-games-button .btn.special-competition.a-color { background: linear-gradient(90deg, rgb(187, 97, 0) 0%, rgb(229, 162, 0) 100%); } .special-games-button .btn.special-competition:not(.a-color) > i { color: rgb(229, 162, 0); } .sp-sub-list-bc.special-competition { transition: var(--default-transition-duration); } @media (hover: hover) { .sp-sub-list-bc.special-competition:hover .sp-s-l-head-bc { background: rgba(187, 97, 0, 0.6); box-shadow: rgba(187, 97, 0, 0.6) 0px 0px 8px; } .sp-sub-list-bc.special-competition:hover .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.special-competition:hover .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .sp-sub-list-bc.special-competition:hover { cursor: pointer; } } @media not all and (hover: hover) { .sp-sub-list-bc.special-competition:active .sp-s-l-head-bc { background: rgba(187, 97, 0, 0.6); box-shadow: rgba(187, 97, 0, 0.6) 0px 0px 8px; } .sp-sub-list-bc.special-competition:active .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.special-competition:active .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } } .sp-sub-list-bc.special-competition:not(.a-color) .sp-s-l-h-flag-bc { color: rgb(229, 162, 0); } .sp-sub-list-bc.special-competition.a-color .sp-s-l-head-bc, .sp-sub-list-bc.special-competition.selected .sp-s-l-head-bc { background: linear-gradient(90deg, rgb(187, 97, 0) 0%, rgb(229, 162, 0) 100%); } .sp-sub-list-bc.special-competition.a-color .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.special-competition.a-color .sp-s-l-head-bc .sp-s-l-h-title-bc, .sp-sub-list-bc.special-competition.selected .sp-s-l-head-bc .sp-s-l-h-flag-bc, .sp-sub-list-bc.special-competition.selected .sp-s-l-head-bc .sp-s-l-h-title-bc { color: rgb(255, 255, 255); } .sp-sub-list-bc.special-competition.a-color .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc, .sp-sub-list-bc.special-competition.selected .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: rgba(255, 255, 255, 0.7); } .social-icon, .header-icon:empty { cursor: pointer; transition: opacity var(--default-transition-duration); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; display: flex; } .social-icon + .social-icon, .header-icon:empty + .social-icon { margin-inline-start: 10px; } [dir="ltr"] .social-icon.bc-i-telegram::before, [dir="ltr"] .header-icon:empty.bc-i-telegram::before { margin-left: -2px; } [dir="rtl"] .social-icon.bc-i-telegram::before, [dir="rtl"] .header-icon:empty.bc-i-telegram::before { margin-right: 2px; } .social-icon.bc-i-instagram, .header-icon:empty.bc-i-instagram { background-image: radial-gradient(circle at 30% 107%, rgb(253, 244, 151) 0%, rgb(253, 244, 151) 5%, rgb(253, 89, 73) 45%, rgb(214, 36, 159) 60%, rgb(40, 90, 235) 90%); } [dir="ltr"] .social-icon.bc-i-threads::before, [dir="ltr"] .header-icon:empty.bc-i-threads::before { margin-left: -1px; } [dir="rtl"] .social-icon.bc-i-threads::before, [dir="rtl"] .header-icon:empty.bc-i-threads::before { margin-right: 1px; } .social-icon { width: 24px; height: 24px; font-size: 14px; } .social-icon.bc-i-blog, .header-icon.bc-i-blog, .callPanelIcon.bc-i-blog { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(234, 140, 28); } @media (hover: hover) { .social-icon.bc-i-blog:hover, .header-icon.bc-i-blog:hover, .callPanelIcon.bc-i-blog:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-blog:active, .header-icon.bc-i-blog:active, .callPanelIcon.bc-i-blog:active { opacity: 0.8; } } .sidebar-item.blog { background: rgb(234, 140, 28); } .sidebar-image .bc-i-blog { color: rgb(234, 140, 28); } .social-icon.bc-i-gmail, .header-icon.bc-i-gmail, .callPanelIcon.bc-i-gmail { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(187, 0, 27); } @media (hover: hover) { .social-icon.bc-i-gmail:hover, .header-icon.bc-i-gmail:hover, .callPanelIcon.bc-i-gmail:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-gmail:active, .header-icon.bc-i-gmail:active, .callPanelIcon.bc-i-gmail:active { opacity: 0.8; } } .sidebar-item.gmail { background: rgb(187, 0, 27); } .sidebar-image .bc-i-gmail { color: rgb(187, 0, 27); } .social-icon.bc-i-facebook, .header-icon.bc-i-facebook, .callPanelIcon.bc-i-facebook { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(72, 103, 170); } @media (hover: hover) { .social-icon.bc-i-facebook:hover, .header-icon.bc-i-facebook:hover, .callPanelIcon.bc-i-facebook:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-facebook:active, .header-icon.bc-i-facebook:active, .callPanelIcon.bc-i-facebook:active { opacity: 0.8; } } .sidebar-item.facebook { background: rgb(72, 103, 170); } .sidebar-image .bc-i-facebook { color: rgb(72, 103, 170); } .social-icon.bc-i-instagram, .header-icon.bc-i-instagram, .callPanelIcon.bc-i-instagram { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(214, 36, 159); } @media (hover: hover) { .social-icon.bc-i-instagram:hover, .header-icon.bc-i-instagram:hover, .callPanelIcon.bc-i-instagram:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-instagram:active, .header-icon.bc-i-instagram:active, .callPanelIcon.bc-i-instagram:active { opacity: 0.8; } } .sidebar-item.instagram { background: rgb(214, 36, 159); } .sidebar-image .bc-i-instagram { color: rgb(214, 36, 159); } .social-icon.bc-i-ok, .header-icon.bc-i-ok, .callPanelIcon.bc-i-ok { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(255, 133, 3); } @media (hover: hover) { .social-icon.bc-i-ok:hover, .header-icon.bc-i-ok:hover, .callPanelIcon.bc-i-ok:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-ok:active, .header-icon.bc-i-ok:active, .callPanelIcon.bc-i-ok:active { opacity: 0.8; } } .sidebar-item.ok { background: rgb(255, 133, 3); } .sidebar-image .bc-i-ok { color: rgb(255, 133, 3); } .social-icon.bc-i-pinterest, .header-icon.bc-i-pinterest, .callPanelIcon.bc-i-pinterest { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(223, 0, 34); } @media (hover: hover) { .social-icon.bc-i-pinterest:hover, .header-icon.bc-i-pinterest:hover, .callPanelIcon.bc-i-pinterest:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-pinterest:active, .header-icon.bc-i-pinterest:active, .callPanelIcon.bc-i-pinterest:active { opacity: 0.8; } } .sidebar-item.pinterest { background: rgb(223, 0, 34); } .sidebar-image .bc-i-pinterest { color: rgb(223, 0, 34); } .social-icon.bc-i-reddit, .header-icon.bc-i-reddit, .callPanelIcon.bc-i-reddit { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(242, 65, 0); } @media (hover: hover) { .social-icon.bc-i-reddit:hover, .header-icon.bc-i-reddit:hover, .callPanelIcon.bc-i-reddit:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-reddit:active, .header-icon.bc-i-reddit:active, .callPanelIcon.bc-i-reddit:active { opacity: 0.8; } } .sidebar-item.reddit { background: rgb(242, 65, 0); } .sidebar-image .bc-i-reddit { color: rgb(242, 65, 0); } .social-icon.bc-i-telegram, .header-icon.bc-i-telegram, .callPanelIcon.bc-i-telegram { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(0, 136, 204); } @media (hover: hover) { .social-icon.bc-i-telegram:hover, .header-icon.bc-i-telegram:hover, .callPanelIcon.bc-i-telegram:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-telegram:active, .header-icon.bc-i-telegram:active, .callPanelIcon.bc-i-telegram:active { opacity: 0.8; } } .sidebar-item.telegram { background: rgb(0, 136, 204); } .sidebar-image .bc-i-telegram { color: rgb(0, 136, 204); } .social-icon.bc-i-tiktok, .header-icon.bc-i-tiktok, .callPanelIcon.bc-i-tiktok { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(0, 0, 0); } @media (hover: hover) { .social-icon.bc-i-tiktok:hover, .header-icon.bc-i-tiktok:hover, .callPanelIcon.bc-i-tiktok:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-tiktok:active, .header-icon.bc-i-tiktok:active, .callPanelIcon.bc-i-tiktok:active { opacity: 0.8; } } .sidebar-item.tiktok { background: rgb(0, 0, 0); } .sidebar-image .bc-i-tiktok { color: rgb(0, 0, 0); } .social-icon.bc-i-tumblr, .header-icon.bc-i-tumblr, .callPanelIcon.bc-i-tumblr { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(52, 70, 93); } @media (hover: hover) { .social-icon.bc-i-tumblr:hover, .header-icon.bc-i-tumblr:hover, .callPanelIcon.bc-i-tumblr:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-tumblr:active, .header-icon.bc-i-tumblr:active, .callPanelIcon.bc-i-tumblr:active { opacity: 0.8; } } .sidebar-item.tumblr { background: rgb(52, 70, 93); } .sidebar-image .bc-i-tumblr { color: rgb(52, 70, 93); } .social-icon.bc-i-twitch, .header-icon.bc-i-twitch, .callPanelIcon.bc-i-twitch { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(95, 62, 157); } @media (hover: hover) { .social-icon.bc-i-twitch:hover, .header-icon.bc-i-twitch:hover, .callPanelIcon.bc-i-twitch:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-twitch:active, .header-icon.bc-i-twitch:active, .callPanelIcon.bc-i-twitch:active { opacity: 0.8; } } .sidebar-item.twitch { background: rgb(95, 62, 157); } .sidebar-image .bc-i-twitch { color: rgb(95, 62, 157); } .social-icon.bc-i-twitter, .header-icon.bc-i-twitter, .callPanelIcon.bc-i-twitter { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(0, 0, 0); } @media (hover: hover) { .social-icon.bc-i-twitter:hover, .header-icon.bc-i-twitter:hover, .callPanelIcon.bc-i-twitter:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-twitter:active, .header-icon.bc-i-twitter:active, .callPanelIcon.bc-i-twitter:active { opacity: 0.8; } } .sidebar-item.twitter { background: rgb(0, 0, 0); } .sidebar-image .bc-i-twitter { color: rgb(0, 0, 0); } .social-icon.bc-i-skype, .header-icon.bc-i-skype, .callPanelIcon.bc-i-skype { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(0, 166, 228); } @media (hover: hover) { .social-icon.bc-i-skype:hover, .header-icon.bc-i-skype:hover, .callPanelIcon.bc-i-skype:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-skype:active, .header-icon.bc-i-skype:active, .callPanelIcon.bc-i-skype:active { opacity: 0.8; } } .sidebar-item.skype { background: rgb(0, 166, 228); } .sidebar-image .bc-i-skype { color: rgb(0, 166, 228); } .social-icon.bc-i-viber, .header-icon.bc-i-viber, .callPanelIcon.bc-i-viber { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(119, 78, 151); } @media (hover: hover) { .social-icon.bc-i-viber:hover, .header-icon.bc-i-viber:hover, .callPanelIcon.bc-i-viber:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-viber:active, .header-icon.bc-i-viber:active, .callPanelIcon.bc-i-viber:active { opacity: 0.8; } } .sidebar-item.viber { background: rgb(119, 78, 151); } .sidebar-image .bc-i-viber { color: rgb(119, 78, 151); } .social-icon.bc-i-vk, .header-icon.bc-i-vk, .callPanelIcon.bc-i-vk { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(70, 128, 194); } @media (hover: hover) { .social-icon.bc-i-vk:hover, .header-icon.bc-i-vk:hover, .callPanelIcon.bc-i-vk:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-vk:active, .header-icon.bc-i-vk:active, .callPanelIcon.bc-i-vk:active { opacity: 0.8; } } .sidebar-item.vk { background: rgb(70, 128, 194); } .sidebar-image .bc-i-vk { color: rgb(70, 128, 194); } .social-icon.bc-i-whatsapp, .header-icon.bc-i-whatsapp, .callPanelIcon.bc-i-whatsapp { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(48, 214, 76); } @media (hover: hover) { .social-icon.bc-i-whatsapp:hover, .header-icon.bc-i-whatsapp:hover, .callPanelIcon.bc-i-whatsapp:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-whatsapp:active, .header-icon.bc-i-whatsapp:active, .callPanelIcon.bc-i-whatsapp:active { opacity: 0.8; } } .sidebar-item.whatsapp { background: rgb(48, 214, 76); } .sidebar-image .bc-i-whatsapp { color: rgb(48, 214, 76); } .social-icon.bc-i-youtube, .header-icon.bc-i-youtube, .callPanelIcon.bc-i-youtube { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: red; } @media (hover: hover) { .social-icon.bc-i-youtube:hover, .header-icon.bc-i-youtube:hover, .callPanelIcon.bc-i-youtube:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-youtube:active, .header-icon.bc-i-youtube:active, .callPanelIcon.bc-i-youtube:active { opacity: 0.8; } } .sidebar-item.youtube { background: red; } .sidebar-image .bc-i-youtube { color: red; } .social-icon.bc-i-linkedin, .header-icon.bc-i-linkedin, .callPanelIcon.bc-i-linkedin { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(0, 114, 177); } @media (hover: hover) { .social-icon.bc-i-linkedin:hover, .header-icon.bc-i-linkedin:hover, .callPanelIcon.bc-i-linkedin:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-linkedin:active, .header-icon.bc-i-linkedin:active, .callPanelIcon.bc-i-linkedin:active { opacity: 0.8; } } .sidebar-item.linkedin { background: rgb(0, 114, 177); } .sidebar-image .bc-i-linkedin { color: rgb(0, 114, 177); } .social-icon.bc-i-tv, .header-icon.bc-i-tv, .callPanelIcon.bc-i-tv { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(78, 122, 101); } @media (hover: hover) { .social-icon.bc-i-tv:hover, .header-icon.bc-i-tv:hover, .callPanelIcon.bc-i-tv:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-tv:active, .header-icon.bc-i-tv:active, .callPanelIcon.bc-i-tv:active { opacity: 0.8; } } .sidebar-item.tv { background: rgb(78, 122, 101); } .sidebar-image .bc-i-tv { color: rgb(78, 122, 101); } .social-icon.bc-i-medium, .header-icon.bc-i-medium, .callPanelIcon.bc-i-medium { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(0, 161, 75); } @media (hover: hover) { .social-icon.bc-i-medium:hover, .header-icon.bc-i-medium:hover, .callPanelIcon.bc-i-medium:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-medium:active, .header-icon.bc-i-medium:active, .callPanelIcon.bc-i-medium:active { opacity: 0.8; } } .sidebar-item.medium { background: rgb(0, 161, 75); } .sidebar-image .bc-i-medium { color: rgb(0, 161, 75); } .social-icon.bc-i-threads, .header-icon.bc-i-threads, .callPanelIcon.bc-i-threads { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(0, 0, 0); } @media (hover: hover) { .social-icon.bc-i-threads:hover, .header-icon.bc-i-threads:hover, .callPanelIcon.bc-i-threads:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-threads:active, .header-icon.bc-i-threads:active, .callPanelIcon.bc-i-threads:active { opacity: 0.8; } } .sidebar-item.threads { background: rgb(0, 0, 0); } .sidebar-image .bc-i-threads { color: rgb(0, 0, 0); } .social-icon.bc-i-soundcloud, .header-icon.bc-i-soundcloud, .callPanelIcon.bc-i-soundcloud { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(255, 106, 34); } @media (hover: hover) { .social-icon.bc-i-soundcloud:hover, .header-icon.bc-i-soundcloud:hover, .callPanelIcon.bc-i-soundcloud:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-soundcloud:active, .header-icon.bc-i-soundcloud:active, .callPanelIcon.bc-i-soundcloud:active { opacity: 0.8; } } .sidebar-item.soundcloud { background: rgb(255, 106, 34); } .sidebar-image .bc-i-soundcloud { color: rgb(255, 106, 34); } .social-icon.bc-i-imo, .header-icon.bc-i-imo, .callPanelIcon.bc-i-imo { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(0, 157, 255); } @media (hover: hover) { .social-icon.bc-i-imo:hover, .header-icon.bc-i-imo:hover, .callPanelIcon.bc-i-imo:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-imo:active, .header-icon.bc-i-imo:active, .callPanelIcon.bc-i-imo:active { opacity: 0.8; } } .sidebar-item.imo { background: rgb(0, 157, 255); } .sidebar-image .bc-i-imo { color: rgb(0, 157, 255); } .social-icon.bc-i-discord, .header-icon.bc-i-discord, .callPanelIcon.bc-i-discord { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(88, 101, 242); } @media (hover: hover) { .social-icon.bc-i-discord:hover, .header-icon.bc-i-discord:hover, .callPanelIcon.bc-i-discord:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-discord:active, .header-icon.bc-i-discord:active, .callPanelIcon.bc-i-discord:active { opacity: 0.8; } } .sidebar-item.discord { background: rgb(88, 101, 242); } .sidebar-image .bc-i-discord { color: rgb(88, 101, 242); } .social-icon.bc-i-heylink, .header-icon.bc-i-heylink, .callPanelIcon.bc-i-heylink { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(70, 215, 209); } @media (hover: hover) { .social-icon.bc-i-heylink:hover, .header-icon.bc-i-heylink:hover, .callPanelIcon.bc-i-heylink:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-heylink:active, .header-icon.bc-i-heylink:active, .callPanelIcon.bc-i-heylink:active { opacity: 0.8; } } .sidebar-item.heylink { background: rgb(70, 215, 209); } .sidebar-image .bc-i-heylink { color: rgb(70, 215, 209); } .social-icon.bc-i-yophone, .header-icon.bc-i-yophone, .callPanelIcon.bc-i-yophone { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(221, 241, 84); } @media (hover: hover) { .social-icon.bc-i-yophone:hover, .header-icon.bc-i-yophone:hover, .callPanelIcon.bc-i-yophone:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-yophone:active, .header-icon.bc-i-yophone:active, .callPanelIcon.bc-i-yophone:active { opacity: 0.8; } } .sidebar-item.yophone { background: rgb(221, 241, 84); } .sidebar-image .bc-i-yophone { color: rgb(221, 241, 84); } .social-icon.bc-i-blueSky, .header-icon.bc-i-blueSky, .callPanelIcon.bc-i-blueSky { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(0, 133, 255); } @media (hover: hover) { .social-icon.bc-i-blueSky:hover, .header-icon.bc-i-blueSky:hover, .callPanelIcon.bc-i-blueSky:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-blueSky:active, .header-icon.bc-i-blueSky:active, .callPanelIcon.bc-i-blueSky:active { opacity: 0.8; } } .sidebar-item.blueSky { background: rgb(0, 133, 255); } .sidebar-image .bc-i-blueSky { color: rgb(0, 133, 255); } .social-icon.bc-i-X, .header-icon.bc-i-X, .callPanelIcon.bc-i-X { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(0, 0, 0); } @media (hover: hover) { .social-icon.bc-i-X:hover, .header-icon.bc-i-X:hover, .callPanelIcon.bc-i-X:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-X:active, .header-icon.bc-i-X:active, .callPanelIcon.bc-i-X:active { opacity: 0.8; } } .sidebar-item.X { background: rgb(0, 0, 0); } .sidebar-image .bc-i-X { color: rgb(0, 0, 0); } .social-icon.bc-i-github, .header-icon.bc-i-github, .callPanelIcon.bc-i-github { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(64, 120, 192); } @media (hover: hover) { .social-icon.bc-i-github:hover, .header-icon.bc-i-github:hover, .callPanelIcon.bc-i-github:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-github:active, .header-icon.bc-i-github:active, .callPanelIcon.bc-i-github:active { opacity: 0.8; } } .sidebar-item.github { background: rgb(64, 120, 192); } .sidebar-image .bc-i-github { color: rgb(64, 120, 192); } .social-icon.bc-i-vivarome, .header-icon.bc-i-vivarome, .callPanelIcon.bc-i-vivarome { color: rgb(255, 255, 255); transition: opacity var(--default-transition-duration); background-color: rgb(2, 182, 91); } @media (hover: hover) { .social-icon.bc-i-vivarome:hover, .header-icon.bc-i-vivarome:hover, .callPanelIcon.bc-i-vivarome:hover { opacity: 0.8; cursor: pointer; } } @media not all and (hover: hover) { .social-icon.bc-i-vivarome:active, .header-icon.bc-i-vivarome:active, .callPanelIcon.bc-i-vivarome:active { opacity: 0.8; } } .sidebar-item.vivarome { background: rgb(2, 182, 91); } .sidebar-image .bc-i-vivarome { color: rgb(2, 182, 91); } .spoiler { border-top: 1px solid rgba(var(--b-sc), .1); border-bottom: 1px solid rgba(var(--b-sc), .1); position: relative; } .spoiler + .spoiler { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } .spoiler > input[type="checkbox"] { z-index: 10; opacity: 0; cursor: pointer; width: 100%; min-height: 40px; position: absolute; top: 0px; } .spoiler > input[type="checkbox"]:checked ~ .spoiler-title { color: rgba(var(--accent), 1); } .spoiler > input[type="checkbox"]:checked ~ .spoiler-title::before { content: ""; } .spoiler > input[type="checkbox"]:checked ~ .spoiler-content { height: auto; padding-bottom: 10px; } .spoiler .spoiler-toggle { display: none; } .spoiler .spoiler { padding-inline-start: 14px; } .spoiler-title { color: rgba(var(--b-sc), .9); align-items: center; min-height: 40px; padding: 10px 0px; padding-inline-start: 16px; font-size: 14px; font-weight: 400; display: flex; position: relative; } .spoiler-title::before { content: ""; font: 9px / 38px BetConstruct-Icons; position: absolute; top: 0px; } [dir="ltr"] .spoiler-title::before { left: 0px; } [dir="rtl"] .spoiler-title::before { right: 0px; } .spoiler-content { height: 0px; overflow: hidden; } .spoiler-content p { color: rgba(var(--b-sc), .9); } .form-control-bc { position: relative; } .form-control-bc.expanded .form-control-icon-bc[class*="bc-i-small-arrow"]::before { transform: rotate(180deg); } .form-control-bc.focused .form-control-title-bc, .form-control-bc.filled .form-control-title-bc { font-size: 12px; line-height: 15px; top: -2px; } .form-control-bc.focused .form-control-input-stroke-bc::after { background: rgba(var(--hero), 1); width: 100%; } .form-control-bc.focused .form-control-icon-bc.bc-i-arrow-drop-down-bottom { color: rgba(var(--hero), 1); transform: rotateX(180deg); } .form-control-bc.invalid .form-control-input-stroke-bc::after { background: rgba(var(--oc-3), 1); width: 100%; box-shadow: 0 2px 4px 0 rgba(var(--oc-3), 1); } .form-control-bc.invalid .form-control-input-bc, .form-control-bc.invalid .form-control-textarea-bc { border: 1px solid rgba(var(--oc-3), 1); } .form-control-bc.invalid .form-control-input-bc:not([type="password"]):not([type="number"]):not([type="tel"]), .form-control-bc.invalid .form-control-textarea-bc:not([type="password"]):not([type="number"]):not([type="tel"]) { color: rgba(var(--oc-3), 1); } .form-control-bc.invalid .form-control-select-bc { border: 1px solid rgba(var(--oc-3), 1); } .form-control-bc.invalid .form-control-input-bc:read-only:not([type="password"]):not([type="number"]):not([type="tel"]), .form-control-bc.invalid .form-control-textarea-bc:read-only:not([type="password"]):not([type="number"]):not([type="tel"]) { color: rgba(var(--oc-3), .6); } .form-control-label-bc { align-items: center; display: flex; position: relative; } .form-control-label-bc.inputs { height: 52px; caret-color: rgba(var(--b-sc), .9); } .form-control-label-bc.textareas { background: rgba(var(--b), 1); } .form-control-label-bc.textareas .form-control-textarea-bc { padding-top: 36px; } .form-control-label-bc.textareas .form-control-textarea { resize: none; width: 100%; color: rgba(var(--b-sc), .9); box-sizing: border-box; overflow-x: hidden; } .form-control-label-bc.textareas .form-control-textarea::placeholder { color: rgba(var(--b-sc), .4); } .form-control-input-bc, .form-control-textarea-bc { box-sizing: border-box; width: 100%; height: 100%; color: rgba(var(--b-sc), 1); transition: color var(--default-transition-duration) ease; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-family: inherit; font-size: 14px; font-weight: 400; } .form-control-input-bc[type="date"], .form-control-textarea-bc[type="date"] { line-height: 29px; } .form-control-icon-bc { text-align: center; justify-content: center; align-items: center; width: 20px; height: 20px; font-size: 10px; display: flex; } .form-control-icon-bc[class*="bc-i-eye"] { width: 26px; height: 26px; font-size: 20px; } .form-control-icon-bc[class*="bc-i-small-arrow"]::before { transition: all var(--default-transition-duration); } .form-control-icon-bc, .sport-search-icon { color: rgba(var(--b-sc), .8); cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); } [dir="ltr"] .form-control-icon-bc, [dir="ltr"] .sport-search-icon { right: 14px; } [dir="rtl"] .form-control-icon-bc, [dir="rtl"] .sport-search-icon { left: 14px; } .sport-search-icon { transition: color var(--default-transition-duration) ease; font-size: 12px; } .sport-search-icon:hover { color: rgba(var(--b-sc), 1); } .form-control-fine-name-bc { width: 100%; height: 100%; color: rgba(var(--b-sc), 1); font-size: 12px; font-weight: 400; line-height: 52px; display: block; } .form-control-input-stroke-bc { width: 100%; height: 2px; margin: 0px auto; display: block; position: absolute; bottom: 0px; left: 0px; right: 0px; } .form-control-input-stroke-bc::before, .form-control-input-stroke-bc::after { content: ""; height: 100%; margin: 0px auto; display: block; position: absolute; top: 0px; left: 0px; right: 0px; } .form-control-input-stroke-bc::before { background-color: var(--skin-palette-16); width: 100%; transition-property: background-color, opacity; transition-duration: var(--default-transition-duration); opacity: 0.5; } .form-control-input-stroke-bc::after { width: 0px; transition-property: width, background-color; transition-duration: var(--default-transition-duration); transform: translate(0px, 0px); } .form-control-title-bc { width: calc(100% - 48px); color: rgba(var(--b-sc), .4); text-align: start; transition-property: top, font-size, line-height, color; transition-duration: var(--default-transition-duration); pointer-events: none; font-size: 12px; line-height: 14px; position: absolute; top: 12px; } .form-control-message-holder-bc { animation: form-control-message var(--default-transition-duration) ease; margin-top: 3px; } @keyframes form-control-message { 0% { transform: translateY(-50%); } 100% { transform: translateY(0%); } } .form-control-message-bc { color: rgba(var(--b-sc), 1); background: rgba(var(--oc-3), .2); border-radius: var(--border-radius); padding: 5px; font-size: 12px; display: flex; } .checkbox-control-bc .form-control-message-bc { padding-inline-start: 28px; } .checkbox-control-content-bc { display: flex; position: relative; } [class*="is-web"] .checkbox-control-content-bc { cursor: pointer; } .checkbox-control-input-bc { opacity: 0; pointer-events: none; position: absolute; } .checkbox-control-input-bc:checked ~ .checkbox-control-icon-bc { background: rgba(var(--hero), 1); } .checkbox-control-input-bc:checked ~ .checkbox-control-icon-bc::before { transform: scale(1); } .checkbox-control-input-bc:checked:disabled ~ .checkbox-control-icon-bc { background: rgba(var(--hero), .4); } .checkbox-control-input-bc:disabled ~ .checkbox-control-icon-bc { background: rgba(var(--b-sc), .05); } .checkbox-control-icon-bc { text-align: center; background: rgba(var(--b-sc), .2); border-radius: var(--border-radius); width: 16px; height: 16px; color: rgba(var(--hero-sc), 1); transition: background var(--slow-transition-duration); flex-shrink: 0; font-size: 9px; line-height: 18px; } .checkbox-control-icon-bc + .checkbox-control-text-bc { margin-inline-start: 14px; } .checkbox-control-icon-bc::before { transition: transform var(--slow-transition-duration); display: block; transform: scale(0); } .checkbox-control-text-bc { color: rgba(var(--b-sc), .7); flex: 1 1 auto; font-size: 14px; line-height: 16px; } .checkbox-control-text-bc a { color: rgba(var(--b-sc), .9); text-decoration: underline; } .checkbox-control-text-content span *, .checkbox-control-text-privacy { display: inline; } .privacy-police-text { padding: 0px 5px; } .radio-control-bc ~ .radio-control-bc { margin-inline-start: 15px; } .form-control-title-static-bc { width: 100%; color: rgba(var(--b-sc), .7); font-size: 12px; line-height: 16px; } .form-control-title-static-bc > a { color: rgba(var(--b-sc), .5); text-decoration: underline; } .radio-control-content-bc { padding-inline-start: 24px; } [class*="is-web"] .radio-control-content-bc { cursor: pointer; } .register .telephone .form-controls-field-content, .reg-via-wallet .telephone .form-controls-field-content { display: flex; } [dir="ltr"] .register .telephone .form-control-icon-bc, [dir="ltr"] .reg-via-wallet .telephone .form-control-icon-bc { right: 6px; } [dir="rtl"] .register .telephone .form-control-icon-bc, [dir="rtl"] .reg-via-wallet .telephone .form-control-icon-bc { left: 6px; } [dir="rtl"] .register .telephone .form-control-input-bc, [dir="rtl"] .reg-via-wallet .telephone .form-control-input-bc { text-align: end; } .form-controls-field-bc.country-code { flex-shrink: 0; min-width: 84px; } .form-controls-field-bc.country-code + .form-controls-field-bc { flex: 1 1 auto; padding-inline-start: 5px; } .form-controls-field-bc.country-code .form-control-title-bc { top: 10px; } .form-controls-field-bc.country-code .ftr-lang-bar-flag-bc { margin-inline-end: 4px; position: static; } .select-option-holder-bc { width: 100%; height: 100%; display: block; position: relative; } .select-option-bc { appearance: none; text-transform: capitalize; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; outline: none; width: 100%; height: 100%; font-family: inherit; display: block; } [dir="ltr"] .select-option-bc { padding-left: 8px; padding-right: 30px; } [dir="rtl"] .select-option-bc { padding-left: 30px; padding-right: 8px; } .select-option-bc > option { color: rgba(var(--b), 1); } .select-option-bc:focus + .select-option-icon-bc { transform: rotateX(180deg); } .select-option-icon-bc { vertical-align: top; width: 12px; height: 12px; transition: transform var(--default-transition-duration) ease; margin: auto 0px; font-size: 8px; line-height: 12px; display: inline-block; position: absolute; top: 0px; bottom: 0px; } [dir="ltr"] .select-option-icon-bc { right: 9px; } [dir="rtl"] .select-option-icon-bc { left: 9px; } .form-control-input-stroke-bc { display: none; } .form-control-textarea-bc, .form-control-input-bc, .form-control-select-bc, .form-control-fine-name-bc, .form-control-label-file-bc { color: rgba(var(--b-sc), .9); background: rgba(var(--b-sc), .15); border-radius: var(--border-radius); transition: background var(--default-transition-duration); padding: 20px 15px 4px; font-size: 14px; } .form-control-textarea-bc:disabled, .form-control-input-bc:disabled, .form-control-select-bc:disabled, .form-control-fine-name-bc:disabled, .form-control-label-file-bc:disabled { background: rgba(var(--b-sc), .05); } .form-control-select-bc { cursor: pointer; } .form-control-select-bc, .form-control-label-file-bc { padding-inline-end: 30px; } .form-control-fine-name-bc { padding-top: 10px; } .form-control-input-bc:read-only { color: rgba(var(--b-sc), .6); background: rgba(var(--b-sc), .05); } .form-control-input-bc:read-only ~ .form-control-title-bc { color: rgba(var(--b-sc), .4); } .form-control-input-bc:not([name="phoneCode"], [name="phoneNumber"]) { padding-inline-end: 44px; } [dir="rtl"] .form-control-input-bc[name="field2"], [dir="rtl"] .form-control-input-bc[name="receiver_mobile_no"] { text-align: end; direction: ltr; padding-inline-end: 15px; } [dir="rtl"] .form-control-input-bc[type="tel"] { text-align: end; padding-inline: 44px 15px; } .form-control-textarea-bc .form-control-textarea:read-only { color: rgba(var(--b-sc), .6); background: rgba(var(--b-sc), .05); } .form-control-textarea-bc .form-control-textarea:read-only ~ .form-control-title-bc { color: rgba(var(--b-sc), .4); } .form-control-textarea-bc .form-control-textarea:not([name="phoneCode"], [name="reason_text"]) { padding-inline-end: 44px; } .form-control-title-bc { padding: 0px; font-weight: 400; top: 20px; } [dir="ltr"] .form-control-title-bc { left: 15px; } [dir="rtl"] .form-control-title-bc { right: 15px; } .form-control-bc.focused .form-control-title-bc, .form-control-bc.filled .form-control-title-bc { top: 10px; } .bonus-request .textareas .form-control-textarea-bc { padding: 10px 15px 15px; } .u-i-common-content-textarea, .u-i-common-content-textarea + .u-i-p-c-footer-bc { margin-top: 10px; } .input-search-field { position: relative; } .input-search-field input { color: rgba(var(--b-sc), .9); margin-bottom: 2px; padding-top: 12px; padding-bottom: 12px; font-size: 12px; } .input-search-field input::placeholder { color: rgba(var(--b-sc), .4); } [dir="ltr"] .input-search-field .ss-icon-bc { left: auto; right: 16px; } [dir="rtl"] .input-search-field .ss-icon-bc { left: 16px; right: auto; } .form-control-email-suggested { border-radius: var(--border-radius); background: rgba(var(--b), 1); z-index: 1; width: 100%; margin-top: 1px; padding: 6px; position: absolute; top: 100%; left: 0px; overflow: hidden; } .form-control-email-suggested::before { content: ""; background: rgba(var(--b-sc), .1); pointer-events: none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .form-control-email-list { will-change: scroll-position; width: 100%; max-height: 18vh; overflow: hidden auto; } [class*="is-mobile"] .form-control-email-list { scrollbar-width: none; } [class*="is-mobile"] .form-control-email-list::-webkit-scrollbar { display: none; } .form-control-email-list li { border-radius: var(--border-radius); padding: 6px 10px; font-size: 12px; } .form-control-email-list li + li { border-top: 1px solid rgba(var(--b), 1); } .form-control-email-list li:not(.isActive) { color: rgba(var(--b-sc), .8); background: rgba(var(--b-sc), .1); } .form-control-email-list li.isActive { color: rgba(var(--b-sc), .9); background: rgba(var(--b-sc), .2); } [class*="is-web"] .form-control-email-list li:hover { color: rgba(var(--b-sc), .9); background: rgba(var(--b-sc), .2); transition-property: color, background-color; transition-duration: var(--default-transition-duration); } [class*="is-web"] .form-control-email-list li { cursor: pointer; } [dir="rtl"] .form-control-email-list li { text-align: end; direction: ltr; } .user-entrance-bc { background-color: rgb(0, 91, 85); padding: 16px; } .usr-ent-text-bc { color: rgb(255, 200, 84); text-align: center; font-size: 20px; font-weight: 400; line-height: 26px; display: block; } .usr-ent-text-bc::first-letter { text-transform: capitalize; } .usr-ent-form-bc { padding-top: 36px; } .usr-ent-form-item-bc { margin-bottom: 14px; } .usr-ent-form-item-bc.forgot-password { text-align: center; } .usr-ent-form-actions-holder-bc { table-layout: fixed; border-radius: 5px; width: 100%; display: table; overflow: hidden; } .usr-ent-form-error-holder-bc { margin-bottom: 14px; } .usr-ent-form-error-bc { vertical-align: top; color: rgb(219, 28, 48); font-size: 12px; font-weight: 400; display: inline-block; } .usr-ent-form-action-item-bc { vertical-align: top; display: table-cell; } .usr-ent-form-action-bc { box-sizing: border-box; width: 100%; height: 40px; transition: background-color var(--default-transition-duration) ease; color: rgb(0, 0, 0); text-transform: uppercase; cursor: pointer; background-color: rgb(255, 200, 84); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-family: inherit; font-size: 18px; font-weight: 700; display: block; } .usr-ent-form-action-bc[disabled] { opacity: 0.7; pointer-events: none; } .usr-ent-form-action-bc:hover { background-color: rgb(255, 192, 59); } .usr-ent-forgot-password-bc { vertical-align: top; color: rgb(158, 158, 158); transition: color var(--default-transition-duration) ease; cursor: pointer; font-size: 14px; font-weight: 400; display: inline-block; } .usr-ent-forgot-password-bc::first-letter { text-transform: capitalize; } .usr-ent-forgot-password-bc:hover { color: rgb(255, 255, 255); } .market-group-holder-bc { display: flex; } .market-group-holder-bc > div { width: 100%; } .market-group-holder-bc > div + div { margin-inline-start: 1px; } .market-group-holder-bc.ext-24 > .market-group-item-bc { height: 24px; } .market-group-holder-bc.ext-32 > .market-group-item-bc { height: 32px; } .market-group-holder-bc.ext-44 > .market-group-item-bc { height: 44px; } .odometer-inside { display: inline-flex; } [dir="rtl"] .odometer-inside { direction: ltr; } .Toastify .Toastify__toast { border-radius: var(--border-radius); min-height: 54px; } .Toastify .Toastify__toast-theme--colored.Toastify__toast--success { background: rgb(0, 141, 71); } .Toastify .Toastify__toast-theme--colored.Toastify__toast--warning { background: rgb(170, 127, 0); } .Toastify .Toastify__toast-container { z-index: 10001; touch-action: pan-y; } @media screen and (width <= 480px) { .Toastify .Toastify__toast-container { width: calc(-20px + 100vw); margin-bottom: 54px; } [dir="ltr"] .Toastify .Toastify__toast-container { left: 10px; } [dir="rtl"] .Toastify .Toastify__toast-container { right: 10px; } } .Toastify__toast-body { font-weight: 500; font-family: var(--font-family); } script[src*="recaptcha"] + div { max-width: 400px; margin: auto; left: 0px !important; right: 0px !important; } .g-recaptcha-bubble-arrow { display: none; } .Toastify .Toastify__toast-theme--colored.Toastify__toast--success.new-message-toast-notification-bonus, .Toastify .Toastify__toast-theme--colored.Toastify__toast--success.new-message-toast-notification { background: rgba(var(--hero)); color: rgba(var(--hero-sc)); } .Toastify .Toastify__toast-theme--colored.Toastify__toast--success.new-message-toast-notification .Toastify__close-button { display: none; } .Toastify .Toastify__toast-theme--colored.Toastify__toast--success.new-message-toast-notification .new-message-toast-notification-content { justify-content: space-between; display: flex; } .Toastify .Toastify__toast-theme--colored.Toastify__toast--success.new-message-toast-notification .new-message-toast-notification-content > span:last-child { text-transform: uppercase; } .Toastify__toast.Toastify__toast-theme--colored.Toastify__toast--success.cashback-notification { background: rgba(var(--oc-1), .2); border-inline-start: 5px solid rgba(var(--oc-1), 1); backdrop-filter: blur(5px); } [class*="is-mobile"] .Toastify__toast.Toastify__toast-theme--colored.Toastify__toast--success.cashback-notification { margin-top: 10px; } [dir="ltr"] .Toastify__toast.Toastify__toast-theme--colored.Toastify__toast--success.cashback-notification .Toastify__toast-body { direction: ltr; } [dir="rtl"] .Toastify__toast.Toastify__toast-theme--colored.Toastify__toast--success.cashback-notification .Toastify__toast-body { direction: rtl; } .notificationClose { color: rgba(var(--b-sc), .7); font-size: 14px; position: absolute; top: 10px; } [class*="is-web"] .notificationClose { cursor: pointer; } [class*="is-web"] .notificationClose:hover { transition: color var(--default-transition-duration) ease; color: rgba(var(--b-sc), .9); } [dir="ltr"] .notificationClose { right: 10px; } [dir="rtl"] .notificationClose { left: 10px; } :root { --fds-ref-letter-spacing-none: 0; --fds-ref-letter-spacing-320: .4px; --fds-ref-font-weight-bold: 700; --fds-ref-font-weight-semibold: 600; --fds-ref-font-weight-medium: 500; --fds-ref-font-weight-regular: 400; --fds-ref-font-size-280: 56px; --fds-ref-font-size-240: 48px; --fds-ref-font-size-200: 40px; --fds-ref-font-size-160: 32px; --fds-ref-font-size-120: 24px; --fds-ref-font-size-90: 18px; --fds-ref-font-size-80: 16px; --fds-ref-font-size-70: 14px; --fds-ref-font-size-60: 12px; --fds-ref-font-size-50: 10px; --fds-ref-font-size-40: 8px; --fds-ref-font-line-height-360: 72px; --fds-ref-font-line-height-320: 64px; --fds-ref-font-line-height-240: 48px; --fds-ref-font-line-height-200: 40px; --fds-ref-font-line-height-160: 32px; --fds-ref-font-line-height-120: 24px; --fds-ref-font-line-height-100: 20px; --fds-ref-font-line-height-80: 16px; --fds-ref-font-line-height-70: 14px; --fds-ref-font-line-height-60: 12px; --fds-ref-border-width-none: 0; --fds-ref-border-width-thin: 1px; --fds-ref-border-width-thick: 2px; --fds-ref-border-width-thicker: 4px; --fds-ref-border-style-solid: solid; --fds-ref-border-width-dashed: dashed; --fds-ref-alpha-2: .02; --fds-ref-alpha-4: .04; --fds-ref-alpha-6: .06; --fds-ref-alpha-8: .08; --fds-ref-alpha-12: .12; --fds-ref-alpha-16: .16; --fds-ref-alpha-24: .24; --fds-ref-alpha-32: .32; --fds-ref-alpha-40: .4; --fds-ref-alpha-48: .48; --fds-ref-alpha-56: .56; --fds-ref-alpha-64: .64; --fds-ref-alpha-72: .72; --fds-ref-alpha-80: .8; --fds-ref-alpha-90: .9; --fds-ref-alpha-100: 1; --fds-ref-radius-none: 0px; --fds-ref-radius-4xsmall: 2px; --fds-ref-radius-3xsmall: 4px; --fds-ref-radius-2xsmall: 6px; --fds-ref-radius-xsmall: 8px; --fds-ref-radius-small: 10px; --fds-ref-radius-medium: 12px; --fds-ref-radius-large: 16px; --fds-ref-radius-full: 999px; --fds-sem-dimension-none: 0px; --fds-sem-dimension-4xsmall: 4px; --fds-sem-dimension-3xsmall-nudge: 6px; --fds-sem-dimension-3xsmall: 8px; --fds-sem-dimension-2xsmall: 12px; --fds-sem-dimension-xsmall: 16px; --fds-sem-dimension-xsmall-nudge: 20px; --fds-sem-dimension-small: 24px; --fds-sem-dimension-medium-nudge: 28px; --fds-sem-dimension-medium: 32px; --fds-sem-dimension-large-nudge: 36px; --fds-sem-dimension-large: 40px; --fds-sem-dimension-xlarge-nudge: 46px; --fds-sem-dimension-xlarge: 48px; --fds-sem-dimension-2xlarge: 56px; --fds-sem-dimension-3xlarge: 64px; --fds-sem-dimension-3xlarge-nudge: 72px; --fds-sem-dimension-4xlarge: 80px; --fds-sem-dimension-5xlarge: 96px; --fds-sem-dimension-6xlarge: 120px; --fds-sem-dimension-7xlarge: 160px; --fds-ref-spacing-11xlarge: 80px; --fds-ref-spacing-10xlarge: 64px; --fds-ref-spacing-9xlarge: 56px; --fds-ref-spacing-8xlarge: 48px; --fds-ref-spacing-7xlarge: 44px; --fds-ref-spacing-6xlarge: 40px; --fds-ref-spacing-5xlarge: 36px; --fds-ref-spacing-4xlarge: 32px; --fds-ref-spacing-3xlarge: 28px; --fds-ref-spacing-2xlarge: 24px; --fds-ref-spacing-xlarge: 20px; --fds-ref-spacing-large: 16px; --fds-ref-spacing-medium: 12px; --fds-ref-spacing-small: 10px; --fds-ref-spacing-xsmall: 8px; --fds-ref-spacing-2xsmall: 6px; --fds-ref-spacing-2xsmall-nudge: 5px; --fds-ref-spacing-3xsmall: 4px; --fds-ref-spacing-4xsmall: 2px; --fds-ref-spacing-none: 0px; --font-family: Rubik, sans-serif; --border-radius: 4px; --border-radius-middle: 8px; --border-radius-big: 16px; --default-transition-duration: .24s; --slow-transition-duration: .4s; --default-transition-delay: .1s; --slow-transition-delay: .4s; --tab-navigation-height: 53px; --betslip-header-height: 49px; --desktop-header-height: 56px; --desktop-nav-height: 36px; --desktop-sub-nav-height: 36px; --desktop-header-margin-bottom: 10px; --desktop-header-full-height: calc(var(--desktop-header-height) + var(--desktop-nav-height)); --desktop-header-nav-full-height: calc(var(--desktop-header-full-height) + var(--desktop-sub-nav-height)); --padding-page-aside: 7px; --desktop-smart-panel-live-support-height: 50px; --desktop-smart-panel-button-holder-vertical: 50px; --desktop-smart-panel-button-padding-vertical: 4px; --desktop-smart-panel-button-width-height: 42px; --desktop-home-page-aside-width: 272px; --desktop-home-page-content-width: 1328px; --desktop-smart-panel-width: 48px; --desktop-breakpoint-1: 1358px; --desktop-dynamic-panel-width: 340px; --desktop-dynamic-panel-width-2: -340px; --mobile-betslip-compact-height: 42px; --desktop-entrance-popup-banner-width: 254px; --desktop-entrance-popup-sign-in-width: 688px; --desktop-entrance-popup-registration-width: 688px; --desktop-entrance-popup-height: 578px; --layout-width: 1670px; --desktop-home-page-gutter: 8px; } html { font-family: var(--font-family); } html.scroll-locked { height: var(--window-height); overflow: hidden; } html.scroll-locked body { height: var(--window-height); } html:not([style]) .bc-loader { display: none; } html[lang="ku"] { font-family: Roboto-Regular, Arial, Helvetica, sans-serif; } html, body { width: 100%; min-height: 100%; } body { background: rgba(var(--b), 1); } .ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .opacity { opacity: 0.4; } .disabled { opacity: 0.4; pointer-events: none; } .hidden-global { opacity: 0; pointer-events: none; } .no-cursor { cursor: auto !important; } .display-none { display: none !important; } .underline { cursor: pointer; text-decoration: underline; } ::-webkit-calendar-picker-indicator { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .home:not([style]) { color: rgba(var(--hero), 1); } .away:not([style]) { color: rgba(var(--brand), 1); } .empty-b-text-v-bc { width: 100%; color: rgba(var(--b-sc), .7); text-align: center; justify-content: center; align-items: center; padding: 5vh 10px; display: flex; } .bc-loader { width: 100%; height: 100%; margin: auto; padding: 2vh 0px; display: flex; top: 0px; left: 0px; } .bc-loader.small { width: auto; padding: 0px; } .bc-loader.full { height: 88vh; } .full-transparent-loader { background: rgba(var(--b), .7); z-index: 100; position: fixed; } .selected-underline { position: relative; } .selected-underline::before { content: ""; background: rgba(var(--hero), 1); width: 0px; height: 1px; transition: width 0.24s, left 0.24s; display: block; position: absolute; bottom: 0px; left: 50%; } .selected-underline.active::before { width: 100%; left: 0px; } .need-to-login { flex-direction: column; max-width: 370px; margin: auto; } .need-to-login .btn { margin-top: 20px; } hr { border-top-width: medium; border-top-style: none; border-color: rgba(var(--b-sc), .1); } [data-status="0"] { color: rgb(255, 52, 73) !important; } [data-status="1"] { color: rgb(16, 145, 33) !important; } [data-status="2"] { color: rgb(170, 127, 0); } [data-status="3"] { color: rgba(var(--b-sc), 1); } [data-status="4"] { color: rgb(193, 136, 32); } [data-status="5"] { color: rgb(124, 136, 141); } [data-status="6"] { color: rgb(211, 141, 114); } [data-status="7"] { color: rgba(var(--b-sc), .8); } [data-status="8"] { color: rgb(1, 124, 160); } [data-status="9"] { color: rgb(0, 0, 255); } [data-status="10"] { color: orange !important; } [data-status="11"] { color: rgb(221, 130, 210); } [data-status="read"] { background: rgba(var(--b-sc), .1); } [data-status="unread"] { background: rgba(var(--b-sc), .2); position: relative; } [data-status="unread"]::before { content: ""; background: rgba(var(--hero), 1); border: 2px solid rgba(var(--b), 1); border-radius: 50%; width: 8px; height: 8px; position: absolute; top: -1px; } [dir="ltr"] [data-status="unread"]::before { right: -1px; } [dir="rtl"] [data-status="unread"]::before { left: -1px; } @media screen and (width >= 1024px) { html { min-width: 1020px; } } html { text-size-adjust: none; } html.is-web { -webkit-tap-highlight-color: transparent; } html.is-web ::-webkit-scrollbar { width: 6px; height: 6px; } html.is-web ::-webkit-scrollbar-track { background: rgba(var(--b-sc), var(--fds-ref-alpha-8)); border-radius: var(--border-radius); } html.is-web ::-webkit-scrollbar-thumb { background: rgba(var(--b-sc), var(--fds-ref-alpha-24)); border-radius: var(--border-radius); } html.is-web ::selection { color: rgba(var(--b-sc), 1); background: rgba(var(--hero), 1); } html.is-web .empty-b-text-v-bc { font-size: 13px; line-height: 16px; } html.is-web .in-center { align-items: center; height: 100%; padding: 0px 20px; display: flex; } html .empty-b-text-v-bc { font-size: 16px; line-height: 18px; } .grecaptcha-badge { display: none; } .Toastify__toast-container:has(.toast-notification-message) { top: 49px; } .toast-notification-message.Toastify__toast { color: rgba(255, 255, 255, 0.9); border-radius: var(--border-radius-middle); z-index: 0; background: 0px 0px; min-height: 60px; margin-inline: auto; padding: 16px; position: absolute; left: 0px; right: 0px; } .toast-notification-message.Toastify__toast:not(:first-child, :nth-child(2)) { width: 88%; top: 60px; } .toast-notification-message.Toastify__toast:first-child { z-index: 3; width: 100%; top: 40px; } .toast-notification-message.Toastify__toast:nth-child(2) { z-index: 2; width: 94%; top: 50px; } .toast-notification-message.Toastify__toast::before { content: ""; border: 1px solid var(--lighten-12,#ffffff1f); background: linear-gradient(91deg, #ffad291f 0.95%, #ffad290f 25.64%, #ffad2900 50.33%), var(--lighten-24,#ffffff3d); backdrop-filter: blur(50px); pointer-events: none; z-index: -1; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 8px inset, rgba(255, 255, 255, 0.04) 0px -2px 4px inset; } [class*="is-mobile"] .toast-notification-message.Toastify__toast + .toast-close-all-wrapper { position: static; } .toast-notification-message .Toastify__toast-body { padding: 0px; } .toast-notification-message .Toastify__toast-icon { display: none; } .toast-close-all-button { color: rgba(255, 255, 255, 0.64); border-radius: var(--border-radius); z-index: 0; background: rgb(61, 61, 61); padding: 4px 8px; font-size: 12px; font-weight: 400; position: absolute; top: 9px; right: 0px; overflow: hidden; } .toast-close-all-button:hover { transition: color var(--default-transition-duration) ease; } [class*="is-web"] .toast-close-all-button:hover { color: rgba(255, 255, 255, 0.84); cursor: pointer; } .toast-notification-icon { color: rgb(255, 173, 41); } .toast-notification-message-content { align-items: center; gap: 8px; display: flex; } .toast-notification-message-text { color: rgba(var(--b-sc), .8); flex: 1 1 auto; padding-inline-end: 24px; font-size: 12px; font-weight: 500; } .toast-notification-message-remove { text-align: center; width: 20px; height: 20px; color: rgba(var(--b-sc), .64); font-size: 12px; line-height: 20px; } .toast-notification-message-remove:hover { transition: color var(--default-transition-duration) ease; } [class*="is-web"] .toast-notification-message-remove:hover { color: rgba(var(--b-sc), .84); cursor: pointer; } :root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: #e74c3c; --toastify-color-transparent: #ffffffb3; --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-toast-width: 320px; --toastify-toast-offset: 16px; --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top)); --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right)); --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left)); --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom)); --toastify-toast-background: #fff; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-toast-bd-radius: 6px; --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); --toastify-color-progress-bgo: .2; } .Toastify__toast-container { z-index: var(--toastify-z-index); transform: translate3d(0, 0, var(--toastify-z-index)); width: var(--toastify-toast-width); box-sizing: border-box; color: rgb(255, 255, 255); padding: 4px; position: fixed; } .Toastify__toast-container--top-left { top: var(--toastify-toast-top); left: var(--toastify-toast-left); } .Toastify__toast-container--top-center { top: var(--toastify-toast-top); left: 50%; transform: translate(-50%); } .Toastify__toast-container--top-right { top: var(--toastify-toast-top); right: var(--toastify-toast-right); } .Toastify__toast-container--bottom-left { bottom: var(--toastify-toast-bottom); left: var(--toastify-toast-left); } .Toastify__toast-container--bottom-center { bottom: var(--toastify-toast-bottom); left: 50%; transform: translate(-50%); } .Toastify__toast-container--bottom-right { bottom: var(--toastify-toast-bottom); right: var(--toastify-toast-right); } @media only screen and (width <= 480px) { .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: 0px; padding: 0px; } .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right { top: env(safe-area-inset-top); transform: translate(0px); } .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right { bottom: env(safe-area-inset-bottom); transform: translate(0px); } .Toastify__toast-container--rtl { right: env(safe-area-inset-right); left: initial; } } .Toastify__toast { --y: 0; touch-action: none; min-height: var(--toastify-toast-min-height); box-sizing: border-box; border-radius: var(--toastify-toast-bd-radius); max-height: var(--toastify-toast-max-height); font-family: var(--toastify-font-family); cursor: default; z-index: 0; direction: ltr; justify-content: space-between; margin-bottom: 1rem; padding: 8px; display: flex; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } .Toastify__toast--stacked { width: 100%; transform: translate3d(0, var(--y), 0) scale(var(--s)); transition: transform 0.3s; position: absolute; } .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button { transition: opacity 0.1s; } .Toastify__toast--stacked[data-collapsed="false"] { overflow: visible; } .Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > * { opacity: 0; } .Toastify__toast--stacked::after { content: ""; height: calc(var(--g) * 1px); position: absolute; bottom: 100%; left: 0px; right: 0px; } .Toastify__toast--stacked[data-pos="top"] { top: 0px; } .Toastify__toast--stacked[data-pos="bot"] { bottom: 0px; } .Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked::before { transform-origin: center top; } .Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked::before { transform-origin: center bottom; } .Toastify__toast--stacked::before { content: ""; z-index: -1; height: 100%; position: absolute; bottom: 0px; left: 0px; right: 0px; transform: scaleY(3); } .Toastify__toast--rtl { direction: rtl; } .Toastify__toast--close-on-click { cursor: pointer; } .Toastify__toast-body { flex: 1 1 auto; align-items: center; margin: auto 0px; padding: 6px; display: flex; } .Toastify__toast-body > div:last-child { word-break: break-word; flex: 1 1 0%; } .Toastify__toast-icon { flex-shrink: 0; width: 20px; margin-inline-end: 10px; display: flex; } .Toastify--animate { animation-duration: 0.5s; animation-fill-mode: both; } .Toastify--animate-icon { animation-duration: 0.3s; animation-fill-mode: both; } @media only screen and (width <= 480px) { .Toastify__toast { border-radius: 0px; margin-bottom: 0px; } } .Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark); } .Toastify__toast-theme--light, .Toastify__toast-theme--colored.Toastify__toast--default { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } .Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info); } .Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success); } .Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning); } .Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error); } .Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light); } .Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark); } .Toastify__progress-bar--info { background: var(--toastify-color-progress-info); } .Toastify__progress-bar--success { background: var(--toastify-color-progress-success); } .Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning); } .Toastify__progress-bar--error { background: var(--toastify-color-progress-error); } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error { background: var(--toastify-color-transparent); } .Toastify__close-button { color: rgb(255, 255, 255); cursor: pointer; opacity: 0.7; z-index: 1; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; align-self: flex-start; padding: 0px; transition: 0.3s; } .Toastify__close-button--light { color: rgb(0, 0, 0); opacity: 0.3; } .Toastify__close-button > svg { fill: currentcolor; width: 14px; height: 16px; } .Toastify__close-button:hover, .Toastify__close-button:focus { opacity: 1; } @keyframes Toastify__trackProgress { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } .Toastify__progress-bar { width: 100%; height: 100%; z-index: var(--toastify-z-index); opacity: 0.7; transform-origin: 0px center; border-bottom-left-radius: var(--toastify-toast-bd-radius); position: absolute; bottom: 0px; left: 0px; } .Toastify__progress-bar--animated { animation: auto linear 0s 1 normal forwards running Toastify__trackProgress; } .Toastify__progress-bar--controlled { transition: transform 0.2s; } .Toastify__progress-bar--rtl { right: 0px; left: initial; transform-origin: 100% center; border-bottom-left-radius: initial; border-bottom-right-radius: var(--toastify-toast-bd-radius); } .Toastify__progress-bar--wrp { border-bottom-left-radius: var(--toastify-toast-bd-radius); width: 100%; height: 5px; position: absolute; bottom: 0px; left: 0px; } .Toastify__progress-bar--wrp[data-hidden="true"] { opacity: 0; } .Toastify__progress-bar--bg { opacity: var(--toastify-color-progress-bgo); width: 100%; height: 100%; } .Toastify__spinner { box-sizing: border-box; border-width: 2px; border-style: solid; border-image: none; border-top-color: ; border-bottom-color: ; border-left-color: ; border-right-color: var(--toastify-spinner-color); border-radius: 100%; width: 20px; height: 20px; animation: 0.65s linear 0s infinite normal none running Toastify__spin; } @keyframes Toastify__bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate(3000px); } 60% { opacity: 1; transform: translate(-25px); } 75% { transform: translate(10px); } 90% { transform: translate(-5px); } 100% { transform: none; } } @keyframes Toastify__bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, var(--y), 0); } 100% { opacity: 0; transform: translate3d(2000px, var(--y), 0); } } @keyframes Toastify__bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate(-3000px); } 60% { opacity: 1; transform: translate(25px); } 75% { transform: translate(-10px); } 90% { transform: translate(5px); } 100% { transform: none; } } @keyframes Toastify__bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, var(--y), 0); } 100% { opacity: 0; transform: translate3d(-2000px, var(--y), 0); } } @keyframes Toastify__bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translateY(3000px); } 60% { opacity: 1; transform: translateY(-20px); } 75% { transform: translateY(10px); } 90% { transform: translateY(-5px); } 100% { transform: translate(0px, 0px); } } @keyframes Toastify__bounceOutUp { 20% { transform: translate3d(0, calc(var(--y) - 10px), 0); } 40%, 45% { opacity: 1; transform: translate3d(0, calc(var(--y) + 20px), 0); } 100% { opacity: 0; transform: translateY(-2000px); } } @keyframes Toastify__bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translateY(-3000px); } 60% { opacity: 1; transform: translateY(25px); } 75% { transform: translateY(-10px); } 90% { transform: translateY(5px); } 100% { transform: none; } } @keyframes Toastify__bounceOutDown { 20% { transform: translate3d(0, calc(var(--y) - 10px), 0); } 40%, 45% { opacity: 1; transform: translate3d(0, calc(var(--y) + 20px), 0); } 100% { opacity: 0; transform: translateY(2000px); } } .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left { animation-name: Toastify__bounceInLeft; } .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right { animation-name: Toastify__bounceInRight; } .Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown; } .Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp; } .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left { animation-name: Toastify__bounceOutLeft; } .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right { animation-name: Toastify__bounceOutRight; } .Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp; } .Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown; } @keyframes Toastify__zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes Toastify__zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3); } 100% { opacity: 0; } } .Toastify__zoom-enter { animation-name: Toastify__zoomIn; } .Toastify__zoom-exit { animation-name: Toastify__zoomOut; } @keyframes Toastify__flipIn { 0% { opacity: 0; animation-timing-function: ease-in; transform: perspective(400px) rotateX(90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } } @keyframes Toastify__flipOut { 0% { transform: translate3d(0, var(--y), 0) perspective(400px); } 30% { transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .Toastify__flip-enter { animation-name: Toastify__flipIn; } .Toastify__flip-exit { animation-name: Toastify__flipOut; } @keyframes Toastify__slideInRight { 0% { visibility: visible; transform: translate(110%); } 100% { transform: translate3d(0, var(--y), 0); } } @keyframes Toastify__slideInLeft { 0% { visibility: visible; transform: translate(-110%); } 100% { transform: translate3d(0, var(--y), 0); } } @keyframes Toastify__slideInUp { 0% { visibility: visible; transform: translateY(110%); } 100% { transform: translate3d(0, var(--y), 0); } } @keyframes Toastify__slideInDown { 0% { visibility: visible; transform: translateY(-110%); } 100% { transform: translate3d(0, var(--y), 0); } } @keyframes Toastify__slideOutRight { 0% { transform: translate3d(0, var(--y), 0); } 100% { visibility: hidden; transform: translate3d(110%, var(--y), 0); } } @keyframes Toastify__slideOutLeft { 0% { transform: translate3d(0, var(--y), 0); } 100% { visibility: hidden; transform: translate3d(-110%, var(--y), 0); } } @keyframes Toastify__slideOutDown { 0% { transform: translate3d(0, var(--y), 0); } 100% { visibility: hidden; transform: translateY(500px); } } @keyframes Toastify__slideOutUp { 0% { transform: translate3d(0, var(--y), 0); } 100% { visibility: hidden; transform: translateY(-500px); } } .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left { animation-name: Toastify__slideInLeft; } .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right { animation-name: Toastify__slideInRight; } .Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown; } .Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp; } .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left { animation-name: Toastify__slideOutLeft; animation-duration: 0.3s; animation-timing-function: ease-in; } .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right { animation-name: Toastify__slideOutRight; animation-duration: 0.3s; animation-timing-function: ease-in; } .Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp; animation-duration: 0.3s; animation-timing-function: ease-in; } .Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown; animation-duration: 0.3s; animation-timing-function: ease-in; } @keyframes Toastify__spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .layout-bc { user-select: none; grid-template-rows: auto 1fr auto; width: 100%; min-height: 100vh; display: grid; } .layout-bc > .bc-loader { z-index: 40; width: 100%; position: fixed; } .layout-bc:not(.hasLeftMenu, .sportsbook) { grid-template-columns: 100%; grid-template-areas: "header" "content" "footer" "betslip"; } .layout-bc:not(.page-builder).pb-background-image, .layout-bc.page-builder.pb-background-image .page-builder-container-main { background-image: var(--bg-image); background-position: 50% center; background-repeat: no-repeat; background-size: cover; } .layout-bc.page-builder.pb-background-image .page-builder-scroll-container { background: 0px 0px; } .iframe-full-page { width: 100%; } .layout-header-holder-bc { grid-area: header; width: 100%; } .layout-content-holder-bc { grid-area: content; width: 100%; } .layout-footer-holder-bc { grid-area: footer; width: 100%; transform: translate(0px, 0px); } .layout-betslip-holder-bc { grid-area: betslip; } .layout-betslip-holder-bc:empty { display: none; } [class*="is-web"] .is-home-page .betslip-bc.full.Full { z-index: 1001; } .layout-navigation-holder-bc { grid-area: navigation; height: 53px; } .layout-navigation-holder-bc:empty { height: 0px; } .hm-row-bc { gap: var(--fds-ref-spacing-small); grid-auto-rows: 1fr; display: grid; } .hm-row-bc:empty { display: none; } .hm-row-bc > .page-view-more { margin-bottom: 0px; } .snowflake { pointer-events: none; z-index: 99; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; } .reg-form-footer-bc, .reg-form-block-bc { width: 100%; } .reg-form-footer-bc .entrance-form-actions-holder-bc.login-ext-1, .reg-form-block-bc .entrance-form-actions-holder-bc.login-ext-1 { margin-top: 10px; } .reg-form-footer-bc .entrance-form-actions-holder-bc.reg-ext-1, .reg-form-block-bc .entrance-form-actions-holder-bc.reg-ext-1 { justify-content: center; gap: 10px; max-width: 370px; margin-inline: auto; display: flex; } .reg-form-footer-bc .entrance-form-actions-holder-bc.reg-ext-1:not(.reg-resend-code-bc), .reg-form-block-bc .entrance-form-actions-holder-bc.reg-ext-1:not(.reg-resend-code-bc) { padding-top: 10px; } .reg-form-block-bc { height: 100%; } .entrance-form-bc.popup.login, .entrance-form-bc.popup.reg-via-wallet { flex-direction: column; width: 100%; height: 100%; padding-top: 15px; display: flex; position: absolute; top: 0px; left: 0px; } .entrance-form-bc.popup.login .form-sign-bc, .entrance-form-bc.popup.reg-via-wallet .form-sign-bc { flex: 1 1 auto; } .entrance-form-bc.popup.login .form-sign-bc .u-i-p-control-item-holder-bc, .entrance-form-bc.popup.reg-via-wallet .form-sign-bc .u-i-p-control-item-holder-bc { padding: 0px; } .entrance-form-bc.popup.login .form-sign-in-slider-wrapper, .entrance-form-bc.popup.reg-via-wallet .form-sign-in-slider-wrapper { margin: 10px 0px; } .entrance-form-bc.popup.login .entrance-form-action-item-bc.right, .entrance-form-bc.popup.reg-via-wallet .entrance-form-action-item-bc.right { margin-top: 15px; margin-bottom: 15px; } .entrance-form-bc.popup.login { will-change: scroll-position; overflow: hidden auto; } .entrance-form-bc.popup.login .entrance-f-item-bc .radio-v-bc { margin: 0px; } .entrance-form-bc.popup.registration { flex-direction: column; flex: 1 1 auto; height: 100%; display: flex; position: relative; } .entrance-form-bc.popup.registration .entrance-form-content-bc { flex: 1 1 auto; width: 100%; } .entrance-form-bc.popup.registration .reg-step-title-v-bc { margin-top: 10px; } .entrance-form-bc.popup.registration .entrance-f-item-bc .radio-v-bc { align-items: center; display: flex; } .entrance-form-bc.popup:not(.registration) .entrance-f-item-bc .radio-control-bc + .radio-control-bc { margin-top: 10px; margin-inline-start: 0px; } .entrance-form-bc.popup .entrance-f-item-bc + .entrance-f-item-bc, .entrance-form-bc.popup .entrance-f-item-bc.entrance-f-item-checkbox-bc { margin-top: 15px; } .entrance-form-bc.popup .entrance-f-recaptcha-bc { border-top: 1px solid rgba(var(--b-sc), .05); padding-top: 15px; } .entrance-form-bc.popup .entrance-f-recaptcha-bc .u-i-p-control-item-holder-bc { align-items: center; padding-bottom: 10px; display: flex; } .entrance-form-bc.popup .entrance-f-recaptcha-bc .recaptcha-img { opacity: 0.7; width: 24px; height: 24px; margin-inline-end: 10px; } .reg-verify-description-bc { gap: var(--fds-ref-spacing-3xsmall); font-size: var(--fds-ref-font-size-70); padding: 0 var(--fds-ref-spacing-large); margin-bottom: var(--fds-ref-spacing-large); flex-direction: column; display: flex; } .reg-verify-description-desc { color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); } .reg-verify-description-email { color: rgba(var(--b-sc), var(--fds-ref-alpha-100)); } [class*="is-web"] .reg-resend-code-bc { margin-bottom: var(--fds-ref-spacing-xlarge); } [class*="is-mobile"] .reg-resend-code-bc { margin-bottom: var(--fds-ref-spacing-small); } .reg-resend-code-link-bc { align-items: center; gap: var(--fds-ref-spacing-2xsmall); color: rgba(var(--b-sc), var(--fds-ref-alpha-24)); font-size: var(--fds-ref-font-size-60); display: flex; } .reg-back-link-bc { align-items: center; gap: var(--fds-ref-spacing-small); color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); padding-inline-start: var(--fds-ref-spacing-medium); padding-bottom: var(--fds-ref-spacing-small); display: flex; } [class*="is-web"] .reg-back-link-bc { cursor: pointer; transition: color var(--default-transition-duration) ease; } [class*="is-web"] .reg-back-link-bc:hover { color: rgba(var(--b-sc), var(--fds-ref-alpha-72)); } .form-sign-bc .form-control-bc.default .form-control-title-bc { top: 10px; } [class*="is-mobile"] .layout-bc.embed .entrance-popup-bc .entrance-form-bc.popup, [class*="is-mobile"] .layout-bc.widget .entrance-popup-bc .entrance-form-bc.popup { position: unset; top: unset; left: unset; } .multi-select-bc.disabled .form-control-icon-bc { display: none; } .reg-via-wallet .form-sign-bc, .registration .form-sign-bc { will-change: scroll-position; overflow: hidden auto; } [class*="is-web"] .reg-via-wallet { max-width: 400px; } .reg-via-wallet .reg-form-fields { flex-direction: column; display: flex; } .reg-via-wallet .reg-form-footer-bc .multi-select-label-bc { max-height: 10vh; } .license-message.entrance-f-item-bc .entrance-f-error-message-bc { background: rgba(var(--b-sc), .1); text-align: center; margin-top: 5px; } .loginViaSMSActive { position: relative; } [class*="is-web"] .loginViaSMSActive .form-control-input-bc { padding-inline-end: 118px; } [class*="is-mobile"] .loginViaSMSActive .form-control-input-bc { padding-inline-end: 110px; } .loginViaSMSButton { max-width: 98px; padding-inline: 8px; position: absolute; top: 8px; } [class*="is-web"][dir="ltr"] .loginViaSMSButton { right: 30px; } [class*="is-web"][dir="rtl"] .loginViaSMSButton { left: 30px; } [class*="is-mobile"][dir="ltr"] .loginViaSMSButton { right: 16px; } [class*="is-mobile"][dir="rtl"] .loginViaSMSButton { left: 16px; } .entrance-f-error-message-bc { color: rgba(var(--b-sc), 1); border-radius: var(--border-radius); background: rgba(var(--oc-3), .2); justify-content: center; margin-bottom: 5px; padding: 5px; font-size: 12px; display: flex; } .entrance-f-error-message-bc:empty { display: none; } .recaptcha-field .entrance-f-error-message-bc { background: rgb(0, 141, 71); } .reg-form-content { padding-top: 15px; } .reg-form-footer-bc { background: rgba(var(--b-sc), .05); flex-shrink: 0; } .reg-form-footer-bc .bc-loader { height: auto; } .reg-form-footer-bc:not(.via-wallet-enabled) .entrance-form-actions-holder-bc.reg-ext-1:not(.reg-resend-code-bc) { margin-top: 10px; margin-bottom: 20px; } .steps-indicator { flex-shrink: 0; display: flex; } .step-indicator { background: rgba(var(--b-sc), .1); flex: 1 1 0%; height: 3px; } .step-indicator:first-child:nth-last-child(2):not(.step-indicator-active) { background: rgba(var(--b-sc), .3); } .step-indicator-active { background: rgba(var(--b-sc), .7); } .popup-checkbox { margin-top: 15px; } .asian-view-container-bc, .asian-view-container-bc iframe { height: 100%; } #bcsportsbookcontainer { height: 100%; overflow: hidden; } .terms-before-reg-btn { margin-top: 15px; } .terms-before-reg-btn .checkbox-control-text-privacy, .terms-before-reg-btn .terms-before-reg-btn-text { font-size: 12px; line-height: 14px; } .terms-before-reg-btn .checkbox-control-text-privacy:not(:only-child) { margin-top: 7px; display: block; } .entrance-form-bc.popup.registration .connect-via-wallet:not(:empty) { margin-bottom: 10px; } .connect-via-wallet { justify-content: center; align-items: center; display: flex; } .entrance-form-bc.popup.login .connect-via-wallet:not(:empty) { margin-top: 15px; } .via-wallet-enabled .connect-button { margin-top: 10px; margin-bottom: 10px; } .external-actions.layout-bc > .bc-loader { display: none; } .social-engine-friends-list { width: 100%; height: 100px; } .pb-loader-initial { height: 100vh; } .favorite-animation::before, .bc-i-star::before { content: ""; animation: favorite-loading-animation var(--slow-transition-duration) ease-in-out; display: inline-block; } @keyframes favorite-loading-animation { 0% { transform: rotate(-10deg); } 50% { transform: rotate(10deg); } } [dir="rtl"] .second-hoory-iframe { left: unset; right: 0px; } .second-hoory-iframe:not(.is-2d-active) { display: none; } .additionalInfoContent { text-align: center; color: rgba(var(--b-sc), .7); margin-bottom: 10px; } .additionalInfo { background: rgba(var(--b-sc), .1); border-radius: var(--border-radius); padding: 10px; } .additionalInfoText { color: rgba(var(--b-sc), .5); justify-content: center; align-items: center; margin-top: 8px; display: flex; } .additionalInfoLink { margin-inline-start: 6px; text-decoration: underline; } .entrance-form-bc.login .telephone .form-controls-field-content { display: flex; } [dir="ltr"] .entrance-form-bc.login .telephone .form-control-icon-bc { right: 6px; } [dir="rtl"] .entrance-form-bc.login .telephone .form-control-icon-bc { left: 6px; } .entrance-form-bc.login .telephone .multi-select-label-bc { width: 100%; min-width: auto; } .turnstile-captcha-wrapper.active { z-index: 1002; justify-content: center; align-items: center; width: 100vw; height: 100vh; display: flex; position: fixed; inset: 0px; overflow: hidden; } .missio-iframe { display: block; height: 100% !important; padding: 0px !important; } [class*="is-web"] .YoPhoneAppContent { padding: 10px 15px; } [class*="is-mobile"] .YoPhoneAppContent { padding: 10px var(--padding-page-aside); } [class*="is-mobile"] .layout-bc.betslip-Quick ~ div[id*="comm100"] iframe { z-index: 950 !important; } .today-bets i { position: relative; } .today-bets i::after { font-family: Roboto, sans-serif; position: absolute; left: 50%; transform: translate(-50%); } [class*="is-web"] .today-bets i::after { margin-top: 6px; font-size: 10px; } [class*="is-mobile"] .today-bets i::after { margin-top: 4px; font-size: 8px; } .current-day-1::after { content: "1"; } .current-day-2::after { content: "2"; } .current-day-3::after { content: "3"; } .current-day-4::after { content: "4"; } .current-day-5::after { content: "5"; } .current-day-6::after { content: "6"; } .current-day-7::after { content: "7"; } .current-day-8::after { content: "8"; } .current-day-9::after { content: "9"; } .current-day-10::after { content: "10"; } .current-day-11::after { content: "11"; } .current-day-12::after { content: "12"; } .current-day-13::after { content: "13"; } .current-day-14::after { content: "14"; } .current-day-15::after { content: "15"; } .current-day-16::after { content: "16"; } .current-day-17::after { content: "17"; } .current-day-18::after { content: "18"; } .current-day-19::after { content: "19"; } .current-day-20::after { content: "20"; } .current-day-21::after { content: "21"; } .current-day-22::after { content: "22"; } .current-day-23::after { content: "23"; } .current-day-24::after { content: "24"; } .current-day-25::after { content: "25"; } .current-day-26::after { content: "26"; } .current-day-27::after { content: "27"; } .current-day-28::after { content: "28"; } .current-day-29::after { content: "29"; } .current-day-30::after { content: "30"; } .current-day-31::after { content: "31"; } .entrance-f-item-bc.authPopupInfoText .entrance-f-error-message-bc { text-align: center; background: 0px 0px; overflow: hidden; } [class*="is-web"] .entrance-f-item-bc.authPopupInfoText .entrance-f-error-message-bc { max-width: 370px; } .sgm-market-info .tooltipIconWrapper:not(:empty), .early_payout .tooltipIconWrapper:not(:empty) { margin-inline: 10px 4px; } [class*="is-web"] .sgm-market-info .bs-bet-i-b-prev-coefficient-bc, [class*="is-web"] .early_payout .bs-bet-i-b-prev-coefficient-bc { margin-inline-start: 10px; } [class*="is-mobile"] .sgm-market-info, [class*="is-mobile"] .early_payout { margin-inline-start: 4px; } .sgm-market-info .sgm-market-head-info { overflow: unset; } .betslipInfoAnimation { margin-bottom: 4px; } .sgm-market-info .tooltipIconWrapper, .betslipInfoAnimation .tooltipIconWrapper { border-radius: 50%; animation: 2s linear 0s infinite normal none running infoIconAnimation; position: relative; } .sgm-market-info .tooltipIconWrapper::after, .betslipInfoAnimation .tooltipIconWrapper::after { content: ""; z-index: -1; border-radius: 50%; width: 100%; height: 100%; animation: 2s linear 1s infinite normal none running infoIconAnimation; position: absolute; top: 0px; left: 0px; } [class*="is-mobile"] .c-info-more-bc > .tooltipIconWrapper { padding-inline-start: 5px; } .zeroMargin { letter-spacing: 0.2px; color: rgba(var(--b-sc), .8); background: rgba(var(--hero), 1); border-radius: 2px; padding: 2px 4px; font-size: 11px; } .infoAnimation { border-radius: 50%; overflow: hidden; } @keyframes infoIconAnimation { 0% { box-shadow: 0 0 0 0 rgba(var(--hero), .9); } 100% { box-shadow: 0 0 0 8px rgba(var(--hero), 0); } } .betslipQuickBetBanner { width: 100%; height: 32px; bottom: var(--tab-navigation-height); background-color: rgba(var(--hero), 1); border-top-left-radius: var(--border-radius-middle); border-top-right-radius: var(--border-radius-middle); z-index: 10; background-image: linear-gradient(45deg, rgba(255, 173, 41, 0.4), rgba(0, 0, 0, 0)); justify-content: space-between; align-items: center; padding: 4px 8px; display: flex; position: fixed; } .betslipQuickBetImage { object-fit: contain; width: 82px; max-height: 14px; } .betslipQuickBetText { color: rgba(var(--hero-sc), 1); font-size: 12px; } .has-sub-navigation .layout-header-holder-bc { border-bottom: 1px solid rgba(var(--b-sc), .1); } .layout-header-holder-bc { margin-bottom: var(--desktop-header-margin-bottom); z-index: 954; background: rgba(var(--b), 1); box-shadow: 0 var(--desktop-header-margin-bottom) 0 0 rgba(var(--b), 1); position: sticky; top: 0px; } .layout-bc.selfExclusion .sidePanel-holder-bc::before { top: calc(var(--desktop-header-height) + var(--dynamic-header) + var(--web-self-exclusion-height) - 1px); height: calc(100% - (var(--desktop-header-height) - var(--dynamic-header) - var(--web-self-exclusion-height) - 1px)); } .layout-bc.selfExclusion .sidePanel-holder { top: calc(var(--desktop-header-height) + var(--dynamic-header) + var(--web-self-exclusion-height) - 1px); width: 100%; height: calc(100% - (var(--desktop-header-height) + var(--dynamic-header) + var(--web-self-exclusion-height) + 1px)); } .layout-bc.page-full-size .layout-footer-holder-bc { padding-inline: 10px 5px; } .layout-bc.page-full-size .layout-content-holder-bc { padding: 0px 10px; } .layout-bc:not(.page-full-size) .layout-content-holder-bc, .layout-bc:not(.page-full-size) .layout-footer-holder-bc { margin: 0px auto; padding: 0px 10px; } .layout-bc:not(.page-full-size) .layout-footer-holder-bc { left: 0px; right: 0px; } .layout-bc.sportsbook .layout-content-holder-bc, .layout-bc.slider-full-sized .layout-content-holder-bc { padding-inline-start: 10px; } .layout-bc.sportsbook .layout-betslip-holder-bc, .layout-bc.slider-full-sized .layout-betslip-holder-bc { padding-inline-end: 10px; } .world-cup.layout-bc, .world-cup .layout-content-holder-bc { overflow: hidden; } .iframe-full-page { vertical-align: top; height: 100%; } .layout-footer-holder-bc { background: rgba(var(--b), 1); padding-inline: 10px 5px; } .layout-betslip-holder-bc .betslip-bc { padding-bottom: 10px; } .hm-row-bc:not(:first-child):has(.hm-row-bc-inner:not(:empty)) { margin-top: var(--fds-ref-spacing-4xlarge); } .betslip-Full .layout-betslip-holder-bc { justify-content: center; align-items: center; display: flex; } .betslip-Full .sp-button-icon-bc.bc-i-betslip { color: rgba(var(--hero), 1); } .is-home-page .layout-betslip-holder-bc { justify-content: center; align-items: center; display: flex; } .betslip-Fixed .sp-button-bc[data-component="Betslip"] .sp-button-icon-bc { opacity: 0.5; } .betslip-Fixed .sp-button-bc[data-component="Betslip"]:hover { color: rgba(var(--b-sc), .8); cursor: auto; } .betslip-bc.full.Full { z-index: 951; border-radius: var(--border-radius) var(--border-radius) 0 0; background: rgba(var(--b), 1); border: 1px solid rgba(var(--b-sc), .1); width: 340px; height: 66vh; box-shadow: 0 -2px 15px 3px rgba(var(--b), .3); animation: bs-first-bet-content var(--default-transition-duration) ease forwards; margin-inline-start: 0px; position: fixed; bottom: 0px; } .betslip-bc.full.Full #betslip_container { background: rgba(var(--b-sc), .03); height: 100%; padding: 34px 10px 30px; overflow: hidden; } .betslip-bc.full.Full .betslip-full-content-bc { will-change: scroll-position; height: 100%; padding-inline-end: 2px; overflow: hidden scroll; } .betslip-bc.full.Full .e-p-close-icon-bc { width: 20px; height: 20px; padding: 0px; font-size: 11px; line-height: 18px; top: 7px; } [dir="ltr"] .betslip-bc.full.Full .e-p-close-icon-bc { right: 10px; } [dir="rtl"] .betslip-bc.full.Full .e-p-close-icon-bc { left: 10px; } .betslip-bc.full.Full .e-p-close-icon-bc:hover { color: rgba(var(--b-sc), 1); } .betslip-bc.full.Full .open-bets-bet-history-btn { margin-top: 0px; padding-top: 10px; } @keyframes bs-first-bet-content { 0%, 1% { transform: translateY(100%); } 100% { transform: translateY(0%); } } .reg-form-block-bc .multi-select-label-bc { width: 100%; min-width: auto; } .entrance-form-bc.popup .entrance-f-item-bc, .entrance-form-bc.popup .e-p-form-error-message-holder-bc, .entrance-form-bc.popup.login .entrance-form-action-item-bc.right { padding: 0px 15px; } .entrance-form-bc.panel .entrance-form-action-item-bc { width: 100%; } .entrance-form-bc.panel .entrance-f-item-bc { margin-bottom: 16px; } .entrance-form-bc.panel .entrance-f-item-bc:last-child { margin-bottom: 0px; } .entrance-form-bc.panel .entrance-form-actions-holder-bc.login-ext-1 { margin-top: 8px; } .entrance-form-bc.panel .entrance-form-actions-holder-bc.reg-ext-1 { margin-top: 12px; } .entrance-form-bc.registration .entrance-f-recaptcha-bc { padding-top: 10px; } .entrance-f-item-bc.reg-ext-1 { height: 62px; position: relative; } .entrance-f-item-bc.reg-ext-1 > .input-control-holder-bc.recaptcha { transform-origin: center top; position: absolute; top: 0px; } [dir="ltr"] .entrance-f-item-bc.reg-ext-1 > .input-control-holder-bc.recaptcha { left: 50%; transform: translate(-50%) scale(0.8); } [dir="rtl"] .entrance-f-item-bc.reg-ext-1 > .input-control-holder-bc.recaptcha { right: 50%; transform: translate(50%) scale(0.8); } .entrance-form-actions-holder-bc { vertical-align: top; width: 100%; display: inline-block; } [dir="ltr"] .form-control-bc + .dropdownIcon-bc { right: 14px; } [dir="rtl"] .form-control-bc + .dropdownIcon-bc { left: 14px; } .reg-form-fields { display: flex; } .single-side .reg-form-content { max-width: 400px; } .double-sides { max-width: 1000px; } .entrance-form-bc.registration .entrance-form-content-bc { display: flex; overflow: hidden; } .entrance-form-bc.registration .entrance-form-content-bc > div { width: 100%; } .entrance-form-bc.registration .slider-bc { width: 360px; min-width: 360px; max-width: 360px; } .entrance-form-bc.registration .slider-bc + .reg-form-content { width: 360px; } .entrance-form-bc.registration .reg-form-content { will-change: scroll-position; overflow: hidden auto; } .entrance-form-bc .form-sign-in-slider-wrapper { max-width: 400px; padding: 0px 15px; } .reg-form-block-bc:has(.slider-bc) .entrance-form-content-bc { height: 480px; } @media screen and (height <= 800px), screen and (width <= 1200px) { [class*="is-web"] .reg-form-block-bc:has(.slider-bc) .entrance-form-content-bc { height: 350px; } [class*="is-web"] .reg-form-block-bc:has(.slider-bc) .entrance-form-content-bc .slider-bc { width: 230px; min-width: 230px; max-width: 230px; } } .slider-full-sized .skill-games-s-g-page-bottom-bc .skill-games-s-g-page-b-title-bc { color: rgba(255, 255, 255, 0.9); } .slider-full-sized .skill-games-s-g-page-bottom-bc .skill-games-s-g-page-b-c-item-bc { cursor: pointer; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; } .slider-full-sized .skill-games-s-g-page-bottom-bc .skill-games-s-g-page-b-c-item-text-bc { color: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.1); } .slider-full-sized .skill-games-s-g-page-bottom-bc .btn.a-outline.a-white { color: rgba(0, 0, 0, 0.9); background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .slider-full-sized .skill-games-s-g-page-bottom-bc .btn.a-outline.a-white:hover { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.6); } .terms-before-reg-btn { max-width: 400px; padding: 0px 15px; } .entrance-popup-bc.sign-in .login .entrance-f-item-bc + .connect-button { padding: 15px 15px 0px; } .via-wallet-enabled .connect-button { max-width: 370px; margin-inline: auto; } .reg-via-wallet .reg-form-footer-bc { padding: 10px 15px; } .registration .reg-form-footer-bc { padding-top: 10px; } .has-game.has-slider .slider-bc:not(.has-title) { padding-top: 26px; } .second-hoory-iframe.is-2d-active { z-index: 951; height: calc(100% - 140px) !important; } .additionalInfoContent { padding-left: 15px; padding-right: 15px; } .additionalInfoLink { transition: all var(--slow-transition-duration); cursor: pointer; } .additionalInfoLink:hover { color: rgba(var(--b-sc), 1); } .m-nav-sab-container-r-row-bc > a, .nav-menu-item, .hdr-navigation-link-bc { position: relative; } .m-nav-sab-container-r-row-bc > a[class*="badge-"]::after, .nav-menu-item[class*="badge-"]::after, .hdr-navigation-link-bc[class*="badge-"]::after { content: attr(data-badge); box-sizing: border-box; border-radius: var(--border-radius); text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; max-width: 99%; height: 12px; padding: 0px 4px; font-size: 8px; line-height: 12px; position: absolute; top: 3px; overflow: hidden; } [dir="ltr"] .m-nav-sab-container-r-row-bc > a[class*="badge-"]::after, [dir="ltr"] .nav-menu-item[class*="badge-"]::after, [dir="ltr"] .hdr-navigation-link-bc[class*="badge-"]::after { right: 0px; } [dir="rtl"] .m-nav-sab-container-r-row-bc > a[class*="badge-"]::after, [dir="rtl"] .nav-menu-item[class*="badge-"]::after, [dir="rtl"] .hdr-navigation-link-bc[class*="badge-"]::after { left: 0px; } .m-nav-sab-container-r-row-bc > a.badge-new::after, .nav-menu-item.badge-new::after, .hdr-navigation-link-bc.badge-new::after { border-radius: var(--border-radius); padding: 0px 4px; font-size: 8px; line-height: 12px; top: 3px; } .m-nav-sab-container-r-row-bc > a.badge-spinCount::after, .nav-menu-item.badge-spinCount::after, .hdr-navigation-link-bc.badge-spinCount::after { border-radius: 2px; height: auto; font-size: 10px; line-height: 14px; } .nav-menu-item.badge-spinCount::after { z-index: 1; padding: 2px 4px; top: -7px; } .nav-menu-other .nav-menu-sub .nav-menu-item.badge-spinCount::after { top: 0px; } .overlaySlidingIsVisible .hdr-dynamic-content { opacity: 0; z-index: 950; max-height: 0px; padding: 0px; transform: translateY(-100%); } .overlaySlidingIsVisible .iframe-widget { padding: 0px; } .overlaySlidingWrapperBc { will-change: transform; z-index: 970; width: 100%; position: fixed; bottom: 0px; } [dir="ltr"] .overlaySlidingWrapperBc { left: 0px; } [dir="rtl"] .overlaySlidingWrapperBc { right: 0px; } .overlaySlidingWrapperBc:not(.bottomOverlay) { height: calc(100% - var(--mobile-header-main-section-height)); background: rgba(var(--b), .7); } .bottomOverlay { height: 100%; } .bottomOverlayOpen .u-i-p-c-body-bc::before { content: ""; pointer-events: none; z-index: 1; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; } .bottomOverlaySlider { background: rgba(var(--b), 1); width: 100%; height: 100%; animation: overlay-sliding-top var(--default-transition-duration) var(--default-transition-delay) ease forwards; flex-direction: column; padding: 20px; transform: translateY(100%); } .bottomOverlaySlider::after { content: ""; background: rgba(var(--b-sc), .3); width: 32px; height: 2px; position: absolute; top: 16px; left: 50%; transform: translate(-50%); } .overlaySlidingWCContentSliderBc { background: rgba(var(--b), 1); will-change: scroll-position; flex-direction: column; width: 100%; height: 100%; display: flex; overflow: hidden auto; } [dir="ltr"] .overlaySlidingWCContentSliderBc { animation: overlay-sliding-left var(--default-transition-duration) var(--default-transition-delay) ease forwards; transform: translate(100%); } [dir="rtl"] .overlaySlidingWCContentSliderBc { animation: overlay-sliding-right var(--default-transition-duration) var(--default-transition-delay) ease forwards; transform: translate(-100%); } @keyframes overlay-sliding-left { 0% { display: none; transform: translate(100%); } 100% { display: flex; transform: translate(0px, 0px); } } @keyframes overlay-sliding-right { 0% { display: none; transform: translate(-100%); } 100% { display: flex; transform: translate(0px, 0px); } } @keyframes overlay-sliding-top { 0% { display: none; transform: translateY(100px); } 100% { display: flex; transform: translate(0px, 0px); } } .overlayHeader { height: 49px; color: rgba(var(--b-sc), 1); align-items: center; padding: 0px 15px; font-size: 16px; font-weight: 500; line-height: 49px; display: flex; } .overlayHeader .e-p-close-icon-bc { top: 8px; } [dir="ltr"] .overlayHeader .e-p-close-icon-bc { right: 5px; } [dir="rtl"] .overlayHeader .e-p-close-icon-bc { left: 5px; } .socialNavigationProfileAvatar { object-fit: cover; border-radius: 50%; width: 16px; height: 16px; margin-inline-end: 10px; } .exclusiveStreamHeader { cursor: pointer; background: rgb(0, 12, 36); border: 0px; border-radius: 4px; align-items: center; height: 24px; padding: 0px 8px 0px 3px; display: flex; position: relative; overflow: hidden; } [class*="is-mobile"] .exclusiveStreamHeader { margin-inline-start: 6px; } .exclusiveStreamHeader::before { content: ""; background: linear-gradient(90deg, rgb(179, 136, 254), rgb(213, 1, 0), rgb(99, 6, 237), rgb(9, 162, 136), rgb(179, 136, 254)) 0px 0px / 200% 100%; animation: 4s linear 0s infinite normal none running exclusive-stream-gradient-flow; position: absolute; inset: 0px; } .exclusiveStreamHeaderIcon { object-fit: contain; width: 18px; height: 18px; position: relative; } .exclusiveStreamHeaderText { color: rgb(255, 255, 255); text-shadow: rgb(214, 5, 27) 0px 0px 14px; text-transform: uppercase; white-space: nowrap; flex-direction: column; flex: 1 1 0%; align-items: center; margin-inline-start: 2px; padding-inline-end: 10px; font-size: 9px; font-weight: 700; line-height: 1.2; display: flex; position: relative; } .exclusiveStreamHeaderPhantom { object-fit: contain; width: 29px; height: 24px; position: absolute; top: -4px; right: -4px; } @keyframes exclusive-stream-gradient-flow { 0% { background-position-x: 0%; } 100% { background-position-x: 200%; } } .hdr-toggle-button-bc { color: rgba(var(--header-sc), .8); background: rgba(var(--header-sc), .1); flex-shrink: 0; justify-content: center; align-items: center; font-size: 14px; display: flex; position: relative; } .hdr-toggle-button-bc::before { transition: transform var(--default-transition-duration); } .hdr-toggle-button-bc::after { top: -2px; } [dir="ltr"] .hdr-toggle-button-bc::after { right: -8px; } [dir="rtl"] .hdr-toggle-button-bc::after { left: -8px; } .smart-panel-is-visible .hdr-toggle-button-bc::before { transform: rotate(90deg); } .layout-bc.smart-panel-is-visible:not(.integration-mobile-specific) .hdr-smart-panel-holder-arrow-bc { opacity: 1; visibility: visible; transform: translateY(0px); } .layout-bc.smart-panel-is-visible:not(.integration-mobile-specific) .hdr-smart-panel-holder-arrow-bc::after, .layout-bc.smart-panel-is-visible:not(.integration-mobile-specific) .hdr-smart-panel-holder-arrow-bc::before { transform: translate(-50%); } .layout-bc.smart-panel-is-visible:not(.integration-mobile-specific) .layout-bc.smart-panel-is-visible .smartPanel-bc + .hdr-user-bc .nav-menu-other > li > a { height: 100%; } .layout-bc.smart-panel-is-visible:not(.integration-mobile-specific) .hdr-toggle-button-bc { color: rgba(var(--header), 1); background: rgba(var(--b-sc), .6); } .layout-bc:not(.smart-panel-is-visible) .hdr-smart-panel-holder-arrow-bc { opacity: 0; visibility: hidden; } .hdr-smart-panel-holder-arrow-bc { transition: opacity var(--default-transition-duration), visibility var(--default-transition-duration), transform var(--default-transition-duration); z-index: 980; transform: translateY(-4%); } .hdr-smart-panel-holder-arrow-bc::after, .hdr-smart-panel-holder-arrow-bc::before { content: ""; transition: transform var(--default-transition-duration) var(--default-transition-duration); border-style: solid; border-width: 0px 7px 7px; position: absolute; top: -7px; left: 50%; transform: translate(-50%, 10px); } .hdr-smart-panel-holder-arrow-bc::before { border-color: transparent transparent rgba(var(--header), 1); } .hdr-smart-panel-holder-arrow-bc::after { border-color: transparent transparent rgba(var(--header-sc), .2); } .hdr-smart-panel-holder-bc { background: rgba(var(--header), 1); border-radius: var(--border-radius); will-change: scroll-position; z-index: 1; width: 50px; position: relative; overflow: hidden auto; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px; } .sp-button-bc { width: 100%; height: 56px; color: rgba(var(--header-sc), .85); background: rgba(var(--header-sc), .2); transition: background var(--default-transition-duration); justify-content: center; align-items: center; font-size: 18px; display: flex; position: relative; } .sp-button-bc .count-odd-animation { top: 12px; } [dir="ltr"] .sp-button-bc .count-odd-animation { right: 22px; } [dir="rtl"] .sp-button-bc .count-odd-animation { left: 22px; } .integration-mode .nav-menu, .integration-header-absence .nav-menu { height: var(--fds-sem-dimension-2xlarge); } .integration-mode .smartPanel-bc, .integration-header-absence .smartPanel-bc { background: rgba(var(--menu-sc), .1); margin-inline-end: 0px; } .integration-mode .smartPanel-bc::after, .integration-header-absence .smartPanel-bc::after { content: none; } .integration-mode .sp-button-bc, .integration-mode .hdr-toggle-button-bc, .integration-header-absence .sp-button-bc, .integration-header-absence .hdr-toggle-button-bc { color: rgba(var(--menu-sc), .7); } .integration-mode .sp-button-bc + .sp-button-bc, .integration-header-absence .sp-button-bc + .sp-button-bc { border-color: rgba(var(--menu-sc), .1); } .sidePanel-holder-bc { position: relative; } .sidePanel-holder-bc::before { content: ""; right: 0px; top: calc(var(--desktop-header-height) + var(--dynamic-header) - 1px); width: 100%; height: calc(100% - (var(--desktop-header-height) - var(--dynamic-header) - 1px)); border-top: 1px solid rgba(var(--b-sc), .1); background: rgba(0, 0, 0, 0.6); max-width: 100vw; position: fixed; overflow: hidden; } .sidePanel-holder-bc.hidden { display: none; } .sidePanel-holder { top: calc(var(--desktop-header-height) + var(--dynamic-header) - 1px); width: 100%; height: calc(100% - (var(--desktop-header-height) + var(--dynamic-header) + 1px)); background: rgba(var(--b), 1); border-top: 1px solid rgba(var(--b-sc), .1); max-width: 500px; position: fixed; overflow: hidden; } [dir="ltr"] .sidePanel-holder { animation: overlay-sliding-left var(--default-transition-duration) var(--default-transition-delay) ease forwards; right: 0px; transform: translate(100%); } [dir="rtl"] .sidePanel-holder { animation: overlay-sliding-right var(--default-transition-duration) var(--default-transition-delay) ease forwards; left: 0px; transform: translate(-100%); } .sidePanel-holder .overlay-header { background: rgba(var(--b), 1); z-index: 2; width: 100%; position: fixed; top: 0px; } .sidePanel-holder .overlay-header .bc-i-close-remove { color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); cursor: pointer; transition: color var(--default-transition-duration) ease; font-size: 13px; } .sidePanel-holder .overlay-header .bc-i-close-remove:hover { color: rgba(var(--b-sc), 1); } .sidePanel-holder .overlay-header > span { text-transform: uppercase; font-size: var(--fds-ref-font-size-80); margin-inline-start: 15px; } .sidePanel-holder .settings-selectors-bc { will-change: scroll-position; width: 100%; height: 100%; padding: 49px 15px 15px; overflow: hidden auto; } .sidePanel-holder .settings-selectors-bc .form-control-bc + .form-control-bc { margin-top: 0px; } .sidePanel-holder .bc-loader.medium { justify-content: center; } .hdr-smart-panel-holder-bc { max-height: 80vh; } .hdr-toggle-button-bc { width: 34px; height: var(--fds-sem-dimension-medium-nudge); border-radius: var(--border-radius); cursor: pointer; transition: color var(--default-transition-duration), background var(--default-transition-duration); } .hdr-toggle-button-bc:hover { background: rgba(var(--header-sc), .2); } .sp-button-bc { cursor: pointer; } .sp-button-bc:hover, .sp-button-bc.active { color: rgba(var(--hero), 1); background: rgba(var(--header-sc), .15); } .hdr-smart-panel-holder-arrow-bc { position: absolute; top: 42px; } [dir="ltr"] .hdr-smart-panel-holder-arrow-bc { right: -8px; } [dir="rtl"] .hdr-smart-panel-holder-arrow-bc { left: -8px; } .smartPanel-bc { margin-inline-end: var(--fds-ref-spacing-2xsmall-nudge); position: relative; } .smartPanel-bc + .bc-loader.small { margin-inline: 15px; } .smartPanel-bc .bc-loader.small svg { height: var(--desktop-nav-height); } .smartPanel-bc .notification-loader svg { max-height: 11px; } .smartPanel-bc .bc-i-FTN { color: rgb(255, 0, 140); position: relative; } .smartPanel-bc .bc-i-FTN::after { content: ""; opacity: 0; transition: opacity var(--default-transition-duration) ease; } .smartPanel-bc .bc-i-FTN:hover::after { opacity: 1; z-index: -1; background: rgb(255, 255, 255); width: 70%; height: 70%; margin: auto; position: absolute; inset: 0px; } .smartPanel-bc .settings-selectors-item { gap: var(--fds-ref-spacing-small); grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); margin: 15px 0px; display: grid; } .smartPanel-bc .smart-panel-tabs-bc:not(.generic-search-content), .smartPanel-bc .empty-b-text-v-bc:not(.generic-search-content) { margin-top: 49px; } .smartPanel-bc .smart-panel-tabs-bc { will-change: scroll-position; width: 100%; overflow: hidden auto; } .smartPanel-bc .smart-panel-tabs-bc:not(.generic-search-content) { height: calc(100% - 59px); padding: 0px 15px; } .smartPanel-bc .smart-panel-tabs-bc.generic-search-content { padding: var(--fds-ref-spacing-2xsmall-nudge) 0; } .smartPanel-bc .smart-panel-tabs-bc .sp-fav-body-bc { padding: 0px; } .smartPanel-bc .smart-panel-tabs-bc .second-tabs-bc { margin-top: 15px; } .smartPanel-bc .smart-panel-tabs-bc .market-group-item-bc { overflow: hidden; } .smartPanel-bc .smart-panel-tabs-bc .market-group-holder-bc .market-bc { min-height: 34px; padding: var(--fds-ref-spacing-3xsmall) var(--fds-ref-spacing-small); flex-direction: row; } .smartPanel-bc .smart-panel-tabs-bc .market-group-holder-bc .market-name-bc { text-align: start; margin-bottom: 0px; flex: 1 1 auto; margin-inline-end: var(--fds-ref-spacing-3xsmall); } .smartPanel-bc .smart-panel-tabs-bc .market-group-holder-bc .market-coefficient-bc { flex-shrink: 0; } .smartPanel-bc .smart-panel-tabs-bc .market-group-holder-bc .market-odd-bc { font-size: var(--fds-ref-font-size-60); line-height: var(--fds-ref-font-line-height-70); } @media screen and (width <= 1200px) { .count-odd-animation.hdr-toggle-button-bc::after { width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); } } .multi-select-bc .form-control-label-bc:not(:only-child) .form-control-select-bc { border-radius: var(--border-radius) var(--border-radius) 0 0; } @keyframes select-dropdown-animation { 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0px); } } .multi-select-label-bc { background: rgba(var(--b), 1); z-index: 945; will-change: scroll-position; animation: var(--default-transition-duration) ease-out select-dropdown-animation; flex-direction: column; display: flex; position: absolute; top: 100%; overflow: hidden auto; } [dir="ltr"] .multi-select-label-bc { left: 0px; } [dir="rtl"] .multi-select-label-bc { right: 0px; } .multi-select-label-bc .checkbox-control-content-bc { align-items: center; } .multi-select-label-bc .checkbox-control-content-bc .sp-s-l-h-flag-bc { color: rgba(var(--b-sc), .6); margin-inline-end: 10px; } .multi-select-label-bc .region-flag { margin-inline-end: 10px; } .multi-select-icon-bc { color: rgba(var(--b-sc), .8); flex-shrink: 0; margin-inline-end: 10px; } .multi-select-bc .form-control-label-bc:not(:only-child) .form-control-select-bc { background: rgba(var(--b-sc), .1); border-radius: var(--border-radius) var(--border-radius) 0 0; } .multi-select-bc .form-control-label-bc .form-control-select-bc { line-height: 30px; } .multi-select-label-bc { border-radius: var(--border-radius); min-width: 100%; max-height: 25vh; box-shadow: 0 0 10px 3px #0000004d, inset 0 0 0 300px rgba(var(--b-sc), .05); margin-top: 1px; padding: 5px; } .multi-select-label-bc .checkbox-control-content-bc { border-radius: var(--border-radius); white-space: nowrap; height: 34px; min-height: 34px; transition: background var(--default-transition-duration); padding-inline: 10px; position: relative; } .multi-select-label-bc .checkbox-control-content-bc .checkbox-control-text-bc { transition: color var(--default-transition-duration); } .multi-select-label-bc .checkbox-control-content-bc:hover, .multi-select-label-bc .checkbox-control-content-bc.active { background: rgba(var(--b-sc), .2); } .multi-select-label-bc .checkbox-control-content-bc:hover .checkbox-control-text-bc, .multi-select-label-bc .checkbox-control-content-bc.active .checkbox-control-text-bc { color: rgba(var(--b-sc), 1); } .multi-select-label-bc .checkbox-control-content-bc + .checkbox-control-content-bc { margin-top: 2px; } .multi-select-label-bc .checkbox-control-text-bc { color: rgba(var(--b-sc), .6); } .is-expanded-field { animation: field-animation-enlarge var(--default-transition-duration) linear forwards; } .is-expanded-field + .form-controls-field-bc { animation: field-animation-shrink var(--default-transition-duration) linear forwards; } .is-expanded-field + .form-controls-field-bc .form-control-input-bc { padding: 0px; } .is-expanded-field .input-search-field { margin-bottom: 2px; } .is-expanded-field .input-search-field input { padding-top: 10px; padding-bottom: 10px; } .is-expanded-field .checkbox-control-text-bc { margin-inline-start: 4px; } @keyframes field-animation-enlarge { 0% { width: 84px; } 100% { width: 100%; } } @keyframes field-animation-shrink { 0% { width: 100%; } 100% { width: 0px; } } .region-flag { object-fit: cover; vertical-align: middle; flex-shrink: 0; width: 22px; height: 16px; display: inline-block; } .region-flag--radius-0 { border-radius: var(--fds-ref-radius-none); } .region-flag--radius-2 { border-radius: var(--fds-ref-radius-4xsmall); } .region-flag--radius-4 { border-radius: var(--fds-ref-radius-3xsmall); } .nav-floating-btn-hide { opacity: 0; pointer-events: none; } .layout-bc .nav-floating-btn { background: rgba(var(--b-sc), .15); width: 56px; height: 56px; color: rgba(var(--b-sc), .8); backdrop-filter: blur(2px); border-radius: 50%; font-size: 14px; } .header-bc .center-top-btn { transition: opacity var(--default-transition-duration) ease; } .header-bc .center-top-btn > button { transition: top var(--default-transition-duration) ease; margin: auto; position: fixed; top: 90px; left: 0px; right: 0px; } .header-bc.active .center-top-btn > button { top: 135px; } .header-bc .left-top-btn { transition: opacity var(--default-transition-duration) ease; } .header-bc .left-top-btn > button { transition: top var(--default-transition-duration) ease; position: fixed; top: 90px; left: 20px; } .header-bc.active .left-top-btn > button { top: 135px; } .header-bc .right-top-btn { transition: opacity var(--default-transition-duration) ease; } .header-bc .right-top-btn > button { transition: top var(--default-transition-duration) ease; position: fixed; top: 90px; right: 20px; } .header-bc.active .right-top-btn > button { top: 135px; } .header-bc .center-bottom-btn { transition: opacity var(--default-transition-duration) ease; } .header-bc .center-bottom-btn > button { transition: top var(--default-transition-duration) ease; margin: auto; position: fixed; bottom: 90px; left: 0px; right: 0px; } .header-bc.active .center-bottom-btn > button { } .header-bc .right-bottom-btn { transition: opacity var(--default-transition-duration) ease; } .header-bc .right-bottom-btn > button { transition: top var(--default-transition-duration) ease; position: fixed; bottom: 90px; right: 20px; } .header-bc.active .right-bottom-btn > button { } .header-bc .left-bottom-btn { transition: opacity var(--default-transition-duration) ease; } .header-bc .left-bottom-btn > button { transition: top var(--default-transition-duration) ease; position: fixed; bottom: 90px; left: 20px; } .header-bc.active .left-bottom-btn > button { } .sidebar-content { z-index: 1; transition: transform var(--slow-transition-duration); position: fixed; top: 50%; } [dir="ltr"] .sidebar-content { right: 0px; } [dir="rtl"] .sidebar-content { left: 0px; } .sidebar-content:has(.sidebar-item:hover) { transform: translate(0px) translateY(-50%); } [dir="ltr"] .sidebar-content:has(.sidebar-item:hover) > .sidebar-item:not(:hover) { transform: translate(135px); } [dir="rtl"] .sidebar-content:has(.sidebar-item:hover) > .sidebar-item:not(:hover) { transform: translate(-135px); } [dir="ltr"] .sidebar-content:not(:has(.sidebar-item:hover)) { transform: translate(135px) translateY(-50%); } [dir="rtl"] .sidebar-content:not(:has(.sidebar-item:hover)) { transform: translate(-135px) translateY(-50%); } .sidebar-item { text-transform: uppercase; width: 180px; transition: transform var(--slow-transition-duration) ease; align-items: center; padding: 10px; font-size: 18px; display: flex; } .sidebar-item + .sidebar-item { margin-top: 2px; } .sidebar-item:hover .sidebar-image { transition: transform var(--slow-transition-duration) ease; transform: rotate(360deg); } [dir="ltr"] .sidebar-item { border-top-left-radius: 50px; border-bottom-left-radius: 50px; } [dir="rtl"] .sidebar-item { border-top-right-radius: 50px; border-bottom-right-radius: 50px; } .sidebar-imageSrc { background: rgb(31, 31, 31); } .sidebar-image { background: rgb(255, 255, 255); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; width: 30px; height: 30px; display: flex; } .sidebar-image img { object-fit: contain; width: 100%; height: 100%; } .sidebar-title { color: rgb(255, 255, 255); margin-inline-start: 20px; } ft-my-rewards-toggle:not(:defined) { display: none; } .fast-track-my-rewards-button { border-inline-end: 1px solid rgba(var(--menu-sc), .1); } [class*="is-web"] .fast-track-my-rewards-button { margin-inline-end: 10px; padding-inline-end: 10px; } [class*="is-mobile"] .fast-track-my-rewards-button { margin-inline-end: 6px; padding-inline-end: 8px; } .fast-track-my-rewards-button-inner.btn { padding: 0px 10px; } [class*="is-mobile"] .fast-track-my-rewards-button-inner.btn { width: 24px; height: 24px; } .fast-track-my-rewards-button-inner > .CMSIconSVGWrapper + span { margin-inline-start: 5px; } @media screen and (width <= 1400px) { .fast-track-my-rewards-button-inner > .CMSIconSVGWrapper + span { display: none; } } .footer-bc .expandable-info-container { max-width: 100%; } .footer-bc .live-chat-adviser-bc { height: 36px; color: rgba(var(--oc-1-sc), 1); background: rgba(var(--oc-1), 1); border-radius: var(--border-radius); cursor: pointer; text-transform: uppercase; transition: background var(--default-transition-duration); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; margin-top: 15px; padding: 0px 20px; text-decoration: none; display: flex; } @media (hover: hover) { .footer-bc .live-chat-adviser-bc:hover { background: rgba(var(--oc-1-hover), 1); cursor: pointer; } } @media not all and (hover: hover) { .footer-bc .live-chat-adviser-bc:active { background: rgba(var(--oc-1-hover), 1); } } .footer-bc .live-chat-adviser-bc + .switch-old-version { box-shadow: 0 -1px 0 0 rgba(var(--b-sc), .15); padding-top: 15px; } .ftr-decimal-language-row { margin-bottom: 15px; display: flex; transform: translate(0px, 0px); } .ftr-decimal-language-row .form-control-bc { width: 100%; } .ftr-decimal-language-row .form-control-bc + .form-control-bc { margin-inline-start: 10px; } .bc-i-footer-icon-holder { width: 14px; height: 14px; color: rgba(var(--b-sc), 1); text-align: center; flex-shrink: 0; margin-inline-end: 5px; font-size: 14px; } .ftr-partners-row-bc { width: 100%; } .ftr-social-link-c-item-bc + .ftr-social-link-c-item-bc { margin-inline-start: 10px; } .ftr-partners-row-inner-bc { align-content: center; display: flex; } .ftr-partners-row-inner-bc > a, .ftr-partners-row-inner-bc > div { justify-content: center; display: flex; } .ftr-partners-row-inner-bc > a + .ftr-copy-rights-bc, .ftr-partners-row-inner-bc > div + .ftr-copy-rights-bc { text-align: start; margin-inline-start: 10px; } .ftr-partners-row-inner-bc > div > div, .ftr-partners-row-inner-bc > div > div > a { height: 100%; } .ftr-partners-row-inner-bc > div > div > a > img { object-fit: contain; max-width: 100%; max-height: 100%; display: inline-flex; width: auto !important; } .ftr-partners-row-inner-bc:not(.partners-logo-scroll) { justify-content: center; } .partners-logo-scroll > a { background: rgba(var(--b-sc), .15); border-radius: var(--border-radius); flex-shrink: 0; } .ftr-partners-r-img, .xcm-container img { object-fit: contain; max-width: 100%; max-height: 100%; display: flex; } .ftr-payments-row-bc { align-items: center; display: flex; } .ftr-payments-row-img-bc { object-fit: contain; background: rgba(var(--b-sc), .15); border-radius: var(--border-radius); } .ftr-age-bc { text-align: center; width: 24px; height: 24px; color: rgba(var(--b-sc), .7); border-style: solid; border-color: rgba(var(--b-sc), .7); border-radius: 50%; flex-shrink: 0; font-size: 10px; } .ftr-age-description-bc { color: rgba(var(--b-sc), .7); margin: 0px 4px; font-size: 8px; line-height: 10px; } .ftr-copy-rights-bc { text-align: center; white-space: break-spaces; width: 100%; font-size: 12px; line-height: 14px; } .ftr-tel-mail-bc { justify-content: center; margin-top: 2px; display: flex; } .ftr-tel-mail-bc > a { color: rgba(var(--b-sc), .7); font-size: 10px; } .ftr-tel-mail-bc > a + a { margin-inline-start: 4px; padding-inline-start: 5px; } [dir="ltr"] .ftr-tel-mail-bc > a + a { border-left: 1px solid rgba(var(--b-sc), .5); } [dir="rtl"] .ftr-tel-mail-bc > a + a { border-right: 1px solid rgba(var(--b-sc), .5); } .ftr-tel-mail-bc span { color: rgb(198, 161, 67); margin-inline-end: 2px; } .feedback-popup-title { text-align: center; color: rgba(var(--b-sc), 1); text-transform: uppercase; font-weight: 500; } .feedback-text { color: rgba(var(--b-sc), .7); font-size: 12px; } .feedback-form .form-control-bc + .form-control-bc { margin-top: 15px; } .feedback-form .textareas .form-control-textarea { height: 100px; } .footerWrapper { max-width: none; box-shadow: 0 1px 0 0 rgba(var(--b-sc), .1) inset; padding-top: 10px; overflow: hidden; } [class*="is-mobile"] .footerWrapper { padding-left: 16px; padding-right: 16px; } .footerWrapper .infoTime:not(:last-child) { margin-inline-end: 16px; } [class*="is-web"] .compact-footer .layout-footer-holder-bc .footerWrapper { max-height: 0px; transition: max-height var(--default-transition-duration); } [class*="is-web"] .compact-footer .layout-footer-holder-bc.active .footerWrapper { max-height: 60vh; overflow: hidden auto; } .footerContainer { width: 100%; max-width: var(--layout-width); margin-left: auto; margin-right: auto; } .infoTime { border-radius: var(--border-radius); background-color: rgba(var(--b-sc), .15); height: 32px; color: rgba(var(--b-sc), .6); font-variant-numeric: tabular-nums; flex-shrink: 0; justify-content: center; align-items: center; padding-left: 8px; padding-right: 8px; font-size: 10px; line-height: 12px; display: flex; } [class*="is-mobile"] .infoTime { display: none; } .footerHeader { width: 100%; box-shadow: 0 -1px 0 0 rgba(var(--b-sc), .1) inset; justify-content: space-between; align-items: center; display: flex; } [class*="is-web"] .footerHeader { padding-top: 28px; padding-bottom: 28px; } [class*="is-mobile"] .footerHeader { flex-wrap: wrap; padding-top: 16px; padding-bottom: 16px; } .footerInnerLeftCol { justify-content: flex-start; align-items: center; display: flex; } [class*="is-web"] .footerInnerLeftCol { flex: 1 1 0%; width: 100%; min-width: 0px; } [class*="is-mobile"] .footerInnerLeftCol { min-width: 10px; } .footerSocialLinks { justify-content: flex-start; align-items: center; display: flex; } [class*="is-mobile"] .footerSocialLinks { flex-wrap: wrap; } .footerSocialLink { background-color: rgba(var(--b-sc), .15); border-radius: var(--border-radius); transition: background-color var(--default-transition-duration); } .footerSocialLink:hover { background-color: rgba(var(--b-sc), .25); } [class*="is-web"] .footerSocialLink { width: 32px; height: 32px; } [class*="is-mobile"] .footerSocialLink { width: 30px; height: 30px; margin: 4px; } [class*="is-web"][dir="ltr"] .footerSocialLink:not(:last-child) { margin-right: 16px; } [class*="is-web"][dir="rtl"] .footerSocialLink:not(:last-child) { margin-left: 16px; } .footerSocialLink a { width: 100%; height: 100%; color: rgba(var(--b-sc), .6); justify-content: center; align-items: center; font-size: 18px; display: flex; } .footerInfoColumn { justify-content: flex-start; align-items: center; display: flex; } [class*="is-web"] .footerInfoColumn { flex: 0 0 auto; } [dir="ltr"] .footerInfoColumn > .form-control-bc.languageDropdown > .multi-select-label-bc { left: unset; right: 0px; } [dir="rtl"] .footerInfoColumn > .form-control-bc.languageDropdown > .multi-select-label-bc { right: unset; left: 0px; } .footerInfoColumn > .form-control-bc.languageDropdown > .form-control-label-bc.inputs { height: 35px; } .footerInfoColumn > .form-control-bc.languageDropdown > .form-control-label-bc.inputs .ftr-lang-bar-flag-bc { bottom: unset; } .footerInfoColumn > .form-control-bc.languageDropdown > .form-control-label-bc.inputs .form-control-select-bc { padding-top: 4px; } [dir="ltr"] .footerInfoColumn > .form-control-bc.languageDropdown > .form-control-label-bc.inputs .form-control-icon-bc { right: 10px; } [dir="rtl"] .footerInfoColumn > .form-control-bc.languageDropdown > .form-control-label-bc.inputs .form-control-icon-bc { left: 10px; } .footerLinksSection { justify-content: space-between; align-items: flex-start; width: 100%; margin-bottom: 36px; padding-bottom: 8px; display: flex; } [class*="is-web"] .footerLinksSection { padding-top: 32px; } [class*="is-mobile"] .footerLinksSection { flex-direction: column; margin-bottom: 8px; padding-top: 24px; } .footerLinkCols { flex-wrap: wrap; flex: 1 1 0%; justify-content: center; align-items: flex-start; width: 100%; min-width: 0px; display: flex; } [class*="is-mobile"] .footerLinkCols { flex-direction: column; align-items: center; } .footerLinkCol { flex: 0 0 auto; } [class*="is-web"] .footerLinkCol { margin-bottom: 20px; } [class*="is-web"] .footerLinkCol + .footerLinkCol { margin-inline-start: 3%; } [class*="is-mobile"] .footerLinkCol { width: 100%; } [class*="is-mobile"] .footerLinkCol:not(:last-child) { margin-bottom: 24px; } .footerLinkColTitle { text-transform: uppercase; width: 100%; color: rgba(var(--b-sc), .7); align-items: center; font-size: 12px; font-weight: 700; line-height: 14px; display: flex; } [class*="is-web"] .footerLinkColTitle { gap: var(--fds-ref-spacing-2xsmall); } [class*="is-mobile"] .footerLinkColTitle { gap: var(--fds-ref-spacing-3xsmall); justify-content: center; } .footerLinkColTitle a { color: inherit; justify-content: flex-start; align-items: center; gap: var(--fds-ref-spacing-2xsmall); display: flex; } .footerLinkColTitle a i[class] { margin-right: 10px; display: block; } [class*="is-mobile"] .footerLinkColTitle a { justify-content: center; } [class*="is-web"] .footerLinkColTitle { margin-bottom: 18px; } [class*="is-mobile"] .footerLinkColTitle { text-align: center; margin-bottom: 8px; } .footerLinkColText { transform: translateY(1px); } .footerLinkColLinks { width: 100%; } [class*="is-mobile"] .footerLinkColLinks { flex-wrap: wrap; justify-content: center; align-items: flex-start; display: flex; } .footerLinkColEl a { text-transform: capitalize; color: rgba(var(--b-sc), .4); transition: color var(--default-transition-duration); font-size: 12px; line-height: 14px; } .footerLinkColEl a:hover { color: rgba(var(--b-sc), 1); } [class*="is-web"] .footerLinkColEl:not(:last-child) { margin-bottom: 12px; } [class*="is-mobile"] .footerLinkColEl { padding-left: 8px; padding-right: 8px; position: relative; } [class*="is-mobile"] .footerLinkColEl:not(:last-child)::after { content: ""; background-color: rgba(var(--b-sc), .1); width: 1px; height: 100%; display: block; position: absolute; top: 0px; right: 0px; } .footerAsideLinks { letter-spacing: 0.75px; flex-direction: column; justify-content: flex-start; align-items: flex-end; display: flex; } [class*="is-web"] .footerAsideLinks { flex: 0 0 auto; width: auto; margin-bottom: 24px; margin-left: 90px; } [class*="is-mobile"] .footerAsideLinks { flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; width: 100%; margin-top: 16px; padding-top: 16px; display: flex; position: relative; } [class*="is-mobile"] .footerAsideLinks::before { content: ""; background-color: rgba(var(--b-sc), .1); width: 100%; height: 1px; position: absolute; top: 0px; left: 0px; } .sliderGroup { width: 100%; padding-bottom: 42px; } .sliderGroup .horizontalSliderRow, .sliderGroup .horizontalSliderWrapper { text-align: center; } .sliderGroup .sliderGroup { padding-bottom: 0px; } [class*="is-mobile"] .sliderGroup { padding-top: 16px; padding-bottom: 16px; position: relative; } [class*="is-mobile"] .sliderGroup .sliderGroup::before { display: none; } [class*="is-mobile"] .sliderGroup::before { content: ""; background-color: rgba(var(--b-sc), .1); width: 100%; height: 1px; position: absolute; top: 0px; left: 0px; } [class*="is-mobile"] .sliderGroup .horizontalList { overflow: hidden; } .sliderContent { width: 100%; } .sliderContent:not(:last-child) { margin-bottom: 48px; } [class*="is-mobile"] .sliderContent:not(:last-child) { margin-bottom: 24px; } .sliderTitle { text-align: center; text-transform: uppercase; width: 100%; color: rgba(var(--b-sc), .7); } [class*="is-web"] .sliderTitle { letter-spacing: 2px; text-indent: 2px; margin-bottom: 17px; font-size: 10px; line-height: 12px; } [class*="is-mobile"] .sliderTitle { margin-bottom: 16px; font-size: 12px; line-height: 14px; } .copyRightBlock { width: 100%; box-shadow: 0 1px 0 0 rgba(var(--b-sc), .1) inset; justify-content: space-between; align-items: center; display: flex; } .copyRightBlock + .footerCopyrightLinks, .copyRightBlock:empty { box-shadow: none; } .copyRightBlock:last-child .footerWarning { margin-bottom: 0px; padding-bottom: 0px; } .copyRightBlock:last-child .footerWarning::before { display: none; } [class*="is-web"] .copyRightBlock { padding-top: 32px; padding-bottom: 48px; } [class*="is-web"] .copyRightBlock:empty { padding-top: 0px; padding-bottom: 0px; } [class*="is-mobile"] .copyRightBlock { padding-top: 16px; } [class*="is-mobile"] .copyRightBlock:last-child { padding-bottom: 16px; } [class*="is-mobile"] .copyRightBlock:empty { padding-top: 0px; } [class*="is-mobile"] .copyRightBlock:empty:last-child { padding-bottom: 0px; } [class*="is-mobile"] .copyRightBlock { flex-direction: column; justify-content: flex-start; } .footerWarning { justify-content: flex-start; align-items: center; min-width: 0px; display: flex; } [class*="is-web"] .footerWarning { flex: 0 0 auto; } [class*="is-mobile"] .footerWarning { flex-direction: column; width: 100%; margin-bottom: 16px; padding-bottom: 16px; position: relative; } [class*="is-mobile"] .footerWarning::before { content: ""; background-color: rgba(var(--b-sc), .1); width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0px; } .footerWarningAge { color: rgb(167, 31, 103); border-style: solid; border-color: rgb(167, 31, 103); border-radius: 50%; flex: 0 0 auto; justify-content: center; align-items: center; width: 24px; height: 24px; font-weight: 700; display: flex; } [class*="is-mobile"] .footerWarningAge { border-width: 2px; margin-bottom: 16px; font-size: 10px; line-height: 12px; } [class*="is-web"] .footerWarningAge { border-width: 2px; margin-right: 10px; font-size: 10px; line-height: 12px; } .footerWarningText { max-width: 251px; color: rgba(var(--b-sc), .6); font-size: 10px; line-height: 13px; } [class*="is-mobile"] .footerWarningText { text-align: center; max-width: none; } .footerCopyrights { color: rgba(var(--b-sc), .5); font-size: 12px; font-weight: 400; line-height: 14px; } .footerCopyrightLinks { box-shadow: 0 1px 0 0 rgba(var(--b-sc), .1) inset; justify-content: center; align-items: center; padding-top: 8px; padding-bottom: 32px; display: flex; } [class*="is-web"] .footerCopyrightLinks { display: none; } .footerCopyrightLinks a { text-transform: capitalize; color: rgba(var(--b-sc), .8); margin-left: 8px; margin-right: 8px; font-size: 12px; line-height: 14px; } .horizontalSliderRow .sliderImage { border-radius: 4px; justify-content: center; align-items: center; margin-left: 4px; margin-right: 4px; display: inline-flex; } [class*="is-web"] .horizontalSliderRow .sliderImage { width: 100px; min-width: 100px; height: 86px; } [class*="is-mobile"] .horizontalSliderRow .sliderImage { width: 50px; min-width: 50px; height: 50px; } [class*="is-mobile"][dir="ltr"] .horizontalSliderRow .sliderImage:first-child { margin-left: 16px; } [class*="is-mobile"][dir="ltr"] .horizontalSliderRow .sliderImage:last-child, [class*="is-mobile"][dir="rtl"] .horizontalSliderRow .sliderImage:first-child { margin-right: 16px; } [class*="is-mobile"][dir="rtl"] .horizontalSliderRow .sliderImage:last-child { margin-left: 16px; } .horizontalSliderRow .sliderImage img { object-fit: contain; object-position: center center; display: block; } [class*="is-web"] .horizontalSliderRow .sliderImage img { filter: grayscale(); opacity: 0.6; transition: opacity 0.24s; } [class*="is-web"] .horizontalSliderRow .sliderImage:hover img { filter: inherit; opacity: 1; } .feedBackButton { text-transform: uppercase; min-width: 117px; } [class*="is-web"][dir="ltr"] .feedBackButton { margin-right: 16px; } [class*="is-web"][dir="rtl"] .feedBackButton { margin-left: 16px; } [class*="is-web"] .footerTopButtonGroup { flex: 0 0 auto; } [class*="is-web"] .footerTopButtonGroup .button.outlined { display: none; } [class*="is-mobile"] .footerTopButtonGroup { column-gap: 16px; grid-template-columns: repeat(auto-fit, minmax(40%, 1fr)); width: 100%; margin-bottom: 16px; display: grid; } [class*="is-mobile"] .footerTopButtonGroup:empty { display: none; } .sliderSingleElWrapper { justify-content: center; align-items: center; width: 100%; display: flex; } [class*="is-web"] .sliderSingleElWrapper:not(:last-child) { margin-bottom: 24px; } [class*="is-mobile"] .sliderSingleElWrapper:not(:last-child) { margin-bottom: 16px; } .sliderSingleEl { justify-content: center; align-items: center; display: flex; } [class*="is-web"] .sliderSingleEl .sliderImage { margin-left: 12px; margin-right: 12px; } [class*="is-web"] .sliderSingleEl .sliderImage img { width: auto; height: 53px; display: block; } [class*="is-mobile"] .sliderSingleEl .sliderImage { margin-left: 4px; margin-right: 4px; } [class*="is-mobile"] .sliderSingleEl .sliderImage img { object-fit: contain; max-width: 100%; height: 30px; display: block; } .footerContainerWrapper:not(:first-child) { box-shadow: 0 1px 0 0 rgba(var(--b-sc), .1) inset; } .supportButton span { text-align: center; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: block; } .FooterLicenceCuracaoContainer img { object-fit: contain; max-width: 100px; max-height: 100px; } .layout-bc.page-full-size .layout-footer-holder-bc .footer-bc { padding-inline-end: 5px; } .footer-bc { padding: 20px 0px 15px; } .switch-old-version { margin-top: 15px; } .footer-title { color: rgba(var(--b-sc), 1); text-transform: uppercase; letter-spacing: 1px; justify-content: center; align-items: center; margin-bottom: 10px; font-size: 14px; line-height: 16px; display: flex; } .ftr-age-bc { border-width: 2px; margin-top: 20px; line-height: 20px; } .ftr-partners-row-inner-bc { flex-wrap: wrap; justify-content: center; } .ftr-partners-row-inner-bc > a, .ftr-partners-row-inner-bc > div { margin: 5px; } .ftr-partners-row-inner-bc > a:only-child img, .ftr-partners-row-inner-bc > div:only-child img { max-height: 60px; } .ftr-partners-row-inner-bc > a:not(:only-child) img, .ftr-partners-row-inner-bc > div:not(:only-child) img { height: 60px; } .ftr-partners-row-inner-bc + .ftr-partners-row-inner-bc { margin-top: 10px; } .ftr-partners-row-inner-bc.partners-logo-scroll > a { width: 80px; height: 80px; padding: 10px; } .ftr-partners-row-inner-bc.partners-logo-scroll > a img { height: 100% !important; max-height: 100% !important; } .ftr-payments-row-img-bc { cursor: pointer; width: 80px; height: 50px; margin: 5px; padding: 10px; } .ftr-copy-rights-bc { color: rgba(var(--b-sc), .5); border-top: 1px solid rgba(var(--b-sc), .1); margin-top: 15px; padding-top: 15px; } .compact-footer .layout-footer-holder-bc { will-change: transform; opacity: 0; transition: transform var(--default-transition-duration); animation: footer-hidden var(--default-transition-duration) var(--default-transition-duration) forwards; z-index: 952; position: fixed; bottom: 0px; transform: translateY(100%); } .compact-footer .layout-footer-holder-bc .footer-bc { opacity: 1; will-change: scroll-position; max-height: 70vh; overflow: hidden auto; } .compact-footer .layout-footer-holder-bc.active { transform: translate(0px, 0px); } .compact-footer .layout-footer-holder-bc.active .open-footer-icon::before { transform: rotate(180deg); } .compact-footer .open-footer-icon { opacity: 1; width: 60px; height: 18px; color: rgba(var(--b-sc), .7); background: rgba(var(--b), 1); border-radius: var(--border-radius) var(--border-radius) 0 0; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; cursor: pointer; transition: var(--default-transition-duration); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; justify-content: center; align-items: center; font-size: 10px; display: flex; position: absolute; bottom: 100%; left: 50%; transform: translate(-50%); } .compact-footer .open-footer-icon:hover { color: rgba(var(--b-sc), 1); } .compact-footer .footer-bc { background: rgba(var(--b), 1); opacity: 0; transition: opacity var(--default-transition-duration); } .compact-footer .crypto_exchange { height: 97.5%; } .open-footer-icon { display: none; } @keyframes footer-hidden { 0% { opacity: 0; } 100% { opacity: 1; } } .feedback-popup { padding-inline: 8px; } .feedback-popup-title { margin-top: 20px; font-size: 22px; } .feedback-text { margin-top: 15px; margin-bottom: 15px; line-height: 18px; } .compact-footer:has(.layout-footer-holder-bc.active) .layout-header-holder-bc .nav-floating-btn { display: none; } [class*="is-web"] .left-menu-hoory { border-radius: var(--border-radius); background: rgba(var(--b-sc), .05); } .hoorySwitcher.hooryInFooter { border-radius: var(--border-radius-middle); background: linear-gradient(175deg, rgb(127, 13, 216) 10%, rgb(169, 55, 240) 50%, rgb(200, 13, 216) 100%); justify-content: center; align-items: center; min-width: 150px; height: 32px; font-size: 12px; display: flex; position: relative; overflow: hidden; } [class*="is-web"] .hoorySwitcher.hooryInFooter { margin-inline-end: 16px; } .hoorySwitcherBtn { letter-spacing: 0.8px; text-transform: uppercase; color: rgba(0, 0, 0, 0); -webkit-text-fill-color: transparent; background: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.2), rgb(255, 255, 255)) 0px 0px / 200% 100% text; align-items: center; font-weight: 900; animation-name: hoory-switcher-btn-animation; animation-duration: 3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: reverse; display: flex; } [dir="rtl"] .hoorySwitcherBtn { flex-direction: row-reverse; } .hoorySwitcherBtn .bc-i-hooryAI-stars { font-size: 18px; } [dir="ltr"] .hoorySwitcherBtn .bc-i-hooryAI-stars { margin-inline-end: 5px; } [dir="rtl"] .hoorySwitcherBtn .bc-i-hooryAI-stars { margin-inline-start: 5px; } @keyframes hoory-switcher-btn-animation { 100% { background-position: 200% center; } } .askHooryAIBtnWrapper { padding: 5px 7px; } .askHooryAIBtn.btn.a-color { background: linear-gradient(329.84deg, rgba(216, 13, 131, 0.95) 27.27%, rgba(240, 55, 162, 0.95) 66.3%, rgba(216, 13, 131, 0.95) 110.73%); border-radius: 26px; box-shadow: rgba(251, 39, 92, 0.7) 0px 2px 10px; } .bs-numbers-bc { gap: 2px; grid-template-areas: "num_left num_right"; width: 100%; margin-top: 1px; padding: 5px; display: grid; } [class*="is-web"] .bs-numbers-bc { background: rgba(var(--b-sc), .05); border-radius: var(--border-radius); grid-template-columns: 1fr; } [class*="is-mobile"] .bs-numbers-bc { background: rgba(var(--b), 1); grid-template-columns: 9fr 3fr; } [class*="is-web"] .bs-numbers-bc.fav-stakes-hidden { display: none; } [class*="is-mobile"] .bs-numbers-bc.fav-stakes-hidden { column-gap: 0px; grid-template-columns: 1fr; } .bs-number-button-bc { border-radius: var(--border-radius); text-align: center; white-space: nowrap; height: 36px; transition-property: color, background-color; transition-duration: var(--default-transition-duration); border: 1px solid rgba(0, 0, 0, 0); line-height: 35px; position: relative; } [class*="is-web"] .bs-number-button-bc { width: 100%; } [class*="is-web"] .bs-number-button-bc:hover { cursor: pointer; } .bs-number-button-bc i { color: rgba(var(--b-sc), .8); } .bs-number-button-bc.i-1 { color: rgba(var(--b-sc), .7); background: rgba(var(--b-sc), .15); font-size: 15px; font-weight: 500; } .bs-number-button-bc.i-2 { color: rgba(var(--b-sc), .8); background: rgba(var(--b-sc), .1); box-sizing: border-box; padding: 0px 2px; font-size: 14px; } .bs-number-button-bc.closed-n-p-bc { grid-area: 1 / 7 / 3; height: 73px; line-height: 73px; } .bs-number-button-bc.disabled { opacity: 0.4; pointer-events: none; } .bs-number-button-bc:active { background-color: rgba(var(--hero), 1); color: rgba(var(--hero-sc), 1); } .bs-number-button-bc:active .bs-number-button-icon-bc { color: rgba(var(--hero-sc), 1); } [class*="is-web"] .bs-number-button-bc:hover { background-color: rgba(var(--hero), 1); color: rgba(var(--hero-sc), 1); } [class*="is-web"] .bs-number-button-bc:hover .bs-number-button-icon-bc { color: rgba(var(--hero-sc), 1); } .bs-number-button-bc.active { border: 1px solid rgba(var(--b-sc), .7); background: 0px 0px; } .bs-number-button-bc.hidden { display: none; } input.bs-number-button-bc.i-2:not(.active) { opacity: 0.7; } .num-pad-checked-i-bc { font-size: 24px; line-height: 36px; } .bs-number-button-icon-bc { font-size: 18px; display: block; position: absolute; top: 50%; left: 0px; right: 0px; transform: translateY(-50%); } .betslip-bc.first-bet .bs-numbers-bc { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; margin-top: 10px; padding-left: 0px; padding-right: 0px; } .bs-number-buttons-bc { gap: 2px; grid-template-columns: 1fr 1fr 1fr; width: 100%; display: grid; } [dir="rtl"] .bs-number-buttons-bc { direction: ltr; } .bs-editable-number-buttons-bc { gap: 2px; display: grid; } [class*="is-web"] .bs-editable-number-buttons-bc { grid-template-columns: repeat(3, 1fr) 36px; } [class*="is-mobile"] .bs-editable-number-buttons-bc { grid-template-columns: 1fr; } .quickBetWrapper-bc .bs-number-button-bc i { color: rgba(var(--b), .8); } .quickBetWrapper-bc .bs-number-button-bc.i-1 { color: rgba(var(--b), .7); background: rgba(var(--b), .15); } .quickBetWrapper-bc .bs-number-button-bc.i-2 { color: rgba(var(--b), .8); background: rgba(var(--b), .1); } .quickBetWrapper-bc .bs-number-button-bc.active { border-color: rgba(var(--b), .7); background: 0px 0px; } #betslip_container { width: 100%; } .bs-f-header-bc { grid-area: betslip-header; width: 100%; } .bs-f-header-bc .second-tabs-bc { margin-top: 3px; margin-bottom: 3px; } .bs-f-header-bc .second-tabs-bc .tab-bc { box-shadow: 0 2px 0 0 rgba(var(--b-sc), .15); } .bs-f-header-bc .second-tabs-bc .tab-bc span { display: none; } [dir="ltr"] .bs-f-header-bc .second-tabs-bc .tab-bc:first-child { border-top-left-radius: var(--border-radius); border-bottom-left-radius: 0px; } [dir="rtl"] .bs-f-header-bc .second-tabs-bc .tab-bc:first-child, [dir="ltr"] .bs-f-header-bc .second-tabs-bc .tab-bc:last-child { border-top-right-radius: var(--border-radius); border-bottom-right-radius: 0px; } [dir="rtl"] .bs-f-header-bc .second-tabs-bc .tab-bc:last-child { border-top-left-radius: var(--border-radius); border-bottom-left-radius: 0px; } .bs-f-header-bc .second-tabs-bc .tab-bc:not(:only-child):hover, .bs-f-header-bc .second-tabs-bc .tab-bc:not(:only-child).active { color: rgba(var(--hero-sc), 1); background: rgba(var(--hero), 1); } .bs-f-header-bc .second-tabs-bc .tab-bc:hover .count-odd-animation::after, .bs-f-header-bc .second-tabs-bc .tab-bc.active .count-odd-animation::after { color: rgba(var(--hero), 1); background: rgba(var(--hero-sc), 1); box-shadow: 0 0 0 1px rgba(var(--hero), 1); } .bs-f-header-bc .second-tabs-bc .tab-bc::after { font-family: BetConstruct-Icons; font-size: 16px; } .bs-f-header-bc .second-tabs-bc .tab-bc.betslip::after { content: ""; } .bs-f-header-bc .second-tabs-bc .tab-bc.open-bets::after { content: ""; } .bs-f-header-bc .second-tabs-bc .tab-bc.suggested-bets::after { content: ""; } .bs-f-header-bc .second-tabs-bc .tab-bc.suggested::after { content: ""; } .bs-f-header-bc .second-tabs-bc .tab-bc.booking::after { content: ""; } .bs-f-header-bc .second-tabs-bc .tab-bc.bet-status::after { content: ""; } .bs-f-header-bc .second-tabs-bc .tab-bc.multiple::after { content: ""; } .bs-f-header-bc .second-tabs-bc .tab-bc:only-child span, .bs-f-header-bc .second-tabs-bc .tab-bc:first-child:nth-last-child(2) span, .bs-f-header-bc .second-tabs-bc .tab-bc:nth-child(2):last-child span { display: initial; } .bs-f-header-bc .second-tabs-bc .tab-bc:only-child::after, .bs-f-header-bc .second-tabs-bc .tab-bc:first-child:nth-last-child(2)::after, .bs-f-header-bc .second-tabs-bc .tab-bc:nth-child(2):last-child::after { display: none; } .bs-f-header-bc .second-tabs-bc .tab-bc:only-child .count-odd-animation, .bs-f-header-bc .second-tabs-bc .tab-bc:first-child:nth-last-child(2) .count-odd-animation, .bs-f-header-bc .second-tabs-bc .tab-bc:nth-child(2):last-child .count-odd-animation { position: relative; top: -14px; } [dir="ltr"] .bs-f-header-bc .second-tabs-bc .tab-bc:only-child .count-odd-animation, [dir="ltr"] .bs-f-header-bc .second-tabs-bc .tab-bc:first-child:nth-last-child(2) .count-odd-animation, [dir="ltr"] .bs-f-header-bc .second-tabs-bc .tab-bc:nth-child(2):last-child .count-odd-animation { left: 1px; } [dir="rtl"] .bs-f-header-bc .second-tabs-bc .tab-bc:only-child .count-odd-animation, [dir="rtl"] .bs-f-header-bc .second-tabs-bc .tab-bc:first-child:nth-last-child(2) .count-odd-animation, [dir="rtl"] .bs-f-header-bc .second-tabs-bc .tab-bc:nth-child(2):last-child .count-odd-animation { right: 1px; } .bs-f-header-bc .second-tabs-bc .tab-bc + .tab-bc { margin-inline-start: 0px; } .bs-f-header-bc .second-tabs-bc .tab-bc .count-odd-animation { position: relative; top: -14px; } [dir="ltr"] .bs-f-header-bc .second-tabs-bc .tab-bc .count-odd-animation { left: 8px; } [dir="rtl"] .bs-f-header-bc .second-tabs-bc .tab-bc .count-odd-animation { right: 8px; } .bs-f-header-bc .second-tabs-bc .tab-bc .count-odd-animation::after { transition: var(--default-transition-duration); } .bs-f-header-top-stage-bc { justify-content: flex-end; align-items: center; padding-inline-start: var(--padding-page-aside); display: flex; position: relative; } .bs-f-header-top-stage-bc:not(.bet-history-top-stage-bc) { height: var(--betslip-header-height); } [class*="is-mobile"][dir="ltr"] .bs-f-header-top-stage-bc .sport-search-bc { right: 0px; } [class*="is-mobile"][dir="rtl"] .bs-f-header-top-stage-bc .sport-search-bc { left: 0px; } .sport-search-betslip.sport-search-bc { border-radius: var(--border-radius); position: relative; } .sport-search-betslip.sport-search-bc.active { padding-inline: 0px 36px; } [dir="ltr"] .sport-search-betslip.sport-search-bc .ss-icon-holder-bc { right: 0px; } [dir="rtl"] .sport-search-betslip.sport-search-bc .ss-icon-holder-bc { left: 0px; } .booking-popup { color: rgba(var(--b-sc), .8); flex-direction: column; justify-content: center; align-items: center; display: flex; } .booking-popup .bet-history-social { flex-wrap: wrap; justify-content: center; } .booking-popup .bet-history-social i { margin-top: 15px; position: relative; } .booking-popup .bet-history-social i a { z-index: 1; width: 30px; height: 30px; font-size: 0px; position: absolute; top: 0px; } [dir="ltr"] .booking-popup .bet-history-social i a { left: 0px; } [dir="rtl"] .booking-popup .bet-history-social i a { right: 0px; } .booking-popup .bet-history-social i::after { content: ""; box-sizing: border-box; border-radius: var(--border-radius); background: rgba(var(--b-sc), .05); width: 30px; height: 30px; padding: 5px; position: absolute; } .booking-popup .bet-history-social .bc-i-link-icon { margin-inline-end: 15px; } .booking-popup .bet-history-social .social-icon + .social-icon { margin-inline-start: 15px; } .booking-popup time { color: rgba(var(--b-sc), .8); text-align: center; justify-content: center; margin: 10px 0px 15px; font-size: 12px; display: flex; } .booking-popup-barcode { margin-bottom: 10px; } .bet-history-content { margin-top: 2px; display: flex; } .booking-popup-header { justify-content: center; align-items: center; width: 100%; display: flex; } .booking-popup-header i { text-align: center; flex-shrink: 0; } .booking-popup-header i.bc-i-checked::before { color: rgba(var(--oc-1), 1); } .booking-popup-header i + i { margin-inline-start: 5px; } .booking-popup-header i { background: rgba(var(--b-sc), .05); border-radius: var(--border-radius); font-size: 14px; } .booking-popup-id { padding: 0px 10px; font-size: 14px; } .booking-popup-content { margin-top: 10px; } .booking-popup-image { width: 180px; height: 195px; margin: 0px auto; overflow: hidden; } .booking-popup-image::before, .booking-popup-image::after { color: rgba(var(--b-sc), .8); background: rgba(var(--b-sc), .05); box-sizing: border-box; border-radius: var(--border-radius); padding: 5px; font-family: BetConstruct-Icons; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .booking-popup-image img { width: 100%; max-height: 100%; } .booking-popup-image:not(.booking-zoom-out) { position: relative; } .booking-popup-image:not(.booking-zoom-out) img { filter: blur(1px); } .booking-popup-image:not(.booking-zoom-out)::after { content: ""; } .booking-popup-image:not(.booking-zoom-out) .booking-popup-image-content { justify-content: center; align-items: center; height: 100%; display: flex; } .booking-popup-image.booking-zoom-out .booking-popup-image-content { z-index: 100000; justify-content: center; align-items: center; width: 100%; height: 90vh; margin: auto; display: flex; position: fixed; inset: 0px; } .booking-popup-image.booking-zoom-out .booking-popup-img { will-change: scroll-position; max-height: 100%; overflow: hidden auto; } .booking-popup-image.booking-zoom-out::after { content: ""; z-index: 100000; } .bc-i-copy-icon, .bc-i-link-icon, .booking-bet-print-icon { transition: background var(--default-transition-duration); justify-content: center; align-items: center; padding: 5px; display: flex; } @media (hover: hover) { .bc-i-copy-icon:hover, .bc-i-link-icon:hover, .booking-bet-print-icon:hover { background: rgba(var(--b-sc), .15); cursor: pointer; } } @media not all and (hover: hover) { .bc-i-copy-icon:active, .bc-i-link-icon:active, .booking-bet-print-icon:active { background: rgba(var(--b-sc), .15); } } .bs-f-h-t-t-balance-bc { color: rgba(var(--b-sc), 1); text-transform: uppercase; flex: 1 0 auto; margin-inline-end: 14px; font-size: 12px; font-weight: 500; } .bs-f-h-t-t-balance-view-r-2-bc { color: rgba(var(--oc-2), 1); font-size: 11px; font-style: normal; line-height: 13px; display: block; } .bs-f-h-t-close-icon-bc { height: 100%; padding: 0 var(--padding-page-aside) 0 14px; text-align: center; font-size: 14px; line-height: var(--betslip-header-height); color: rgba(var(--b-sc), .7); transition: color var(--default-transition-duration) ease; } .bs-f-h-t-close-icon-bc:active { color: rgba(var(--oc-3), 1); } .bs-f-h-m-nav-menu-bc { table-layout: fixed; width: 100%; height: 100%; display: table; } .bs-scroll-container-bc { width: 100%; height: 100%; } .bs-f-header-sub-navigation-bc { background: rgba(var(--b-sc), .15); border-radius: var(--border-radius); grid-area: betslip-type; align-items: center; height: 34px; padding-inline-end: 10px; display: flex; } .bs-f-header-sub-navigation-bc .form-control-select-bc { background: 0px 0px; } .bs-f-header-sub-navigation-bc .bs-remove-all-bc { flex: 1 1 auto; justify-content: flex-end; display: grid; } .bs-f-header-sub-navigation-bc .betslip-remove-all { text-decoration: underline; } .bs-f-header-sub-navigation-bc:empty { opacity: 0; } .bet-slip-tab-toggle { justify-content: center; padding: 10px; display: flex; } .bet-slip-tab-toggle .ui-kit-toggle { background: rgba(var(--b-sc), .7); order: 1; align-self: center; margin: 0px 10px; } .bet-slip-tab-toggle .ui-kit-toggle::before { background: rgba(var(--hero), 1); } .bet-slip-tab-toggle .ui-kit-toggle:not(.active) ~ .bet-slip-tab-toggle-item-left, .bet-slip-tab-toggle .ui-kit-toggle.active ~ .bet-slip-tab-toggle-item-right { color: rgba(var(--b-sc), 1); } .bet-slip-tab-toggle > span { width: 100%; color: rgba(var(--b-sc), .5); transition: color var(--default-transition-duration); align-self: center; font-size: 12px; } .bet-slip-tab-toggle-item-left { text-align: end; order: 0; } .bet-slip-tab-toggle-item-right { order: 2; } .bs-f-body-bc { grid-area: betslip-items; width: 100%; height: 100%; position: relative; } .bet-history-t-b-row-hk-bc .bet-history-status { text-transform: uppercase; text-align: end; justify-content: flex-end; align-items: center; font-size: 12px; display: flex; } .bs-info-massages-w-bc { background: rgba(var(--b), 1); padding: 10px; } .bs-info-massages-w-bc:empty { display: none; } .quickBetMsgWrapper-bc { align-items: center; min-height: 34px; padding: 5px; display: flex; } .quickBetMsgWrapper-bc + .quickBetMsgWrapper-bc { margin-top: 4px; } .quickBetMsgText-bc { line-height: 13px; } .betslip-success-message { background: rgba(16, 145, 33, 0.2); } .betslip-success-message .bs-notification-icon-bc { color: rgb(16, 145, 33); } .betslip-error-message { background: rgba(255, 52, 73, 0.2); } .betslip-error-message .bs-notification-icon-bc { color: rgb(255, 52, 73); } .betslip-info-message, .betslip-warning-message { background: rgba(170, 127, 0, 0.2); } .betslip-info-message .bs-notification-icon-bc, .betslip-warning-message .bs-notification-icon-bc { color: rgb(170, 127, 0); } .quickBetMsgWrapper-bc:has(.bonusInfoCard) { background: 0px 0px; min-height: auto; padding: 0px; overflow: visible; } .quickBetMsgWrapper-bc:has(.bonusInfoCard) > .bs-notification-icon-bc { display: none; } .quickBetMsgWrapper-bc:has(.bonusInfoCard) > .quickBetMsgText-bc { width: 100%; line-height: normal; } .bonusInfoCard { border-radius: var(--border-radius-middle); border: 1px solid var(--tertiary-72,#ffad29b8); background: linear-gradient(240deg, rgba(132, 107, 58, 0.56) 1.48%, rgba(132, 107, 58, 0) 47.04%), rgba(255, 255, 255, 0.08); gap: 10px; margin-inline-end: 8px; padding: 16px 8px 8px; animation: auto ease 0s 1 normal none running none; display: grid; position: relative; } [class*="is-web"] .bonusInfoCard { max-width: 304px; margin-bottom: 4px; } [class*="is-mobile"] .bonusInfoCard { max-width: 100%; margin-inline-start: var(--padding-page-aside); margin-bottom: 6px; } .bonusInfoCardContent { max-width: 100%; overflow: hidden; } .bonusInfoCardScrollContent { gap: 8px; align-items: flex-end; max-width: 100%; display: flex; overflow: hidden; } .bonusTiersScroll { min-width: 0px; padding: 2px; overflow: hidden; } [class*="is-web"] .bonusTiersScroll { width: 100%; } [class*="is-mobile"] .bonusTiersScroll { width: calc(100% - 44px); } .bonusTiersScroll .carousel { padding-inline-end: 2px; } .bonusTiersScroll .swiper-slide { border-radius: unset; overflow: unset; } .bonusTiersScroll .swiper { overflow: unset; } .bonusTierItem { height: 100%; transition: background-color var(--default-transition-duration); color: rgba(var(--b-sc), .4); border-bottom: 4px solid rgba(var(--b-sc), .1); flex-shrink: 0; justify-content: flex-end; align-items: center; gap: 4px; padding: 2px 4px 8px; font-size: 12px; font-weight: 700; display: flex; position: relative; } .bonusTierItem::after { content: ""; background: rgba(var(--b-sc), .1); width: 2px; height: 80%; position: absolute; bottom: 2px; } [dir="ltr"] .bonusTierItem::after { right: -2px; } [dir="rtl"] .bonusTierItem::after { left: -2px; } .bonusTierCheck { color: rgba(var(--hero), .9); margin-inline-start: 4px; } .bonusTierItemCurrent, .bonusTierItemAchieved { border-bottom-color: rgba(var(--hero), .9); } .bonusTierItemAchieved { color: rgba(var(--b-sc), .8); } .bonusTierItemCurrent { color: rgba(var(--oc-2), .8); } .bonusInfoIcon { background: rgba(var(--b-sc), .08); border-radius: var(--border-radius); flex-shrink: 0; justify-content: center; align-items: center; width: 36px; height: 36px; padding: 10px; display: flex; } .bonusInfoIcon > i { color: rgba(var(--b-sc), .6); font-size: 12px; } .bonusInfoContent { color: rgba(var(--b-sc), .8); flex-direction: column; gap: 4px; font-size: 12px; line-height: 16px; display: flex; } .bonusInfoTitle { color: rgba(var(--b-sc), .6); align-items: center; gap: 8px; font-weight: 600; display: flex; } .bonusInfoText + .bonusInfoText { border-inline-start: 1px solid rgba(var(--b-sc), .4); padding-inline-start: 8px; } .bonusInfoValue { color: rgba(var(--b-sc), .8); } .bonusInfoDesc { font-weight: 400; } .bonusInfoLabel { letter-spacing: 0.4px; text-transform: uppercase; color: rgb(0, 2, 5); white-space: nowrap; background: rgb(255, 173, 41); justify-content: center; align-items: center; padding: 4px; font-size: 10px; font-weight: 700; line-height: 14px; display: flex; position: absolute; top: -4px; } [dir="ltr"] .bonusInfoLabel { border-radius: var(--border-radius) var(--border-radius) 0; right: -8px; } [dir="rtl"] .bonusInfoLabel { border-radius: var(--border-radius) var(--border-radius) var(--border-radius) 0; left: -8px; } .bonusInfoLabel::before { content: ""; border-style: solid; border-width: 4px; width: 0px; height: 0px; position: absolute; top: 22px; } [dir="ltr"] .bonusInfoLabel::before { border-color: rgb(134, 82, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(134, 82, 0); right: 0px; } [dir="rtl"] .bonusInfoLabel::before { border-color: rgb(134, 82, 0) rgb(134, 82, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); left: 0px; } .bs-info-massages.for-betslip .betslip-warning-message { background: 0px 0px; padding-inline-start: 0px; } .bs-info-massages.for-betslip .betslip-warning-message .bs-notification-icon-bc { display: none; } .bs-notification-holder-bc { min-height: 20px; color: rgba(var(--b-sc), .9); margin-bottom: 1px; padding: 0px 8px; } .bs-notification-holder-bc.notification-clr-bc .bs-notification-icon-bc { color: rgba(var(--oc-1), 1); } .bs-notification-holder-bc.single-n-v { box-shadow: none; border-radius: 4px; margin-bottom: 4px; position: static; } .bs-notification-bc { vertical-align: top; max-width: 100%; height: 100%; font-size: 11px; font-weight: 400; line-height: 20px; display: inline-block; position: relative; } [dir="ltr"] .bs-notification-bc { padding-left: 18px; } [dir="rtl"] .bs-notification-bc { padding-right: 18px; } .bs-notification-icon-bc { margin-inline-end: 10px; font-size: 15px; } .bs-f-b-content-bc { transition: opacity var(--default-transition-duration); } .open-bets-bet-history-btn { justify-content: flex-end; margin: 5px 0px 10px; display: flex; } .open-bets-bet-history-btn > span { color: rgba(var(--b-sc), .7); cursor: pointer; font-size: 14px; text-decoration: underline; } .bs-bet-item-bc, .betslip-suggested-content { background: rgba(var(--b-sc), .1); border-radius: var(--border-radius); } .bs-bet-item-bc.blocked .bs-bet-i-h-c-icon-checkbox-bc, .bs-bet-item-bc.blocked .bs-bet-i-h-title-bc, .bs-bet-item-bc.blocked .bs-bet-i-b-title-bc.t-1, .bs-bet-item-bc.blocked .bs-bet-i-b-title-bc.t-2, .bs-bet-item-bc.blocked .bs-bet-i-b-coefficient-bc.c-1, .bs-bet-item-bc.blocked .bs-bet-i-b-coefficient-bc.c-2, .bs-bet-item-bc.blocked .bs-item-date-v-bc, .bs-bet-item-bc.deleted .bs-bet-i-h-c-icon-checkbox-bc, .bs-bet-item-bc.deleted .bs-bet-i-h-title-bc, .bs-bet-item-bc.deleted .bs-bet-i-b-title-bc.t-1, .bs-bet-item-bc.deleted .bs-bet-i-b-title-bc.t-2, .bs-bet-item-bc.deleted .bs-bet-i-b-coefficient-bc.c-1, .bs-bet-item-bc.deleted .bs-bet-i-b-coefficient-bc.c-2, .bs-bet-item-bc.deleted .bs-item-date-v-bc { opacity: 0.5; } .bs-bet-item-bc.blocked .bs-bet-i-b-section-bc, .bs-bet-item-bc.deleted .bs-bet-i-b-section-bc { opacity: 0; max-height: 0px; margin: 0px; transition: 0.5s; } .bs-bet-item-bc.blocked .betslip-changed, .bs-bet-item-bc.deleted .betslip-changed { padding: 10px 0px 4px; animation: 1s ease 0s 1 normal forwards running an-betslip-changed; } .bs-bet-item-bc .quickBetMsgWrapper-bc { padding: 0px 8px 6px; } .bs-bet-item-bc.single .quickBetMsgWrapper-bc { padding: 0px 8px; } .bs-bet-item-bg-c-bc { width: 100%; padding: 5px; } .bs-bet-item-bg-c-bc .bs-bet-i-h-c-icon-holder-bc { margin-inline-start: auto; margin-bottom: 6px; } .bs-bet-i-body-bc { display: flex; } .bs-bet-i-body-bc.bordered { border-bottom: 1px solid rgba(var(--b-sc), .1); } .bs-bet-i-h-cell-bc { height: 100%; } [dir="ltr"] .bs-bet-i-h-cell-bc { border-right: 8px solid rgba(0, 0, 0, 0); } [dir="rtl"] .bs-bet-i-h-cell-bc { border-left: 8px solid rgba(0, 0, 0, 0); } .bs-bet-i-h-cell-bc.checkbox { width: 14px; } .bs-bet-i-h-cell-bc.checkbox .bs-bet-i-h-c-icon-holder-bc { align-items: flex-start; } .bs-bet-i-h-cell-bc.status { position: relative; } .bs-bet-i-h-cell-bc.title { width: 100%; position: relative; } .bs-bet-i-h-cell-bc.icon { width: 16px; } .bs-bet-i-h-cell-bc:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .bs-item-date-v-bc { width: 100%; color: rgba(var(--b-sc), .4); margin-top: 4px; font-size: 11px; line-height: 13px; } .bs-bet-i-h-c-icon-checkbox-bc { width: 100%; color: rgba(var(--b-sc), .7); font-size: 11px; } .bs-bet-i-h-title-bc { height: 100%; color: rgba(var(--b-sc), .7); flex-wrap: wrap; align-items: center; max-width: 100%; font-size: 11px; line-height: 14px; display: flex; } .bs-bet-i-h-title-bc.t-2 { font-weight: 400; display: block; } .bs-bet-i-h-title-bc-text { width: 100%; } .bs-bet-i-h-c-icon-holder-bc { justify-content: flex-end; align-items: center; width: 10px; height: 16px; font-size: 10px; line-height: 1; display: flex; position: relative; } .bs-bet-i-h-c-icon-bc.attention { color: rgba(var(--oc-3), 1); } .bs-bet-i-h-c-icon-bc.remove { color: rgba(var(--b-sc), .7); } .bs-bet-i-h-c-icon-bc.remove:hover { color: rgba(var(--b-sc), .9); } .bs-bet-i-h-c-popup-bc { vertical-align: top; z-index: 1; background-color: var(--skin-palette-20); border-radius: var(--border-radius); width: 198px; padding: 6px 4px; display: inline-block; position: absolute; top: 100%; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px; } [dir="ltr"] .bs-bet-i-h-c-popup-bc { right: 0px; } [dir="rtl"] .bs-bet-i-h-c-popup-bc { left: 0px; } .bs-bet-i-h-c-p-title-bc { color: rgba(var(--oc-3), 1); font-size: 12px; font-weight: 400; display: block; } .bs-bet-i-h-c-p-text-bc { color: var(--text-palette-6); margin-top: 3px; font-size: 12px; font-weight: 400; display: block; } .bs-bet-i-h-c-p-text-bc:last-child { margin-bottom: 0px; } .bs-bet-i-head-bc { margin-top: 3px; } .bs-bet-i-b-section-bc { max-height: 150px; margin-top: 6px; display: grid; } .bs-bet-i-b-section-bc + .bs-bet-i-b-section-bc { margin-top: 10px; } .betslip-changed { align-items: center; width: 0px; display: flex; overflow: hidden; } @keyframes an-betslip-changed { 0% { width: 0px; } 100% { width: 100%; } } .betslip-changed-icon { color: rgba(var(--oc-3), 1); font-size: 16px; } .betslip-changed-text { color: rgba(var(--b-sc), .7); margin-inline-start: 10px; font-size: 12px; } .bs-bet-i-b-row-bc { color: rgba(var(--b-sc), .9); align-items: center; min-height: 14px; line-height: 16px; display: flex; } .bs-bet-i-b-row-bc + .bs-bet-i-b-row-bc { margin-top: 3px; } .bs-bet-i-b-row-bc + .bs-info-massages { margin-top: 5px; } .bs-bet-i-b-cell-bc { height: 100%; } .bs-bet-i-b-cell-bc:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .bs-bet-i-b-cell-bc.title { flex: 1 1 auto; align-items: center; display: flex; } .bs-bet-i-b-title-bc { font-size: 12px; } .bs-bet-i-b-title-bc.t-1 { color: rgba(var(--b-sc), .65); } .bs-bet-i-b-title-bc.t-2 { color: rgba(var(--b-sc), .95); } .bs-bet-i-b-coefficient-bc { vertical-align: top; margin-inline-start: 12px; font-size: 12px; position: relative; } .bs-bet-i-b-coefficient-bc.c-2 { color: rgba(var(--oc-2), 1); } .bs-bet-i-b-coefficient-bc:not(.isBoosted-bet) { display: inline-block; } .isBoosted-bet { align-items: center; gap: 5px; display: flex; } .bs-bet-i-b-prev-coefficient-bc { color: rgba(var(--oc-3), 1); font-size: 12px; font-weight: 700; text-decoration: line-through; } .bs-bet-i-b-stake-bc { height: 36px; margin-top: 10px; display: flex; overflow: hidden; } .bs-bet-i-b-stake-bc + .bs-bet-i-b-section-bc { margin-top: 10px; } .bet-slip-select-ew-wrapper { align-items: center; display: flex; } .bet-slip-select-ew-wrapper .form-control-bc { flex: 1 1 auto; } .bet-slip-select-ew-wrapper .bs-bet-i-b-s-i-block-bc { flex-shrink: 0; width: 52px; height: 52px; margin-inline-start: 5px; line-height: 52px; } .bs-bet-i-b-s-i-block-bc { text-align: center; height: 100%; color: rgba(var(--b-sc), .8); background: rgba(var(--b-sc), .1); border-radius: var(--border-radius); padding: 0px 10px; font-size: 14px; line-height: 36px; } .bs-bet-i-b-s-i-block-bc + .bs-bet-i-b-s-i-block-bc { color: rgba(var(--b-sc), .9); background: rgba(var(--b-sc), .2); margin-inline-start: 5px; } .bs-bet-i-b-s-i-block-bc > span::after { background: rgba(var(--b-sc), .4); height: 17px; } .bs-bet-i-b-s-i-block-bc.active { color: rgba(var(--accent-sc), 1); background: rgba(var(--accent), 1); } .bs-bet-i-b-s-i-holder-bc { border: solid 1px rgba(var(--b-sc), .2); flex: 1 1 auto; display: flex; overflow: hidden; } .bs-bet-i-b-s-i-holder-bc > b { color: rgba(var(--b-sc), .9); margin-inline-start: 4px; font-weight: 400; } .bs-bet-i-b-stake-to-all-bc { transition: background-color var(--default-transition-duration) ease; font-size: 15px; } .bs-bet-i-b-stake-to-all-bc:active, .bs-bet-i-b-stake-to-all-bc.active { background-color: rgba(var(--hero), 1); } .bs-bet-i-b-stake-to-all-bc:active .bs-bet-i-b-stake-to-all-icon-bc, .bs-bet-i-b-stake-to-all-bc.active .bs-bet-i-b-stake-to-all-icon-bc { color: rgba(var(--hero-sc), 1); } .bs-bet-i-b-stake-to-all-bc > i { width: 16px; } .bs-bet-i-b-amount-bc { vertical-align: top; white-space: nowrap; color: rgba(var(--oc-1), 1); font-size: 12px; font-weight: 700; display: inline-block; } [dir="rtl"] .bs-bet-i-b-amount-bc { direction: ltr; } .betslip-full-content-bc { grid-template: "betslip-header" "betslip-type" "betslip-items" 9fr "betslip-footer" / auto; row-gap: 2px; display: grid; } .bet-button-wrapper-bc { width: 100%; } .bet-button-wrapper-bc.content-type-5 { column-gap: 5px; } .bet-button-wrapper-bc.social-post-enabled { align-items: center; column-gap: var(--fds-ref-spacing-3xsmall); grid-template-columns: auto 1fr; display: grid; overflow: hidden; } .bet-button-wrapper-bc.social-post-enabled .ds-btn.betslip-post-button { flex-shrink: 0; height: 36px; min-height: 36px; max-height: 36px; } .share-booking-enabled .content-type-3 .button-type-3 span, .share-booking-enabled .content-type-5 .button-type-3 span { align-items: center; height: 100%; display: flex; } .share-booking-enabled .content-type-3 .button-type-3 span::before, .share-booking-enabled .content-type-5 .button-type-3 span::before { content: ""; margin-inline-end: 8px; font-family: BetConstruct-Icons; font-size: 18px; } .bs-actions-bc { width: 100%; } .bs-actions-bc:empty { display: none; } .bs-actions-bc .bookingSection { border-bottom: 1px solid rgba(var(--b-sc), .3); } [class*="is-mobile"] .multipleSystemActive { padding: var(--fds-ref-spacing-4xsmall) var(--padding-page-aside); } .cut-options-container { flex-direction: column; justify-content: center; display: flex; } .cut-buttons-row { margin-top: 7px; display: flex; } .bs-cut-buttons-bc-label { align-items: center; margin-inline-end: 5px; display: flex; } .bet-insurance { background: rgba(var(--oc-1), 1); align-items: center; height: 20px; display: flex; position: relative; } .bet-insurance::before, .bet-insurance::after { content: ""; width: 24px; height: 20px; position: absolute; top: 0px; } [dir="ltr"] .bet-insurance::before, [dir="ltr"] .bet-insurance::after { right: 0px; } [dir="rtl"] .bet-insurance::before, [dir="rtl"] .bet-insurance::after { left: 0px; } .bet-insurance::before { background: rgba(var(--oc-1), 1); z-index: 1; } [dir="ltr"] .bet-insurance::before { border-bottom-right-radius: 100%; } [dir="rtl"] .bet-insurance::before { border-bottom-left-radius: 100%; } .bet-insurance::after { background: rgba(var(--b), 1); z-index: 0; } .bet-insurance-info { color: rgba(var(--b-sc), .8); transition: color var(--default-transition-duration); margin-inline-start: 5px; font-size: 14px; } @media (hover: hover) { .bet-insurance-info:hover { color: rgba(var(--b-sc), 1); cursor: pointer; } } @media not all and (hover: hover) { .bet-insurance-info:active { color: rgba(var(--b-sc), 1); } } .bet-insurance-content { color: rgba(var(--b-sc), 1); z-index: 9; padding-inline: 8px; font-size: 10px; position: relative; } .bs-cut-buttons-bc { justify-content: flex-end; width: 100%; display: flex; } .cut-btn { text-transform: capitalize; justify-content: flex-end; height: 28px; padding-inline: 5px; } .cut-btn:only-child { width: auto; } .cut-btn:not(:only-child) { max-width: 33%; } .cut-btn.btn.a-outline { border-color: rgba(0, 0, 0, 0); } .cut-btn::after { margin-inline-start: 5px; font-family: BetConstruct-Icons; font-size: 14px; } .cut-btn:not(.checked)::after { content: ""; color: rgba(var(--b-sc), .3); background: rgba(var(--b-sc), .05); } .cut-btn.checked { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .cut-btn.checked::after { content: ""; color: rgba(var(--oc-1), 1); } .cut-btn + .cut-btn { margin-inline-end: 1px; } .cut-options-info-message { text-align: center; color: rgba(var(--b-sc), .7); user-select: text; word-break: break-word; margin-top: 5px; padding: 5px 15px; font-size: 10px; } .bs-inputs-bc { padding: 10px var(--padding-page-aside); background: rgba(var(--b), 1); } .min-stake-v-bc { color: rgba(var(--b-sc), 1); grid-column: 1 / -1; grid-template-columns: 24px 1fr; align-items: center; margin-top: 5px; font-size: 12px; line-height: 15px; display: grid; } .min-stake-v-bc > p { line-height: 12px; } .free-bet-bet-type-v-bc { width: 100%; margin-bottom: 6px; } .free-bet-bet-type-v-bc .form-control-select-bc { padding-top: 4px; } .free-bet-num-p-v-bc { width: 100%; margin-bottom: 6px; } .bs-o-b-d-t-value-bc { vertical-align: top; color: rgba(var(--b-sc), 1); text-transform: uppercase; font-size: 12px; font-weight: 400; line-height: 24px; display: inline-block; } .bs-o-b-section-bc { border-bottom: 1px solid rgba(var(--b), .2); padding: 4px 8px 0px; } .bs-o-b-section-bc.r-2 { margin-top: 1px; padding-top: 4px; padding-bottom: 4px; } .bs-o-b-section-bc.r-3, .bs-o-b-section-bc.r-4 { padding-top: 4px; padding-bottom: 4px; } .bs-o-b-section-bc.r-5 + .r-6 { border-top: 2px solid var(--skin-palette-18); } .bs-o-b-section-bc.r-6 > .bs-bet-i-b-row-bc { line-height: 24px; } .bs-o-b-section-bc.r-7 { padding: 0px; } .bs-o-b-cash-out-bc { border-bottom: 1px solid rgba(var(--b), .2); width: 100%; padding: 8px 6px; } .bs-bet-i-h-status-bc { vertical-align: top; color: rgba(var(--b-sc), .9); text-transform: uppercase; font-size: 12px; font-weight: 700; display: inline-block; position: relative; } [dir="ltr"] .bs-bet-i-h-status-bc { padding-left: 10px; } [dir="rtl"] .bs-bet-i-h-status-bc { padding-right: 10px; } .bs-bet-i-h-status-bc::before { content: ""; vertical-align: top; background: rgba(var(--oc-3), 1); border-radius: 50%; width: 6px; height: 6px; margin: auto 0px; display: inline-block; position: absolute; top: 0px; bottom: 0px; } [dir="ltr"] .bs-bet-i-h-status-bc::before { left: 0px; } [dir="rtl"] .bs-bet-i-h-status-bc::before { right: 0px; } .bookingSection { align-items: center; padding-top: 10px; padding-bottom: 10px; display: flex; } .bookingSectionTitle { color: rgba(var(--b-sc), .5); flex-shrink: 0; font-size: 12px; } .bookingSectionId { color: rgba(var(--b-sc), .8); flex: 1 1 auto; margin-inline-start: 3px; font-size: 11px; } .bookingSectionCopy { margin-inline-start: 6px; } .bookingSectionCopy.bc-i-checked::before { color: rgba(var(--oc-1), 1); } .bookingSectionIcon { color: rgba(var(--b-sc), .7); flex-shrink: 0; margin-inline-start: 10px; font-size: 12px; } .bs-each-w-switcher-bc { background: rgba(var(--b-sc), .1); border-radius: var(--border-radius); align-items: center; height: 34px; margin: 5px 0px; padding: 0px 6px; display: flex; } .each-way-text { color: rgba(var(--b-sc), .9); flex: 1 1 auto; margin-inline-start: 10px; font-size: 12px; } .settings-r-b-row-bc { background: rgba(var(--b-sc), .05); border-radius: 0 0 var(--border-radius) var(--border-radius); justify-content: space-between; align-items: center; display: flex; } .settings-r-b-row-bc .select.s-small { height: 36px; } .settings-r-b-row-bc .select.s-small.has-icon .select-icon-bc { font-size: 16px; line-height: 36px; } .settings-r-b-row-bc .select.s-small.has-icon .form-control-select-bc { color: rgba(var(--b-sc), .7); background: 0px 0px; padding-inline-start: 39px; font-size: 14px; } .settings-r-b-row-bc .select.s-small .multi-select-label-bc { padding: 2px; } .bs-f-footer { grid-area: betslip-footer; } .betslip-multiples-bc .bs-bet-i-b-section-bc { background: rgba(var(--b-sc), .1); margin: 1px 0px; padding: 10px; } .betslip-multiples-input-bc { background: rgba(var(--b-sc), .1); grid-template-columns: auto 1fr; grid-auto-rows: 56px; align-items: center; padding: 0px 10px; display: grid; } .betslip-multiples-input-bc .bs-bet-i-b-stake-bc { margin: 0px; position: relative; } .betslip-multiples-type-bc { height: 36px; color: rgba(var(--b-sc), .8); flex-direction: column; justify-content: center; padding-inline-end: 10px; font-size: 14px; display: flex; position: relative; } .betslip-multiples-number-bc { color: rgba(var(--b-sc), .4); font-size: 11px; font-weight: 400; } .betslip-multiples-input-bc .bs-bet-i-b-stake-bc:not(:last-of-type)::after, .betslip-multiples-input-bc .betslip-multiples-type-bc:not(:last-of-type)::after { content: ""; background: rgba(var(--b), 1); width: 100%; height: 1px; display: block; position: absolute; bottom: -10px; left: 0px; } .quickBetWrapper-bc .bc-loader { background: rgba(var(--b), .5); z-index: 10; position: absolute; } .quickBetWrapper-bc .bc-loader + .quickBetCloseButton-bc { display: none; } .quickBetWrapper-bc .bs-bet-i-b-s-i-block-bc { color: rgba(var(--b), .8); background: rgba(var(--b), .1); } .quickBetWrapper-bc .bs-bet-i-b-s-i-block-bc.active { color: rgba(var(--accent-sc), 1); background: rgba(var(--accent), 1); } .quickBetWrapper-bc .form-control-select-bc { padding-top: 4px; } .quickBetWrapper-bc .bs-bet-i-b-s-i-holder-bc > b { color: rgba(var(--b), .9); } .quickBetWrapper-bc .bs-bet-item-bg-c-bc { padding: 0px; } .quickBetWrapper-bc .min-stake-v-bc { color: rgba(var(--b), .9); } .quickBetWrapper-bc .betslip-changed-text { color: rgba(var(--b), .7); } .quickBetWrapper-bc .bs-bet-i-body-bc { margin-bottom: 2px; } .quickBetWrapper-bc .bs-bet-i-h-title-bc-text, .quickBetWrapper-bc .bs-item-date-v-bc { color: rgba(var(--b), .7); font-size: 12px; line-height: 14px; } .quickBetWrapper-bc .bc-i-close-remove.remove { color: rgba(var(--b), 1); } .quickBetWrapper-bc .bs-bet-i-body-bc.bordered { border-color: rgba(var(--b), .15); } .quickBetWrapper-bc .bs-bet-i-b-title-bc.t-1 { font-size: 12px; line-height: 14px; } .quickBetWrapper-bc .bs-bet-i-head-bc .bs-bet-i-b-title-bc.t-2 { color: rgba(var(--b), 1); font-size: 15px; line-height: 17px; } .quickBetWrapper-bc .bs-bet-i-b-title-bc.t-2 { color: rgba(var(--b), .8); font-size: 11px; font-weight: 700; line-height: 13px; } .quickBetWrapper-bc .bs-bet-i-b-coefficient-bc.c-2 { font-size: 12px; line-height: 14px; } .quickBetWrapper-bc .quickBetTaxInputRow-bc { width: 100%; margin-top: 10px; display: flex; } .quickBetWrapper-bc .quickBetTaxInputRow-bc .bs-bet-i-b-stake-bc { border-radius: var(--border-radius); align-items: center; width: 50%; margin-top: 0px; padding-inline-end: 2px; position: relative; } .quickBetWrapper-bc .quickBetTaxInputRow-bc .bs-bet-i-b-stake-bc + .quickBetButton-bc { width: 50%; margin-inline-start: 5px; } .quickBetWrapper-bc .quickBetTaxInputRow-bc .bs-bet-i-b-s-i-holder-bc { color: rgba(var(--b), .8); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .quickBetWrapper-bc .quickBetTaxInputRow-bc .bs-bet-i-b-s-i-block-bc { height: 32px; font-size: 12px; line-height: 32px; } .quickBetWrapper-bc .quickBetTaxInputRow-bc .bs-bet-i-b-s-i-block-bc + .bs-bet-i-b-s-i-block-bc { height: 32px; color: rgba(var(--b), .8); background: rgba(var(--b), .2); margin-inline-start: 2px; line-height: 32px; } .quickBetWrapper-bc .quickBetTaxInputRow-bc .bs-bet-i-b-s-i-block-bc + .bs-bet-i-b-s-i-block-bc.active { color: rgba(var(--accent-sc), 1); background: rgba(var(--accent), 1); } .quickBetWrapper-bc .quickBetTaxInputRow-bc .quickBetInput-text-bc::after { background: rgba(var(--b), .4); } .quickBetWrapper-bc .quickBetButton-bc { width: 100%; overflow: hidden; } .quickBetWrapper-bc .quickBetButtonEl-bc { flex-direction: column; position: relative; } .quickBetWrapper-bc .quickBetButtonEl-bc .bc-loader { width: auto; position: absolute; top: 0px; } [dir="ltr"] .quickBetWrapper-bc .quickBetButtonEl-bc .bc-loader { left: auto; right: 0px; } [dir="rtl"] .quickBetWrapper-bc .quickBetButtonEl-bc .bc-loader { left: 0px; right: auto; } .quickBetWrapper-bc .quickBetButtonEl-bc p { text-align: center; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; width: 100%; font-size: 10px; display: -webkit-box; overflow: hidden; } .quickBetWrapper-bc .quickBetButtonEl-bc.a-outline .vivaro-loader svg path { fill: rgba(var(--oc-1), 1); } .quickBetWrapper-bc .bs-info-massages-w-bc { background: 0px 0px; padding: 10px 0px; } .quickBetWrapper-bc .quickBetMessageWrapper-bc { width: 100%; margin-top: 8px; } .quickBetWrapper-bc .quickBetMsgWrapper-bc { width: 100%; } .quickBetWrapper-bc .quickBetMsgWrapper-bc + .quickBetMsgWrapper-bc { margin-top: 5px; } .quickBetWrapper-bc .quickBetMsgText-bc { color: rgba(var(--b), .9); font-size: 12px; line-height: 15px; } .quickBetWrapper-bc .quickBetMsgIcon-bc { color: rgba(var(--b-sc), 1); margin-right: 8px; font-size: 14px; position: static; } .quickBetWrapper-bc .bs-number-buttons-bc { grid-area: left; width: 100%; } .quickBetWrapper-bc .bs-editable-number-buttons-bc { grid-area: right; grid-template-columns: none; } .quickBetWrapper-bc .bs-number-button-bc.i-1 [data-value="4"] { grid-row-start: 2; grid-column-start: 1; } .quickBetWrapper-bc .bs-number-button-bc.i-1 [data-value="5"] { grid-row-start: 2; grid-column-start: 2; } .quickBetWrapper-bc .bs-number-button-bc.i-1 [data-value="6"] { grid-row-start: 2; grid-column-start: 3; } .quickBetWrapper-bc .bs-number-button-bc.i-1 [data-value="7"] { grid-row-start: 3; grid-column-start: 1; } .quickBetWrapper-bc .bs-number-button-bc.i-1 [data-value="8"] { grid-row-start: 3; grid-column-start: 2; } .quickBetWrapper-bc .bs-number-button-bc.i-1 [data-value="9"] { grid-row-start: 3; grid-column-start: 3; } .quickBetWrapper-bc .bs-number-button-bc.i-1 [data-value="delete"] { background: var(--skin-palette-17); grid-row-start: 4; grid-column-start: 3; } .quickBetWrapper-bc .bs-number-button-bc.i-1 [data-value="delete"] i { color: var(--text-palette-10); font-size: 24px; } .quickBetWrapper-bc .bs-number-button-bc.i-1 [data-value="."] { background: var(--skin-palette-17); } .quickBetWrapper-bc .bet-slip-switcher-wrapper-bc { border-radius: var(--border-radius); background: 0px 0px; margin-top: 5px; padding: 0px; } .quickBetWrapper-bc .betslip-power-bank-switcher { background: 0px 0px; } .quickBetWrapper-bc .betslip-power-bank { border-radius: var(--border-radius); --power-bank-ink: var(--b); } .quickBetWrapper-bc .betslip-power-bank, .quickBetWrapper-bc .bet-slip-switcher-row-bc { background: rgba(var(--b), .15); } .quickBetWrapper-bc .betslip-power-bank:not(.active) .bet-slip-switcher-r-i-c-name, .quickBetWrapper-bc .betslip-power-bank:not(.active) .bet-slip-switcher-row-info-bc, .quickBetWrapper-bc .bet-slip-switcher-row-bc:not(.active) .bet-slip-switcher-r-i-c-name, .quickBetWrapper-bc .bet-slip-switcher-row-bc:not(.active) .bet-slip-switcher-row-info-bc { color: rgba(var(--b), .8); } .quickBetWrapper-bc .betslip-power-bank.active .bet-slip-s-r-i-c-info-icon-bc, .quickBetWrapper-bc .bet-slip-switcher-row-bc.active .bet-slip-s-r-i-c-info-icon-bc { color: rgba(var(--b-sc), .3); } .quickBetWrapper-bc .betslip-power-bank.active .bet-slip-s-r-i-c-info-icon-bc.active, .quickBetWrapper-bc .bet-slip-switcher-row-bc.active .bet-slip-s-r-i-c-info-icon-bc.active { color: rgba(var(--b-sc), .7); } .quickBetWrapper-bc .bet-slip-s-r-i-c-info-icon-bc { color: rgba(var(--b), .3); } .quickBetWrapper-bc .bet-slip-s-r-i-c-info-icon-bc.active, [class*="is-web"] .quickBetWrapper-bc .bet-slip-s-r-i-c-info-icon-bc:not(.active):hover { color: rgba(var(--b), .7); } .quickBetWrapper-bc .ui-kit-toggle { background: rgba(var(--b), .15); } .quickBetWrapper-bc .ui-kit-toggle::before { background: rgba(var(--b), .6); } .quickBetWrapper-bc .form-control-select-bc { color: rgba(var(--b), .9); background: rgba(var(--b), .15); } .quickBetWrapper-bc .form-control-icon-bc { color: rgba(var(--b), .8); } .quickBetWrapper-bc .form-control-select-bc > option { background: rgba(var(--b-sc), 1); } .quickBetWrapper-bc [class*="skeleton-loader"] { background: linear-gradient(to right, rgba(var(--b), .1) 0%, rgba(var(--b), .3) 50%, rgba(var(--b), .1) 100%); } .quickBetCloseButton-bc { border-radius: var(--border-radius) var(--border-radius) 0 0; min-width: 112px; height: 24px; padding: 0 var(--padding-page-aside); color: rgba(var(--b), 1); background: rgba(var(--b-sc), 1); z-index: -1; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; justify-content: center; align-items: center; font-size: 11px; animation: 0.24s ease 0.24s 1 normal forwards running quick-bet-close; display: flex; position: absolute; top: 1px; } [dir="ltr"] .quickBetCloseButton-bc { right: 4px; } [dir="rtl"] .quickBetCloseButton-bc { left: 4px; } .quickBetCloseButton-bc > i { margin-top: 2px; } [dir="ltr"] .quickBetCloseButton-bc > i { margin-left: 10px; } [dir="rtl"] .quickBetCloseButton-bc > i { margin-right: 10px; } @keyframes quick-bet-close { 0% { transform: translateY(0%); } 100% { transform: translateY(-100%); } } .betslip-bc.first-bet .quickBetWrapper-bc .bs-bet-item-bc.multiple { background: rgba(var(--b-sc), 1); } .betslip-bc.first-bet .quickBetWrapper-bc .bs-numbers-bc { column-gap: 2px; background: rgba(var(--b-sc), 1); border-top-width: medium; border-top-style: none; border-top-color: currentcolor; grid-template-columns: 3fr 1fr; grid-template-areas: "left right"; margin-top: 0px; padding: 5px 0px 0px; } .first-bet .bs-bet-i-b-title-bc.t-1 { color: rgba(var(--b), .9); } .first-bet .bs-bet-i-b-coefficient-bc.c-2 { color: rgba(var(--accent), 1); font-size: 15px; font-weight: 700; line-height: 17px; } .fav-stake-edit .quickBetInput-text-bc::after { content: none; } .quickBetInput-text-bc { padding: 0px 2px; position: relative; } .quickBetInput-text-bc.selected { background: rgba(var(--b), .3); } [dir="ltr"] .quickBetInput-text-bc.selected::after { left: 0px; } [dir="rtl"] .quickBetInput-text-bc.selected::after { right: 0px; } .quickBetInput-text-bc::after { content: ""; background: rgba(var(--b), .5); width: 1px; height: 17px; animation: 1s linear 0s infinite normal none running input-focus; position: absolute; top: 50%; transform: translateY(-50%); } .fav-stake-entered .bs-bet-i-b-stake-bc .quickBetInput-text-bc { background: rgba(var(--b-sc), .2); } [dir="ltr"] .fav-stake-entered .quickBetInput-text-bc::after { right: 0px; } [dir="rtl"] .fav-stake-entered .quickBetInput-text-bc::after { left: 0px; } @keyframes input-focus { 0%, 50% { opacity: 0; } 51%, 100% { opacity: 1; } } .quickBetMsgText-bc { color: rgba(var(--b-sc), .9); font-size: 11px; line-height: 16px; } .bet-slip-info-link { cursor: pointer; box-shadow: inset 0px -1px 0px 0px rgba(var(--b-sc), .9); margin: 0px 4px; padding-bottom: 2px; text-decoration: underline; } .quickBetMsgIcon-bc { color: rgba(var(--oc-2), 1); } .betSwitchersWrapper-bc { width: 100%; padding-left: 10px; padding-right: 10px; } .bs-inputs-bc + .bs-numbers-bc { column-gap: 2px; grid-template: "contrls nums" / 9fr 3fr; } .bs-inputs-bc + .bs-numbers-bc .bs-editable-number-buttons-bc { grid-area: nums; } .bs-inputs-bc + .bs-numbers-bc .bs-number-buttons-bc { grid-area: contrls; } .bs-inputs-bc + .bs-numbers-bc .bs-number-button-bc[data-value="1"] { grid-row-start: 1; grid-column-start: 1; } .bs-inputs-bc + .bs-numbers-bc .bs-number-button-bc[data-value="2"] { grid-row-start: 1; grid-column-start: 2; } .bs-inputs-bc + .bs-numbers-bc .bs-number-button-bc[data-value="3"] { grid-row-start: 1; grid-column-start: 3; } .bs-inputs-bc + .bs-numbers-bc .bs-number-button-bc[data-value="4"] { grid-row-start: 2; grid-column-start: 1; } .bs-inputs-bc + .bs-numbers-bc .bs-number-button-bc[data-value="5"] { grid-row-start: 2; grid-column-start: 2; } .bs-inputs-bc + .bs-numbers-bc .bs-number-button-bc[data-value="6"] { grid-row-start: 2; grid-column-start: 3; } .bs-inputs-bc + .bs-numbers-bc .bs-number-button-bc[data-value="7"] { grid-row-start: 3; grid-column-start: 1; } .bs-inputs-bc + .bs-numbers-bc .bs-number-button-bc[data-value="8"] { grid-row-start: 3; grid-column-start: 2; } .bs-inputs-bc + .bs-numbers-bc .bs-number-button-bc[data-value="9"] { grid-row-start: 3; grid-column-start: 3; } .bs-inputs-bc + .bs-numbers-bc .bs-number-button-bc[data-value="."] { grid-row-start: 4; grid-column-start: 1; } .bs-inputs-bc + .bs-numbers-bc .bs-number-button-bc[data-value="0"] { grid-row-start: 4; grid-column-start: 2; } .edit-bet-header { z-index: 955; background: rgba(var(--b), 1); width: 100%; top: 0px; left: 0px; } .edit-bet-header-top { color: rgba(var(--hero-sc), .8); background: rgba(var(--hero), .7); align-items: center; padding-inline: 10px 15px; display: flex; } .edit-bet-header-top > i { flex-shrink: 0; font-size: 14px; } .edit-bet-header-title { text-transform: uppercase; flex: 1 1 auto; margin: 0px 8px; font-size: 12px; font-weight: 500; } .edit-bet-header-bottom { min-height: 34px; color: rgba(var(--hero-sc), .7); background: rgba(var(--hero), .5); align-items: center; padding: 4px 10px; display: flex; } .edit-bet-header-bottom > i { flex-shrink: 0; font-size: 14px; } .edit-bet-header-info { flex: 1 1 auto; margin-inline-start: 8px; font-size: 12px; } .edit-bet-add-btn { justify-content: flex-start; margin-top: 15px; } .edit-bet-new-title { color: rgba(var(--b-sc), .5); margin: 13px 0px 8px; padding-inline-start: 5px; font-size: 10px; display: flex; } .betslip-bonus-info { background: rgba(var(--b), 1); height: 40px; color: rgba(var(--b-sc), .9); cursor: pointer; align-items: center; padding: 0px 10px; font-size: 11px; display: flex; } .betslip-bonus-info + .bs-info-massages-w-bc { position: relative; } .betslip-bonus-info + .bs-info-massages-w-bc::after { content: ""; background: rgba(var(--b-sc), .1); width: calc(100% - 20px); height: 1px; position: absolute; top: 1px; left: 10px; } .betslip-bonus-icon { cursor: pointer; color: rgba(var(--b-sc), .7); font-size: 15px; } [class*="is-web"] .betStatus-search { margin-top: -2px; } .betStatus-search > form { background: rgba(var(--b-sc), .05); border-radius: 0 0 var(--border-radius) var(--border-radius); } .betStatus-search .ss-input-bc, .betStatus-search .ss-icon-holder-bc { background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .betStatus-search .ss-input-bc, .betStatus-search .ss-input-bc::placeholder { font-size: 14px; } .betStatus-search .skeleton-loader-full-banner { min-height: 34px; margin-top: 5px; } .betStatus-search-content { background: rgba(var(--b-sc), .1); border-radius: var(--border-radius); margin-top: 5px; padding: 10px; font-size: 12px; } .betStatus-search-item { align-items: center; width: 100%; display: flex; } .betStatus-search-item + .betStatus-search-item { margin-top: 5px; } .betStatus-search-title { color: rgba(var(--b-sc), .5); flex: 1 1 auto; margin-inline-end: 3px; } .betStatus-search-Id { color: rgba(var(--b-sc), 1); } .betStatus-search-cashOut { color: rgb(16, 145, 33); } .betStatus-search-Id, .betStatus-search-cashOut { flex-shrink: 0; } .betstatus-content .bet-history-bonus-icon { display: none; } .betstatus-content .bet-history-t-b-row-hk-bc .bet-history-bonus-icon.bc-i-bonus + i { margin-inline-start: 0px; } .bs-actions-btn { text-align: end; color: rgba(var(--b-sc), .8); padding: 4px var(--padding-page-aside); cursor: pointer; } .bookingConfirmationPopup button { width: 100%; } .bookingConfirmationPopup button + button { margin-top: 16px; } .bookingConfirmationPopupItem { will-change: scroll-position; max-height: 36vh; margin-top: 52px; padding: 0px 16px 20px; overflow: hidden auto; } [class*="is-mobile"] .bookingConfirmationPopupItem::-webkit-scrollbar { display: none; } .bookingConfirmationPopupItem .bookingConfirmationPopupBBIcon.CMSIconSVGWrapper { width: 20px; height: 20px; color: rgba(var(--b-sc), 1); margin-bottom: 8px; } .bookingConfirmationItem + .bookingConfirmationItem { border-top: 1px solid rgba(var(--b-sc), .1); margin-top: 12px; padding-top: 12px; } .bookingConfirmationItems { letter-spacing: 0.5px; display: flex; } [class*="is-web"] .bookingConfirmationItems { font-size: 14px; line-height: 18px; } [class*="is-mobile"] .bookingConfirmationItems { font-size: 12px; } .bookingConfirmationItems + .bookingConfirmationItems { margin-top: 8px; } .bookingConfirmationItems .BBEventBody { width: 100%; margin-top: 0px; } .bookingConfirmationItems .BBEventBodyRowList::before { z-index: 0; } .bookingConfirmationItems .BBEventBodyRow { width: 100%; } .bookingConfirmationItems .BBEventBodyRow:last-child::after, .bookingConfirmationItems .BBEventBodyRowBefore::before { background: 0px 0px; } .bookingConfirmationItems .BBEventBodyRowInner { flex: 1 1 auto; } .bookingConfirmationItems .BBEventBodyRowLabel { flex: 1 1 auto; display: flex; } .bookingConfirmationItems .BBEventBodyRowValue { flex: 1 1 auto; justify-content: flex-end; display: flex; } .bookingConfirmationTitle, .bookingConfirmationType { flex: 1 0 auto; } .bookingConfirmationTitle { color: rgba(var(--b-sc), .4); } .bookingConfirmationType, .bookingConfirmationTypeValue { color: rgba(var(--b-sc), .8); } .bookingConfirmationGroupCount { text-align: end; color: rgba(var(--oc-2), 1); margin-top: 4px; font-size: 14px; } .bookingConfirmationData { text-align: end; color: rgba(var(--b-sc), .9); margin-inline-start: 3px; } .bookingConfirmationOdds { color: rgba(var(--oc-2), 1); } .bookingConfirmationBottom { background: rgba(var(--b-sc), .05); padding: 16px; } .bookingConfirmationBottomText { color: rgba(var(--b-sc), .8); margin-bottom: 28px; font-size: 14px; line-height: 20px; } .bookingConfirmationShadow { background: linear-gradient(to top, rgba(var(--b), .9), rgba(var(--b), .1)); width: 98%; height: 20px; margin-top: -20px; position: relative; } [class*="is-mobile"] .waduaAnimationWrapper { padding-left: var(--padding-page-aside); padding-right: var(--padding-page-aside); max-width: 1000px; margin-inline: auto; padding-bottom: 4px; } [class*="is-web"] .waduaAnimation.hasHeader { zoom: 0.95; width: 331px; } @media screen and (width <= 332px) { [class*="is-mobile"] .waduaAnimation.hasHeader .waduaAnimationIframe { zoom: 0.92; } [class*="is-mobile"] .waduaAnimation.hasHeader.hasStatistic { margin-bottom: -26px; } } .waduaAnimation .waduaAnimationIframe { width: 100%; height: 100%; } [class*="is-mobile"] .waduaAnimation .waduaAnimationIframe { position: absolute; top: 0px; left: 0px; } [class*="is-mobile"] .waduaAnimation { position: relative; } .bankerBetTypeInfoContainer { flex-shrink: 0; align-items: center; margin-inline-end: 5px; display: flex; } .bankerBetTypeInfo { width: 20px; height: 20px; color: rgba(var(--b-sc), .4); background: rgba(var(--b-sc), .08); transition: all var(--default-transition-duration); border-radius: 2px; justify-content: center; align-items: center; font-size: 12px; display: flex; } .bankerBetTypeInfo.checked { color: rgba(var(--b-sc), .9); background: rgba(var(--hero), .9); } [class*="is-web"] .bankerBetTypeInfo:not(.checked):hover { color: rgba(var(--b-sc), .7); background: rgba(var(--hero), .7); } .bankerEventBadge { border-radius: var(--border-radius); color: rgba(var(--b-sc), .8); background: linear-gradient(to right, rgba(var(--hero), .5), rgba(var(--hero), .8)); justify-content: center; align-items: center; margin-top: 8px; padding: 5px 10px; font-size: 12px; display: inline-flex; } .isQuickBetActive .second-tabs-bc .tab-bc { padding: 0px; } [class*="is-mobile"][dir="ltr"] .isQuickBetActive .betslip:not(.active)::before { border-top-color: rgba(var(--hero), 1); border-left-color: rgba(0, 0, 0, 0); border-right-color: rgba(var(--hero), 1); border-bottom-color: rgba(0, 0, 0, 0); left: -4px; } [class*="is-mobile"][dir="rtl"] .isQuickBetActive .betslip:not(.active)::before { border-top-color: rgba(var(--hero), 1); border-left-color: rgba(var(--hero), 1); border-bottom-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); right: -4px; } [class*="is-mobile"] .isQuickBetActive .betslip:not(.active)::before { content: ""; z-index: 1; background: 0px 0px; border-style: solid; border-width: 2px; width: 0px; height: 0px; transition: none; position: absolute; top: 9px; } .isQuickBetActive .betslip:not(.active) span { width: 100%; height: 100%; padding-inline: 10px; line-height: 34px; position: relative; } .isQuickBetActive .betslip:not(.active) span::before { content: ""; background-blend-mode: overlay; z-index: 1; background-image: linear-gradient(45deg, rgba(255, 173, 41, 0.4), rgba(0, 0, 0, 0)), url("/assets/images/quick-bet.png"); background-repeat: no-repeat; background-size: contain; width: 46px; height: 8px; position: absolute; } [class*="is-web"] .isQuickBetActive .betslip:not(.active) span::before { top: 2px; } [class*="is-mobile"] .isQuickBetActive .betslip:not(.active) span::before { top: -2px; } [class*="is-web"][dir="ltr"] .isQuickBetActive .betslip:not(.active) span::before { left: 4px; } [class*="is-web"][dir="rtl"] .isQuickBetActive .betslip:not(.active) span::before { right: 4px; } [class*="is-mobile"][dir="ltr"] .isQuickBetActive .betslip:not(.active) span::before { left: 0px; } [class*="is-mobile"][dir="rtl"] .isQuickBetActive .betslip:not(.active) span::before { right: 0px; } .isQuickBetActive .betslip:not(.active) span::after { content: ""; background-size: contain; background-color: rgba(var(--hero), 1); z-index: 0; background-image: linear-gradient(45deg, rgba(255, 173, 41, 0.4), rgba(0, 0, 0, 0)); width: 56px; height: 12px; position: absolute; } [class*="is-web"] .isQuickBetActive .betslip:not(.active) span::after { top: 0px; } [class*="is-mobile"] .isQuickBetActive .betslip:not(.active) span::after { top: -3px; } [class*="is-web"][dir="ltr"] .isQuickBetActive .betslip:not(.active) span::after { border-radius: var(--border-radius) 0; left: 0px; } [class*="is-web"][dir="rtl"] .isQuickBetActive .betslip:not(.active) span::after { border-radius: 0 var(--border-radius); right: 0px; } [class*="is-mobile"][dir="ltr"] .isQuickBetActive .betslip:not(.active) span::after { border-radius: var(--border-radius) var(--border-radius) var(--border-radius) 0; left: -4px; } [class*="is-mobile"][dir="rtl"] .isQuickBetActive .betslip:not(.active) span::after { border-radius: var(--border-radius) var(--border-radius) 0; right: -4px; } .betslipQuickBetContent { text-align: center; color: rgba(var(--b-sc), .4); flex-direction: column; align-items: center; gap: 10px; padding: 20px; font-size: 12px; display: flex; } .betslipQuickBetContent img { width: 56px; } .betslipQuickBetEmptyText { font-weight: 700; } [class*="is-web"] .quickBet-stake-content .bs-bet-i-b-stake-bc { margin-top: 0px; } .quickBet-stake-content .bs-numbers-bc { margin-top: 6px; } [class*="is-mobile"] .quickBet-stake-content .bs-numbers-bc { padding: 0px; } .quickBet-stake-check { width: 36px; height: 36px; color: rgba(var(--oc-1), 1); justify-content: flex-start; align-items: center; margin-inline-start: -30px; display: flex; } .betslip-bc.full { height: 100%; position: relative; } #betslip_container { will-change: scroll-position; flex-direction: column; min-height: 100%; max-height: 100%; padding-inline-end: 2px; display: flex; position: absolute; top: 0px; left: 0px; overflow: hidden scroll; } #betslip_container .popup-holder-bc { min-width: 100%; padding: 0px; } #betslip_container .popup-inner-bc { flex-direction: column; width: 100%; height: 100%; display: flex; overflow: visible; } #betslip_container .slider-bc { margin-top: 6px; margin-bottom: 10px; } .betslip-game-animation-block { min-height: 34px; margin-bottom: 2px; overflow: hidden; } .betslip-game-animation-block expresswidgetaddtobetsliparrow .game-details-container-bc { background: rgba(var(--b-sc), .05); border-radius: var(--border-radius); align-items: center; height: 34px; margin-bottom: 2px; padding: 0px 10px; display: flex; } .betslip-game-animation-block .game-details-c-live-icons-row-bc { border: 0px; margin: 0px; padding: 0px; } .betslip-game-animation-block .game-details-c-live-icons-row-bc .tooltipIconWrapper { width: auto; height: 20px; } .betslip-game-animation-block .game-details-c-live-icons-row-bc .tooltipIconWrapper .game-details-c-live-i-item-bc { padding-inline: 4px; font-size: 14px; } .betslip-game-animation-block .game-details-c-live-icons-row-bc + .game-details-c-live-icons-row-bc { flex: 1 1 auto; justify-content: flex-end; } .betslip-game-animation-block .kiev-animation { padding-top: 58.6176%; } .betslip-game-animation-block .kiev-animation > iframe { border-top-left-radius: 0px; border-top-right-radius: 0px; } .betslip-game-animation-block .sport-game-detail-holder-bc { margin-bottom: 0px; } .betslip-game-animation-block .sp-sub-list-bc:not(.betDuringStreamWrapper).active { min-height: 206px; } .sport-search-betslip { margin: 2px auto 4px; } .sport-search-betslip ~ .edit-bet-header { top: 38px; } .bs-bet-i-b-s-i-bc { width: 100%; color: rgba(var(--b-sc), .8); } .bs-bet-i-b-s-i-bc::placeholder { color: rgba(var(--b-sc), .8); } .sw-container-bc .bs-booking-section-bc { padding: 0 var(--padding-page-aside); } .settings-r-b-row-bc .select.s-small.has-icon .form-control-select-bc span { white-space: normal; overflow: visible; } .quickBetMsgWrapper-bc { border-radius: var(--border-radius); } .bs-f-header-sub-navigation-bc:empty { display: none; } .bet-slip-select-ew-wrapper .form-control-label-bc > span { white-space: normal; } .bet-button-wrapper-bc { background: rgba(var(--b-sc), .05); border-radius: var(--border-radius); padding: 5px; display: inline-grid; } .bet-button-wrapper-bc.content-type-5 { grid-template-columns: 2fr 3fr; } .bet-button-wrapper-bc .btn { padding: 0px 10px; overflow: hidden; } .bet-slip-switcher-wrapper-bc { width: 100%; display: inline-grid; } .bs-f-footer > div + div { margin-top: 2px; } .edit-bet-header { position: absolute; } .betslip-full-content-bc .edit-bet-header { margin-top: 2px; position: static; } .edit-bet-header-top { border-radius: var(--border-radius); height: 36px; } .edit-bet-header-top > i { cursor: pointer; transition: color var(--default-transition-duration) ease; } .edit-bet-header-top > i:hover { color: rgba(var(--hero-sc), 1); } .edit-bet-header-bottom { border-radius: var(--border-radius); margin-top: 2px; } .banner-a-lot { margin-bottom: 5px; display: flex; } .banner-a-lot > * { border-radius: var(--border-radius); width: 100%; } .banner-a-lot > * + * { margin-inline-start: 5px; } .banner-a-lot:empty { display: none; } .betslip .bs-bet-i-b-title-bc.t-2 { display: inline-flex; } .betslip .bs-bet-i-b-title-bc.t-2 > span + span { margin-inline-start: 3px; } .booking-popup { margin: 30px 0px; } .booking-popup-id { height: 30px; line-height: 30px; } .bc-i-copy-icon, .bc-i-link-icon, .booking-bet-print-icon { width: 30px; height: 30px; } .betslip-banner { margin-top: 2px; margin-bottom: 10px; } .betslip-banner .sdr-item-holder-bc { height: auto; } .betslip-banner .sdr-item-holder-bc + .sdr-item-holder-bc { margin-top: 2px; } .betslip-banner .sdr-item-holder-bc img { border-radius: var(--border-radius); } .bet-insurance { width: 80px; } .mini-games { position: relative; } .mini-games.expanded .mini-games-dropdown.opened { transition: all var(--slow-transition-duration) ease-in-out; } .mini-games .competition-description { color: rgba(var(--b-sc), 1); background: 0px 0px; flex: 1 1 auto; margin-inline-start: 0px; } .mini-games .competition-icon-arrow-bc { width: auto; padding: 0px 3px; } .mini-games .swiper-button-prev, .mini-games .swiper-button-next { background: 0px 0px; } .mini-games-dropdown { z-index: 2; border-top-right-radius: var(--border-radius); border-top-left-radius: var(--border-radius); backdrop-filter: blur(2px); background: rgba(0, 0, 0, 0.6); width: 100%; position: absolute; bottom: 33px; overflow: auto; } .mini-games-dropdown:not(.opened) { opacity: 0; height: 0px; } .mini-games-dropdown.opened { opacity: 1; height: 213px; } .mini-games-dropdown-header { background: rgba(var(--b-sc), .15); align-items: center; padding: 10px; font-size: 12px; display: flex; } .mini-games-dropdown-header:not(:hover) { color: rgba(255, 255, 255, 0.8); } .mini-games-dropdown-header { transition: color var(--default-transition-duration); } @media (hover: hover) { .mini-games-dropdown-header:hover { color: rgb(255, 255, 255); cursor: pointer; } } @media not all and (hover: hover) { .mini-games-dropdown-header:active { color: rgb(255, 255, 255); } } .mini-games-header { flex: 1 1 auto; } .mini-game-menu { padding-inline: 10px; } .mini-game-icon { margin-inline-start: 6px; font-family: BetConstruct-Icons; font-size: 8px; } .mini-game-content { justify-content: center; align-items: center; width: 100%; padding-inline: 40px; display: flex; position: absolute; } .mini-game-menu-item { color: rgba(255, 255, 255, 0.6); padding-top: 10px; padding-bottom: 10px; font-size: 12px; position: relative; } .mini-game-menu-item + .mini-game-menu-item { border-top: 1px solid rgba(255, 255, 255, 0.1); } .mini-game-menu-item { transition: color var(--default-transition-duration); } @media (hover: hover) { .mini-game-menu-item:hover { color: rgb(255, 255, 255); cursor: pointer; } } @media not all and (hover: hover) { .mini-game-menu-item:active { color: rgb(255, 255, 255); } } .mini-game-menu-item.active-mini-game { color: rgb(255, 255, 255); } .mini-game-name { background: rgba(var(--b-sc), .1); border-bottom-right-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); height: 34px; color: rgba(var(--b-sc), .8); text-align: center; transition: color var(--default-transition-duration); font-size: 12px; line-height: 34px; } @media (hover: hover) { .mini-game-name:hover { color: rgba(var(--b-sc), 1); cursor: pointer; } } @media not all and (hover: hover) { .mini-game-name:active { color: rgba(var(--b-sc), 1); } } .mini-games-container { height: 212px; margin-top: 3px; overflow: hidden; } .mini-games-container .mini-games-inner { height: 100%; overflow: hidden; } .mini-games-container iframe { height: 100%; } #betslip_container .sp-s-l-head-bc { position: relative; } .quickBet-stake-content.quickBet-disabled .bs-bet-i-b-s-i-bc { opacity: 0.4; pointer-events: none; } .quickBet-stake-content .bs-bet-i-b-s-i-block-bc { cursor: pointer; } .bet-slip-switcher-wrapper-bc { background: rgba(var(--b-sc), .05); border-radius: var(--border-radius); } .free-bet-bet-type-v-bc .bs-bet-i-b-s-i-block-bc { cursor: pointer; } .sttTabsWrp { width: 100%; display: flex; position: relative; } .sttTabsWrp.sttTabsType1 { height: 46px; } .sttTabsWrp.sttTabsType1 .sttTabsItem { border-bottom: 1px solid rgba(var(--b-sc), .1); } .sttTabsWrp.sttTabsType1 .sttTabsBg { background-color: rgba(var(--hero), 1); border-radius: 6px 6px 0px 0px; height: 2px; bottom: 0px; } .sttTabsWrp .sttTabsItem { z-index: 1; flex: 1 1 0%; justify-content: center; align-items: center; min-width: 0px; height: 100%; padding: 0px 6px; display: flex; position: relative; } [class*="is-web"] .sttTabsWrp .sttTabsItem:hover { cursor: pointer; } .sttTabsWrp .sttTabsItem:first-child:nth-last-child(2).active ~ .sttTabsBg { width: 100%; transform: translate(0px); } .sttTabsWrp .sttTabsBg { pointer-events: none; transition: transform 0.24s; position: absolute; transform: translate(-100%); } [dir="ltr"] .sttTabsWrp .sttTabsBg { left: 0px; } [dir="rtl"] .sttTabsWrp .sttTabsBg { right: 0px; } .entrance-f-error-message-bc:has(.sttTabsWrp) { background: 0px 0px; } .selfExclusionConfirmPopup { max-width: 400px; } .selfExclusionTimeoutPopup .ds-popup__header { position: relative; } .selfExclusionTimeoutPopup .ds-popup__header > button { top: 50%; position: absolute; inset-inline-end: var(--fds-ref-spacing-large); transform: translateY(-50%); } .selfExclusionTimeoutPopup .ds-popup__header-content { text-align: center; } .selfExclusionConfirmModal { gap: var(--fds-ref-spacing-large); color: rgba(var(--b-sc), var(--fds-ref-alpha-100)); flex-direction: column; display: flex; position: relative; } .selfExclusionConfirmModal__close { top: var(--fds-ref-spacing-xsmall); position: absolute; inset-inline-end: var(--fds-ref-spacing-xsmall); } .selfExclusionConfirmModal__header { align-items: center; gap: var(--fds-ref-spacing-xsmall); display: flex; } .selfExclusionConfirmModal__header__title { color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); } .selfExclusionConfirmModal__header__img { width: var(--fds-sem-dimension-medium); height: var(--fds-sem-dimension-medium); } .selfExclusionConfirmModal__body { font-size: var(--fds-sem-dimension-2xsmall); line-height: var(--fds-ref-font-line-height-70); color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); margin: 0px; } .selfExclusionConfirmModal__actions { justify-content: center; gap: var(--fds-ref-spacing-medium); margin-top: var(--fds-ref-spacing-3xsmall); width: 100%; display: flex; } .selfExclusionConfirmModal__actions > * { flex: 1 1 0px; max-width: 180px; } .selfExclusionBar { justify-content: center; align-items: flex-start; gap: var(--fds-ref-spacing-large); width: 100%; color: rgba(var(--b-sc), var(--fds-ref-alpha-100)); box-sizing: border-box; display: flex; } [class*="is-web"] .selfExclusionBar { height: var(--web-self-exclusion-height); } [class*="is-mobile"] .selfExclusionBar { height: var(--mobile-self-exclusion-height); justify-content: unset; z-index: 950; background: rgba(var(--b), var(--fds-ref-alpha-100)); position: fixed; top: 0px; } .selfExclusionBarLeft { justify-content: center; align-items: center; gap: var(--fds-ref-spacing-xsmall); cursor: pointer; color: rgba(var(--b-sc), --fds-ref-alpha-80); border-radius: var(--fds-ref-radius-full); -webkit-tap-highlight-color: transparent; display: flex; } [class*="is-web"] .selfExclusionBarLeft { min-width: 22.36vmin; } [class*="is-mobile"] .selfExclusionBarLeft { width: 100%; } .selfExclusionBarLabel { color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); transition: color 0.2s; } [class*="is-mobile"] .selfExclusionBarLabel { padding-top: var(--fds-ref-spacing-4xsmall); margin-top: calc(-1 * var(--fds-ref-spacing-2xsmall-nudge)); } .selfExclusionBarLabel + .selfExclusionBarLabel { padding-inline-start: var(--fds-ref-spacing-small); position: relative; } .selfExclusionBarLabel + .selfExclusionBarLabel::before { content: ""; background: rgba(var(--b-sc), var(--fds-ref-alpha-48)); width: 2px; height: 70%; position: absolute; top: 4px; } [dir="ltr"] .selfExclusionBarLabel + .selfExclusionBarLabel::before { left: var(--fds-ref-spacing-none); } [dir="rtl"] .selfExclusionBarLabel + .selfExclusionBarLabel::before { right: var(--fds-ref-spacing-none); } .selfExclusionWarningToastWrapper { align-items: center; gap: var(--fds-ref-spacing-2xlarge); display: flex; } .selfExclusionWarningToastImage { width: var(--fds-sem-dimension-medium); height: var(--fds-sem-dimension-medium); } .selfExclusionWarningToast { font-weight: var(--fds-ref-font-weight-regular); gap: var(--fds-ref-spacing-2xsmall); flex-direction: column; list-style: outside; display: flex; } [class*="is-web"] .selfExclusionWarningToast { font-size: var(--fds-ref-font-size-70); } [class*="is-mobile"] .selfExclusionWarningToast { font-size: var(--fds-ref-font-size-60); } .selfExclusionWarningToast__container.Toastify__toast-theme--colored.Toastify__toast--warning { padding: var(--fds-ref-spacing-none); border-radius: var(--fds-ref-radius-xsmall); backdrop-filter: blur(32px); background: rgb(82, 5, 17); border: 1px solid rgba(180, 19, 43, 0.56); } .selfExclusionWarningToast__container .Toastify__close-button { margin-inline-end: var(--fds-ref-spacing-xsmall); margin-top: var(--fds-ref-spacing-xsmall); } [class*="is-mobile"] .selfExclusionWarningToast__container { margin-top: var(--fds-ref-spacing-large); justify-content: center; align-items: center; display: flex; } .Toastify__toast-container:has(.selfExclusionWarningToast__container) { top: 40%; } [class*="is-web"] .Toastify__toast-container:has(.selfExclusionWarningToast__container) { width: 400px; } .ds-popup-backdrop:has(.selfExclusionConfirmPopup) { padding-top: var(--fds-ref-spacing-large); align-items: flex-start; } .socialNavIconBadgeWrapper { display: inline-flex; position: relative; } .socialNotificationBadge { position: absolute; top: 0px; } [dir="ltr"] .socialNotificationBadge { right: 0px; } [dir="rtl"] .socialNotificationBadge { left: 0px; } .socialTabNavigationBar { box-sizing: border-box; height: var(--socialBottomNavigationHeight); min-height: var(--socialBottomNavigationHeight); width: 95%; max-width: var(--socialBottomNavigationMaxWidth); bottom: var(--socialBottomNavigationMargin); border-radius: var(--fds-ref-radius-full); background: rgba(var(--b), .1); backdrop-filter: blur(15px); box-shadow: inset 0 0 10px 1px rgba(var(--b-sc), .2); z-index: 952; justify-content: center; align-items: center; gap: var(--fds-ref-spacing-3xsmall); transition: all var(--default-transition-duration); grid-area: nav; margin: 0px auto; padding: 4px 12px; display: flex; position: fixed; left: 0px; right: 0px; overflow: hidden; } .socialTabNavigationBar.isScrolling, #root.social-reels-swiped .socialTabNavigationBar { transform: scale(0.9); } .socialTabNavigationBar .vivaroMeTabToggle { min-width: unset; flex: 1 1 auto; container: socialTabNavigationBarItem / inline-size; } [class*="is-web"] .socialTabNavigationBar .vivaroMeTabToggle { padding: 0px; } .socialTabNavigationBar .vivaroMeTabToggle::before { content: none; } .socialTabNavigationBar .vivaroMeTabToggle .ds-btn.ds-btn--icon.ds-btn-size--sm { min-width: var(--fds-sem-dimension-large); max-width: var(--fds-sem-dimension-large); min-height: var(--fds-sem-dimension-large); max-height: var(--fds-sem-dimension-large); } .socialTabNavigationBar .vivaroMeTabToggle .ds-btn.ds-btn-size--sm .btn__icon { min-width: var(--fds-sem-dimension-xsmall-nudge); max-width: var(--fds-sem-dimension-xsmall-nudge); min-height: var(--fds-sem-dimension-xsmall-nudge); max-height: var(--fds-sem-dimension-xsmall-nudge); } .socialTabNavigationBarItem { flex: 1 1 auto; justify-content: center; align-items: center; display: flex; container: socialTabNavigationBarItem / inline-size; } .socialTabNavBtn.ds-btn { overflow: unset; container: navItem / inline-size; } .socialTabNavBtn.ds-btn.isProfileTabBtn { min-width: var(--fds-sem-dimension-large); max-width: var(--fds-sem-dimension-large); padding: 0px; } .socialTabNavItemProfileImg { object-fit: cover; border-radius: 50%; width: 24px; height: 24px; } @container socialTabNavigationBarItem (width <= 40px) { .vivaroMeTabToggleButtons, .socialTabNavBtn { transform: scale(0.9); } } @container socialTabNavigationBarItem (width <= 30px) { .vivaroMeTabToggleButtons, .socialTabNavBtn { transform: scale(0.8); } } .vivaroMeTabToggle { flex-shrink: 0; justify-content: center; align-items: center; min-width: 70px; height: 100%; display: flex; position: relative; } [dir="rtl"] .vivaroMeTabToggle { padding-inline-start: 20px; } [dir="ltr"] .vivaroMeTabToggle { padding-inline-end: 20px; } .vivaroMeTabToggle::before { content: ""; position: absolute; } [class*="is-web"] .vivaroMeTabToggle::before { width: 100%; height: 1px; bottom: 0px; left: 0px; } [class*="is-mobile"] .vivaroMeTabToggle::before { background: rgba(var(--b-sc), .1); width: 1px; height: 24px; } [class*="is-mobile"][dir="ltr"] .vivaroMeTabToggle::before { right: 0px; } [class*="is-mobile"][dir="rtl"] .vivaroMeTabToggle::before { left: 0px; } .vivaroMeTabToggleButtons { justify-content: center; align-items: center; height: 100%; display: flex; position: relative; } .vivaroMeTabToggleButtons > button { transition: all var(--slow-transition-duration); overflow: unset; position: absolute; } .vivaroMeTabToggleButtons > button:not(.active) { z-index: 1; transform: translate(20px); } .vivaroMeTabToggleButtons > button.active { z-index: 2; box-shadow: 4px 0 6px 0 rgba(var(--b), .4); transform: translate(0px); } .socialNotificationBadgeToggle { position: absolute; top: 0px; } [dir="ltr"] .socialNotificationBadgeToggle { right: 0px; } [dir="rtl"] .socialNotificationBadgeToggle { left: 0px; } .power-bank-bet-success-toast { gap: var(--fds-ref-spacing-small); flex-direction: column; width: 100%; min-width: 0px; display: flex; } .power-bank-bet-success-toast__message { align-items: center; gap: var(--fds-ref-spacing-xsmall); display: flex; } .power-bank-bet-success-toast__done-icon { flex-shrink: 0; display: flex; } .power-bank-bet-success-toast__done-icon svg { width: var(--fds-sem-dimension-small); height: var(--fds-sem-dimension-small); } .power-bank-bet-success-toast__panel { align-items: center; gap: var(--fds-ref-spacing-3xsmall); padding: var(--fds-ref-spacing-xsmall) var(--fds-ref-spacing-medium); border-radius: var(--fds-ref-radius-small); background: rgba(var(--static-black), var(--fds-ref-alpha-48)); display: flex; } .power-bank-bet-success-toast__panel-info { align-items: flex-start; gap: var(--fds-ref-spacing-2xsmall); flex-direction: column; flex: 1 1 0%; min-width: 0px; display: flex; } .power-bank-bet-success-toast__logo { height: var(--fds-sem-dimension-xsmall); } .power-bank-bet-success-toast__text { color: rgba(var(--static-white), var(--fds-ref-alpha-80)); text-align: start; } .power-bank-bet-success-toast__use-btn.ds-btn { background: rgba(var(--static-white), var(--fds-ref-alpha-90)); color: rgba(var(--static-black), var(--fds-ref-alpha-90)); } .power-bank-bet-success-toast-holder .Toastify__toast-body, .power-bank-bet-success-toast-holder .Toastify__toast-body > div:last-child { width: 100%; } [class*="is-web"] .casinoBorrowGamesModal.ds-popup { width: 900px; max-width: 95vw; max-height: 85vh; } .casinoBorrowGamesModal .ds-popup__header { display: none; } .casinoBorrowGamesModal .ds-popup__content { padding: 0px; } [class*="is-web"] .casinoBorrowGamesModal .ds-popup__content { max-height: none; } .casinoBorrowGamesModal .ds-popup__content { overflow: hidden; } .casinoBorrowGamesModal .status-popup-content-w-bc, .casinoBorrowGamesModal .popup-inner-bc { width: 600px; padding: 0px; overflow: hidden; } [class*="is-mobile"] .casinoBorrowGamesModal .status-popup-content-w-bc, [class*="is-mobile"] .casinoBorrowGamesModal .popup-inner-bc { width: 100%; } .casino-borrow-games-modal { flex-direction: column; display: flex; } [class*="is-web"] .casino-borrow-games-modal { max-height: 85vh; } [class*="is-mobile"] .casino-borrow-games-modal { max-height: 100vh; } .casino-borrow-games-modal__content { gap: var(--fds-ref-spacing-large); width: 100%; padding: 0 var(--fds-ref-spacing-large) var(--fds-ref-spacing-large); flex-direction: column; display: flex; } .casino-borrow-games-modal__games { will-change: scroll-position; overflow: hidden auto; } .casino-borrow-games-modal__banner.power-bank-header { z-index: 4; position: sticky; top: 0px; } .casino-borrow-games-modal__banner.power-bank-header::after { content: ""; background: linear-gradient(180deg, rgba(var(--b), 0) 75%, rgba(var(--b), var(--fds-ref-alpha-100)) 100%); pointer-events: none; position: absolute; inset: 0px; } .casino-borrow-games-modal__games-title { color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); } [class*="is-web"] .casino-borrow-games-modal__games .casinoGamesList { grid-template-columns: repeat(5, 1fr); } [class*="is-mobile"] .casino-borrow-games-modal__games .casinoGamesList { padding: 0 var(--fds-ref-spacing-large); grid-template-columns: repeat(2, 1fr); } [class*="is-mobile"] .casino-borrow-games-modal__games .casinoGamesListWrapper { padding: 0px; } .power-bank-header { gap: var(--fds-ref-spacing-3xsmall); margin-inline: calc(-1 * var(--fds-ref-spacing-large)); flex-direction: column; display: flex; position: relative; overflow: hidden; } [class*="is-web"] .power-bank-header { padding-block: var(--fds-ref-spacing-2xlarge); padding-inline: var(--fds-ref-spacing-2xlarge) 200px; } [class*="is-mobile"] .power-bank-header { padding-block: var(--fds-ref-spacing-xlarge); padding-inline: var(--fds-ref-spacing-xlarge) 120px; } [dir="ltr"] .power-bank-header { background-image: linear-gradient(98deg, rgba(var(--oc-1), .43) 3.01%, rgba(var(--oc-1), 0) 42.28%), linear-gradient(280deg, rgba(var(--hero), var(--fds-ref-alpha-40)) 12.2%, rgba(var(--hero), 0) 51.35%); } [dir="rtl"] .power-bank-header { background-image: linear-gradient(280deg, rgba(var(--oc-1), .43) 3.01%, rgba(var(--oc-1), 0) 42.28%), linear-gradient(98deg, rgba(var(--hero), var(--fds-ref-alpha-40)) 12.2%, rgba(var(--hero), 0) 51.35%); } .power-bank-header::before { content: ""; pointer-events: none; background: 100% 100% / contain no-repeat; position: absolute; inset-inline-end: 0px; } [dir="rtl"] .power-bank-header::before { background-position: 0px 100%; } [class*="is-web"] .power-bank-header::before { width: 216px; height: 205px; bottom: -64px; } [class*="is-mobile"] .power-bank-header::before { width: 120px; height: 120px; } .power-bank-header::after { content: ""; background: linear-gradient(180deg, rgba(var(--b), 0) 75%, rgba(var(--b), var(--fds-ref-alpha-100)) 100%); pointer-events: none; position: absolute; inset: 0px; } .power-bank-header--sport::before { background-image: url("/assets/images/powebankBall.png"); } .power-bank-header--casino::before { background-image: url("/assets/images/slotMachine2.png"); } .power-bank-header--generic::before { background-image: url("/assets/images/slotMachine2.png"); background-position: 100% center; } [dir="rtl"] .power-bank-header--generic::before { background-position: 0px center; } [class*="is-web"] .power-bank-header--generic::before { top: 0px; bottom: auto; } .power-bank-header__close { top: var(--fds-ref-spacing-large); z-index: 1; backdrop-filter: blur(var(--fds-ref-spacing-large)); position: absolute; inset-inline-end: var(--fds-ref-spacing-large); } .power-bank-header__logo-row { align-items: center; gap: var(--fds-ref-spacing-xsmall); display: flex; } .power-bank-header__title { color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); } .power-bank-header__balance-row { align-items: center; gap: var(--fds-ref-spacing-small); display: flex; } .power-bank-header__balance-amount { color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); margin: 0px; } .power-bank-header__subtitle { color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); } .power-bank-header__refresh { color: rgba(var(--b-sc), var(--fds-ref-alpha-90)); } .power-bank-header__spin { animation: 0.6s linear 0s infinite normal none running power-bank-spin; } @keyframes power-bank-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .power-bank-how-it-works { gap: var(--fds-ref-spacing-small); background: rgba(var(--b-sc), var(--fds-ref-alpha-2)); border: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) rgba(var(--b-sc), var(--fds-ref-alpha-4)); border-radius: var(--fds-ref-radius-medium); box-shadow: 0 6px 12px 0 rgba(var(--b-sc), var(--fds-ref-alpha-8)) inset, 0 36px 48px 0 rgba(var(--hero), var(--fds-ref-alpha-24)) inset; flex-direction: column; display: flex; } [class*="is-web"] .power-bank-how-it-works { padding: var(--fds-ref-spacing-large); } [class*="is-mobile"] .power-bank-how-it-works { padding: var(--fds-ref-spacing-small); } .power-bank-how-it-works__header { justify-content: space-between; align-items: center; gap: var(--fds-ref-spacing-xsmall); cursor: pointer; width: 100%; display: flex; } .power-bank-how-it-works__title { color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); } .power-bank-how-it-works__chevron .btn__icon { transition: transform 0.25s; } .power-bank-how-it-works__chevron--open .btn__icon { transform: rotate(180deg); } .power-bank-how-it-works__steps { gap: var(--fds-ref-spacing-large); display: flex; } [class*="is-mobile"] .power-bank-how-it-works__steps { flex-direction: column; } .power-bank-how-it-works__step { align-items: flex-start; gap: var(--fds-ref-spacing-xsmall); display: flex; } [class*="is-web"] .power-bank-how-it-works__step { flex: 1 1 0%; min-width: 0px; } .power-bank-how-it-works__step-num { width: var(--fds-sem-dimension-small); height: var(--fds-sem-dimension-small); border-radius: var(--fds-ref-radius-full); background: rgba(var(--b-sc), var(--fds-ref-alpha-8)); color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); flex-shrink: 0; justify-content: center; align-items: center; display: flex; } .power-bank-how-it-works__step-text { color: rgba(var(--b-sc), var(--fds-ref-alpha-64)); } [class*="is-web"] .powerBankProductModal.ds-popup { width: 655px; max-width: 95vw; max-height: 85vh; } .powerBankProductModal .ds-popup__header { display: none; } .powerBankProductModal .ds-popup__content { padding: 0px; } [class*="is-web"] .powerBankProductModal .ds-popup__content { max-height: none; } .power-bank-product-modal { gap: var(--fds-ref-spacing-large); width: 100%; padding: 0 var(--fds-ref-spacing-large) var(--fds-ref-spacing-large); flex-direction: column; display: flex; overflow-x: hidden; } .power-bank-product-modal__options { gap: var(--fds-ref-spacing-medium); display: flex; } [class*="is-mobile"] .power-bank-product-modal__options { flex-direction: column; } .power-bank-product-modal__option { border-radius: var(--fds-ref-radius-medium); border: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) transparent; background: rgba(var(--b-sc), var(--fds-ref-alpha-4)); min-width: 0px; transition: border-color var(--default-transition-duration) ease, background-color var(--default-transition-duration) ease; flex: 1 1 0%; position: relative; overflow: hidden; } [class*="is-web"] .power-bank-product-modal__option:hover { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-24)); } .power-bank-product-modal__option--selected, [class*="is-web"] .power-bank-product-modal__option--selected:hover { border-color: rgba(var(--hero), var(--fds-ref-alpha-100)); background: rgba(var(--b-sc), var(--fds-ref-alpha-8)); } .power-bank-product-modal__option.ds-radio { align-items: stretch; gap: 0px; } .power-bank-product-modal__option .ds-radio__label-wrapper { align-items: center; gap: var(--fds-ref-spacing-xsmall); padding: var(--fds-ref-spacing-large); grid-template-columns: auto 1fr; display: grid; } [class*="is-mobile"] .power-bank-product-modal__option .ds-radio__label-wrapper { -webkit-tap-highlight-color: transparent; } .power-bank-product-modal__option span.ds-radio__label-text { font-size: var(--fds-ref-font-size-90); line-height: var(--fds-ref-font-line-height-120); font-weight: var(--fds-ref-font-weight-semibold); color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); } .power-bank-product-modal__option div.ds-radio__label-text { grid-column: 1 / -1; } .power-bank-product-modal__option--selected span.ds-radio__label-text { color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); } .power-bank-product-modal__option::after { content: ""; inset-inline-end: 0px; pointer-events: none; width: 133px; height: 126px; opacity: var(--fds-ref-alpha-16); background: 100% 100% / contain no-repeat; position: absolute; bottom: -48px; } .power-bank-product-modal__option--sport::after { background-image: url("/assets/images/powebankBall.png"); } .power-bank-product-modal__option--casino::after { background-image: url("/assets/images/slotMachine2.png"); } .power-bank-product-modal__option-description { color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); position: relative; } .power-bank-product-modal__footer { justify-content: center; align-items: center; gap: var(--fds-ref-spacing-small); display: flex; } [class*="is-mobile"] .power-bank-product-modal__footer { margin-top: auto; margin-inline: calc(-1 * var(--fds-ref-spacing-large)); padding: var(--fds-ref-spacing-small) var(--fds-ref-spacing-large); background: rgba(var(--b), var(--fds-ref-alpha-100)); position: sticky; bottom: 0px; } [class*="is-mobile"] .power-bank-product-modal__cancel, [class*="is-mobile"] .power-bank-product-modal__confirm { flex: 1 1 0%; } .power-bank-product-modal .power-bank-how-it-works__step-text { overflow-wrap: anywhere; } .ds-radio { align-items: flex-start; gap: var(--fds-ref-spacing-3xsmall); flex-direction: column; display: inline-flex; } .ds-radio__input { opacity: 0; pointer-events: none; width: 0px; height: 0px; position: absolute; } .ds-radio__label-wrapper { align-items: center; gap: var(--fds-ref-spacing-xsmall); cursor: pointer; display: flex; } .ds-radio__box { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); padding: var(--fds-ref-spacing-4xsmall); border-radius: var(--fds-ref-radius-3xsmall); box-sizing: border-box; flex-shrink: 0; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; } .ds-radio__box-inner { width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); border: var(--fds-ref-border-width-thin) solid rgba(var(--b-sc), var(--fds-ref-alpha-48)); border-radius: var(--fds-ref-radius-full); box-sizing: border-box; background: 0px 0px; transition: background 0.15s, border-color 0.15s, border-width 0.15s; } .ds-radio__box-overlay { top: var(--fds-ref-spacing-4xsmall); left: var(--fds-ref-spacing-4xsmall); width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); border: 0 solid rgba(var(--b-sc), var(--fds-ref-alpha-8)); border-radius: var(--fds-ref-radius-full); box-sizing: border-box; opacity: 0; pointer-events: none; background: 0px 0px; transition: opacity 0.15s; position: absolute; } .ds-radio__label-text { color: rgba(var(--b-sc), var(--fds-ref-alpha-90)); white-space: normal; } .ds-radio__helper-row { opacity: 0; grid-template-rows: 0fr; width: 100%; transition: grid-template-rows 0.2s, opacity 0.2s; display: grid; } .ds-radio__helper-row--visible { opacity: 1; grid-template-rows: 1fr; } .ds-radio__helper-row-inner { padding-left: var(--fds-ref-spacing-3xlarge); align-items: center; display: flex; overflow: hidden; } .ds-radio__helper-text { color: rgba(var(--b-sc), var(--fds-ref-alpha-64)); } .ds-radio__input:checked ~ .ds-radio__box .ds-radio__box-inner { background: 0px 0px; border-width: 5px; } .ds-radio.ds-radio-color--primary .ds-radio__input:checked ~ .ds-radio__box .ds-radio__box-inner { border-color: rgba(var(--hero), var(--fds-ref-alpha-100)); } .ds-radio.ds-radio-color--secondary .ds-radio__input:checked ~ .ds-radio__box .ds-radio__box-inner { border-color: rgba(var(--oc-1), var(--fds-ref-alpha-100)); } .ds-radio.ds-radio-placement--before .ds-radio__label-wrapper { justify-content: flex-end; } .ds-radio.ds-radio-placement--before .ds-radio__label-text { text-align: right; } .ds-radio.ds-radio-placement--before .ds-radio__helper-row-inner { padding-left: 0px; padding-right: var(--fds-ref-spacing-3xlarge); justify-content: flex-end; } [class*="is-web"] .ds-radio:hover:not(.ds-radio--disabled):not(.ds-radio--error) .ds-radio__input:not(:checked) ~ .ds-radio__box .ds-radio__box-inner { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-16)); } [class*="is-web"] .ds-radio:hover:not(.ds-radio--disabled) .ds-radio__input:not(:checked) ~ .ds-radio__box .ds-radio__box-overlay { background: rgba(var(--b-sc), var(--fds-ref-alpha-8)); opacity: 1; } [class*="is-web"] .ds-radio:hover:not(.ds-radio--disabled) .ds-radio__input:checked ~ .ds-radio__box .ds-radio__box-overlay { opacity: 1; border-width: 5px; } .ds-radio.ds-radio--error .ds-radio__box-inner { border-color: rgba(var(--error), var(--fds-ref-alpha-100)); } .ds-radio.ds-radio--error .ds-radio__helper-text { color: rgba(var(--error), var(--fds-ref-alpha-100)); } .ds-radio.ds-radio--error .ds-radio__input:checked ~ .ds-radio__box .ds-radio__box-inner { border-color: rgba(var(--error), var(--fds-ref-alpha-100)); } .ds-radio.ds-radio--disabled { pointer-events: none; } .ds-radio.ds-radio--disabled .ds-radio__label-wrapper { cursor: not-allowed; } .ds-radio.ds-radio--disabled .ds-radio__box-inner { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-4)); background: rgba(var(--b-sc), var(--fds-ref-alpha-8)); } .ds-radio.ds-radio--disabled .ds-radio__input:checked ~ .ds-radio__box .ds-radio__box-inner { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-8)); background: 0px 0px; } .ds-radio.ds-radio--disabled .ds-radio__label-text, .ds-radio.ds-radio--disabled .ds-radio__helper-text { color: rgba(var(--b-sc), var(--fds-ref-alpha-24)); } .socialCasinoGamesPage { gap: var(--fds-ref-spacing-medium); padding-bottom: var(--fds-ref-spacing-large); flex-direction: column; display: flex; } .socialCasinoFilters { justify-content: space-between; align-items: center; gap: var(--fds-ref-spacing-xsmall); display: flex; } .socialCasinoCategories { min-width: 0px; } .socialCasinoSortMenu { flex-shrink: 0; position: relative; } .socialCasinoSortDropdown { top: calc(100% + 8px); z-index: 10; min-width: 200px; padding: var(--fds-ref-spacing-xsmall) 0; border-radius: var(--border-radius-middle); background: rgba(var(--b), 1); flex-direction: column; display: flex; position: absolute; inset-inline-end: 0px; box-shadow: rgba(0, 0, 0, 0.45) 0px 12px 32px; } .socialCasinoSortHeading { padding: 6px var(--fds-ref-spacing-medium); color: rgba(var(--b-sc), .5); font-size: 12px; } .socialCasinoSortOption.ds-btn { padding: 10px var(--fds-ref-spacing-medium); color: rgba(var(--b-sc), 1); white-space: nowrap; justify-content: flex-start; } .socialCasinoSortOption.ds-btn.selected { background: rgba(var(--b-sc), var(--fds-ref-alpha-8)); } .socialCasinoGamesGrid { gap: var(--fds-ref-spacing-medium); grid-template-columns: repeat(3, minmax(0px, 1fr)); display: grid; } @media screen and (width <= 1024px) { .socialCasinoGamesGrid { grid-template-columns: repeat(2, minmax(0px, 1fr)); } } @media screen and (width <= 640px) { .socialCasinoGamesGrid { grid-template-columns: minmax(0px, 1fr); } } .socialCasinoEmpty { padding: var(--fds-ref-spacing-large) 0; text-align: center; color: rgba(var(--b-sc), .6); } .ds-divider { align-items: center; width: 100%; display: flex; } .ds-divider__line { border-top: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid); flex: 1 0 0px; min-width: 1px; height: 0px; } .ds-divider__content { align-items: center; gap: var(--fds-ref-spacing-3xsmall); flex-shrink: 0; display: flex; } .ds-divider__icon { flex-shrink: 0; width: 20px; height: 20px; } .ds-divider__label { white-space: nowrap; } .ds-divider--left, .ds-divider--center, .ds-divider--right { gap: var(--fds-ref-spacing-xsmall); } .ds-divider--dash .ds-divider__line { border-top-style: dashed; } .ds-divider--vertical { flex-direction: column; width: auto; height: 100%; } .ds-divider--vertical .ds-divider__line { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-left: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid); flex: 1 0 0px; width: 0px; min-width: 0px; height: auto; min-height: 1px; } .ds-divider--vertical.ds-divider--dash .ds-divider__line { border-left-style: dashed; } .ds-divider--line-alpha-2 .ds-divider__line { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-2)); } .ds-divider--line-alpha-2.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to right, rgba(var(--b-sc), var(--fds-ref-alpha-2)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-2)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--line-alpha-2.ds-divider--vertical.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to bottom, rgba(var(--b-sc), var(--fds-ref-alpha-2)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-2)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--icon-alpha-2 .ds-divider__icon, .ds-divider--text-alpha-2 .ds-divider__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-2)); } .ds-divider--line-alpha-4 .ds-divider__line { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-4)); } .ds-divider--line-alpha-4.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to right, rgba(var(--b-sc), var(--fds-ref-alpha-4)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-4)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--line-alpha-4.ds-divider--vertical.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to bottom, rgba(var(--b-sc), var(--fds-ref-alpha-4)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-4)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--icon-alpha-4 .ds-divider__icon, .ds-divider--text-alpha-4 .ds-divider__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-4)); } .ds-divider--line-alpha-6 .ds-divider__line { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-6)); } .ds-divider--line-alpha-6.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to right, rgba(var(--b-sc), var(--fds-ref-alpha-6)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-6)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--line-alpha-6.ds-divider--vertical.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to bottom, rgba(var(--b-sc), var(--fds-ref-alpha-6)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-6)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--icon-alpha-6 .ds-divider__icon, .ds-divider--text-alpha-6 .ds-divider__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-6)); } .ds-divider--line-alpha-8 .ds-divider__line { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-8)); } .ds-divider--line-alpha-8.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to right, rgba(var(--b-sc), var(--fds-ref-alpha-8)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-8)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--line-alpha-8.ds-divider--vertical.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to bottom, rgba(var(--b-sc), var(--fds-ref-alpha-8)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-8)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--icon-alpha-8 .ds-divider__icon, .ds-divider--text-alpha-8 .ds-divider__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-8)); } .ds-divider--line-alpha-12 .ds-divider__line { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-12)); } .ds-divider--line-alpha-12.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to right, rgba(var(--b-sc), var(--fds-ref-alpha-12)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-12)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--line-alpha-12.ds-divider--vertical.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to bottom, rgba(var(--b-sc), var(--fds-ref-alpha-12)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-12)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--icon-alpha-12 .ds-divider__icon, .ds-divider--text-alpha-12 .ds-divider__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-12)); } .ds-divider--line-alpha-16 .ds-divider__line { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-16)); } .ds-divider--line-alpha-16.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to right, rgba(var(--b-sc), var(--fds-ref-alpha-16)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-16)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--line-alpha-16.ds-divider--vertical.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to bottom, rgba(var(--b-sc), var(--fds-ref-alpha-16)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-16)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--icon-alpha-16 .ds-divider__icon, .ds-divider--text-alpha-16 .ds-divider__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-16)); } .ds-divider--line-alpha-24 .ds-divider__line { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-24)); } .ds-divider--line-alpha-24.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to right, rgba(var(--b-sc), var(--fds-ref-alpha-24)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-24)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--line-alpha-24.ds-divider--vertical.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to bottom, rgba(var(--b-sc), var(--fds-ref-alpha-24)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-24)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--icon-alpha-24 .ds-divider__icon, .ds-divider--text-alpha-24 .ds-divider__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-24)); } .ds-divider--line-alpha-32 .ds-divider__line { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-32)); } .ds-divider--line-alpha-32.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to right, rgba(var(--b-sc), var(--fds-ref-alpha-32)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-32)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--line-alpha-32.ds-divider--vertical.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to bottom, rgba(var(--b-sc), var(--fds-ref-alpha-32)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-32)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--icon-alpha-32 .ds-divider__icon, .ds-divider--text-alpha-32 .ds-divider__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-32)); } .ds-divider--line-alpha-48 .ds-divider__line { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-48)); } .ds-divider--line-alpha-48.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to right, rgba(var(--b-sc), var(--fds-ref-alpha-48)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-48)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--line-alpha-48.ds-divider--vertical.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to bottom, rgba(var(--b-sc), var(--fds-ref-alpha-48)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-48)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--icon-alpha-48 .ds-divider__icon, .ds-divider--text-alpha-48 .ds-divider__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-48)); } .ds-divider--line-alpha-40 .ds-divider__line { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-40)); } .ds-divider--line-alpha-40.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to right, rgba(var(--b-sc), var(--fds-ref-alpha-40)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-40)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--line-alpha-40.ds-divider--vertical.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to bottom, rgba(var(--b-sc), var(--fds-ref-alpha-40)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-40)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--icon-alpha-40 .ds-divider__icon, .ds-divider--text-alpha-40 .ds-divider__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-40)); } .ds-divider--line-alpha-56 .ds-divider__line { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); } .ds-divider--line-alpha-56.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to right, rgba(var(--b-sc), var(--fds-ref-alpha-56)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-56)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--line-alpha-56.ds-divider--vertical.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to bottom, rgba(var(--b-sc), var(--fds-ref-alpha-56)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-56)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--icon-alpha-56 .ds-divider__icon, .ds-divider--text-alpha-56 .ds-divider__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); } .ds-divider--line-alpha-64 .ds-divider__line { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-64)); } .ds-divider--line-alpha-64.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to right, rgba(var(--b-sc), var(--fds-ref-alpha-64)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-64)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--line-alpha-64.ds-divider--vertical.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to bottom, rgba(var(--b-sc), var(--fds-ref-alpha-64)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-64)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--icon-alpha-64 .ds-divider__icon, .ds-divider--text-alpha-64 .ds-divider__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-64)); } .ds-divider--line-alpha-72 .ds-divider__line { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-72)); } .ds-divider--line-alpha-72.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to right, rgba(var(--b-sc), var(--fds-ref-alpha-72)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-72)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--line-alpha-72.ds-divider--vertical.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to bottom, rgba(var(--b-sc), var(--fds-ref-alpha-72)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-72)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--icon-alpha-72 .ds-divider__icon, .ds-divider--text-alpha-72 .ds-divider__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-72)); } .ds-divider--line-alpha-80 .ds-divider__line { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); } .ds-divider--line-alpha-80.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to right, rgba(var(--b-sc), var(--fds-ref-alpha-80)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-80)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--line-alpha-80.ds-divider--vertical.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to bottom, rgba(var(--b-sc), var(--fds-ref-alpha-80)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-80)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--icon-alpha-80 .ds-divider__icon, .ds-divider--text-alpha-80 .ds-divider__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); } .ds-divider--line-alpha-90 .ds-divider__line { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-90)); } .ds-divider--line-alpha-90.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to right, rgba(var(--b-sc), var(--fds-ref-alpha-90)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-90)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--line-alpha-90.ds-divider--vertical.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to bottom, rgba(var(--b-sc), var(--fds-ref-alpha-90)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-90)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--icon-alpha-90 .ds-divider__icon, .ds-divider--text-alpha-90 .ds-divider__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-90)); } .ds-divider--line-alpha-100 .ds-divider__line { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-100)); } .ds-divider--line-alpha-100.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to right, rgba(var(--b-sc), var(--fds-ref-alpha-100)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-100)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--line-alpha-100.ds-divider--vertical.ds-divider--dash .ds-divider__line { border-image: repeating-linear-gradient(to bottom, rgba(var(--b-sc), var(--fds-ref-alpha-100)) 0, rgba(var(--b-sc), var(--fds-ref-alpha-100)) 4px, transparent 4px, transparent 8px) 1; } .ds-divider--icon-alpha-100 .ds-divider__icon, .ds-divider--text-alpha-100 .ds-divider__label { color: rgba(var(--b-sc), var(--fds-ref-alpha-100)); } .ds-checkbox { align-items: flex-start; gap: var(--fds-ref-spacing-3xsmall); flex-direction: column; display: inline-flex; } .ds-checkbox__input { opacity: 0; pointer-events: none; width: 0px; height: 0px; position: absolute; } .ds-checkbox__label-wrapper { align-items: flex-start; gap: var(--fds-ref-spacing-xsmall); cursor: pointer; display: flex; } .ds-checkbox__box { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); padding: var(----fds-ref-spacing-4xsmall); border-radius: var(--fds-ref-radius-3xsmall); box-sizing: border-box; flex-shrink: 0; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; } .ds-checkbox__box-inner { width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); border-radius: var(--fds-ref-radius-3xsmall); box-sizing: border-box; transition: background 0.15s, border-color 0.15s, box-shadow 0.15s; } .ds-checkbox__icon { top: var(--fds-ref-spacing-3xsmall); left: var(--fds-ref-spacing-3xsmall); width: var(--fds-sem-dimension-2xsmall); height: var(--fds-sem-dimension-2xsmall); color: rgba(var(--b-sc), var(--fds-ref-alpha-100)); pointer-events: none; position: absolute; } .ds-checkbox__icon svg { width: 100%; height: 100%; } .ds-checkbox__minus { width: var(--fds-sem-dimension-3xsmall); background: rgba(var(--b-sc), var(--fds-ref-alpha-100)); border-radius: var(--fds-ref-radius-4xsmall); pointer-events: none; height: 1px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ds-checkbox__label-text { color: rgba(var(--b-sc), var(--fds-ref-alpha-80)); white-space: normal; } .ds-checkbox__helper-row { opacity: 0; grid-template-rows: 0fr; transition: grid-template-rows 0.2s, opacity 0.2s; display: grid; } .ds-checkbox__helper-row--visible { opacity: 1; grid-template-rows: 1fr; } .ds-checkbox__helper-row-inner { padding-left: var(--fds-ref-spacing-3xlarge); align-items: flex-start; display: flex; overflow: hidden; } .ds-checkbox__helper { align-items: flex-start; gap: var(--fds-ref-spacing-3xsmall); display: flex; } .ds-checkbox__helper-icon { width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); flex-shrink: 0; } .ds-checkbox__helper-text { color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); } .ds-checkbox--unchecked .ds-checkbox__box-inner { border: var(--fds-ref-border-width-thin) solid rgba(var(--b-sc), var(--fds-ref-alpha-48)); background: 0px 0px; } .ds-checkbox--checked .ds-checkbox__box-inner, .ds-checkbox--indeterminate .ds-checkbox__box-inner { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .ds-checkbox.ds-checkbox-color--primary.ds-checkbox--checked .ds-checkbox__box-inner, .ds-checkbox.ds-checkbox-color--primary.ds-checkbox--indeterminate .ds-checkbox__box-inner { background: rgba(var(--hero), var(--fds-ref-alpha-100)); } .ds-checkbox.ds-checkbox-color--secondary.ds-checkbox--checked .ds-checkbox__box-inner, .ds-checkbox.ds-checkbox-color--secondary.ds-checkbox--indeterminate .ds-checkbox__box-inner { background: rgba(var(--oc-1), var(--fds-ref-alpha-56)); } [class*="is-web"] .ds-checkbox:hover:not(.ds-checkbox--disabled) .ds-checkbox__box-inner { background: rgba(var(--b-sc), var(--fds-ref-alpha-8)); } [class*="is-web"] .ds-checkbox:hover:not(.ds-checkbox--disabled).ds-checkbox--unchecked .ds-checkbox__box-inner { border-color: rgba(var(--b-sc), var(--fds-ref-alpha-24)); background: rgba(var(--b-sc), var(--fds-ref-alpha-8)); } [class*="is-web"] .ds-checkbox:hover:not(.ds-checkbox--disabled).ds-checkbox-color--primary.ds-checkbox--checked .ds-checkbox__box-inner, [class*="is-web"] .ds-checkbox:hover:not(.ds-checkbox--disabled).ds-checkbox-color--primary.ds-checkbox--indeterminate .ds-checkbox__box-inner { background: rgba(var(--hero), var(--fds-ref-alpha-100)); } [class*="is-web"] .ds-checkbox:hover:not(.ds-checkbox--disabled).ds-checkbox-color--secondary.ds-checkbox--checked .ds-checkbox__box-inner, [class*="is-web"] .ds-checkbox:hover:not(.ds-checkbox--disabled).ds-checkbox-color--secondary.ds-checkbox--indeterminate .ds-checkbox__box-inner { background: rgba(var(--oc-1), var(--fds-ref-alpha-56)); } .ds-checkbox.ds-checkbox--error .ds-checkbox__box-inner { border-color: rgba(var(--error), var(--fds-ref-alpha-100)); } .ds-checkbox.ds-checkbox--error.ds-checkbox-color--primary.ds-checkbox--checked .ds-checkbox__box-inner, .ds-checkbox.ds-checkbox--error.ds-checkbox-color--primary.ds-checkbox--indeterminate .ds-checkbox__box-inner { background: rgba(var(--hero), var(--fds-ref-alpha-100)); } .ds-checkbox.ds-checkbox--error .ds-checkbox__helper-icon, .ds-checkbox.ds-checkbox--error .ds-checkbox__helper-text { color: rgba(var(--error), var(--fds-ref-alpha-100)); } .ds-checkbox.ds-checkbox--disabled { pointer-events: none; } .ds-checkbox.ds-checkbox--disabled .ds-checkbox__label-wrapper { cursor: not-allowed; } .ds-checkbox.ds-checkbox--disabled .ds-checkbox__box-inner { background: rgba(var(--b-sc), var(--fds-ref-alpha-8)); border-color: rgba(var(--b-sc), var(--fds-ref-alpha-8)); } .ds-checkbox.ds-checkbox--disabled.ds-checkbox--checked .ds-checkbox__box-inner, .ds-checkbox.ds-checkbox--disabled.ds-checkbox--indeterminate .ds-checkbox__box-inner { background: rgba(var(--b-sc), var(--fds-ref-alpha-8)); } .ds-checkbox.ds-checkbox--disabled .ds-checkbox__icon, .ds-checkbox.ds-checkbox--disabled .ds-checkbox__minus { color: rgba(var(--b-sc), var(--fds-ref-alpha-24)); background: rgba(var(--b-sc), var(--fds-ref-alpha-24)); } .ds-checkbox.ds-checkbox--disabled .ds-checkbox__icon { background: 0px 0px; } .ds-checkbox.ds-checkbox--disabled .ds-checkbox__label-text, .ds-checkbox.ds-checkbox--disabled .ds-checkbox__helper-text { color: rgba(var(--b-sc), var(--fds-ref-alpha-24)); } .socialMessagesPage { gap: var(--fds-ref-spacing-small); flex-direction: column; flex: 1 1 auto; width: 100%; display: flex; overflow: hidden; } .socialMessagesHeader { align-items: center; gap: var(--fds-ref-spacing-small); flex-shrink: 0; grid-template-columns: 32px 1fr 31px; padding: 8px 0px; display: grid; } .socialMessagesTitle { text-align: center; color: rgba(var(--b-sc), 1); flex: 1 1 0%; } .socialMessagesTitle.typography-heading { font-weight: 400; } .socialMessagesList { gap: var(--fds-ref-spacing-3xsmall); flex-direction: column; flex: 1 1 auto; display: flex; overflow: hidden; } .socialMessagesListScrollContainer { will-change: scroll-position; overscroll-behavior: contain; flex: 1 1 auto; overflow: hidden auto; } .socialMessagesItemContainer { width: 100%; position: relative; overflow: hidden; } .socialMessagesItemContainer + .socialMessagesItemContainer { margin-top: 4px; } .socialMessagesItemContainer.isSwipeOpen .socialMessagesItemActions { pointer-events: auto; } .socialMessagesItemActions { pointer-events: none; align-items: stretch; padding: 2px; display: flex; position: absolute; top: 0px; bottom: 0px; } [dir="ltr"] .socialMessagesItemActions { right: 0px; } [dir="rtl"] .socialMessagesItemActions { left: 0px; } .socialMessagesItemActionBtn { justify-content: center; align-items: center; gap: var(--fds-ref-spacing-3xsmall); flex-direction: column; min-width: 65px; padding: 4px; font-size: 13px; display: flex; } .socialMessagesItemActionBtn.socialMessagesItemActionMore { background-color: rgba(var(--b-sc), .15); color: rgba(var(--b-sc), 1); } .socialMessagesItemActionBtn.socialMessagesItemActionDestructive { color: rgb(255, 255, 255); background-color: rgb(228, 65, 65); } [class*="is-web"] .socialMessagesItemActionBtn:hover { cursor: pointer; } .socialMessagesItemActionIcon { width: 20px; height: 20px; } .socialMessagesItemActionIcon.moreOptionIcon { transform: rotate(90deg); } .socialMessagesItemSwipe { background-color: rgba(var(--b), 1); will-change: transform; touch-action: pan-y; width: 100%; transform: translateX(calc(var(--swipe-offset,0px) * -1)); --swipe-offset: 0px; user-select: none; -webkit-user-drag: none; padding-inline-end: 5px; position: relative; } .socialMessagesItem { align-items: center; gap: var(--fds-ref-spacing-medium); border-radius: var(--border-radius-middle); width: 100%; transition: background-color var(--default-transition-duration); display: flex; overflow: hidden; } [class*="is-web"] .socialMessagesItem { padding: 8px 12px; } [class*="is-web"] .socialMessagesItem:hover { cursor: pointer; background-color: rgba(var(--b-sc), .08); } [class*="is-mobile"] .socialMessagesItem { padding: 8px 0px; } .socialMessagesItem.isSelected { background-color: rgba(var(--b-sc), .08); } .socialMessagesItem + .socialMessagesItem { margin-top: 4px; } .socialMessagesItemAvatarWrapper { flex-shrink: 0; justify-content: center; align-items: center; width: 48px; height: 48px; display: flex; } .socialMessagesItemAvatarImg { object-fit: cover; border-radius: 50%; width: 100%; height: 100%; } .socialMessagesItemAvatarIcon.CMSIconSVGWrapper { background: rgba(var(--b-sc), .15); width: 100%; height: 100%; color: rgba(var(--b-sc), .8); border-radius: 50%; padding: 4px; } .socialMessagesItemAvatarGroup { flex-shrink: 0; width: 44px; height: 44px; position: relative; } .socialMessagesItemAvatarGroupBack, .socialMessagesItemAvatarGroupFront { border: 2px solid rgba(var(--b-sc), .25); border-radius: 50%; justify-content: center; align-items: center; width: 30px; height: 30px; display: flex; position: absolute; overflow: hidden; } .socialMessagesItemAvatarGroupBack { top: 0px; left: 0px; } .socialMessagesItemAvatarGroupFront { bottom: 0px; right: 0px; } .socialMessagesItemBody { align-items: flex-start; gap: var(--fds-ref-spacing-4xsmall); flex-direction: column; flex: 1 1 auto; display: flex; overflow: hidden; } .socialMessagesItemName { align-items: center; gap: var(--fds-ref-spacing-3xsmall); letter-spacing: 0.3px; width: 100%; color: rgba(var(--b-sc), 1); flex-shrink: 0; font-size: 14px; font-weight: 500; display: flex; overflow: hidden; } .socialMessagesItemNameInner { align-items: center; gap: var(--fds-ref-spacing-3xsmall); flex: 1 1 auto; display: flex; } .socialMessagesItemLastRow { align-items: center; gap: var(--fds-ref-spacing-3xsmall); width: 100%; display: flex; } .socialMessagesItemLast { max-width: 100%; color: rgba(var(--b-sc), .5); flex: 1 1 auto; font-size: 14px; } .socialMessagesItem.hasUnread .socialMessagesItemName, .socialMessagesItem.hasUnread .socialMessagesItemLast { color: rgba(var(--b-sc), 1); font-weight: 600; } .socialMessagesItemDate { letter-spacing: 0.3px; color: rgba(var(--b-sc), .5); flex-shrink: 0; align-items: center; gap: 4px; font-size: 12px; display: inline-flex; } .socialMessagesItemPinIcon { color: rgba(var(--b-sc), .6); transform: rotate(45deg); } .socialMessagesEmpty { color: rgba(var(--b-sc), .5); text-align: center; padding: 24px 16px; font-size: 14px; } .socialMessagesNewGroupChatBtn.ds-btn { justify-content: space-between; } .socialMessagesMoreSheet { flex-direction: column; gap: 8px; padding: 12px 16px 20px; display: flex; } .socialMessagesConfirmSheet { flex-direction: column; gap: 16px; padding: 12px 16px 20px; display: flex; } .socialMessagesConfirmText { color: rgba(var(--b-sc), .8); text-align: center; font-size: 14px; } .socialMessagesConfirmActions { gap: 12px; display: flex; } .socialMessagesConfirmActions .ds-btn { flex: 1 1 0%; } .socialMessagesCreateMode .socialTabNavigationBar { display: none; } .cohostGuestsStrip { pointer-events: auto; flex-direction: column; gap: 6px; display: flex; } .cohostGuestsStripTiles { scrollbar-width: none; align-items: center; gap: 6px; display: flex; overflow-x: auto; } .cohostGuestsStripTiles::-webkit-scrollbar { display: none; } .cohostGuestTile { border-radius: var(--border-radius-middle); background: rgba(var(--b-sc), .12); border: 1px solid rgba(var(--b-sc), .16); flex-shrink: 0; width: 72px; height: 96px; position: relative; overflow: hidden; } .cohostGuestTileLarge { width: 100%; height: 160px; } .cohostGuestTileVideo { object-fit: cover; width: 100%; height: 100%; display: block; } .cohostGuestTileAvatar { object-fit: cover; border-radius: 50%; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cohostGuestTileName { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; white-space: nowrap; text-overflow: ellipsis; font-size: 10px; font-weight: 600; position: absolute; bottom: 4px; left: 4px; right: 4px; overflow: hidden; } .cohostGuestTileMuted { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.55); border-radius: 50%; justify-content: center; align-items: center; width: 16px; height: 16px; display: flex; position: absolute; top: 4px; left: 4px; } .cohostGuestTileMuted svg { width: 10px; height: 10px; } .cohostGuestTileMore { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.55); position: absolute; top: 4px; right: 4px; } .cohostGuestsStripOverflow { border-radius: var(--border-radius-middle); width: 40px; height: 96px; color: rgba(var(--b-sc), 1); background: rgba(var(--b-sc), .16); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-shrink: 0; font-size: 12px; font-weight: 700; } .cohostGuestsModalGrid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; padding: 4px 0px; display: grid; } .cohostRequestButton { pointer-events: auto; } .cohostConfirmBody { color: rgba(var(--b-sc), .7); margin: 0px 0px 16px; font-size: 13px; line-height: 1.5; } .cohostConfirmActions { justify-content: flex-end; gap: 8px; display: flex; } .cohostPreviewOverlay { z-index: 1100; background: rgba(0, 0, 0, 0.82); justify-content: center; align-items: center; padding: 16px; display: flex; position: fixed; inset: 0px; } .cohostPreviewCard { flex-direction: column; gap: 14px; width: 100%; max-width: 420px; display: flex; } .cohostPreviewHeader { text-align: center; } .cohostPreviewTitle { color: rgb(255, 255, 255); margin: 0px; font-size: 17px; font-weight: 700; } .cohostPreviewSubtitle { color: rgba(255, 255, 255, 0.7); margin: 4px 0px 0px; font-size: 13px; } .cohostPreviewVideoArea { aspect-ratio: 3 / 4; border-radius: var(--border-radius-middle); background: rgba(255, 255, 255, 0.08); width: 100%; max-height: 52vh; position: relative; overflow: hidden; } .cohostPreviewVideo { object-fit: cover; width: 100%; height: 100%; transform: scaleX(-1); } .cohostPreviewPlaceholder { text-align: center; color: rgba(255, 255, 255, 0.72); flex-direction: column; justify-content: center; align-items: center; gap: 10px; padding: 20px; font-size: 13px; display: flex; position: absolute; inset: 0px; } .cohostPreviewPlaceholder svg { width: 28px; height: 28px; } .cohostPreviewControls { justify-content: center; align-items: center; gap: 12px; display: flex; } .cohostPreviewActions { gap: 8px; display: flex; } .cohostPreviewActions > * { flex: 1 1 0%; } .cohostPreviewActions > :last-child { flex: 2 1 0%; } .cohostSelfView { z-index: 1050; border-radius: var(--border-radius-middle); backdrop-filter: blur(10px); background: rgba(18, 18, 18, 0.78); border: 1px solid rgba(255, 255, 255, 0.14); flex-direction: column; width: 136px; display: flex; position: fixed; bottom: 132px; right: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.45) 0px 8px 24px; } .cohostSelfViewHandle { cursor: move; touch-action: none; background: rgba(255, 255, 255, 0.06); align-items: center; gap: 5px; padding: 6px 7px; display: flex; } .cohostSelfViewLiveDot { background: rgb(255, 59, 48); border-radius: 50%; flex-shrink: 0; width: 6px; height: 6px; animation: 2s ease-in-out 0s infinite normal none running cohostSelfViewPulse; } @keyframes cohostSelfViewPulse { 50% { opacity: 0.35; } } @media (prefers-reduced-motion: reduce) { .cohostSelfViewLiveDot { animation: auto ease 0s 1 normal none running none; } } .cohostSelfViewLiveLabel { letter-spacing: 0.02em; color: rgb(255, 255, 255); white-space: nowrap; text-overflow: ellipsis; flex: 1 1 auto; min-width: 0px; font-size: 10px; font-weight: 700; overflow: hidden; } .cohostSelfViewGrip { color: rgba(255, 255, 255, 0.45); flex-shrink: 0; } .cohostSelfViewGrip svg { width: 12px; height: 12px; } .cohostSelfViewVideoArea { aspect-ratio: 3 / 4; background: rgba(255, 255, 255, 0.08); width: 100%; position: relative; } .cohostSelfViewVideo { object-fit: cover; width: 100%; height: 100%; display: block; transform: scaleX(-1); } .cohostSelfViewPlaceholder { color: rgba(255, 255, 255, 0.6); flex-direction: column; justify-content: center; align-items: center; gap: 5px; font-size: 10px; display: flex; position: absolute; inset: 0px; } .cohostSelfViewPlaceholder svg { width: 20px; height: 20px; } .cohostSelfViewMutedBadge { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); border-radius: 50%; justify-content: center; align-items: center; width: 18px; height: 18px; display: flex; position: absolute; top: 5px; left: 5px; } .cohostSelfViewMutedBadge svg { width: 11px; height: 11px; } .cohostSelfViewControls { justify-content: center; align-items: center; gap: 4px; padding: 6px 4px; display: flex; } .cohostSelfViewLeave .btn__icon.btn__icon--left { width: 10px; height: 10px; } .cohostSelfViewControlsDivider { background: rgba(255, 255, 255, 0.16); width: 1px; height: 16px; margin: 0px 1px; } .cohostManageSection + .cohostManageSection { margin-top: 18px; } .cohostManageSectionTitle { color: rgba(var(--b-sc), 1); margin: 0px 0px 8px; font-size: 13px; font-weight: 700; } .cohostManageList { flex-direction: column; gap: 8px; margin: 0px; padding: 0px; list-style: none; display: flex; } .cohostManageRow { align-items: center; gap: 10px; display: flex; } .cohostManageAvatar { object-fit: cover; border-radius: 50%; flex-shrink: 0; width: 36px; height: 36px; } .cohostManageRowBody { flex-direction: column; flex: 1 1 auto; min-width: 0px; display: flex; } .cohostManageRowName { color: rgba(var(--b-sc), 1); white-space: nowrap; text-overflow: ellipsis; font-size: 13px; font-weight: 600; overflow: hidden; } .cohostManageRowSubtitle { color: rgba(var(--b-sc), .6); font-size: 11px; } .cohostManageRowActions { flex-shrink: 0; align-items: center; gap: 6px; display: flex; } .cohostManageEmpty, .cohostManageHint, .cohostManageCap, .cohostManageError { color: rgba(var(--b-sc), .6); margin: 8px 0px 0px; font-size: 12px; } .cohostManageCap, .cohostManageError { color: rgba(var(--brand), 1); } .streamerGuestsButton { position: relative; } .streamerGuestsBadge { color: rgb(255, 255, 255); background: rgb(214, 12, 12); border-radius: 999px; justify-content: center; align-items: center; min-width: 15px; height: 15px; padding: 0px 3px; font-size: 9px; font-weight: 700; display: flex; position: absolute; top: -2px; right: -2px; } .streamerGuestsStripDraggable { z-index: 1040; position: fixed; bottom: 180px; left: 12px; } .cohostGuestTileOffline { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); border-radius: 999px; padding: 1px 5px; font-size: 9px; font-weight: 600; position: absolute; top: 4px; left: 4px; } .cohostManageRowState { color: rgba(var(--b-sc), .55); white-space: nowrap; font-size: 10px; } .practiceRunOverlay { backdrop-filter: blur(12px); } .practiceRunList { flex-direction: column; gap: 6px; display: flex; } .practiceRunRow { color: rgb(255, 255, 255); align-items: center; gap: 12px; padding: 4px 0px; display: flex; } .practiceRunRowIcon { background: rgba(255, 255, 255, 0.12); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; } .isFailed .practiceRunRowIcon { color: rgb(240, 68, 68); background: rgba(240, 68, 68, 0.18); } .practiceRunRowIcon svg { width: 20px; height: 20px; } .practiceRunRowBody { flex-direction: column; flex: 1 1 auto; gap: 2px; min-width: 0px; display: flex; } .practiceRunRowLabel { font-size: 15px; font-weight: 600; } .practiceRunRowDetail { color: rgba(255, 255, 255, 0.65); white-space: nowrap; text-overflow: ellipsis; font-size: 12px; overflow: hidden; } .isFailed .practiceRunRowDetail { color: rgb(240, 68, 68); } .practiceRunMeter { background: rgba(255, 255, 255, 0.15); border-radius: 2px; width: 160px; height: 3px; margin-top: 4px; overflow: hidden; } .practiceRunMeterFill { background: rgb(255, 255, 255); height: 100%; transition: width 80ms linear; display: block; } .practiceRunRowStatus { color: rgb(255, 255, 255); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; width: 22px; height: 22px; display: flex; } .practiceRunRowStatus svg { width: 12px; height: 12px; } .practiceRunRow:not(.isFailed) .practiceRunRowStatus { background: rgb(31, 166, 80); } .isFailed .practiceRunRowStatus { color: rgb(240, 68, 68); } .isFailed .practiceRunRowStatus svg { width: 16px; height: 16px; } .practiceRunActions { flex-direction: column; align-items: center; gap: 4px; display: flex; } .practiceRunActions button:first-child { width: 100%; } [class*="is-web"] .streamAudienceModal { width: 600px; } .streamAudience { flex-direction: column; gap: 12px; display: flex; } .streamAudienceOptions { flex-direction: column; gap: 4px; display: flex; } .streamAudienceOption { border-radius: var(--border-radius-middle); width: 100%; color: rgba(var(--b-sc), 1); cursor: pointer; transition: background-color var(--default-transition-duration); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; align-items: center; gap: 12px; padding: 8px; display: flex; } .streamAudienceOption:hover, .streamAudienceOption.isActive { background-color: rgba(var(--b-sc), .06); } .streamAudienceOptionIcon { background-color: rgba(var(--b-sc), .1); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; width: 44px; height: 44px; display: flex; } .isCloseFriends .streamAudienceOptionIcon { color: rgb(0, 0, 0); background-color: rgb(245, 180, 0); } .streamAudienceOptionIcon svg { width: 22px; height: 22px; } .streamAudienceOptionLabel { text-align: start; flex: 1 1 auto; font-size: 16px; font-weight: 500; } .streamAudienceOptionMeta { color: rgba(var(--b-sc), .7); align-items: center; gap: 4px; font-size: 14px; display: flex; } .streamAudienceOptionMeta:hover { color: rgba(var(--b-sc), 1); } .streamAudienceOptionMeta svg { width: 14px; height: 14px; } .streamAudienceOptionCheck { border: 2px solid rgba(var(--b-sc), .4); width: 22px; height: 22px; color: rgba(var(--b), 1); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; display: flex; } .isActive .streamAudienceOptionCheck { border-color: rgba(var(--b-sc), 1); background-color: rgba(var(--b-sc), 1); } .streamAudienceOptionCheck svg { width: 12px; height: 12px; } .streamAudienceRecord { justify-content: space-between; width: 100%; padding: 4px 8px; font-size: 16px; } .streamAudienceStart { width: 100%; margin-top: 4px; } [class*="is-web"] .closeFriendsPickerModal.ds-popup { width: 480px; height: 65vh; } .closeFriendsPickerModal .ds-popup__content, .closeFriendsPickerModal .ds-drawer__content { flex-direction: column; display: flex; overflow: hidden; } .closeFriendsPickerModal .ds-drawer--contained { height: 80dvh; } .closeFriendsPicker { flex-direction: column; flex: 1 1 auto; display: flex; overflow: hidden; } .closeFriendsPickerList { will-change: scroll-position; flex-direction: column; flex: 1 1 auto; gap: 4px; display: flex; overflow: hidden auto; } .closeFriendsPickerList .socialMessagesItem { flex-shrink: 0; padding: 6px 8px; } .closeFriendsPickerList .socialMessagesItemAvatarWrapper { width: 40px; height: 40px; } .closeFriendsPickerList .socialMessagesItemName { flex: 1 1 auto; width: auto; min-width: 0px; } .closeFriendsPickerList .ds-checkbox { pointer-events: none; flex-shrink: 0; } .closeFriendsPickerSectionTitle { letter-spacing: 0.5px; color: rgba(var(--b-sc), .6); padding: 8px; font-size: 12px; } .closeFriendsPickerEmpty { text-align: center; color: rgba(var(--b-sc), .6); padding: 24px 8px; font-size: 14px; } .closeFriendsPickerDone { flex-shrink: 0; margin-top: 12px; } @charset "utf-8"; .informative-widget-link { background: rgba(var(--b-sc), .05); border-top: 2px solid rgba(var(--hero), 1); border-radius: var(--border-radius); user-select: text; justify-content: center; display: flex; } .informative-widget { background: rgba(var(--b), 1); border-radius: var(--border-radius); margin-top: 4px; } .informative-widget-container { justify-content: center; width: 100%; display: flex; } .informative-widget-container > span { color: rgba(var(--b-sc), .7); text-align: center; word-break: break-word; font-size: 12px; line-height: 18px; } .informative-widget-container img, .informative-widget-container i { margin-inline-end: 10px; } .informative-widget-container img { border-radius: var(--border-radius); max-width: 30px; max-height: 30px; } .informative-widget-container i { color: rgba(var(--b-sc), .7); font-size: 30px; } .dynamic-info-loading .hdr-dynamic-content .e-p-close-icon-bc { display: none; } .hdr-dynamic-content .e-p-close-icon-bc { width: 30px; height: 30px; font-size: 12px; line-height: 30px; } .hdr-dynamic-content:empty { display: none; } .header-bc { background: rgba(var(--header), 1); width: 100%; } .hdr-main-content-bc { align-items: center; display: flex; position: relative; } [class*="is-web"] .hdr-main-content-bc { z-index: 2; } [class*="is-mobile"] .hdr-main-content-bc { z-index: 3; } .hdr-main-content-bc .bc-loader { margin-inline: 10px; } .hdr-main-content-bc .bc-loader-contain { margin: auto 0px; } .logo-container { flex: 1 1 auto; align-items: center; margin-inline-end: 5px; display: flex; } .logo { flex-shrink: 0; align-items: center; display: flex; } .hdr-logo-bc { object-fit: contain; height: 100%; display: flex; } .header-icon { flex-shrink: 0; } .header-icon > img { object-fit: contain; border-radius: var(--border-radius); width: 100%; height: 100%; } .hdr-user-bc { align-items: center; } .hdr-user-bc .bc-i-deposit, .hdr-user-bc .bc-i-wallet, .hdr-user-bc .bc-i-community, .hdr-user-bc .deposit-btn { color: rgb(255, 255, 255); background: rgb(16, 145, 33); } .hdr-user-bc .avatarHolderImg { background: rgba(var(--b-sc), .4); border-radius: 50%; width: 28px; height: 28px; } [class*="is-web"] .hdr-user-bc .avatarHolderImg { padding: 2px; } [class*="is-mobile"] .hdr-user-bc .user-nav-icon { background: rgba(var(--oc-1), 1); } .avatarHolderImg.user-verified { box-shadow: rgb(16, 145, 33) 0px 0px 6px, rgb(16, 145, 33) 0px 0px 20px; } .avatarHolderImg.user-not-verified { box-shadow: rgb(255, 52, 73) 0px 0px 6px, rgb(255, 52, 73) 0px 0px 20px; } .hdr-message-icon-bc, .header-icon-text.bc-i-message, .header-icon-text.bc-i-bonus, .user-nav-icon.bc-i-bonus { position: relative; } .hdr-message-icon-bc .count-odd-animation, .header-icon-text.bc-i-message .count-odd-animation, .header-icon-text.bc-i-bonus .count-odd-animation, .user-nav-icon.bc-i-bonus .count-odd-animation { position: static; } [dir="ltr"] .hdr-message-icon-bc .count-odd-animation::after, [dir="ltr"] .header-icon-text.bc-i-message .count-odd-animation::after, [dir="ltr"] .header-icon-text.bc-i-bonus .count-odd-animation::after, [dir="ltr"] .user-nav-icon.bc-i-bonus .count-odd-animation::after { top: -4px; right: -6px; } [dir="rtl"] .hdr-message-icon-bc .count-odd-animation::after, [dir="rtl"] .header-icon-text.bc-i-message .count-odd-animation::after, [dir="rtl"] .header-icon-text.bc-i-bonus .count-odd-animation::after, [dir="rtl"] .user-nav-icon.bc-i-bonus .count-odd-animation::after { top: -4px; left: -6px; } .hdr-user-close { width: 24px; height: 24px; color: rgba(var(--header-sc), .6); text-align: end; font-size: 14px; line-height: 24px; } .header-custom-buttons, .hdr-user-bc { display: flex; } .header-custom-buttons a[class*="promotions"], .hdr-user-bc a[class*="promotions"] { color: rgba(var(--hero-sc), 1); background: rgba(var(--hero), 1); transition: var(--default-transition-duration); } @media (hover: hover) { .header-custom-buttons a[class*="promotions"]:hover, .hdr-user-bc a[class*="promotions"]:hover { background: rgba(var(--hero-hover), 1); cursor: pointer; } } @media not all and (hover: hover) { .header-custom-buttons a[class*="promotions"]:active, .hdr-user-bc a[class*="promotions"]:active { background: rgba(var(--hero-hover), 1); } } .hdr-user-info-content-bc { flex-direction: column; align-items: flex-end; display: flex; overflow: hidden; } .hdr-user-avatar-icon-bc { color: rgba(var(--header-sc), .6); font-size: 28px; } .user-verified { text-shadow: rgb(16, 145, 33) 0px 0px 12px, rgb(16, 145, 33) 0px 0px 20px; } .user-not-verified { text-shadow: rgb(255, 52, 73) 0px 0px 12px, rgb(255, 52, 73) 0px 0px 20px; } .hdr-user-info-texts-bc { align-items: center; gap: 2px; max-width: 100%; font-weight: 500; display: flex; } .hdr-user-info-texts-bc.ext-1 { color: rgba(var(--header-sc), 1); font-size: 12px; } .hdr-user-info-texts-bc.ext-2 { color: rgba(var(--oc-2), 1); font-size: 11px; } .balanceAmount { direction: ltr; align-items: center; gap: 2px; display: flex; } .hdr-crypto-btn { border: 1px solid rgba(var(--b-sc), .3); background: rgba(var(--b-sc), .1); border-radius: var(--border-radius); flex-shrink: 0; width: 50px; position: relative; } .connect-wallet { white-space: nowrap; height: 28px; padding: 0px 8px; font-size: 11px; position: relative; } .trusted-widget { display: flex; } .trusted-widget i { color: rgba(var(--hero), 1); } .trusted-widget-text { color: rgba(var(--b-sc), 1); flex-direction: column; font-size: 12px; display: flex; overflow: hidden; } .hdr-crypto-info { background: 0px 0px; justify-content: space-between; align-items: center; height: 28px; padding: 0px 8px; font-size: 11px; display: flex; } .wallet-button-arrow { color: rgba(var(--header-sc), 1); font-size: 7px; line-height: 20px; } .wallet-menu { z-index: 9; position: absolute; top: 100%; } .wallet-menu::before, .wallet-menu::after { content: ""; border-style: solid; border-width: 0px 14px 10px; width: 0px; height: 0px; position: absolute; top: 0px; } [dir="ltr"] .wallet-menu::before, [dir="ltr"] .wallet-menu::after { right: 4px; } [dir="rtl"] .wallet-menu::before, [dir="rtl"] .wallet-menu::after { left: 4px; } .wallet-menu::before { border-color: transparent transparent rgba(var(--b), 1) transparent; } .wallet-menu::after { border-color: transparent transparent rgba(var(--header-sc), .1) transparent; } [dir="ltr"] .wallet-menu { right: 0px; } [dir="rtl"] .wallet-menu { left: 0px; } .wallet-menu-content { color: rgba(var(--b-sc), .9); border-radius: var(--border-radius); background: rgba(var(--header-sc), .01); box-shadow: 0 0 10px 3px #0000004d, inset 0 0 0 300px rgba(var(--header-sc), .08); margin-top: 10px; padding: 8px; position: relative; overflow: hidden; } .wallet-menu-content::before { content: ""; background: rgba(var(--b), 1); z-index: -1; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .wallet-menu-content .radio-control-input-holder-bc { background: 0px 0px; border-color: rgba(0, 12, 36, 0.5); margin-inline-end: 4px; } .wallet-menu-content .radio-v-bc { background-color: rgba(var(--b-sc), .05); } .wallet-menu-content .radio-control-bc { height: 34px; color: rgba(var(--b-sc), .8); background: rgba(var(--b-sc), .1); border-radius: var(--border-radius); align-items: center; padding-inline: 8px; display: flex; } .wallet-menu-content .radio-control-bc + .radio-control-bc { margin-top: 2px; } .wallet-menu-content .radio-control-bc ~ .radio-control-bc { margin-inline-start: 0px; } .wallet-menu-content .ss-icon-holder-bc { background: 0px 0px; } .wallet-menu-content .radio-control-text-bc { font-weight: 400; } .wallet-menu-content .ss-input-bc { background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .wallet-menu-content .ss-input-bc::placeholder { font-size: 12px; } .wallet-menu-content .ss-icon-bc { color: rgba(var(--b-sc), .8); } .wallet-menu-content .sport-search-betslip.sport-search-bc { border: 1px solid rgba(var(--b-sc), .2); box-shadow: none; } .wallet-menu-top { background: rgba(var(--b-sc), .1); border-radius: var(--border-radius); display: flex; } .wallet-menu-top:not(:empty) { padding-top: 6px; padding-bottom: 6px; } .wallet-main-wallet { color: rgba(var(--b-sc), .5); text-align: end; font-size: 10px; line-height: 10px; } .wallet-main-wallet + span { margin-top: 2px; } .wallet-menu-search:not(:empty) { background: rgba(var(--header-sc), .1); border-radius: var(--border-radius); margin-bottom: 2px; padding: 4px; } .wallet-menu-btn { width: 100%; color: rgba(var(--b-sc), .8); cursor: pointer; transition: color var(--default-transition-duration); align-items: center; font-size: 10px; display: flex; } [dir="rtl"] .wallet-menu-btn i { transform: rotate(180deg); } .wallet-menu-btn:not(:only-child) { flex-direction: column; justify-content: space-evenly; padding-inline: 4px; font-size: 10px; } .wallet-menu-btn:not(:only-child) span { text-align: center; line-height: 12px; } .wallet-menu-btn:not(:only-child) i { margin-bottom: 4px; } .wallet-menu-btn:only-child { padding-inline: 8px; } .wallet-menu-btn:only-child span { text-align: end; flex: 1 1 auto; font-size: 11px; } .wallet-menu-btn:only-child i { margin-inline-end: 8px; } .wallet-menu-btn + .wallet-menu-btn { border-inline-start: 1px solid rgba(var(--b-sc), .1); } .wallet-menu-btn:hover { color: rgba(var(--b-sc), 1); } .wallet-currency { margin-bottom: 0px; position: relative; } .wallet-currency:not(:empty) { margin-top: 2px; } .wallet-currency-id { margin-inline-end: 3px; } .wallet-currency-value { text-align: end; flex-direction: column; flex: 1 1 auto; display: flex; } .wallet-currency-item { min-height: 38px; color: rgba(var(--b-sc), .8); background: rgba(var(--b-sc), .15); border-radius: var(--border-radius); align-items: center; padding: 4px 8px; display: flex; } .wallet-currency-item.parent-currency { border-inline-start: 2px solid rgba(var(--hero), 1); padding-inline-start: 6px; } .wallet-currency-item + .wallet-currency-item { margin-top: 2px; } .currency-control-symbol-wrp, .radio-control-symbol-wrp { border-radius: 6px; flex-shrink: 0; justify-content: center; align-items: center; display: flex; } .radio-control-symbol-wrp { margin-inline-end: 6px; } .currency-control-symbol-wrp { margin-inline-end: 10px; } [class*="is-web"] .radio-control-symbol, [class*="is-web"] .radio-control-symbol-letter { width: 20px; height: 20px; } [class*="is-mobile"] .radio-control-symbol, [class*="is-mobile"] .radio-control-symbol-letter { width: 14px; height: 14px; } [class*="is-web"] .currency-control-symbol, [class*="is-web"] .currency-control-symbol-letter { width: 18px; height: 18px; } [class*="is-mobile"] .currency-control-symbol, [class*="is-mobile"] .currency-control-symbol-letter { width: 16px; height: 16px; } .radio-control-symbol-letter, .currency-control-symbol-letter { text-align: center; color: rgba(var(--b-sc), 1); border-radius: 6px; justify-content: center; align-items: center; display: flex; } [class*="is-web"] .radio-control-symbol-letter { font-size: 16px; } [class*="is-mobile"] .radio-control-symbol-letter, [class*="is-web"] .currency-control-symbol-letter { font-size: 14px; } [class*="is-mobile"] .currency-control-symbol-letter { font-size: 12px; } .trusted-widget { color: rgba(var(--b-sc), 1); align-items: center; font-size: 12px; position: relative; opacity: 1 !important; } .trusted-widget i { cursor: pointer; margin-inline-end: 5px; position: relative; font-size: 24px !important; display: flex !important; } .trusted-widget i::after { content: ""; z-index: -1; width: 12px; height: 12px; position: absolute; top: 4px; left: 50%; transform: translate(-50%); } @keyframes crypto-animated { 0% { opacity: 0; transform: translate(20px); } 20%, 90% { opacity: 1; transform: translate(0%); } 100% { opacity: 0; } } .user-balance-item { align-items: center; font-size: 12px; line-height: 20px; display: flex; } .user-balance-item:nth-child(2) { border-bottom: 1px solid rgba(var(--b-sc), .1); margin-bottom: 8px; padding-bottom: 8px; } .user-balance-item:first-child, .user-balance-item:nth-child(2) { color: rgba(var(--b-sc), 1); } .user-balance-item:not(:first-child, :nth-child(2)) { color: rgba(var(--b-sc), .6); } .balance-title { flex: 1 1 auto; margin-inline-end: 5px; } .balance-value { flex-shrink: 0; } .user-balance-info { color: rgba(var(--b-sc), .5); border-top: 1px solid rgba(var(--b-sc), .1); margin-top: 8px; padding-top: 8px; font-size: 10px; line-height: 1.4; position: relative; } .user-balance-icon { color: rgba(var(--b-sc), .5); font-size: 12px; position: absolute; } [dir="ltr"] .user-balance-icon { left: 0px; } [dir="rtl"] .user-balance-icon { right: 0px; } .user-balance-info-text { margin-inline-start: 20px; } .connect-button-wrapper { position: relative; } .network-address-balance { flex: 1 1 auto; align-items: center; margin-inline: 10px; padding-left: 13px; display: flex; } .network-address-balance .form-control-bc { flex: 1 1 auto; } .user-profile-container .network-address-balance .form-control-label-bc { pointer-events: none; } .user-profile-container .network-address-balance .form-control-label-bc .form-control-icon-bc { display: none; } .network-address { align-items: center; display: flex; } .network-address + .network-address { margin-top: 10px; } .network-address .form-control-select-bc { font-size: 12px; } .network-address > .form-control-bc, .network-address .network-address-balance { border: 1px solid rgba(var(--b-sc), .2); border-radius: var(--border-radius); } .network-address > .form-control-bc { flex: 1 1 auto; margin-inline-end: 10px; } .network-address .btn, .network-address select, .network-address .form-control-select-bc:disabled { background: 0px 0px; } .network-address .form-control-icon-bc { display: none; } [dir="ltr"] .network-address .form-control-icon-bc { right: 10px; } [dir="rtl"] .network-address .form-control-icon-bc { left: 10px; } .network-address .select-icon-bc, .network-address .multi-select-icon-bc { border-inline-end: 1px solid rgba(var(--b-sc-rgb), .05); width: 48px; height: 24px; } .network-address .network-address-balance .select-icon-bc, .network-address .network-address-balance .multi-select-icon-bc { border-inline-end: none; width: 18px; height: 18px; margin-inline-start: 5px; } .network-address + .crypto-currency-price-info { margin-top: 12px; padding-inline-start: 5px; } .crypto-currency-price-info { color: rgba(var(--b-sc), .6); font-size: 13px; line-height: 16px; } .crypto-currency-price-info > span { color: rgba(var(--b-sc), 1); } [dir="ltr"] .status-popup-content-w-bc .network-address .form-control-icon-bc { right: 2px; } [dir="rtl"] .status-popup-content-w-bc .network-address .form-control-icon-bc { left: 2px; } .wallet-icons { border: 1px solid rgba(var(--b-sc), .2); border-radius: var(--border-radius); cursor: pointer; justify-content: center; align-items: center; width: 48px; height: 48px; font-size: 18px; display: flex; } .wallet-icons + .wallet-icons { margin-inline-start: 8px; } .wallet-icons.isConnected { display: none; } .wallet-icons i:not(.connected-btn, .bc-i-checked, .bc-i-qr) { color: rgba(var(--b-sc), .7); } .wallet-icons i:not(.connected-btn, .bc-i-checked, .bc-i-qr):hover { color: rgba(var(--b-sc), 1); } .wallet-icons i.bc-i-qr { color: rgba(47, 109, 255, 0.8); } .wallet-icons i.bc-i-qr:hover { color: rgb(47, 109, 255); } .wallet-icons .bc-i-checked, .connected-btn { color: rgb(38, 181, 98); } .address-btn { border-inline-end: 1px solid rgba(var(--b-sc), .05); border-radius: 0px; width: 84px; height: 28px; font-size: 12px; } .connect-button { width: 100%; display: flex; } .wallet-btn, .connect-button-regular { gap: 10px; grid-template-columns: repeat(auto-fit, minmax(calc(50% - 10px), 1fr)); display: grid; } .wallet-btn button, .connect-button-regular button { max-width: none; } .ethereum-network-1, .currency-image-ETH { background: url("/galabet-static/external/css-f4e1bb12bf9b90c2b694.svg") 50% center / contain no-repeat; } .currency-image-FTN { background: url("/galabet-static/external/css-5a44b76b1412d4a0dfad.png") 50% center / contain no-repeat; } .currency-image-USDT { background: url("/galabet-static/external/css-12b0baacb49aaa5c704f.png") 50% center / contain no-repeat; } .currency-image-USDC { background: url("/galabet-static/external/css-bd379fd9d921cd8e9870.png") 50% center / contain no-repeat; } .currency-image-BNB { background: url("/galabet-static/external/css-00e4fc5156b2012db315.png") 50% center / contain no-repeat; } .currency-image-BUSD { background: url("/galabet-static/external/css-92eb3c5fefff791091fc.png") 50% center / contain no-repeat; } .currency-image-DAI { background: url("/galabet-static/external/css-3b40ced70cae122d2655.png") 50% center / contain no-repeat; } .currency-image-SHIB { background: url("/galabet-static/external/css-82f68b42c6e8adf7d1d2.png") 50% center / contain no-repeat; } .currency-image-USDB { background: url("/galabet-static/external/css-e689afb1b9f86243e774.png") 50% center / contain no-repeat; } .ethereum-network-56 { background: url("/galabet-static/external/css-5eb5fdeeef7f1037a553.png") 50% center / contain no-repeat; } .ethereum-network-137 { background: url("/galabet-static/external/css-4469e8484d9fe271e0f4.png") 50% center / contain no-repeat; } .ethereum-network-42161 { background: url("/galabet-static/external/css-8e7c494d391982575b78.jpeg") 50% center / contain no-repeat; } .ethereum-network-10 { background: url("/galabet-static/external/css-b7dfffe1acc18adb9c4c.png") 50% center / contain no-repeat; } .ethereum-network-43114 { background: url("/galabet-static/external/css-37f4dba87ed816aa711e.png") 50% center / contain no-repeat; } .ethereum-network-8453 { background: url("/galabet-static/external/base-network.ico") 50% center / contain no-repeat; } .connect-button { flex-direction: column; } .connect-button + .deposit-wallet-title { margin-top: 12px; } .connect-button .form-control-label-bc { height: 48px; } .connect-button-text { color: rgba(var(--b-sc), .6); text-transform: uppercase; text-align: center; margin: 16px 0px; font-size: 14px; position: relative; } .connect-button-text::before, .connect-button-text::after { content: ""; background: rgba(var(--b-sc), .1); width: 42%; height: 1px; position: absolute; top: 6px; } .connect-button-text::before { left: 0px; } .connect-button-text::after { right: 0px; } .connect-wallet-popup { margin-top: 24px; margin-bottom: 10px; } .crypto-deposit-error { color: rgba(var(--b-sc), .9); margin: 10px 0px; } .crypto-deposit .connect-button { margin-top: 10px; } .btn-transaction { margin-top: 20px; } .btn-transaction:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } #w3m-wc-logo path { fill: rgba(var(--b-sc), .9); } .my-profile-info-block .deposit-wallet { width: 100%; max-width: 345px; } .my-profile-info-block .deposit-wallet .c-info-icon-bc { cursor: auto; } .my-profile-info-block .connect-wallet { max-width: 250px; } .my-profile-info-block .connect-wallet .horizontal-sl-title-bc { text-overflow: ellipsis; overflow: hidden; } .deposit-wallet-awaiting-payment { justify-content: space-between; align-items: center; width: 100%; display: flex; position: relative; } .deposit-wallet-field-container { margin-top: 12px; } .deposit-wallet-field-container .form-control-label-bc.inputs { height: 48px; } .deposit-wallet-field-container .wallet-icons { background: rgba(var(--b-sc), .05); } .generic-search-container-body { flex-direction: column; display: flex; } .generic-search-menu { gap: 10px; padding: 15px 0px; display: flex; } .generic-search-menu-item { padding: 0px 10px; display: block; } .generic-search-menu-item.active { background: rgba(var(--b-sc), 1); color: rgba(var(--b), 1); } .callPanel { position: relative; } .callPanel.opened .callPanelMenu { opacity: 1; visibility: visible; } .callPanelMenu { opacity: 0; visibility: hidden; border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); max-height: 60vh; transition: all var(--default-transition-duration) var(--default-transition-delay); background: rgba(var(--header), 1); will-change: scroll-position; padding: 10px; position: absolute; top: 100%; overflow: hidden auto; transform: translateY(4px); } .callPanelIcon { border-radius: var(--border-radius); flex-shrink: 0; justify-content: center; align-items: center; width: 24px; height: 24px; margin-inline-start: 0px; font-size: 16px; display: flex; } .callPanelIcon.bc-i-instagram { background-image: radial-gradient(circle at 30% 107%, rgb(253, 244, 151) 0%, rgb(253, 244, 151) 5%, rgb(253, 89, 73) 45%, rgb(214, 36, 159) 60%, rgb(40, 90, 235) 90%); } [dir="ltr"] .callPanelIcon.bc-i-instagram::before { margin-inline-start: -1px; } .callPanelIcon.bc-i-tiktok::before, .callPanelIcon.bc-i-telegram::before, .callPanelIcon.bc-i-facebook::before, .callPanelIcon.bc-i-linkedin::before, .callPanelIcon.bc-i-vk::before, .callPanelIcon.bc-i-soundcloud::before, .callPanelIcon.bc-i-discord::before, .callPanelIcon.bc-i-heylink::before, .callPanelIcon.bc-i-threads::before, .callPanelIcon.bc-i-tv::before, .callPanelIcon.bc-i-medium::before, .callPanelIcon.bc-i-youtube::before, .callPanelIcon.bc-i-blog::before, .callPanelIcon.bc-i-gmail::before, .callPanelIcon.bc-i-ok::before, .callPanelIcon.bc-i-pinterest::before, .callPanelIcon.bc-i-reddit::before, .callPanelIcon.bc-i-tumblr::before, .callPanelIcon.bc-i-twitch::before, .callPanelIcon.bc-i-twitter::before, .callPanelIcon.bc-i-X::before { border: 1px solid rgba(var(--b-sc), 1); border-radius: 50%; padding: 3px; font-size: 10px; } .callPanelMenuItem { height: 34px; color: rgba(var(--header-sc), .7); background: linear-gradient(to right, rgba(var(--header-sc), .15) 0%, rgba(var(--header-sc), .05) 100%); border-radius: var(--border-radius); transition: color var(--default-transition-duration); align-items: center; padding: 0px 10px; display: flex; position: relative; overflow: hidden; } .callPanelMenuItem + .callPanelMenuItem { margin-top: 2px; } .callPanelMenuItem:hover { color: rgba(var(--header-sc), 1); } .callPanelMenuItem::before { content: ""; background: rgba(var(--hero), 0); width: 2px; height: 100%; transition: background var(--default-transition-duration); position: absolute; top: 0px; } [dir="ltr"] .callPanelMenuItem::before { left: 0px; } [dir="rtl"] .callPanelMenuItem::before { right: 0px; } .callPanelMenuItem:hover::before { background: rgba(var(--hero), 1); } .callPanelText { letter-spacing: 0.1px; text-transform: capitalize; margin-inline-start: 10px; } .callPanelBtn { padding: 0px; } .loyaltyBonusHeaderBackground { z-index: -3; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } [class*="is-web"] .loyaltyBonusHeaderBackground { width: 108%; height: 96%; } @media screen and (width <= 1280px) { [class*="is-web"] .loyaltyBonusHeaderBackground { width: 124%; height: 90%; } } [class*="is-mobile"] .loyaltyBonusHeaderBackground { width: 106%; height: 100%; } .loyaltyBonusHeaderBackground::before, .loyaltyBonusHeaderBackground::after { background: rgba(var(--hero), 1); z-index: -3; width: 100%; left: 0px; } .loyaltyBonusHeaderBackground::before { transform: perspective(80px) rotateX(55deg); } [class*="is-web"] .loyaltyBonusHeaderBackground::before { bottom: 12px; } @media screen and (width <= 1280px) { [class*="is-web"] .loyaltyBonusHeaderBackground::before { bottom: 10px; } } [class*="is-mobile"] .loyaltyBonusHeaderBackground::before { bottom: 10px; } .loyaltyBonusHeaderBackground::after { top: 10px; transform: perspective(80px) rotateX(125deg); } .loyaltyBonusHeaderBackground::before, .loyaltyBonusHeaderBackground::after, .loyaltyBonusHeader::before, .loyaltyBonusHeader::after { content: ""; height: 50%; position: absolute; } .loyaltyBonusHeaderShadow { filter: blur(4px); opacity: 0.5; z-index: -2; background: rgba(0, 0, 0, 0.6); width: 116%; height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hdr-main-content-bc .loyaltyBonusHeader, .header-bc .loyaltyBonusHeader { justify-content: center; align-items: center; padding-left: 10px; padding-right: 6px; display: flex; position: relative; } .hdr-main-content-bc .loyaltyBonusHeader::before, .hdr-main-content-bc .loyaltyBonusHeader::after, .header-bc .loyaltyBonusHeader::before, .header-bc .loyaltyBonusHeader::after { background: rgba(var(--hero), 1); z-index: -1; width: 100%; left: 0px; } .hdr-main-content-bc .loyaltyBonusHeader::before, .header-bc .loyaltyBonusHeader::before { bottom: 6px; transform: perspective(80px) rotateX(55deg); } .hdr-main-content-bc .loyaltyBonusHeader::after, .header-bc .loyaltyBonusHeader::after { top: 6px; transform: perspective(80px) rotateX(125deg); } .hdr-main-content-bc .loyaltyBonusImg, .header-bc .loyaltyBonusImg { object-fit: contain; } [class*="is-web"] .hdr-main-content-bc .loyaltyBonusHeader { cursor: pointer; height: 50px; margin-inline-end: 24px; } @media screen and (width <= 1280px) { [class*="is-web"] .hdr-main-content-bc .loyaltyBonusHeader { margin-inline-end: 14px; padding: 0px 4px; } } [class*="is-web"] .hdr-main-content-bc .loyaltyBonusHeader::before { bottom: 8px; } @media screen and (width <= 1280px) { [class*="is-web"] .hdr-main-content-bc .loyaltyBonusHeader::after { top: 8px; } } [class*="is-web"] .hdr-main-content-bc .loyaltyBonusImg { width: 22px; max-height: 22px; margin-top: -4px; } @media screen and (width <= 1280px) { [class*="is-web"] .hdr-main-content-bc .loyaltyBonusImg { width: 20px; max-height: 20px; margin-top: 0px; } } [class*="is-mobile"] .header-bc .loyaltyBonusHeader { z-index: 1; height: 46px; } [class*="is-mobile"] .header-bc .loyaltyBonusHeader:first-child { margin-inline-start: 10px; } [class*="is-mobile"] .header-bc .loyaltyBonusHeader:first-child + .hdr-user-bc { margin-inline-start: auto; } [class*="is-mobile"] .header-bc .loyaltyBonusHeader:first-child .loyaltyBonusHeaderText { max-width: 120px; } [class*="is-mobile"] .header-bc .loyaltyBonusHeader:not(:first-child) .loyaltyBonusHeaderText { max-width: 100px; } @media screen and (width <= 400px) { [class*="is-mobile"] .header-bc .loyaltyBonusHeader:not(:first-child) .loyaltyBonusHeaderText { max-width: 54px; } } [class*="is-mobile"] .header-bc .loyaltyBonusHeader + .hasLoyaltyLevel { margin-inline-start: 8px; } @media screen and (width <= 400px) { [class*="is-mobile"] .header-bc .loyaltyBonusHeader + .hasLoyaltyLevel { margin-inline-start: 4px; } } [class*="is-mobile"] .header-bc .loyaltyBonusHeader + .hdr-user-bc:not(.hasLoyaltyLevel) { margin-inline-start: 18px; } [class*="is-mobile"] .header-bc .loyaltyBonusImg { width: 20px; max-height: 20px; margin-top: -2px; } .loyaltyBonusHeaderText { text-transform: uppercase; color: rgba(var(--hero-sc), .9); margin-inline-end: 2px; font-size: 12px; } @media screen and (width <= 1280px) { [class*="is-web"] .loyaltyBonusHeaderText { display: none; } } @media screen and (width <= 360px) { [class*="is-mobile"] .loyaltyBonusHeaderText { font-size: 10px; } } .cashbackVaultBoxesHeader { border: 1px solid rgba(var(--hero), 1); background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: inset 0 0 5px 5px rgba(var(--hero), .2), 0 0 10px 5px rgba(var(--hero), .2); background-size: contain; border-radius: 50%; margin-inline-start: 8px; position: relative; } [class*="is-web"] .cashbackVaultBoxesHeader { width: 36px; height: 36px; transition: box-shadow var(--default-transition-duration); cursor: pointer; } [class*="is-web"] .cashbackVaultBoxesHeader:hover { box-shadow: inset 0 0 10px 5px rgba(var(--hero), .4), 0 0 10px 6px rgba(var(--hero), .2); } [class*="is-mobile"] .cashbackVaultBoxesHeader { width: 26px; height: 26px; } .cashbackVaultBoxesHeader::after { content: ""; background: rgba(var(--hero), 1); border: 2px solid rgb(0, 0, 0); border-radius: 50%; animation: 3s ease-in-out 0s infinite normal none running circle-bounce; position: absolute; top: -3px; } [dir="ltr"] .cashbackVaultBoxesHeader::after { right: -3px; } [dir="rtl"] .cashbackVaultBoxesHeader::after { left: -3px; } [class*="is-web"] .cashbackVaultBoxesHeader::after { width: 10px; height: 10px; } [class*="is-mobile"] .cashbackVaultBoxesHeader::after { width: 7px; height: 7px; } [class*="is-web"] .hdr-main-content-bc .sessionTimerWrapper + .infoTime { min-width: unset; margin-inline-start: 0px; padding-inline-start: 8px; } @media screen and (width <= 1366px) { [class*="is-web"] .hdr-main-content-bc .sessionTimerWrapper + .infoTime { padding-inline-start: 6px; } } .hdr-main-content-bc .sessionTimerWrapper + .infoTime::after { height: 18px; } [dir="ltr"] .hdr-main-content-bc .sessionTimerWrapper + .infoTime::after { left: 0px; } [dir="rtl"] .hdr-main-content-bc .sessionTimerWrapper + .infoTime::after { right: 0px; } [class*="is-web"][dir*="ltr"] .hdr-main-content-bc .sessionTimerWrapper + .infoTime { border-radius: 0 var(--border-radius) var(--border-radius) 0; } [class*="is-web"][dir*="rtl"] .hdr-main-content-bc .sessionTimerWrapper + .infoTime { border-radius: var(--border-radius) 0 0 var(--border-radius); } .sessionTimerWrapper { align-items: center; height: 28px; font-size: 12px; display: flex; position: relative; } [class*="is-web"] .sessionTimerWrapper { background: rgba(var(--b-sc), .1); margin-inline-start: 20px; padding-inline: 8px 6px; } @media screen and (width <= 1366px) { [class*="is-web"] .sessionTimerWrapper { font-size: 10px; } } [class*="is-mobile"] .sessionTimerWrapper { margin-inline-start: auto; } [class*="is-web"][dir*="ltr"] .sessionTimerWrapper { border-radius: var(--border-radius) 0 0 var(--border-radius); } [class*="is-web"][dir*="rtl"] .sessionTimerWrapper { border-radius: 0 var(--border-radius) var(--border-radius) 0; } [class*="is-web"] .sessionTimerWrapper::before { content: ""; z-index: -1; background: rgba(var(--menu-sc), .1); width: 1px; height: 30px; margin: auto; position: absolute; top: 0px; bottom: 0px; } [class*="is-web"][dir*="ltr"] .sessionTimerWrapper::before { left: -10px; } [class*="is-web"][dir*="rtl"] .sessionTimerWrapper::before { right: -10px; } .sessionTimerText { color: rgba(var(--b-sc), .72); } .sessionTimerTime { color: rgba(var(--b-sc), .9); font-variant-numeric: tabular-nums; } [class*="is-web"] .sessionTimerTime { margin-inline-start: 6px; } [class*="is-mobile"] .sessionTimerTime { margin-inline-start: 4px; } @keyframes circle-bounce { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } .VivaroMeLogo { position: relative; } .VivaroMeLogo::before { content: ""; background: rgba(var(--b-sc), .2); width: 1px; height: 14px; position: absolute; bottom: 9px; } [dir="ltr"] .VivaroMeLogo::before { left: 6px; } [dir="rtl"] .VivaroMeLogo::before { right: 6px; } [class*="is-web"] .VivaroMeLogo { height: 56px; padding-inline-start: 16px; overflow: hidden; } [class*="is-mobile"] .VivaroMeLogo { height: 46px; padding-inline-start: 14px; } .vivaroMeHeaderImage { object-fit: contain; } [class*="is-web"] .vivaroMeHeaderImage { cursor: pointer; max-width: 120px; height: 60px; } [class*="is-mobile"] .vivaroMeHeaderImage { max-width: 100px; height: 48px; } .vivaroMeHeaderIcon { color: rgba(var(--b-sc), .9); } [class*="is-web"] .vivaroMeHeaderIcon { margin-inline-start: 8px; font-size: 16px; } [class*="is-mobile"] .vivaroMeHeaderIcon { margin-inline-start: 4px; font-size: 14px; } [class*="is-mobile"] .headerVivaroMeActive { gap: 4px; } [class*="is-mobile"] .headerVivaroMeActive .loyaltyBonusHeaderText { display: none; } [class*="is-mobile"] .headerVivaroMeActive .loyaltyBonusHeader { padding-left: 6px; } [class*="is-mobile"] .headerVivaroMeActive .hasLoyaltyLevel { margin-inline-start: auto; } .hdr-dynamic-content { padding-inline: 5px; } .informative-widget-container { max-width: 90%; padding: 20px; } .hdr-dynamic-content .e-p-close-icon-bc { top: 2px; } [dir="ltr"] .hdr-dynamic-content .e-p-close-icon-bc { right: 4px; } [dir="rtl"] .hdr-dynamic-content .e-p-close-icon-bc { left: 4px; } .hdr-dynamic-content .carousel .swiper-button-prev::after { margin-inline-start: 24px; } .hdr-dynamic-content .carousel .swiper-button-next::after { margin-inline-end: 24px; } .integration-mode .nav-content-menu, .integration-header-absence .nav-content-menu { display: flex; } .integration-mode .nav-menu-container.header-navigation:first-child, .integration-mode .nav-content-bc, .integration-header-absence .nav-menu-container.header-navigation:first-child, .integration-header-absence .nav-content-bc { border-radius: 0px; } .integration-mode .header-bc, .integration-header-absence .header-bc { padding: 0px; } .integration-mode .hdr-main-content-bc, .integration-header-absence .hdr-main-content-bc { background: rgba(var(--menu-sc), .15); flex-shrink: 0; padding-inline-end: 10px; } .header-bc { box-sizing: border-box; padding: 0px 10px; } .hdr-main-content-bc, .logo { height: var(--desktop-header-height); } .logo > p:not(:empty) { max-width: 140px; color: rgba(var(--header-sc), .7); border-inline-start: 1px solid rgba(var(--header-sc), .2); margin-inline-start: 8px; padding-inline-start: 8px; font-size: 9px; } .hdr-logo-bc { max-width: 200px; padding: 4px 0px; } .header-icon { width: 28px; height: 28px; margin-inline-start: 10px; font-size: 14px; } .header-icon-text { align-items: center; height: 28px; padding: 0px 10px; font-size: 14px; } @media screen and (width <= 1366px) { .header-icon-text:not([class*="bc-i"]) > span { font-size: 12px; } } .header-icon-text[class*="bc-i"] { font-family: Roboto, Arial, Helvetica, sans-serif !important; } .header-icon-text[class*="bc-i"]::before { font-family: BetConstruct-Icons !important; } .header-icon-text[class*="bc-i"] > span:not(:empty) { margin-inline-start: 5px; line-height: normal; } @media screen and (width <= 1400px) { .header-icon-text[class*="bc-i"] > span:not(:empty) { display: none; } } @media screen and (width <= 1366px) { .header-icon-text > i + span { display: none; } } [dir="ltr"] .nav-menu-other::after, [dir="ltr"] .compact-mode::after { left: 0px; } [dir="rtl"] .nav-menu-other::after, [dir="rtl"] .compact-mode::after { right: 0px; } .hdr-main-content-bc .bc-loader, .hdr-user-bc .sign-in, .header-icon-text { position: relative; } .header-icon-text, .hdr-main-content-bc .bc-loader, .hdr-crypto-btn, .connect-wallet, .hdr-main-content-bc .infoTime, .smartPanel-bc, .hdr-user-bc .sign-in, .callPanel { margin-inline-start: 20px; } [dir="ltr"] .header-icon-text::after, [dir="ltr"] .hdr-main-content-bc .bc-loader::after, [dir="ltr"] .hdr-crypto-btn::after, [dir="ltr"] .connect-wallet::after, [dir="ltr"] .hdr-main-content-bc .infoTime::after, [dir="ltr"] .smartPanel-bc::after, [dir="ltr"] .hdr-user-bc .sign-in::after, [dir="ltr"] .callPanel::after { left: -10px; } [dir="rtl"] .header-icon-text::after, [dir="rtl"] .hdr-main-content-bc .bc-loader::after, [dir="rtl"] .hdr-crypto-btn::after, [dir="rtl"] .connect-wallet::after, [dir="rtl"] .hdr-main-content-bc .infoTime::after, [dir="rtl"] .smartPanel-bc::after, [dir="rtl"] .hdr-user-bc .sign-in::after, [dir="rtl"] .callPanel::after { right: -10px; } .header-icon-text::after, .compact-mode::after, .hdr-crypto-btn::after, .connect-wallet::after, .nav-menu-other::after, .hdr-main-content-bc .infoTime::after, .smartPanel-bc::after, .hdr-user-bc .sign-in::after, .hdr-main-content-bc .bc-loader::after, .callPanel::after { content: ""; z-index: -1; background: rgba(var(--menu-sc), .1); width: 1px; height: 30px; margin: auto; position: absolute; top: 0px; bottom: 0px; } .hdr-user-bc:nth-of-type(2) .header-custom-buttons:first-of-type .header-icon-text:only-child::after, .hdr-user-bc:nth-of-type(2) .header-custom-buttons:first-of-type .header-icon-text:first-child::after { content: none; } .compact-mode { min-height: 36px; display: flex; } .compact-mode .form-control-select-bc { color: rgba(var(--header-sc), .9); } .compact-mode .form-control-icon-bc { color: rgba(var(--header-sc), .8); } .compact-mode .multi-select-label-bc { background: rgba(var(--header), 1); box-shadow: 0 0 10px 3px #0000004d, inset 0 0 0 300px rgba(var(--header-sc), .05); } .compact-mode .multi-select-label-bc .checkbox-control-content-bc { background: rgba(var(--header-sc), .1); } .compact-mode .multi-select-label-bc .checkbox-control-content-bc:hover, .compact-mode .multi-select-label-bc .checkbox-control-content-bc.active { background: rgba(var(--header-sc), .2); } .compact-mode .multi-select-label-bc .checkbox-control-content-bc:hover .checkbox-control-text-bc, .compact-mode .multi-select-label-bc .checkbox-control-content-bc.active .checkbox-control-text-bc { color: rgba(var(--header-sc), 1); } .compact-mode .multi-select-label-bc .checkbox-control-text-bc { color: rgba(var(--header-sc), .6); } .compact-mode .form-control-select-bc { background: 0px 0px; height: auto; min-height: 36px; padding: 0px; padding-inline-start: 10px; } .compact-mode .form-control-icon-bc { width: auto; font-size: 8px; position: static; transform: none; } .compact-mode.form-control-bc { border-top: 2px solid rgba(0, 0, 0, 0); } .compact-mode.isHiddenFlag { flex-shrink: 0; } .compact-mode.isHiddenFlag .form-control-select-bc > span + i { margin-inline-start: 10px; } .hdr-main-content-bc .infoTime { min-width: 62px; height: 28px; color: rgba(var(--header-sc), 1); background: rgba(var(--header-sc), .1); border-radius: var(--border-radius); flex-shrink: 0; padding: 0px 6px; font-size: 12px; position: relative; } @media screen and (width <= 1366px) { .hdr-main-content-bc .infoTime { min-width: 46px; } } .hdr-user-bc .btn.register { margin-inline: 10px; } .nav-menu-container { flex: 1 1 auto; display: flex; } .nav-menu-container li { position: relative; } .nav-menu-container.header-navigation .hdr-user-info-content-bc { margin: 0px 10px; } .nav-menu-container.header-navigation:first-child { border-radius: var(--border-radius); z-index: 1; background: rgba(var(--menu-sc), .15); position: relative; } .nav-menu-container.header-navigation:first-child .nav-menu { border-start-start-radius: var(--border-radius); border-end-start-radius: var(--border-radius); } .nav-menu-container.header-navigation:first-child .nav-menu > li:first-child > .nav-menu-item { border-start-start-radius: var(--border-radius); border-end-start-radius: var(--border-radius); padding-inline-start: 10px; } .nav-menu-container.header-navigation:first-child .nav-menu > li .nav-menu-sub-arrow { display: none; } [dir="ltr"] .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-sub { transform-origin: 0px 0px; left: 0px; } [dir="rtl"] .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-sub { transform-origin: 100% 0px; right: 0px; } .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item { color: rgba(var(--menu-sc), 1); letter-spacing: 0.1px; transition: all var(--default-transition-duration); padding: 0px 20px; } .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active, .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active { color: rgba(var(--hero-sc), 1); background: rgba(var(--hero), 1); } .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item > i, .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item > i { font-size: 16px; } .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item { color: rgba(var(--menu-sc), 1); background: rgba(var(--menu), 1); box-shadow: inset 0 2px 0 0 rgba(var(--hero), 1); } .nav-menu-container.header-navigation:first-child .nav-menu-other { text-transform: uppercase; border-start-end-radius: var(--border-radius); border-end-end-radius: var(--border-radius); } .nav-menu-container.header-navigation:first-child .nav-menu-other > li, .nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item { border-start-end-radius: var(--border-radius); border-end-end-radius: var(--border-radius); } .nav-menu-container.header-navigation:first-child .nav-menu-sub .nav-menu-item { text-transform: none; } .nav-menu-container.header-navigation:first-child .nav-menu-sub .nav-menu-sub { z-index: -1; border-start-start-radius: var(--border-radius); top: 0px; } [dir="ltr"] .nav-menu-container.header-navigation:first-child .nav-menu-sub .nav-menu-sub { transform-origin: 100% 0px; right: calc(100% + 10px); } [dir="rtl"] .nav-menu-container.header-navigation:first-child .nav-menu-sub .nav-menu-sub { transform-origin: 0px 0px; left: calc(100% + 10px); } .nav-menu-container.header-navigation:first-child .nav-menu-sub .nav-menu-sub::before { content: ""; cursor: auto; width: 100%; height: 100%; position: absolute; top: 0px; } [dir="ltr"] .nav-menu-container.header-navigation:first-child .nav-menu-sub .nav-menu-sub::before { left: 100%; } [dir="rtl"] .nav-menu-container.header-navigation:first-child .nav-menu-sub .nav-menu-sub::before { right: 100%; } .nav-menu-container.header-navigation:first-child .nav-menu-sub-arrow { color: rgba(var(--menu-sc), 1); margin-inline-start: 10px; font-size: 8px; } [dir="rtl"] .nav-menu-container.header-navigation:first-child .nav-menu-sub-arrow { transform: rotateY(180deg); } .nav-menu-container.header-navigation:first-child .m-block-nav-items-bc { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); padding: 15px 15px 10px; } .nav-menu-container.header-navigation:first-child .m-nav-items-list-item-bc { cursor: pointer; height: 50px; padding-top: 5px; padding-bottom: 5px; } .nav-menu-container.header-navigation:first-child .m-nav-items-list-item-bc:not(.active) { background: rgba(var(--header-sc), .1); border: 1px solid rgba(0, 0, 0, 0); } .nav-menu-container.header-navigation:first-child .m-nav-items-list-item-bc.active, .nav-menu-container.header-navigation:first-child .m-nav-items-list-item-bc:hover { border: 1px solid rgba(var(--header-sc), .2); background: rgba(var(--header-sc), .25); } .nav-menu-container.header-navigation:first-child .nav-ico-w-row-bc { height: 100%; } .nav-menu-container.header-navigation:nth-child(2) { background: rgba(var(--menu), 1); border-radius: var(--border-radius); } .nav-menu-container.header-navigation:nth-child(2) .nav-menu { justify-content: center; } .nav-menu-container.header-navigation:nth-child(2) .nav-menu > li + li { margin-inline-start: 30px; } .nav-menu-container.header-navigation:nth-child(2) .nav-menu > li .nav-menu-item:hover, .nav-menu-container.header-navigation:nth-child(2) .nav-menu > li .nav-menu-item.active, .nav-menu-container.header-navigation:nth-child(2) .nav-menu-other > .nav-menu-item:hover, .nav-menu-container.header-navigation:nth-child(2) .nav-menu-other > .nav-menu-item.active { box-shadow: inset 0 -2px 0 0 rgba(var(--hero), 1); } .nav-menu-container.header-navigation:nth-child(2) .nav-menu > li .nav-menu-item.active, .nav-menu-container.header-navigation:nth-child(2) .nav-menu-other > .nav-menu-item.active { color: rgba(var(--menu-sc), 1); } .nav-menu-container.header-navigation:nth-child(2) .nav-menu > li .nav-menu-item > i, .nav-menu-container.header-navigation:nth-child(2) .nav-menu-other > .nav-menu-item > i { font-size: 15px; } .nav-menu-container.header-navigation:nth-child(2) .nav-menu > li .nav-menu-item > .CMSIconSVGWrapper, .nav-menu-container.header-navigation:nth-child(2) .nav-menu-other > .nav-menu-item > .CMSIconSVGWrapper { width: 14px; height: 14px; } .nav-menu-container.header-navigation:nth-child(2) .nav-menu-item { color: rgba(var(--menu-sc), .5); letter-spacing: 0.5px; transition: color var(--default-transition-duration), box-shadow var(--default-transition-duration); } [dir="ltr"] .nav-menu-container.header-navigation:nth-child(2) .nav-menu-item::after { right: -20px; } [dir="rtl"] .nav-menu-container.header-navigation:nth-child(2) .nav-menu-item::after { left: -20px; } .nav-menu-container.header-navigation:nth-child(2) .nav-menu-other { margin-inline-start: 10px; } .nav-menu-container .nav-menu { height: var(--desktop-nav-height); } .nav-menu-container .nav-menu, .nav-menu-container .nav-menu-other { display: flex; } .nav-menu-container .nav-menu > li > .nav-menu-sub, .nav-menu-container .nav-menu-other > li > .nav-menu-sub { top: 100%; } .nav-menu-container .nav-menu .nav-menu-item, .nav-menu-container .nav-menu-other .nav-menu-item { font-size: 16px; } .nav-menu-container:not(.hide-hover-effect) .nav-menu > li:hover > .nav-menu-sub, .nav-menu-container:not(.hide-hover-effect) .nav-menu-other > li:hover > .nav-menu-sub, .nav-menu-container:not(.hide-hover-effect) .nav-menu-sub > li:hover > .nav-menu-sub { opacity: 1; visibility: visible; transform: translateY(0px); } .nav-menu-container .nav-menu { flex-wrap: wrap; width: 100%; } .nav-menu-container .nav-menu > li { height: 100%; display: flex; } .nav-menu-container .nav-menu > li > .nav-menu-item, .nav-menu-container .nav-menu-other > .nav-menu-item { white-space: nowrap; cursor: pointer; align-items: center; display: flex; } .nav-menu-container .nav-menu > li > .nav-menu-item > i, .nav-menu-container .nav-menu-other > .nav-menu-item > i, .nav-menu-container .nav-menu > li > .nav-menu-item > .CMSIconSVGWrapper, .nav-menu-container .nav-menu-other > .nav-menu-item > .CMSIconSVGWrapper { margin-inline-end: 10px; } .nav-menu-container .nav-menu > li:hover > .nav-menu-item, .nav-menu-container .nav-menu-other:hover > .nav-menu-item { color: rgba(var(--menu-sc), 1); } [dir="ltr"] .nav-menu-container .nav-menu-other > li > .nav-menu-sub { transform-origin: 100% 0px; right: 0px; } [dir="rtl"] .nav-menu-container .nav-menu-other > li > .nav-menu-sub { transform-origin: 0px 0px; left: 0px; } .nav-menu-container .nav-menu-other.hidden-global { display: none; } .nav-menu-container .nav-menu-sub { opacity: 0; visibility: hidden; border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); min-width: 235px; transition: all var(--default-transition-duration) var(--default-transition-delay); padding: 10px; position: absolute; transform: translateY(4px); } .nav-menu-container .nav-menu-sub > li + li { margin-top: 2px; } .nav-menu-container .nav-menu-sub .nav-menu-item { border-radius: var(--border-radius); align-items: center; height: 34px; padding: 0px 10px; display: flex; overflow: hidden; } .nav-menu-container .nav-menu-sub .nav-menu-item > * { letter-spacing: 0.1px; z-index: 1; transition: color var(--default-transition-duration); position: relative; } .nav-menu-container .nav-menu-sub .nav-menu-item > i { flex-shrink: 0; } .nav-menu-container .nav-menu-sub .nav-menu-item > i:first-child, .nav-menu-container .nav-menu-sub .nav-menu-item > .CMSIconSVGWrapper { margin-inline-end: 10px; } .nav-menu-container .nav-menu-sub .nav-menu-item::before { content: ""; background: rgba(var(--hero), 0); height: 100%; transition: background var(--default-transition-duration); width: 2px; position: absolute; top: 0px; } [dir="ltr"] .nav-menu-container .nav-menu-sub .nav-menu-item::before { left: 0px; } [dir="rtl"] .nav-menu-container .nav-menu-sub .nav-menu-item::before { right: 0px; } .nav-menu-container .nav-menu-sub .nav-menu-item:hover::before, .nav-menu-container .nav-menu-sub .nav-menu-item.active { background: rgba(var(--hero), 1); } .nav-menu-container .nav-menu-sub .nav-menu-item.active > * { color: rgba(var(--hero-sc), 1); } .nav-content-bc { background: rgba(var(--menu), 1); border-radius: var(--border-radius); flex-direction: column; display: flex; position: relative; } .nav-content-bc .nav-menu-container .nav-menu-sub { background: rgba(var(--menu), 1); } .nav-content-bc .nav-menu-container .nav-menu-sub .nav-menu-item { color: rgba(var(--menu-sc), 1); background: linear-gradient(to right, rgba(var(--menu-sc), .15) 0%, rgba(var(--menu-sc), .05) 100%); } .profileDetails .nav-menu-sub .nav-menu-item { overflow: unset; } .header-user-nav { align-items: center; margin-inline-start: 10px; } .header-user-nav > .nav-menu-other { position: relative; } .header-user-nav > .nav-menu-other > li::before { content: ""; pointer-events: none; z-index: -1; background: rgba(0, 0, 0, 0.2); width: 100%; max-width: calc(100% - 20px); height: 0px; margin: 0px auto; position: fixed; top: 0px; left: 0px; right: 0px; } .header-user-nav > .nav-menu-other > li > a { border-top: 2px solid rgba(0, 0, 0, 0); justify-content: center; align-items: center; height: 100%; padding: 0px 10px; display: flex; } .header-user-nav > .nav-menu-other > li + li:hover a::before { content: none; } .header-user-nav > .nav-menu-other > li:hover { background: rgba(var(--header), 1); } .header-user-nav > .nav-menu-other > li:hover > a { background: rgba(var(--header), 1); border-radius: var(--border-radius); border-color: rgba(var(--hero), 1); } .header-user-nav > .nav-menu-other > li:hover > a::before { content: none; } .header-user-nav .hdr-user-info-content-bc > span { line-height: normal; } .header-user-nav .hdr-user-info-content-bc > span + span { margin-top: 3px; } .header-user-nav .nav-menu-sub { background: rgba(var(--header), 1); } .header-user-nav .nav-menu-sub .nav-menu-item { color: rgba(var(--header-sc), .7); background: linear-gradient(to right, rgba(var(--header-sc), .15) 0%, rgba(var(--header-sc), .05) 100%); } .header-user-nav .nav-menu-sub .nav-menu-item:hover, .header-user-nav .nav-menu-sub .nav-menu-item:hover .checkbox-control-text-bc { color: rgba(var(--header-sc), 1); } .header-user-nav .checkbox-control-text-bc { color: rgba(var(--header-sc), .7); } .header-user-nav .nav-menu-item .count-odd-animation { display: flex; position: absolute; top: 0px; } [dir="ltr"] .header-user-nav .nav-menu-item .count-odd-animation { right: 0px; } [dir="rtl"] .header-user-nav .nav-menu-item .count-odd-animation { left: 0px; } .header-user-nav .nav-menu-item .count-odd-animation::after { border-radius: 0px; } [dir="ltr"] .header-user-nav .nav-menu-item .count-odd-animation::after { right: -6px; } [dir="rtl"] .header-user-nav .nav-menu-item .count-odd-animation::after { left: -6px; } .header-user-nav .nav-menu-item .count-odd-animation::before { content: ""; border-style: solid; position: absolute; bottom: -20px; } [dir="ltr"] .header-user-nav .nav-menu-item .count-odd-animation::before { border-width: 4px 0px 4px 6px; right: -5px; } [dir="rtl"] .header-user-nav .nav-menu-item .count-odd-animation::before { border-width: 4px 6px 4px 0px; left: -5px; } [dir="ltr"] .header-user-nav .nav-menu-item .count-odd-animation::before { border-color: transparent transparent transparent rgba(var(--hero), .6); } [dir="rtl"] .header-user-nav .nav-menu-item .count-odd-animation::before { border-color: transparent rgba(var(--hero), .6) transparent transparent; } .nav-menu-sub-arrow { color: rgba(var(--b-sc), 1); margin-inline-start: 10px; font-size: 8px; } [dir="rtl"] .nav-menu-sub-arrow { transform: rotateY(180deg); } .nav-menu-other { height: 36px; } .payment-logo { object-fit: contain; width: 100%; height: 100%; } .logout-profile button { background: rgba(var(--header-sc), .15); color: rgba(var(--header-sc), .7); height: 30px; margin-top: 8px; padding: 0px 10px; font-size: 12px; } .logout-profile button:hover { background: rgba(var(--header-sc), .35); } .notSelectedField { pointer-events: none; } .hdr-user-bc .btn.register { max-width: 112px; } .hdr-user-bc .user-nav-icon + .user-nav-icon { margin-inline-start: 3px; } .user-balance-info { margin-bottom: 8px; } .trusted-widget { max-width: 200px; margin-inline-end: 15px; position: relative; } .trusted-widget::after { content: ""; z-index: -1; background: rgba(var(--header-sc), .1); width: 1px; height: 30px; margin: auto; position: absolute; top: 0px; bottom: 0px; } [dir="ltr"] .trusted-widget::after { right: 0px; } [dir="rtl"] .trusted-widget::after { left: 0px; } .network-address .form-control-select-bc { background: 0px 0px; padding: 0px; } .network-address .form-control-label-bc i { margin-inline-end: 8px; } .network-address .bc-i-copy-icon:hover { background: 0px 0px; } .connect-wallet-popup { max-width: none; } .connect-to-wallet .status-popup-content-w-bc { will-change: scroll-position; overflow: hidden auto; } .connect-to-wallet .connect-button { margin-top: 20px; margin-bottom: 20px; } .crypto-deposit { width: 345px; } .header-buttons-wallet { align-items: center; display: flex; } .hdr-crypto-btn { cursor: pointer; transition: var(--default-transition-duration) ease; } .hdr-crypto-btn:hover { background: rgba(var(--b-sc), .15); } .hdr-crypto-btn .connect-wallet { cursor: pointer; } .hdr-crypto-btn .connect-wallet:hover { background: 0px 0px; } .wallet-menu { width: 208px; margin-top: 2px; } .wallet-menu-item .radio-control-bc { transition: background var(--default-transition-duration), color var(--default-transition-duration); cursor: pointer; } .wallet-menu-item .radio-control-bc:hover { color: rgba(var(--b-sc), 1); background: rgba(var(--b-sc), .2); } .wallet-menu-item, .wallet-currency { will-change: scroll-position; max-height: 70vh; overflow: hidden auto; } .wallet-menu-btn i { font-size: 16px; } .wallet-currency-item { cursor: pointer; transition: background var(--default-transition-duration), color var(--default-transition-duration); font-size: 12px; } .wallet-currency-item:hover { color: rgba(var(--b-sc), 1); background: rgba(var(--b-sc), .2); } .connect-wallet { min-width: 80px; max-width: 180px; } @media screen and (width <= 1366px) { .logo { max-width: 180px; font-size: 10px; } .wallet-content-currency, .wallet-currency-item { font-size: 10px; } .header-icon { width: 22px; height: 22px; margin-inline-start: 10px; } .hdr-main-content-bc .infoTime { padding: 0px 5px; font-size: 10px; } .crypto-info-link { font-size: 10px; } .connect-wallet { min-width: 70px; max-width: 130px; font-size: 10px; } .hdr-user-avatar-icon-bc { font-size: 24px; } .deposit-btn::before { content: ""; font-family: BetConstruct-Icons; } .deposit-btn span { display: none; } .crypto-info-link, .trusted-widget-text, .hdr-user-info-texts-bc { font-size: 10px; } } .generic-search-enabled:not(.hasLeftMenu) .header-bc { padding-inline: 10px 0px; } .generic-search-btn, .generic-search-close-btn { cursor: pointer; perspective: 100px; width: 35px; height: 52px; } .generic-search-btn::before, .generic-search-close-btn::before { content: ""; background: rgba(var(--hero), 1); width: 100%; position: absolute; inset: 0px; } .generic-search-btn i, .generic-search-close-btn i { color: rgba(var(--header-sc), .8); z-index: 1; font-size: 14px; position: relative; } .generic-search-btn .bc-i-search, .generic-search-close-btn .bc-i-search { margin-inline-start: 12px; } .generic-search-btn { position: relative; } [dir="ltr"] .generic-search-btn::before { transform-origin: 100% center; border-top-left-radius: 8px; border-bottom-left-radius: 8px; transform: rotateY(-45deg); } [dir="rtl"] .generic-search-btn::before { transform-origin: 0px center; border-top-right-radius: 8px; border-bottom-right-radius: 8px; transform: rotateY(45deg); } .generic-search-close-btn { position: absolute; top: 0px; } [dir="ltr"] .generic-search-close-btn { left: 0px; } [dir="rtl"] .generic-search-close-btn { right: 0px; } [dir="ltr"] .generic-search-close-btn::before { transform-origin: 0px center; border-top-right-radius: 8px; border-bottom-right-radius: 8px; transform: rotateY(45deg); } [dir="rtl"] .generic-search-close-btn::before { transform-origin: 100% center; border-top-left-radius: 8px; border-bottom-left-radius: 8px; transform: rotateY(-45deg); } .generic-search-close-btn i { margin-inline-start: -12px; } .generic-search-open .sidePanel-holder .overlay-header { display: none; } .generic-search-container-body { height: 100%; } .generic-search-header { padding: 0px 40px; } .generic-search-result-container { flex: 1 1 auto; overflow: hidden; } .generic-search-result-container .sport-search-result-bc { top: auto; } .generic-search-result-container .casino-category-types.casino-category-types-full { margin-top: 0px; padding: 0px 7px; } .generic-search-result-scrollable { will-change: scroll-position; height: 100%; overflow: hidden auto; } .callPanelBtn { min-width: 28px; height: 28px; } .callPanelMenu { min-width: 235px; } [dir="ltr"] .callPanelMenu { right: 0px; } [dir="rtl"] .callPanelMenu { left: 0px; } @charset "utf-8"; #root.hasLeftMenu { --asideMenuHeight: calc(100vh - ( var(--desktop-header-height) + var(--desktop-sub-nav-height) + var(--desktop-header-margin-bottom) + var(--dynamic-header) + var(--web-self-exclusion-height) )); --asideMenuTop: calc(var(--desktop-header-height) + var(--desktop-sub-nav-height) + var(--desktop-header-margin-bottom) + var(--dynamic-header) + var(--web-self-exclusion-height)); --maxHeightProvider: calc(100vh - ( var(--desktop-header-height) + var(--desktop-sub-nav-height) + var(--desktop-header-margin-bottom) + var(--dynamic-header) + var(--web-self-exclusion-height) + 90px + 58px )); --stickyProvider: calc(var(--desktop-header-height) + var(--desktop-sub-nav-height) + var(--desktop-header-margin-bottom) + var(--dynamic-header) + var(--web-self-exclusion-height)); } html.is-web #root { --desktop-sub-nav-height: 0px; } html.is-web #root.has-sub-navigation { --desktop-sub-nav-height: 36px; } .hasLeftMenu { max-width: 100vw; } .hasLeftMenu .hdr-logo-bc { padding: 8px 8px 4px; } .hasLeftMenu:not(.sportsbook), .hasLeftMenu.sportsbook.casino-lock-scroll { grid-template-columns: 72px minmax(0px, 1fr); grid-template-areas: "header header" "asideMenu content" "asideMenu footer" "betslip betslip"; } .hasLeftMenu.sportsbook { grid-template-columns: 72px 1fr 330px; grid-template-areas: "header header header" "asideMenu content betslip" "asideMenu footer footer"; } .hasLeftMenu .promotion-horizontal-sl-list-bc { margin-top: 0px; } .hasLeftMenu .header-bc { padding-inline-start: 0px; } .hasLeftMenu .layout-content-holder-bc { position: relative; } .hasLeftMenu .layout-header-holder-bc { border-bottom: unset; } .hasLeftMenu.compact-footer .layout-footer-holder-bc { z-index: 951; } [dir="ltr"] .hasLeftMenu.compact-footer .open-footer-icon { left: calc(50% + 30px); } [dir="rtl"] .hasLeftMenu.compact-footer .open-footer-icon { right: calc(50% + 30px); } .hasLeftMenu.compact-footer .footerWrapper { max-width: 100%; padding-inline: 60px 10px; } [dir="ltr"] .hasLeftMenu ~ .second-hoory-iframe { left: 60px; } [dir="rtl"] .hasLeftMenu ~ .second-hoory-iframe { right: 60px; } @media screen and (width <= 1366px) { .hasLeftMenu .left-menu-container { width: 280px; } .hasLeftMenu .live-calendar-market-bc .market-filter-cell-bc { width: 255px; } .hasLeftMenu .live-calendar-market-bc .c-odd-bc { width: 84px; } .hasLeftMenu .casinoGameIconsWrp i, .hasLeftMenu .casinoGameItemFavBc { font-size: 11px; } [class*="is-web"] .hasLeftMenu .casinoBtnWrp .button.small { height: 18px; } .hasLeftMenu .results-footer-view-text-bc { margin-inline-end: 4px; font-size: 9px; } .hasLeftMenu .results-footer-view-icon-bc { font-size: 8px; } .hasLeftMenu .results-footer-icon-bc { font-size: 10px; } .hasLeftMenu .e-sports .competition-icon-league-bc { width: 20px; height: 20px; } } @media screen and (width <= 1280px) { .hasLeftMenu .e-sports-match-title, .hasLeftMenu .e-sports-match-header time, .hasLeftMenu .e-sports-match-header .select.s-small .form-control-select-bc { font-size: 10px; } .hasLeftMenu .e-sports-match-header-icons > i { width: 20px; height: 20px; font-size: 12px; } } .asideMenuContent { grid-area: asideMenu; width: 72px; } .asideMenuOverlay .asideMenuContent::before { content: ""; z-index: 950; backdrop-filter: blur(6px); width: 100%; height: 100%; animation: openMenuShadow var(--default-transition-duration) ease forwards; background: rgba(0, 0, 0, 0.5); position: fixed; left: 0px; } .asideMenuOverlay .asideMenuBurger::before { content: ""; } .asideMenuBurger { width: 64px; color: rgba(var(--b-sc), .7); cursor: pointer; justify-content: center; align-items: center; font-size: 24px; display: flex; } .asideMenuBurger::before { transition: all var(--default-transition-duration) ease; border: 1px solid rgba(0, 0, 0, 0); border-radius: 8px; padding: 8px; } .asideMenuOverlay .asideMenuBurger::before, .asideMenuBurger:hover::before { color: rgba(var(--b-sc), 1); background: rgba(var(--b-sc), .2); border-color: rgba(var(--b-sc), .15); } .asideMenu { top: var(--asideMenuTop); height: var(--asideMenuHeight); border-top-right-radius: var(--border-radius); z-index: 953; position: fixed; overflow: hidden; } [dir="ltr"] .asideMenu { left: 0px; } [dir="rtl"] .asideMenu { right: 0px; } [class*="is-web"] .asideMenu.hasScroll::before { content: ""; background-image: linear-gradient(to top, rgba(var(--b), 1) 0%, transparent 100%); pointer-events: none; z-index: 1; width: 100%; height: 48px; position: absolute; bottom: 0px; left: 0px; } .layout-bc.hasVisibleSidePanelContent .asideMenu::before { background: 0px 0px; } .asideMenuCompact { width: 72px; } .asideMenuOpen { background: rgba(var(--b), 1); width: 240px; padding-bottom: 24px; } .leftMenuSocialToggle { width: 72px; height: 75px; top: var(--asideMenuTop); z-index: 954; justify-content: center; align-items: center; display: flex; position: fixed; inset-inline-start: 0px; } .layout-bc:has(.leftMenuSocialToggle) .asideMenu { background: rgba(var(--b), 1); border-top: 1px solid rgba(var(--b-sc), .1); padding-top: 75px; } .tooltip.leftMenuTooltip { animation: openMenuShadow var(--default-transition-duration) ease; } .tooltip.leftMenuTooltip .tooltipHolder { color: rgba(var(--b-sc), 1); border: 1px solid rgba(var(--hero), .6); font-size: 12px; } .tooltip.leftMenuTooltip .tooltipTriagle::before, .tooltip.leftMenuTooltip .tooltipHolder::before { background: rgba(var(--hero), .5); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px inset; } .tooltip.leftMenuTooltip:not(:empty) { z-index: 999; } [dir="ltr"] .tooltip.leftMenuTooltip:not(:empty) { left: 78px !important; } [dir="rtl"] .tooltip.leftMenuTooltip:not(:empty) { left: auto !important; right: 78px !important; } .tooltip.leftMenuTooltip .tooltipText { z-index: 1; position: relative; } @media screen and (width <= 1824px) { .hasLeftMenu .multi-column-view:not(.sportsbook-small-view, .multi-column-view-expanded) .multi-column-base:nth-child(3), .hasLeftMenu .multi-column-view:not(.sportsbook-small-view, .multi-column-view-expanded) .multi-column-base:nth-child(3) + li { display: none; } } @media screen and (width <= 1600px) { .hasLeftMenu .multi-column-view:not(.sportsbook-small-view, .multi-column-view-expanded) .multi-column-base:nth-last-child(3), .hasLeftMenu .multi-column-view:not(.sportsbook-small-view, .multi-column-view-expanded) .multi-column-base:nth-last-child(3) + li { display: none; } .hasLeftMenu .c-info-icon-bc, .hasLeftMenu .c-team-info-team-bc, .hasLeftMenu .market-odd-bc:not(.not-boosted-odd), .hasLeftMenu .market-icon-bc.bc-i-boost, .hasLeftMenu .c-info-time-bc, .hasLeftMenu .c-info-score-bc { font-size: 11px; } .hasLeftMenu .info-live-prematch-icon-bc { font-size: 12px; } .hasLeftMenu .c-info-more-bc .c-info-icon-bc, .hasLeftMenu .c-info-more-bc .notification-loader { margin-inline-start: 6px; } } @media screen and (width <= 1400px) { .hasLeftMenu .multi-column-view .multi-column-base:nth-last-child(3), .hasLeftMenu .multi-column-view .multi-column-base:nth-last-child(3) + li { display: none; } } @media screen and (width <= 1280px) { .hasLeftMenu .multi-column-view .multi-column-base:nth-child(3), .hasLeftMenu .multi-column-view .multi-column-base:nth-child(3) + li { display: none; } .hasLeftMenu .multi-column-content > li .market-bc, .hasLeftMenu .multi-column-content > li:last-child { width: 42px; } .hasLeftMenu .c-info-icon-bc, .hasLeftMenu .c-team-info-team-bc, .hasLeftMenu .market-odd-bc:not(.not-boosted-odd) { font-size: 11px; } .hasLeftMenu .c-info-more-bc .c-info-icon-bc, .hasLeftMenu .c-info-more-bc .notification-loader { margin-inline-start: 6px; } } @keyframes openMenuShadow { 0% { opacity: 0; } 100% { opacity: 1; } } .asideMenuNavItem { position: relative; } .asideMenuNavItem.expanded .asideMenuOpenArrowDown::before { transform: rotate(90deg); } .asideMenuNavItem i { flex-shrink: 0; justify-content: center; align-items: center; width: 38px; height: 38px; display: flex; } .asideMenuNavItemIconWrapper.CMSIconSVGWrapper { width: 38px; height: 38px; } .asideMenuNavItemIconWrapper.CMSIconSVGWrapper > svg { max-height: 22px; } .asideMenuOpenArrowDown { font-size: 9px; } [dir="ltr"] .asideMenuOpenArrowDown { padding: 12px 12px 12px 30px; } [dir="rtl"] .asideMenuOpenArrowDown { padding: 12px 30px 12px 12px; } .asideMenuOpenArrowDown::before { transition: transform var(--default-transition-duration) ease; display: inline-block; } [dir="rtl"] .asideMenuOpenArrowDown::before { transform: rotate(180deg); } .asideMenuNavLink { border-radius: 12px; display: flex; } .asideMenuOpenNav { width: 208px; } .asideMenuCompactNav, .asideMenuOpenNav { color: rgba(var(--b-sc), .6); transition: all var(--slow-transition-duration) ease; cursor: pointer; border-radius: 8px; justify-content: center; align-items: center; height: 40px; font-size: 24px; display: flex; } .asideMenuCompactNav .swipe-fav-container-bc, .asideMenuOpenNav .swipe-fav-container-bc { margin-top: 0px; top: 0px; } .asideMenuArrowRight { font-size: 6px; position: absolute; bottom: 4px; } [dir="ltr"] .asideMenuArrowRight { right: 2px; transform: rotate(-45deg); } [dir="rtl"] .asideMenuArrowRight { left: 2px; transform: rotate(45deg); } .asideSubMenuNavTitle { color: rgba(var(--b-sc), .9); height: 32px; padding-inline-start: 24px; line-height: 32px; } .asideMenuOpenNavTitle { flex: 1 1 auto; margin-inline-start: 8px; font-size: 14px; display: none; } .asideMenuOpen .swipe-fav-container-bc { width: 34px; height: 34px; } .asideMenuOpen .asideMenuOpenNavTitle { display: block; } .asideMenuOpen .asideSubMenu .asideMenuNavItem { border-radius: 12px; } .asideMenuOpen, .asideMenuCompact { will-change: scroll-position; scrollbar-width: none; transition: all var(--default-transition-duration) ease; flex-direction: column; display: flex; overflow: hidden auto; } [class*="is-web"] .asideMenuOpen, [class*="is-web"] .asideMenuCompact { padding-top: 16px; gap: 8px; height: 100%; padding-inline: 16px; } .asideMenuOpen::-webkit-scrollbar { display: none; } .asideMenuCompact::-webkit-scrollbar { display: none; } .asideMenuOpen .asideMenuNavItem, .asideMenuCompact .asideMenuNavItem { -webkit-tap-highlight-color: transparent; width: 100%; transition: all var(--default-transition-duration) ease; } .asideMenuOpen .asideMenuNavItem.active, .asideMenuCompact .asideMenuNavItem.active { color: rgba(var(--b-sc), 1); } [class*="is-web"] .asideMenuOpen .asideMenuNavItem.active, [class*="is-web"] .asideMenuCompact .asideMenuNavItem.active { background: rgba(var(--b-sc), .15); border-color: rgba(var(--b-sc), .15); } .asideMenuOpen .asideMenuNavItem.active .asideMenuCompactNav, .asideMenuOpen .asideMenuNavItem.active .asideMenuOpenNav, .asideMenuCompact .asideMenuNavItem.active .asideMenuCompactNav, .asideMenuCompact .asideMenuNavItem.active .asideMenuOpenNav { color: rgba(var(--b-sc), 1); } [class*="is-web"] .asideMenuOpen > .asideMenuNavItem, [class*="is-web"] .asideMenuCompact > .asideMenuNavItem { border-radius: var(--border-radius-middle); background: rgba(var(--b-sc), .1); border: 1px solid rgba(0, 0, 0, 0); } [class*="is-web"] .asideMenuOpen > .asideMenuNavItem:hover, [class*="is-web"] .asideMenuCompact > .asideMenuNavItem:hover { color: rgba(var(--b-sc), 1); background: rgba(var(--b-sc), .15); border-color: rgba(var(--b-sc), .15); } [class*="is-web"] .asideMenuOpen > .asideMenuNavItem:hover .asideMenuCompactNav, [class*="is-web"] .asideMenuOpen > .asideMenuNavItem:hover .asideMenuOpenNav, [class*="is-web"] .asideMenuCompact > .asideMenuNavItem:hover .asideMenuCompactNav, [class*="is-web"] .asideMenuCompact > .asideMenuNavItem:hover .asideMenuOpenNav { color: rgba(var(--b-sc), 1); } .asideMenuNavLink[data-badge]::before { color: rgb(255, 255, 255); text-transform: uppercase; box-shadow: inset 0 0 .5px 1px rgba(var(--b-sc), .2); position: absolute; top: -3px; } [class*="is-web"][dir="ltr"] .asideMenuNavLink[data-badge]::before { right: -3px; } [class*="is-web"][dir="rtl"] .asideMenuNavLink[data-badge]::before { left: -3px; } .asideMenuCompact .asideMenuNavLink[data-badge]::before { content: ""; width: 10px; height: 10px; transition: all var(--default-transition-duration) ease; border-radius: 50%; font-size: 8px; } [class*="is-web"] .asideMenuCompact .asideMenuNavLink[data-badge]:hover::before { content: attr(data-badge); letter-spacing: 0.5px; white-space: nowrap; text-overflow: ellipsis; border-radius: 2px 8px 2px 2px; width: auto; max-width: 34px; padding: 2px 4px; line-height: 10px; overflow: hidden; } .asideMenuOpen .asideMenuNavLink[data-badge]::before { content: attr(data-badge); letter-spacing: 0.5px; z-index: 1; } [class*="is-web"][dir="ltr"] .asideMenuOpen .asideMenuNavLink[data-badge]::before { border-radius: 4px 4px 2px; } [class*="is-web"][dir="rtl"] .asideMenuOpen .asideMenuNavLink[data-badge]::before { border-radius: 4px 4px 4px 2px; } [class*="is-web"] .asideMenuOpen .asideMenuNavLink[data-badge]::before { padding: 2px 4px; font-size: 10px; } [class*="is-web"] .asideMenuOpen .asideMenuNavLink[data-badge]::after { content: ""; border-style: solid; width: 0px; height: 0px; position: absolute; top: 12px; } [class*="is-web"][dir="ltr"] .asideMenuOpen .asideMenuNavLink[data-badge]::after { border-width: 6px 3px 0px 0px; right: -3px; } [class*="is-web"][dir="rtl"] .asideMenuOpen .asideMenuNavLink[data-badge]::after { border-width: 0px 3px 6px 0px; left: -3px; } [class*="is-web"] .asideMenuOpen > .asideMenuNavItem { width: 208px; } .asideSubMenu { padding: 0px 8px 8px; font-size: 12px; position: relative; } .asideSubMenu .asideMenuNavGradient { pointer-events: none; } .asideSubMenu .asideMenuNavGradient::before, .asideSubMenu .asideMenuNavGradient::after { content: ""; background: linear-gradient(to right, rgba(var(--b-sc), .01), rgba(var(--b-sc), .5), rgba(var(--b-sc), .01)); width: 90%; height: 1px; margin-inline: auto; position: absolute; left: 0px; right: 0px; } .asideSubMenu .asideMenuNavGradient::before { top: 0px; } .asideSubMenu .asideMenuNavGradient::after { bottom: 0px; } .asideSubMenu .asideMenuNavItem + .asideMenuNavItem { margin-top: 8px; } .asideSubMenu .asideMenuNavItem.active .asideMenuNavLink { background: rgba(var(--b-sc), .15); } .asideSubMenu .asideMenuNavLink { background: rgba(var(--b-sc), .05); transition: all var(--default-transition-duration) ease; } [class*="is-web"] .asideSubMenu .asideMenuNavLink:hover { background: rgba(var(--b-sc), .15); } [class*="is-web"] .asideSubMenu .asideMenuNavLink:hover .asideMenuNavGradient { filter: none; } .hiddenAsideSubMenu { display: none; } .asideMenuContent .badge-new::before { background: linear-gradient(rgba(213, 16, 130, 0.6), rgb(213, 16, 130)); } [class*="is-web"][dir="ltr"] .asideMenuContent .badge-new::after { border-color: rgb(213, 16, 130) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } [class*="is-web"][dir="rtl"] .asideMenuContent .badge-new::after { border-color: rgba(0, 0, 0, 0) rgb(213, 16, 130) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .asideMenuContent .badge-top::before { background: linear-gradient(rgba(110, 58, 133, 0.6), rgb(110, 58, 133)); } [class*="is-web"][dir="ltr"] .asideMenuContent .badge-top::after { border-color: rgb(110, 58, 133) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } [class*="is-web"][dir="rtl"] .asideMenuContent .badge-top::after { border-color: rgba(0, 0, 0, 0) rgb(110, 58, 133) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .asideMenuContent .badge-vpn::before { background: linear-gradient(rgba(73, 85, 126, 0.6), rgb(73, 85, 126)); } [class*="is-web"][dir="ltr"] .asideMenuContent .badge-vpn::after { border-color: rgb(73, 85, 126) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } [class*="is-web"][dir="rtl"] .asideMenuContent .badge-vpn::after { border-color: rgba(0, 0, 0, 0) rgb(73, 85, 126) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .asideMenuContent .badge-promo::before { background: linear-gradient(rgba(24, 99, 96, 0.6), rgb(24, 99, 96)); } [class*="is-web"][dir="ltr"] .asideMenuContent .badge-promo::after { border-color: rgb(24, 99, 96) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } [class*="is-web"][dir="rtl"] .asideMenuContent .badge-promo::after { border-color: rgba(0, 0, 0, 0) rgb(24, 99, 96) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .asideMenuContent .badge-jackpot::before { background: linear-gradient(rgba(123, 100, 24, 0.6), rgb(123, 100, 24)); } [class*="is-web"][dir="ltr"] .asideMenuContent .badge-jackpot::after { border-color: rgb(123, 100, 24) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } [class*="is-web"][dir="rtl"] .asideMenuContent .badge-jackpot::after { border-color: rgba(0, 0, 0, 0) rgb(123, 100, 24) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .asideMenuContent .badge-exclusive::before { background: linear-gradient(rgba(83, 147, 79, 0.6), rgb(83, 147, 79)); } [class*="is-web"][dir="ltr"] .asideMenuContent .badge-exclusive::after { border-color: rgb(83, 147, 79) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } [class*="is-web"][dir="rtl"] .asideMenuContent .badge-exclusive::after { border-color: rgba(0, 0, 0, 0) rgb(83, 147, 79) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .asideMenuContent .badge-free::before { background: linear-gradient(rgba(16, 119, 195, 0.6), rgb(16, 119, 195)); } [class*="is-web"][dir="ltr"] .asideMenuContent .badge-free::after { border-color: rgb(16, 119, 195) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } [class*="is-web"][dir="rtl"] .asideMenuContent .badge-free::after { border-color: rgba(0, 0, 0, 0) rgb(16, 119, 195) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .asideMenuContent .badge-tournament::before { background: linear-gradient(rgba(59, 38, 172, 0.6), rgb(59, 38, 172)); } [class*="is-web"][dir="ltr"] .asideMenuContent .badge-tournament::after { border-color: rgb(59, 38, 172) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } [class*="is-web"][dir="rtl"] .asideMenuContent .badge-tournament::after { border-color: rgba(0, 0, 0, 0) rgb(59, 38, 172) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .asideMenuContent .badge-ortak::before { background: linear-gradient(rgba(112, 0, 255, 0.6), rgb(112, 0, 255)); } [class*="is-web"][dir="ltr"] .asideMenuContent .badge-ortak::after { border-color: rgb(112, 0, 255) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } [class*="is-web"][dir="rtl"] .asideMenuContent .badge-ortak::after { border-color: rgba(0, 0, 0, 0) rgb(112, 0, 255) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .asideMenuContent .badge-spinCount::before { background: linear-gradient(rgba(195, 145, 10, 0.6), rgb(195, 145, 10)); } [class*="is-web"][dir="ltr"] .asideMenuContent .badge-spinCount::after { border-color: rgb(195, 145, 10) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } [class*="is-web"][dir="rtl"] .asideMenuContent .badge-spinCount::after { border-color: rgba(0, 0, 0, 0) rgb(195, 145, 10) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .asideMenuContent .badge-hot::before { background: linear-gradient(rgba(227, 32, 32, 0.6), rgb(227, 32, 32)); } [class*="is-web"][dir="ltr"] .asideMenuContent .badge-hot::after { border-color: rgb(227, 32, 32) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } [class*="is-web"][dir="rtl"] .asideMenuContent .badge-hot::after { border-color: rgba(0, 0, 0, 0) rgb(227, 32, 32) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } @charset "utf-8"; .promotionsList-bc { gap: 10px; display: grid; } .promotionsListEl-bc { border-radius: var(--border-radius); position: relative; overflow: hidden; } .promotionsArticleThumbnail-bc { opacity: 0; border-radius: var(--border-radius) var(--border-radius) 0 0; width: 100%; height: auto; animation: promo-img var(--default-transition-duration) var(--default-transition-delay) forwards; display: flex; } @keyframes promo-img { 0% { opacity: 0; } 100% { opacity: 1; } } .promotions-article-title { height: 34px; color: rgba(var(--b-sc), 1); background: rgba(var(--b-sc), .1); margin-top: 1px; padding: 0px 10px; font-size: 12px; line-height: 34px; } .prevent-prevent-action { opacity: 0.85; pointer-events: none; } .promotions-opt-button { z-index: 9; min-width: 85px; position: absolute; top: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 4px; } [dir="ltr"] .promotions-opt-button { right: 10px; } [dir="rtl"] .promotions-opt-button { left: 10px; } .promotion-details-img { object-fit: cover; width: 100%; } .promotionDetSocList-bc { justify-content: flex-end; display: flex; } .promotionDetSoc-bc { justify-content: center; align-items: center; display: flex; } .promotionDetSoc-bc i { color: rgba(var(--b-sc), .7); font-size: 25px; } .promotionDetSoc-bc + .promotionDetSoc-bc { margin-inline-start: 10px; } .promotion-details-info { color: rgba(var(--b-sc), .6); user-select: text; font-size: 14px; line-height: 1.2; } .promotion-details-info h3 { text-align: start; letter-spacing: 1px; padding-bottom: 15px; font-size: 16px; font-weight: 400; } .promotion-details-info p { color: rgba(var(--b-sc), .9); padding: 10px 0px; line-height: 1.3; } .promotion-details-info p img { object-fit: contain; border-radius: var(--border-radius); max-width: 100%; } .promotion-details-info a { color: rgba(var(--hero), 1); text-decoration: underline; } .promotion-details-info iframe { width: 100%; } .promotion-details-info table { border-spacing: 1px; display: flex; border-collapse: separate !important; width: 100% !important; } .promotion-details-info table tbody { white-space: nowrap; display: table; } .promotion-details-info table tr { background: rgba(var(--b-sc), .1); } .promotion-details-info table tr:first-child td:first-child { border-start-start-radius: var(--border-radius); } .promotion-details-info table tr:first-child td:last-child { border-start-end-radius: var(--border-radius); } .promotion-details-info table tr:last-child td:first-child { border-end-start-radius: var(--border-radius); } .promotion-details-info table tr:last-child td:last-child { border-end-end-radius: var(--border-radius); } .promotion-details-info td { vertical-align: middle; height: 32px; padding: 0px 5px; } .promotion-details-info td p { word-break: break-all; } .promotion-details-info ul, .promotion-details-info ol { list-style-image: revert; list-style-type: revert; list-style-position: inside; } .promotion-details-info ul > li + li, .promotion-details-info ol > li + li { margin: 10px 0px; } .promotion-details-header .btn.promotions-opt-button { position: unset; border-radius: 16px; height: 48px; margin-top: 10px; } [class*="is-web"] .promotion-details-header .btn.promotions-opt-button { width: 100%; max-width: 100%; } [class*="is-mobile"] .promotion-details-header .btn.promotions-opt-button { width: calc(100% - 2 * var(--padding-page-aside)); max-width: 600px; margin-left: auto; margin-right: auto; } .promotion-details-header .btn.promotions-opt-button.a-color { color: rgba(var(--hero-sc)); background-color: rgba(var(--hero), 1); box-shadow: 0 7px 11px -4px rgba(var(--hero-sc)) inset; animation: 0.5s ease 0s infinite alternate none running OptBtnAnimation; } [class*="is-web"] .promotion-details-header .btn.promotions-opt-button.a-color:hover { animation-play-state: paused; } @keyframes OptBtnAnimation { 0% { opacity: 0.85; } 100% { opacity: 1; transform: scale(1.01); } } .promotionsList-bc { padding: 10px 0px 20px; } .promotionsList-bc:not(.gridView) { grid-template-columns: repeat(auto-fill, minmax(345px, 1fr)); } .promotionsList-bc.gridView { grid-template-columns: repeat(4, 1fr); } .promotionsListEl-bc { cursor: pointer; flex-direction: column; display: flex; } .promotionsListEl-bc.promotion-large { grid-area: span 2 / span 2; } .promotionsListEl-bc.promotion-large:hover .promotionsArticleThumbnail-bc { transform: scale(1.025); } .promotionsListEl-bc:not(.promotion-large):hover .promotionsArticleThumbnail-bc { transform: scale(1.05); } .promotionsArticleThumbnail-bc { object-fit: cover; transition: var(--default-transition-duration); flex: 1 1 auto; } .promotion-details-popup.windowed .popup-inner-bc { width: 100%; max-width: 1340px; height: 90vh; } .poker-popup .status-popup-content-w-bc { width: 100%; } .poker-popup .casino-popup-title { text-align: start; z-index: 1002; padding-inline-start: 10px; position: relative; } .poker-popup .promotion-details-container { height: 100%; padding-top: 100px; } .promotion-details-container { grid-template-columns: 400px auto; height: calc(100% - 49px); padding: 15px; display: grid; } .promotion-footer-title { color: rgba(var(--b-sc), 1); text-transform: uppercase; letter-spacing: 1px; justify-content: center; align-items: flex-end; font-size: 12px; line-height: 16px; display: flex; } .promotion-details-img { border-radius: var(--border-radius); } .promotion-details-info { will-change: scroll-position; grid-row: span 2; padding-inline-start: 20px; overflow: hidden auto; } .promotion-details-info table { overflow: auto hidden; } @charset "utf-8"; .suggested-events-widget { width: 100%; position: relative; } .suggested-events-widget:not(.betinsights-iframe-container) > iframe { width: 100%; min-height: 180px; } .suggested-events-widget .bc-loader { position: absolute; } .suggested-events-widget.betinsights-iframe-container, .suggested-events-widget.betinsights-iframe-container > iframe { min-height: 120px; } .suggested-events-widget:not(.betinsights-iframe-container), .suggested-events-widget:not(.betinsights-iframe-container) > iframe { min-height: 180px; } @charset "utf-8"; .notification-new-container { margin-bottom: 4px; } [class*="is-web"] .notification-new-container { will-change: scroll-position; width: 100%; margin-top: 55px; padding: 15px; overflow: hidden auto; } [class*="is-mobile"] .notification-new-container { padding: 0px 5px; } .notification-new-container .u-i-p-control-item-holder-bc { color: rgba(var(--b-sc), .7); background: rgba(var(--b-sc), .05); border-radius: var(--border-radius); margin-top: 1px; padding-top: 10px; padding-bottom: 10px; } .notification-new-container .entrance-f-error-message-bc { word-break: break-word; display: block; overflow: hidden; } .notification-new-header { height: 28px; color: rgba(var(--b-sc), .8); justify-content: space-between; align-items: center; padding: 0px 10px; font-size: 12px; display: flex; } .notification-new-item { color: rgba(var(--b-sc), .7); border-radius: var(--border-radius); align-items: center; padding: 10px; font-size: 12px; display: flex; } .notification-new-item > i { flex-shrink: 0; } .notification-new-item + .notification-new-item, .notification-item-body { margin-top: 2px; } .notification-item-body > .entrance-f-item-bc .entrance-f-error-message-bc { background: rgba(var(--b-sc), .05); } .notification-new-item-icon { color: rgba(var(--hero), 1); } .notification-new-item-info { flex: 1 1 auto; margin: 0px 5px; } @charset "utf-8"; @import url("/galabet-static/assets/login-0055-51c52acd84a0.css"); @import url("/galabet-static/assets/login-0054-b8d987ed1bbc.css"); .notification[data-v-e9153cdc] { position: relative; padding: 10px; box-sizing: border-box; background-color: rgb(255, 255, 255); width: 400px; border-radius: 20px; margin-bottom: 30px; box-shadow: rgb(51, 51, 51) 0px 0px 12px; } @media (max-width: 767px) { .notification[data-v-e9153cdc] { width: 100%; margin-bottom: 0px; padding-bottom: 30px; border-radius: 0px; } .notification .notification-close[data-v-e9153cdc] { display: none; } .notification:last-child .notification-close[data-v-e9153cdc] { display: block; } } .notification-image[data-v-e9153cdc] { margin-right: 10px; } .notification-image img[data-v-e9153cdc] { max-width: 60px; } .notification-message h3[data-v-e9153cdc] { margin: 5px 0px 0px; font-family: "Lilita One", cursive; font-size: 17px; line-height: normal; font-weight: 100; color: rgb(246, 159, 55); text-transform: uppercase; } .notification-message p[data-v-e9153cdc] { font-family: Lato, sans-serif; font-size: 16px; line-height: 20px; padding-bottom: 22px; color: rgb(40, 122, 132); } .notification-message p[data-v-e9153cdc] { margin: 0px; } .notification-cta-wrapper[data-v-e9153cdc] { text-align: center; } @media (min-width: 768px) { .notification-cta-wrapper[data-v-e9153cdc] { text-align: right; } } .notification-cta-button[data-v-e9153cdc] { color: rgb(255, 255, 255); background-color: rgb(74, 206, 95); font-family: "Lilita One", cursive; font-size: 17px; line-height: normal; font-weight: 100; border-radius: 30px; display: inline-block; padding: 10px 50px; text-decoration: none; text-transform: uppercase; } .notification-content[data-v-e9153cdc] { display: flex; } .notification-close[data-v-e9153cdc] { position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 50%); } @media (min-width: 768px) { .notification-close[data-v-e9153cdc] { inset: 0px -5px auto auto; transform: translateY(-35%); } } .notification-close[data-v-e9153cdc] { background-color: rgb(214, 69, 114); color: rgb(255, 255, 255); display: inline-block; height: 40px; width: 40px; border-radius: 50%; } .notification-close[data-v-e9153cdc]::after, .notification-close[data-v-e9153cdc]::before { content: ""; position: absolute; background-color: rgb(255, 255, 255); width: 60%; height: 5px; border-radius: 3px; display: block; left: 50%; top: 50%; } .notification-close[data-v-e9153cdc]::after { transform: translate(-50%, -50%) rotate(-45deg); transform-origin: center center; } .notification-close[data-v-e9153cdc]::before { transform: translate(-50%, -50%) rotate(45deg); } .notification-wrapper[data-v-27241428] { position: fixed; top: 40px; right: 40px; z-index: 10001; } @media (max-width: 767px) { .notification-wrapper[data-v-27241428] { left: 40px; } } #fasttrack-crm .selected-message { font-family: Lato, sans-serif; width: 100%; max-width: 100%; min-height: 40vh; height: 100%; max-height: 100%; background-color: rgb(255, 255, 255); position: relative; transition: 0.25s ease-in-out; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-radius: 6px; } #fasttrack-crm .selected-message.no-tab-bar { overflow: hidden; } #fasttrack-crm .selected-message .scroll-area { overflow-y: scroll; -webkit-box-flex: 1; flex-grow: 1; } #fasttrack-crm .selected-message .image { width: 100%; transition: 0.3s; background-color: rgb(238, 238, 238); } #fasttrack-crm .selected-message .image img { width: 100%; height: auto; display: block; opacity: 0; transition: 0.3s; } #fasttrack-crm .selected-message .image img.loaded { opacity: 1; } #fasttrack-crm .selected-message .image.no-tab-bar { border-top-left-radius: 6px; border-top-right-radius: 6px; } #fasttrack-crm .selected-message .title { color: rgb(0, 0, 0); font-size: 28px; font-weight: 900; display: block; margin: 10px 25px; text-align: left; } #fasttrack-crm .selected-message h1, #fasttrack-crm .selected-message h2, #fasttrack-crm .selected-message h3, #fasttrack-crm .selected-message h4, #fasttrack-crm .selected-message h5, #fasttrack-crm .selected-message h6 { font-family: Lato, sans-serif; color: rgb(0, 0, 0); font-weight: 600; margin-bottom: 0px; padding: 0px; } #fasttrack-crm .selected-message h2 { font-size: 21px; } #fasttrack-crm .selected-message h3 { font-size: 18px; } #fasttrack-crm .selected-message h4 { font-size: 16px; } #fasttrack-crm .selected-message h5, #fasttrack-crm .selected-message h6 { font-size: 12px; } #fasttrack-crm .selected-message .message-body { margin: 10px 25px; font-size: 14px; line-height: 1.4; color: rgb(51, 51, 51); text-align: left; } #fasttrack-crm .selected-message .message-body a { color: rgb(45, 114, 238); font-weight: 700; text-decoration: none; } #fasttrack-crm .selected-message .message-body a:hover { text-decoration: underline; } #fasttrack-crm .selected-message .message-body b { font-weight: 700; } #fasttrack-crm .selected-message .bottom-row { padding: 10px 0px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; } #fasttrack-crm .selected-message .buttons-row { margin: 0px 25px; display: flex; justify-content: space-around; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; } #fasttrack-crm .selected-message .buttons-row a { -webkit-box-flex: 1; flex-grow: 1; min-width: 25%; max-width: 48%; flex-basis: 200px; } #fasttrack-crm .selected-message .footer-text { font-size: 10px; color: rgb(84, 84, 84); margin: 0px auto; padding: 0px 25px 10px; text-align: center; } #fasttrack-crm .selected-message .bottom-info { font-size: 8px; color: rgb(84, 84, 84); padding: 10px 25px; margin: 20px 25px 0px; text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.1); } #fasttrack-crm .selected-message .bottom-info a { text-decoration: none; font-weight: 700; color: inherit; } #fasttrack-crm .selected-message .bottom-info a:hover { text-decoration: underline; } #fasttrack-crm .spinner { display: inline-block; position: relative; width: 64px; height: 64px; transform: scale(0.5); } #fasttrack-crm .spinner div { transform-origin: 32px 32px; animation: 1.2s linear 0s infinite normal none running spinner; } #fasttrack-crm .spinner div::after { content: " "; display: block; position: absolute; top: 3px; left: 29px; width: 5px; height: 14px; border-radius: 20%; background: rgb(0, 0, 0); } #fasttrack-crm .spinner div:first-child { transform: rotate(0deg); animation-delay: -1.1s; } #fasttrack-crm .spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; } #fasttrack-crm .spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; } #fasttrack-crm .spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; } #fasttrack-crm .spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; } #fasttrack-crm .spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; } #fasttrack-crm .spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; } #fasttrack-crm .spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; } #fasttrack-crm .spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; } #fasttrack-crm .spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; } #fasttrack-crm .spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; } #fasttrack-crm .spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; } @-webkit-keyframes spinner { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes spinner { 0% { opacity: 1; } 100% { opacity: 0; } } #fasttrack-crm .notification-small { box-sizing: border-box; font-family: Lato, sans-serif; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.2); background-color: rgb(255, 255, 255); margin-bottom: 15px; padding: 20px 20px 10px; position: relative; transition: 0.6s cubic-bezier(0.45, 0.05, 0.55, 0.95); display: flex; } #fasttrack-crm .notification-small .image-wrapper img { width: 100px; height: auto; display: block; margin-right: 10px; } #fasttrack-crm .notification-small .title { font-size: 20px; color: rgb(0, 0, 0); font-weight: 700; margin-bottom: 10px; } #fasttrack-crm .notification-small .preview { margin: 0px 0px 10px; padding: 3px 20px 10px 0px; display: block; min-height: 25px; font-size: 14px; line-height: 1.2; letter-spacing: -0.1px; color: rgb(0, 0, 0); } #fasttrack-crm .notification-small .preview a { color: rgb(45, 114, 238); } #fasttrack-crm .notification-small .show-message-button { background-color: rgb(14, 149, 67); border-radius: 4px; color: rgb(255, 255, 255); display: inline-block; padding: 15px 23px; text-transform: uppercase; font-size: 12px; cursor: pointer; position: relative; text-decoration: none; margin: 0px 10px 10px 0px; text-align: center; } #fasttrack-crm .notification-small .show-message-button:hover::before { background-color: rgba(0, 0, 0, 0.15); } #fasttrack-crm .notification-small .show-message-button::before { content: ""; position: absolute; inset: 0px; border-radius: 4px; transition: 0.2s linear; } #fasttrack-crm .notification-small .show-message-button.secondary { background-color: rgb(246, 205, 52); color: rgb(20, 17, 0); } #fasttrack-crm .notification-small-slide-in-enter, #fasttrack-crm .notification-small-slide-in-leave-to { opacity: 0; transform: translate(500px); } #fasttrack-crm .notification-small-slide-in-leave, #fasttrack-crm .notification-small-slide-in-leave-active, #fasttrack-crm .notification-small-slide-in-leave-to { transition: 0.2s; } #fasttrack-crm { z-index: 999999; } #fasttrack-crm .cta-button, #fasttrack-crm .inbox-wrapper { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } #fasttrack-crm .inbox-wrapper { font-family: Lato, sans-serif; background-color: rgba(0, 0, 0, 0.1); opacity: 1; transition: opacity 0.2s; position: fixed; inset: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; z-index: 999999; min-width: 100vw; min-height: 85vh; } #fasttrack-crm .inbox-wrapper.is-closed { opacity: 0; pointer-events: none; } #fasttrack-crm .inbox-wrapper * { box-sizing: border-box; -webkit-font-smoothing: antialiased; } #fasttrack-crm .inbox-wrapper-transition-enter-active, #fasttrack-crm .inbox-wrapper-transition-leave-active { transition: opacity 0.2s; } #fasttrack-crm .inbox-wrapper-transition-enter, #fasttrack-crm .inbox-wrapper-transition-leave-to { opacity: 0; } #fasttrack-crm .inbox { width: 95%; max-width: 600px; min-height: 200px; max-height: 96%; background-color: rgb(255, 255, 255); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px; z-index: 5000; position: relative; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 50px; margin-top: 10px; } @media (max-width: 768px) { #fasttrack-crm .inbox { height: fit-content; margin-bottom: 0px; } } #fasttrack-crm .inbox-navigation-bar { height: 55px; min-height: 55px; padding: 10px 30px 10px 10px; position: relative; -webkit-box-pack: justify; justify-content: space-between; border-radius: 6px 6px 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 0px 0px inset; z-index: 1; } #fasttrack-crm .inbox-navigation-bar, #fasttrack-crm .inbox-navigation-bar .logo { display: flex; -webkit-box-align: center; align-items: center; } #fasttrack-crm .inbox-navigation-bar .logo { width: 100px; height: 100%; } #fasttrack-crm .inbox-navigation-bar .logo img { max-height: 100%; height: auto; max-width: 100%; width: auto; display: inline-block; } #fasttrack-crm .inbox-navigation-bar h1.title { font-family: Lato, sans-serif; padding: 0px; font-size: 18px; font-weight: 900; color: rgb(51, 51, 51); } #fasttrack-crm .inbox-navigation-bar .contact-details { font-size: 8px; line-height: 1; color: rgb(0, 0, 0); text-align: right; width: 100px; } #fasttrack-crm .inbox-navigation-bar .contact-details a { text-decoration: none; color: inherit; } #fasttrack-crm .no-messages { height: 100%; max-height: calc(100% - 55px); fill: rgba(0, 0, 0, 0.3); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-top: 70px; margin-bottom: 70px; } #fasttrack-crm .no-messages span { font-size: 20px; line-height: 1.5; color: rgba(0, 0, 0, 0.3); max-width: 200px; text-align: center; } #fasttrack-crm .no-messages svg { width: 75px; height: auto; margin-bottom: 20px; fill: inherit; } #fasttrack-crm .no-messages svg g, #fasttrack-crm .no-messages svg g path { fill: inherit; } #fasttrack-crm .messages-list-wrapper { width: 100%; height: 100%; min-height: 60vh; overflow: hidden; border-radius: 0px 0px 6px 6px; max-height: calc(100% - 55px); position: relative; } #fasttrack-crm .messages-list { position: absolute; top: 0px; padding: 0px; margin: 0px; width: 100%; max-width: 600px; height: 100%; list-style-type: none; overflow-y: scroll; display: block; } #fasttrack-crm .message { cursor: pointer; position: relative; padding: 10px 20px 10px 30px; height: 100px; box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 0px 0px inset; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; } #fasttrack-crm .message:nth-child(2n+1) { background-color: rgba(0, 0, 0, 0.01); } #fasttrack-crm .message:hover { background-color: rgba(0, 0, 0, 0.05); } #fasttrack-crm .unread-badge { position: absolute; top: 35px; left: 10px; background-color: rgb(84, 128, 239); width: 10px; height: 10px; border-radius: 5px; } #fasttrack-crm h4.title { font-size: 16px; font-weight: 600; } #fasttrack-crm h4.title, #fasttrack-crm p.text { font-family: Lato, sans-serif; color: rgb(51, 51, 51); margin: 0px; padding: 0px; text-align: left; } #fasttrack-crm p.text { padding-top: 3px; padding-right: 20px; display: -webkit-box; max-width: 550px; min-height: 15px; max-height: 30px; font-size: 12px; line-height: 1.2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #fasttrack-crm p.date { font-family: Lato, sans-serif; padding: 0px; margin: 3px 0px 0px; color: rgb(84, 84, 84); font-size: 8px; text-align: left; } #fasttrack-crm .delete-button { cursor: pointer; position: absolute; top: 0px; right: 0px; fill: rgba(0, 0, 0, 0.1); width: 40px; height: 40px; } #fasttrack-crm .delete-button:hover { fill: rgba(0, 0, 0, 0.4); } #fasttrack-crm .delete-button svg { margin: 10px; width: 20px; height: 20px; fill: inherit; } #fasttrack-crm .delete-button svg g, #fasttrack-crm .delete-button svg g path { fill: inherit; } #fasttrack-crm .small-notifications-wrapper { box-sizing: border-box; position: fixed; padding: 0px 15px; right: 0px; top: 15px; width: 100%; max-width: 450px; overflow: hidden; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; z-index: 99999; text-align: left; } @media (max-width: 768px) { #fasttrack-crm .small-notifications-wrapper { max-width: none; } } #fasttrack-crm .pt-10 { padding-top: 10px; } #fasttrack-crm .ft-bonus { font-family: Lato, sans-serif; width: 48%; display: inline-block; margin-bottom: 20px; cursor: pointer; vertical-align: top; } #fasttrack-crm .ft-bonus img { width: 100%; display: block; } #fasttrack-crm .ft-bonus:nth-child(2n) { margin-left: 4%; } #fasttrack-crm .ft-bonus:hover { transform: scale(1.05); transition: 0.1s linear; } #fasttrack-crm .ft-bonus h4.title { font-family: Lato, sans-serif; margin: 0px; font-size: 14px; line-height: 18px; text-align: center; padding: 5px; font-weight: 800; } #fasttrack-crm .ft-bonus p.date { font-family: Lato, sans-serif; margin: 0px; font-size: 10px; line-height: 10px; text-align: center; color: rgba(51, 51, 51, 0.6); } #fasttrack-crm .error-message-wrapper { background-color: rgb(185, 42, 42); color: rgba(0, 0, 0, 0.6); position: absolute; top: 0px; left: 0px; right: 0px; padding: 10px; transition: 0.5s ease-in-out; font-size: 12px; } #fasttrack-crm .slide-enter-to, #fasttrack-crm .slide-leave { margin-top: 0px; } #fasttrack-crm .slide-enter, #fasttrack-crm .slide-leave-to { margin-top: -100px; } #fasttrack-crm .selected-bonus { font-family: Lato, sans-serif; width: 100%; max-width: 100%; min-height: 40vh; height: 100%; max-height: 100%; background-color: rgb(255, 255, 255); position: relative; transition: 0.25s ease-in-out; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; overflow: hidden; border-radius: 0px 0px 6px 6px; } #fasttrack-crm .selected-bonus .scroll-area { overflow-y: auto; -webkit-box-flex: 1; flex-grow: 1; padding-bottom: 50px; } #fasttrack-crm .selected-bonus .image { width: 100%; transition: 0.3s; background-color: rgb(238, 238, 238); } #fasttrack-crm .selected-bonus .image img { width: 100%; height: auto; display: block; opacity: 0; transition: 0.3s; } #fasttrack-crm .selected-bonus .image img.loaded { opacity: 1; } #fasttrack-crm .selected-bonus .date { font-family: Lato, sans-serif; font-size: 10px; display: block; margin: 10px 25px 0px; text-align: center; color: rgba(51, 51, 51, 0.6); } #fasttrack-crm .selected-bonus .title { font-size: 28px; line-height: 28px; font-weight: 800; } #fasttrack-crm .selected-bonus .description, #fasttrack-crm .selected-bonus .title { font-family: Lato, sans-serif; color: rgb(0, 0, 0); display: block; margin: 5px 25px 10px; text-align: center; } #fasttrack-crm .selected-bonus .description { font-size: 14px; font-weight: 300; } #fasttrack-crm .selected-bonus .wysiwyg * { font-family: Lato, sans-serif; } #fasttrack-crm .selected-bonus .wysiwyg ul li { text-align: left; } #fasttrack-crm .selected-bonus .wysiwyg h1, #fasttrack-crm .selected-bonus .wysiwyg h2, #fasttrack-crm .selected-bonus .wysiwyg h3, #fasttrack-crm .selected-bonus .wysiwyg h4, #fasttrack-crm .selected-bonus .wysiwyg h5, #fasttrack-crm .selected-bonus .wysiwyg h6 { font-family: Lato, sans-serif; color: rgb(0, 0, 0); font-weight: 600; margin-bottom: 0px; padding: 0px; } #fasttrack-crm .selected-bonus .wysiwyg h2 { font-size: 21px; } #fasttrack-crm .selected-bonus .wysiwyg h3 { font-size: 18px; } #fasttrack-crm .selected-bonus .wysiwyg h4 { font-size: 16px; } #fasttrack-crm .selected-bonus .wysiwyg h5, #fasttrack-crm .selected-bonus .wysiwyg h6 { font-size: 12px; } #fasttrack-crm .selected-bonus .terms-header { text-align: center; margin: 0px; font-size: 12px; } #fasttrack-crm .selected-bonus .terms { margin: 0px 25px 10px; font-size: 10px; line-height: 1.4; color: rgb(51, 51, 51); text-align: center; } #fasttrack-crm .selected-bonus .terms a { color: rgb(45, 114, 238); font-weight: 700; text-decoration: none; } #fasttrack-crm .selected-bonus .terms a:hover { text-decoration: underline; } #fasttrack-crm .selected-bonus .terms b { font-weight: 700; } #fasttrack-crm .selected-bonus .buttons-row { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; } #fasttrack-crm .selected-bonus .scroll-gradient { position: absolute; left: 0px; right: 0px; top: -40px; height: 40px; width: 100%; background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255)); } #fasttrack-crm .selected-bonus .cta-button { font-family: Lato, sans-serif; cursor: pointer; text-transform: uppercase; font-size: 14px; font-weight: 700; background-color: rgb(14, 149, 67); color: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.3) -2px -2px 0px inset; display: inline-block; padding: 15px; text-decoration: none; outline: none; border: 0px; margin: 15px; position: relative; text-align: center; min-width: 130px; -webkit-font-smoothing: antialiased; } #fasttrack-crm .selected-bonus .cta-button.secondary { color: rgb(0, 0, 0); background-color: rgb(246, 205, 52); } #fasttrack-crm .selected-bonus .cta-button.loading { background-color: rgb(215, 215, 215); } #fasttrack-crm .selected-bonus .cta-button:hover::before { background-color: rgba(0, 0, 0, 0.15); } #fasttrack-crm .selected-bonus .cta-button::before { content: ""; position: absolute; inset: 0px; border-radius: 4px; transition: 0.2s linear; } #fasttrack-crm .overlay-fog { background-color: rgba(0, 0, 0, 0.8); position: fixed; inset: 0px; z-index: 1000; } #fasttrack-crm .hidden { opacity: 0; } #fasttrack-crm .pending-bonuses-wrapper { font-family: Lato, sans-serif; background-color: rgba(0, 0, 0, 0.1); position: fixed; inset: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; z-index: 999999; min-width: 100vw; min-height: 85vh; } #fasttrack-crm .pending-bonuses-wrapper * { box-sizing: border-box; -webkit-font-smoothing: antialiased; } #fasttrack-crm .pending-bonuses-wrapper-transition-enter-active, #fasttrack-crm .pending-bonuses-wrapper-transition-leave-active { transition: opacity 0.2s; } #fasttrack-crm .pending-bonuses-wrapper-transition-enter, #fasttrack-crm .pending-bonuses-wrapper-transition-leave-to { opacity: 0; } #fasttrack-crm .pending-bonuses { width: 95%; max-width: 600px; min-height: 200px; max-height: 96%; background-color: rgb(255, 255, 255); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px; z-index: 5000; position: relative; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 50px; margin-top: 10px; } @media (max-width: 768px) { #fasttrack-crm .pending-bonuses { height: 100vh; margin-bottom: 0px; } } #fasttrack-crm .pending-bonuses-navigation-bar { min-height: 55px; padding: 10px 17px; position: relative; -webkit-box-pack: justify; justify-content: space-between; border-radius: 6px 6px 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 0px 0px inset; z-index: 1; } #fasttrack-crm .pending-bonuses-navigation-bar, #fasttrack-crm .pending-bonuses-navigation-bar .logo { display: flex; -webkit-box-align: center; align-items: center; } #fasttrack-crm .pending-bonuses-navigation-bar .logo { width: 100px; height: 100%; max-height: 50px; } #fasttrack-crm .pending-bonuses-navigation-bar .logo img { max-height: 50px; height: auto; max-width: 100%; width: auto; display: inline-block; } #fasttrack-crm .pending-bonuses-navigation-bar h1.title { margin: 0px; font-family: Lato, sans-serif; padding: 0px; font-size: 18px; font-weight: 900; color: rgb(51, 51, 51); text-align: center; } #fasttrack-crm .pending-bonuses-navigation-bar h2.sub-title { margin: 5px 0px 0px; font-family: Lato, sans-serif; padding: 0px; font-size: 12px; font-weight: 600; color: rgb(51, 51, 51); text-align: center; } #fasttrack-crm .pending-bonuses-navigation-bar .contact-details { font-size: 8px; line-height: 1; color: rgb(0, 0, 0); text-align: right; width: 100px; } #fasttrack-crm .pending-bonuses-navigation-bar .contact-details a { text-decoration: none; color: inherit; } #fasttrack-crm .spinner-wrapper { width: 100%; -webkit-box-orient: horizontal; flex-direction: row; } #fasttrack-crm .no-bonuses, #fasttrack-crm .spinner-wrapper { height: 100%; max-height: calc(100% - 55px); display: flex; -webkit-box-direction: normal; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } #fasttrack-crm .no-bonuses { fill: rgba(0, 0, 0, 0.3); -webkit-box-orient: vertical; flex-direction: column; margin-top: 70px; margin-bottom: 70px; } #fasttrack-crm .no-bonuses span { font-size: 20px; line-height: 1.5; color: rgba(0, 0, 0, 0.3); max-width: 200px; text-align: center; } #fasttrack-crm .no-bonuses svg { width: 75px; height: auto; margin-bottom: 20px; fill: inherit; } #fasttrack-crm .no-bonuses svg g, #fasttrack-crm .no-bonuses svg g path { fill: inherit; } #fasttrack-crm .close-btn { font-family: Lato, sans-serif; position: absolute; top: 0px; right: 0px; margin-right: -7px; margin-top: -7px; cursor: pointer; background-color: rgb(255, 255, 255); border-radius: 100%; width: 32px; height: 32px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px; transition: 0.1s ease-in-out; z-index: 500; } #fasttrack-crm .close-btn::after, #fasttrack-crm .close-btn::before { content: ""; position: absolute; top: 9px; left: 15px; width: 2px; height: 15px; border-radius: 2px; background-color: rgb(51, 51, 51); transform: rotate(45deg); } #fasttrack-crm .close-btn::after { transform: rotate(-45deg); } #fasttrack-crm .close-btn:hover { transform: scale(1.1); } #fasttrack-crm .back-button { cursor: pointer; border-radius: 2px; height: 24px; padding: 0px 10px 0px 18px; position: relative; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-size: 14px; line-height: 1; font-weight: 900; color: rgb(0, 0, 0); } #fasttrack-crm .back-button::after, #fasttrack-crm .back-button::before { content: ""; position: absolute; background-color: rgb(0, 0, 0); left: 8px; top: 50%; margin-top: -6px; width: 2px; height: 7px; border-radius: 1px; transform: rotate(30deg); } #fasttrack-crm .back-button::after { margin-top: -1px; transform: rotate(-30deg); } #fasttrack-crm .bonuses-list-wrapper { width: 100%; height: 100%; min-height: 60vh; overflow: hidden; border-radius: 0px 0px 6px 6px; max-height: calc(100% - 55px); position: relative; } #fasttrack-crm .bonuses-list { position: absolute; top: 0px; padding: 30px; margin: 0px; width: 100%; max-width: 600px; height: 100%; list-style-type: none; overflow: hidden scroll; text-align: left; } #fasttrack-crm .cta-button { font-family: Lato, sans-serif; cursor: pointer; text-transform: uppercase; font-size: 14px; font-weight: 700; background-color: rgb(14, 149, 67); color: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.3) -2px -2px 0px inset; display: inline-block; padding: 15px; margin-bottom: 10px; text-decoration: none; outline: none; border: 0px; position: relative; text-align: center; min-width: 130px; -webkit-font-smoothing: antialiased; } #fasttrack-crm .cta-button.secondary { color: rgb(0, 0, 0); background-color: rgb(246, 205, 52); } #fasttrack-crm .cta-button.loading { background-color: rgb(215, 215, 215); } #fasttrack-crm .cta-button:hover::before { background-color: rgba(0, 0, 0, 0.15); } #fasttrack-crm .cta-button::before { content: ""; position: absolute; inset: 0px; border-radius: 4px; transition: 0.2s linear; } @charset "utf-8"; html[class*="is-web"] .Toastify__toast-container:has(.toast-notification-message-wrapper) { --toastify-toast-width: 510px; } html[class*="is-web"] .layout-bc.hasLeftMenu .Toastify__toast-container:has(.toast-notification-message-wrapper) { --toastify-toast-top: var(--desktop-header-height); } html[class*="is-web"] .layout-bc:not(.hasLeftMenu) .Toastify__toast-container:has(.toast-notification-message-wrapper) { --toastify-toast-top: calc(var(--desktop-header-height) + var(--desktop-nav-height)); } .Toastify__toast-theme--colored.Toastify__toast--info.toast-notification-message-wrapper { background: rgba(var(--b), var(--fds-ref-alpha-100)); border-radius: var(--fds-ref-radius-large); border: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) rgba(var(--b-sc), var(--fds-ref-alpha-12)); padding: var(--fds-ref-spacing-large); } .toast-notification-wrapper { flex-direction: column; display: flex; } [class*="is-web"] .toast-notification-wrapper { gap: var(--fds-ref-spacing-large); } [class*="is-mobile"] .toast-notification-wrapper { padding-bottom: var(--fds-ref-spacing-xlarge); gap: var(--fds-ref-spacing-6xlarge); } .toast-notification-content { display: flex; } [class*="is-web"] .toast-notification-content { gap: var(--fds-ref-spacing-xsmall); } [class*="is-mobile"] .toast-notification-content { padding-top: var(--fds-ref-spacing-6xlarge); align-items: center; gap: var(--fds-ref-spacing-small); flex-direction: column; } [class*="is-web"] .toast-notification-image { width: 48px; height: 48px; } [class*="is-mobile"] .toast-notification-image { width: 56px; height: 56px; } .toast-notification-text { gap: var(--fds-ref-spacing-3xsmall); color: rgba(var(--b-sc), var(--fds-ref-alpha-100)); flex-direction: column; display: flex; } [class*="is-mobile"] .toast-notification-text { text-align: center; } .toast-notification-description { color: rgba(var(--b-sc), var(--fds-ref-alpha-56)); } .toast-notification-actions { gap: var(--fds-ref-spacing-xsmall); } [class*="is-web"] .toast-notification-actions { justify-content: flex-end; align-items: center; display: flex; } [class*="is-mobile"] .toast-notification-actions { grid-template-columns: repeat(2, 1fr); display: grid; } @charset "utf-8"; @charset "utf-8"; .validation-content { color: rgba(var(--b-sc), .9); word-break: break-all; background: rgba(var(--b-sc), .1); border-radius: var(--border-radius); margin-top: 2px; padding: 16px; font-size: 12px; line-height: 18px; } .validation-content .valid { background: rgb(16, 145, 33); } .validation-content .invalid { background: rgba(var(--b-sc), .3); } .validation-content .bc-i-checked { color: rgb(16, 145, 33); } .validation-message-content { margin-bottom: 16px; display: flex; } .validation-message { margin-bottom: 16px; font-weight: 700; } .validation-message + .validation-check-info { margin-top: 2px; } .validation-progress { border-radius: var(--border-radius); background: rgba(0, 12, 36, 0.3); width: 38px; height: 2px; } .validation-progress + .validation-progress { margin-inline-start: 2px; } .validation-check-info { align-items: center; display: flex; } .validation-check-info + .validation-check-info { margin-top: 2px; } .validation-marker { justify-content: center; align-items: center; width: 12px; height: 12px; margin-inline-end: 8px; display: flex; } .validation-check-marker.invalid { border-radius: 50%; width: 6px; height: 6px; } @charset "utf-8"; .fastex-wallet-banner { gap: 10px; grid-template-columns: repeat(auto-fit, minmax(156px, 1fr)); display: grid; } .fastex-wallet-banner .sdr-item-holder-bc { width: 100%; padding: 0px; } .fastex-wallet-banner .sdr-image-bc { border-radius: var(--border-radius); } .sdr-item-holder-bc { cursor: pointer; } .reg-via-wallet .fastex-wallet-banner, .login .fastex-wallet-banner { margin-top: 10px; } .deposit-wallet .fastex-wallet-banner { margin-top: 15px; } [class*="is-web"] .registration .fastex-wallet-banner, [class*="is-web"] .login .fastex-wallet-banner { margin-inline: auto; max-width: 370px; margin-bottom: 10px; } [class*="is-mobile"] .registration .fastex-wallet-banner { margin-bottom: 10px; } [class*="is-mobile"] .connect-to-wallet .fastex-wallet-banner { margin-top: 15px; } @charset "utf-8"; .description-container-bc { width: 100%; } .description-c-row-bc { display: flex; } .description-c-row-column-bc.pay-logo { align-items: center; display: flex; } .description-c-row-column-bc.pay-logo > img { display: block; } .description-c-row-c-title-bc { color: rgba(var(--b-sc), .4); justify-content: space-between; font-size: 12px; display: flex; } .description-c-r-c-t-column-bc { display: flex; } .description-c-r-c-t-column-bc .description-title { color: rgba(var(--b-sc), .6); text-transform: capitalize; font-size: 12px; } .description-c-r-c-t-column-bc .description-value { color: rgba(var(--b-sc), .9); } [dir="rtl"] .description-c-r-c-t-column-bc .description-value { text-align: end; direction: ltr; } [class*="is-web"] .description-c-r-c-t-column-bc .description-value { margin-top: 5px; } .deposit-wallet-q-code { text-align: center; flex-direction: column; align-items: center; margin-top: 15px; margin-bottom: 15px; display: flex; } .deposit-wallet-q-code > svg { border-radius: var(--border-radius); background: rgb(255, 255, 255); width: 120px; height: 120px; padding: 5px; } .deposit-wallet-q-code > svg + .to-address { margin-top: 10px; } .deposit-wallet-q-code .to-address { word-break: break-all; color: rgba(var(--b-sc), .7); user-select: text; font-size: 14px; line-height: 18px; } .deposit-wallet-q-code a { margin-top: 20px; } .deposit-wallet-title { color: rgba(var(--b-sc), 1); font-size: 14px; } .deposit-wallet-field { margin-top: 10px; position: relative; } .deposit-wallet-field .form-control-label-bc.inputs { height: 48px; } .deposit-wallet-field .wallet-icons { background: rgba(var(--b-sc), .05); } .deposit-wallet-field .bc-i-copy-icon { color: rgba(var(--b-sc), .7); } .deposit-wallet-field .bc-i-copy-icon.bc-i-checked { color: rgba(var(--oc-1), 1); } .deposit-wallet-field .bc-i-copy-icon { transition: var(--default-transition-duration); } @media (hover: hover) { .deposit-wallet-field .bc-i-copy-icon:hover { color: rgba(var(--b-sc), 1); cursor: pointer; background: 0px 0px; } } @media not all and (hover: hover) { .deposit-wallet-field .bc-i-copy-icon:active { color: rgba(var(--b-sc), 1); background: 0px 0px; } } .deposit-wallet-field .c-info-icon-bc { margin-top: 5px; margin-bottom: 10px; } .c-info-copy-text { margin-inline-start: 5px; color: rgba(var(--b-sc), .6); margin-top: 5px; font-size: 12px; } .expired-address-title { padding-top: 5px; padding-bottom: 5px; color: rgb(255, 255, 255); background: red; margin-bottom: 20px; padding-inline-start: 5px; } .expired-address { flex-direction: column; margin-top: 30px; margin-bottom: 30px; display: flex; } .expired-address i { text-align: center; color: red; font-size: 100px; } .expired-address-text { margin-top: 20px; font-size: 12px; } .amount-value-item { color: rgba(var(--b-sc), .9); align-items: center; margin-top: 2px; font-size: 14px; display: flex; } .amount-value-item span + span { margin-inline-start: 3px; } .depositInfoSection { flex-direction: column; gap: 4px; margin-top: 4px; font-size: 12px; display: flex; } [class*="is-web"] .depositInfoSection { max-width: 370px; } .depositInfoItem { align-items: center; display: flex; } .depositInfoTitle { flex: 1 1 auto; } .depositInfoTitle, .depositInfoCurrency { color: rgba(var(--b-sc), .6); } .depositInfoAmount { color: rgba(var(--b-sc), .9); } .payment-info-bc { user-select: text; } .payment-info-bc .sdr-item-holder-bc-text { margin-bottom: 10px; } .payment-info-bc.isLoading { position: relative; } .payment-info-bc.isLoading .payment-info-content { filter: blur(2px); transition: filter var(--default-transition-duration) ease; pointer-events: none; } .paymentMethodLoader { background: rgba(var(--b), .7); z-index: 1; position: absolute; } .dep-w-info-bc .m-block-nav-items-bc { gap: 10px; text-align: center; grid-template-rows: auto; grid-template-columns: repeat(auto-fill, minmax(108px, 1fr)); width: 100%; display: grid; } .dep-w-info-bc .m-nav-items-list-item-bc { width: 100%; color: rgba(var(--b-sc), .6); background: rgba(var(--b-sc), .1); border-radius: var(--border-radius); transition: background-color var(--default-transition-duration), color var(--default-transition-duration); padding-inline: 10px; } .dep-w-info-bc .nav-ico-w-row-bc { justify-content: center; align-items: center; width: 100%; height: 56px; display: flex; position: relative; } .dep-w-info-bc .nav-ico-w-row-bc:not(:only-child) { box-shadow: inset 0 -1px 0 rgba(var(--b), 1); } .dep-w-info-bc .m-nav-icon-bc { font-size: 24px; line-height: 26px; } .dep-w-info-bc .m-nav-list-item-title-bc { word-break: break-word; justify-content: center; align-items: center; width: 100%; min-height: 42px; padding: 4px 0px; font-size: 12px; line-height: 14px; display: flex; } .paymentBadgeBlock { pointer-events: none; z-index: 10; position: absolute; top: -4px; } [dir="ltr"] .paymentBadgeBlock { left: 4px; } [dir="rtl"] .paymentBadgeBlock { right: 4px; } [class*="is-web"] .paymentBadgeBlock, [class*="is-mobile"] .paymentBadgeBlock { max-width: 80px; } .paymentBadgeBlock::after { content: attr(data-badge); text-align: start; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase; font-size: 8px; display: block; overflow: hidden; } [class*="is-web"] .paymentBadgeBlock::after { padding: 4px; } [class*="is-mobile"] .paymentBadgeBlock::after { padding: 2px 4px; } .paymentBadgeBlock::before { content: ""; border-top: 4px solid rgba(0, 0, 0, 0); width: 0px; height: 0px; display: block; position: absolute; top: 0px; } [dir="ltr"] .paymentBadgeBlock::before { left: -8px; } [dir="rtl"] .paymentBadgeBlock::before { right: -8px; } .paymentBadgeBlock.badge-featured::after { color: rgb(255, 255, 255); background: rgb(195, 145, 10); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px; } .paymentBadgeBlock.badge-featured::before { border-inline-end: 8px solid rgba(195, 145, 10, 0.6); } .paymentBadgeBlock.badge-popular::after { color: rgb(255, 255, 255); background: rgb(213, 16, 130); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px; } .paymentBadgeBlock.badge-popular::before { border-inline-end: 8px solid rgba(213, 16, 130, 0.6); } .paymentBadgeBlock.badge-new::after { color: rgb(255, 255, 255); background: rgb(227, 32, 32); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px; } .paymentBadgeBlock.badge-new::before { border-inline-end: 8px solid rgba(227, 32, 32, 0.6); } .paymentBadgeBlock.badge-recommended::after { color: rgb(255, 255, 255); background: rgb(83, 147, 79); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px; } .paymentBadgeBlock.badge-recommended::before { border-inline-end: 8px solid rgba(83, 147, 79, 0.6); } .paymentBadgeBlock.badge-fastest::after { color: rgb(255, 255, 255); background: rgb(16, 119, 195); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px; } .paymentBadgeBlock.badge-fastest::before { border-inline-end: 8px solid rgba(16, 119, 195, 0.6); } .paymentBadgeBlock.badge-instant::after { color: rgb(255, 255, 255); background: rgb(112, 0, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px; } .paymentBadgeBlock.badge-instant::before { border-inline-end: 8px solid rgba(112, 0, 255, 0.6); } .paymentBadgeBlock.badge-one-click::after { color: rgb(255, 255, 255); background: rgb(73, 85, 126); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px; } .paymentBadgeBlock.badge-one-click::before { border-inline-end: 8px solid rgba(73, 85, 126, 0.6); } @charset "utf-8"; .react-datepicker-wrapper, .react-datepicker__input-container { width: 100%; display: block; } .react-datepicker__input-container .form-control-input-bc:read-only { color: rgba(var(--b-sc), .9); background: rgba(var(--b-sc), .15); } .react-datepicker__input-container .form-control-input-bc:read-only ~ .form-control-title-bc { color: rgba(var(--b-sc), .4); } .react-datepicker__input-container .form-control-input-bc:read-only::placeholder { color: rgba(var(--b-sc), .9); } .react-datepicker__current-month.react-datepicker__current-month--hasYearDropdown.react-datepicker__current-month--hasMonthDropdown { display: none; } .react-datepicker__tab-loop .react-datepicker { background: rgba(var(--b), 1); border-color: rgba(var(--b-sc), .3); border-radius: var(--border-radius); } .react-datepicker__tab-loop .react-datepicker-popper { z-index: 2; } .react-datepicker__tab-loop .react-datepicker__header { background: rgba(var(--b-sc), .1); border-bottom-color: rgba(var(--b-sc), .1); border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); } .react-datepicker__tab-loop select { height: 28px; color: rgba(var(--b-sc), .7); background: rgba(var(--b-sc), .15); border-radius: var(--border-radius); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px 4px; } .react-datepicker__tab-loop .react-datepicker__navigation { top: 6px; } .react-datepicker__tab-loop .react-datepicker__month-read-view--down-arrow, .react-datepicker__tab-loop .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__tab-loop .react-datepicker__navigation-icon::before, .react-datepicker__tab-loop .react-datepicker__year-read-view--down-arrow { border-color: rgba(var(--b-sc), .3); } .react-datepicker__tab-loop .react-datepicker__navigation--next { border-left-color: rgba(var(--b-sc), .3); } .react-datepicker__tab-loop .react-datepicker__day-name, .react-datepicker__tab-loop .react-datepicker__day, .react-datepicker__tab-loop .react-datepicker__time-name { color: rgba(var(--b-sc), 1); } .react-datepicker__tab-loop .react-datepicker__day--disabled, .react-datepicker__tab-loop .react-datepicker__month-text--disabled, .react-datepicker__tab-loop .react-datepicker__quarter-text--disabled, .react-datepicker__tab-loop .react-datepicker__year-text--disabled { color: rgba(var(--b-sc), .4); } .react-datepicker__tab-loop .react-datepicker__day--selected, .react-datepicker__tab-loop .react-datepicker__day--in-selecting-range, .react-datepicker__tab-loop .react-datepicker__day--in-range, .react-datepicker__tab-loop .react-datepicker__month-text--selected, .react-datepicker__tab-loop .react-datepicker__month-text--in-selecting-range, .react-datepicker__tab-loop .react-datepicker__month-text--in-range, .react-datepicker__tab-loop .react-datepicker__quarter-text--selected, .react-datepicker__tab-loop .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__tab-loop .react-datepicker__quarter-text--in-range, .react-datepicker__tab-loop .react-datepicker__year-text--selected, .react-datepicker__tab-loop .react-datepicker__year-text--in-selecting-range, .react-datepicker__tab-loop .react-datepicker__year-text--in-range, .react-datepicker__tab-loop .react-datepicker__day--keyboard-selected, .react-datepicker__tab-loop .react-datepicker__month-text--keyboard-selected, .react-datepicker__tab-loop .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__tab-loop .react-datepicker__year-text--keyboard-selected { color: rgba(var(--hero-sc), 1); background: rgba(var(--hero), 1); } .react-datepicker__tab-loop .react-datepicker__day:hover { color: rgba(var(--hero-sc), 1); } .react-datepicker__tab-loop .react-datepicker__day--selected:hover { color: rgba(var(--hero-sc), 1); background: rgba(var(--hero), 1); } [class*="is-web"] .react-datepicker .react-datepicker__day:hover, [class*="is-web"] .react-datepicker .react-datepicker__month-text:hover, [class*="is-web"] .react-datepicker .react-datepicker__quarter-text:hover, [class*="is-web"] .react-datepicker .react-datepicker__year-text:hover { background-color: rgba(var(--b-sc), .5); } [class*="is-web"] .react-datepicker__day--keyboard-selected.react-datepicker__day--today:hover, [class*="is-web"] .react-datepicker__month-text--keyboard-selected:hover, [class*="is-web"] .react-datepicker__quarter-text--keyboard-selected:hover, [class*="is-web"] .react-datepicker__year-text--keyboard-selected:hover { color: rgba(var(--hero-sc), 1); background-color: rgba(var(--hero), 1); } [dir="rtl"] .react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, [dir="rtl"] .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle { left: 50px; right: auto; } .react-datepicker-web { align-items: center; display: flex; } .react-datepicker-web .multi-select-label-bc { padding: 8px; } .react-datepicker-web > i { text-align: center; width: 28px; height: 28px; color: rgba(var(--b-sc), .3); cursor: pointer; flex-shrink: 0; line-height: 28px; } [dir="rtl"] .react-datepicker-web > i.bc-i-small-arrow-left, [dir="rtl"] .react-datepicker-web > i.bc-i-small-arrow-right { transform: rotate(180deg); } .react-datepicker-web > i:first-child { margin-inline-end: auto; } .react-datepicker-web > i:last-child { margin-inline-start: auto; } .react-datepicker-web .form-control-bc + .form-control-bc { margin-inline-start: 4px; } .react-datepicker-months { width: 109px; } .react-datepicker-years { width: 78px; } .react-datepicker__week .react-datepicker__day--outside-month { opacity: 0; pointer-events: none; } .e-sports .react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .e-sports .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle, .messageBoxWrapper-bc .react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .messageBoxWrapper-bc .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle { left: auto !important; transform: none !important; } [dir="ltr"] .e-sports .react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, [dir="ltr"] .e-sports .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle, [dir="ltr"] .messageBoxWrapper-bc .react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, [dir="ltr"] .messageBoxWrapper-bc .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle { right: 24px !important; } [dir="rtl"] .e-sports .react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, [dir="rtl"] .e-sports .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle, [dir="rtl"] .messageBoxWrapper-bc .react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, [dir="rtl"] .messageBoxWrapper-bc .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle { left: 24px !important; } .dropdownIcon-bc { color: rgba(var(--b-sc), .8); font-size: 20px; position: absolute; top: 50%; transform: translateY(-50%); } [dir="ltr"] .dropdownIcon-bc { right: 14px; } [dir="rtl"] .dropdownIcon-bc { left: 14px; } .react-datepicker__day-names .react-datepicker__day-name, .react-datepicker__day-names .react-datepicker__day, .react-datepicker__day-names .react-datepicker__time-name, .react-datepicker__week .react-datepicker__day-name, .react-datepicker__week .react-datepicker__day, .react-datepicker__week .react-datepicker__time-name { width: 1.63rem; line-height: 1.63rem; } html[lang="ar"] .react-datepicker__day-names .react-datepicker__day-name, html[lang="ar"] .react-datepicker__day-names .react-datepicker__day, html[lang="ar"] .react-datepicker__day-names .react-datepicker__time-name, html[lang="ar"] .react-datepicker__week .react-datepicker__day-name, html[lang="ar"] .react-datepicker__week .react-datepicker__day, html[lang="ar"] .react-datepicker__week .react-datepicker__time-name { justify-content: center; align-items: center; width: 1.9rem; display: inline-flex; } [class*="is-web"] .react-datepicker__month { padding-bottom: 32px; } [class*="is-mobile"] .react-datepicker__month { padding-bottom: 28px; } .datePickerButtons { gap: 10px; display: flex; position: absolute; bottom: 6px; } [dir="ltr"] .datePickerButtons { left: 10px; } [dir="rtl"] .datePickerButtons { right: 10px; } [class*="is-mobile"] .datePickerButtons .btn.s-small { height: 26px; } .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before { content: ""; border-style: solid; border-color: rgb(204, 204, 204); border-image: none; border-width: 3px 3px 0px 0px; width: 9px; height: 9px; display: block; position: absolute; top: 6px; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle { width: 0px; margin-left: -4px; position: absolute; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after { box-sizing: content-box; content: ""; z-index: -1; border: 8px solid rgba(0, 0, 0, 0); width: 1px; height: 0px; position: absolute; left: -8px; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { border-bottom-color: rgb(174, 174, 174); } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle { margin-top: -8px; top: 0px; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-bottom-color: rgb(240, 240, 240); } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after { top: 0px; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { border-bottom-color: rgb(174, 174, 174); top: -1px; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle { margin-bottom: -8px; bottom: 0px; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after { border-top-color: rgb(255, 255, 255); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after { bottom: 0px; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before { border-top-color: rgb(174, 174, 174); bottom: -1px; } .react-datepicker-wrapper { border: 0px; width: 100%; padding: 0px; display: inline-block; } .react-datepicker { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border: 1px solid rgb(174, 174, 174); border-radius: 0.3rem; font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-size: 0.8rem; display: inline-block; position: relative; } .react-datepicker--time-only .react-datepicker__triangle { left: 35px; } .react-datepicker--time-only .react-datepicker__time-container { border-left: 0px; } .react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box { border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .react-datepicker__triangle { position: absolute; left: 50px; } .react-datepicker-popper { z-index: 1; } .react-datepicker-popper[data-placement^="bottom"] { padding-top: 10px; } .react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle { left: auto; right: 50px; } .react-datepicker-popper[data-placement^="top"] { padding-bottom: 10px; } .react-datepicker-popper[data-placement^="right"] { padding-left: 8px; } .react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle { left: auto; right: 42px; } .react-datepicker-popper[data-placement^="left"] { padding-right: 8px; } .react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle { left: 42px; right: auto; } .react-datepicker__header { text-align: center; background-color: rgb(240, 240, 240); border-bottom: 1px solid rgb(174, 174, 174); border-top-left-radius: 0.3rem; padding: 8px 0px; position: relative; } .react-datepicker__header--time { padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } .react-datepicker__header--time:not(.react-datepicker__header--time--only) { border-top-left-radius: 0px; } .react-datepicker__header:not(.react-datepicker__header--has-time-select) { border-top-right-radius: 0.3rem; } .react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll { margin: 0px 2px; display: inline-block; } .react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header { color: rgb(0, 0, 0); margin-top: 0px; font-size: 0.944rem; font-weight: 700; } .react-datepicker-time__header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .react-datepicker__navigation { text-align: center; cursor: pointer; z-index: 1; text-indent: -999em; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; width: 32px; height: 32px; padding: 0px; display: flex; position: absolute; top: 2px; overflow: hidden; } .react-datepicker__navigation--previous { left: 2px; } .react-datepicker__navigation--next { right: 2px; } .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 85px; } .react-datepicker__navigation--years { margin-left: auto; margin-right: auto; display: block; position: relative; top: 0px; } .react-datepicker__navigation--years-previous { top: 4px; } .react-datepicker__navigation--years-upcoming { top: -4px; } .react-datepicker__navigation:hover ::before { border-color: rgb(166, 166, 166); } .react-datepicker__navigation-icon { width: 0px; font-size: 20px; position: relative; top: -1px; } .react-datepicker__navigation-icon--next { left: -2px; } .react-datepicker__navigation-icon--next::before { left: -7px; transform: rotate(45deg); } .react-datepicker__navigation-icon--previous { right: -2px; } .react-datepicker__navigation-icon--previous::before { right: -7px; transform: rotate(225deg); } .react-datepicker__month-container { float: left; } .react-datepicker__year { text-align: center; margin: 0.4rem; } .react-datepicker__year-wrapper { flex-wrap: wrap; max-width: 180px; display: flex; } .react-datepicker__year .react-datepicker__year-text { width: 4rem; margin: 2px; display: inline-block; } .react-datepicker__month { text-align: center; margin: 0.4rem; } .react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text { width: 4rem; margin: 2px; display: inline-block; } .react-datepicker__input-time-container { clear: both; float: left; text-align: left; width: 100%; margin: 5px 0px 10px 15px; } .react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container { display: inline-block; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input { margin-left: 10px; display: inline-block; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input { width: auto; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button { appearance: none; margin: 0px; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button { appearance: none; margin: 0px; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] { } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter { margin-left: 5px; display: inline-block; } .react-datepicker__time-container { float: right; border-left: 1px solid rgb(174, 174, 174); width: 85px; } .react-datepicker__time-container--with-today-button { border: 1px solid rgb(174, 174, 174); border-radius: 0.3rem; display: inline; position: absolute; top: 0px; right: -72px; } .react-datepicker__time-container .react-datepicker__time { background: rgb(255, 255, 255); border-bottom-right-radius: 0.3rem; position: relative; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { text-align: center; border-bottom-right-radius: 0.3rem; width: 85px; margin: 0px auto; overflow-x: hidden; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list { box-sizing: content-box; width: 100%; height: calc(195px + 0.85rem); margin: 0px; padding-left: 0px; padding-right: 0px; list-style: none; overflow-y: scroll; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { white-space: nowrap; height: 30px; padding: 5px 10px; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover { cursor: pointer; background-color: rgb(240, 240, 240); } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected { color: rgb(255, 255, 255); background-color: rgb(33, 107, 165); font-weight: 700; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover { background-color: rgb(33, 107, 165); } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled { color: rgb(204, 204, 204); } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover { cursor: default; background-color: rgba(0, 0, 0, 0); } .react-datepicker__week-number { color: rgb(204, 204, 204); text-align: center; width: 1.7rem; margin: 0.166rem; line-height: 1.7rem; display: inline-block; } .react-datepicker__week-number.react-datepicker__week-number--clickable { cursor: pointer; } .react-datepicker__week-number.react-datepicker__week-number--clickable:hover { background-color: rgb(240, 240, 240); border-radius: 0.3rem; } .react-datepicker__day-names, .react-datepicker__week { white-space: nowrap; } .react-datepicker__day-names { margin-bottom: -8px; } .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name { color: rgb(0, 0, 0); text-align: center; width: 1.7rem; margin: 0.166rem; line-height: 1.7rem; display: inline-block; } .react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range { color: rgb(255, 255, 255); background-color: rgb(33, 107, 165); border-radius: 0.3rem; } .react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover { background-color: rgb(29, 93, 144); } .react-datepicker__month--disabled, .react-datepicker__quarter--disabled { color: rgb(204, 204, 204); pointer-events: none; } .react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover { cursor: default; background-color: rgba(0, 0, 0, 0); } .react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text { cursor: pointer; } .react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover { background-color: rgb(240, 240, 240); border-radius: 0.3rem; } .react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today { font-weight: 700; } .react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted { color: rgb(255, 255, 255); background-color: rgb(61, 204, 74); border-radius: 0.3rem; } .react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover { background-color: rgb(50, 190, 63); } .react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 { color: rgb(255, 0, 255); } .react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 { color: green; } .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range { color: rgb(255, 255, 255); background-color: rgb(33, 107, 165); border-radius: 0.3rem; } .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover { background-color: rgb(29, 93, 144); } .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected { color: rgb(255, 255, 255); background-color: rgb(37, 121, 186); border-radius: 0.3rem; } .react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover { background-color: rgb(29, 93, 144); } .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) { background-color: rgba(33, 107, 165, 0.5); } .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) { color: rgb(0, 0, 0); background-color: rgb(240, 240, 240); } .react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled { cursor: default; color: rgb(204, 204, 204); } .react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover { background-color: rgba(0, 0, 0, 0); } .react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover { background-color: rgb(33, 107, 165); } .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover { background-color: rgb(240, 240, 240); } .react-datepicker__input-container { width: 100%; display: inline-block; position: relative; } .react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view { border: 1px solid rgba(0, 0, 0, 0); border-radius: 0.3rem; position: relative; } .react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover { cursor: pointer; } .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow { border-top-color: rgb(179, 179, 179); } .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { top: 0px; right: -16px; transform: rotate(135deg); } .react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown { z-index: 1; text-align: center; background-color: rgb(240, 240, 240); border: 1px solid rgb(174, 174, 174); border-radius: 0.3rem; width: 50%; position: absolute; top: 30px; left: 25%; } .react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover { cursor: pointer; } .react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable { height: 150px; overflow-y: scroll; } .react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option { width: 100%; margin-left: auto; margin-right: auto; line-height: 20px; display: block; } .react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type { user-select: none; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover { background-color: rgb(204, 204, 204); } .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming { border-bottom-color: rgb(179, 179, 179); } .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous { border-top-color: rgb(179, 179, 179); } .react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected { position: absolute; left: 15px; } .react-datepicker__close-icon { cursor: pointer; vertical-align: middle; background-color: rgba(0, 0, 0, 0); border: 0px; outline: 0px; height: 100%; padding: 0px 6px 0px 0px; display: table-cell; position: absolute; top: 0px; right: 0px; } .react-datepicker__close-icon::after { cursor: pointer; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; content: "×"; background-color: rgb(33, 107, 165); border-radius: 50%; width: 16px; height: 16px; padding: 2px; font-size: 12px; line-height: 1; display: table-cell; } .react-datepicker__today-button { cursor: pointer; text-align: center; clear: left; background: rgb(240, 240, 240); border-top: 1px solid rgb(174, 174, 174); padding: 5px 0px; font-weight: 700; } .react-datepicker__portal { z-index: 2147483647; background-color: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center; width: 100vw; height: 100vh; display: flex; position: fixed; top: 0px; left: 0px; } .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 3rem; line-height: 3rem; } @media (width <= 400px), (height <= 550px) { .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 2rem; line-height: 2rem; } } .react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header { font-size: 1.44rem; } @charset "utf-8"; .checkOrClear-container { background: rgba(var(--b), .8); border-radius: var(--border-radius); align-items: center; padding: 4px 10px; display: flex; position: absolute; top: 50%; transform: translateY(-50%); } .checkOrClear-container .bc-loader.small { order: 2; } .checkOrClear-btn { color: rgba(var(--b-sc), 1); cursor: pointer; order: 1; padding: 0px; font-size: 14px; display: flex; } .checkOrClear-btn i { color: rgb(76, 173, 89); margin-inline-start: 8px; } [dir="ltr"] .check-btn { right: 15px; } [dir="rtl"] .check-btn { left: 15px; } [class*="is-web"][dir*="ltr"] .clear-btn { right: 15px; } [class*="is-web"][dir*="rtl"] .clear-btn { left: 15px; } [class*="is-mobile"][dir*="ltr"] .clear-btn { right: 8px; } [class*="is-mobile"][dir*="rtl"] .clear-btn { left: 8px; } .birthdate-datepicker { position: relative; } .CPFLoader { position: absolute; } [dir="ltr"] .CPFLoader { left: auto; right: 18px; } [dir="rtl"] .CPFLoader { left: 18px; } @charset "utf-8"; .entrance-form-content-section-bc { width: 100%; margin-bottom: 10px; } .entrance-form-content-section-bc .u-i-p-control-item-holder-bc { padding: 0px; } .entrance-generate { position: relative; } [class*="is-web"] .oneClickRegistrationForm { max-width: 400px; } .oneClickEmailBtn, .oneClickEmailInfo { text-align: center; width: 30px; height: 30px; line-height: 30px; top: 11px; } [dir="ltr"] .oneClickEmailBtn, [dir="ltr"] .oneClickEmailInfo { right: 10px; } [dir="rtl"] .oneClickEmailBtn, [dir="rtl"] .oneClickEmailInfo { left: 10px; } .oneClickEmailInfo { font-size: 12px; } .oneClickEmailBtn { margin-inline-end: 34px; font-size: 15px; } .oneClickEmailBtn, .oneClickEmailInfo, .generateButton { color: rgba(var(--b-sc), .8); position: absolute; } [class*="is-web"] .oneClickEmailBtn, [class*="is-web"] .oneClickEmailInfo, [class*="is-web"] .generateButton { transition: color var(--default-transition-duration); cursor: pointer; } [class*="is-web"] .oneClickEmailBtn:hover, [class*="is-web"] .oneClickEmailInfo:hover, [class*="is-web"] .generateButton:hover { color: rgba(var(--b-sc), 1); } .generateButton { font-size: 14px; top: 20px; } [class*="is-web"] .generateButton { margin-inline-end: 6px; } [dir="ltr"] .generateButton { right: 20px; } [dir="rtl"] .generateButton { left: 20px; } .oneClickRegisterWrapper { border: 1px solid rgba(var(--b-sc), .6); border-radius: var(--border-radius); justify-content: space-between; align-items: center; padding: 10px; font-size: 14px; display: flex; } .oneClickRegisterInfo { color: rgba(var(--b-sc), .6); } .oneClickRegisterValue { color: rgba(var(--b-sc), .9); margin-inline-start: 6px; } .oneClickRegister { font-size: 12px; } .oneClickRegister + .oneClickRegister { margin-top: 6px; } .oneClickCopy { color: rgba(var(--b-sc), .8); font-size: 16px; } [class*="is-web"] .oneClickCopy { transition: color var(--default-transition-duration); cursor: pointer; } [class*="is-web"] .oneClickCopy:hover { color: rgba(var(--b-sc), 1); } .oneClickSaveInfo { flex-direction: column; gap: 20px; margin-top: 30px; margin-bottom: 30px; padding-inline: 10px; font-size: 12px; display: flex; } .oneClickSaveInfo i { margin-inline-end: 10px; } .oneClickSaveInfoItem { color: rgba(var(--b-sc), .8); align-items: center; display: flex; } [class*="is-web"] .oneClickSaveInfoItem { transition: color var(--default-transition-duration); cursor: pointer; } [class*="is-web"] .oneClickSaveInfoItem:hover { color: rgba(var(--b-sc), 1); } .oneClickEmailField { min-height: 80px; margin-bottom: 14px; position: relative; } .registrationTypeTabs { background-color: rgba(var(--b-sc), .15); border-radius: 6px; width: 100%; height: 32px; display: flex; position: relative; } .registrationTypeTab { z-index: 1; flex: 1 1 0%; justify-content: center; align-items: center; min-width: 0px; height: 100%; padding: 0px 6px; display: flex; position: relative; } [class*="is-web"] .registrationTypeTab:hover { cursor: pointer; } .registrationTypeTab.active .registrationTypeTabText { color: rgba(var(--hero-sc), 1); } .registrationTypeTabText { white-space: nowrap; text-overflow: ellipsis; min-width: 0px; color: rgba(var(--b-sc), .5); transition: color var(--default-transition-duration); font-size: 14px; line-height: 16px; overflow: hidden; } .registrationTypeTabIndicator { background-color: rgba(var(--hero), 1); pointer-events: none; border-radius: 6px; width: 50%; height: 100%; transition: transform 0.24s; position: absolute; top: 0px; transform: translate(-100%); } [dir="ltr"] .registrationTypeTabIndicator { left: 0px; } [dir="rtl"] .registrationTypeTabIndicator { right: 0px; } .registrationTypeTab:first-child.active ~ .registrationTypeTabIndicator { transform: translate(0px); } [dir="ltr"] .registrationTypeTab:nth-child(2).active ~ .registrationTypeTabIndicator { transform: translate(100%); } [dir="rtl"] .registrationTypeTab:nth-child(2).active ~ .registrationTypeTabIndicator { transform: translate(-100%); } @charset "utf-8"; .reset-password-via-sms { gap: var(--fds-ref-spacing-large); flex-direction: column; display: flex; } [class*="is-web"] .reset-password-via-sms { width: 400px; } .reset-password-via-sms__code-row { align-items: flex-start; gap: var(--fds-ref-spacing-xsmall); display: flex; } .reset-password-via-sms__code-row .ds-input-type__text { flex: 1 1 auto; min-width: 0px; } .reset-password-via-sms__code-row .ds-btn { min-width: var(--fds-sem-dimension-5xlarge); text-transform: uppercase; flex: 0 0 auto; } .reset-password-via-sms__error { color: rgba(var(--error), var(--fds-ref-alpha-100)); text-align: center; } .reset-password-via-sms .ds-textfield__input { box-shadow: none; background: 0px 0px; } .reset-password-via-sms input:-webkit-autofill { box-shadow: none; background: 0px 0px; } .reset-password-via-sms input:-webkit-autofill:hover { box-shadow: none; background: 0px 0px; } .loader-popup { width: 100%; height: 100%; padding: 0 var(--padding-page-aside); background: rgba(var(--b), .9); backdrop-filter: blur(3px); z-index: 99; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; top: 0px; } .loader-popup-text { color: rgba(var(--b-sc), .8); word-break: break-word; margin-top: 10px; padding: 0px 30px; font-size: 16px; animation: 1s ease 4.5s 1 normal forwards running loader-popup-text; } .loader-popup-btn { opacity: 0; margin-top: 20px; margin-bottom: 30px; transition: opacity 0.3s; animation: 1s ease 4.5s 1 normal forwards running loader-popup-btn; } .loader-popup-countdown { height: 75px; line-height: 75px; } .loader-popup-countdown::before { content: ""; color: rgba(var(--b-sc), .8); font-size: 60px; animation: 5s ease 0s 1 reverse forwards running loader-popup-countdown; } @keyframes loader-popup-text { 100% { margin-top: -75px; } } @keyframes loader-popup-btn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes loader-popup-countdown { 20% { content: "1"; } 40% { content: "2"; } 60% { content: "3"; } 80% { content: "4"; } 100% { content: "5"; } 0% { opacity: 0.1; } }