:root { /* BASE COLORS */ --brand-content-background: #252d40; --brand-text: #babcc2; --brand-simple: #1c212e; --brand-red: #b62d3e; --brand-grey: #b8b8cc; --brand-green: #2dd890; --brand-blue: #d2e5ff; --brand-yellow: #fcff71; --brand-gold: #d2c25a; --brand-blue-dark: #40526d; --brand-gradient-white: linear-gradient(180deg, #ffffff 0%, #9ba1b1 100%); --brand-gradient-blue: linear-gradient(180deg, #4b9de8 0%, #416fb4 100%); --brand-gradient-green: linear-gradient(180deg, #5cd995 0%, #3a9b84 100%); --brand-gradient-bg: linear-gradient(180deg, #3c567d 0%, #1c212e 100%); /* BASE COLORS RGB */ --brand-content-background-rgb: 37, 45, 64; --brand-simple-rgb: 28, 33, 46; --brand-red-rgb: 182, 45, 62; --brand-grey-rgb: 184, 184, 204; --brand-green-rgb: 45, 216, 144; --brand-blue-rgb: 210, 229, 255; --brand-yellow-rgb: 252, 255, 113; --brand-gold-rgb: 210, 194, 90; --brand-blue-link-rgb: 66, 114, 183; --brand-blue-dark-rgb: 64, 82, 109; --brand-header-background-mob: linear-gradient(180deg, #1a253d, rgba(26, 37, 61, .84) 28.65%, rgba(37, 45, 64, .65) 53.65%, rgba(37, 45, 64, .27) 76.04%, rgba(37, 45, 64, .08) 89.06%, rgba(37, 45, 64, 0)); --brand-header-background-web: #252d40; --header-menu-color: #fff; --balans-widget-color: rgba(0, 0, 0, 0.6); --balans-widget-sum-color: #fff; --balans-popup-button-color: linear-gradient(180deg, #4b9de8 0%, #416fb4 100%); --buttons-color: linear-gradient(180deg, #4b9de8 0%, #416fb4 100%); --buttons-text-inside-color: #fff; --footer-text-color: rgba(255, 255, 255, .6); --footer-text-color-rgb: 255, 255, 255; --footer-background-color: transparent; --footer-icon-color: #babcc2; --game-thumb-label-color: linear-gradient(180deg, #4b9de8 0%, #416fb4 100%); --game-slider-color: linear-gradient(180deg, #4b9de8 0%, #416fb4 100%); --game-category-active-color: #2dd890; --game-filters-bg-color-web: #57483c; --menu-background-color: #252d40; --menu-active-color: #2dd890; --menu-counter-color: linear-gradient(180deg, #5cd995 0%, #3a9b84 100%); --menu-envelope-bubble-counter-color: #549FDD; --menu-numbers-color: #2dd890; --sticks-bar-background-color: linear-gradient(180deg, rgba(#3c567d, 0.4) 0%, rgba(#1c212e, 0.4) 100%); --sticks-bar-box-shadow: 0px -4px 27px rgba(#292782, 0.1), inset 0px 0.5px 0.2px rgba(255, 0.5); --sticks-bar-main-button-color: linear-gradient(180deg, #ffffff 0%, #9ba1b1 100%); --sticks-bar-main-button-icon: #333; --sticks-bar-icon-color: url(#paint0_linear_24693_327502); --sticks-bar-bubble-counter-color: #b62d3e; --sticks-bar-active-color: #2dd890; --category-name-color: rgba(255, 255, 255, .9); --tab-bar-bg-color: #433E3D; --tournament-widget-gradient-color: linear-gradient(180deg, #387BE0 0%, #0E4596 100%); --vinners-widget-color: linear-gradient(100deg, rgba(255, 255, 255, .1) 2%, rgba(255, 255, 255, 0) 97%), rgba(66, 114, 183, .6); --lang-selector-color: rgba(255, 255, 255, .8); --star-color: #B2FFAC; --play-applycation-bg-color: #E2F1FF; /* BORDERS */ --game-thumb-radius-mob: 8px; --game-thumb-radius-web: 8px; --game-thumb-label-radius-mob: 6px 0 4px 0; --game-thumb-label-radius-web: 6px 0 4px 0; --games-provider-btn-radius-mob: 8px; --games-search-btn-radius-mob: 8px; --games-search-result-radius-mob: 8px; --game-category-btn-radius-mob: 8px; --games-provider-popup-radius: 8px; --game-category-popup-radius: 6px; --tournament-widget-radius: 12px; --tournament-widget-player-radius: 8px; --tournament-widget-games-thumb-radius: 8px; --buttons-tournament-radius: 32px; --balans-widget-radius: 4px; --balans-popup-radius: 8px; --balans-popup-button-radius: 32px; --collections-widget-radius: 12px; --collections-widget-games-thumb-radius: 8px; --buttons-border-radius: 8px; --jackpot-widget-radius: 8px; --sticks-bar-radius: 12px 12px 0px 0px; --vinners-widget-radius: 6px; --input-radius: 10px; --buttons-text-inside-style: uppercase; --onboarding-card-radius: 8px; --input-border: 1px solid transparent; --popup-shadow: 0px 0px 10px rgba(0, 0, 0, .3); /* NEW VARIABLES */ --brand-blue-link: #4272b7; --brand-gradient-home-layout: linear-gradient(180deg, rgba(81, 122, 175, .4), transparent) no-repeat; --background-bubble: radial-gradient(50% 50% at 50% 50%, #57aeff 0%, rgba(87, 174, 255, 0) 100%); --brand-gradient-popup-bg: linear-gradient(180deg, #517aaf 0%, transparent 100%); --brand-shadow: 0 4px 12px rgba(32, 36, 48, 0.3); --popup-tabs-color: #fff; --popup-tabs-color-rgb: 255, 255, 255; --popup-box-shadow: none; --popup-drop-shadow: none; --link-color: #d2e5ff; --brand-text-rgb: 186, 188, 194; --input-error-pseudo-size: 10px; --input-error-pseudo-position: -10px; --balans-widget-background: linear-gradient(270deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .051) 40.7%, hsla(0, 0%, 100%, .052) 82.26%); --sidebar-email-color: #d2e5ff; --sidebar-progress-bg-rgb: 210, 229, 255; --sidebar-active-item-bg: rgb(45, 216, 144, .1); --lang-selector-bg: transparent; --lang-selector-bg-opened: #1c212e; --game-category-bg: rgba(210, 229, 255, .2); --game-category-icon-color: linear-gradient(180deg, #fff, #9ba1b1); --games-provider-btn-bg-mob: rgba(210, 229, 255, .2); --game-category-border-color: 1px solid rgba(255, 255, 255, .15); --currency-sum-weight: 500; --dropdown-list-item-color: #252d40; --game-sticker-border-radius: 8px 0; --user-bar-bonus-bg: #252d40; --now-wins-game-thumb-radius: 12px; --transaction-text-color: 184, 184, 204; --msg-bg: #40526d; --payment-sum: #fcff71; --lottery-tournament-image-gradient: linear-gradient(152.97deg, #2B8FC8 0%, #0E5D96 100%), linear-gradient(113.52deg, #739AA2 23.29%, #357075 98.01%); --brand-blue-gradient-color: #517aaf; --brand-blue-gradient-color-rgb: 81, 122, 175; --tournament-active-tab: linear-gradient(0deg, #374C6D, #374C6D), #252D40; --brand-gradient-bg-errorPage: linear-gradient(180deg, #1d2e5b 0%, #5d6c97 100%); --locale-list-bg: #1c212e; --tooltip-bg: #d2e5ff; --tooltip-info-bg: #d2e5ff; --tooltip-color: #000; --tooltip-border-color: rgba(255, 255, 255, .9); --active-list-item-color: #2dd890; --main-slider-bg: rgba(81, 122, 175, .4); --news-image-shadow: linear-gradient(180deg, rgba(46, 58, 86, 0) 0%, rgba(46, 58, 86, .47) 62.72%, #2e3a56 100%); --tournament-and-lotteries-bg: linear-gradient(113.52deg, #4589D5 23.29%, #00304A 98.01%); --dots-color: linear-gradient(180deg, #ffffff 0%, #9ba1b1 100%); --search-link-color: #1c212e; --search-link-font-weight: 500; --search-icon-color: #252d40; --footer-social-icon-bg: #1C212E; --check-icon-color: url(#paint0_linear_26102_336454); --user-sidebar-text-color: #fff; --user-sidebar-font-weight: 400; --user-sidebar-text-color-rgb: 255, 255, 255; --user-sidebar-counter-color: linear-gradient(180deg, #5cd995 0%, #3a9b84 100%); --dropdown-not-active-icon-color: #252d40; --sort-icon-bg: rgba(210, 229, 255, 0.2); --sort-icon-border: 1px solid rgba(255, 255, 255, 0.15); --input-wrap-label-color: #b8b8cc; --background-bonus-gradient: linear-gradient(110.27deg, #517AB0 1.8%, #255480 98.04%); --tournament-and-lottery-opened-bg: #252d40; --tournament-and-lottery-opened-gradient: linear-gradient(180deg, rgba(81, 122, 175, 0) 0%, #517aaf 100%); --tournament-and-lottery-opened-opacity: 0.4; --tournament-and-lottery-opened-height: 364px; --tournament-and-lotteries-bg-opacity: 1; --user-progress-bar-bg: rgba(0,0,0, .4); --now-wins-widget-bg: #1c212e; --primary-button-color: #fff; --secondary-button-color: #fff; --sticks-bar-counter-text-color: #fff; --profile-active-gender-bg: linear-gradient(180deg, #4b9de8 0%, #416fb4 100%); --sidebar-points-icon: url(#paint0_linear_10768_265); --user-progress-bar-color: linear-gradient(180deg, #4b9de8 0%, #416fb4 100%); --active-auth-tab-line-color: linear-gradient(180deg, #4b9de8 0%, #416fb4 100%); --jackpot-letter-color: linear-gradient(354.68deg, #35b56f -0.53%, #b2ffac 72.6%); --jackpot-letter-shadow-color: 0px -1px rgba(#38ffc0, 0.42), 0 1px rgba(#38ffc0, 0.42), 1px 0px rgba(#38ffc0, 0.42), -1px 0 rgba(#38ffc0, 0.42), -1px -1px rgba(#38ffc0, 0.42), 1px 1px rgba(#38ffc0, 0.42), -1px 1px rgba(#38ffc0, 0.42), 1px -1px rgba(#38ffc0, 0.42); --jackpot-line-color: radial-gradient(50% 50% at 50% 50%, #27ffa4 0%, rgba(45, 216, 144, 0.39) 100%); --jackpot-border-color: #d2e5ff; --jackpot-border-shadow-color: 0 0 16px #006cff, 0 0 16px #006cff; --jackpot-number-color: linear-gradient(180deg, #BCDAF7 0%, #fff 100%); --jackpot-number-shadow-color: 0px -2px rgba(#4b9de8, 0.02), 0 2px rgba(#4b9de8, 0.02), 2px 0px rgba(#4b9de8, 0.02), -2px 0 rgba(#4b9de8, 0.02), -2px -2px rgba(#4b9de8, 0.02), 2px 2px rgba(#4b9de8, 0.02), -2px 2px rgba(#4b9de8, 0.02), 2px -2px rgba(#4b9de8, 0.02), 0px -1px rgba(#4b9de8, 0.02), 0 1px rgba(#4b9de8, 0.02), 1px 0px rgba(#4b9de8, 0.02), -1px 0 rgba(#4b9de8, 0.02), -1px -1px rgba(#4b9de8, 0.02), 1px 1px rgba(#4b9de8, 0.02), -1px 1px rgba(#4b9de8, 0.02), 1px -1px rgba(#4b9de8, 0.02); /*WEB*/ --nav-list-bg: #1c212e; --nav-list-box-shadow: inset 0px 1px 0px rgba(46, 54, 74, 0.4); --nav-list-active-item-before-color: #22293c; --nav-list-active-item-color: #2dd890; --tmb-label-color: #000; /* BONUS BALANCES */ --card-front-gradient: radial-gradient(160.77% 100% at 100% 90.93%, #3C567D 10.72%, #1C212E 100%); --card-back-gradient: radial-gradient(160.77% 100% at 100% 90.93%, #1C212E 10.72%, #3C567D 100%); --bonus-card-front-active-gradient: radial-gradient(159.47% 100% at 100% 91.18%, #0FB8DC 0%, #014E79 77.61%); --bonus-card-back-active-gradient: radial-gradient(159.47% 100% at 100% 91.18%, #014E79 0%, #0FB8DC 77.61%); --bonus-card-label-color: #fcff71; --bonus-card-active-label-color: #2dd890; --bonus-card-label-background: rgba(252, 255, 113, .24); --bonus-card-active-label-background: rgba(45, 216, 144, .24); --bonus-card-current-balance-color: #FCFF71; --bonus-card-front-button-background: #298049; --bonus-card-back-button-background: linear-gradient(180deg, #F07F1F 0%, #F66900 81.25%, #C24A03 100%); --bonus-card-border-radius: 10px; --bonus-page-primary-color: rgba(255, 255, 255, .9); --bonus-page-accent-color: rgba(45, 216, 144, .9); --bonus-page-dot-border-color: #2dd890; --bonus-page-dot-active-border-color: #2dd890; --bonus-page-dot-active-background: linear-gradient(180deg, #5cd995 0%, #3a9b84 100%); --bonus-popup-won-background: rgba(37, 45, 64); --bonus-popup-won-color: #babcc2; --bonus-popup-won-border-radius: 10px; --bonus-balances-onboarding-img: /*savepage-url=/assets/img/onboarding/bonusBalances/default.webp*/ url(); /* SPORT BALANCES */ --sport-card-front-active-gradient: radial-gradient(152.68% 109.43% at 95.93% 47.34%, #008F9F 10.72%, #073B47 100%); --sport-card-back-active-gradient: radial-gradient(152.68% 109.43% at 95.93% 47.34%, #073B47 10.72%, #008F9F 100%); --calendar-close-button-bg: linear-gradient(180deg, #355686 69.07%, rgba(53, 86, 134, 0.00) 100%); --calendar-close-button-radius: 8px 0 0 0; --calendar-page-bg: linear-gradient(0deg, rgba(81, 122, 175, 0.00) 0%, #517AAF 100%); --calendar-event-active: #4272b7; --calendar-filters-bg: rgba(37, 45, 64, 0.32); --calendar-filters-button-bg: linear-gradient(180deg, #4b9de8 0%, #416fb4 100%); --calendar-heading-color: 255,255,255; }