:root {
  /* RGB */
  /*Brand*/
  --orange-rgb: 247, 34, 35;
  --deep-blue-rgb: 2, 0, 36;
  --deep-purple-rgb: 30, 28, 52;
  --black-rgb: 8, 7, 11;

  /*Base*/
  --white-rgb: 255, 255, 255;
  --total-black-rgb: 0, 0, 0;
  --light-gray-rgb: 222, 223, 228;
  --shade-gray-rgb: 174, 184, 200;
  --gray-rgb: 82, 85, 105;
  --dark-rgb: 21, 20, 29;

  /*Brand Colors */
  --orange-color: rgb(var(--orange-rgb));
  --deep-blue-color: rgb(var(--deep-blue-rgb));
  --deep-purple-color: rgb(var(--deep-purple-rgb));
  --black-color: rgb(var(--black-rgb));

  /*Base colors */
  --total-black-color: rgb(var(--total-black-rgb));
  --white-color: rgb(var(--white-rgb));
  --light-gray-color: rgb(var(--light-gray-rgb));
  --shade-gray-color: rgba(var(--shade-gray-rgb));
  --gray-color: rgb(var(--gray-rgb));
  --dark-color: rgb(var(--dark-rgb));

  /*Fonts*/
  --font-size: 16px;
  --line-height: 24px;
  --font-weight: 400;
  --font-more-weight: 600;
  --font-semi-bold: 600;
  --font-bold: 800;
  --font-extra-bold: var(--font-bold);
  --font-family-primary: 'Montserrat', sans-serif;
  --font-family-secondary: 'Montserrat', sans-serif;
  --title-size: 18px;

  /*Design tokens start*/
  --brand-primary-color: var(--deep-blue-color);
  --brand-primary-color-rgb: var(--deep-blue-rgb);

  --brand-accent-color: var(--orange-color);
  --brand-accent-color-rgb: var(--orange-rgb);

  --brand-secondary-color: var(--deep-purple-color);
  --brand-secondary-color-rgb: var(--deep-purple-rgb);
  --brand-secondary-color-dark-rgb: var(--brand-secondary-color-rgb);

  --brand-dark-color: var(--dark-color);
  --brand-dark-color-rgb: var(--dark-rgb);

  --brand-text-color: var(--white-color);
  --brand-icon-color: var(--white-color);

  --base-muted-color: var(--gray-color);
  --brand-border-radius-size: 8px;
  /*Design tokens end*/

  /* Additional header */
  --additional-header-left: linear-gradient(
    94deg,
    #f72223 10.71%,
    #75bfed 105.9%
  );
  --additional-header-right: linear-gradient(
    92deg,
    #2f6ce7 -8.95%,
    #f72223 113.4%
  );
  --additional-header-right-circle-gradient: transparent;
  --additional-header-right-circle-box-shadow: 0px 0px 0px 0px #7eebfd;
  --additional-header-border-color: #fff;
  --additional-header-text-color: var(--header-text);

  /* Header */
  --header-text-color: var(--brand-text-color);
  --header-burger-background-color: var(--brand-accent-color);
  --header-burger-icon-color: var(--brand-text-color);
  --header-search-icon-color: var(--brand-accent-color);
  --header-border-color: none;
  --header-mobile-max-logo-width: 40px;
  --header-menu-text: none;
  --header-mobile-height-logo: 40px;

  /*Links*/
  --link-hover-color: var(--brand-accent-color);

  /*Sidebar*/
  --sidebar-max-width: 250px;
  --sidebar-closed-width: 80px;
  --sidebar-background-color: var(--layout-header-color);
  --sidebar-text-color: var(--base-muted-color);
  --sidebar-border-color: rgba(var(--shade-blue-rgb));
  --sidebar-border-radius: var(--brand-border-radius-size);
  --sidebar-item-hover-color: var(--shade-blue-color);
  --sidebar-accented-item-hover-color: var(--light-blue-color);

  --sidebar-accented-item-border: linear-gradient(180deg, #36c3ff, #3b97ff);

  /*Game card*/
  --bonus-label-text-color: rgba(255, 243, 37, 1);
  --bonus-label-background-color: var(--brand-primary-color);
  --bonus-label-box-shadow: var(--banner-text-box-shadow);
  --game-card-flex-params: 0 0 calc(20% - 10px);
  --game-card-max-width: 350px;
  --game-card-max-width-mobile: 350px;

  --game-level-card-background-color: var(--brand-primary-color);
  --game-level-card-text-color: var(--brand-text-color);
  --card-background-color: var(--shade-blue-color);

  --nx-level-card-label-background-color: rgba(2, 0, 36, 1);
  --card-label-box-shadow: 0 0 0 1px rgba(247, 34, 35, 1);
  --loyalty-level-cards-detail-sub-title: rgba(247, 34, 35, 1);
  --nx-level-card-listitem-border: 1px solid rgba(255, 255, 255, 0.4);
  --nx-level-card-img-radius: var(--border-radius-size);
  --nx-level-card-background: linear-gradient(
    180deg,
    #1e1c34 49%,
    #4c4875 100%
  );
  --nx-level-card-border: 1px solid rgba(38, 35, 63, 1);

  /*Layout*/
  --layout-header-color: var(--brand-primary-color);
  --layout-background-color: var(--brand-primary-color);
  --background-image-size: cover;
  --background-image-position: center;
  --background-image-reapeat: repeat;
  --layout-background-light: transparent;
  --layout-background-dark: var(--brand-dark-color);
  --layout-background-muted: rgba(var(--brand-primary-color-rgb), 1);
  --layout-modal-background-color: var(--brand-primary-color);
  --layout-fullscreen-background-color: var(--brand-primary-color);
  --search-icon-color: var(--brand-text-color);

  /*Article*/
  --article-background-color: var(--brand-secondary-color);

  /*Banners*/
  --banner-text-color: var(--brand-text-color);
  --banner-title-text-color: #f72223;
  --banner-sub-text-color: var(--white-color);
  --banner-text-box-shadow: #000000 1px 0 10px;
  --banner-mobile-height: 300px;

  /*Bottom bar*/
  --bottom-bar-background-color: rgba(var(--brand-primary-color), 0.1);

  /*Modals*/
  --modal-backdrop-color: linear-gradient(
    180deg,
    rgba(21, 20, 29, 0.9) 0%,
    #15141d 33.33%,
    #15141d 66.67%,
    #090405 100%
  );
  --layout-modal-border: 3px solid #f72223;

  /*Section*/
  --section-background: #191731;
  --winners-section-background: var(--section-background);
  --section-paddings: 16px;
  --section-border-radius: 16px;
  --setting-section-background: var(--section-background);
  --section-container-margin: 25px 0;
  --section-container-margin-v2: 25px 0;
  --section-container-mobile-margin: 10px 0;

  /*Promo*/
  --promotion-background: var(--section-background);
  --promotion-special-background: linear-gradient(
    180deg,
    #ff2f01 0%,
    #5d5983 100%
  );
  --promotion-text-color: var(--text-color);

  --promo-progress-container-card-background: var(--brand-primary-color);
  --promo-progress-ternary-card-background: var(--brand-primary-color);
  --promo-progress-ternary-card-wraper: var(--brand-primary-color) border-box;
  --promo-progress-secret-card-background: var(--brand-primary-color);
  --promo-progress-secret-card-wraper: var(--brand-primary-color) border-box;
  --promo-progress-card-label-color: var(--total-orange);

  /*Providers Block*/
  --providers-background: var(--promotion-background);
  --providers-list-opacity: 1;

  /*Service block*/
  --service-block-icon-background-color: var(--brand-accent-color);
  --service-block-icon-color: var(--brand-primary-color);

  /*Headline*/
  --headline-font-size: 21px;
  --headline-font-weight: 800;
  --headline-icon-background-color: var(--brand-accent-color);
  --header-icon-color: var(--brand-primary-color);
  --header-height-size: 70px;
  --headline-title-color: var(--text-color);

  /*Dropdown menu*/
  --dropdown-background-color: var(--brand-secondary-color);
  --dropdown-text-color: var(--primary-text-color);
  --dropdown-menu-text-color: var(--secondary-text);
  --dropdown-menu-item-hover-color: var(--brand-primary-color);
  --dropdown-button-box-shadow: 0 0 0 1px rgba(var(--light-gray-rgb), 0.1);
  --dropdown-button-box-shadow-hover: 0 0 0 1px
    rgba(var(--brand-accent-color-rgb), 1);
  --dropdown-arrow-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1L4 4L1 0.999999' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");

  --deposit-btn-color: linear-gradient(
    90deg,
    var(--brand-secondary-color),
    var(--brand-secondary-color-dark-rgb)
  );
  --deposit-button-background: var(--brand-dark-color);

  /*Side menu*/
  --side-menu-background-color: #191731;
  --side-menu-text-color: var(--primary-text-color);
  --side-menu-item-background-color: var(--brand-primary-color);
  --side-menu-item-background-active: var(--brand-accent-color);
  --side-menu-notification-text-color: var(--brand-text-color);

  /*User menu*/
  --user-menu-background-color: var(--brand-dark-color);
  --user-menu-text-color: var(--text-color);
  --side-menu-game-hover-color: var(--brand-accent-color);
  --side-menu-game-background-color: var(--brand-primary-color);

  /*Switcher*/
  --switcher-background: var(--brand-primary-color);
  --switcher-border: var(--brand-accent-color);
  --switcher-circle-background: var(--brand-accent-color);
  --switcher-circle-checked-background: var(--brand-primary-color);
  --switcher-background-checked: var(--brand-accent-color);

  /*Category bar*/
  --category-bar-height-size: 62px;
  --category-bar-width-size: 124px;
  --category-bar-icon-width: 24px;
  --category-bar-trigger-btns-width: var(--category-bar-height-size);
  --category-bar-btns-gap: 8px;
  --category-bar-active-background-color: var(--brand-accent-color);
  --category-bar-active-text-color: var(--brand-text-color);
  --category-bar-active-icon-color: var(--brand-text-color);

  --category-bar-background-color: var(--brand-secondary-color);
  --category-bar-text-color: var(--brand-text-color);
  --category-bar-hover-text-color: var(--brand-accent-color);
  --category-bar-hover-border-color: var(--brand-accent-color);
  --category-bar-hover-background-color: var(--brand-primary-color);
  --category-bar-icon-color: var(--brand-accent-color);
  --category-bar-icon-hover-color: var(--brand-text-color);
  --category-bar-border-color: none;
  --category-bar-border-active-color: none;
  --category-bar-box-shadow-color: 0 0 0 1px var(--primary-color);
  --category-bar-box-shadow-hover-color: 0 0 0 1px
    var(--category-bar-hover-border) inset;

  /*Filters*/
  --filter-background-color: var(--category-bar-background-color);
  --filter-box-shadow-color: var(--brand-accent-color);
  --filter-icon-color: var(--brand-accent-color);
  --filter-icon-color-hover: var(--brand-accent-color);
  --filter-border-radius: var(--brand-border-radius-size);

  /*Buttons*/
  --play-button-background-color: var(--brand-accent-color);

  --primary-button-color: var(--brand-accent-color);
  --primary-button-text-color: var(--brand-text-color);
  --primary-button-disabled-color: rgba(var(--brand-accent-color-rgb), 0.8);

  --secondary-button-color: transparent;
  --secondary-button-text-color: var(--brand-text-color);
  --secondary-button-bg-hover-color: var(--brand-primary-color);
  --secondary-button-text-hover-color: var(--brand-text-color);

  --outline-button-color: none;
  --outline-button-border-color: var(--brand-accent-color-rgb);
  --outline-button-text-color: var(--brand-text-color);

  --tertiary-button-color: var(--brand-dark-color);
  --tertiary-button-text-color: rgba(var(--light-gray-rgb), 0.6);
  --tertiary-button-bg-hover-color: var(--dark-gray-color);

  --radio-button-checked-color: var(--gray-color);
  --radio-button-not-checked-border-color: rgba(var(--white-rgb), 1);

  --link-button-color: var(--brand-accent-color);
  --link-button-text-color: var(--brand-text-color);
  --link-button-text-hover-color: var(--brand-text-color);

  --carousel-button-bg-color: var(--brand-accent-color);
  --carousel-button-disabled-color: var(--brand-dark-color);
  --carousel-button-hover-color: var(--brand-accent-color);
  --carousel-round-button-color: var(--brand-dark-color);
  --carousel-button-disabled-opacity-value: 0.5;
  --carousel-dots-indecator: var(--white-rgb);
  --carousel-dots-indecator-active-background: var(--primary-color);
  --carousel-dots-indecator-background: transparent;
  --carousel-dots-indecator-active-border: 1px solid var(--white-rgb);
  --carousel-dots-indecator-border: 1px solid var(--white-rgb);

  /*Back button*/
  --back-button-bg-color: var(--setting-section-background);
  --back-button-icon-color: var(--brand-text-color);
  --back-button-icon-hover: var(--brand-accent-color);

  /*Text*/
  --primary-text-color: var(--brand-text-color);
  --secondary-text-color: rgba(var(--light-gray-rgb), 0.6);
  --secondary-text-hover-color: rgba(var(--light-gray-rgb), 1);
  --muted-text-color: var(--base-muted-color);

  --divider-color: var(--brand-accent-color);
  --avatar-background-color: var(--brand-accent-color);

  /*Tables*/
  --table-active-text-color: var(--brand-dark-color);

  /*Box Shadows*/
  --box-shadow-primary-button: 0 0 0 1px var(--primary-button-color);
  --box-shadow-secondary-button: 0 0 0 1px
    rgba(var(--brand-accent-color-rgb), 1);
  --box-shadow-secondary-button-hover: none;
  --box-shadow-button-hover: 0 0 0 1px rgba(var(--brand-accent-color-rgb), 1);
  --box-shadow-button-accent: 0 0 0 1px rgba(var(--brand-accent-color-rgb), 1);
  --box-shadow-button-outline: 0 0 0 1px
    rgba(var(--outline-button-border-color), 1);
  --box-shadow-button-outline-hover: 0 0 0 1px
    rgba(var(--brand-accent-color-rgb), 1);
  --box-shadow-round-button: 0 0 0 1px rgba(var(--brand-accent-color-rgb), 1);
  --box-shadow-radio-button-checked: 0 0 0 1px var(--brand-text-color);
  --box-shadow-radio-button-hover: 2px solid rgba(var(--white-rgb), 0.2);
  --box-shadow-card-overlay: inset 0 0 0 1px var(--brand-accent-color);
  --box-shadow-header: none;
  --box-shadow-input-focus: 0 0 0 1px var(--brand-primary-color);

  /*Inputs*/
  --input-background-color: rgba(var(--white-rgb), 0.15);
  --footer-input-background-color: var(--input-background-color);
  --input-disabled-background-color: rgba(var(--shade-gray-rgb), 0.1);
  --input-text-color: var(--light-gray-rgb);
  --input-label-color: rgba(var(--light-gray-rgb), 0.6);

  /*Border Radius*/
  --border-radius-size: 8px;
  --border-radius-section: 16px;
  --border-radius-tab-size: 10px;
  --border-radius-service-block-size: 24px;
  --border-radius-modal-size: 16px;
  --border-radius-banner-size: 16px;
  --border-radius-button-size: 8px;

  /*Overlays and hovers*/
  --card-hover-color: rgba(var(--black-rgb), 0.7);
  --card-hover-states-text-color: var(--brand-text-color);

  /*Icons*/
  --signup-icon-color: var(--brand-primary-color);
  --carousel-button-svg-color: var(--brand-icon-color);
  --carousel-button-round-svg-color: var(--brand-icon-color);
  --carousel-button-svg-disabled-color: var(--light-gray-color);
  --carousel-button-svg-hover-color: var(--brand-icon-color);

  --footer-color: transparent;
  --footer-text-color: var(--brand-text-color);

  --wrapper-max-width-size: 1920px;
  --footer-max-width-size: 1240px;
  --wrapper-container-padding: 0 16px;

  --tabs-font-size: var(--font-bold);
  --tabs-container-gap: 8px;
  --tabs-container-background: none;

  --linear-gradient-8: linear-gradient(
    180deg,
    #36ff32,
    #36ff32,
    #18c814,
    #18c814
  );
  /* Action Card */
  --action-card-subtitle: var(--brand-accent-color);

  --calendar-modal-background: #3d3960;
  --calendar-items-background: #020024;
  --calendar-items-color: var(--game-level-card-text-color);

  --calendar-counter-container-bg: var(--category-bar-background);
  --calendar-day-counter-bg: var(--category-bar-background-color);
  --calendar-day-counter-active-bg: var(--category-bar-active-background-color);
  --calendar-day-counter-text: var(--category-bar-text);
  --calendar-day-counter-borders: var(--category-bar-hover-border);
  --calendar-day-counter-active-borders: var(--calendar-day-counter-borders);
  --calendar-money-color: var(--category-bar-hover-border);

  --calendar-promo-block-bg: linear-gradient(
    180.34deg,
    var(--layout-background-color) 23.74%,
    var(--category-bar-active-background-color) 99.77%
  );
  --calendar-promo-block-border: 0 0 0 4px var(--category-bar-hover-border);
  --calendar-checkbox-color: #06b500;
  --calendar-promo-block-day-border: 0 0 0 1px var(--category-bar-hover-border);
  --calendar-promo-block-color: var(--text-color);
  --calendar-promo-block-info-bg: var(--layout-background-color);
  --calendar-promo-block-info-fill: var(--category-bar-hover-border);

  --list-item-color: var(--calendar-promo-block-color);
  --list-item-background: var(--calendar-promo-block-bg);
  --list-item-background-hover: var(--calendar-promo-block-bg);
  --list-item-border: var(--calendar-promo-block-day-border);

  --gradient-one: var(--calendar-items-background);
  --gradient-two: var(--calendar-items-background);
  --bar-down: #13661d;
  --bar-up: #50c250;

  --hold-card-text-color: #9698a1;
  --hold-close-btn-bg: #020024;
  --hold-close-btn-color: white;
  --hold-close-btn-radius: 8px;
  --hold-close-btn-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  --hold-close-btn-border: 1px solid rgba(27, 121, 225, 0.4);

  --registration-logo-height: 70px;
  --mobile-registration-logo-height: 60px;

  --google-btn-border-radius: 8px;

  --select-input-text-color: var(--brand-accent-color);
  ---pwa-icon: url('data:image/svg+xml,%3Csvg%20width%3D%22746%22%20height%3D%221078%22%20viewBox%3D%220%200%20746%201078%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M745.22%20538.613C745.233%20796.84%20745.253%20938.823%20745.28%20964.563C745.287%20973.97%20744.847%20984.24%20743.96%20995.373C740.8%201035.06%20704.01%201072.01%20664.09%201075.7C655.757%201076.48%20649.137%201076.87%20644.23%201076.88C514.357%201077.22%20358.35%201077.33%20176.21%201077.21C167.89%201077.21%20158.013%201076.81%20146.58%201076.01C135.853%201075.27%20126.263%201072.86%20117.81%201068.76C98.5433%201059.42%2083.7566%201045.16%2073.4499%201025.98C68.8099%201017.36%2065.8399%201008.68%2064.5399%20999.953C63.4599%20992.673%2062.9066%20983.663%2062.8799%20972.923C62.7066%20904.703%2062.6299%20864.083%2062.6499%20851.063C62.6566%20845.51%2062.9566%20838.84%2063.5499%20831.053C64.9832%20812.306%2074.2699%20799.543%2091.4099%20792.763C113.13%20784.183%20133.93%20792.393%20146.53%20810.903C152.76%20820.063%20153.35%20831.073%20153.34%20841.573C153.327%20848.026%20153.267%20860.89%20153.16%20880.163C153.153%20882.536%20153.43%20884.246%20153.99%20885.293C155.003%20887.173%20156.687%20888.116%20159.04%20888.123C339.807%20888.19%20502.123%20888.213%20645.99%20888.193C651.23%20888.183%20654.67%20887.543%20654.67%20881.563C654.657%20833.93%20654.647%20719.613%20654.64%20538.613C654.627%20357.613%20654.627%20243.296%20654.64%20195.663C654.63%20189.683%20651.19%20189.043%20645.95%20189.033C502.083%20189.033%20339.767%20189.073%20159%20189.153C156.647%20189.16%20154.967%20190.103%20153.96%20191.983C153.4%20193.03%20153.123%20194.74%20153.13%20197.113C153.237%20216.386%20153.297%20229.25%20153.31%20235.703C153.32%20246.203%20152.73%20257.213%20146.5%20266.373C133.9%20284.893%20113.11%20293.103%2091.3799%20284.523C74.2399%20277.743%2064.9532%20264.98%2063.5199%20246.233C62.9266%20238.446%2062.6266%20231.776%2062.6199%20226.223C62.5999%20213.203%2062.6732%20172.583%2062.8399%20104.363C62.8599%2093.623%2063.4099%2084.613%2064.4899%2077.333C65.7899%2068.6063%2068.7599%2059.9297%2073.3999%2051.303C83.7066%2032.123%2098.4932%2017.863%20117.76%208.523C126.213%204.42967%20135.803%202.00967%20146.53%201.263C157.963%200.469668%20167.84%200.0696669%20176.16%200.0630003C358.3%20-0.0769997%20514.307%200.0163324%20644.18%200.342999C649.087%200.356332%20655.707%200.749666%20664.04%201.523C703.96%205.213%20740.75%2042.153%20743.91%2081.843C744.803%2092.9763%20745.243%20103.246%20745.23%20112.653C745.21%20138.393%20745.207%20280.38%20745.22%20538.613Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M76.02%20514.715L76.05%20513.445L76.06%20474.535C76.06%20473.98%2075.9505%20473.431%2075.7378%20472.918C75.5251%20472.405%2075.2134%20471.94%2074.8204%20471.548C74.4275%20471.156%2073.9611%20470.845%2073.448%20470.634C72.9348%20470.422%2072.385%20470.314%2071.83%20470.315C63.2967%20470.335%2051.51%20470.342%2036.47%20470.335C30.5567%20470.335%2026.0733%20469.849%2023.02%20468.875C9.81%20464.655%200.629999%20452.995%200.0299988%20438.985C0.0899988%20438.612%200.08%20438.265%200%20437.945C0.18%20422.885%209.84999%20409.795%2024.5%20406.045C30.5%20404.505%2038.61%20405.025%2045.45%20405.065L46.13%20405.055H53.45H54.13L71.9%20405.065C72.4472%20405.065%2072.9889%20404.957%2073.4943%20404.748C73.9996%20404.538%2074.4587%20404.231%2074.8451%20403.843C75.2315%20403.456%2075.5377%20402.996%2075.7462%20402.49C75.9547%20401.984%2076.0613%20401.442%2076.06%20400.895C76.0467%20393.749%2076.0467%20382.029%2076.06%20365.735C76.06%20359.369%2076.5367%20354.735%2077.49%20351.835C84.82%20329.465%20112.7%20321.385%20130.42%20337.345C134.96%20341.439%20138.157%20346.412%20140.01%20352.265C140.89%20355.065%20141.333%20359.229%20141.34%20364.755C141.347%20370.029%20141.333%20381.672%20141.3%20399.685C141.29%20404.425%20143.31%20405.085%20147.66%20405.075C162.62%20405.049%20175.627%20405.052%20186.68%20405.085C189.15%20405.095%20192.79%20405.875%20195.3%20406.785C209.06%20411.805%20217.89%20424.445%20217.29%20439.085C216.73%20452.915%20206.98%20465.705%20193.23%20469.265C190.483%20469.972%20186.083%20470.329%20180.03%20470.335C168.61%20470.342%20157.107%20470.339%20145.52%20470.325C144.964%20470.324%20144.413%20470.432%20143.9%20470.644C143.386%20470.857%20142.919%20471.168%20142.526%20471.561C142.133%20471.954%20141.821%20472.421%20141.609%20472.935C141.397%20473.449%20141.289%20473.999%20141.29%20474.555C141.317%20484.402%20141.333%20496.109%20141.34%20509.675C141.347%20515.935%20140.85%20520.565%20139.85%20523.565C135.02%20538.085%20121.08%20547.765%20105.52%20546.165C89.14%20544.485%2076.67%20531.335%2076.02%20514.715Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M558.31%20372.343C566.35%20380.393%20570.64%20390.663%20570.66%20402.093C570.76%20480.773%20570.74%20552.023%20570.6%20615.843C570.586%20621.416%20570.263%20627.263%20569.63%20633.383C567.16%20657.383%20544.05%20671.643%20521.24%20667.043C505.73%20663.913%20491.78%20651.363%20489.4%20635.103C488.686%20630.23%20488.33%20625.383%20488.33%20620.563C488.31%20585.15%20488.293%20549.736%20488.28%20514.323C488.28%20509.983%20487.63%20506.703%20482.5%20507.143C481.473%20507.23%20480.196%20508.036%20478.67%20509.563C462.443%20525.85%20392.543%20595.783%20268.97%20719.363C263.21%20725.123%20256.54%20731.343%20250.7%20735.013C236.24%20744.093%20214.47%20740.263%20202.47%20728.273C190.48%20716.283%20186.65%20694.513%20195.73%20680.043C199.39%20674.213%20205.61%20667.543%20211.37%20661.773C334.917%20538.166%20404.83%20468.25%20421.11%20452.023C422.636%20450.496%20423.443%20449.22%20423.53%20448.193C423.97%20443.063%20420.69%20442.413%20416.35%20442.413C380.936%20442.406%20345.523%20442.4%20310.11%20442.393C305.29%20442.393%20300.443%20442.036%20295.57%20441.323C279.31%20438.953%20266.75%20425.003%20263.62%20409.493C259.01%20386.683%20273.27%20363.573%20297.27%20361.093C303.39%20360.46%20309.237%20360.136%20314.81%20360.123C378.63%20359.963%20449.877%20359.923%20528.55%20360.003C539.99%20360.013%20550.26%20364.303%20558.31%20372.343Z%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%2263%22%20y%3D%22621%22%20width%3D%2291%22%20height%3D%22272%22%20rx%3D%2245.5%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');

  --banner-additional-exclusive-text: #fff325;
  --banner-additional-text: var(--banner-text);
  --banner-additional-radius: var(--section-border-radius);
  --banner-additional-border-color: linear-gradient(180deg, #fff325, #8456af);

  --onboarding-nav-color: #d9d9d9;
  --onboarding-bg: var(--brand-accent-color);
  --onboarding-nav-select-color: var(--primary-button);

  --nice-button-bg: linear-gradient(145deg, #d31314, #f72223);
  --nice-button-color: #fff;
  --nice-button-box-shadow: 5px 5px 10px #d31314, -5px -5px 10px #f72223;

  --new-table-text: #fff;
  --new-table-text2: #fff;
  --new-table-background: #191731;
  --new-table-tr-background: #3f3c5a;
  --new-table-tr2-background: #191731;
  --new-table-tr-hover: #030024;
  --new-table-border-color: #4e497c;
  --new-table-head-background: #191731;
  --new-table-buttons-background: linear-gradient(145deg, #565373, #3a3665);

  --chat-input: var(--new-table-tr-hover);
  --chat-background: var(--new-table-background);
  --chat-background-text: var(--header-text);
  --chat-header: var(--new-table-head-background);
  --chat-item-radius: 4px;
  --chat-items: var(--new-table-tr-hover);
  --chat-items-hover: var(--new-table-tr-background);

  --travvel-banner-gradient: linear-gradient(#000, #000) padding-box,
    linear-gradient(145deg, #e1c384, #ffae24, #483015) border-box;
  --scrollbar-color: var(--chat-items);
  --scrollbar-color-hover: var(--chat-items-hover);
  --scrollbar-background: var(--layout-background-color);

  --footer-link-icon-background: var(--brand-accent-color);
  --footer-link-icon-background-wrapper: var(--accented-border);
  --footer-menu-text: var(--header-text);
  --accented-mask: linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0);

  --payment-method-background: #181a1f;
  --payment-method-text: #ffffff;
  --payment-item-bg: #2f313a;
  --payment-item-text: #ffffff;
  --payment-item-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1),
    0 2px 4px 0 rgba(0, 0, 0, 0.1);

  --game-sidebar-color: var(--section-background);

  --stats-bg-primary: #0f0f2d;
  --stats-bg-secondary: #1a1a3a;
  --stats-text-primary: #ffffff;
  --stats-text-secondary: #9ca3af;

  --stas-progress-circle: var(--brand-accent-color);
  --stas-progress-circle-bg: var(--layout-background-color);

  --table-border-radius: var(--section-border-radius);
  --table-item-border-radius: 0;

  --credentials-container-background: var(--layout-modal-background-color);
  --credentials-header-background: var(--section-background);
  --credentials-text-color: var(--primary-text-color);
  --credentials-secondary-text-color: var(--secondary-text-color);
  --credentials-action-background: var(--input-background-color);
  --credentials-action-hover-background: var(--secondary-button-color);
  --credentials-border-color: var(--dropdown-button-box-shadow);
  --credentials-success-background: var(--brand-accent-color);

}

@media (max-width: 1240px) {
  :root {
    --wrapper-container-padding: 0 10px;
  }
}